New file |
| | |
| | | var pageCurr; |
| | | layui.config({ |
| | | base: baseUrl + "/static/layui/lay/modules/" |
| | | }).use(['table', 'laydate', 'form', 'admin'], function () { |
| | | var table = layui.table; |
| | | var $ = layui.jquery; |
| | | var layer = layui.layer; |
| | | var layDate = layui.laydate; |
| | | var form = layui.form; |
| | | var admin = layui.admin; |
| | | |
| | | // 数据渲染 |
| | | tableIns = table.render({ |
| | | elem: '#locCache', |
| | | headers: {token: localStorage.getItem('token')}, |
| | | url: baseUrl + '/locCache/list/auth', |
| | | page: true, |
| | | limit: 15, |
| | | limits: [15, 30, 50, 100, 200, 500], |
| | | toolbar: '#toolbar', |
| | | cellMinWidth: 50, |
| | | height: 'full-120', |
| | | cols: [[{type: 'checkbox'}, {field: 'locNo', align: 'center', title: '库位号'}, { |
| | | field: 'barcode', |
| | | align: 'center', |
| | | title: '托盘码' |
| | | }, {field: 'areaName', align: 'center', title: '库区名称'}, { |
| | | field: 'whsType$', |
| | | align: 'center', |
| | | title: '库位类型' |
| | | }, {field: 'locSts', align: 'center', title: '库位状态'}, { |
| | | field: 'row1', |
| | | align: 'center', |
| | | title: '排' |
| | | }, {field: 'bay1', align: 'center', title: '列'}, { |
| | | field: 'lev1', |
| | | align: 'center', |
| | | title: '层' |
| | | }, {field: 'locType', align: 'center', title: '库位类型'} |
| | | ,{field: 'sort', align: 'center', title: '优先级'} |
| | | ,{field: 'modiUser$', align: 'center', title: '修改人员' |
| | | }, {field: 'modiTime$', align: 'center', title: '修改时间'}, { |
| | | field: 'appeUser$', |
| | | align: 'center', |
| | | title: '创建者' |
| | | }, {field: 'appeTime$', align: 'center', title: '添加时间'}, { |
| | | field: 'frozen', |
| | | align: 'center', |
| | | title: '是否冻结,0.未冻结,1.已冻结', |
| | | hide: true |
| | | }, {field: 'frozenMemo', align: 'center', title: '冻结备注', hide: true}, { |
| | | fixed: 'right', |
| | | title: '操作', |
| | | align: 'center', |
| | | toolbar: '#operate', |
| | | width: 120 |
| | | }]], |
| | | 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(); |
| | | } |
| | | }); |
| | | |
| | | // 监听排序事件 |
| | | table.on('sort(locCache)', 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} |
| | | }); |
| | | }); |
| | | |
| | | // 监听头工具栏事件 |
| | | table.on('toolbar(locCache)', 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 'init': |
| | | layer.prompt({title: '请输入口令,并重置库位', formType: 1, shadeClose: true}, function (pass, idx) { |
| | | http.get(baseUrl + "/locMast/init/pwd", {pwd: pass}, function (res) { |
| | | if (res.data) { |
| | | layer.open({ |
| | | type: 1, |
| | | title: '初始化库位', |
| | | area: ["400px"], |
| | | maxmin: true, |
| | | shadeClose: true, |
| | | content: $("#resetLocDiv"), |
| | | success: function (layero, index) { |
| | | |
| | | } |
| | | }) |
| | | } else { |
| | | layer.msg("口令错误"); |
| | | } |
| | | layer.close(idx); |
| | | }) |
| | | }); |
| | | break; |
| | | } |
| | | }); |
| | | |
| | | // 监听行工具事件 |
| | | table.on('tool(locCache)', function (obj) { |
| | | var data = obj.data; |
| | | console.log(data) |
| | | switch (obj.event) { |
| | | case 'showDetl': |
| | | locNo = data?.locNo; |
| | | // 弹层显示 |
| | | layer.open({ |
| | | type: 2, |
| | | title: '库位明细', |
| | | maxmin: true, |
| | | area: [top.detailWidth, top.detailHeight], |
| | | shadeClose: true, |
| | | content: 'locDetail.html', |
| | | success: function(layero, index){ |
| | | } |
| | | }); |
| | | break; |
| | | case 'edit': |
| | | showEditModel(data); |
| | | break; |
| | | case "del": |
| | | del([data.id]); |
| | | break; |
| | | } |
| | | }); |
| | | |
| | | // 初始化保存 |
| | | form.on('submit(initDo)', function (data) { |
| | | console.log(data.field) |
| | | $.ajax({ |
| | | url: baseUrl + "/locCache/init/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: data.field, |
| | | method: 'POST', |
| | | async: false, |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | layer.msg(res.msg); |
| | | layer.closeAll(); |
| | | tableReload(false); |
| | | } else if (res.code === 403) { |
| | | parent.location.href = "/"; |
| | | } else { |
| | | layer.msg(res.msg) |
| | | } |
| | | } |
| | | }) |
| | | }); |
| | | |
| | | |
| | | /* 弹窗 - 新增、修改 */ |
| | | 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 + "/locCache/" + (mData ? 'update' : 'add') + "/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: data.field, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | layer.close(loadIndex); |
| | | if (res.code === 200) { |
| | | layer.close(dIndex); |
| | | layer.msg(res.msg, {icon: 1}); |
| | | tableReload(); |
| | | } else if (res.code === 403) { |
| | | top.location.href = baseUrl + "/"; |
| | | } else { |
| | | layer.msg(res.msg, {icon: 2}); |
| | | } |
| | | } |
| | | }) |
| | | return false; |
| | | }); |
| | | $(layero).children('.layui-layer-content').css('overflow', 'visible'); |
| | | layui.form.render('select'); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | /* 删除 */ |
| | | function del(ids) { |
| | | console.log(ids) |
| | | layer.confirm('确定要删除选中数据吗?', { |
| | | skin: 'layui-layer-admin', shade: .1 |
| | | }, function (i) { |
| | | layer.close(i); |
| | | var loadIndex = layer.load(2); |
| | | $.ajax({ |
| | | url: baseUrl + "/locCache/delete/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: {ids: ids}, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | layer.close(loadIndex); |
| | | if (res.code === 200) { |
| | | layer.msg(res.msg, {icon: 1}); |
| | | tableReload(); |
| | | } else if (res.code === 403) { |
| | | top.location.href = baseUrl + "/"; |
| | | } 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: '.layui-laydate-range', type: 'datetime', range: true |
| | | }); |
| | | layDate.render({ |
| | | elem: '#ioTime\\$', type: 'datetime', value: data !== undefined ? data['ioTime\\$'] : null |
| | | }); |
| | | layDate.render({ |
| | | elem: '#firstTime\\$', type: 'datetime', value: data !== undefined ? data['firstTime\\$'] : null |
| | | }); |
| | | layDate.render({ |
| | | elem: '#modiTime\\$', type: 'datetime', value: data !== undefined ? data['modiTime\\$'] : null |
| | | }); |
| | | layDate.render({ |
| | | elem: '#appeTime\\$', type: 'datetime', value: data !== undefined ? data['appeTime\\$'] : null |
| | | }); |
| | | layDate.render({ |
| | | elem: '#errorTime\\$', type: 'datetime', value: data !== undefined ? data['errorTime\\$'] : null |
| | | }); |
| | | |
| | | }, 300); |
| | | } |
| | | |
| | | layDateRender(); |
| | | |
| | | }); |
| | | |
| | | // 关闭动作 |
| | | $(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; |
| | | }); |
| | | tableIns.reload({ |
| | | where: searchData, page: {curr: pageCurr} |
| | | }); |
| | | } |