You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
243 lines
8.9 KiB
Plaintext
243 lines
8.9 KiB
Plaintext
|
|
new Vue({
|
|
el: '#mapAttrParas',
|
|
data: {
|
|
mapAttrs: [],
|
|
expandAll: false,
|
|
loadingDialog: false
|
|
},
|
|
watch: {
|
|
expandAll(val) {
|
|
this.expandMenus(val);
|
|
}
|
|
},
|
|
methods: {
|
|
expandMenus: function (status) {
|
|
for (var i = 0; i < this.mapAttrs.length; i++) {
|
|
this.mapAttrs[i].open = status
|
|
}
|
|
},
|
|
bindMenu: function () {
|
|
var _this = this
|
|
layui.use('dropdown', function () {
|
|
var dropdown = layui.dropdown
|
|
var topNodeItems = [
|
|
{ title: '<i class=icon-plus></i> 新建方法', id: "NewmapAttrByGroup" },
|
|
{ title: '<i class=icon-star></i> 目录属性', id: "EditSort" },
|
|
{ title: '<i class=icon-folder></i> 新建目录', id: "NewSort" },
|
|
{ title: '<i class=icon-pencil></i> 修改名称', id: "EditSortName" },
|
|
{ title: '<i class=icon-close></i> 删除目录', id: "DeleteIt" }
|
|
]
|
|
var tRenderOptions = [{
|
|
elem: '.item-top-dp',
|
|
trigger: 'contextmenu',
|
|
data: topNodeItems,
|
|
click: function (data, oThis) {
|
|
|
|
var obj = $(this.elem)[0].dataset;
|
|
console.log(obj);
|
|
|
|
_this.topNodeOption(data.id, obj.no, obj.name, obj.idx);
|
|
}
|
|
}, {
|
|
elem: '.t-btn',
|
|
trigger: 'click',
|
|
data: topNodeItems,
|
|
click: function (data, oThis) {
|
|
|
|
var obj = $(this.elem)[0].dataset;
|
|
console.log(obj);
|
|
_this.topNodeOption(data.id, obj.no, obj.name, obj.idx);
|
|
}
|
|
}]
|
|
|
|
dropdown.render(tRenderOptions[0]);
|
|
dropdown.render(tRenderOptions[1]);
|
|
|
|
var childNodeMenuItems = [
|
|
{ title: '<i class=icon-star></i> 方法属性', id: "Attr" },
|
|
// { title: '<i class=icon-plus ></i> 新建方法', id: "NewmapAttr" },
|
|
/* { title: '<i class=icon-settings></i> 设计方法', id: "Designer" },*/
|
|
/* { title: '<i class=icon-docs></i> 复制方法', id: "Copy" },*/
|
|
{ title: '<i class=icon-pencil></i> 修改名称', id: "EditmapAttrName" },
|
|
{ title: '<i class=icon-close></i> 删除方法', id: "Delete" }
|
|
]
|
|
var cRenderOptions = [{
|
|
elem: '.item-name-dp',
|
|
trigger: 'contextmenu',
|
|
data: childNodeMenuItems,
|
|
click: function (data, othis) {
|
|
var obj = $(this.elem)[0].dataset;
|
|
console.log(obj);
|
|
|
|
|
|
_this.childNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.pidx, $(this.elem)[0].dataset.idx)
|
|
|
|
}
|
|
}, {
|
|
elem: '.c-btn',
|
|
trigger: 'click',
|
|
data: childNodeMenuItems,
|
|
click: function (data, othis) {
|
|
|
|
var obj = $(this.elem)[0].dataset;
|
|
var no = obj.No;
|
|
if (no == undefined)
|
|
no = obj.no;
|
|
|
|
var idx = obj.idx;
|
|
|
|
//console.log(obj);
|
|
|
|
_this.childNodeOption(data.id, no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.pidx, idx)
|
|
}
|
|
}]
|
|
dropdown.render(cRenderOptions[0]);
|
|
dropdown.render(cRenderOptions[1]);
|
|
})
|
|
},
|
|
DeleteIt: function (no) {
|
|
|
|
if (window.confirm("确定要删除吗?") == false)
|
|
return;
|
|
var en = new Entity("BP.CCBill.Template.Collection", no);
|
|
var data = en.Delete();
|
|
layer.msg(data);
|
|
|
|
//如果有错误.
|
|
if (data.indexOf("err@") == 0) return;
|
|
|
|
setTimeout(function () {
|
|
window.location.reload()
|
|
}, 2000)
|
|
},
|
|
MoveItem(pastNodeArrStr, pastNodeId, currentNodeArrStr, currentNodeId) {
|
|
// todo 需要重新实现接口
|
|
|
|
var frmID = GetQueryString("No");
|
|
// 方法排序..
|
|
var handler = new HttpHandler("BP.CCBill.WF_CCBill_Admin");
|
|
handler.AddPara("FrmID", frmID);
|
|
handler.AddPara("MyPKs", currentNodeArrStr);
|
|
var data = handler.DoMethodReturnString("ToolbarSetting_Mover");
|
|
|
|
layer.msg(data);
|
|
|
|
},
|
|
initSortArea: function () {
|
|
var _this = this
|
|
this.$nextTick(function () {
|
|
var childSortableContainers = this.$refs['child-row']
|
|
|
|
new Sortable(childSortableContainers, {
|
|
animation: 150,
|
|
dataIdAttr: 'data-id',
|
|
ghostClass: 'blue-background-class',
|
|
onStart: function ( /**Event*/ evt) {
|
|
_this.loadingDialog = layer.msg('正在移动...', {
|
|
timeout: 900 * 1000
|
|
})
|
|
},
|
|
onEnd: function (evt) {
|
|
/**
|
|
* 这里区分两种情况，一种是跨列移动，一种非跨列移动
|
|
* 如果跨列移动，可以利用以下四个参数来实现
|
|
*
|
|
* @param pastNodeArrStr 被移出的列的子节点排序
|
|
* @param pastNodeId 被移出的列的节点id
|
|
* @param currentNodeArrStr 移入的列的子节点排序
|
|
* @param currentNodeId 移入的列的节点id
|
|
*
|
|
* 假如非跨列，此时被移出的和移入的为同一个，使用前两个参数或者后两个参数都可以实现
|
|
*/
|
|
layer.close(_this.loadingDialog)
|
|
var pastNodeArrStr = Array.from(evt.from.querySelectorAll('div[data-id]')).map(function (item) {
|
|
return item.dataset.id
|
|
}).join(',')
|
|
var pastNodeId = evt.from.dataset.id
|
|
var currentNodeArrStr = Array.from(evt.to.querySelectorAll('div[data-id]')).map(function (item) {
|
|
return item.dataset.id
|
|
}).join(',')
|
|
var currentNodeId = evt.to.dataset.id
|
|
// 二级菜单的排序
|
|
_this.MoveItem(pastNodeArrStr, pastNodeId, currentNodeArrStr, currentNodeId)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
// 是否启用
|
|
changeMethodEnableStatus(toolBarBtn, ctrl) {
|
|
// 当前启用状态
|
|
|
|
var en = new Entity("BP.CCBill.Template.ToolbarBtn", toolBarBtn.MyPK);
|
|
if (en.IsEnable == 0)
|
|
en.IsEnable = 1; // method.IsEnable;
|
|
else
|
|
en.IsEnable = 0; // method.IsEnable;
|
|
|
|
en.Update();
|
|
|
|
console.log("更新成功..");
|
|
|
|
}
|
|
},
|
|
mounted: function () {
|
|
// fix firefox bug
|
|
document.body.ondrop = function (event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
var handler = new HttpHandler("BP.CCBill.WF_CCBill_Admin");
|
|
handler.AddPara("FrmID", GetQueryString("FrmID"));
|
|
var ds = handler.DoMethodReturnString("ToolbarSetting_Init");
|
|
if (ds.indexOf("err@") != -1) {
|
|
layer.alert(data);
|
|
return;
|
|
}
|
|
|
|
var ens = JSON.parse(ds);
|
|
var btnStyle = "class='layui-btn layui-btn-primary layui-border-blue layui-btn-xs'";
|
|
ens.forEach(function (en) {
|
|
var url = "./PowerCenter.htm?CtrlObj="+en.FrmID+"&CtrlPKVal=" + en.MyPK + "&CtrlGroup=FrmBtn";
|
|
en.enCtrlWayText = "<a " + btnStyle + " href =\"javascript:OpenLayuiDialog('" + url + "','" + en.MyPK + "','700',0,null,false);\" >权限</a>";
|
|
|
|
})
|
|
|
|
this.mapAttrs = ens;
|
|
|
|
this.initSortArea();
|
|
|
|
layui.use('form', function () {
|
|
var form = layui.form;
|
|
form.render()
|
|
|
|
});
|
|
var _this = this
|
|
setTimeout(function () {
|
|
_this.expandAll = true
|
|
}, 300)
|
|
}
|
|
})
|
|
|
|
function obj2arr(obj) {
|
|
delete obj.Paras
|
|
delete obj.ensName
|
|
delete obj.length
|
|
var arr = []
|
|
for (var key in obj) {
|
|
if (Object.hasOwnProperty.call(obj, key)) {
|
|
arr.push(obj[key]);
|
|
}
|
|
}
|
|
return arr
|
|
}
|
|
|
|
|
|
|
|
function addTab(no, name, url) {
|
|
window.top.vm.openTab(name, url);
|
|
}
|
|
|
|
|
|
|