var pageCurr; layui.use(['table','laydate', 'form'], function(){ var table = layui.table; var $ = layui.jquery; var layer = layui.layer; var layDate = layui.laydate; var form = layui.form; // 数据渲染 tableIns = table.render({ elem: '#order', headers: {token: localStorage.getItem('token')}, url: baseUrl+'/order/list/auth', page: true, limit: 16, limits: [16, 30, 50, 100, 200, 500], even: true, toolbar: '#toolbar', cellMinWidth: 50, cols: [[ {type: 'checkbox'} // ,{field: 'id', title: 'ID', sort: true,align: 'center', fixed: 'left', width: 80} ,{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: '单据类型',event: 'docType', style: 'cursor:pointer'} ,{field: 'itemId$', align: 'center',title: '项目编号',event: 'itemId', style: 'cursor:pointer'} ,{field: 'allotItemId$', align: 'center',title: '调拨项目编号',event: 'allotItemId', style: 'cursor:pointer'} ,{field: 'defNumber', align: 'center',title: '初始票据号'} ,{field: 'number', align: 'center',title: '票据号'} ,{field: 'cstmr$', align: 'center',title: '客户编号',event: 'cstmr', style: 'cursor:pointer'} ,{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: '订单状态',event: 'settle', style: 'cursor:pointer'} ,{field: 'status$', align: 'center',title: '状态'} ,{field: 'createBy$', align: 'center',title: '添加人员',event: 'createBy', style: 'cursor:pointer'} ,{field: 'createTime$', align: 'center',title: '添加时间'} ,{field: 'updateBy$', align: 'center',title: '修改人员',event: 'updateBy', style: 'cursor:pointer'} ,{field: 'updateTime$', align: 'center',title: '修改时间'} ,{field: 'memo', align: 'center',title: '备注'} ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:150} ]], 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(res, curr, count) { if (res.code === 403) { top.location.href = baseUrl+"/"; } pageCurr=curr; limit(); form.on('checkbox(tableCheckbox)', function (data) { var _index = $(data.elem).attr('table-index')||0; if(data.elem.checked){ res.data[_index][data.value] = 'Y'; }else{ res.data[_index][data.value] = 'N'; } }); } }); // 监听排序事件 table.on('sort(locMast)', 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 }, done: function (res, curr, count) { if (res.code === 403) { top.location.href = baseUrl+"/"; } pageCurr=curr; limit(); } }); }); // 监听头工具栏事件 table.on('toolbar(order)', function (obj) { var checkStatus = table.checkStatus(obj.config.id); switch(obj.event) { case 'addData': layer.open({ type: 2, title: '新增', maxmin: true, area: [top.detailWidth, top.detailHeight], content: 'order_detail.html', success: function(layero, index){ layer.getChildFrame('#data-detail-submit-edit', index).hide(); clearFormVal(layer.getChildFrame('#detail', index)); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); } }); break; case 'deleteData': var data = checkStatus.data; if (data.length === 0){ layer.msg('请选择数据'); } else { layer.confirm('确定删除'+(data.length===1?'此':data.length)+'条数据吗', function(){ $.ajax({ url: baseUrl+"/order/delete/auth", headers: {'token': localStorage.getItem('token')}, data: {param: JSON.stringify(data)}, method: 'POST', traditional:true, success: function (res) { if (res.code === 200){ layer.closeAll(); tableReload(false); } else if (res.code === 403){ top.location.href = baseUrl+"/"; } else { layer.msg(res.msg) } } }) }); } break; case 'exportData': layer.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); } }); var exportData = {}; $.each($('#search-box [name]').serializeArray(), function() { exportData[this.name] = this.value; }); var param = { 'order': exportData, 'fields': fields }; $.ajax({ url: baseUrl+"/order/export/auth", headers: {'token': localStorage.getItem('token')}, data: JSON.stringify(param), dataType:'json', 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) } } }); }); break; } }); // 监听行工具事件 table.on('tool(order)', function(obj){ var data = obj.data; switch (obj.event) { // 详情 case 'detail': layer.open({ type: 2, title: '详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: 'order_detail.html', success: function(layero, index){ setFormVal(layer.getChildFrame('#detail', index), data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } }); break; // 编辑 case 'edit': layer.open({ type: 2, title: '修改', maxmin: true, area: [top.detailWidth, top.detailHeight], content: 'order_detail.html', success: function(layero, index){ layer.getChildFrame('#data-detail-submit-save', index).hide(); setFormVal(layer.getChildFrame('#detail', index), data, false); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), false); top.convertDisabled(layer.getChildFrame('#id', index), true); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } }); break; case 'docType': var param = top.reObject(data).docType; if (param === undefined) { layer.msg("无数据"); } else { layer.open({ type: 2, title: '单据类型详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: '../docType/docType_detail.html', success: function(layero, index){ $.ajax({ url: "baseUrl+/docType/"+ param +"/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', success: function (res) { if (res.code === 200){ setFormVal(layer.getChildFrame('#detail', index), res.data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } } }) } }); } break; case 'itemId': var param = top.reObject(data).itemId; if (param === undefined) { layer.msg("无数据"); } else { layer.open({ type: 2, title: '项目编号详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: '../item/item_detail.html', success: function(layero, index){ $.ajax({ url: "baseUrl+/item/"+ param +"/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', success: function (res) { if (res.code === 200){ setFormVal(layer.getChildFrame('#detail', index), res.data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } } }) } }); } break; case 'allotItemId': var param = top.reObject(data).allotItemId; if (param === undefined) { layer.msg("无数据"); } else { layer.open({ type: 2, title: '调拨项目编号详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: '../item/item_detail.html', success: function(layero, index){ $.ajax({ url: "baseUrl+/item/"+ param +"/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', success: function (res) { if (res.code === 200){ setFormVal(layer.getChildFrame('#detail', index), res.data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } } }) } }); } break; case 'cstmr': var param = top.reObject(data).cstmr; if (param === undefined) { layer.msg("无数据"); } else { layer.open({ type: 2, title: '客户编号详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: '../cstmr/cstmr_detail.html', success: function(layero, index){ $.ajax({ url: "baseUrl+/cstmr/"+ param +"/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', success: function (res) { if (res.code === 200){ setFormVal(layer.getChildFrame('#detail', index), res.data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } } }) } }); } break; case 'settle': var param = top.reObject(data).settle; if (param === undefined) { layer.msg("无数据"); } else { layer.open({ type: 2, title: '订单状态详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: '../orderSettle/orderSettle_detail.html', success: function(layero, index){ $.ajax({ url: "baseUrl+/orderSettle/"+ param +"/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', success: function (res) { if (res.code === 200){ setFormVal(layer.getChildFrame('#detail', index), res.data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } } }) } }); } break; case 'createBy': var param = top.reObject(data).createBy; if (param === undefined) { layer.msg("无数据"); } else { layer.open({ type: 2, title: '添加人员详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: '../user/user_detail.html', success: function(layero, index){ $.ajax({ url: "baseUrl+/user/"+ param +"/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', success: function (res) { if (res.code === 200){ setFormVal(layer.getChildFrame('#detail', index), res.data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } } }) } }); } break; case 'updateBy': var param = top.reObject(data).updateBy; if (param === undefined) { layer.msg("无数据"); } else { layer.open({ type: 2, title: '修改人员详情', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: true, content: '../user/user_detail.html', success: function(layero, index){ $.ajax({ url: "baseUrl+/user/"+ param +"/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', success: function (res) { if (res.code === 200){ setFormVal(layer.getChildFrame('#detail', index), res.data, true); top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } } }) } }); } break; } }); // 数据保存动作 form.on('submit(save)', function () { if (banMsg != null){ layer.msg(banMsg); return; } method("add"); }); // 数据修改动作 form.on('submit(edit)', function () { method("update") }); function method(name){ var index = layer.load(1, { shade: [0.5,'#000'] //0.1透明度的背景 }); var data = { // id: $('#id').val(), id: $('#id').val(), uuid: $('#uuid').val(), orderNo: $('#orderNo').val(), orderTime: $('#orderTime').val(), docType: $('#docType').val(), itemId: $('#itemId').val(), allotItemId: $('#allotItemId').val(), defNumber: $('#defNumber').val(), number: $('#number').val(), cstmr: $('#cstmr').val(), cstmrName: $('#cstmrName').val(), tel: $('#tel').val(), operMemb: $('#operMemb').val(), totalFee: $('#totalFee').val(), discount: $('#discount').val(), discountFee: $('#discountFee').val(), otherFee: $('#otherFee').val(), actFee: $('#actFee').val(), payType: $('#payType').val(), salesman: $('#salesman').val(), accountDay: $('#accountDay').val(), postFeeType: $('#postFeeType').val(), postFee: $('#postFee').val(), payTime: top.strToDate($('#payTime\\$').val()), sendTime: top.strToDate($('#sendTime\\$').val()), shipName: $('#shipName').val(), shipCode: $('#shipCode').val(), settle: $('#settle').val(), status: $('#status').val(), createBy: $('#createBy').val(), createTime: top.strToDate($('#createTime\\$').val()), updateBy: $('#updateBy').val(), updateTime: top.strToDate($('#updateTime\\$').val()), memo: $('#memo').val(), }; $.ajax({ url: baseUrl+"/order/"+name+"/auth", headers: {'token': localStorage.getItem('token')}, data: top.reObject(data), method: 'POST', success: function (res) { if (res.code === 200){ parent.layer.closeAll(); parent.$(".layui-laypage-btn")[0].click(); $("#data-detail :input").each(function () { $(this).val(""); }); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } layer.close(index); } }) } // 复选框事件 form.on('checkbox(detailCheckbox)', function (data) { var el = data.elem; if (el.checked) { $(el).val('Y'); } else { $(el).val('N'); } }); // 搜索栏搜索事件 form.on('submit(search)', function (data) { pageCurr = 1; tableReload(false); }); // 搜索栏重置事件 form.on('submit(reset)', function (data) { pageCurr = 1; clearFormVal($('#search-box')); tableReload(false); }); // 时间选择器 layDate.render({ elem: '#payTime\\$', type: 'datetime' }); layDate.render({ elem: '#sendTime\\$', type: 'datetime' }); layDate.render({ elem: '#createTime\\$', type: 'datetime' }); layDate.render({ elem: '#updateTime\\$', type: 'datetime' }); }); // 关闭动作 $(document).on('click','#data-detail-close', function () { parent.layer.closeAll(); }); function tableReload(child) { var searchData = {}; $.each($('#search-box [name]').serializeArray(), function() { searchData[this.name] = this.value; }); (child ? parent.tableIns : tableIns).reload({ where: searchData, page: { curr: pageCurr }, done: function (res, curr, count) { if (res.code === 403) { top.location.href = baseUrl+"/"; } pageCurr=curr; if (res.data.length === 0 && count !== 0) { tableIns.reload({ where: searchData, page: { curr: pageCurr-1 } }); pageCurr -= 1; } limit(child); } }); } function setFormVal(el, data, showImg) { for (var val in data) { var find = el.find(":input[id='" + val + "']"); if (find[0]!=null){ if (find[0].type === 'checkbox'){ if (data[val]==='Y'){ find.attr("checked","checked"); find.val('Y'); } else { find.remove("checked"); find.val('N'); } continue; } } find.val(data[val]); if (showImg){ var next = find.next(); if (next.get(0)){ if (next.get(0).localName === "img") { find.hide(); next.attr("src", data[val]); next.show(); } } } } } function clearFormVal(el) { $(':input', el) .val('') .removeAttr('checked') .removeAttr('selected'); } function detailScreen(index) { var detail = layer.getChildFrame('#data-detail', index); var height = detail.height()+60; if (height > ($(window).height()*0.9)) { height = ($(window).height()*0.8); } layer.style(index, { // top: (($(window).height()-height)/3)+"px", height: height+'px' }); } $('body').keydown(function () { if (event.keyCode === 13) { $("#search").click(); } });