日常和年度增加树结构
This commit is contained in:
duxp
parent
873911878a
commit
fdd2bc530e
|
|
@ -1391,7 +1391,7 @@ var table = {
|
||||||
view: options.view,
|
view: options.view,
|
||||||
data: options.data
|
data: options.data
|
||||||
};
|
};
|
||||||
$.get(options.url, function(data) {
|
$.get(options.url,options.data?options.data:{}, function(data) {
|
||||||
var treeId = $("#treeId").val();
|
var treeId = $("#treeId").val();
|
||||||
tree = $.fn.zTree.init($("#" + options.id), setting, data);
|
tree = $.fn.zTree.init($("#" + options.id), setting, data);
|
||||||
$._tree = tree;
|
$._tree = tree;
|
||||||
|
|
|
||||||
|
|
@ -2,30 +2,9 @@
|
||||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||||||
<head>
|
<head>
|
||||||
<th:block th:include="include :: header('党务列表')" />
|
<th:block th:include="include :: header('党务列表')" />
|
||||||
<th:block th:include="include :: layout-latest-css" />
|
|
||||||
<th:block th:include="include :: ztree-css" />
|
|
||||||
</head>
|
</head>
|
||||||
<body class="gray-bg">
|
<body class="gray-bg">
|
||||||
<div class="ui-layout-west">
|
<div class="container-div">
|
||||||
<div class="box box-main">
|
|
||||||
<div class="box-header">
|
|
||||||
<div class="box-title">
|
|
||||||
<i class="fa fa-sitemap"></i> 组织机构
|
|
||||||
</div>
|
|
||||||
<div class="box-tools pull-right">
|
|
||||||
<a type="button" class="btn btn-box-tool" href="#" onclick="dept()" title="管理部门"><i class="fa fa-edit"></i></a>
|
|
||||||
<button type="button" class="btn btn-box-tool" id="btnExpand" title="展开" style="display:none;"><i class="fa fa-chevron-up"></i></button>
|
|
||||||
<button type="button" class="btn btn-box-tool" id="btnCollapse" title="折叠"><i class="fa fa-chevron-down"></i></button>
|
|
||||||
<button type="button" class="btn btn-box-tool" id="btnRefresh" title="刷新部门"><i class="fa fa-refresh"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui-layout-content">
|
|
||||||
<div id="tree" class="ztree"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui-layout-center">
|
|
||||||
<div class="container-div">
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12 search-collapse">
|
<div class="col-sm-12 search-collapse">
|
||||||
<form id="formId">
|
<form id="formId">
|
||||||
|
|
@ -73,12 +52,9 @@
|
||||||
<table id="bootstrap-table"></table>
|
<table id="bootstrap-table"></table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: footer" />
|
||||||
<th:block th:include="include :: layout-latest-js" />
|
|
||||||
<th:block th:include="include :: ztree-js" />
|
|
||||||
<script th:inline="javascript">
|
<script th:inline="javascript">
|
||||||
var editFlag = [[${@permission.hasPermi('base:affairs:edit')}]];
|
var editFlag = [[${@permission.hasPermi('base:affairs:edit')}]];
|
||||||
var removeFlag = [[${@permission.hasPermi('base:affairs:remove')}]];
|
var removeFlag = [[${@permission.hasPermi('base:affairs:remove')}]];
|
||||||
|
|
@ -108,19 +84,6 @@
|
||||||
})
|
})
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
var panehHidden = false;
|
|
||||||
if ($(this).width() < 769) {
|
|
||||||
panehHidden = true;
|
|
||||||
}
|
|
||||||
$('body').layout({ initClosed: panehHidden, west__size: 185 });
|
|
||||||
// 回到顶部绑定
|
|
||||||
if ($.fn.toTop !== undefined) {
|
|
||||||
var opt = {
|
|
||||||
win:$('.ui-layout-center'),
|
|
||||||
doc:$('.ui-layout-center')
|
|
||||||
};
|
|
||||||
$('#scroll-up').toTop(opt);
|
|
||||||
}
|
|
||||||
var options = {
|
var options = {
|
||||||
url: prefix + "/list",
|
url: prefix + "/list",
|
||||||
createUrl: prefix + "/add",
|
createUrl: prefix + "/add",
|
||||||
|
|
@ -299,57 +262,7 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
queryDeptTree();
|
|
||||||
});
|
});
|
||||||
function queryDeptTree(){
|
|
||||||
var url = ctx + "base/user/deptTreeData";
|
|
||||||
// var url = ctx + "base/affairs/deptTree";
|
|
||||||
var options = {
|
|
||||||
url: url,
|
|
||||||
expandLevel: 2,
|
|
||||||
onClick : zOnClick
|
|
||||||
};
|
|
||||||
$.tree.init(options);
|
|
||||||
|
|
||||||
function zOnClick(event, treeId, treeNode) {
|
|
||||||
console.log(treeNode)
|
|
||||||
$("#deptId").val(treeNode.id);
|
|
||||||
$("#type").val(treeNode.type);
|
|
||||||
$("#parentId").val(treeNode.pId);
|
|
||||||
$.table.search();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#btnExpand').click(function() {
|
|
||||||
$._tree.expandAll(true);
|
|
||||||
$(this).hide();
|
|
||||||
$('#btnCollapse').show();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#btnCollapse').click(function() {
|
|
||||||
$._tree.expandAll(false);
|
|
||||||
$(this).hide();
|
|
||||||
$('#btnExpand').show();
|
|
||||||
});
|
|
||||||
$('#btnRefresh').click(function() {
|
|
||||||
queryDeptTree();
|
|
||||||
});
|
|
||||||
|
|
||||||
/* 用户管理-部门 */
|
|
||||||
function dept() {
|
|
||||||
var url = ctx + "base/dept";
|
|
||||||
$.modal.openTab("部门管理", url);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 自定义重置-表单重置/隐藏框/树节点选择色/搜索 */
|
|
||||||
function resetPre() {
|
|
||||||
resetDate();
|
|
||||||
$("#formId")[0].reset();
|
|
||||||
$("#deptId").val("");
|
|
||||||
$("#parentId").val("");
|
|
||||||
$(".curSelectedNode").removeClass("curSelectedNode");
|
|
||||||
$.table.search();
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -2,8 +2,29 @@
|
||||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||||||
<head>
|
<head>
|
||||||
<th:block th:include="include :: header('党务列表')" />
|
<th:block th:include="include :: header('党务列表')" />
|
||||||
|
<th:block th:include="include :: layout-latest-css" />
|
||||||
|
<th:block th:include="include :: ztree-css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="gray-bg">
|
<body class="gray-bg">
|
||||||
|
<div class="ui-layout-west">
|
||||||
|
<div class="box box-main">
|
||||||
|
<div class="box-header">
|
||||||
|
<div class="box-title">
|
||||||
|
<i class="fa fa-sitemap"></i> 组织机构
|
||||||
|
</div>
|
||||||
|
<div class="box-tools pull-right">
|
||||||
|
<a type="button" class="btn btn-box-tool" href="#" onclick="dept()" title="管理部门"><i class="fa fa-edit"></i></a>
|
||||||
|
<button type="button" class="btn btn-box-tool" id="btnExpand" title="展开" style="display:none;"><i class="fa fa-chevron-up"></i></button>
|
||||||
|
<button type="button" class="btn btn-box-tool" id="btnCollapse" title="折叠"><i class="fa fa-chevron-down"></i></button>
|
||||||
|
<button type="button" class="btn btn-box-tool" id="btnRefresh" title="刷新部门"><i class="fa fa-refresh"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-layout-content">
|
||||||
|
<div id="tree" class="ztree"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-layout-center">
|
||||||
<div class="container-div">
|
<div class="container-div">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12 search-collapse">
|
<div class="col-sm-12 search-collapse">
|
||||||
|
|
@ -55,7 +76,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: footer" />
|
||||||
|
<th:block th:include="include :: layout-latest-js" />
|
||||||
|
<th:block th:include="include :: ztree-js" />
|
||||||
<script th:inline="javascript">
|
<script th:inline="javascript">
|
||||||
var editFlag = [[${@permission.hasPermi('base:affairs:edit')}]];
|
var editFlag = [[${@permission.hasPermi('base:affairs:edit')}]];
|
||||||
var removeFlag = [[${@permission.hasPermi('base:affairs:remove')}]];
|
var removeFlag = [[${@permission.hasPermi('base:affairs:remove')}]];
|
||||||
|
|
@ -92,6 +117,19 @@
|
||||||
})
|
})
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
|
var panehHidden = false;
|
||||||
|
if ($(this).width() < 769) {
|
||||||
|
panehHidden = true;
|
||||||
|
}
|
||||||
|
$('body').layout({ initClosed: panehHidden, west__size: 185 });
|
||||||
|
// 回到顶部绑定
|
||||||
|
if ($.fn.toTop !== undefined) {
|
||||||
|
var opt = {
|
||||||
|
win:$('.ui-layout-center'),
|
||||||
|
doc:$('.ui-layout-center')
|
||||||
|
};
|
||||||
|
$('#scroll-up').toTop(opt);
|
||||||
|
}
|
||||||
var options = {
|
var options = {
|
||||||
url: prefix + "/list",
|
url: prefix + "/list",
|
||||||
createUrl: prefix + "/add",
|
createUrl: prefix + "/add",
|
||||||
|
|
@ -290,7 +328,60 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
queryDeptTree();
|
||||||
});
|
});
|
||||||
|
function queryDeptTree(){
|
||||||
|
var url = ctx + "base/affairs/deptTree";
|
||||||
|
// var url = ctx + "base/affairs/deptTree";
|
||||||
|
var options = {
|
||||||
|
url: url,
|
||||||
|
data:{
|
||||||
|
type:'日常考核指标'
|
||||||
|
},
|
||||||
|
expandLevel: 2,
|
||||||
|
onClick : zOnClick
|
||||||
|
};
|
||||||
|
$.tree.init(options);
|
||||||
|
|
||||||
|
function zOnClick(event, treeId, treeNode) {
|
||||||
|
console.log(treeNode)
|
||||||
|
$("#deptId").val(treeNode.id);
|
||||||
|
$("#type").val(treeNode.type);
|
||||||
|
$("#parentId").val(treeNode.pId);
|
||||||
|
$.table.search();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#btnExpand').click(function() {
|
||||||
|
$._tree.expandAll(true);
|
||||||
|
$(this).hide();
|
||||||
|
$('#btnCollapse').show();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#btnCollapse').click(function() {
|
||||||
|
$._tree.expandAll(false);
|
||||||
|
$(this).hide();
|
||||||
|
$('#btnExpand').show();
|
||||||
|
});
|
||||||
|
$('#btnRefresh').click(function() {
|
||||||
|
queryDeptTree();
|
||||||
|
});
|
||||||
|
|
||||||
|
/* 用户管理-部门 */
|
||||||
|
function dept() {
|
||||||
|
var url = ctx + "base/dept";
|
||||||
|
$.modal.openTab("部门管理", url);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 自定义重置-表单重置/隐藏框/树节点选择色/搜索 */
|
||||||
|
function resetPre() {
|
||||||
|
resetDate();
|
||||||
|
$("#formId")[0].reset();
|
||||||
|
$("#deptId").val("");
|
||||||
|
$("#parentId").val("");
|
||||||
|
$(".curSelectedNode").removeClass("curSelectedNode");
|
||||||
|
$.table.search();
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,9 +2,30 @@
|
||||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||||||
<head>
|
<head>
|
||||||
<th:block th:include="include :: header('党务列表')" />
|
<th:block th:include="include :: header('党务列表')" />
|
||||||
|
<th:block th:include="include :: layout-latest-css" />
|
||||||
|
<th:block th:include="include :: ztree-css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="gray-bg">
|
<body class="gray-bg">
|
||||||
<div class="container-div">
|
<div class="ui-layout-west">
|
||||||
|
<div class="box box-main">
|
||||||
|
<div class="box-header">
|
||||||
|
<div class="box-title">
|
||||||
|
<i class="fa fa-sitemap"></i> 组织机构
|
||||||
|
</div>
|
||||||
|
<div class="box-tools pull-right">
|
||||||
|
<a type="button" class="btn btn-box-tool" href="#" onclick="dept()" title="管理部门"><i class="fa fa-edit"></i></a>
|
||||||
|
<button type="button" class="btn btn-box-tool" id="btnExpand" title="展开" style="display:none;"><i class="fa fa-chevron-up"></i></button>
|
||||||
|
<button type="button" class="btn btn-box-tool" id="btnCollapse" title="折叠"><i class="fa fa-chevron-down"></i></button>
|
||||||
|
<button type="button" class="btn btn-box-tool" id="btnRefresh" title="刷新部门"><i class="fa fa-refresh"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-layout-content">
|
||||||
|
<div id="tree" class="ztree"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-layout-center">
|
||||||
|
<div class="container-div">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12 search-collapse">
|
<div class="col-sm-12 search-collapse">
|
||||||
<form id="formId">
|
<form id="formId">
|
||||||
|
|
@ -54,8 +75,12 @@
|
||||||
<table id="bootstrap-table"></table>
|
<table id="bootstrap-table"></table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: footer" />
|
||||||
|
<th:block th:include="include :: layout-latest-js" />
|
||||||
|
<th:block th:include="include :: ztree-js" />
|
||||||
<script th:inline="javascript">
|
<script th:inline="javascript">
|
||||||
var editFlag = [[${@permission.hasPermi('base:affairs:edit')}]];
|
var editFlag = [[${@permission.hasPermi('base:affairs:edit')}]];
|
||||||
var removeFlag = [[${@permission.hasPermi('base:affairs:remove')}]];
|
var removeFlag = [[${@permission.hasPermi('base:affairs:remove')}]];
|
||||||
|
|
@ -92,6 +117,19 @@
|
||||||
})
|
})
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
|
var panehHidden = false;
|
||||||
|
if ($(this).width() < 769) {
|
||||||
|
panehHidden = true;
|
||||||
|
}
|
||||||
|
$('body').layout({ initClosed: panehHidden, west__size: 185 });
|
||||||
|
// 回到顶部绑定
|
||||||
|
if ($.fn.toTop !== undefined) {
|
||||||
|
var opt = {
|
||||||
|
win:$('.ui-layout-center'),
|
||||||
|
doc:$('.ui-layout-center')
|
||||||
|
};
|
||||||
|
$('#scroll-up').toTop(opt);
|
||||||
|
}
|
||||||
var options = {
|
var options = {
|
||||||
url: prefix + "/list",
|
url: prefix + "/list",
|
||||||
createUrl: prefix + "/add",
|
createUrl: prefix + "/add",
|
||||||
|
|
@ -290,7 +328,60 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
queryDeptTree();
|
||||||
});
|
});
|
||||||
|
function queryDeptTree(){
|
||||||
|
var url = ctx + "base/affairs/deptTree";
|
||||||
|
// var url = ctx + "base/affairs/deptTree";
|
||||||
|
var options = {
|
||||||
|
url: url,
|
||||||
|
data:{
|
||||||
|
type:'年度考核指标'
|
||||||
|
},
|
||||||
|
expandLevel: 2,
|
||||||
|
onClick : zOnClick
|
||||||
|
};
|
||||||
|
$.tree.init(options);
|
||||||
|
|
||||||
|
function zOnClick(event, treeId, treeNode) {
|
||||||
|
console.log(treeNode)
|
||||||
|
$("#deptId").val(treeNode.id);
|
||||||
|
$("#type").val(treeNode.type);
|
||||||
|
$("#parentId").val(treeNode.pId);
|
||||||
|
$.table.search();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#btnExpand').click(function() {
|
||||||
|
$._tree.expandAll(true);
|
||||||
|
$(this).hide();
|
||||||
|
$('#btnCollapse').show();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#btnCollapse').click(function() {
|
||||||
|
$._tree.expandAll(false);
|
||||||
|
$(this).hide();
|
||||||
|
$('#btnExpand').show();
|
||||||
|
});
|
||||||
|
$('#btnRefresh').click(function() {
|
||||||
|
queryDeptTree();
|
||||||
|
});
|
||||||
|
|
||||||
|
/* 用户管理-部门 */
|
||||||
|
function dept() {
|
||||||
|
var url = ctx + "base/dept";
|
||||||
|
$.modal.openTab("部门管理", url);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 自定义重置-表单重置/隐藏框/树节点选择色/搜索 */
|
||||||
|
function resetPre() {
|
||||||
|
resetDate();
|
||||||
|
$("#formId")[0].reset();
|
||||||
|
$("#deptId").val("");
|
||||||
|
$("#parentId").val("");
|
||||||
|
$(".curSelectedNode").removeClass("curSelectedNode");
|
||||||
|
$.table.search();
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue