mirror of https://gitee.com/stylefeng/guns
【Dict】完善新的字典功能
chenjinlong
parent
504245a5e9
commit
d4c2ced31f
|
|
@ -0,0 +1,220 @@
|
|||
layui.use(['layer', 'form', 'table', 'util', 'admin', 'func', 'HttpRequest'], function () {
|
||||
var $ = layui.jquery;
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
var table = layui.table;
|
||||
var admin = layui.admin;
|
||||
var HttpRequest = layui.HttpRequest;
|
||||
var func = layui.func;
|
||||
var selObj; // 左表选中数据
|
||||
|
||||
var Dict = {
|
||||
tableId: "dictTable",
|
||||
};
|
||||
|
||||
var DictType = {
|
||||
tableId: "dictTypeTable"
|
||||
};
|
||||
|
||||
|
||||
/* 字典类型-点击新增对话框 */
|
||||
DictType.openAddDlg = function () {
|
||||
func.open({
|
||||
height: 700,
|
||||
title: '添加字典类型',
|
||||
content: Feng.ctxPath + '/view/dictType/addView',
|
||||
tableId: DictType.tableId
|
||||
});
|
||||
};
|
||||
|
||||
/* 字典类型-点击编辑对话框 */
|
||||
DictType.openEditDlg = function (data) {
|
||||
func.open({
|
||||
height: 700,
|
||||
title: '修改字典类型',
|
||||
content: Feng.ctxPath + '/view/dictType/editView?dictTypeId=' + data.dictTypeId,
|
||||
tableId: DictType.tableId
|
||||
});
|
||||
};
|
||||
|
||||
/* 字典类型-点击删除 */
|
||||
DictType.onDeleteItem = function (data) {
|
||||
if (data.dictTypeClass === 2) {
|
||||
Feng.error("系统类型无法删除");
|
||||
return;
|
||||
}
|
||||
var operation = function () {
|
||||
var httpRequest = new HttpRequest(Feng.ctxPath + "/dictType/deleteDictType", 'post', function (data) {
|
||||
Feng.success("删除成功!");
|
||||
table.reload(DictType.tableId);
|
||||
}, function (data) {
|
||||
Feng.error("删除失败!" + data.message + "!");
|
||||
});
|
||||
httpRequest.set(data);
|
||||
httpRequest.start(true);
|
||||
};
|
||||
Feng.confirm("是否删除?", operation);
|
||||
};
|
||||
|
||||
/* 字典类型-点击搜索 */
|
||||
form.on('submit(dictTypeTbSearch)', function (data) {
|
||||
dictTypeTable.reload({where: data.field});
|
||||
return false;
|
||||
});
|
||||
|
||||
/* 字典类型-点击表格头工具栏 */
|
||||
table.on('toolbar(dictTypeTable)', function (obj) {
|
||||
var data = obj.data;
|
||||
if (obj.event === 'add') { // 添加
|
||||
DictType.openAddDlg();
|
||||
} else if (obj.event === 'edit') { // 修改
|
||||
DictType.openEditDlg(data);
|
||||
} else if (obj.event === 'del') { // 删除
|
||||
DictType.onDeleteItem(data);
|
||||
}
|
||||
});
|
||||
|
||||
/* 字典类型-渲染表格 */
|
||||
var dictTypeTable = table.render({
|
||||
elem: '#dictTypeTable',
|
||||
url: Feng.ctxPath + '/dictType/getDictTypePageList',
|
||||
height: 'full-100',
|
||||
toolbar: '#dictTypeHtbBar',
|
||||
defaultToolbar: [], //默认表格头部右侧工具栏
|
||||
cols: [[
|
||||
{type: 'numbers'},
|
||||
{field: 'dictTypeName', title: '类型'},
|
||||
{field: 'dictTypeCode', title: '编码'},
|
||||
]],
|
||||
done: function (res, curr, count) {
|
||||
//加载后自动选中第一行并出发click事件
|
||||
$('#dictTypeTable+.layui-table-view .layui-table-body tbody>tr:first').trigger('click');
|
||||
},
|
||||
parseData: Feng.parseData //解析成 table 组件所规定的数据格式
|
||||
});
|
||||
|
||||
/* 字典类型-监听行单击事件 */
|
||||
table.on('row(dictTypeTable)', function (obj) {
|
||||
selObj = obj;
|
||||
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
|
||||
dictTable.reload({where: {dictTypeCode: obj.data.dictTypeCode}, page: {curr: 1}, url: Feng.ctxPath + '/dict/page'});
|
||||
});
|
||||
|
||||
/* 删除 */
|
||||
function doDel(obj) {
|
||||
layer.confirm('确定要删除此字典吗？', {
|
||||
skin: 'layui-layer-admin',
|
||||
shade: .1
|
||||
}, function (i) {
|
||||
layer.close(i);
|
||||
var loadIndex = layer.load(2);
|
||||
$.get('../../json/ok.json', {
|
||||
id: obj.data.dictId,
|
||||
}, function (res) {
|
||||
layer.close(loadIndex);
|
||||
if (200 === res.code) {
|
||||
layer.msg(res.msg, {icon: 1});
|
||||
obj.del();
|
||||
$('#dictTypeTable+.layui-table-view .layui-table-body tbody>tr:first').trigger('click');
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
}, 'json');
|
||||
});
|
||||
}
|
||||
|
||||
/* 字典-点击新增对话框 */
|
||||
Dict.openAddDlg = function (data) {
|
||||
func.open({
|
||||
height: 680,
|
||||
title: '添加字典',
|
||||
content: Feng.ctxPath + '/view/dict/addView?dictTypeId=' + data.dictTypeId,
|
||||
tableId: Dict.tableId
|
||||
});
|
||||
};
|
||||
|
||||
/* 字典-点击编辑对话框 */
|
||||
Dict.openEditDlg = function (data) {
|
||||
func.open({
|
||||
height: 680,
|
||||
title: '修改字典',
|
||||
content: Feng.ctxPath + '/view/dict/editView?dictId=' + data.dictId,
|
||||
tableId: Dict.tableId
|
||||
});
|
||||
};
|
||||
|
||||
/* 字典-点击删除 */
|
||||
Dict.onDeleteItem = function (data) {
|
||||
var operation = function () {
|
||||
var httpRequest = new HttpRequest(Feng.ctxPath + "/dict/deleteDict", 'post', function (data) {
|
||||
Feng.success("删除成功!");
|
||||
table.reload(Dict.tableId);
|
||||
}, function (data) {
|
||||
Feng.error("删除失败!" + data.message + "!");
|
||||
});
|
||||
httpRequest.set(data);
|
||||
httpRequest.start(true);
|
||||
};
|
||||
Feng.confirm("是否删除?", operation);
|
||||
};
|
||||
|
||||
/* 字典-点击搜索 */
|
||||
form.on('submit(dictTbSearch)', function (data) {
|
||||
//赋值左表dictTypeCode
|
||||
data.field.dictTypeCode = selObj.data.dictTypeCode;
|
||||
dictTable.reload({where: data.field});
|
||||
return false;
|
||||
});
|
||||
|
||||
/* 字典-点击操作工具栏 */
|
||||
table.on('tool(dictTable)', function (obj) {
|
||||
var data = obj.data;
|
||||
if (obj.event === 'edit') { // 修改
|
||||
Dict.openEditDlg(data);
|
||||
} else if (obj.event === 'del') { // 删除
|
||||
Dict.onDeleteItem(data);
|
||||
}
|
||||
});
|
||||
|
||||
// 添加按钮点击事件
|
||||
$('#btnAdd').click(function () {
|
||||
Dict.openAddDlg(selObj.data);
|
||||
return false;
|
||||
});
|
||||
|
||||
/* 字典-点击表格头工具栏 */
|
||||
// table.on('toolbar(dictTable)', function (obj) {
|
||||
// if (obj.event === 'add') { // 添加
|
||||
// Dict.openAddDlg(selObj.data);
|
||||
// } else if (obj.event === 'del') { // 删除
|
||||
// var checkRows = table.checkStatus('dictTable');
|
||||
// if (checkRows.data.length === 0) {
|
||||
// layer.msg('请选择要删除的数据', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// var ids = checkRows.data.map(function (d) {
|
||||
// return d.dictDataId;
|
||||
// });
|
||||
// doDel2({ids: ids});
|
||||
// }
|
||||
// });
|
||||
|
||||
/* 字典-渲染表格 */
|
||||
var dictTable = table.render({
|
||||
elem: '#dictTable',
|
||||
data: [],
|
||||
height: 'full-100',
|
||||
page: true,
|
||||
//toolbar: '#dictHtbBar',
|
||||
cellMinWidth: 100,
|
||||
cols: [[
|
||||
{type: 'checkbox'},
|
||||
{type: 'numbers'},
|
||||
{field: 'dictName', align: "center", sort: true, title: '字典名称'},
|
||||
{field: 'dictCode', align: "center", sort: true, title: '字典编码'},
|
||||
{field: 'dictSort', align: "center", sort: true, title: '排序号'},
|
||||
{align: 'center', toolbar: '#dictTbBar', title: '操作'}
|
||||
]],
|
||||
parseData: Feng.parseData
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,108 @@
|
|||
@layout("/layout/_container.html",{js:["/assets/modular/system/dict/dictionary.js"]}){
|
||||
<style>
|
||||
#dictTypeTable + .layui-table-view .layui-table-tool-temp {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#dictTypeTable + .layui-table-view .layui-table-body tbody > tr td {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#dictTypeTable + .layui-table-view .layui-table-body tbody > tr.layui-table-click {
|
||||
background-color: #fff3e0;
|
||||
}
|
||||
|
||||
#dictTypeTable + .layui-table-view .layui-table-body tbody > tr.layui-table-click td:last-child > div:before {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
content: "\e602";
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-family: layui-icon !important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
</style>
|
||||
<div class="layui-fluid" style="padding-bottom: 0;">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body" style="padding: 10px;">
|
||||
<!-- 表格工具栏1 -->
|
||||
<form class="layui-form toolbar">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline" style="max-width: 140px;">
|
||||
<input name="dictTypeName" class="layui-input" type="text" placeholder="类型" autocomplete="off"/>
|
||||
</div>
|
||||
<div class="layui-inline" style="max-width: 140px;">
|
||||
<input name="dictTypeCode" class="layui-input" type="text" placeholder="编码" autocomplete="off"/>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn icon-btn" lay-filter="dictTypeTbSearch" lay-submit>
|
||||
<i class="layui-icon"></i>搜索
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!-- 数据表格1 -->
|
||||
<table id="dictTypeTable" lay-filter="dictTypeTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md9">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body" style="padding: 10px;">
|
||||
<!-- 表格工具栏2 -->
|
||||
<form class="layui-form toolbar">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">字典名称:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input name="dictName" class="layui-input" placeholder="输入字典名称"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">字典编码:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input name="dictCode" class="layui-input" placeholder="输入字典键值"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline"> 
|
||||
<button class="layui-btn icon-btn" lay-filter="dictTbSearch" lay-submit><i class="layui-icon"></i>搜索</button>
|
||||
<button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon"></i>添加</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!-- 数据表格2 -->
|
||||
<table id="dictTable" lay-filter="dictTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表格头部操作列 -->
|
||||
<script type="text/html" id="dictTypeHtbBar">
|
||||
<button lay-event="add" class="layui-btn layui-btn-sm icon-btn"><i class="layui-icon"></i>添加</button>
|
||||
<button lay-event="edit" class="layui-btn layui-btn-sm layui-btn-warm icon-btn"><i class="layui-icon"></i>修改</button>
|
||||
<button lay-event="del" class="layui-btn layui-btn-sm layui-btn-danger icon-btn"><i class="layui-icon"></i>删除</button>
|
||||
</script>
|
||||
<!-- 表格头部操作列结束 -->
|
||||
|
||||
<!-- 表格头部操作列 -->
|
||||
<script type="text/html" id="dictHtbBar">
|
||||
<button lay-event="add" class="layui-btn layui-btn-sm icon-btn"><i class="layui-icon"></i>添加</button>
|
||||
<button lay-event="del" class="layui-btn layui-btn-sm layui-btn-danger icon-btn"><i class="layui-icon"></i>删除</button>
|
||||
</script>
|
||||
<!-- 表格头部操作列结束 -->
|
||||
|
||||
<!-- 表格操作列 -->
|
||||
<script type="text/html" id="dictTbBar">
|
||||
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||||
</script>
|
||||
<!-- 表格操作列结束 -->
|
||||
|
||||
|
||||
|
||||
@}
|
||||
Loading…
Reference in New Issue