|
|
@@ -8,6 +8,10 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
|
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
|
|
+ <link rel="stylesheet" type="text/css" href="../../layuiadmin/style/formSelects-v4.css"/>
|
|
|
+ <style type="text/css">
|
|
|
+ #department_selecter dl{max-height: 250px;}
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
@@ -60,6 +64,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="layui-col-xs12 layui-col-sm12">
|
|
|
+ <label class="layui-form-label">部门：</label>
|
|
|
+ <div class="layui-input-block" id="department_selecter">
|
|
|
+ <select name="department" xm-select="selectDepartment" xm-select-radio></select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="layui-col-xs12 layui-col-sm12">
|
|
|
<label class="layui-form-label">登录账号：</label>
|
|
|
<div class="layui-input-block">
|
|
|
@@ -83,10 +94,13 @@
|
|
|
base: '../../../layuiadmin/' //静态资源所在路径
|
|
|
}).extend({
|
|
|
index: 'lib/index' //主入口模块
|
|
|
- }).use(['index', 'table'], function(){
|
|
|
+ ,formSelects: 'formSelects-v4'
|
|
|
+ }).use(['index', 'table', 'formSelects'], function(){
|
|
|
var $ = layui.$
|
|
|
,form = layui.form;
|
|
|
var table = layui.table;
|
|
|
+ var admin = layui.admin;
|
|
|
+ var dep_formSelects = layui.formSelects;
|
|
|
|
|
|
table.render({
|
|
|
elem: '#datagrid'
|
|
|
@@ -179,6 +193,23 @@
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
+ dep_formSelects.value('selectDepartment', []);
|
|
|
+ admin.req({
|
|
|
+ url: '/admin/department/tree/'
|
|
|
+ ,done: function(res){
|
|
|
+ dep_formSelects.data('selectDepartment', 'local', {
|
|
|
+ arr: res.data,
|
|
|
+ tree: {
|
|
|
+ //在点击节点的时候, 如果没有子级数据, 会触发此事件
|
|
|
+ nextClick: function(id, item, callback){
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ }
|
|
|
+ });
|
|
|
+ dep_formSelects.value('selectDepartment', [department]);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
