| 提交 | 用户 | 时间 | ||
| 1ac2bc | 1 | layui.use(['form', 'table', 'admin', 'ax', 'func'], function () { |
| 懒 | 2 | var $ = layui.$; |
| 3 | var table = layui.table; | |
| 4 | var $ax = layui.ax; | |
| 5 | var admin = layui.admin; | |
| 6 | var func = layui.func; | |
| 7 | var form = layui.form; | |
| 8 | ||
| 9 | ||
| 10 | /** | |
| 11 | * 工序信息管理 | |
| 12 | */ | |
| 13 | var OpInfo = { | |
| 14 | tableId: "opInfoTable" | |
| 15 | }; | |
| 16 | ||
| 17 | getDictType(); | |
| 18 | ||
| 19 | /** | |
| 20 | * 初始化表格的列 | |
| 21 | */ | |
| 22 | OpInfo.initColumn = function () { | |
| 23 | return [[ | |
| 24 | {type: 'checkbox'}, | |
| 25 | {field: 'id', hide: true, title: '主键id'}, | |
| 26 | {field: 'opCode', sort: true, title: '工序编号',width:130}, | |
| 27 | {field: 'opName', sort: true, title: '工序名称',width:130}, | |
| 28 | {field: 'lineCode', sort: true, title: '产线编号',width:130}, | |
| 29 | { | |
| 30 | field: 'opType', align: "center", title: '工序类型', templet: function (d) { | |
| 31 | switch(d.opType){ | |
| 32 | case "1" : | |
| 33 | return "上线工序"; | |
| 34 | break; | |
| 35 | case "2" : | |
| 36 | return "过程工序"; | |
| 37 | break; | |
| 38 | case "3" : | |
| 39 | return "下线工序"; | |
| 40 | break; | |
| 41 | default : | |
| 42 | } | |
| 43 | } | |
| 44 | }, | |
| 45 | {field: 'status', align: "center", sort: true, templet: '#statusTpl', title: '状态'}, | |
| 46 | // { | |
| 47 | // field: 'status', align: "center", title: '状态', templet: function (d) { | |
| 48 | // if (d.status === 'ENABLE') { | |
| 49 | // return "启用"; | |
| 50 | // } else { | |
| 51 | // return "禁用"; | |
| 52 | // } | |
| 53 | // } | |
| 54 | // }, | |
| 55 | {field: 'remark', sort: true, title: '备注'}, | |
| 56 | {field: 'createUser', sort: true, title: '创建用户',width:130}, | |
| 57 | {field: 'createTime', sort: true, title: '创建时间',width:160}, | |
| 58 | {field: 'updateUser', sort: true, title: '更改用户',width:130}, | |
| 59 | {field: 'updateTime', sort: true, title: '更改时间',width:160}, | |
| 60 | {fixed: 'right',width: 125, minWidth: 125, align: 'center', toolbar: '#tableBar', title: '操作'} | |
| 61 | ]]; | |
| 62 | }; | |
| 63 | ||
| 64 | /** | |
| 65 | * 点击查询按钮 | |
| 66 | */ | |
| 67 | OpInfo.search = function () { | |
| 68 | var queryData = {}; | |
| 69 | ||
| 70 | queryData['opCode'] = $('#opCode').val(); | |
| 71 | queryData['opName'] = $('#opName').val(); | |
| 72 | queryData['lineCode'] = $('#lineCode').val(); | |
| 73 | queryData['opType'] = $('#opType').val(); | |
| 74 | queryData['status'] = $('#status').val(); | |
| 75 | ||
| 76 | table.reload(OpInfo.tableId, { | |
| 77 | where: queryData, page: {curr: 1} | |
| 78 | }); | |
| 79 | }; | |
| 80 | ||
| 81 | function getDictType(){ | |
| 82 | $.ajax({ | |
| 83 | type: "POST", | |
| 84 | contentType: "application/json;charset=UTF-8", | |
| 85 | url: Feng.ctxPath + '/dict/list?dictTypeId=1694972441967951874', | |
| 86 | success: function (result) { | |
| 87 | $.each(result.data, function (index, value) { | |
| 88 | // $('#opType').append(new Option(value.code,value.name));// 下拉菜单里添加元素 | |
| 89 | $('#opType').append(new Option(value.name,value.code));// 下拉菜单里添加元素 | |
| 90 | }); | |
| 91 | layui.form.render("select");//重新渲染 固定写法 | |
| 92 | }, | |
| 93 | }); | |
| 94 | } | |
| 95 | ||
| 96 | form.on('switch(status)', function (obj) { | |
| 97 | var id = obj.elem.value; | |
| 98 | var checked = obj.elem.checked ? 'ENABLE' : 'DISABLE'; | |
| 99 | OpInfo.changeStatus(id, checked); | |
| 100 | }); | |
| 101 | ||
| 102 | // 修改状态方法 | |
| 103 | OpInfo.changeStatus = function (id, checked) { | |
| 104 | var ajax = new $ax(Feng.ctxPath + "/opInfo/editItem", function (data) { | |
| 105 | Feng.success("修改成功!"); | |
| 106 | }, function (data) { | |
| 107 | Feng.error("修改失败!" + data.message); | |
| 108 | }); | |
| 109 | ajax.set("id", id); | |
| 110 | ajax.set("status", checked); | |
| 111 | ajax.start(); | |
| 112 | }; | |
| 113 | ||
| 114 | /** | |
| 115 | * 跳转到添加页面 | |
| 116 | */ | |
| 117 | OpInfo.jumpAddPage = function () { | |
| 118 | window.location.href = Feng.ctxPath + '/opInfo/add' | |
| 119 | }; | |
| 120 | ||
| 121 | /** | |
| 122 | * 跳转到编辑页面 | |
| 123 | * | |
| 124 | * @param data 点击按钮时候的行数据 | |
| 125 | */ | |
| 126 | OpInfo.jumpEditPage = function (data) { | |
| 127 | window.location.href = Feng.ctxPath + '/opInfo/edit?id=' + data.id | |
| 128 | }; | |
| 129 | ||
| 130 | /** | |
| 131 | * 导出excel按钮 | |
| 132 | */ | |
| 133 | OpInfo.exportExcel = function () { | |
| 134 | var checkRows = table.checkStatus(OpInfo.tableId); | |
| 135 | if (checkRows.data.length === 0) { | |
| 136 | Feng.error("请选择要导出的数据"); | |
| 137 | } else { | |
| 138 | table.exportFile(tableResult.config.id, checkRows.data, 'xls'); | |
| 139 | } | |
| 140 | }; | |
| 141 | ||
| 142 | /** | |
| 143 | * 点击删除 | |
| 144 | * | |
| 145 | * @param data 点击按钮时候的行数据 | |
| 146 | */ | |
| 147 | OpInfo.onDeleteItem = function (data) { | |
| 148 | var operation = function () { | |
| 149 | var ajax = new $ax(Feng.ctxPath + "/opInfo/delete", function (data) { | |
| 150 | Feng.success("删除成功!"); | |
| 151 | table.reload(OpInfo.tableId); | |
| 152 | }, function (data) { | |
| 153 | Feng.error("删除失败!" + data.responseJSON.message + "!"); | |
| 154 | }); | |
| 155 | ajax.set("id", data.id); | |
| 156 | ajax.start(); | |
| 157 | }; | |
| 158 | Feng.confirm("是否删除?", operation); | |
| 159 | }; | |
| 160 | ||
| 161 | // 渲染表格 | |
| 162 | var tableResult = table.render({ | |
| 163 | elem: '#' + OpInfo.tableId, | |
| 164 | url: Feng.ctxPath + '/opInfo/list', | |
| 165 | page: true, | |
| 166 | height: "full-158", | |
| 167 | cellMinWidth: 100, | |
| 168 | cols: OpInfo.initColumn() | |
| 169 | }); | |
| 170 | ||
| 171 | // 搜索按钮点击事件 | |
| 172 | $('#btnSearch').click(function () { | |
| 173 | OpInfo.search(); | |
| 174 | }); | |
| 175 | ||
| 176 | // 添加按钮点击事件 | |
| 177 | $('#btnAdd').click(function () { | |
| 178 | ||
| 179 | OpInfo.jumpAddPage(); | |
| 180 | ||
| 181 | }); | |
| 182 | ||
| 183 | // 导出excel | |
| 184 | $('#btnExp').click(function () { | |
| 185 | OpInfo.exportExcel(); | |
| 186 | }); | |
| 187 | ||
| 188 | // 工具条点击事件 | |
| 189 | table.on('tool(' + OpInfo.tableId + ')', function (obj) { | |
| 190 | var data = obj.data; | |
| 191 | var layEvent = obj.event; | |
| 192 | ||
| 193 | if (layEvent === 'edit') { | |
| 194 | OpInfo.jumpEditPage(data); | |
| 195 | } else if (layEvent === 'delete') { | |
| 196 | OpInfo.onDeleteItem(data); | |
| 197 | } | |
| 198 | }); | |
| 199 | }); | |
