static/pages/statistic/statInfo.html

<div id="bd-toolbar">
    仓库：
    <input id="grainId" class="easyui-combobox bd-w-type grainId" editable="true" name="grainId">&emsp;
<!--         日期：
    <input class="easyui-datebox startDate" type="text" name="startDate" value="">-<input class="easyui-datebox endDate" name="endDate" value="">&emsp; -->
    <a href="#" class="easyui-linkbutton bd-add-s bd-search">查询</a>
    <a href="#" class="easyui-linkbutton bd-add-s clear-btn" plain="true">清空</a>
</div>
<div class="table-wrap">
    <div class="charts" id="tempchart"></div>
    <div class="charts" id="pestchart"></div>
    <div class="charts" id="workchart"></div>
</div>
<div class="pieChart-div">
<!--     <a href="javascript:;" class="easyui-linkbutton bd-add-s pieChart-contrast" style="float: right;margin: 10px">对比</a> -->
    <table class="pieChart-table"></table>
</div>
<!-- <script  id="statInfoecharts" type="text/html">
	option = {
    title : {
        text: '{{title}}',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },

    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
            	{{#arr}}
            	 {value:{{value}}, name:'{{name}}'},
            	{{/arr}}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
</script> -->
<style type="text/css">
	.bif-con #bd-toolbar{
		height:50px;
        /*margin: 10px 0;*/
	}
    .bif-con .table-wrap {
        width: 100%;
        height: 450px;
        border:1px solid #CCC;
        overflow: hidden;
        box-sizing: border-box;
        padding: 30px 0;
    }
	.charts{
        float: left;
        width: 33%;
        height: 100%;
        text-align: center;
        line-height: 388px;
	}
</style>