|  |  |  | 
|---|
|  |  |  | 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); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /*表格工具栏*/ | 
|---|
|  |  |  | 
|---|
|  |  |  | 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: 'appeTime$', 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' | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | done: function(res, curr, count) { | 
|---|
|  |  |  | if (res.code === 403) { | 
|---|
|  |  |  | top.location.href = baseUrl; | 
|---|
|  |  |  | top.location.href = baseUrl+"/"; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | pageCurr=curr; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | done: function (res, curr, count) { | 
|---|
|  |  |  | if (res.code === 403) { | 
|---|
|  |  |  | top.location.href = baseUrl; | 
|---|
|  |  |  | top.location.href = baseUrl+"/"; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | pageCurr=curr; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | return fmt; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | </html> | 
|---|
|  |  |  | </html> | 
|---|