|  |  | 
 |  |  |     var admin = layui.admin; | 
 |  |  |     var xmSelect = layui.xmSelect; | 
 |  |  |     var layDate = layui.laydate; | 
 |  |  |     var laytpl = layui.laytpl; | 
 |  |  |  | 
 |  |  |     // 渲染搜索模板 | 
 |  |  |     $.ajax({ | 
 |  |  |         url: baseUrl+"/docType/list/auth", | 
 |  |  |         headers: {'token': localStorage.getItem('token')}, | 
 |  |  |         data: { | 
 |  |  |             limit: 9999 | 
 |  |  |         }, | 
 |  |  |         method: 'POST', | 
 |  |  |         success: function (res) { | 
 |  |  |             if (res.code === 200){ | 
 |  |  |                 let template = Handlebars.compile($('#docTypeTpl').html()); | 
 |  |  |                 $('#docType-query').html(template(res.data)); | 
 |  |  |                 layui.form.render('select'); | 
 |  |  |             } else if (res.code === 403){ | 
 |  |  |                 top.location.href = baseUrl+"/"; | 
 |  |  |             } else { | 
 |  |  |                 layer.msg(res.msg, {icon: 2}) | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     }) | 
 |  |  |  | 
 |  |  |     // 渲染表格 | 
 |  |  |     var insTb = table.render({ | 
 |  |  | 
 |  |  |         cellMinWidth: 100, | 
 |  |  |         cols: [[ | 
 |  |  |             {type: 'numbers'}, | 
 |  |  |             {field: 'orderNo', title: '单据编号', sort: true}, | 
 |  |  |             {field: 'orderNo', title: '单据编号', templet: '#orderNoTpl'}, | 
 |  |  |             {field: 'docType$', align: 'center', title: '类型',  minWidth: 160, width: 160}, | 
 |  |  |             {align: 'center', title: '明细', toolbar: '#tbLook', minWidth: 160, width: 160}, | 
 |  |  |             {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}, | 
 |  |  |             {field: 'memo', align: 'center',title: '备注'}, | 
 |  |  |             {align: 'center', title: '操作', toolbar: '#operate', width: 180} | 
 |  |  |         ]], | 
 |  |  |         request: { | 
 |  |  | 
 |  |  |             statusCode: 200 | 
 |  |  |         }, | 
 |  |  |         done: function (res, curr, count) { | 
 |  |  |             limit(); | 
 |  |  |             if (res.code === 403) { | 
 |  |  |                 top.location.href = baseUrl+"/"; | 
 |  |  |             } | 
 |  |  | 
 |  |  |         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') { | 
 |  |  |             doModify(data.id, 4); | 
 |  |  |             doModify(data.id, data.orderNo, 4); | 
 |  |  |         } else if (layEvent === 'look') { | 
 |  |  |             var $a = $(obj.tr).find('a[lay-event="look"]'); | 
 |  |  |             var offset = $a.offset(); | 
 |  |  | 
 |  |  |                         cellMinWidth: 100, | 
 |  |  |                         cols: [[ | 
 |  |  |                             {type: 'numbers'}, | 
 |  |  |                             {field: 'matnr', title: '商品编码'}, | 
 |  |  |                             {field: 'matnr', title: '商品编码', width: 160}, | 
 |  |  |                             {field: 'maktx', title: '商品名称', width: 160}, | 
 |  |  |                             {field: 'batch', title: '批号'}, | 
 |  |  |                             {field: 'anfme', title: '数量'}, | 
 |  |  |                             {field: 'qty', title: '作业数量', style: 'font-weight: bold'}, | 
 |  |  |                             {field: 'unit', title: '单位'}, | 
 |  |  |                             {field: 'model', title: '桶类型', edit: true}, | 
 |  |  |                             {field: 'volume', title: '罐装量', edit: true}, | 
 |  |  |                             {field: 'anfme', title: '待完结数量'}, | 
 |  |  |                             {field: 'qty', title: '待上报数量', style: 'font-weight: bold'}, | 
 |  |  |                             {field: 'workQty', title: '已上报数量'}, | 
 |  |  |                             // {field: 'unit', title: '单位'}, | 
 |  |  |                             // { | 
 |  |  |                             //     field: 'createTime$', title: '创建时间', sort: true, templet: function (d) { | 
 |  |  |                             //         return util.toDateString(d.createTime); | 
 |  |  |                             //     },  width: 180 | 
 |  |  |                             // }, | 
 |  |  |                             // {field: 'inQty', title: '已入库量'}, | 
 |  |  |                             // {field: 'color', title: '颜色'}, | 
 |  |  |                             {field: 'specs', title: '规格'} | 
 |  |  |                             // {field: 'color', title: '颜色'} | 
 |  |  |                         ]], | 
 |  |  |                         request: { | 
 |  |  |                             pageName: 'curr', | 
 |  |  | 
 |  |  |                             layer.msg('明细修改数量不合法', {icon: 2}); | 
 |  |  |                             return false; | 
 |  |  |                         } | 
 |  |  |                         if (nList[xi].anfme < nList[xi].workQty){ | 
 |  |  |                             layer.msg('数量不能小于已作业数量', {icon: 2}); | 
 |  |  |                             return false; | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                     layer.load(2); | 
 |  |  |                     $.ajax({ | 
 |  |  | 
 |  |  |                         {field: 'matnr', title: '商品编码', width: 160}, | 
 |  |  |                         {field: 'maktx', title: '商品名称', width: 200}, | 
 |  |  |                         {field: 'batch', title: '批号', edit: true}, | 
 |  |  |                         {field: 'specs', title: '规格'}, | 
 |  |  |                         {field: 'model', title: '桶类型', edit: true}, | 
 |  |  |                         {field: 'volume', title: '罐装量', edit: true}, | 
 |  |  |                         {field: 'anfme', title: '数量(修改)', style: 'color: blue;font-weight: bold', edit: true, minWidth: 110, width: 110}, | 
 |  |  |                         // {field: 'inQty', title: '已入库量',  minWidth: 100, width: 100}, | 
 |  |  |                         {field: 'unit', title: '单位', width: 80}, | 
 |  |  |                         {field: 'workQty', title: '作业数量',  minWidth: 100, width: 100}, | 
 |  |  |                         // {field: 'unit', title: '单位', width: 80}, | 
 |  |  |                         {field: 'memo', title: '备注' , edit: true}, | 
 |  |  |                         {align: 'center', title: '操作', toolbar: '#formSSXMTableBar', minWidth: 80, width: 80, fixed: 'right'} | 
 |  |  |                     ]], | 
 |  |  | 
 |  |  |                     if (layEvent === 'edit') { | 
 |  |  |                         showEditModel2(data); | 
 |  |  |                     } else if (layEvent === 'del') { | 
 |  |  |                         if(data.workQty > 0){ | 
 |  |  |                             layer.msg("已存在作业数量,不能删除", {icon: 2}); | 
 |  |  |                             return; | 
 |  |  |                         } | 
 |  |  |                         layer.confirm('确定要删除吗?', { | 
 |  |  |                             shade: .1, | 
 |  |  |                             skin: 'layui-layer-admin' | 
 |  |  | 
 |  |  |                         } else { | 
 |  |  |                             if (vle <= 0) { | 
 |  |  |                                 layer.msg("数量必须大于零", {icon: 2}); | 
 |  |  |                                 // data[obj.field] = 0; | 
 |  |  |                                 // insTbSSXM.reload({data: xxDataList}); | 
 |  |  |                                 return false; | 
 |  |  |                             } | 
 |  |  |                             if(obj.value < data.workQty){ | 
 |  |  |                                 layer.msg("输入数量不能小于作业中数量", {icon: 2}); | 
 |  |  |                                 // data[obj.field] = 0; | 
 |  |  |                                 // insTbSSXM.reload({data: xxDataList}); | 
 |  |  |                                 return false; | 
 |  |  |                             } | 
 |  |  |                         } | 
 |  |  | 
 |  |  |                     admin.open({ | 
 |  |  |                         type: 1, | 
 |  |  |                         offset: '150px', | 
 |  |  |                         area: '480px', | 
 |  |  |                         area: '680px', | 
 |  |  |                         title: (exp ? '修改' : '添加') + '明细', | 
 |  |  |                         content: $('#matEditDialog').html(), | 
 |  |  |                         success: function (layero, dIndex) { | 
 |  |  |                             $(layero).children('.layui-layer-content').css('overflow', 'visible'); | 
 |  |  |                             // 回显数据 | 
 |  |  |                             form.val('matEditForm', exp); | 
 |  |  |                             // 表单提交事件 | 
 |  |  |                             form.on('submit(matEditSubmit)', function (data) { | 
 |  |  |                                 var existMats = []; | 
 |  |  |                                 xxDataList.forEach(function(elem) { | 
 |  |  |                                     existMats.push(elem.matNo); | 
 |  |  |                                 }); | 
 |  |  |                                 var selectList = matXmSelect.getValue(); | 
 |  |  |                                 for (var i = 0; i<selectList.length; i++) { | 
 |  |  |                                     var item = selectList[i]; | 
 |  |  |                                     if (existMats.indexOf(item.value) === -1) { | 
 |  |  |                                         // 查询物料详情 | 
 |  |  |                                         $.ajax({ | 
 |  |  |                                             url: baseUrl+"/mat/covert/"+item.value+"/auth", | 
 |  |  |                                             headers: {'token': localStorage.getItem('token')}, | 
 |  |  |                                             method: 'GET', | 
 |  |  |                                             async: false, | 
 |  |  |                                             success: function (res) { | 
 |  |  |                                                 if (res.code === 200){ | 
 |  |  |                                                     xxDataList.push(res.data); | 
 |  |  |                                                     insTbSSXM.reload({data: xxDataList, page: {curr: 1}}); | 
 |  |  |                                                 } else if (res.code === 403){ | 
 |  |  |                                                     top.location.href = baseUrl+"/"; | 
 |  |  |                                                 }else { | 
 |  |  |                                                     layer.msg(res.msg, {icon: 2}) | 
 |  |  |                                                 } | 
 |  |  |                                 let selectList = matXmSelect.getValue(); | 
 |  |  |                                 for (let i = 0; i<selectList.length; i++) { | 
 |  |  |                                     let item = selectList[i]; | 
 |  |  |                                     // 查询物料详情 | 
 |  |  |                                     $.ajax({ | 
 |  |  |                                         url: baseUrl+"/mat/covert/"+item.value+"/auth", | 
 |  |  |                                         headers: {'token': localStorage.getItem('token')}, | 
 |  |  |                                         method: 'GET', | 
 |  |  |                                         async: false, | 
 |  |  |                                         success: function (res) { | 
 |  |  |                                             if (res.code === 200){ | 
 |  |  |                                                 xxDataList.push(res.data); | 
 |  |  |                                                 insTbSSXM.reload({data: xxDataList, page: {curr: 1}}); | 
 |  |  |                                             } else if (res.code === 403){ | 
 |  |  |                                                 top.location.href = baseUrl+"/"; | 
 |  |  |                                             }else { | 
 |  |  |                                                 layer.msg(res.msg, {icon: 2}) | 
 |  |  |                                             } | 
 |  |  |                                         }) | 
 |  |  |                                     } | 
 |  |  |                                         } | 
 |  |  |                                     }) | 
 |  |  |                                 } | 
 |  |  |                                 layer.close(dIndex); | 
 |  |  |                                 return false; | 
 |  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     // 修改订单状态 | 
 |  |  |     function doModify(orderId, settle) { | 
 |  |  |     function doModify(orderId, orderNo, settle) { | 
 |  |  |         layer.confirm('确定要手动完结吗?', { | 
 |  |  |             shade: .1, | 
 |  |  |             skin: 'layui-layer-admin' | 
 |  |  | 
 |  |  |                 headers: {'token': localStorage.getItem('token')}, | 
 |  |  |                 data: { | 
 |  |  |                     id: orderId, | 
 |  |  |                     orderNo: orderNo, | 
 |  |  |                     settle: settle | 
 |  |  |                 }, | 
 |  |  |                 method: 'POST', | 
 |  |  | 
 |  |  |         }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     // 任务追溯 | 
 |  |  |     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' |