|  |  | 
 |  |  |             display: inline-block; | 
 |  |  |             width: 49%; | 
 |  |  |         } | 
 |  |  |         .chart-elem div { | 
 |  |  |             padding-top: 15px; | 
 |  |  |             padding-bottom: 5px; | 
 |  |  |         } | 
 |  |  |         .chart-elem:first-child { | 
 |  |  |             padding: 0 50px; | 
 |  |  |         } | 
 |  |  |         .chart-elem:last-child { | 
 |  |  |             padding-left: 20px; | 
 |  |  |             padding: 0 50px; | 
 |  |  |             border-left: 1px solid rgba(0,0,0,.1); | 
 |  |  |         } | 
 |  |  |         /*表格工具栏*/ | 
 |  |  | 
 |  |  | <!--表格数据--> | 
 |  |  | <div class="home-elem loc-retention"> | 
 |  |  |     <div class="layui-form"> | 
 |  |  |         <div id="form-header">库存滞留时间统计表</div> | 
 |  |  |         <div id="form-header">库龄统计表</div> | 
 |  |  |         <table class="layui-hide" id="stayTime" lay-filter="stayTime"></table> | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  | 
 |  |  |                     text: '库位使用比例', | 
 |  |  |                     margin:1, | 
 |  |  |                     style: {fontSize: '18px',color: '#777',fontWeight: 'bold'}, | 
 |  |  |                     y: 20 | 
 |  |  |                     y: 5 | 
 |  |  |                 }; | 
 |  |  |                 var tooltip = { | 
 |  |  |                     pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' | 
 |  |  | 
 |  |  |                     name: '库位占比', | 
 |  |  |                     data: dataPie | 
 |  |  |                 }]; | 
 |  |  |  | 
 |  |  |                 var loading = { | 
 |  |  |                     hideDuration: 3, | 
 |  |  |                     showDuration: 3 | 
 |  |  |                 }; | 
 |  |  |                 var json = {}; | 
 |  |  |                 json.chart = chart; | 
 |  |  |                 json.title = title; | 
 |  |  |                 json.tooltip = tooltip; | 
 |  |  |                 json.series = series; | 
 |  |  |                 json.plotOptions = plotOptions; | 
 |  |  |                 json.loading = loading; | 
 |  |  |                 json.credits = {enabled: false}; | 
 |  |  |                 $('#pie').highcharts(json); | 
 |  |  |  | 
 |  |  | 
 |  |  |                     text: '日入出库数量', | 
 |  |  |                     margin: 1, | 
 |  |  |                     style: {fontSize: '18px',color: '#777',fontWeight: 'bold'}, | 
 |  |  |                     y: 20 | 
 |  |  |                     y: 5 | 
 |  |  |                 }; | 
 |  |  |                 var xAxis = { | 
 |  |  |                     categories: [getDate(-11), getDate(-10), getDate(-9), getDate(-8), getDate(-7), getDate(-6), | 
 |  |  | 
 |  |  |                     verticalAlign: 'middle', | 
 |  |  |                     borderWidth: 0 | 
 |  |  |                 }; | 
 |  |  |                 var loading = { | 
 |  |  |                     hideDuration: 3, | 
 |  |  |                     showDuration: 3 | 
 |  |  |                 } | 
 |  |  |                 var series = dataPie; | 
 |  |  |                 var json = {}; | 
 |  |  |                 json.title = title; | 
 |  |  | 
 |  |  |                 json.yAxis = yAxis; | 
 |  |  |                 json.tooltip = tooltip; | 
 |  |  |                 json.legend = legend; | 
 |  |  |                 json.loading = loading; | 
 |  |  |                 json.series = series; | 
 |  |  |                 json.credits = {enabled: false}; | 
 |  |  |                 $('#line').highcharts(json); | 
 |  |  | 
 |  |  |     var pageCurr; | 
 |  |  |     function getCol() { | 
 |  |  |         var cols = [ | 
 |  |  |             {field: 'appe_time', title: '入库时间', align: 'center', width: 200} | 
 |  |  |             ,{field: 'stay_time', align: 'center',title: '滞留天数'} | 
 |  |  |             {field: 'createTime$', title: '入库时间', align: 'center', width: 200} | 
 |  |  |             ,{field: 'stay_time', align: 'center',title: '库龄(天)'} | 
 |  |  |             ,{field: 'loc_no', align: 'center',title: '库位号'} | 
 |  |  |         ]; | 
 |  |  |         cols.push.apply(cols, detlCols); | 
 |  |  | 
 |  |  |         return fmt; | 
 |  |  |     } | 
 |  |  | </script> | 
 |  |  | </html> | 
 |  |  | </html> |