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.

519 lines
21 KiB
Plaintext

11 months ago
var currentTopContextMenuNodes = []
var currentChildContextMenuNodes = []
var layDropdown = null
window.onload = function () {
var vm = new Vue({
el: '#g-app-main',
data: function () {
return {
tabsList: [], // 打开的tab页面
showPagesAction: false, // 打开tabs操作选项
selectedTabsIndex: -1, // 当前所选的tab 索引
selectedTabsIndexUrl: '',
sideBarOpen: true,
inFullScreenMode: false, // 是否处于全屏模式
showThemePicker: false, // 显示主题选择器
classicalLayout: true,
menuTreeData: [], // 目录数据
subMenuData: [], // 二级目录数据
selectedTopMenuIndex: 0,
subMenuTitle: '', // 二级目录标题
selectedId: -1, // 当前激活的id
// 是否开启刷新记忆tab功能
is_remember: false,
webUser: new WebUser(),
isAdmin: false,
showShortCut: false,
showUserActions: false,
tabDropdownVisible: false,
top: 0,
left: 0,
closeTimeout: null
}
},
computed: {
contextMenuStyle: function () {
return {
position: 'fixed',
zIndex: 9999,
top: (this.top || 0) + 'px',
left: (this.left || 0) + 'px',
background: 'white',
padding: '0 10px',
border: '1px solid #eee'
}
}
},
methods: {
openTabDropdownMenu: function (e) {
this.tabDropdownVisible = true
this.top = e.pageY
this.left = e.pageX
},
selectTopMenu: function (index) {
if (this.classicalLayout) return
this.selectedTopMenuIndex = index
this.selectedSubIndex = -1
this.subMenuData = this.menuTreeData[index]
this.subMenuTitle = this.menuTreeData[index].Name
if (this.subMenuTitle.length > 4)
$(".line").css("width", (70 - (this.subMenuTitle.length - 4) * 8) + "px");
this.sideBarOpen = true
this.bindDropdown(this.subMenuData.type)
this.initChildContextMenu()
},
fullScreenOpen: function (uri, name) {
this.changeFullScreenStatus()
var w = screen.width,
h = screen.height
layer.open({
type: 2,
title: name,
content: [uri, 'no'],
area: [w + 'px', h + 'px'],
offset: 'rb',
shadeClose: true
})
},
changeFullScreenStatus: function () {
if (this.inFullScreenMode) {
this.exitFullScreen()
return
}
this.fullScreen()
},
// 改变侧边栏大小
resizeSideBar: function () {
this.sideBarOpen = !this.sideBarOpen
},
// 上一个页面
toLeftPage: function () {
this.$nextTick(function () {
var iframeTabs = this.$refs['iframe-tabs']
var offsetWidth = iframeTabs.offsetWidth
var scrollWidth = iframeTabs.scrollWidth
var offsetLeft = iframeTabs.offsetLeft
if (scrollWidth <= offsetWidth) {
return
}
if (offsetLeft < 0) {
var leftDistance = offsetLeft + offsetWidth
if (leftDistance > 0) {
leftDistance = 0
}
iframeTabs.style.left = leftDistance + 'px'
}
})
},
// 下一个页面
toRightPage: function () {
this.$nextTick(function () {
var iframeTabs = this.$refs['iframe-tabs']
var offsetWidth = iframeTabs.offsetWidth
var scrollWidth = iframeTabs.scrollWidth
var offsetLeft = iframeTabs.offsetLeft
if (scrollWidth <= offsetWidth) {
return
}
if (Math.abs(offsetLeft) < scrollWidth - offsetWidth) {
iframeTabs.style.left = offsetLeft - offsetWidth + 'px'
}
})
},
// 重载当前页面
reLoadCurrentPage: function () {
this.$nextTick(function () {
if (this.selectedTabsIndex === -1) {
this.$refs['iframe-home'].contentWindow.location.reload();
return
}
this.$refs['iframe-' + this.selectedTabsIndex][0].contentWindow.location
.reload()
})
},
// 关闭当前标签页
closeCurrentTabs: function (index) {
if (index == undefined)
index = this.selectedTabsIndex;
this.tabsList.splice(index, 1)
var _this = this
setTimeout(function () {
if (_this.tabsList.length > index) {
_this.selectedTabsIndex = index
} else {
_this.selectedTabsIndex = index - 1
}
}, 100)
this.$refs['iframe-home'].contentWindow.location.reload();
},
// 关闭所有
closeAllTabs: function () {
this.tabsList = []
this.selectedTabsIndex = -1
this.$nextTick(function () {
this.$refs['iframe-tabs'].style.left = 0 + 'px'
})
},
// 关闭其他
closeOtherTabs: function () {
if (this.tabsList.length === 0) return
var tab = this.tabsList[this.selectedTabsIndex]
this.tabsList = [tab]
this.selectedTabsIndex = 0
this.$refs['iframe-home'].contentWindow.location.reload();
},
closeTabByName: function (name) {
if (name == null || name == undefined || name == "")
return;
if (this.tabsList.length == 0)
return;
//获取当前标签所在的位置
var index = -1;
$.each(this.tabsList, function (i, item) {
if (item.name == name) {
index = i;
return false;
}
})
if (index == -1)
return;
this.tabsList.splice(index, 1)
var _this = this
setTimeout(function () {
if (_this.tabsList.length > index) {
_this.selectedTabsIndex = index
} else {
_this.selectedTabsIndex = index - 1
}
if (_this.selectedTabsIndex == -1)
_this.selectedId = "";
else
_this.selectedId = _this.tabsList[_this.selectedTabsIndex].no;
}, 100)
this.$refs['iframe-home'].contentWindow.location.reload();
},
// 处理tab滚动
handleTabScroll: function () {
// 待实现
// this.$nextTick(function() {
// var tabs = this.$refs['iframe-tabs']
// var elLeft = tabs.querySelector('.layui-this').offsetLeft
// if (elLeft >= 0 && elLeft <= Math.abs(tabs.offsetLeft)) {
// return
// } else {
// tabs.style.left = -(elLeft - elWidth) + 'px'
// }
// })
},
openTabByMenu: function (menu, alignRight) {
//写入日志.
UserLogInsert("MenuClick", menu.Title + "@" + menu.Icon + "@" + menu.Url);
if (menu.RefMethodType == 0 && menu.FunPara == "false") {
var warning = menu.Warning;
if (warning == "null" || warning == "")
warning = "确定要执行吗?";
warning = warning.replace(/,\s+/g, ",");
warning = warning.replace(/\s+/g, "\r\n");
if (menu.RefMethodType == 0 && menu.FunPara == "false") {
var warning = menu.Warning;
if (warning == "null" || warning == "")
warning = "确定要执行吗?";
warning = warning.replace(/,\s+/g, ",");
warning = warning.replace(/\s+/g, "\r\n");
var _this = this;
layer.confirm(warning, function (index) {
layer.close(index);
_this.openTab(menu.Title, menu.Url, alignRight);
});
return;
}
}
//菜单打开方式
if (menu.RefMethodType == 2)
window.open(menu.Url, menu.Title);
else
this.openTab(menu.Title, menu.Url, alignRight);
},
openTab: function (name, src, alignRight) {
//如果发起实体类的流程,是通过一个页面中专过去的.
/*
* /WF/CCBill/Opt/StartFlowByNewEntity.htm
* 这里不解析特殊的业务逻辑, 让页面解析。
*
*/
if (this.tabsList.length >= 30) {
layer.alert('最多可以打开30个标签页~');
return;
}
var obj = {
name: name,
src: src
}
var idx = this.checkExist(obj)
if (idx > -1) {
this.selectedTabsIndex = idx
this.reLoadCurrentPage()
return
}
if (alignRight) {
this.tabsList.splice(this.selectedTabsIndex + 1, 0, obj)
this.selectedTabsIndex = this.selectedTabsIndex + 1
} else {
this.tabsList.push(obj)
this.selectedTabsIndex = this.tabsList.length - 1
}
// if (this.tabsList.length > 5)
// this.handleTabScroll()
},
checkExist: function (obj) {
for (var i = 0; i < this.tabsList.length; i++) {
var item = this.tabsList[i]
if (item.name === obj.name && item.src === obj.src) {
return i
}
}
return -1
},
foldMenus: function (menus, c, ev) {
for (var i = 0; i < menus.length; i++) {
var item = menus[i]
if (item.No === c.No) {
item.open = !item.open
continue
}
item.open = false
}
},
changeSelectTab: function (index) {
this.selectedTabsIndex = index;
this.tabsList[this.selectedTabsIndex];
if (index == -1)
this.reLoadCurrentPage();
},
generatePickerBody: function () {
var tag = "<div style=\"padding-left:10px;padding-right:10px;padding-top:10px\">" +
"<form class=\"layui-form layui-form-pane\" action=\"\">" +
" <div class=\"layui-form-item\" pane>" +
" <label class=\"layui-form-label\">\u5206\u680F\u5E03\u5C40</label>" +
"<div class=\"layui-input-block\">" +
"<input type=\"checkbox\" lay-skin=\"switch\" lay-text=\"\u5F00\u542F|\u5173\u95ED\" lay-filter=\"layout\" ".concat(this.classicalLayout ? '' : 'checked', ">" + "</div>" + "</div>" + "</form>" + "</div>" + "<hr class=\"layui-border-black\">" + "<div class='theme-picker'>");
for (var key in themeData) {
if (themeData.hasOwnProperty(key)) {
var item = themeData[key]
tag += "\n <div class=\"theme\" style=\"background-color: ".concat(item.logo, "\" onclick=\"chooseTheme('").concat(key, "')\">\n ").concat(item.alias, "\n </div>\n ");
}
}
tag += '</div>'
return tag;
},
openThemePicker: function () {
var _this = this
var height = window.innerHeight * 0.8
layer.open({
type: 1,
title: '颜色与布局',
content: this.generatePickerBody(),
area: ['300px', height + 'px'],
offset: 'rb',
shadeClose: true
})
layui.use('form', function () {
var form = layui.form
form.render()
form.on("switch(layout)", function (e) {
_this.classicalLayout = !_this.classicalLayout
_this.updateLayout()
})
})
},
updateLayout: function () {
var layout = document.getElementById("layout-data")
if (!this.classicalLayout) {
try {
this.classicalLayout = false
layout.innerHTML = "\n .g-admin-layout .layui-side{\n width: 220px\n }\n .g-admin-layout .layui-logo, .layui-side-menu .layui-nav{\n background-color: white;\n position: absolute;\n \n height: 50px;\n line-height:50px;\n color: #333;\n box-shadow: none;\n }\n .layui-side-menu .layui-side-scroll{\n background-color: white;\n width: 220px\n }\n .g-admin-pagetabs, .g-admin-layout .layui-body, .g-admin-layout .layui-footer, .g-admin-layout .g-layout-left{\n left:220px;\n }\n .layui-side-menu .layui-nav .layui-nav-item a{\n height: 30px;\n line-height: 30px;\n color:#5f626e;\n display: flex;\n align-items: center;\n }\n .layui-side-menu .layui-nav .layui-nav-item .layui-icon{\n margin-top: -14px;\n } \n ";
localStorage.setItem("classicalLayout", "0")
} catch (error) {
layer.msg('加载失败')
}
} else {
this.classicalLayout = true
layout.innerHTML = ''
localStorage.setItem("classicalLayout", "1")
}
var color = localStorage.getItem("themeColor")
chooseTheme(color);
},
refreshMenuTree: function (data) {
if (data.length == 0)
window.location.href = window.location.href.replace("En.htm", "EnOnly.htm");
this.menuTreeData = new MenuConvertTools(data).convertToTreeData()
this.classicalLayout = parseInt(localStorage.getItem('classicalLayout')) === 1
this.updateLayout();
var _this = this;
//classMethodName
var methodName = GetQueryString("ClassMethodName");
methodName = methodName || "";
if (methodName != "") {
$.each(data, function (i, item) {
if (item.ClassMethodName && item.ClassMethodName.toLocaleLowerCase().indexOf(methodName.toLocaleLowerCase()) != -1) {
_this.openTabByMenu(item);
_this.selectedId = item.No;
return false;
}
})
}
},
closeDropdown: function (e) {
try {
e.target.parentNode.parentNode.classList.remove('layui-show')
} catch (e) {
}
var _this = this
if (_this.closeTimeout) {
clearTimeout(_this.closeTimeout)
_this.closeTimeout = null
}
_this.closeTimeout = setTimeout(function () {
_this.showShortCut = false
_this.showUserActions = false
_this.tabDropdownVisible = false
clearTimeout(_this.closeTimeout)
_this.closeTimeout = null
}, 300)
},
stopTimeout: function () {
clearTimeout(this.closeTimeout)
this.closeTimeout = null
},
initMenus: function () {
var httpHandler = new HttpHandler("BP.WF.HttpHandler.WF_CommEntity");
var enName = GetQueryString("EnName");
var type = GetQueryString("type");
var pkVal = GetPKVal();
var isTree = GetQueryString("isTree");
var isReadonly = GetQueryString("IsReadonly");
httpHandler.AddPara("EnName", enName);
httpHandler.AddPara("IsReadonly", isReadonly);
if (pkVal != null) {
httpHandler.AddPara("PKVal", pkVal);
}
var data = httpHandler.DoMethodReturnString("Entity_Init");
if (data.indexOf('err@') == 0) {
$("#CCFormTabs").html(data);
return;
}
//解析json.
frmData = JSON.parse(data);
dtM = frmData["dtM"];
this.refreshMenuTree(dtM);
},
bindDropdown: function (type) {
var _this = this
this.$nextTick(function () {
layui.use('dropdown', function () {
var dropdown = layui.dropdown
if (currentTopContextMenuNodes.length > 0) {
for (let i = 0; i < currentTopContextMenuNodes.length; i++) {
currentTopContextMenuNodes[i].removeEventListener('contextmenu', null)
}
}
if (currentChildContextMenuNodes.length > 0) {
for (let i = 0; i < currentChildContextMenuNodes.length; i++) {
currentChildContextMenuNodes[i].removeEventListener('contextmenu', null)
}
}
})
})
},
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, 'no'],
area: [w + 'px', h + 'px'],
offset: 'rb',
shadeClose: true
})
},
calcClassList: function (item, type) {
var cList = []
if (item.type === 'flow') cList.push(type === 1 ? 'flow-node' : 'flow-node-child')
if (item.type === 'form') cList.push(type === 1 ? 'form-node' : 'form-node-child')
return cList
}
},
mounted: function () {
var url = GetHrefUrl();
url = url.replace("En.htm", "EnOnly.htm");
selectedTabsurl = url;// "../RefFunc/EnOnly.htm?EnName=" + GetQueryString("EnName") + "&PKVal=" + pkval; // GetQueryString("PKVal");
//alert(selectedTabsurl);
this.selectedTabsIndexUrl = selectedTabsurl;
this.initMenus()
var _this = this
setTimeout(function () {
_this.bindDropdown('flow')
}, 500)
},
})
window.vm = vm
}