<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<title>主页</title>
|
<link rel="shortcut icon" th:href="@{/images/favicon.ico}">
|
<!--[if lt IE 8]>
|
<meta http-equiv="refresh" content="0;ie.html"/>
|
<![endif]-->
|
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript"
|
th:src="@{/js/systools/MBase.js}"></script>
|
<!-- 界面单独引入的其他样式和脚本 -->
|
<link rel="stylesheet"
|
th:href="@{/plugin/zTree/zTreeStyle/zTreeStyle.css}"
|
type="text/css">
|
<script type="text/javascript"
|
th:src="@{/plugin/zTree/jquery.ztree.core-3.5.min.js}"></script>
|
<script type="text/javascript"
|
th:src="@{/plugin/bootstrap-3.3.5/js/bootstrapSwitch.js}"></script>
|
<link rel="stylesheet" th:href="@{/plugin/bootstrap-3.3.5/css/bootstrapSwitch.css}">
|
<script type="text/javascript"
|
th:src="@{/js/function/public.js}"></script>
|
<style type="text/css">
|
table tr td {
|
border: none !important;
|
}
|
|
table tr th {
|
border: none !important;
|
}
|
|
.inline {
|
display: INLINE;
|
width: 50%;
|
}
|
|
#btns {
|
max-height: 400px;
|
overflow: scroll;
|
}
|
|
.ztree {
|
max-height: 600px;
|
overflow: scroll;
|
}
|
</style>
|
</head>
|
<body class="gray-bg">
|
<div class="wrapper wrapper-content ">
|
<div class="row">
|
<div class="col-sm-3">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>数据字典</h5>
|
<div class="pull-right ">
|
<a class="f-r text-success " onclick="openForm()"><i
|
class="fa fa-plus c-success"></i> 添加数据字典</a>
|
</div>
|
</div>
|
<div id="treeDemo" class="ibox-content ztree"
|
style="min-height: 500px"></div>
|
</div>
|
</div>
|
<div class="col-sm-9">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>编辑数据字典</h5>
|
<div class="ibox-tools"></div>
|
</div>
|
<div class="ibox-content" style="min-height: 400px">
|
<form class="form-horizontal dataform " style="display: none"
|
id="dataform">
|
<input autocomplete="off" type="hidden" name="id" id="id">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">字典分类</label>
|
<div class="col-sm-4">
|
<select class="form-control select2 " size="1" name="parentId"
|
id="parentId" style="width: 100%">
|
</select>
|
</div>
|
<label class="col-sm-2 control-label">排序</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" name="sort" type="number" class="form-control"
|
id="sortIndex">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">字典值</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" id="value" type="text" name="value" class="form-control "
|
datatype="*1-50" nullmsg="字典值不能为空">
|
<div class="Validform_checktip"></div>
|
</div>
|
<label class="col-sm-2 control-label">字典CODE</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" id="typeCode" type="text" name="typeCode" class="form-control "
|
>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-12 text-center">
|
<a class="btn btn-success radius" onclick="updateFunction()"><i class="fa fa-check"></i>
|
保存</a>
|
<a class="btn btn-danger radius" onclick="delFunction()"><i class="fa fa-close"></i> 删除</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript"
|
th:src="@{/js/systools/MJsBase.js}"></script>
|
<script type="text/javascript">
|
//做一个标记用来记录功能状态的改变是用户还是系统引起的
|
var flag = false;
|
var dataForm = null;
|
$(function () {
|
$(".select2").select2();
|
updateDictionaryTree();
|
dataForm = MValidform.validform("#dataform");
|
});
|
|
|
|
|
// 点击加载节点信息
|
function zTreeOnClick(event, treeId, treeNode) {
|
|
flag = false;
|
$("#dataform").show();
|
dataForm.resetForm();
|
$.AjaxProxy({
|
a: false,
|
c: true,
|
method:'Get'
|
})
|
.invoke(
|
basePath + "/admin/customerDictionary/findById/"+treeNode.id,
|
function (loj) {
|
// 初始化功能基本信息1
|
initFunctionSelected(loj.getString(0,"parentId"));
|
$("#id").val(loj.getString(0, "id"));
|
$("#value").val(loj.getString(0, "value"));
|
$("#sortIndex").val(loj.getString(0, "sort"));
|
$("#typeCode").val(loj.getString(0, "typeCode"));
|
});
|
|
|
};
|
|
|
function updateDictionaryTree() {
|
var zNodes = new Array();
|
$.AjaxProxy().invoke(
|
basePath + "/admin/customerDictionary/all",
|
function (loj) {
|
for (var i = 0; i < loj.getRowCount(); i++) {
|
zNodes[i] = createNode(loj.getString(i, "id"), loj.getString(i, "parentId"), loj.getString(
|
i, "value"));
|
}
|
initTree(zNodes);
|
});
|
}
|
|
//初始化树型控件
|
function initTree(zNodes) {
|
var setting = {
|
view: {
|
dblClickExpand: false,
|
showLine: false,
|
selectedMulti: false
|
},
|
data: {
|
simpleData: {
|
enable: true,
|
idKey: "id",
|
pIdKey: "pId",
|
rootPId: ""
|
}
|
},
|
callback: {
|
onClick: zTreeOnClick
|
}
|
};
|
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
|
}
|
|
|
function createNode(id, parentId, name) {
|
var o = new Object();
|
o.id = id;
|
o.pId = parentId;
|
o.name = name;
|
o.open = false;
|
return o;
|
}
|
|
/**
|
* 初始化字典下拉框
|
*/
|
function initFunctionSelected(id) {
|
$.AjaxProxy().invoke(basePath + "/admin/customerDictionary/all",
|
function (loj) {
|
$("#parentId").createSelectTree(
|
loj.attr("result").rows,
|
{
|
id: "id", // 选项的值
|
parent: "parentId", // 父节点值
|
value: "value", // 要显示的名称
|
append: false,
|
defaultValue: id,
|
defaultHtml: '<option value="" >一级字典</option>'
|
});
|
});
|
|
}
|
|
//更新字典
|
function updateFunction() {
|
var myForm = MForm.initForm({
|
invokeUrl: basePath + "/admin/customerDictionary/modifyDataDictionary",
|
afterSubmit: function () {
|
updateDictionaryTree();
|
},
|
});
|
myForm.submit();
|
}
|
|
|
|
|
function delFunction() {
|
var id = $("#id").val();
|
if (id != null && id != '') {
|
layer.confirm('确认要删除吗！', {
|
icon: 3,
|
title: '提示'
|
}, function (index) {
|
layer.close(index);
|
var id = $("#id").val();
|
$.AjaxProxy({
|
p: {
|
keys: id
|
}
|
}).invoke(basePath + "/admin/customerDictionary/del", function (loj) {
|
layer.msg('删除成功！', {
|
icon: 1, time: 1000
|
}, function (index) {
|
$("#dataform").hide();
|
layer.close(index);
|
updateDictionaryTree();
|
});
|
return false;
|
});
|
});
|
} else {
|
layer.msg("请先选中要删除数据!");
|
}
|
}
|
|
function openForm() {
|
layer.open({
|
type: 2,
|
title: "新增功能",
|
anim: 1,
|
maxmin: true,
|
area: [MUI.SIZE_L, '450px'],
|
content: [basePath + '/admin/customerDictionary/editForm']
|
});
|
}
|
</script>
|
|
</body>
|
</html>
|
</html>
|
