!10 增加部门管理

Merge pull request !10 from SAssassin/master
develop
就眠仪式 2020-06-21 16:19:48 +08:00 committed by Gitee
commit cbd470daab
6 changed files with 687 additions and 24 deletions

View File

@ -1,10 +1,181 @@
{
"status":{"code":200,"message":"操作成功"},
"data": [
{"id":"001","title": "湖南省","parentId": "0","children":[]},
{"id":"002","title": "湖北省","parentId": "0","children":[]},
{"id":"003","title": "广东省","parentId": "0","children":[]},
{"id":"004","title": "浙江省","parentId": "0","children":[]},
{"id":"005","title": "福建省","parentId": "0","children":[]}
]
"status": {
"code": 200,
"message": "操作成功"
},
"data": [{
"id": "001",
"title": "湖南省",
"parentId": "0",
"children": [{
"id": "001001",
"title": "长沙市",
"last": true,
"parentId": "001"
},
{
"id": "001002",
"title": "株洲市",
"last": true,
"parentId": "001"
},
{
"id": "001003",
"title": "湘潭市",
"last": true,
"parentId": "001"
},
{
"id": "001004",
"title": "衡阳市",
"last": true,
"parentId": "001"
},
{
"id": "001005",
"title": "郴州市",
"last": true,
"parentId": "001"
}
]
},
{
"id": "002",
"title": "湖北省",
"parentId": "0",
"children": [{
"id": "002001",
"title": "武汉市",
"last": true,
"parentId": "002"
},
{
"id": "002002",
"title": "黄冈市",
"last": true,
"parentId": "002"
},
{
"id": "002003",
"title": "潜江市",
"last": true,
"parentId": "002"
},
{
"id": "002004",
"title": "荆州市",
"last": true,
"parentId": "002"
},
{
"id": "002005",
"title": "襄阳市",
"last": true,
"parentId": "002"
}
]
},
{
"id": "003",
"title": "广东省",
"parentId": "0",
"children": [{
"id": "003001",
"title": "广州市",
"last": false,
"parentId": "003",
"children": [{
"id": "003001001",
"title": "天河区",
"last": true,
"parentId": "003001"
},
{
"id": "003001002",
"title": "花都区",
"last": true,
"parentId": "003001"
}
]
},
{
"id": "003002",
"title": "深圳市",
"last": true,
"parentId": "003"
},
{
"id": "003003",
"title": "中山市",
"last": true,
"parentId": "003"
},
{
"id": "003004",
"title": "东莞市",
"last": true,
"parentId": "003"
},
{
"id": "003005",
"title": "珠海市",
"last": true,
"parentId": "003"
},
{
"id": "003006",
"title": "韶关市",
"last": true,
"parentId": "003"
}
]
},
{
"id": "004",
"title": "浙江省",
"parentId": "0",
"children": [{
"id": "004001",
"title": "杭州市",
"last": true,
"parentId": "004"
},
{
"id": "004002",
"title": "温州市",
"last": true,
"parentId": "004"
},
{
"id": "004003",
"title": "绍兴市",
"last": true,
"parentId": "004"
},
{
"id": "004004",
"title": "金华市",
"last": true,
"parentId": "004"
},
{
"id": "004005",
"title": "义乌市",
"last": true,
"parentId": "004"
}
]
},
{
"id": "005",
"title": "福建省",
"parentId": "0",
"children": [{
"id": "005001",
"title": "厦门市",
"last": true,
"parentId": "005"
}]
}
]
}

View File

