632 lines
27 KiB
HTML
632 lines
27 KiB
HTML
|
<include src="./header.html"></include>
|
|||
|
|
<include src="./lefter.html"></include>
|
|||
|
|
<!--内容-->
|
|||
|
|
<div class="f-r content ">
|
|||
|
|
<div class="content-auto" data-id="5" data-two="1">
|
|||
|
|
<div class="con-tit font-20 pc-block">
|
|||
|
|
设置
|
|||
|
|
</div>
|
|||
|
|
<div class="con-seclevel font-18 bg-w top20 phone-top-0 ">
|
|||
|
|
<span class="pc-block">组织设置</span>
|
|||
|
|
<div class="form-control__dept wf100 deptBtn">
|
|||
|
|
<div class="form-control__input">
|
|||
|
|
<div class="js_party_select_result">
|
|||
|
|
<div class="js_party_select_result_list"></div>
|
|||
|
|
<a id="addDept" class="js_show_party_selector add" href="javascript:;">+添加组织</a>
|
|||
|
|
<input id="deptInput" class="form-input" type="hidden" name="policy_dept_ids" value=""
|
|||
|
|
style="display: none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="con-content top20 ">
|
|||
|
|
<div class="con-mune bg-w">
|
|||
|
|
<div class="name add-border " onclick="remoce_active()">
|
|||
|
|
<!-- <img src="image/img_01.png"> -->
|
|||
|
|
<span class="font-14">巴音孟克组织列表</span>
|
|||
|
|
</div>
|
|||
|
|
<ul class="org-menu-list"></ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="con-text bg-w hide-mobile">
|
|||
|
|
<div class="name add-border">
|
|||
|
|
<input type="text" name="" value="组织名称01" data-id="" id="folder-name" disabled="disabled"
|
|||
|
|
class="name-input">
|
|||
|
|
<div class="name-btn name-btn-none">
|
|||
|
|
<button class="btn-edit btn-edit-op"><img src="image/icon_32.png"></button>
|
|||
|
|
</div>
|
|||
|
|
<div class="name-btn name-btn-active">
|
|||
|
|
<button class="btn-edit btn-keep" id="saveFolder"><img src="image/icon_34.png"></button>
|
|||
|
|
<button class="btn-edit btn-close"><img src="image/icon_33.png"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!--管理-->
|
|||
|
|
<div class="org-list">
|
|||
|
|
<ul class="org-ul " role="tablist">
|
|||
|
|
<li role="presentation" class="active">
|
|||
|
|
<a href="#Admin" aria-controls="Admin" role="tab" data-toggle="tab" data-role-id="3"
|
|||
|
|
class="tab-menu-admin">管理员</a>
|
|||
|
|
</li>
|
|||
|
|
<li role="presentation">
|
|||
|
|
<a href="#opera" aria-controls="opera" role="tab" data-toggle="tab" data-role-id="5"
|
|||
|
|
class="tab-menu-opera">操作员</a>
|
|||
|
|
</li>
|
|||
|
|
<li role="presentation">
|
|||
|
|
<a href="#look" aria-controls="look" role="tab" data-toggle="tab" data-role-id="6"
|
|||
|
|
class="tab-menu-look">查看员</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="tab-content org-con top20">
|
|||
|
|
<div role="tabpanel" class="tab-pane active" id="Admin">
|
|||
|
|
<div class="org-remarks">
|
|||
|
|
<p>管理员权限</p>
|
|||
|
|
<p>1. 可查看、添加和下载授权组织内部文件、公共文件; </p>
|
|||
|
|
<p>2. 创建和修改授权组织 “操作员”</p>
|
|||
|
|
<p>3. 创建授权组织内部文件分类</p>
|
|||
|
|
<a href="javascript:;" class="org-remarks-add" data-folder-id="" data-role-id="3"
|
|||
|
|
onclick="choosePeople(this, 'Admin')">
|
|||
|
|
+添加人员
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="org-list org-content-list list-content">
|
|||
|
|
<img src="image/img_02.jpg">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="opera">
|
|||
|
|
<div class="org-remarks">
|
|||
|
|
<p>操作员权限</p>
|
|||
|
|
<p>1. 可查看、添加和下载授权组织内部文件、公共文件; </p>
|
|||
|
|
<a href="javascript:;" class="org-remarks-add" data-folder-id="" data-role-id="5"
|
|||
|
|
onclick="choosePeople(this, 'opera')">
|
|||
|
|
+添加人员
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="org-list org-content-list list-content">
|
|||
|
|
<img src="image/img_02.jpg">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="look">
|
|||
|
|
<div class="org-remarks">
|
|||
|
|
<p>查看员权限</p>
|
|||
|
|
<p>1. 可查看和下载授权组织内部文件、公共文件; </p>
|
|||
|
|
<a href="javascript:;" class="org-remarks-add" data-folder-id="" data-role-id="6"
|
|||
|
|
onclick="choosePeople(this, 'look')">
|
|||
|
|
+添加人员
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="org-list org-content-list list-content">
|
|||
|
|
<img src="image/img_02.jpg">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script type="text/html" id="modal-tpl">
|
|||
|
|
<div class="con-content">
|
|||
|
|
<div class="con-mune bg-w">
|
|||
|
|
<div class="name add-border">
|
|||
|
|
<span class="font-14 text-gray down-arrow">{{d.name}}</span>
|
|||
|
|
<a href="javascript:;" class="model-add" data-folder-id="{{d.folderId}}" data-role-id="{{d.roleId}}"
|
|||
|
|
onclick="choosePeople(this, '{{d.type}}')">+ 添加人员</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="clear:both"></div>
|
|||
|
|
<div>
|
|||
|
|
<ul class="list-group list-people">
|
|||
|
|
{{# layui.each(d.users, function(idx, user) { }}
|
|||
|
|
<li class="list-group-item font-14"><img src="image/img_01.png" class="avatar"> {{user.name}}
|
|||
|
|
<a href="javascript:;" data-id="{{user.userId}}" data-folder-id="{{d.folderId}}"
|
|||
|
|
data-role-id="{{d.roleId}}" onclick="delUser(this, '{{d.type}}', '{{d.name}}')"
|
|||
|
|
class="list-del layui-layer-ico"> </a>
|
|||
|
|
</li>
|
|||
|
|
{{# }); }}
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script type="text/html" id="modal-selector-tpl">
|
|||
|
|
<div class="switch">
|
|||
|
|
<div class="list-group">
|
|||
|
|
<a href="javascript:void(0);" data-role-id="3" data-type="Admin"
|
|||
|
|
class="list-group-item{{d.roleId == 3 ? ' active' : ''}}">管理员</a>
|
|||
|
|
<a href="javascript:void(0);" data-role-id="5" data-type="opera"
|
|||
|
|
class="list-group-item{{d.roleId == 5 ? ' active' : ''}}">操作员</a>
|
|||
|
|
<a href="javascript:void(0);" data-role-id="6" data-type="look"
|
|||
|
|
class="list-group-item{{d.roleId == 6 ? ' active' : ''}}">查看员</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" type="text/css" href="js/orgTree/orgTree.css" />
|
|||
|
|
<script src="js/orgTree/orgTree.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
<script>
|
|||
|
|
//修改名称
|
|||
|
|
$(".btn-edit-op").click(function() {
|
|||
|
|
$(".name-btn-active").show();
|
|||
|
|
$(".name-input").addClass("name-input-edit");
|
|||
|
|
$(".name-input").attr("disabled", false);
|
|||
|
|
});
|
|||
|
|
$(".btn-close,.btn-keep").click(function() {
|
|||
|
|
$(".name-btn-active").hide();
|
|||
|
|
$(".name-input").removeClass("name-input-edit");
|
|||
|
|
$(".name-input").attr("disabled", "disabled");
|
|||
|
|
});
|
|||
|
|
let zuId = 0
|
|||
|
|
let shangId = 0
|
|||
|
|
$('body').on('click', '.tab-menu-admin, .tab-menu-opera, .tab-menu-look', function() {
|
|||
|
|
let that = $(this);
|
|||
|
|
// let folderId = $('.org-menu-list li a.active').data('folder-id');
|
|||
|
|
// console.log('组织ID：'+zuId)
|
|||
|
|
let roleId = that.data('role-id');
|
|||
|
|
let type = that.attr('aria-controls');
|
|||
|
|
getDeptUsers(type, zuId, roleId);
|
|||
|
|
})
|
|||
|
|
//添加组织
|
|||
|
|
$("#addDept").click(function() {
|
|||
|
|
if ($(".org-menu-list a.active").length == 0) {
|
|||
|
|
layer.confirm('确认添加组织？', {
|
|||
|
|
btn: ['确认', '取消'] //可以无限个按钮
|
|||
|
|
}, function(index, layero) {
|
|||
|
|
//按钮【按钮一】的回调
|
|||
|
|
var parentId = shangId;
|
|||
|
|
// console.log('组织ID1：'+parentId);
|
|||
|
|
layer.closeAll();
|
|||
|
|
addDept(parentId)
|
|||
|
|
}, function(index) {
|
|||
|
|
//按钮【按钮二】的回调
|
|||
|
|
layer.closeAll();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
// var parentId = $(".org-menu-list a.active").attr("data-id");
|
|||
|
|
console.log('组织ID2：'+shangId);
|
|||
|
|
addDept(shangId)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function addDept(parentId) {
|
|||
|
|
// console.log(parentId);
|
|||
|
|
layer.prompt(function(value, index, elem) {
|
|||
|
|
layer.alert(value); //得到value
|
|||
|
|
layer.close(index);
|
|||
|
|
var data = {
|
|||
|
|
name: value,
|
|||
|
|
parentId: parentId
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
url: host + '/ding/dept/addDept' + '?timetmp=' + Date.parse(new Date()).toString()
|
|||
|
|
.substr(0, 10),
|
|||
|
|
headers: {
|
|||
|
|
'Blade-Auth': 'bearer ' + localStorage.accessToken
|
|||
|
|
},
|
|||
|
|
data: JSON.stringify(data),
|
|||
|
|
type: "post",
|
|||
|
|
contentType: "application/json",
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
layer.msg("添加成功", function() {
|
|||
|
|
location.reload();
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.msg)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function(data) {
|
|||
|
|
layer.msg(data.responseJSON.msg)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function remoce_active() {
|
|||
|
|
$(".org-menu-list a.active").removeClass('active');
|
|||
|
|
clearId()
|
|||
|
|
}
|
|||
|
|
function clearId(){//把上级组织ID设为0
|
|||
|
|
shangId = 0
|
|||
|
|
console.log("shangId:"+shangId);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
var tckd = ['620px', '542px'];
|
|||
|
|
if ($(window).width() <= 425) {
|
|||
|
|
tckd = ['90%', '90%'];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
layui.use(['element', 'form', 'laydate', 'laypage', 'laytpl'], function() {
|
|||
|
|
var laypage = layui.laypage;
|
|||
|
|
var element = layui.element;
|
|||
|
|
var form = layui.form;
|
|||
|
|
var laydate = layui.laydate;
|
|||
|
|
|
|||
|
|
// return false;
|
|||
|
|
var organizationIntervalScript = setInterval(function() {
|
|||
|
|
var tmpHaveLogin = localStorage['haveLogin'] || false;
|
|||
|
|
if (tmpHaveLogin) {
|
|||
|
|
clearInterval(organizationIntervalScript);
|
|||
|
|
getDeptList();
|
|||
|
|
//getDingDeptList(); //不再使用钉钉组织架构
|
|||
|
|
}
|
|||
|
|
}, 500);
|
|||
|
|
//获取组织架构 不再使用钉钉组织架构
|
|||
|
|
function getDingDeptList() {
|
|||
|
|
$.ajax({
|
|||
|
|
url: host + '/ding/dept/getDingDeptList' + '?timetmp=' + Date.parse(new Date())
|
|||
|
|
.toString().substr(0, 10),
|
|||
|
|
headers: {
|
|||
|
|
'Blade-Auth': 'bearer ' + localStorage.accessToken
|
|||
|
|
},
|
|||
|
|
data: {},
|
|||
|
|
type: "get",
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
if (data.data.length > 0) {
|
|||
|
|
$('.deptBtn').orgTree({
|
|||
|
|
all: false, //true人物组织都开启 false只开启组织
|
|||
|
|
area: tckd, //弹窗框宽高
|
|||
|
|
search: true, //开启搜索
|
|||
|
|
radio: true, //是否单选
|
|||
|
|
form: true, //是否提交
|
|||
|
|
inputId: 'deptInput',
|
|||
|
|
defaultName: '请选择',
|
|||
|
|
defaultTitle: '请选择',
|
|||
|
|
defaultButton: '+添加组织',
|
|||
|
|
jsonData: data.data,
|
|||
|
|
custom: function(event) {
|
|||
|
|
// form属性为true才会生效
|
|||
|
|
var data = {
|
|||
|
|
parentId: event[0].id,
|
|||
|
|
name: event[0].name
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
url: host + '/ding/dept/addDept' +
|
|||
|
|
'?timetmp=' + Date.parse(new Date())
|
|||
|
|
.toString().substr(0, 10),
|
|||
|
|
headers: {
|
|||
|
|
'Blade-Auth': 'bearer ' +
|
|||
|
|
localStorage
|
|||
|
|
.accessToken
|
|||
|
|
},
|
|||
|
|
data: JSON.stringify(data),
|
|||
|
|
type: "post",
|
|||
|
|
contentType: "application/json",
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
getDeptList()
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.msg)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function(data) {
|
|||
|
|
layer.msg(data.responseJSON.msg)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.msg)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function(data) {
|
|||
|
|
// console.log(data);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
var modalTpl = $('#modal-tpl').html(),
|
|||
|
|
modalSelectorTpl = $('#modal-selector-tpl').html();
|
|||
|
|
let chuFolderId = 0
|
|||
|
|
function getDeptList() {
|
|||
|
|
let url = host + '/ding/dept/getDeptList';
|
|||
|
|
let type = "get";
|
|||
|
|
let data = {};
|
|||
|
|
let roleId = $('.org-list .org-ul li.active a').data('role-id');
|
|||
|
|
dxtcRequest(type, url, data, function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
let html = '';
|
|||
|
|
let active = '';
|
|||
|
|
$.each(data.data, function(index, value) {
|
|||
|
|
if (index === 0) {
|
|||
|
|
active = 'active';
|
|||
|
|
$('#folder-name').val(value.deptName).attr('data-id', value.id);
|
|||
|
|
// console.log('初始组织名称：'+value.deptName);
|
|||
|
|
chuFolderId = value.folderId
|
|||
|
|
// console.log("chuFolderId:"+chuFolderId);
|
|||
|
|
if (!MobileLib.isMobile()) getDeptUsers('Admin', value.folderId, roleId);
|
|||
|
|
} else {
|
|||
|
|
active = '';
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
// console.log(data.data)
|
|||
|
|
var htmls = menu_list_html(data.data);
|
|||
|
|
$('.org-menu-list').html(htmls);
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.msg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function menu_list_html(data, index = 0) {
|
|||
|
|
var html = "";
|
|||
|
|
var null_str = ""
|
|||
|
|
$.each(data, function(index, value) {
|
|||
|
|
// html += '<li class="add-border" ><a href="javascript:;" data-id="' + value.id +
|
|||
|
|
// '" data-folder-id="' + value.folderId + '" data-role-id="' + roleId +
|
|||
|
|
// '" data-folder-name="' + value.deptName + '" onclick="changeDept(this)">' + value.deptName +
|
|||
|
|
// '</a><span class="float-right hide-wide">设置人员</span>';
|
|||
|
|
// console.log('data:'+JSON.stringify(value));
|
|||
|
|
html += '<li class="add-border" ><a href="javascript:;" data-id="' + value.id +
|
|||
|
|
'" data-folder-id="' + value.folderId + '" data-folder-name="' + value.deptName + '" onclick="change(this)">' + value.deptName +
|
|||
|
|
'</a><span class="float-right hide-wide" onclick="changeDept(this)" data-id="' + value.id +
|
|||
|
|
'" data-folder-id="' + value.folderId + '" data-role-id="' + roleId +
|
|||
|
|
'" data-folder-name="' + value.deptName + '">设置人员</span>';
|
|||
|
|
if (value.hasChildren) {
|
|||
|
|
html += '<span onclick="PutAway(this)" class=" PutAway float-right">展开</span>';
|
|||
|
|
html += "<ul class='org-menu-lis-children'>" + menu_list_html(value.children) + "</ul>";
|
|||
|
|
}
|
|||
|
|
html += "</li>";
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return html;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//选择组织，更改显示内容
|
|||
|
|
function changeDept(obj) {
|
|||
|
|
var id = $(obj).data('id');
|
|||
|
|
zuId = $(obj).data('folder-id');
|
|||
|
|
var roleId = $(obj).data('role-id');
|
|||
|
|
// var folderName = $(obj).data('folder-name');
|
|||
|
|
// $('#folder-name').val(folderName).attr('data-id', id);
|
|||
|
|
$('.org-menu-list li a.active').removeClass('active');
|
|||
|
|
$(obj).addClass('active');
|
|||
|
|
$('.tab-menu-admin').click();
|
|||
|
|
}
|
|||
|
|
// 选中组织
|
|||
|
|
function change(obj) {
|
|||
|
|
shangId = $(obj).data('id');
|
|||
|
|
zuId = $(obj).data('folder-id');
|
|||
|
|
chuFolderId = zuId
|
|||
|
|
var folderName = $(obj).data('folder-name');
|
|||
|
|
$('#folder-name').val(folderName).attr('data-id', shangId);
|
|||
|
|
// console.log('顶级组织ID：' + shangId);
|
|||
|
|
// console.log('当前组织ID：' + zuId);
|
|||
|
|
let roleId = $('.org-list .org-ul li.active a').data('role-id');
|
|||
|
|
// console.log('roleId：' + roleId);
|
|||
|
|
getDeptUsers('Admin', zuId, roleId);
|
|||
|
|
}
|
|||
|
|
//收起
|
|||
|
|
function PutAway(obj) {
|
|||
|
|
// console.log($(obj).hasClass('active'))
|
|||
|
|
//收起
|
|||
|
|
if ($(obj).hasClass('active')) {
|
|||
|
|
$(obj).next(".org-menu-lis-children").hide();
|
|||
|
|
$(obj).removeClass('active');
|
|||
|
|
$(obj).text("展开");
|
|||
|
|
} else { // 展开
|
|||
|
|
$(obj).next(".org-menu-lis-children").show();
|
|||
|
|
$(obj).addClass('active');
|
|||
|
|
$(obj).text("收起");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
clearId()
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取用户列表
|
|||
|
|
function getDeptUsers(type, folderId, roleId, roleName) {
|
|||
|
|
let url = host + '/ding/dept/getDeptInUserList';
|
|||
|
|
folderId == 0 ? folderId = chuFolderId : folderId = folderId
|
|||
|
|
let data = {
|
|||
|
|
'folderId': folderId,
|
|||
|
|
'roleId': roleId
|
|||
|
|
};
|
|||
|
|
$('.org-remarks-add').attr('data-folder-id', folderId);
|
|||
|
|
dxtcRequest('get', url, data, function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
if (MobileLib.isMobile()) {
|
|||
|
|
layer.closeAll();
|
|||
|
|
MobileLib.modal({
|
|||
|
|
//title: $('.org-menu-list li.active > a').data('folder-name'),//原来的
|
|||
|
|
title: $('.org-menu-list li a.active').data('folder-name'),
|
|||
|
|
body: layui.laytpl(modalTpl).render({
|
|||
|
|
folderId: folderId,
|
|||
|
|
roleId: roleId,
|
|||
|
|
name: roleName || '管理员',
|
|||
|
|
type: type,
|
|||
|
|
users: data.data.userList || []
|
|||
|
|
}),
|
|||
|
|
success: function($p, idx1) {
|
|||
|
|
$p.find('.name > span').on('click', function() {
|
|||
|
|
MobileLib.actionSheet({
|
|||
|
|
body: layui.laytpl(modalSelectorTpl).render({
|
|||
|
|
roleId: roleId
|
|||
|
|
}),
|
|||
|
|
success: function($el, idx2) {
|
|||
|
|
$el.find('a.list-group-item').on(
|
|||
|
|
'click',
|
|||
|
|
function(el) {
|
|||
|
|
layer.close(idx2)
|
|||
|
|
layer.close(idx1)
|
|||
|
|
var data = $(el.target)
|
|||
|
|
.data()
|
|||
|
|
getDeptUsers(data.type,
|
|||
|
|
folderId, data
|
|||
|
|
.roleId, el.target
|
|||
|
|
.innerText)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let html = '<img src="image/img_02.jpg">';
|
|||
|
|
if (data.data.userList.length > 0) {
|
|||
|
|
html = `
|
|||
|
|
<table class="table">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>人员</th>
|
|||
|
|
<th>操作</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
`;
|
|||
|
|
$.each(data.data.userList, function(index, value) {
|
|||
|
|
html += `
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
<div class="list-img"><img src="image/img_01.png"><span>${value.name}</span></div>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<a href="javascript:;" data-id="${value.userId}" data-folder-id="${folderId}" data-role-id="${roleId}" onclick="delUser(this, '${type}')" class="color-r">移除</a>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
`;
|
|||
|
|
});
|
|||
|
|
html += `
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
`;
|
|||
|
|
}
|
|||
|
|
$('#' + type).children('.org-content-list').html(html);
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.msg)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//添加人员
|
|||
|
|
function choosePeople(obj, type) {
|
|||
|
|
var folderId = $('.org-menu-list li a.active').data('folder-id');
|
|||
|
|
folderId == undefined ? folderId = chuFolderId : folderId = folderId
|
|||
|
|
console.log("folderId2："+folderId);
|
|||
|
|
var roleId = $(obj).data('role-id');
|
|||
|
|
dd.biz.contact.complexPicker({
|
|||
|
|
title: "添加人员", //标题
|
|||
|
|
corpId: corpId, //企业的corpId
|
|||
|
|
multiple: true, //是否多选
|
|||
|
|
limitTips: "超出了", //超过限定人数返回提示
|
|||
|
|
maxUsers: 1000, //最大可选人数
|
|||
|
|
pickedUsers: [], //已选用户
|
|||
|
|
pickedDepartments: [], //已选部门
|
|||
|
|
disabledUsers: [], //不可选用户
|
|||
|
|
disabledDepartments: [], //不可选部门
|
|||
|
|
requiredUsers: [], //必选用户（不可取消选中状态）
|
|||
|
|
requiredDepartments: [], //必选部门（不可取消选中状态）
|
|||
|
|
appId: agentId, //微应用Id，企业内部应用查看AgentId
|
|||
|
|
permissionType: "GLOBAL", //可添加权限校验，选人权限，目前只有GLOBAL这个参数
|
|||
|
|
responseUserOnly: false, //返回人，或者返回人和部门
|
|||
|
|
startWithDepartmentId: 0, //仅支持0和-1
|
|||
|
|
onSuccess: function(result) {
|
|||
|
|
/**
|
|||
|
|
{
|
|||
|
|
selectedCount:1, //选择人数
|
|||
|
|
users:[{"name":"","avatar":"","userid":""}]，//返回选人的列表，列表中的对象包含name（用户名），avatar（用户头像），emplId（用户工号）三个字段
|
|||
|
|
departments:[{"id":,"name":"","number":}]//返回已选部门列表，列表中每个对象包含id（部门id）、name（部门名称）、number（部门人数）
|
|||
|
|
}
|
|||
|
|
*/
|
|||
|
|
var arr = []
|
|||
|
|
result.users.forEach(function(item) {
|
|||
|
|
arr.push(item.emplId)
|
|||
|
|
})
|
|||
|
|
var ajaxdata = {
|
|||
|
|
"folderId": folderId,
|
|||
|
|
"roleId": roleId,
|
|||
|
|
"toBossUserId": "",
|
|||
|
|
"userIds": arr
|
|||
|
|
}
|
|||
|
|
var url = host + '/ding/dept/addUser';
|
|||
|
|
dxtcRequest('post', url, JSON.stringify(ajaxdata), function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
getDeptUsers(type, folderId, roleId);
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.responseJSON.msg)
|
|||
|
|
}
|
|||
|
|
}, 'application/json');
|
|||
|
|
},
|
|||
|
|
onFail: function(err) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//删除用户
|
|||
|
|
function delUser(obj, type, roleName) {
|
|||
|
|
var folderId = $(obj).data('folder-id');
|
|||
|
|
var roleId = $(obj).data('role-id');
|
|||
|
|
var userId = $(obj).data('id');
|
|||
|
|
var arr = []
|
|||
|
|
arr.push(userId);
|
|||
|
|
var ajaxdata = {
|
|||
|
|
"folderId": folderId,
|
|||
|
|
"roleId": roleId,
|
|||
|
|
"toBossUserId": "",
|
|||
|
|
"userIds": arr
|
|||
|
|
}
|
|||
|
|
var url = host + '/ding/dept/delUser';
|
|||
|
|
dxtcRequest('post', url, JSON.stringify(ajaxdata), function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
getDeptUsers(type, folderId, roleId, roleName);
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.msg)
|
|||
|
|
}
|
|||
|
|
}, 'application/json');
|
|||
|
|
}
|
|||
|
|
//修改组织名称
|
|||
|
|
$('body').on('click', '#saveFolder', function() {
|
|||
|
|
var that = $('#folder-name');
|
|||
|
|
var id = $('.org-menu-list li a.active').data('id');
|
|||
|
|
var name = that.val();
|
|||
|
|
var ajaxdata = {
|
|||
|
|
"id": id,
|
|||
|
|
"name": name
|
|||
|
|
}
|
|||
|
|
var url = host + '/ding/dept/updName';
|
|||
|
|
dxtcRequest('post', url, JSON.stringify(ajaxdata), function(data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
$('.org-menu-list li a.active').html(name);
|
|||
|
|
$('.org-menu-list li a.active').data('folder-name', name);
|
|||
|
|
layer.alert('成功');
|
|||
|
|
} else {
|
|||
|
|
layer.msg(data.msg)
|
|||
|
|
}
|
|||
|
|
}, 'application/json');
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
layui.use(['element', 'form', 'laydate', 'layer'], function() {
|
|||
|
|
var element = layui.element;
|
|||
|
|
var form = layui.form;
|
|||
|
|
var laydate = layui.laydate;
|
|||
|
|
var layer = layui.layer;
|
|||
|
|
//单时间
|
|||
|
|
laydate.render({
|
|||
|
|
elem: '.layui-time',
|
|||
|
|
theme: '#3e5afa',
|
|||
|
|
type: 'date',
|
|||
|
|
format: 'yyyy-MM-dd',
|
|||
|
|
max: 0
|
|||
|
|
});
|
|||
|
|
//时间段
|
|||
|
|
laydate.render({
|
|||
|
|
elem: '.layui-time-time',
|
|||
|
|
range: true,
|
|||
|
|
theme: '#3e5afa'
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|