<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.w3.org/1999/xhtml" layout:decorator="MasterPage/Layout.Empty">
|
<head>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" />
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.min.js'}"></script>
|
<meta charset="UTF-8" />
|
<style type="text/css">
|
.row {
|
margin-left: 0;
|
margin-right: 0;
|
}
|
|
.loaddiv {
|
height: 92%;
|
width: 100%;
|
overflow: auto;
|
z-index: 2;
|
position: absolute;
|
top: 35px;
|
text-align: center;
|
background-color: #ffffff;
|
opacity: 0.75;
|
}
|
|
.form-control {
|
padding: 0.3rem !important;
|
}
|
|
#menuTree_1_switch, #menuTree_1_check, #menuTree_1_a {
|
display: none!important;
|
}
|
|
#menuTree_1_ul {
|
padding-left: 0px!important;
|
}
|
|
.ztree li span.button.chk.checkbox_false_part{
|
background-position:-5px -5px;
|
}
|
|
.ztree li span.button.chk.checkbox_false_part_focus{
|
background-position:-5px -5px;
|
}
|
|
.ztree li span.button.chk.checkbox_true_part{
|
background-position:-26px -5px;
|
}
|
|
.ztree li span.button.chk.checkbox_true_part_focus{
|
background-position:-26px -5px;
|
}
|
</style>
|
<script type="text/javascript" th:inline="javascript">
|
/*<![CDATA[*/
|
var backstageWebRoot = [[${backstageWebRoot}]];
|
var userid = [[${userid}]];
|
var userIds = [[${userIds}]];
|
var unitIds = [[${unitIds}]];
|
/*]]>*/
|
var zTree;
|
/**
|
* zTree配置
|
*/
|
var setting = {
|
view: {
|
selectedMulti: false
|
},
|
check: {
|
enable: true,
|
chkStyle: "checkbox"
|
},
|
data: {
|
simpleData: {
|
enable: true
|
}
|
}
|
};
|
|
jQuery(function () {
|
//加载菜单树
|
loadGeRenTree("spellfirst");
|
});
|
|
//加载个人推荐树
|
function loadGeRenTree(type) {
|
$.ajax({
|
type: "GET",
|
url: backstageWebRoot + "api/org/user/queryListOrderByType/" + type + "/" + userid,
|
dataType: 'text',
|
success: function(r){
|
var data = eval(r);
|
$("#menuTree").show();
|
$("#menuUnitTree").hide();
|
var zNodes = {id: 0, name: "个人推荐", pId: -1, isParent: true, checked: false, children: data};
|
zTree = $.fn.zTree.init($("#menuTree"), setting, zNodes);
|
var node = zTree.getNodes()[0];
|
zTree.selectNode(node);
|
zTree.expandNode(node);
|
//初始化勾选已推荐用户
|
if(userIds != "") {
|
var arr = userIds.split(',');
|
for (var i = 0; i < arr.length; i++) {
|
var nodes = zTree.getNodesByParam("id", arr[i], null);
|
if (nodes.length > 0) {
|
for (var j = 0; j < nodes.length; j++) {
|
zTree.checkNode(nodes[j], true, true);
|
}
|
}
|
}
|
}
|
hideDiv();
|
},
|
error:function (e) {
|
console.log(e)
|
}
|
});
|
}
|
|
//加载单位推荐树
|
function loadUnitTree() {
|
$.ajax({
|
type: "Get",
|
url: backstageWebRoot + "api/org/unit/queryAllList",
|
dataType: 'text',
|
success: function(r){
|
var data = eval(r);
|
var setting = {
|
data: {
|
simpleData: {
|
enable: true,
|
idKey: "id",
|
pIdKey: "parentid",
|
rootPId: -1,
|
},
|
key: {
|
url:"nourl",
|
name:"name"
|
},
|
},
|
check: {
|
enable: true,
|
chkStyle: "checkbox",
|
chkboxType:{"Y":"","N":""}
|
},
|
callback:{
|
beforeCheck:beforeCheck
|
}
|
};
|
function beforeCheck(treeId,treeNode){
|
console.log(treeId)
|
console.log(treeNode)
|
}
|
$("#menuTree").hide();
|
$("#menuUnitTree").show();
|
zTree = $.fn.zTree.init($("#menuUnitTree"), setting, data);
|
var node = zTree.getNodeByParam("id", 0);
|
zTree.selectNode(node);
|
// var zNodes = {id: 0, name: "单位推荐", pId: -1, isParent: true, checked: false, children: data};
|
// zTree = $.fn.zTree.init($("#menuTree"), setting, zNodes);
|
// var node = zTree.getNodes()[0];
|
// zTree.selectNode(node);
|
// zTree.expandNode(node);
|
//初始化勾选已推荐单位
|
if(unitIds != "") {
|
var arr = unitIds.split(',');
|
for (var i = 0; i < arr.length; i++) {
|
var nodes = zTree.getNodesByParam("id", arr[i], null);
|
if (nodes.length > 0) {
|
for (var j = 0; j < nodes.length; j++) {
|
zTree.checkNode(nodes[j], true, true);
|
}
|
}
|
}
|
}
|
hideDiv();
|
},
|
error:function (e) {
|
console.log(e)
|
}
|
});
|
}
|
|
//隐藏加载遮罩
|
function hideDiv() {
|
$("#divonload").hide();
|
}
|
|
//切换推荐类型
|
function changeType(obj) {
|
$("#divonload").show();
|
if(obj.value == 0) {
|
$("#ZSFS").show();//显示展示方式
|
$("#ShowType").val("spellfirst");//默认个人方式展示
|
loadGeRenTree("spellfirst");
|
} else {
|
$("#ZSFS").hide();//显示展示方式
|
loadUnitTree();
|
}
|
}
|
|
//切换展示方式
|
function changeTree(obj) {
|
$("#divonload").show();
|
loadGeRenTree(obj.value);
|
}
|
|
//确定
|
function clickNodes() {
|
var resourceid = $("#resourceid").val();
|
var TJLX = $("#TJLX").val();
|
var nodes = zTree.getCheckedNodes();
|
var idStr = [];
|
for(var i = 0; i < nodes.length; i++) {
|
if(nodes[i].isParent == false || TJLX == 1) {
|
idStr.push(nodes[i].id);
|
}
|
}
|
if(idStr.length == 0) {
|
alert("请选择要推荐的用户或单位！");
|
} else {
|
$.ajax({
|
url: "/res/resApplyRecommend/ResourceRecommend",
|
data: {resourceid: resourceid, RecommendType: TJLX, idStr: idStr.join("|")},
|
success: function (result) {
|
console.log(result)
|
var data = eval("(" + result + ")");
|
if (data.success) {
|
userIds = data.userIds;
|
unitIds = data.unitIds;
|
alert("推荐成功！");
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
parent.layer.close(index);
|
} else {
|
alert("推荐失败！错误提示：" + data.msg);
|
}
|
},
|
error: function (e) {
|
alert("推荐失败！错误提示：" + e.message);
|
}
|
});
|
}
|
}
|
|
//全选
|
function CheckAll() {
|
zTree.checkAllNodes(true);
|
}
|
|
//清除
|
function RemoveAll() {
|
zTree.checkAllNodes(false);
|
}
|
</script>
|
</head>
|
<body>
|
<div layout:fragment="content" class="portlet-body form-horizontal form-bordered form-row-stripped">
|
<input type="hidden" id="resourceid" th:value="${resourceid}" value="" />
|
<div class="row">
|
<div style="width: 100%;margin-top: 5px;">
|
<div style="width: 50%;float: left;">
|
<label style="float:left;width: 80px;text-align: right;line-height: 30px;">推荐类型：</label>
|
<div style="margin-left: 80px;">
|
<select class="form-control" id="TJLX" style="width:90px;" onchange="changeType(this);">
|
<option value="0" selected>个人推荐</option>
|
<option value="1">单位推荐</option>
|
</select>
|
</div>
|
</div>
|
<div style="width: 50%;float: right;" id="ZSFS">
|
<label style="float:left;width: 80px;text-align: right;line-height: 30px;">展示方式：</label>
|
<div style="line-height: 28px;margin-left: 80px;">
|
<select class="form-control" id="ShowType" style="width:90px;" onchange="changeTree(this)">
|
<option value="spellfirst" selected>首字母</option>
|
<option value="unit">单位</option>
|
<option value="role">角色</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class='my-ztree' style="width: 100%;height:365px !important;overflow:auto;">
|
<ul id='menuTree' class='ztree'></ul>
|
<ul id='menuUnitTree' class='ztree'></ul>
|
</div>
|
<div id="divonload" class="loaddiv" style="display:none;">
|
<div style="margin-top: 150px;">
|
<img src="/image/loading.gif" />
|
</div>
|
</div>
|
<div style="width: 100%;height: 50px;line-height: 50px;text-align: right;padding-right: 10px;">
|
<input type="button" value="确定" class="btn btn-primary" onclick="clickNodes()" />
|
<input type="button" value="全选" class="btn btn-primary" onclick="CheckAll()" />
|
<input type="button" value="清除" class="btn btn-primary" onclick="RemoveAll()" />
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