@ -34,6 +34,13 @@
"type": 0,
"href": "",
"children": [{
"id": 44,
"title": "部门管理",
"icon": "layui-icon layui-icon-username",
"type": 1,
"openType": "_iframe",
"href": "view/system/organization.html"
},{
"id": 41,
"title": "用户管理",
"icon": "layui-icon layui-icon-username",

View File

@ -0,0 +1,51 @@
{
"createTime": null,
"createBy": null,
"updateTime": null,
"updateBy": null,
"remark": null,
"code": 0,
"msg": "...",
"count": 3,
"data": [{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
},{
"name": "就眠仪式",
"userCount": 1,
"location": "二楼101"
}]
}

View File

@ -0,0 +1,143 @@
{
"status": {
"code": 200,
"message": "操作成功"
},
"data": [{
"id": "0",
"title": "部门目录",
"last": false,
"parentId": "9527",
"children": [{
"id": "001",
"title": "湖南省",
"last": false,
"parentId": "0",
"children": [{
"id": "001001",
"title": "长沙市",
"last": true,
"parentId": "001"
},
{
"id": "001002",
"title": "株洲市",
"last": true,
"parentId": "001"
},
{
"id": "001003",
"title": "湘潭市",
"last": true,
"parentId": "001"
},
{
"id": "001004",
"title": "衡阳市",
"last": true,
"parentId": "001"
},
{
"id": "001005",
"title": "郴州市",
"last": true,
"parentId": "001"
}
]
},
{
"id": "002",
"title": "湖北省",
"last": false,
"parentId": "0",
"children": [{
"id": "002001",
"title": "武汉市",
"last": true,
"parentId": "002"
},
{
"id": "002002",
"title": "黄冈市",
"last": true,
"parentId": "002"
},
{
"id": "002003",
"title": "潜江市",
"last": true,
"parentId": "002"
},
{
"id": "002004",
"title": "荆州市",
"last": true,
"parentId": "002"
},
{
"id": "002005",
"title": "襄阳市",
"last": true,
"parentId": "002"
}
]
},
{
"id": "003",
"title": "广东省",
"last": false,
"parentId": "0",
"children": [{
"id": "003001",
"title": "广州市",
"last": false,
"parentId": "003",
"children": [{
"id": "003001001",
"title": "天河区",
"last": true,
"parentId": "003001"
},
{
"id": "003001002",
"title": "花都区",
"last": true,
"parentId": "003001"
}
]
},
{
"id": "003002",
"title": "深圳市",
"last": true,
"parentId": "003"
},
{
"id": "003003",
"title": "中山市",
"last": true,
"parentId": "003"
},
{
"id": "003004",
"title": "东莞市",
"last": true,
"parentId": "003"
},
{
"id": "003005",
"title": "珠海市",
"last": true,
"parentId": "003"
},
{
"id": "003006",
"title": "韶关市",
"last": true,
"parentId": "003"
}
]
}
]
}]
}

View File

@ -14,7 +14,6 @@
</style>
</head>
<body>
<div class="layui-row layui-col-space10">
<div class="layui-col-md6">
<div class="layui-card">
@ -27,7 +26,6 @@
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">
@ -38,7 +36,7 @@
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">
@ -49,7 +47,7 @@
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">
@ -63,47 +61,49 @@
</div>
<script src="../../../component/layui/layui.js"></script>
<script>
layui.use(['dtree', 'jquery'], function() {
layui.use(['dtree', 'jquery'], function () {
var $ = layui.jquery,
dtree = layui.dtree;
// 初始化树
dtree.render({
elem: "#demoTree",
initLevel: "1",
method: 'get',
url: "../../../admin/data/dtree.json"
});
dtree.render({
elem: "#demoTree2",
initLevel: "1",
method: 'get',
url: "../../../admin/data/dataTree2.json",
dataFormat: "list", //配置data的风格为list
checkbar: true //开启复选框
});
dtree.render({
dtree.render({
elem: "#demoTree3",
initLevel: "1",
method: 'get',
url: "../../../admin/data/dataTree2.json",
dataFormat: "list", //配置data的风格为list
checkbar: true //开启复选框
});
// 初始化树
dtree.render({
elem: "#demoTree4",
method: 'get',
url: "../../../admin/data/dtree.json"
});
// 初始化树
dtree.render({
elem: "#demoTree4",
initLevel: "1",
method: 'get',
url: "../../../admin/data/dtree.json"
});
// 绑定节点点击
dtree.on("node('demoTree')", function(obj) {
dtree.on("node('demoTree')", function (obj) {
layer.msg(JSON.stringify(obj.param));
});
});
</script>
</body>
</html>
</html>

View File

@ -0,0 +1,291 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="../../component/layui/css/layui.css" rel="stylesheet" />
<link href="../../admin/css/pearCommon.css" rel="stylesheet" />
<link href="../../admin/css/pear-tree/dtree.css" rel="stylesheet" />
<link href="../../admin/css/pear-tree/font/dtreefont.css" rel="stylesheet" />
<style>
.dtree{
width: 100% !important;
}
</style>
</head>
<body class="pear-container">
<div class="layui-card">
<div class="layui-card-body">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-inline">
<input type="text" name="realName" placeholder="" class="layui-input">
</div>
<label class="layui-form-label">账号</label>
<div class="layui-input-inline">
<input type="text" name="organizationname" placeholder="" class="layui-input">
</div>
<label class="layui-form-label">地点</label>
<div class="layui-input-inline">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="organization-query">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
<button type="reset" class="pear-btn pear-btn-md">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</form>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md3">
<div class="layui-card">
<div class="layui-card-body">
<div id="organizationTreeContent" style="overflow: auto">
<ul id="organizationTree" class="dtree" data-id="9527"></ul>
</div>
</div>
</div>
</div>
<div class="layui-col-md9">
<div class="layui-card">
<div class="layui-card-body">
<table id="organization-table" lay-filter="organization-table"></table>
</div>
</div>
</div>
</div>
<script type="text/html" id="organization-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>
新增
</button>
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
<i class="layui-icon layui-icon-delete"></i>
删除
</button>
</script>
<script type="text/html" id="organization-bar">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i
class="layui-icon layui-icon-edit"></i></button>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i
class="layui-icon layui-icon-delete"></i></button>
</script>
<script src="../../component/layui/layui.js"></script>
<script>
layui.use(['table', 'form', 'jquery', 'dtree'], function () {
let table = layui.table;
let form = layui.form;
let $ = layui.jquery;
let dtree = layui.dtree;
let MODULE_PATH = "operate/";
let cols = [
[{
type: 'checkbox'
},
{
title: '名称',
field: 'name',
align: 'center'
},
{
title: '人数',
field: 'userCount',
align: 'center'
},
{
title: '位置',
field: 'location',
align: 'center'
},
{
title: '操作',
toolbar: '#organization-bar',
align: 'center',
width: 130
}
]
]
var DTree = dtree.render({
elem: "#organizationTree",
//data: data,
initLevel: "2", //默认展开层级为1
line: true, // 有线树
ficon: ["1", "-1"], // 设定一级图标样式。0表示方形加减图标8表示小圆点图标
icon: ["0", "2"], // 设定二级图标样式。0表示文件夹图标5表示叶子图标
method: 'get',
url: "../../admin/data/organizationtree.json"
});
table.render({
elem: '#organization-table',
url: '../../admin/data/organization.json',
height: 'full-150',
page: true,
cols: cols,
skin: 'line',
toolbar: '#organization-toolbar',
defaultToolbar: [{
layEvent: 'refresh',
icon: 'layui-icon-refresh',
}, 'filter', 'print', 'exports']
});
$("#organizationTreeContent").height($(".layui-col-md9 .layui-card-body").height());
// 绑定节点点击事件
dtree.on("node(organizationTree)", function (obj) {
if (!obj.param.leaf) {
var $div = obj.dom;
DTree.clickSpread($div); //调用内置函数展开节点
} else {
layer.msg("叶子节点就不展开了,刷新右侧列表");
table.reload("organization-table");
}
});
table.on('tool(organization-table)', function (obj) {
if (obj.event === 'remove') {
window.remove(obj);
} else if (obj.event === 'edit') {
window.edit(obj);
}
});
table.on('toolbar(organization-table)', function (obj) {
if (obj.event === 'add') {
window.add();
} else if (obj.event === 'refresh') {
window.refresh();
} else if (obj.event === 'batchRemove') {
window.batchRemove(obj);
}
});
form.on('submit(organization-query)', function (data) {
table.reload('organization-table', {
where: data.field
})
return false;
});
window.add = function () {
layer.open({
type: 2,
title: '新增',
shade: 0.1,
area: ['500px', '400px'],
content: MODULE_PATH + 'add.html'
});
}
window.edit = function (obj) {
layer.open({
type: 2,
title: '修改',
shade: 0.1,
area: ['500px', '400px'],
content: MODULE_PATH + 'edit.html'
});
}
window.remove = function (obj) {
layer.confirm('确定要删除该用户', {
icon: 3,
title: '提示'
}, function (index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: MODULE_PATH + "remove/" + obj.data['organizationId'],
dataType: 'json',
type: 'delete',
success: function (result) {
layer.close(loading);
if (result.success) {
layer.msg(result.msg, {
icon: 1,
time: 1000
}, function () {
obj.del();
});
} else {
layer.msg(result.msg, {
icon: 2,
time: 1000
});
}
}
})
});
}
window.batchRemove = function (obj) {
let data = table.checkStatus(obj.config.id).data;
if (data.length === 0) {
layer.msg("未选中数据", {
icon: 3,
time: 1000
});
return false;
}
let ids = "";
for (let i = 0; i < data.length; i++) {
ids += data[i].organizationId + ",";
}
ids = ids.substr(0, ids.length - 1);
layer.confirm('确定要删除这些用户', {
icon: 3,
title: '提示'
}, function (index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: MODULE_PATH + "batchRemove/" + ids,
dataType: 'json',
type: 'delete',
success: function (result) {
layer.close(loading);
if (result.success) {
layer.msg(result.msg, {
icon: 1,
time: 1000
}, function () {
table.reload('organization-table');
});
} else {
layer.msg(result.msg, {
icon: 2,
time: 1000
});
}
}
})
});
}
window.refresh = function (param) {
table.reload('organization-table');
}
})
</script>
</body>
</html>