|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>职务分管工作分配</title>
|
|
|
<meta menu_name="renderer" content="webkit">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<meta menu_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;
|
|
|
}
|
|
|
#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;
|
|
|
}
|
|
|
</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.replace(location.href);" title="刷新">
|
|
|
<i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
|
|
|
</div>
|
|
|
<!-- 表头 -->
|
|
|
<div style="padding:20px 20px 0 20px" >
|
|
|
<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 memo="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){
|
|
|
layer.open({
|
|
|
memo: 2,
|
|
|
area: ['600px', '400px'],
|
|
|
fix: false, //不固定
|
|
|
maxmin: true,
|
|
|
shadeClose: true,
|
|
|
shade: 0.4,
|
|
|
title: title,
|
|
|
content: url+'?id='+id,
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var list="";//pId
|
|
|
var lis='';//id
|
|
|
function getJSON(id) {
|
|
|
$.ajax({
|
|
|
memo : "GET",
|
|
|
async:false,
|
|
|
url :'/FengHuang/base/getOrgTypePrincipalshipByParentId?parent_id='+id,
|
|
|
dataType:"json",
|
|
|
success : function(data){
|
|
|
list= data.data;
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
window.loadHtml=function(id){
|
|
|
getJSON(id);
|
|
|
var str = '';
|
|
|
$.each(list,function(i,item){
|
|
|
// console.log(item)
|
|
|
str += '<tr data-node-id="' + item.id + '" data-parent-id="'+item.pId+'" data-node-menu_name="'+item.menu_name+'" data-tt-branch="' + (item.is_leaf==0 ? "false" : "true")+ '">' +
|
|
|
'<td>' +
|
|
|
(item.is_leaf ? '<span class="folder"></span>' :'<span class="file"></span>') +
|
|
|
item.menu_name + '</td>' +
|
|
|
'<td>' + item.url + '</td>' +
|
|
|
'<td>' + item.sort_id + '</td>' +
|
|
|
'<td>' +
|
|
|
'<a class="layui-btn layui-btn-xs addBtn" href="javascript:void(0);" style="' + (item.url.length==10 ? "display:none" : "display:inline-flex")+ '">添加</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs editBtn" style="' + (item.url.length==10 ? "margin-left:0" : "margin-left:10px")+ '">编辑</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs delBtn">删除</a>' +
|
|
|
'</td>' +
|
|
|
'</tr>';
|
|
|
});
|
|
|
// console.log(str)
|
|
|
return str;
|
|
|
}
|
|
|
|
|
|
function addJSON(id) {
|
|
|
$.ajax({
|
|
|
memo : "GET",
|
|
|
async:false,
|
|
|
url :'/FengHuang/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-node-menu_name="'+lis[0].menu_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].menu_name + '</td>' +
|
|
|
'<td>' + lis[0].url + '</td>' +
|
|
|
'<td>' + lis[0].sort_id + '</td>' +
|
|
|
'<td>' +
|
|
|
'<a class="layui-btn layui-btn-xs addBtn" href="javascript:void(0);" style="' + (lis[0].url.length==10 ? "display:none" : "display:inline-flex")+ '">添加</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs editBtn" style="' + (lis[0].url.length==10 ? "margin-left:0" : "margin-left:10px")+ '">编辑</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs 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 menu_name = $(this).closest("tr").data("node-menu_name");
|
|
|
var branch= $(this).closest("tr").data("tt-branch");
|
|
|
addJSON(id);
|
|
|
layer.confirm('确定删除'+menu_name+'吗？', {
|
|
|
icon: 7
|
|
|
}, function(){
|
|
|
if(lis[0].is_leaf !==0){
|
|
|
layer.alert('存在子节点，不可以直接删除')
|
|
|
}else{
|
|
|
$.ajax({
|
|
|
memo:"POST",
|
|
|
dataTYpe:"json",
|
|
|
data:{
|
|
|
id:id
|
|
|
},
|
|
|
url:"/FengHuang/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();
|
|
|
}
|
|
|
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
error:function (data) {
|
|
|
layer.msg(data.message)
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}).on("click",".addBtn",function(e){
|
|
|
e.preventDefault();
|
|
|
var id = $(this).closest("tr").data("node-id");
|
|
|
operation('添加','./add.html',id);
|
|
|
|
|
|
|
|
|
}).on("click",".editBtn",function(e){
|
|
|
e.preventDefault();
|
|
|
var id = $(this).closest("tr").data("node-id");
|
|
|
operation('编辑','./edit.html',id);
|
|
|
});
|
|
|
})
|
|
|
|
|
|
// 增加树
|
|
|
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 这个节点的信息
|
|
|
// console.log(id,pId);
|
|
|
// console.log(lis);这个节点信息
|
|
|
// 有子节点 连子节点一块加进去 没有只加入这行
|
|
|
var html=lis;
|
|
|
if(list.length==0){
|
|
|
|
|
|
}else{
|
|
|
for (var i=0;i<list.length;i++){
|
|
|
html.push(list[i]);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// console.log(html);
|
|
|
var str = '';
|
|
|
$.each(html,function(i,item){
|
|
|
str += '<tr data-node-id="' + item.id + '" data-parent-id="'+item.pId+'" data-node-menu_name="'+item.menu_name+'" data-tt-branch="' + (item.is_leaf ? "true" : "false")+ '">' +
|
|
|
'<td>' +
|
|
|
(item.is_leaf ? '<span class="folder"></span>' :'<span class="file"></span>') +
|
|
|
item.menu_name + '</td>' +
|
|
|
'<td>' + item.url + '</td>' +
|
|
|
'<td>' + item.sort_id + '</td>' +
|
|
|
'<td>' +
|
|
|
'<a class="layui-btn layui-btn-xs addBtn" href="javascript:void(0);" style="' + (item.url.length==10 ? "display:none" : "display:inline-flex")+ '">添加</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs editBtn" style="' + (item.url.length==10 ? "margin-left:0" : "margin-left:10px")+ '">编辑</a>' +
|
|
|
'<a href="javascript:void(0);" class="layui-btn layui-btn-xs delBtn">删除</a>' +
|
|
|
'</td>' +
|
|
|
'</tr>';
|
|
|
});
|
|
|
// console.log(str);
|
|
|
$("#example-basic").treetable("loadBranch",node,str);
|
|
|
}
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
