|  |  | 
 |  |  |             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: 'createTime$', title: '入库时间', align: 'center', width: 200} | 
 |  |  |             ,{field: 'stay_time', align: 'center',title: '库龄(天)'} | 
 |  |  |             ,{field: 'loc_no', align: 'center',title: '库位号'} | 
 |  |  |         ]; | 
 |  |  |         cols.push.apply(cols, detlCols); | 
 |  |  |         return cols; | 
 |  |  |     } | 
 |  |  |     layui.use(['table','laydate', 'form'], function() { | 
 |  |  |         var table = layui.table; | 
 |  |  |         var $ = layui.jquery; | 
 |  |  | 
 |  |  |             even: true, | 
 |  |  |             cellMinWidth: 50, | 
 |  |  |             crossDomain: true, | 
 |  |  |             cols: [[ | 
 |  |  |                 {field: 'appe_time', title: '入库时间', align: 'center', width: 200} | 
 |  |  |                 ,{field: 'stay_time', align: 'center',title: '滞留天数'} | 
 |  |  |                 ,{field: 'loc_no', align: 'center',title: '库位号'} | 
 |  |  |                 ,{field: 'matnr', align: 'center',title: '物料号'} | 
 |  |  |                 ,{field: 'maktx', align: 'center',title: '物料描述'} | 
 |  |  |                 // ,{field: 'lgnum', align: 'center',title: '仓库号'} | 
 |  |  |                 // ,{field: 'tbnum', align: 'center',title: '请求编号'} | 
 |  |  |                 // ,{field: 'zmatid', align: 'center',title: '物料标签ID'} | 
 |  |  |                 // ,{field: 'werks', align: 'center',title: '工厂'} | 
 |  |  |                 ,{field: 'anfme', align: 'center',title: '数量'} | 
 |  |  |                 ,{field: 'altme', align: 'center',title: '单位'} | 
 |  |  |                 ,{field: 'zpallet', align: 'center',title: '托盘码'} | 
 |  |  |                 // ,{field: 'bname', align: 'center',title: '用户ID'} | 
 |  |  |             ]], | 
 |  |  |             cols: [getCol()], | 
 |  |  |             request: { | 
 |  |  |                 pageName: 'curr', | 
 |  |  |                 pageSize: 'limit' | 
 |  |  | 
 |  |  |         return fmt; | 
 |  |  |     } | 
 |  |  | </script> | 
 |  |  | </html> | 
 |  |  | </html> |