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.

483 lines
19 KiB
Plaintext

11 months ago
var baseInfo = new Vue({
el: '#flow',
data: {
flowNodes: [],
expandAll: false
},
watch: {
expandAll: function(val) {
this.expandMenus(val)
}
},
methods: {
expandMenus: function(status) {
for (var i = 0; i < this.flowNodes.length; i++) {
this.flowNodes[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: "NewFlow", Icon: "icon-plus" },
{ title: '<i class=icon-star></i> 重命名', id: "EditSort", Icon: "icon-options" },
{ title: '<i class=icon-folder></i> 新建目录', id: "NewSort", Icon: "icon-magnifier-add" },
{ title: '<i class=icon-share-alt ></i> 导入表单模版', id: "ImpFlowTemplate", Icon: "icon-plus" },
{ title: '<i class=icon-share-alt ></i> 批量导出表单模版', id: "BatchExpFrmTemplate", Icon: "icon-plus" },
{ title: '<i class=icon-close></i> 删除目录', id: "DeleteSort", Icon: "icon-close" }
]
var tRenderOptions = [{
elem: '.item-top-dp',
trigger: 'contextmenu',
data: topNodeItems,
click: function(data, oThis) {
_this.topNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.idx)
}
}, {
elem: '.t-btn',
trigger: 'click',
data: topNodeItems,
click: function(data, oThis) {
_this.topNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.idx)
}
}]
dropdown.render(tRenderOptions[0]);
dropdown.render(tRenderOptions[1]);
var childNodeMenuItems = [
{ title: '<i class=icon-star></i> 表单属性', id: "Attr", Icon: "icon-options" },
{ title: '<i class=icon-settings></i> 设计表单', id: "Designer", Icon: "icon-settings" },
{ title: '<i class=icon-plane></i> 运行表单', id: "Start", Icon: "icon-paper-plane" },
{ title: '<i class=icon-docs></i> 复制表单', id: "Copy", Icon: "icon-docs" },
{ title: '<i class=icon-close></i> 删除表单', id: "Delete", Icon: "icon-close" }
]
var cRenderOptions = [{
elem: '.item-name-dp',
trigger: 'contextmenu',
data: childNodeMenuItems,
click: function(data, othis) {
_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) {
_this.childNodeOption(data.id, $(this.elem)[0].dataset.no, $(this.elem)[0].dataset.name, $(this.elem)[0].dataset.pidx, $(this.elem)[0].dataset.idx)
}
}]
dropdown.render(cRenderOptions[0]);
dropdown.render(cRenderOptions[1]);
})
},
//如果w=0 则是100%的宽度.
openLayer: function(uri, name, w, h) {
//console.log(uri, name);
if (w == 0)
w = window.innerWidth;
if (w == undefined)
w = window.innerWidth / 2;
if (h == undefined)
h = window.innerHeight;
layer.open({
type: 2,
title: name,
content: [uri, 'auto'],
area: [w + 'px', h + 'px'],
offset: 'rb',
shadeClose: true
})
},
Designer: function(no, name) {
var sid = GetQueryString("Token");
var webUser = new WebUser();
var url = basePath + "/WF/Admin/FoolFormDesigner/GoToFrmDesigner.htm?FK_MapData=" + no + "&FrmID=" + no + "&UserNo=" + webUser.No + "&Token=" + sid + "&OrgNo=" + webUser.OrgNo + "&From=Ver2021";
try {
window.top.vm.openTab(name, url);
} catch (e) {
WinOpenFull(url);
}
},
EditSort: function(no, name) {
var val = prompt("请输入名称", name);
if (val == null || val == '')
return;
var en = new Entity("BP.WF.Template.SysFormTree", no);
en.Name = val;
en.Update();
// alert("修改成功");
Reload();
return;
// var url = "../Comm/EnOnly.htm?EnName=BP.WF.Template.FlowSort&No=" + no;
// this.openLayer(url, "目录:" + name);
},
StartFrm: function(no, name) {
var sid = GetQueryString("Token");
var webUser = new WebUser();
var en = new Entity("BP.Sys.MapData", no);
if (en.EntityType == 0) {
layer.alert(en.Name + "是独立表单不能运行");
return;
}
var url = "";
if (en.EntityType == 1)
url = basePath + "/WF/CCBill/SearchDict.htm?FrmID=" + en.No;
if (en.EntityType == 2)
url = basePath + "/WF/CCBill/SearchBill.htm?FrmID=" + en.No;
if (en.EntityType == 3)
url = basePath + "/WF/CCBill/SearchTree.htm?FrmID=" + en.No;
//var url = basePath + "/WF/Admin/FoolFormDesigner/GoToRunFrm.htm?FK_MapData=" + no + "&FrmID=" + no + "&UserNo=" + webUser.No + "&Token=" + sid + "&OrgNo=" + webUser.OrgNo + "&From=Ver2021";
//var url = "../Comm/En.htm?EnName=BP.WF.Template.FlowExt&No=" + no;
try {
window.top.vm.openTab(name, url);
} catch (e) {
WinOpenFull(url);
}
// var url = "../Admin/TestingContainer/TestFlow2020.htm?FK_Flow=" + no;
// window.top.vm.fullScreenOpen(url, name);
// this.openLayer(url, name);
},
flowAttr: function (no, name) {
var sid = GetQueryString("Token");
var webUser = new WebUser();
//var url = basePath + "/WF/Admin/FoolFormDesigner/GoToFrmAttr.htm?FK_MapData=" + no + "&FrmID=" + no + "&UserNo=" + webUser.No + "&Token=" + sid + "&OrgNo=" + webUser.OrgNo + "&From=Ver2021";
//var url = "../Comm/En.htm?EnName=BP.WF.Template.FlowExt&No=" + no;
var url = "/WF/Comm/RefFunc/En.htm?EnName=BP.WF.Template.Frm.MapFrmFool&PKVal=" + no + "&s=" + Math.random();
try {
window.top.vm.openTab(name, url);
} catch (e) {
WinOpenFull(url);
}
//this.openLayer(url, name,900);
},
copyFrm: function(no) {
/* if (window.confirm("确定要执行表单复制吗?") == false)
return;*/
var flow = new Entity("BP.Sys.MapData", no);
var frmID = promptGener("表单ID:" + no + "Copy", no + "Copy");
if (frmID == undefined || frmID == null || frmID == '') return;
var frmName = promptGener("表单名称:" + flow.Name + "Copy", flow.Name + "Copy");
if (frmName == undefined || frmName == null || frmName == '') return;
var data = flow.DoMethodReturnString("DoCopy", frmID + '~' + frmName);
layer.msg(data);
Reload();
//setTimeout(function() {
// window.location.reload();
//}, 800);
},
DeleteFlow: function(no, pidx, idx) {
var msg = "提示: 确定要删除该表单吗?";
// msg += "\t\n1.如果该流程下有实例,您不能删除。";
// msg += "\t\n2.该流程为子流程的时候,被引用也不能删除.";
if (window.confirm(msg) == false)
return;
var load = layer.msg("正在处理,请稍候...", {
icon: 16,
anim: 5
})
//开始执行删除.
var en = new Entity("BP.Sys.MapData", no);
var data = en.Delete() || "";
if (data != "")
layer.msg(data);
if (data.indexOf("err@") == 0)
return;
layer.close(load);
Reload();
return;
},
childNodeOption: function(key, data, name, pidx, idx) {
switch (key) {
case "Attr":
this.flowAttr(data, name);
break;
case "Designer":
this.Designer(data, name);
break;
case "Start":
this.StartFrm(data, name);
break;
case "Copy":
this.copyFrm(data);
break;
case "Delete":
this.DeleteFlow(data, pidx, idx);
break;
}
},
topNodeOption: function(key, data, name) {
switch (key) {
case "EditSort":
this.EditSort(data, name);
break;
case "ImpFlowTemplate":
this.ImpFlowTemplate(data);
break;
case "BatchExpFrmTemplate":
this.BatchExpFrmTemplate(data, name);
break;
case "NewSort":
this.NewSort(data, true);
break;
case "DeleteSort":
this.DeleteSort(data);
break;
case "NewFlow":
this.NewFlow(data, name);
break;
default:
alert("没有判断的命令" + key);
break;
}
},
NewFlow: function(data, name) {
url = basePath + "/WF/Admin/FoolFormDesigner/NewFrmGuide.htm?SortNo=" + data + "&From=Frms.htm&RunModel=1&s=" + Math.random();
this.openLayer(url, "新建表单");
//addTab("NewFlow", "新建表单", url);
},
ImpFlowTemplate: function(data) {
var url = basePath + "/WF/Admin/Template/ImpFrmLocal.htm?SortNo=" + data;
// url = "../Admin/FoolFormDesigner/NewFrmGuide.htm?SortNo=" + data + "&From=Flows.htm&RunModel=1&s=" + Math.random();
// url = "./../Admin/AttrFlow/Imp.htm?FK_Flow=" + fk_flow + "&Lang=CH";
addTab("ImpFlowTemplate", "导入表单模版", url);
},
BatchExpFrmTemplate: function (frmTreeNo,frmTreeName) {
var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
handler.AddPara("FK_FrmTree", frmTreeNo);
handler.AddPara("FrmTreeName", frmTreeName);
var data = handler.DoMethodReturnString("Form_BatchExpFrmTemplate");
if (data.indexOf("err@") != -1) {
layer.alert(data);
return;
}
var url = data.replace("url@", "");
if (url.indexOf("resources") == -1) {
SetHref(basePath + "/" + url);
return;
}
//这个是针对Springboot jar包发布后的下载
SetHref(basePath + "/WF/Ath/DownloadByPath?filePath=" + encodeURIComponent(url));
},
DeleteSort: function(no) {
if (window.confirm("确定要删除吗?") == false)
return;
var en = new Entity("BP.WF.Template.SysFormTree", no);
var data = en.Delete();
layer.msg(data);
//如果有错误.
if (data.indexOf("err@") == 0)
return;
setTimeout(function() {
window.location.reload();
}, 2000)
},
NewSort: function(currentElem, sameLevel) {
//只能创建同级.
sameLevel = true;
//例子2
layer.prompt({
value: '',
title: '新建' + (sameLevel ? '同级' : '子级') + '表单类别',
}, function(value, index, elem) {
layer.close(index);
var en = new Entity("BP.WF.Template.SysFormTree", currentElem);
var data = "";
if (sameLevel == true) {
data = en.DoMethodReturnString("DoCreateSameLevelNodeIt", value);
} else {
data = en.DoMethodReturnString("DoCreateSubFormNodeMy", value);
}
layer.msg("创建成功" + data);
//this.EditSort(data, "编辑");
//return;
setTimeout(function() {
window.location.reload();
}, 800);
});
},
updateSort: function(rootNo, sortNos) {
// 目录排序..
var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
handler.AddPara("RootNo", rootNo);
handler.AddPara("SortNos", sortNos);
var data = handler.DoMethodReturnString("Frms_MoveSort");
layer.msg(data)
},
updateFlow: function(sortNo, flowNos) {
// alert(sortNo);
// alert(flowNos);
// 流程排序..
console.log(sortNo, flowNos);
var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
handler.AddPara("SortNo", sortNo);
handler.AddPara("EnNos", flowNos);
var data = handler.DoMethodReturnString("Frms_Move");
layer.msg(data)
},
initSortArea: function() {
var _this = this
this.$nextTick(function() {
var sortContainer = this.$refs['sort-main']
new Sortable(sortContainer, {
animation: 150,
dataIdAttr: 'data-id',
ghostClass: 'blue-background-class',
onEnd: function(evt) {
var arr = this.toArray();
// 一级菜单的排序默认为1
_this.updateSort('1', arr.join(','));
}
});
var childSortableContainers = this.$refs['child-row']
console.log(childSortableContainers);
for (var i = 0; i < childSortableContainers.length; i++) {
var csc = childSortableContainers[i]
new Sortable(csc, {
animation: 150,
dataIdAttr: 'data-id',
ghostClass: 'blue-background-class',
onEnd: function(evt) {
var arr = this.toArray();
// 二级菜单的排序
_this.updateFlow(evt.item.dataset.pid, arr.join(','));
}
})
}
})
},
changeFrmInfo: function (en) {
if (en.FrmType == 1) en.FrmType = "傻瓜表单";
if (en.FrmType == 0) en.FrmType = "傻瓜表单";
if (en.FrmType == 2) en.FrmType = "自由表单";
if (en.FrmType == 3) en.FrmType = "嵌入式表单";
if (en.FrmType == 4) en.FrmType = "Word表单";
if (en.FrmType == 5) en.FrmType = "在线编辑模式Excel表单";
if (en.FrmType == 6) en.FrmType = "VSTO模式Excel表单";
if (en.FrmType == 7) en.FrmType = "实体类组件";
if (en.FrmType == 8) en.FrmType = "开发者表单";
if (en.FrmType == 10) en.FrmType = "章节表单";
if (en.Icon == "" || en.Icon == null) {
if (en.EntityType == 0) en.Icon = "icon-flag";
if (en.EntityType == 1) en.Icon = "icon-info";
if (en.EntityType == 2) en.Icon = "icon-doc";
if (en.EntityType == 3) en.Icon = "icon-organization";
}
if (en.EntityType === 0) en.EntityType = "独立表单";
if (en.EntityType === 1) en.EntityType = "单据";
if (en.EntityType === 2) en.EntityType = "实体";
if (en.EntityType === 3) en.EntityType = "树结构实体";
},
init: function () {
// fix firefox bug
document.body.ondrop = function (event) {
event.preventDefault();
event.stopPropagation();
}
var webUser = new WebUser();
var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
var fss = handler.DoMethodReturnJSON("Frms_InitSort");
var nodes = fss;
nodes = nodes.filter(function (item) {
console.log(item)
return item.Name !== '表单树';
})
var handler = new HttpHandler("BP.WF.HttpHandler.WF_Portal");
var fls = handler.DoMethodReturnJSON("Frms_Init");
for (var i = 0; i < nodes.length; i++) {
var fs = nodes[i];
fs.open = false;
fs.children = [];
if (parseInt(fs.ParentNo) === 0 || fs.Name === '表单树') continue;
for (var j = 0; j < fls.length; j++) {
var flow = fls[j];
if (fs.No !== flow.FK_FormTree)
continue;
this.changeFrmInfo(flow);
fs.children.push(flow);
}
}
this.flowNodes = nodes;
this.bindMenu();
this.initSortArea();
}
},
mounted: function() {
this.init();
}
})
function AppendFrmToFormTree(sort, no, name) {
baseInfo.flowNodes.forEach(item => {
if (item.No === sort) {
if (item.children == null) item.children = [];
var en = new Entity("BP.WF.Template.Frm.MapDataExt", no);
baseInfo.changeFrmInfo(en);
item.children.push({
No: no,
Name: name,
FrmType: en.FrmType,
FK_FormTree: en.FK_FormTree,
PTable: en.PTable,
DBSrc: en.DBSrc,
Icon: en.Icon,
EntityType: en.EntityType,
Ver:en.Ver
})
}
});
baseInfo.bindMenu();
baseInfo.initSortArea();
}
function addTab(no, name, url) {
window.top.vm.openTab(name, url);
}