|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>职务分管工作分配</title>
|
|
|
<meta name="renderer" content="webkit">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<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="../../static/css/font.css">
|
|
|
<link rel="stylesheet" href="../../static/css/weadmin.css">
|
|
|
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
|
|
<link rel="stylesheet" href="../../lib/tabletree/css/jquery.treetable.css">
|
|
|
<link rel="stylesheet" href="../../lib/tabletree/css/screen.css">
|
|
|
<link rel="stylesheet" href="../../lib/tabletree/css/jquery.treetable.theme.default.css">
|
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
<style>
|
|
|
table.treetable thead tr th {
|
|
|
border: 1px solid #e6e6e6 !important;
|
|
|
}
|
|
|
|
|
|
.kgdxpr {
|
|
|
background: #f5f5f5;
|
|
|
}
|
|
|
|
|
|
#example-basic thead tr {
|
|
|
background-color: #f2f2f2 !important;
|
|
|
font-size: 14px !important;
|
|
|
color: #666 !important;
|
|
|
height: 28px !important;
|
|
|
line-height: 28px !important;
|
|
|
border: 1px solid #e6e6e6 !important;
|
|
|
}
|
|
|
|
|
|
#example-basic tbody tr {
|
|
|
background-color: #fff !important;
|
|
|
font-size: 14px !important;
|
|
|
color: #666 !important;
|
|
|
height: 33px !important;
|
|
|
line-height: 33px !important;
|
|
|
border: 1px solid #e6e6e6 !important;
|
|
|
}
|
|
|
|
|
|
#example-basic tbody tr td {
|
|
|
border-right: 1px solid #e6e6e6 !important;
|
|
|
}
|
|
|
|
|
|
#example-basic tr td:nth-child(1) {
|
|
|
width: 50%;
|
|
|
}
|
|
|
|
|
|
#example-basic tr td:nth-child(2) {
|
|
|
width: 10%;
|
|
|
}
|
|
|
|
|
|
#example-basic tr td:nth-child(3) {
|
|
|
width: 10%;
|
|
|
}
|
|
|
|
|
|
#example-basic tr td:nth-child(4) {
|
|
|
width: 30%;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="weadmin-nav">
|
|
|
<span class="layui-breadcrumb">
|
|
|
<a href="">首页</a>
|
|
|
<a href="">基础管理</a>
|
|
|
<a>
|
|
|
<cite>职务与分管工作</cite></a>
|
|
|
</span>
|
|
|
<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right"
|
|
|
href="javascript:location.reload();" title="刷新">
|
|
|
<i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
|
|
|
</div>
|
|
|
<div class="weadmin-body" style="overflow: hidden">
|
|
|
<div style="float:right">
|
|
|
<div class="layui-btn layui-btn-orange" onclick="sync();" type="button">
|
|
|
<span class="layui-icon layui-icon-senior"></span>一键同步
|
|
|
</div>
|
|
|
<div class="layui-btn layui-btn-normal exportBtn" onclick="exportExcel();" type="button">
|
|
|
<span class="layui-icon layui-icon-export"></span>导出职务与分管工作
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 表头 -->
|
|
|
<div style="padding:0px 20px;margin-top:-7px">
|
|
|
<table id="example-basic">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th>名称</th>
|
|
|
<th>编码</th>
|
|
|
<th>排序号</th>
|
|
|
<th>操作</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<tr data-node-id="1" data-tt-branch="true">
|
|
|
<td><span class='folder'></span>职务与分管工作分配</td>
|
|
|
<td>01</td>
|
|
|
<td>1</td>
|
|
|
<!--<td><a class="layui-btn layui-btn-xs addBtn">添加</a></td>-->
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
|
<script src="../../lib/jquery-3.6.0.min.js"></script>
|
|
|
<script src="../../lib/tabletree/jquery.treetable.js"></script>
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
layui.extend({
|
|
|
admin: '{/}../../static/js/admin'
|
|
|
});
|
|
|
|
|
|
layui.use(['jquery', 'admin', 'layer'], function () {
|
|
|
var $ = layui.jquery,
|
|
|
admin = layui.admin,
|
|
|
layer = layui.layer;
|
|
|
// 操作：增 改
|
|
|
window.operation = function (title, url, id, level,width,height) {
|
|
|
if(!width) width='540px';
|
|
|
if(!height) height='350px';
|
|
|
layer.open({
|
|
|
type: 2,
|
|
|
area: [width, height],
|
|
|
fix: false, //不固定
|
|
|
maxmin: true,
|
|
|
shadeClose: true,
|
|
|
shade: 0.4,
|
|
|
title: title,
|
|
|
content: url + '?id=' + id + '&level=' + level,
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var list = "";//pId
|
|
|
var lis = '';//id
|
|
|
function getJSON(id) {
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
url: '/dsBase/base/getOrgTypePrincipalshipByParentId?type_id=2&parent_id=' + id,
|
|
|
dataType: "json",
|
|
|
success: function (data) {
|
|
|
list = data.data;
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
window.loadHtml = function (id) {
|
|
|
getJSON(id);
|
|
|
var str = '';
|
|
|
$.each(list, function (i, item) {
|
|
|
str += '<tr data-node-id="' + item.id + '" data-parent-id="' + item.pId + '" data-level="' + item.level + '" data-node-name="' + item.name + '" data-tt-branch="' + (item.is_leaf == 0 ? "false" : "true") + '">' +
|
|
|
'<td>' +
|
|
|
(item.is_leaf ? '<span class="folder"></span>' : '<span class="file"></span>') +
|
|
|
item.name + '</td>' +
|
|
|
'<td>' + item.code + '</td>' +
|
|
|
'<td>' + item.sort_id + '</td>' +
|
|
|
'<td>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs addBtn" style="' + (item.code.length == 10 ? "display:none" : "display:inline-flex") + '">添加</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs editBtn" style="' + (item.code.length == 10 ? "margin-left:0" : "margin-left:10px") + '">编辑</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs privilageBtn" style="' + ((item.code.length ==10 || item.code.length ==8) ? "display:inline-flex" : "display:none") + '">权限</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs layui-btn-danger delBtn">删除</a>' +
|
|
|
'</td>' +
|
|
|
'</tr>';
|
|
|
});
|
|
|
return str;
|
|
|
}
|
|
|
|
|
|
function addJSON(id) {
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
url: '/dsBase/base/getOrgTypePrincipalshipById?id=' + id,
|
|
|
dataType: "json",
|
|
|
success: function (data) {
|
|
|
lis = data.data;
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
window.loadTr = function (id) {
|
|
|
addJSON(id);
|
|
|
|
|
|
var str = "";
|
|
|
str += '<tr data-node-id="' + lis[0].id + '" data-parent-id="' + lis[0].pId + '" data-level="' + lis[0].level + '" data-node-name="' + lis[0].name + '" data-tt-branch="' + (lis[0].is_leaf == 0 ? "false" : "true") + '">' +
|
|
|
'<td>' +
|
|
|
(lis[0].is_leaf ? '<span class="folder"></span>' : '<span class="file"></span>') +
|
|
|
lis[0].name + '</td>' +
|
|
|
'<td>' + lis[0].code + '</td>' +
|
|
|
'<td>' + lis[0].sort_id + '</td>' +
|
|
|
'<td>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs addBtn" style="' + (lis[0].code.length == 10 ? "display:none" : "display:inline-flex") + '">添加</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs editBtn" style="' + (lis[0].code.length == 10 ? "margin-left:0" : "margin-left:10px") + '">编辑</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs privilageBtn" style="' + ((lis[0].code.length ==10 || lis[0].code.length ==8) ? "display:inline-flex" : "display:none") + '">权限</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs layui-btn-danger delBtn" >删除</a>' +
|
|
|
'</td>' +
|
|
|
'</tr>';
|
|
|
return str;
|
|
|
}
|
|
|
|
|
|
$(function () {
|
|
|
$("#example-basic").treetable({
|
|
|
nodeIdAttr: "nodeId",
|
|
|
parentIdAttr: "parentId",
|
|
|
stringCollapse: "收起",
|
|
|
stringExpand: "展开",
|
|
|
expandable: true,
|
|
|
clickableNodeNames: true,
|
|
|
onInitialized: function () {
|
|
|
$("#example-basic tr:first a").trigger('click');
|
|
|
$("#example-basic").treetable('expandNode', '1');
|
|
|
},
|
|
|
|
|
|
//展开
|
|
|
onNodeExpand: function () {
|
|
|
var node = this;
|
|
|
//是否已经加载
|
|
|
if (node.children && !node.children.length) {
|
|
|
var html = loadHtml(node.id);
|
|
|
$("#example-basic").treetable("loadBranch", node, html);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}).on("click", ".delBtn", function (e) {
|
|
|
e.preventDefault();
|
|
|
var id = $(this).closest("tr").data("node-id");
|
|
|
var pId = $(this).closest("tr").data("parent-id");
|
|
|
var name = $(this).closest("tr").data("node-name");
|
|
|
var branch = $(this).closest("tr").data("tt-branch");
|
|
|
addJSON(id);
|
|
|
layer.confirm('确定删除' + name + '吗？', {
|
|
|
icon: 7
|
|
|
}, function () {
|
|
|
if (lis[0].is_leaf !== 0) {
|
|
|
layer.alert('存在子节点，不可以直接删除')
|
|
|
} else {
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
dataTYpe: "json",
|
|
|
data: {
|
|
|
id: id
|
|
|
},
|
|
|
url: "/dsBase/base/delOrgTypePrincipalshipById",
|
|
|
success: function (data) {
|
|
|
if (data.success) {
|
|
|
layer.msg(data.message, {icon: 1, time: 2000, shade: 0.1}, function () {
|
|
|
$("#example-basic").treetable("removeNode", id);
|
|
|
addJSON(pId);
|
|
|
console.log(lis)
|
|
|
if (lis[0].is_leaf == 0) {
|
|
|
$("tr[data-node-id='" + pId + "']").find("td .folder").removeClass("folder").addClass("file");
|
|
|
$("tr[data-node-id='" + pId + "']").find(".indenter a").hide();
|
|
|
|
|
|
} else {
|
|
|
$("tr[data-node-id='" + id + "']").find("td .folder").removeClass("file").addClass("folder");
|
|
|
$("tr[data-node-id='" + pId + "']").find(".indenter a").show();
|
|
|
}
|
|
|
|
|
|
});
|
|
|
} else {
|
|
|
layer.alert(data.message, {icon: 0});
|
|
|
}
|
|
|
},
|
|
|
error: function (data) {
|
|
|
layer.alert(data.message, {icon: 0})
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
});
|
|
|
}).on("click", ".addBtn", function (e) {
|
|
|
e.preventDefault();
|
|
|
var id = $(this).closest("tr").data("node-id");
|
|
|
var level = $(this).closest("tr").data("level");
|
|
|
operation('添加', './add.html', id, level);
|
|
|
}).on("click", ".privilageBtn", function (e) {
|
|
|
e.preventDefault();
|
|
|
var id = $(this).closest("tr").data("node-id");
|
|
|
var level = $(this).closest("tr").data("level");
|
|
|
operation('权限分配', './privilage.html', id, level,'540px','500px');
|
|
|
}).on("click", ".editBtn", function (e) {
|
|
|
e.preventDefault();
|
|
|
var id = $(this).closest("tr").data("node-id");
|
|
|
var level = $(this).closest("tr").data("level");
|
|
|
operation('编辑', './edit.html', id, level);
|
|
|
});
|
|
|
})
|
|
|
|
|
|
// 增加树
|
|
|
window.reloadTree = function (id, nodeId) {
|
|
|
// id是指parent_id
|
|
|
var node = $("#example-basic").treetable("node", id);
|
|
|
var html = loadTr(nodeId);
|
|
|
$("#example-basic").treetable("loadBranch", node, html);
|
|
|
$("tr[data-node-id='" + id + "']").find("td .file").removeClass("file").addClass("folder");
|
|
|
$("tr[data-node-id='" + id + "']").find(".indenter a").show();
|
|
|
}
|
|
|
|
|
|
// 编辑树
|
|
|
window.editTree = function (id, pId) {
|
|
|
$("#example-basic").treetable("removeNode", id);
|
|
|
var node = $("#example-basic").treetable("node", pId);
|
|
|
getJSON(id); //这个节点下子节点
|
|
|
addJSON(id);//id 返回的lis 这个节点的信息
|
|
|
// 有子节点 连子节点一块加进去 没有只加入这行
|
|
|
var html = lis;
|
|
|
if (list.length == 0) {
|
|
|
|
|
|
} else {
|
|
|
for (var i = 0; i < list.length; i++) {
|
|
|
html.push(list[i]);
|
|
|
}
|
|
|
}
|
|
|
var str = '';
|
|
|
$.each(html, function (i, item) {
|
|
|
str += '<tr data-node-id="' + item.id + '" data-parent-id="' + item.pId + '" data-level="' + item.level + '" data-node-name="' + item.name + '" data-tt-branch="' + (item.is_leaf ? "true" : "false") + '">' +
|
|
|
'<td>' +
|
|
|
(item.is_leaf ? '<span class="folder"></span>' : '<span class="file"></span>') +
|
|
|
item.name + '</td>' +
|
|
|
'<td>' + item.code + '</td>' +
|
|
|
'<td>' + item.sort_id + '</td>' +
|
|
|
'<td>' +
|
|
|
'<a class="layui-btn layui-btn-xs addBtn" href="javascript:void(0);" style="' + (item.code.length == 10 ? "display:none" : "display:inline-flex") + '">添加333</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs editBtn" style="' + (item.code.length == 10 ? "margin-left:0" : "margin-left:10px") + '">编辑</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs layui-btn-danger delBtn">删除</a>' +
|
|
|
'</td>' +
|
|
|
'</tr>';
|
|
|
});
|
|
|
$("#example-basic").treetable("loadBranch", node, str);
|
|
|
}
|
|
|
window.treeReload = function (id) {
|
|
|
addJSON(id);
|
|
|
var pdl = (lis[0].level - 1) * 19;
|
|
|
var txt = "";
|
|
|
if (lis[0].is_leaf !== 0) {
|
|
|
txt = "<span class=\"indenter\" style=\"padding-left:" + pdl + "px;\"><a href=\"#\" title=\"展开\"> </a></span><span class=\"folder\"></span>" + lis[0].name;
|
|
|
} else {
|
|
|
txt = "<span class=\"indenter\" style=\"padding-left:" + pdl + "px;\"></span><span class=\"file\"></span>" + lis[0].name;
|
|
|
}
|
|
|
$("tr[data-node-id='" + id + "']").find("td:eq(0)").html(txt);
|
|
|
$("tr[data-node-id='" + id + "']").find("td:eq(1)").text(lis[0].code);
|
|
|
$("tr[data-node-id='" + id + "']").find("td:eq(2)").text(lis[0].sort_id);
|
|
|
}
|
|
|
window.exportExcel = function () {
|
|
|
window.location.href = "/dsBase/base/getPrincipalshipThirdPartyForExcel";
|
|
|
}
|
|
|
window.sync = function () {
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
async: false,
|
|
|
url: '/dsBase/dataAuthority/syncResource',
|
|
|
dataType: "json",
|
|
|
success: function (res) {
|
|
|
if(res.success){
|
|
|
layer.msg(res.message, {icon: 1, time: 2000, shade: 0.1});
|
|
|
}
|
|
|
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
})
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
