layui.use(['table', 'admin', 'ax', 'func'], function () { var $ = layui.$; var table = layui.table; var $ax = layui.ax; var admin = layui.admin; var func = layui.func; /** * 工位信息管理 */ var LocationInfo = { tableId: "locationInfoTable" }; getDictType(); /** * 初始化表格的列 */ LocationInfo.initColumn = function () { return [[ {type: 'checkbox'}, {field: 'id', hide: true, title: '主键id'}, {field: 'locationCode', sort: true, title: '工位编号'}, {field: 'locationName', sort: true, title: '工位名称'}, {field: 'locationType', sort: true, title: '工位类型(1自动2半自动3手动)'}, {field: 'workshopCode', sort: true, title: '车间编号'}, {field: 'productionLineCode', sort: true, title: '产线编号'}, {field: 'spareField1', sort: true, title: '预留字段1'}, {field: 'spareField2', sort: true, title: '预留字段2'}, {field: 'remarks', sort: true, title: '备注'}, {field: 'createUser', sort: true, title: '创建用户'}, {field: 'createTime', sort: true, title: '创建时间'}, {field: 'updateUser', sort: true, title: '更改用户'}, {field: 'updateTime', sort: true, title: '更改时间'}, {fixed: 'right',width: 125, minWidth: 125, align: 'center', toolbar: '#tableBar', title: '操作'} ]]; }; /** * 点击查询按钮 */ LocationInfo.search = function () { var queryData = {}; queryData['locationCode'] = $('#locationCode').val(); queryData['locationName'] = $('#locationName').val(); queryData['locationType'] = $('#locationType').val(); queryData['workshopCode'] = $('#workshopCode').val(); queryData['productionLineCode'] = $('#productionLineCode').val(); table.reload(LocationInfo.tableId, { where: queryData, page: {curr: 1} }); }; function getDictType(){ $.ajax({ type: "POST", contentType: "application/json;charset=UTF-8", url: Feng.ctxPath + '/dict/list?dictTypeId=1703969868646158337', success: function (result) { $.each(result.data, function (index, value) { $('#locationType').append(new Option(value.name,value.code));// 下拉菜单里添加元素 }); layui.form.render("select");//重新渲染 固定写法 }, }); } /** * 跳转到添加页面 */ LocationInfo.jumpAddPage = function () { window.location.href = Feng.ctxPath + '/locationInfo/add' }; /** * 跳转到编辑页面 * * @param data 点击按钮时候的行数据 */ LocationInfo.jumpEditPage = function (data) { window.location.href = Feng.ctxPath + '/locationInfo/edit?id=' + data.id }; /** * 导出excel按钮 */ LocationInfo.exportExcel = function () { var checkRows = table.checkStatus(LocationInfo.tableId); if (checkRows.data.length === 0) { Feng.error("请选择要导出的数据"); } else { table.exportFile(tableResult.config.id, checkRows.data, 'xls'); } }; /** * 点击删除 * * @param data 点击按钮时候的行数据 */ LocationInfo.onDeleteItem = function (data) { var operation = function () { var ajax = new $ax(Feng.ctxPath + "/locationInfo/delete", function (data) { Feng.success("删除成功!"); table.reload(LocationInfo.tableId); }, function (data) { Feng.error("删除失败!" + data.responseJSON.message + "!"); }); ajax.set("id", data.id); ajax.start(); }; Feng.confirm("是否删除?", operation); }; // 渲染表格 var tableResult = table.render({ elem: '#' + LocationInfo.tableId, url: Feng.ctxPath + '/locationInfo/list', page: true, height: "full-158", cellMinWidth: 100, cols: LocationInfo.initColumn() }); // 搜索按钮点击事件 $('#btnSearch').click(function () { LocationInfo.search(); }); // 添加按钮点击事件 $('#btnAdd').click(function () { LocationInfo.jumpAddPage(); }); // 导出excel $('#btnExp').click(function () { LocationInfo.exportExcel(); }); // 工具条点击事件 table.on('tool(' + LocationInfo.tableId + ')', function (obj) { var data = obj.data; var layEvent = obj.event; if (layEvent === 'edit') { LocationInfo.jumpEditPage(data); } else if (layEvent === 'delete') { LocationInfo.onDeleteItem(data); } }); });