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.
292 lines
11 KiB
Plaintext
292 lines
11 KiB
Plaintext
11 months ago
|
//方式
|
||
|
var methods = null;
|
||
|
var groups = null;
|
||
|
|
||
|
window.onload = function () {
|
||
|
var vm = new Vue({
|
||
|
el: '#app',
|
||
|
data: {
|
||
|
sideBarData: {},
|
||
|
iframes: [],
|
||
|
activeItem: -1,
|
||
|
tabDropdownVisible: false,
|
||
|
top: 0,
|
||
|
left: 0,
|
||
|
MyDictUrl: "",
|
||
|
sideBarOpen: true
|
||
|
},
|
||
|
computed: {
|
||
|
contextMenuStyle: function () {
|
||
|
return {
|
||
|
position: 'fixed',
|
||
|
zIndex: 9999,
|
||
|
top: (this.top || 0) + 'px',
|
||
|
left: (this.left || 0) + 'px',
|
||
|
background: 'white',
|
||
|
padding: '0 10px',
|
||
|
}
|
||
|
},
|
||
|
sideBarStyle: function () {
|
||
|
return {
|
||
|
width: this.sideBarOpen ? '240px' : '5px'
|
||
|
}
|
||
|
},
|
||
|
mainStyle: function () {
|
||
|
return {
|
||
|
width: this.sideBarOpen ? 'calc(100% - 240px)' : '100%'
|
||
|
}
|
||
|
},
|
||
|
contentStyle: function () {
|
||
|
return {
|
||
|
width: this.sideBarOpen ? 'calc(100vw - 262px)' : '100%'
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
methods: {
|
||
|
// 重载当前页面
|
||
|
reLoadCurrentPage: function () {
|
||
|
var _this = this
|
||
|
this.$nextTick(function () {
|
||
|
if (this.activeItem === -1) {
|
||
|
_this.$refs['iframe-home'].contentWindow.location.reload();
|
||
|
return
|
||
|
}
|
||
|
|
||
|
_this.$refs['iframe-' + _this.activeItem][0].contentWindow.location
|
||
|
.reload()
|
||
|
})
|
||
|
},
|
||
|
// 关闭当前标签页
|
||
|
closeCurrentTabs: function (index) {
|
||
|
this.iframes.splice(index, 1)
|
||
|
var _this = this
|
||
|
setTimeout(function () {
|
||
|
if (_this.iframes.length > index) {
|
||
|
_this.activeItem = index
|
||
|
return
|
||
|
}
|
||
|
_this.activeItem = index - 1
|
||
|
|
||
|
}, 100)
|
||
|
},
|
||
|
// 关闭所有
|
||
|
closeAllTabs: function () {
|
||
|
this.$set(this, 'iframes', [])
|
||
|
this.activeItem = -1
|
||
|
},
|
||
|
// 关闭其他
|
||
|
closeOtherTabs: function () {
|
||
|
if (this.iframes.length === 0) return
|
||
|
var currentTab = JSON.parse(JSON.stringify(this.iframes[this.activeItem]))
|
||
|
this.$set(this, 'iframes', [currentTab])
|
||
|
this.activeItem = 0
|
||
|
},
|
||
|
openTabDropdownMenu: function (e) {
|
||
|
this.tabDropdownVisible = true
|
||
|
this.top = e.pageY
|
||
|
this.left = e.pageX
|
||
|
},
|
||
|
openPage: function (method) {
|
||
|
|
||
|
// alert(method.No);
|
||
|
|
||
|
var loading = layer.msg("加载中..", {
|
||
|
icon: 16
|
||
|
})
|
||
|
|
||
|
//var load = layer.msg("正在处理,请稍候...", {
|
||
|
// icon: 16,
|
||
|
// anim: 2
|
||
|
//})
|
||
|
|
||
|
if (method.MethodModel === "Bill") {
|
||
|
|
||
|
//method.Docs = "./Opt/Bill.htm?FrmID=" + method.Tag1 + "&MethodNo=" + method.No + "&WorkID=" + GetQueryString("WorkID") + "&From=Dict";
|
||
|
method.Docs = "./SearchBill.htm?FrmID=" + method.Tag1 + "&MethodNo=" + method.No + "&PFrmID=" + method.FrmID + "&PWorkID=" + GetQueryString("WorkID") + "&From=Dict";
|
||
|
|
||
|
//if (method.Docs == "") {
|
||
|
// alert("没有解析的mark=" + method.Mark);
|
||
|
// return;
|
||
|
//}
|
||
|
// alert(method.Docs);
|
||
|
//alert(method.Docs);
|
||
|
}
|
||
|
|
||
|
//如果是一个方法.
|
||
|
if (method.MethodModel === "Func") {
|
||
|
method.Docs = "./Opt/DoMethod.htm?FrmID=" + method.FrmID + "&No=" + method.No + "&WorkID=" + GetQueryString("WorkID");
|
||
|
}
|
||
|
|
||
|
|
||
|
if (method.MethodModel === "FrmBBS") {
|
||
|
method.Docs = "./OptComponents/FrmBBS.htm?FrmID=" + method.FrmID + "&No=" + method.No + "&WorkID=" + GetQueryString("WorkID");
|
||
|
}
|
||
|
|
||
|
if (method.MethodModel === "QRCode") {
|
||
|
method.Docs = "./OptComponents/QRCode.htm?FrmID=" + method.FrmID + "&MethodNo=" + method.No + "&WorkID=" + GetQueryString("WorkID")+"&IsReadonly="+GetQueryString("IsReadonly");
|
||
|
}
|
||
|
|
||
|
//单个实体发起的流程汇总.
|
||
|
if (method.MethodModel === "SingleDictGenerWorkFlows") {
|
||
|
method.Docs = "./OptOneFlow/SingleDictGenerWorkFlows.htm?FrmID=" + method.FrmID + "&No=" + method.No + "&MethodNo=" + method.No + "&WorkID=" + GetQueryString("WorkID");
|
||
|
}
|
||
|
|
||
|
//修改基础数据的的流程.
|
||
|
if (method.MethodModel === "FlowBaseData") {
|
||
|
//通过找个方法 window.open(method.Docs);
|
||
|
|
||
|
var url = "./OptOneFlow/FlowBaseData.htm?WorkID=" + GetQueryString("WorkID");
|
||
|
url += "&FrmID=" + GetQueryString("FrmID");
|
||
|
url += "&MethodNo=" + method.No;
|
||
|
url += "&FlowNo=" + method.FlowNo;
|
||
|
|
||
|
// var myurl = DoFlowBaseData(method);
|
||
|
// if (!myurl) return;
|
||
|
method.Docs = url;
|
||
|
}
|
||
|
|
||
|
//其他业务流程.
|
||
|
if (method.MethodModel == "FlowEtc") {
|
||
|
|
||
|
var url = "./OptOneFlow/FlowEtc.htm?WorkID=" + GetQueryString("WorkID");
|
||
|
url += "&FrmID=" + GetQueryString("FrmID");
|
||
|
url += "&MethodNo=" + method.No; // GetQueryString("MethodNo");
|
||
|
url += "&FlowNo=" + method.FlowNo;
|
||
|
// var myurl = DoFlowBaseData(method);
|
||
|
// if (!myurl) return;
|
||
|
method.Docs = url;
|
||
|
|
||
|
//通过找个方法 window.open(method.Docs);
|
||
|
// var myurl = DoFlowEtc(method);
|
||
|
// if (myurl == null) return;
|
||
|
// method.Docs = myurl;
|
||
|
}
|
||
|
|
||
|
//数据版本.
|
||
|
if (method.MethodModel == "DataVer") {
|
||
|
method.Docs = "./OptComponents/DataVer.htm?FrmID=" + GetQueryString("FrmID") + "&WorkID=" + GetQueryString("WorkID");
|
||
|
}
|
||
|
|
||
|
//日志.
|
||
|
if (method.MethodModel == "DictLog") {
|
||
|
method.Docs = "./OptComponents/DictLog.htm?FrmID=" + GetQueryString("FrmID") + "&WorkID=" + GetQueryString("WorkID");
|
||
|
}
|
||
|
|
||
|
//超链接.
|
||
|
if (method.MethodModel == "Link") {
|
||
|
|
||
|
method.Tag1 = method.Tag1.replace(/@FrmID/g, GetQueryString("FrmID"));
|
||
|
method.Tag1 = method.Tag1.replace(/@FK_MapData/g, GetQueryString("FrmID"));
|
||
|
method.Tag1 = method.Tag1.replace(/@OID/g, GetQueryString("WorkID"));
|
||
|
method.Tag1 = method.Tag1.replace(/@WorkID/g, GetQueryString("WorkID"));
|
||
|
|
||
|
if (method.Tag1.indexOf('?') == -1)
|
||
|
method.Docs = method.Tag1 + "?1=1";
|
||
|
else
|
||
|
method.Docs = method.Tag1;
|
||
|
if (method.Tag1.indexOf('FrmID') == -1)
|
||
|
method.Docs += "&FrmID=" + GetQueryString("FrmID");
|
||
|
if (method.Tag1.indexOf('WorkID') == -1)
|
||
|
method.Docs +="&WorkID=" + GetQueryString("WorkID");
|
||
|
}
|
||
|
|
||
|
if (method.Docs === "") {
|
||
|
|
||
|
var url = method.UrlExt;
|
||
|
if (url === "") {
|
||
|
alert("没有解析的Url-MethodModel:" + method.MethodModel + " - " + method.Mark);
|
||
|
return;
|
||
|
}
|
||
|
if (url.indexOf('?') > 0)
|
||
|
method.Docs = url + "&FrmID=" + GetQueryString("FrmID") + "&WorkID=" + GetQueryString("WorkID");
|
||
|
else
|
||
|
method.Docs = url + "?FrmID=" + GetQueryString("FrmID") + "&WorkID=" + GetQueryString("WorkID");
|
||
|
}
|
||
|
|
||
|
var isExist = this.iframes.filter(function (iframe) {
|
||
|
return iframe.No === method.No;
|
||
|
}).length > 0
|
||
|
|
||
|
|
||
|
//不存在就加载.
|
||
|
if (!isExist) {
|
||
|
this.iframes.push(method);
|
||
|
this.activeItem = this.getIndex(method)
|
||
|
layer.close(loading)
|
||
|
return
|
||
|
}
|
||
|
|
||
|
this.$nextTick(function () {
|
||
|
var currentIndex = this.getIndex(method)
|
||
|
this.$refs['iframe-' + currentIndex][0].contentWindow.location.reload();
|
||
|
this.activeItem = currentIndex
|
||
|
layer.close(loading)
|
||
|
|
||
|
})
|
||
|
|
||
|
|
||
|
},
|
||
|
getIndex: function (method) {
|
||
|
if (this.iframes.length === 0) {
|
||
|
return
|
||
|
}
|
||
|
for (var i = 0; i < this.iframes.length; i++) {
|
||
|
var tab = this.iframes[i]
|
||
|
if (tab.No === method.No) {
|
||
|
return i
|
||
|
}
|
||
|
}
|
||
|
return -1
|
||
|
},
|
||
|
|
||
|
|
||
|
loadData: function () {
|
||
|
//获得数据源.
|
||
|
var handler = new HttpHandler("BP.CCBill.WF_CCBill_Admin");
|
||
|
handler.AddUrlData();
|
||
|
var ds = handler.DoMethodReturnJSON("Method_Init");
|
||
|
groups = ds["Groups"];
|
||
|
methods = ds["Methods"];
|
||
|
for (var i = 0; i < groups.length; i++) {
|
||
|
var group = groups[i];
|
||
|
group.open = true;
|
||
|
group.children = methods.filter(function (item) {
|
||
|
return group.No === item.GroupID && item.IsEnable==1
|
||
|
});
|
||
|
}
|
||
|
this.sideBarData = groups;
|
||
|
console.log(this.sideBarData)
|
||
|
if (methods.length == 0) {
|
||
|
$(".sidebar").hide();
|
||
|
$(".indicator").hide();
|
||
|
this.sideBarOpen = false;
|
||
|
}
|
||
|
|
||
|
},
|
||
|
menuHeight: function (group) {
|
||
|
return {
|
||
|
height: group.open ? (group.children.length * 40 + 60 + 'px') : '60px'
|
||
|
}
|
||
|
}
|
||
|
|
||
|
},
|
||
|
mounted() {
|
||
|
|
||
|
this.MyDictUrl = "MyDict.htm?FrmID=" + GetQueryString("FrmID") + "&WorkID=" + GetQueryString("WorkID");
|
||
|
//this.MyDictUrl = "sina.com.cn";
|
||
|
|
||
|
this.loadData()
|
||
|
document.addEventListener('contextmenu', function (e) {
|
||
|
e.preventDefault()
|
||
|
})
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
$(function () {
|
||
|
var theme = DealText(localStorage.getItem("themeColorInfo"));
|
||
|
theme = JSON.parse(theme);
|
||
|
var styleScope = document.getElementById("theme-data")
|
||
|
styleScope.innerHTML = DealText("\n .sidebar .group .group-items .active{\n background-color:" + theme.selectedMenu + ";\n}");
|
||
|
|
||
|
})
|