| | |
|---|
| | | var pageCurr; |
|---|
| | | var insTbCount = 0; |
|---|
| | | var admin; |
|---|
| | | var insTb |
|---|
| | | layui.config({ |
|---|
| | | base: baseUrl + "/static/layui/lay/modules/" |
|---|
| | | }).use(['table','laydate', 'form', 'admin'], function(){ |
|---|
| | | var table = layui.table; |
|---|
| | | }).use(['layer', 'form', 'table', 'util', 'admin', 'xmSelect', 'laydate'], function () { |
|---|
| | | var $ = layui.jquery; |
|---|
| | | var layer = layui.layer; |
|---|
| | | var layDate = layui.laydate; |
|---|
| | | var form = layui.form; |
|---|
| | | var admin = layui.admin; |
|---|
| | | var table = layui.table; |
|---|
| | | var util = layui.util; |
|---|
| | | admin = layui.admin; |
|---|
| | | var xmSelect = layui.xmSelect; |
|---|
| | | var layDate = layui.laydate; |
|---|
| | | var laytpl = layui.laytpl; |
|---|
| | | |
|---|
| | | // 数据渲染 |
|---|
| | | tableIns = table.render({ |
|---|
| | | // 渲染搜索模板 |
|---|
| | | $.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}) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 渲染表格 |
|---|
| | | insTb = table.render({ |
|---|
| | | elem: '#order', |
|---|
| | | url: baseUrl+'/order/head/page/auth', |
|---|
| | | headers: {token: localStorage.getItem('token')}, |
|---|
| | | url: baseUrl+'/order/list/auth', |
|---|
| | | page: true, |
|---|
| | | limit: 15, |
|---|
| | | limits: [15, 30, 50, 100, 200, 500], |
|---|
| | | toolbar: '#toolbar', |
|---|
| | | cellMinWidth: 50, |
|---|
| | | height: 'full-120', |
|---|
| | | cellMinWidth: 100, |
|---|
| | | cols: [[ |
|---|
| | | {type: 'checkbox'} |
|---|
| | | ,{field: 'id', align: 'center',title: 'ID'} |
|---|
| | | ,{field: 'uuid', align: 'center',title: '编号'} |
|---|
| | | ,{field: 'orderNo', align: 'center',title: '订单编号'} |
|---|
| | | ,{field: 'orderTime', align: 'center',title: '单据日期'} |
|---|
| | | ,{field: 'docType$', align: 'center',title: '单据类型'} |
|---|
| | | ,{field: 'itemId$', align: 'center',title: '项目编号'} |
|---|
| | | ,{field: 'itemName', align: 'center',title: ''} |
|---|
| | | ,{field: 'allotItemId$', align: 'center',title: '调拨项目编号'} |
|---|
| | | ,{field: 'defNumber', align: 'center',title: '初始票据号'} |
|---|
| | | ,{field: 'number', align: 'center',title: '票据号'} |
|---|
| | | ,{field: 'cstmr$', align: 'center',title: '客户编号'} |
|---|
| | | ,{field: 'cstmrName', align: 'center',title: '客户'} |
|---|
| | | ,{field: 'tel', align: 'center',title: '联系方式'} |
|---|
| | | ,{field: 'operMemb', align: 'center',title: '操作人员'} |
|---|
| | | ,{field: 'totalFee', align: 'center',title: '合计金额'} |
|---|
| | | ,{field: 'discount', align: 'center',title: '优惠率'} |
|---|
| | | ,{field: 'discountFee', align: 'center',title: '优惠金额'} |
|---|
| | | ,{field: 'otherFee', align: 'center',title: '销售或采购费用合计'} |
|---|
| | | ,{field: 'actFee', align: 'center',title: '实付金额'} |
|---|
| | | ,{field: 'payType$', align: 'center',title: '付款类型'} |
|---|
| | | ,{field: 'salesman', align: 'center',title: '业务员'} |
|---|
| | | ,{field: 'accountDay', align: 'center',title: '结算天数'} |
|---|
| | | ,{field: 'postFeeType$', align: 'center',title: '邮费支付类型'} |
|---|
| | | ,{field: 'postFee', align: 'center',title: '邮费'} |
|---|
| | | ,{field: 'payTime$', align: 'center',title: '付款时间'} |
|---|
| | | ,{field: 'sendTime$', align: 'center',title: '发货时间'} |
|---|
| | | ,{field: 'shipName', align: 'center',title: '物流名称'} |
|---|
| | | ,{field: 'shipCode', align: 'center',title: '物流单号'} |
|---|
| | | ,{field: 'settle$', align: 'center',title: '订单状态'} |
|---|
| | | ,{field: 'status$', align: 'center',title: '状态'} |
|---|
| | | ,{field: 'createBy$', align: 'center',title: '添加人员'} |
|---|
| | | ,{field: 'createTime$', align: 'center',title: '添加时间'} |
|---|
| | | ,{field: 'updateBy$', align: 'center',title: '修改人员'} |
|---|
| | | ,{field: 'updateTime$', align: 'center',title: '修改时间'} |
|---|
| | | ,{field: 'memo', align: 'center',title: '备注'} |
|---|
| | | {type: 'numbers'}, |
|---|
| | | {field: 'defNumber', align: 'center', title: '操作系统号', hide: false, width: 120}, |
|---|
| | | {field: '操作单据', align: 'center', title: '操作单据', hide: true}, |
|---|
| | | {field: '操作类型', align: 'center', title: '操作类型', hide: true}, |
|---|
| | | {field: 'orderNo', title: '单据编号', templet: '#orderNoTpl'}, |
|---|
| | | //{field: 'itemName', align: 'center', title: '核算主体'}, |
|---|
| | | {field: 'docType$', align: 'center', title: '单据类型'}, |
|---|
| | | //{field: 'defNumber', align: 'center', title: '业务类型'}, |
|---|
| | | //{field: 'postFee', align: 'center', title: '总数量', minWidth: 130, width: 130}, |
|---|
| | | {align: 'center', title: '明细', toolbar: '#tbLook', minWidth: 160, width: 160}, |
|---|
| | | {field: 'createTime$', title: '创建时间'}, |
|---|
| | | {field: 'shipCode', align: 'center',title: '制单人', hide: false}, |
|---|
| | | {field: 'settle$', align: 'center', title: '状态', templet: '#settleTpl', minWidth: 160, width: 160}, |
|---|
| | | {field: 'memo', align: 'center',title: '备注', hide: true}, |
|---|
| | | {field: 'orderTime', align: 'center',title: '单据日期', hide: true}, |
|---|
| | | {field: 'cstmrName', align: 'center',title: '供应商/客户编码', hide: true}, |
|---|
| | | {field: 'tel', align: 'center',title: '仓库', hide: true}, |
|---|
| | | {field: 'operMemb', align: 'center',title: '出入库类别', hide: true}, |
|---|
| | | {field: 'salesman', align: 'center',title: '部门', hide: true}, |
|---|
| | | |
|---|
| | | ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:120} |
|---|
| | | {align: 'center', title: '操作', toolbar: '#operate', width: 180} |
|---|
| | | ]], |
|---|
| | | request: { |
|---|
| | | pageName: 'curr', |
|---|
| | |
|---|
| | | response: { |
|---|
| | | statusCode: 200 |
|---|
| | | }, |
|---|
| | | done: function(res, curr, count) { |
|---|
| | | done: function (res, curr, count) { |
|---|
| | | limit(); |
|---|
| | | if (res.code === 403) { |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | } |
|---|
| | | pageCurr=curr; |
|---|
| | | limit(); |
|---|
| | | insTbCount = count; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 监听排序事件 |
|---|
| | | table.on('sort(order)', function (obj) { |
|---|
| | | var searchData = {}; |
|---|
| | | $.each($('#search-box [name]').serializeArray(), function() { |
|---|
| | | searchData[this.name] = this.value; |
|---|
| | | }); |
|---|
| | | searchData['orderByField'] = obj.field; |
|---|
| | | searchData['orderByType'] = obj.type; |
|---|
| | | tableIns.reload({ |
|---|
| | | where: searchData, |
|---|
| | | page: {curr: 1} |
|---|
| | | }); |
|---|
| | | // 搜索 |
|---|
| | | form.on('submit(tbSearch)', function (data) { |
|---|
| | | insTb.reload({where: data.field, page: {curr: 1}}); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 监听头工具栏事件 |
|---|
| | | table.on('toolbar(order)', function (obj) { |
|---|
| | | var checkStatus = table.checkStatus(obj.config.id).data; |
|---|
| | | switch(obj.event) { |
|---|
| | | case 'addData': |
|---|
| | | showEditModel(); |
|---|
| | | break; |
|---|
| | | case 'deleteData': |
|---|
| | | if (checkStatus.length === 0) { |
|---|
| | | layer.msg('请选择要删除的数据', {icon: 2}); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | del(checkStatus.map(function (d) { |
|---|
| | | return d.id; |
|---|
| | | })); |
|---|
| | | break; |
|---|
| | | case 'exportData': |
|---|
| | | admin.confirm('确定导出Excel吗', {shadeClose: true}, function(){ |
|---|
| | | var titles=[]; |
|---|
| | | var fields=[]; |
|---|
| | | obj.config.cols[0].map(function (col) { |
|---|
| | | if (col.type === 'normal' && col.hide === false && col.toolbar == null) { |
|---|
| | | titles.push(col.title); |
|---|
| | | fields.push(col.field); |
|---|
| | | // 添加 |
|---|
| | | $("#orderAddBtn").click(function () { |
|---|
| | | showEditModel(); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 导入销售单 |
|---|
| | | $("#importOrder").click(function () { |
|---|
| | | $("#importExcel").trigger("click"); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | $("#orderCheckBtn").click(function () { |
|---|
| | | $("#importExcel2").trigger("click"); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 工具条点击事件 |
|---|
| | | table.on('tool(order)', function (obj) { |
|---|
| | | var data = obj.data; |
|---|
| | | 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); |
|---|
| | | } else if (layEvent === 'report'){ |
|---|
| | | doReport(data.id); |
|---|
| | | } else if (layEvent === 'look') { |
|---|
| | | var $a = $(obj.tr).find('a[lay-event="look"]'); |
|---|
| | | var offset = $a.offset(); |
|---|
| | | var top = offset.top; |
|---|
| | | var left = offset.left; |
|---|
| | | layer.open({ |
|---|
| | | type: 1, |
|---|
| | | title: false, |
|---|
| | | area: '1100px', |
|---|
| | | offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'], |
|---|
| | | shade: .01, |
|---|
| | | shadeClose: true, |
|---|
| | | fixed: false, |
|---|
| | | content: '<table id="lookSSXMTable" lay-filter="lookSSXMTable"></table>', |
|---|
| | | success: function (layero) { |
|---|
| | | table.render({ |
|---|
| | | elem: '#lookSSXMTable', |
|---|
| | | headers: {token: localStorage.getItem('token')}, |
|---|
| | | url: baseUrl+'/orderDetl/list/auth', |
|---|
| | | where: { |
|---|
| | | order_id: data.id |
|---|
| | | }, |
|---|
| | | page: true, |
|---|
| | | cellMinWidth: 100, |
|---|
| | | cols: [[ |
|---|
| | | {type: 'numbers'}, |
|---|
| | | {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: 'createTime$', title: '创建时间', sort: true, templet: function (d) { |
|---|
| | | // return util.toDateString(d.createTime); |
|---|
| | | // }, width: 180 |
|---|
| | | // }, |
|---|
| | | // {field: 'inQty', title: '已入库量'}, |
|---|
| | | // {field: 'color', title: '颜色'}, |
|---|
| | | //{field: 'specs', title: '规格型号'}, |
|---|
| | | {field: 'unit', title: '计量单位'}, |
|---|
| | | //{field: 'manu', title: '行号'}, |
|---|
| | | {field: 'threeCode', title: '销售单号'}, |
|---|
| | | {field: 'deadTime', title: '自由项'}, |
|---|
| | | {field: 'processSts$', title: '工序'} |
|---|
| | | ]], |
|---|
| | | request: { |
|---|
| | | pageName: 'curr', |
|---|
| | | pageSize: 'limit' |
|---|
| | | }, |
|---|
| | | parseData: function (res) { |
|---|
| | | return { |
|---|
| | | 'code': res.code, |
|---|
| | | 'msg': res.msg, |
|---|
| | | 'count': res.data.total, |
|---|
| | | 'data': res.data.records |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | response: { |
|---|
| | | statusCode: 200 |
|---|
| | | }, |
|---|
| | | done: function () { |
|---|
| | | $(layero).find('.layui-table-view').css('margin', '0'); |
|---|
| | | }, |
|---|
| | | size: '' |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | |
|---|
| | | // 显示表单弹窗 |
|---|
| | | function showEditModel(expTpe) { |
|---|
| | | admin.open({ |
|---|
| | | type: 1, |
|---|
| | | title: (expTpe ? '修改' : '添加') + '单据', |
|---|
| | | content: $('#editDialog').html(), |
|---|
| | | area: '1600px', |
|---|
| | | success: function (layero, dIndex) { |
|---|
| | | $(layero).children('.layui-layer-content').css('overflow', 'visible'); |
|---|
| | | var isExpAdd = !expTpe; |
|---|
| | | // 回显数据 |
|---|
| | | form.val('editForm', expTpe); |
|---|
| | | if (expTpe) { |
|---|
| | | $('#orderNo').attr("disabled", "disabled"); |
|---|
| | | } |
|---|
| | | // 表单提交事件 |
|---|
| | | form.on('submit(orderEditSubmit)', function (data) { |
|---|
| | | // 组装数据 |
|---|
| | | if (xxDataList.length <= 0) { |
|---|
| | | layer.tips('请添加单据明细', '#matAddBtnComment', {tips: [1, '#ff4c4c']}); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | let nList = admin.util.deepClone(xxDataList); |
|---|
| | | for (let xi = 0; xi < nList.length; xi++) { |
|---|
| | | if (nList[xi].anfme <= 0){ |
|---|
| | | layer.msg('明细修改数量不合法', {icon: 2}); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | var exportData = {}; |
|---|
| | | $.each($('#search-box [name]').serializeArray(), function() { |
|---|
| | | exportData[this.name] = this.value; |
|---|
| | | }); |
|---|
| | | var param = { |
|---|
| | | 'order': exportData, |
|---|
| | | 'fields': fields |
|---|
| | | }; |
|---|
| | | } |
|---|
| | | layer.load(2); |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl+"/order/export/auth", |
|---|
| | | url: baseUrl+"/order/form/" + (isExpAdd?"add":"modify") + "/auth", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | data: JSON.stringify(param), |
|---|
| | | dataType:'json', |
|---|
| | | data: JSON.stringify({ |
|---|
| | | orderId: Number(data.field.id), |
|---|
| | | docType: Number(data.field.docType), |
|---|
| | | orderNo: data.field.orderNo, |
|---|
| | | orderDetlList: nList |
|---|
| | | }), |
|---|
| | | contentType:'application/json;charset=UTF-8', |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | layer.closeAll(); |
|---|
| | | if (res.code === 200) { |
|---|
| | | table.exportFile(titles,res.data,'xls'); |
|---|
| | | } else if (res.code === 403) { |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | } else { |
|---|
| | | layer.msg(res.msg, {icon: 2}) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 监听行工具事件 |
|---|
| | | table.on('tool(order)', function(obj){ |
|---|
| | | var data = obj.data; |
|---|
| | | switch (obj.event) { |
|---|
| | | case 'edit': |
|---|
| | | showEditModel(data); |
|---|
| | | break; |
|---|
| | | case "del": |
|---|
| | | del([data.id]); |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | /* 弹窗 - 新增、修改 */ |
|---|
| | | function showEditModel(mData) { |
|---|
| | | admin.open({ |
|---|
| | | type: 1, |
|---|
| | | area: '600px', |
|---|
| | | title: (mData ? '修改' : '添加') + '订单状态', |
|---|
| | | content: $('#editDialog').html(), |
|---|
| | | success: function (layero, dIndex) { |
|---|
| | | layDateRender(mData); |
|---|
| | | form.val('detail', mData); |
|---|
| | | form.on('submit(editSubmit)', function (data) { |
|---|
| | | var loadIndex = layer.load(2); |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl+"/order/"+(mData?'update':'add')+"/auth", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | data: data.field, |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | layer.close(loadIndex); |
|---|
| | | layer.closeAll('loading'); |
|---|
| | | if (res.code === 200){ |
|---|
| | | layer.close(dIndex); |
|---|
| | | $(".layui-laypage-btn")[0].click(); |
|---|
| | | layer.msg(res.msg, {icon: 1}); |
|---|
| | | tableReload(); |
|---|
| | | } else if (res.code === 403){ |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | }else { |
|---|
| | |
|---|
| | | }) |
|---|
| | | return false; |
|---|
| | | }); |
|---|
| | | $(layero).children('.layui-layer-content').css('overflow', 'visible'); |
|---|
| | | layui.form.render('select'); |
|---|
| | | // 明细表格 |
|---|
| | | var xxDataList = []; |
|---|
| | | var tbOptions = { |
|---|
| | | elem: '#formSSXMTable', |
|---|
| | | headers: {token: localStorage.getItem('token')}, |
|---|
| | | data: xxDataList, |
|---|
| | | page: true, |
|---|
| | | //height: '350px;', |
|---|
| | | cellMinWidth: 100, |
|---|
| | | |
|---|
| | | css: [ // 设置单元格样式 |
|---|
| | | // 取消默认的溢出隐藏，并设置适当高度 |
|---|
| | | '.layui-table-cell{height: 50px; line-height: 40px;}', |
|---|
| | | '.layui-table-cell .layui-colorpicker{width: 38px; height: 38px;}', |
|---|
| | | '.layui-table-cell select{height: 36px; padding: 0 5px;}' |
|---|
| | | ].join(''), |
|---|
| | | cols: [[ |
|---|
| | | {type: 'numbers', title: '#'}, |
|---|
| | | {field: 'matnr', title: '商品编码', width: 160}, |
|---|
| | | {field: 'maktx', title: '商品名称', width: 160}, |
|---|
| | | {field: 'batch', title: '序列码', edit: true}, |
|---|
| | | {field: 'specs', title: '规格'}, |
|---|
| | | {field: 'anfme', title: '数量(修改)', style: 'color: blue;font-weight: bold', edit: true, minWidth: 110, width: 110}, |
|---|
| | | {field: 'threeCode', title: '销售订单号(修改)', style: 'color: blue;font-weight: bold', edit: 'text', minWidth: 110, width: 110}, |
|---|
| | | {field: 'deadTime', title: '销售订单行号(修改)', style: 'color: blue;font-weight: bold', edit: 'text', minWidth: 110, width: 110}, |
|---|
| | | {field: 'processSts', title: '工序', templet: function (d) { |
|---|
| | | var select = `<select class="layui-select" name="processSts" data-state=${d.processSts} lay-filter="processStsSelect" data-value=${d.processSts} id=${d.id}> |
|---|
| | | <option value="">选择状态</option> |
|---|
| | | <option value="1">待加工</option> |
|---|
| | | <option value="2">已加工</option> |
|---|
| | | <option value="3">无需加工</option> |
|---|
| | | </select>`; |
|---|
| | | return select; |
|---|
| | | }}, |
|---|
| | | // {field: 'inQty', 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'} |
|---|
| | | ]], |
|---|
| | | done: function (res,curr, count) { |
|---|
| | | $(layero).find('.layui-table-view').css('margin', '0'); |
|---|
| | | $(".layui-table-body").css('overflow','visible'); |
|---|
| | | $(".layui-table-box").css('overflow','visible'); |
|---|
| | | $(".layui-table-view").css('overflow','visible'); |
|---|
| | | |
|---|
| | | var tableElem = this.elem.next('.layui-table-view'); |
|---|
| | | count || tableElem.find('.layui-table-header').css('overflow', 'auto'); |
|---|
| | | layui.each(tableElem.find('select[name="processSts"]'), function (index, item) { |
|---|
| | | var elem = $(item); |
|---|
| | | elem.val(elem.data('state')).parents('div.layui-table-cell').css('overflow', 'visible'); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | form.render();//刷新表单 |
|---|
| | | }, |
|---|
| | | size: '' |
|---|
| | | }; |
|---|
| | | |
|---|
| | | if (!isExpAdd) { |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl+"/order/detl/all/auth?orderId=" + expTpe.id, |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | method: 'GET', |
|---|
| | | async: false, |
|---|
| | | success: function (res) { |
|---|
| | | if (res.code === 200){ |
|---|
| | | xxDataList = res.data; |
|---|
| | | tbOptions.data = xxDataList; |
|---|
| | | } else if (res.code === 403){ |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | }else { |
|---|
| | | layer.msg(res.msg, {icon: 2}) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | var insTbSSXM = table.render(tbOptions); |
|---|
| | | // 工具条点击事件 |
|---|
| | | table.on('tool(formSSXMTable)', function (obj) { |
|---|
| | | var data = obj.data; |
|---|
| | | var layEvent = obj.event; |
|---|
| | | if (layEvent === 'edit') { |
|---|
| | | showEditModel2(data); |
|---|
| | | } else if (layEvent === 'del') { |
|---|
| | | layer.confirm('确定要删除吗？', { |
|---|
| | | shade: .1, |
|---|
| | | skin: 'layui-layer-admin' |
|---|
| | | }, function (i) { |
|---|
| | | layer.close(i); |
|---|
| | | for (var j = 0; j < xxDataList.length; j++) { |
|---|
| | | if (xxDataList[j].matnr === data.matnr && xxDataList[j].batch === data.batch) { |
|---|
| | | xxDataList.splice(j, 1); |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | insTbSSXM.reload({data: xxDataList, page: {curr: 1}}); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | // 工具条点击事件 |
|---|
| | | form.on('select(processStsSelect)', function (obj) { |
|---|
| | | console.log(obj) |
|---|
| | | var id = obj.elem.id |
|---|
| | | var val = obj.value |
|---|
| | | for (let item of xxDataList) { |
|---|
| | | if (item.id == id) { |
|---|
| | | item.processSts = val |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | // 明细数据修改 |
|---|
| | | table.on('edit(formSSXMTable)', function (obj) { |
|---|
| | | let index = 0; |
|---|
| | | for (let k in xxDataList) { |
|---|
| | | if (obj.data.id === xxDataList[k].id) |
|---|
| | | index = k |
|---|
| | | } |
|---|
| | | let data = xxDataList[index]; |
|---|
| | | if (obj.field === 'anfme'){ |
|---|
| | | let vle = Number(obj.value); |
|---|
| | | if (isNaN(vle)) { |
|---|
| | | layer.msg("请输入数字", {icon: 2}); |
|---|
| | | return false; |
|---|
| | | } else { |
|---|
| | | if (vle <= 0) { |
|---|
| | | layer.msg("数量必须大于零", {icon: 2}); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | data[obj.field] = obj.value; |
|---|
| | | insTbSSXM.reload({data: xxDataList}); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | $('#matAddBtnComment').click(function () { |
|---|
| | | showEditModel2(); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 显示添加明细表单弹窗 |
|---|
| | | function showEditModel2(exp) { |
|---|
| | | admin.open({ |
|---|
| | | type: 1, |
|---|
| | | offset: '150px', |
|---|
| | | area: '680px', |
|---|
| | | title: (exp ? '修改' : '添加') + '明细', |
|---|
| | | content: $('#matEditDialog').html(), |
|---|
| | | success: function (layero, dIndex) { |
|---|
| | | // 回显数据 |
|---|
| | | form.val('matEditForm', exp); |
|---|
| | | // 表单提交事件 |
|---|
| | | form.on('submit(matEditSubmit)', function (data) { |
|---|
| | | 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; |
|---|
| | | }); |
|---|
| | | // 渲染物料选择 |
|---|
| | | var matXmSelect = xmSelect.render({ |
|---|
| | | el: '#mat', |
|---|
| | | style: { |
|---|
| | | width: '340px', |
|---|
| | | }, |
|---|
| | | autoRow: true, |
|---|
| | | toolbar: { show: true }, |
|---|
| | | filterable: true, |
|---|
| | | remoteSearch: true, |
|---|
| | | remoteMethod: function(val, cb, show){ |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl+"/mat/all/get/kv", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | data: { |
|---|
| | | condition: val |
|---|
| | | }, |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | if (res.code === 200){ |
|---|
| | | cb(res.data) |
|---|
| | | } else { |
|---|
| | | cb([]); |
|---|
| | | layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | // 弹窗不出现滚动条 |
|---|
| | | $(layero).children('.layui-layer-content').css('overflow', 'visible'); |
|---|
| | | layui.form.render('select'); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 删除 */ |
|---|
| | | function del(ids) { |
|---|
| | | layer.confirm('确定要删除选中数据吗？', { |
|---|
| | | skin: 'layui-layer-admin', |
|---|
| | | shade: .1 |
|---|
| | | // 删除单据 |
|---|
| | | function doDel(orderId) { |
|---|
| | | layer.confirm('确定要删除吗？', { |
|---|
| | | shade: .1, |
|---|
| | | skin: 'layui-layer-admin' |
|---|
| | | }, function (i) { |
|---|
| | | layer.close(i); |
|---|
| | | var loadIndex = layer.load(2); |
|---|
| | | layer.load(2); |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl+"/order/delete/auth", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | data: {ids: ids}, |
|---|
| | | data: { |
|---|
| | | orderId: orderId |
|---|
| | | }, |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | layer.close(loadIndex); |
|---|
| | | layer.closeAll('loading'); |
|---|
| | | if (res.code === 200){ |
|---|
| | | if (insTbCount === 0) { |
|---|
| | | insTb.reload({page: {curr: 1}}); |
|---|
| | | } else { |
|---|
| | | $(".layui-laypage-btn")[0].click(); |
|---|
| | | } |
|---|
| | | layer.msg(res.msg, {icon: 1}); |
|---|
| | | tableReload(); |
|---|
| | | } else if (res.code === 403){ |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | } else { |
|---|
| | | }else { |
|---|
| | | layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 搜索 |
|---|
| | | form.on('submit(search)', function (data) { |
|---|
| | | pageCurr = 1; |
|---|
| | | tableReload(false); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 重置 |
|---|
| | | form.on('submit(reset)', function (data) { |
|---|
| | | pageCurr = 1; |
|---|
| | | clearFormVal($('#search-box')); |
|---|
| | | tableReload(false); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 时间选择器 |
|---|
| | | function layDateRender(data) { |
|---|
| | | setTimeout(function () { |
|---|
| | | layDate.render({ |
|---|
| | | elem: '#payTime\\$', |
|---|
| | | type: 'datetime', |
|---|
| | | value: data!==undefined?data['payTime\\$']:null |
|---|
| | | }); |
|---|
| | | layDate.render({ |
|---|
| | | elem: '#sendTime\\$', |
|---|
| | | type: 'datetime', |
|---|
| | | value: data!==undefined?data['sendTime\\$']:null |
|---|
| | | }); |
|---|
| | | layDate.render({ |
|---|
| | | elem: '#createTime\\$', |
|---|
| | | type: 'datetime', |
|---|
| | | value: data!==undefined?data['createTime\\$']:null |
|---|
| | | }); |
|---|
| | | layDate.render({ |
|---|
| | | elem: '#updateTime\\$', |
|---|
| | | type: 'datetime', |
|---|
| | | value: data!==undefined?data['updateTime\\$']:null |
|---|
| | | }); |
|---|
| | | |
|---|
| | | }, 300); |
|---|
| | | // 上传审核单据 |
|---|
| | | function doReport(orderId) { |
|---|
| | | layer.confirm('确定要上传单据吗？', { |
|---|
| | | shade: .1, |
|---|
| | | skin: 'layui-layer-admin' |
|---|
| | | }, function (i) { |
|---|
| | | layer.close(i); |
|---|
| | | layer.load(2); |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl+"/order/report/auth", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | data: { |
|---|
| | | orderId: orderId |
|---|
| | | }, |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | layer.closeAll('loading'); |
|---|
| | | if (res.code === 200){ |
|---|
| | | if (insTbCount === 0) { |
|---|
| | | insTb.reload({page: {curr: 1}}); |
|---|
| | | } else { |
|---|
| | | $(".layui-laypage-btn")[0].click(); |
|---|
| | | } |
|---|
| | | layer.msg(res.msg, {icon: 1}); |
|---|
| | | } else if (res.code === 403){ |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | }else { |
|---|
| | | layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | layDateRender(); |
|---|
| | | |
|---|
| | | }); |
|---|
| | | // 修改订单状态 |
|---|
| | | function doModify(orderId, settle) { |
|---|
| | | layer.confirm('确定要手动完结吗？', { |
|---|
| | | shade: .1, |
|---|
| | | skin: 'layui-layer-admin' |
|---|
| | | }, function (i) { |
|---|
| | | layer.close(i); |
|---|
| | | layer.load(2); |
|---|
| | | console.log(orderId); |
|---|
| | | console.log(settle); |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl+"/order/update/auth", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | data: { |
|---|
| | | id: orderId, |
|---|
| | | settle: settle |
|---|
| | | }, |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | layer.closeAll('loading'); |
|---|
| | | if (res.code === 200){ |
|---|
| | | if (insTbCount === 0) { |
|---|
| | | insTb.reload({page: {curr: 1}}); |
|---|
| | | } else { |
|---|
| | | $(".layui-laypage-btn")[0].click(); |
|---|
| | | } |
|---|
| | | layer.msg(res.msg, {icon: 1}); |
|---|
| | | } else if (res.code === 403){ |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | }else { |
|---|
| | | layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 关闭动作 |
|---|
| | | $(document).on('click','#data-detail-close', function () { |
|---|
| | | parent.layer.closeAll(); |
|---|
| | | }); |
|---|
| | | // 任务追溯 |
|---|
| | | 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.wrkQty+"/"+res.data.totalQty |
|---|
| | | }, |
|---|
| | | 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}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function tableReload(child) { |
|---|
| | | var searchData = {}; |
|---|
| | | $.each($('#search-box [name]').serializeArray(), function() { |
|---|
| | | searchData[this.name] = this.value; |
|---|
| | | |
|---|
| | | layDate.render({ |
|---|
| | | elem: '.layui-laydate-range' |
|---|
| | | ,type: 'datetime' |
|---|
| | | ,range: true |
|---|
| | | }); |
|---|
| | | tableIns.reload({ |
|---|
| | | where: searchData, |
|---|
| | | page: {curr: pageCurr} |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | function upload(obj){ |
|---|
| | | if(!obj.files) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | var file = obj.files[0]; |
|---|
| | | admin.confirm('确认导入 [' + file.name +'] 文件吗？', function (index) { |
|---|
| | | layer.load(1, {shade: [0.1,'#fff']}); |
|---|
| | | var url = baseUrl + "/order/excel/import/auth"; |
|---|
| | | var form = new FormData(); |
|---|
| | | form.append("file", file); |
|---|
| | | let xhr = new XMLHttpRequest(); |
|---|
| | | xhr.open("post", url, true); |
|---|
| | | xhr.setRequestHeader('token', localStorage.getItem('token')); |
|---|
| | | xhr.onload = uploadComplete; |
|---|
| | | xhr.onerror = uploadFailed; |
|---|
| | | xhr.onloadend = function () { |
|---|
| | | layer.closeAll('loading'); |
|---|
| | | }; |
|---|
| | | // xhr.upload.onprogress = progressFunction; |
|---|
| | | xhr.upload.onloadstart = function(){ |
|---|
| | | ot = new Date().getTime(); |
|---|
| | | oloaded = 0; |
|---|
| | | }; |
|---|
| | | xhr.send(form); |
|---|
| | | }, function(index){ |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | function uploadComplete(evt) { |
|---|
| | | let res = JSON.parse(evt.target.responseText); |
|---|
| | | if(res.code === 200) { |
|---|
| | | layer.msg(res.msg, {icon: 1}); |
|---|
| | | insTb.reload({page: {curr: 1}}); |
|---|
| | | } else { |
|---|
| | | alert(res.msg); |
|---|
| | | // layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | function uploadFailed(evt) { |
|---|
| | | let res = JSON.parse(evt.target.responseText); |
|---|
| | | alert(res.msg); |
|---|
| | | // layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | function upload2(obj){ |
|---|
| | | if(!obj.files) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | var file = obj.files[0]; |
|---|
| | | admin.confirm('确认导入 [' + file.name +'] 文件吗？', function (index) { |
|---|
| | | layer.load(1, {shade: [0.1,'#fff']}); |
|---|
| | | var url = baseUrl + "/order/excel/import2/auth"; |
|---|
| | | var form = new FormData(); |
|---|
| | | form.append("file", file); |
|---|
| | | let xhr = new XMLHttpRequest(); |
|---|
| | | xhr.open("post", url, true); |
|---|
| | | xhr.setRequestHeader('token', localStorage.getItem('token')); |
|---|
| | | xhr.onload = uploadComplete; |
|---|
| | | xhr.onerror = uploadFailed; |
|---|
| | | xhr.onloadend = function () { |
|---|
| | | layer.closeAll('loading'); |
|---|
| | | }; |
|---|
| | | // xhr.upload.onprogress = progressFunction; |
|---|
| | | xhr.upload.onloadstart = function(){ |
|---|
| | | ot = new Date().getTime(); |
|---|
| | | oloaded = 0; |
|---|
| | | }; |
|---|
| | | xhr.send(form); |
|---|
| | | }, function(index){ |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | function uploadComplete(evt) { |
|---|
| | | let res = JSON.parse(evt.target.responseText); |
|---|
| | | if(res.code === 200) { |
|---|
| | | layer.msg(res.msg, {icon: 1}); |
|---|
| | | insTb.reload({page: {curr: 1}}); |
|---|
| | | } else { |
|---|
| | | alert(res.msg); |
|---|
| | | // layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | function uploadFailed(evt) { |
|---|
| | | let res = JSON.parse(evt.target.responseText); |
|---|
| | | alert(res.msg); |
|---|
| | | // layer.msg(res.msg, {icon: 2}); |
|---|
| | | } |
|---|
