|  |  | 
 |  |  |     var admin = layui.admin; | 
 |  |  |     var xmSelect = layui.xmSelect; | 
 |  |  |     var layDate = layui.laydate; | 
 |  |  |     var laytpl = layui.laytpl; | 
 |  |  |  | 
 |  |  |     // 渲染搜索模板 | 
 |  |  |     $.ajax({ | 
 |  |  | 
 |  |  |         cellMinWidth: 100, | 
 |  |  |         cols: [[ | 
 |  |  |             {type: 'numbers'}, | 
 |  |  |             {field: 'orderNo', title: '单据编号'}, | 
 |  |  |             {field: 'orderNo', title: '单据编号', templet: '#orderNoTpl'}, | 
 |  |  |             {field: 'docType$', align: 'center', title: '类型',  minWidth: 160, width: 160}, | 
 |  |  |             {align: 'center', title: '明细', toolbar: '#tbLook', minWidth: 160, width: 160}, | 
 |  |  |             {align: 'center', title: '明细', toolbar: '#tbLook', minWidth: 240, width: 240}, | 
 |  |  |             {field: 'createTime$', title: '创建时间', minWidth: 200, width: 200}, | 
 |  |  |             {field: 'settle$', align: 'center', title: '状态', templet: '#settleTpl',  minWidth: 160, width: 160}, | 
 |  |  |             {field: 'memo', align: 'center',title: '备注', hide: true}, | 
 |  |  | 
 |  |  |         var layEvent = obj.event; | 
 |  |  |         if (layEvent === 'edit') { | 
 |  |  |             showEditModel(data); | 
 |  |  |         } else if (layEvent === 'wrkTrace') { | 
 |  |  |             showWrkTrace(data.id); | 
 |  |  |         } else if (layEvent === 'del') { | 
 |  |  |             doDel(data.id); | 
 |  |  |         } else if (layEvent === 'complete') { | 
 |  |  | 
 |  |  |                         cellMinWidth: 100, | 
 |  |  |                         cols: [[ | 
 |  |  |                             {type: 'numbers'}, | 
 |  |  |                             {field: 'matnr', title: '商品编码', width: 160}, | 
 |  |  |                             {field: 'maktx', title: '商品名称', width: 160}, | 
 |  |  |                             {field: 'matnr', title: '商品编码', width: 150}, | 
 |  |  |                             {field: 'model', title: '物料代码', width: 150}, | 
 |  |  |                             {field: 'maktx', title: '商品名称', width: 150}, | 
 |  |  |                             {field: 'batch', title: '批号'}, | 
 |  |  |                             {field: 'anfme', title: '数量'}, | 
 |  |  |                             {field: 'workQty', title: '作业数量'}, | 
 |  |  | 
 |  |  |         }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     // 任务追溯 | 
 |  |  |     function showWrkTrace(orderId) { | 
 |  |  |         let loadIndex = layer.msg('请求中...', {icon: 16, shade: 0.01, time: false}); | 
 |  |  |         $.ajax({ | 
 |  |  |             url: baseUrl+"/order/wrk/trace/auth", | 
 |  |  |             headers: {'token': localStorage.getItem('token')}, | 
 |  |  |             data: { | 
 |  |  |                 orderId: orderId | 
 |  |  |             }, | 
 |  |  |             method: 'POST', | 
 |  |  |             success: function (res) { | 
 |  |  |                 layer.close(loadIndex); | 
 |  |  |                 if (res.code === 200){ | 
 |  |  |                     laytpl(wrkTraceDialog.innerHTML).render(res.data, function (html) { | 
 |  |  |                         admin.open({ | 
 |  |  |                             type: 1, | 
 |  |  |                             title: '任务追溯', | 
 |  |  |                             area: ['800px', '450px'], | 
 |  |  |                             shadeClose: true, | 
 |  |  |                             content: html, | 
 |  |  |                             success: function (layero, dIndex) { | 
 |  |  |                                 $(layero).children('.layui-layer-content').css('overflow', 'visible'); | 
 |  |  |                                 /** 统计图表 */ | 
 |  |  |                                 var traceCharts = echarts.init(document.getElementById('wrkTraceCharts')); | 
 |  |  |                                 var traceOptions = { | 
 |  |  |                                     title: { | 
 |  |  |                                         text: '总量/作业/完成', x: 'center', y: '38%', | 
 |  |  |                                         textStyle: {fontSize: 18, color: '#262626', fontWeight: 'normal'}, | 
 |  |  |                                         subtextStyle: {fontSize: 36, color: '#10B4E8'}, | 
 |  |  |                                         itemGap: 20 | 
 |  |  |                                     }, | 
 |  |  |                                     color: ['#10B4E8', '#E0E0E0', '#FF0000'], | 
 |  |  |                                     tooltip: {trigger: 'item'}, | 
 |  |  |                                     series: [{name: '数量', type: 'pie', radius: ['75%', '80%'], label: {normal: {show: false}}}] | 
 |  |  |                                 }; | 
 |  |  |                                 traceCharts.setOption(traceOptions); | 
 |  |  |                                 // 赋值 | 
 |  |  |                                 traceCharts.setOption({ | 
 |  |  |                                     title: { | 
 |  |  |                                         subtext: res.data.totalQty+"/"+res.data.wrkQty+"/"+res.data.endQty | 
 |  |  |                                     }, | 
 |  |  |                                     series: [ | 
 |  |  |                                         { | 
 |  |  |                                             data: [ | 
 |  |  |                                                 {name: '已作业', value: res.data.wrkQty}, | 
 |  |  |                                                 {name: '未作业', value: res.data.totalQty-res.data.wrkQty-res.data.lackQty}, | 
 |  |  |                                                 {name: '库存不足', value: res.data.lackQty}, | 
 |  |  |                                             ] | 
 |  |  |                                         } | 
 |  |  |                                     ] | 
 |  |  |                                 }); | 
 |  |  |                             } | 
 |  |  |                         }); | 
 |  |  |                     }); | 
 |  |  |                 } else if (res.code === 403){ | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 }else { | 
 |  |  |                     layer.msg(res.msg, {icon: 2}); | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     layDate.render({ | 
 |  |  |         elem: '.layui-laydate-range' | 
 |  |  |         ,type: 'datetime' |