|
|
function handleDeptContextMenu(data, object) {
|
|
|
data.id === 'Delete' ? Del($(this.elem)[0].dataset.id, $(this.elem)[0].dataset.pid, '1') : DoUnEnable($(this.elem)[0].dataset.id, $(this.elem)[0].dataset.pid)
|
|
|
}
|
|
|
|
|
|
function handlePtjContextMenu(data, object) {
|
|
|
data.id === 'Delete' ? Del($(this.elem)[0].dataset.id, $(this.elem)[0].dataset.pid, '1') : Remove($(this.elem)[0].dataset.id)
|
|
|
}
|
|
|
|
|
|
function handleBlContextMenu(data, object) {
|
|
|
data.id === 'Delete' ? Del($(this.elem)[0].dataset.id, $(this.elem)[0].dataset.pid, '1') : DoEnable($(this.elem)[0].dataset.id, $(this.elem)[0].dataset.pid)
|
|
|
}
|
|
|
|
|
|
function bindContextMenu() {
|
|
|
var _this = this
|
|
|
layui.use('dropdown', function () {
|
|
|
var dropdown = layui.dropdown
|
|
|
var deptMenuOptions = [
|
|
|
{title: '<i class=icon-share-alt ></i> 删除', id: "Delete", Icon: "icon-plus"},
|
|
|
//{ title: '新建下级目录', id: 5 },
|
|
|
{title: '<i class=icon-close></i> 禁用', id: "BlackList", Icon: "icon-close"}
|
|
|
]
|
|
|
|
|
|
var ptjMenuOptions = [
|
|
|
{title: '<i class=icon-share-alt ></i> 删除', id: "Delete", Icon: "icon-plus"},
|
|
|
//{ title: '新建下级目录', id: 5 },
|
|
|
{title: '<i class=icon-close></i> 移除', id: "BlackList", Icon: "icon-close"}
|
|
|
]
|
|
|
|
|
|
var blMenuOptions = [
|
|
|
{title: '<i class=icon-share-alt ></i> 删除', id: "Delete", Icon: "icon-plus"},
|
|
|
//{ title: '新建下级目录', id: 5 },
|
|
|
{title: '<i class=icon-close></i> 启用', id: "BlackList", Icon: "icon-close"}
|
|
|
]
|
|
|
|
|
|
var tRenderOptions = [{
|
|
|
elem: '.dept-dropdown-item',
|
|
|
trigger: 'contextmenu',
|
|
|
data: deptMenuOptions,
|
|
|
click: handleDeptContextMenu
|
|
|
}, {
|
|
|
elem: '.dept-dropdown-btn',
|
|
|
trigger: 'click',
|
|
|
data: deptMenuOptions,
|
|
|
click: handleDeptContextMenu
|
|
|
}, {
|
|
|
elem: '.ptj-dropdown-item',
|
|
|
trigger: 'contextmenu',
|
|
|
data: ptjMenuOptions,
|
|
|
click: handlePtjContextMenu
|
|
|
}, {
|
|
|
elem: '.ptj-dropdown-btn',
|
|
|
trigger: 'click',
|
|
|
data: ptjMenuOptions,
|
|
|
click: handlePtjContextMenu
|
|
|
}, {
|
|
|
elem: '.bl-dropdown-item',
|
|
|
trigger: 'contextmenu',
|
|
|
data: blMenuOptions,
|
|
|
click: handleBlContextMenu
|
|
|
}, {
|
|
|
elem: '.bl-dropdown-btn',
|
|
|
trigger: 'click',
|
|
|
data: blMenuOptions,
|
|
|
click: handleBlContextMenu
|
|
|
}]
|
|
|
|
|
|
for (var i = 0; i < tRenderOptions.length; i++) {
|
|
|
dropdown.render(tRenderOptions[i])
|
|
|
}
|
|
|
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 更新排序
|
|
|
* @param type 三种 部门|兼职|黑名单 （dept|ptj|bl）
|
|
|
* @param arr 排序后数组 eg: ['lisi','zhangsan']
|
|
|
*/
|
|
|
function updateSort(type,arr){
|
|
|
switch (type){
|
|
|
// 部门
|
|
|
case 'dept':
|
|
|
break
|
|
|
// 兼职
|
|
|
case 'ptj':
|
|
|
break
|
|
|
// 黑名单
|
|
|
case 'bl':
|
|
|
break
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function activePlugin(container,type){
|
|
|
new Sortable(container, {
|
|
|
animation: 150,
|
|
|
dataIdAttr: 'data-id',
|
|
|
ghostClass: 'blue-background-class',
|
|
|
onEnd: function (evt) {
|
|
|
updateSort(type,this.toArray())
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function bindSortableJs() {
|
|
|
activePlugin(document.querySelector('.dept-sort'),'dept')
|
|
|
activePlugin(document.querySelector('.part-time-sort'),'ptj')
|
|
|
activePlugin(document.querySelector('.blacklist-sort'),'bl')
|
|
|
}
|