|  |  |  | 
|---|
|  |  |  | 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: '库位号'} | 
|---|
|  |  |  | ,{field: 'matnr', align: 'center',title: '商品编号'} | 
|---|
|  |  |  | ,{field: 'brand', align: 'center',title: '牌号'} | 
|---|
|  |  |  | ,{field: 'batch', align: 'center',title: '批号'} | 
|---|
|  |  |  | ,{field: 'package_no', align: 'center',title: '包号'} | 
|---|
|  |  |  | ,{field: 'weight_anfme', align: 'center',title: '剩余重量'} | 
|---|
|  |  |  | ]; | 
|---|
|  |  |  | cols.push.apply(cols, detlCols); | 
|---|
|  |  |  | return cols; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | layui.use(['table','laydate', 'form'], function() { | 
|---|
|  |  |  | 
|---|
|  |  |  | return fmt; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | </html> | 
|---|
|  |  |  | </html> | 
|---|