var wmsAdmin = new Vue({
|
el: '#wmsAdmin',
|
mixins: [useAutoHeight],
|
data: {
|
themeColor: "#0183e1",//"#018ffc",//主题色
|
themeElements: {
|
headerColor: "#23262E",//头部背景色
|
headerTextColor: "#fff",//头部字体色
|
asideColor: "#393D49",//左侧背景色
|
asideTextColor: "#fff"//左侧字体色
|
},
|
showLoading: false,
|
firstMenu: [],
|
secondMenu: [],
|
otherMenu: [],
|
defaultIndex: "",
|
secondDefaultIndex: "",
|
currenIndex: "",
|
currentRightMenuIndex: "",
|
currentMenuTab: '1',
|
isCollapse: false,
|
menuTabs: [{
|
title: "首页",
|
name: "1",
|
url: "/Home/Main",
|
closable: false,
|
icon: ""
|
}],
|
dialogFrame: {
|
title: '',
|
show: false,
|
url: '',
|
dh: 0,
|
height: "50%",
|
width: "80%",
|
btn: false,
|
callBack: function (frame) { },
|
cb: function () { }
|
},
|
pageSetList: [],
|
pageSetReadOnly: [],
|
//弹窗table列表属行初始化
|
dialogList: {
|
title: '',
|
condition: '',
|
show: false,
|
itemCols: [],
|
paging: true,
|
url: null,
|
data: {},
|
height: 330,
|
single: false,
|
btnSure: function (selections) { }
|
},
|
//dialog列表为item时查询条件
|
formItem: {
|
itemCode: '',
|
itemName: '',
|
itemModel: '',
|
itemFigureNo: ''
|
},
|
formCustomer: {
|
customerName: ''
|
},
|
formVendor: {
|
vendorName: ''
|
},
|
},
|
computed: {
|
dialogFrameHeight: function () {
|
if (this.dialogFrame.dh == 0)
|
return this.dialogFrame.height;
|
return (this.autoHeight - this.dialogFrame.dh) + "px";
|
},
|
currentTitle: function () {
|
var $this = this;
|
var title = "";
|
if ($this.currentMenuTab) {
|
$this.menuTabs.forEach(function (n) {
|
if (n.name == $this.currentMenuTab)
|
title = n.title;
|
});
|
}
|
return title;
|
}
|
},
|
watch: {
|
deep: true,
|
isCollapse: function (val) {
|
if (val) {
|
$("#elMain").animate({ left: "64px" }, 350);
|
$("#elAside,#elAside ul").animate({ width: "64px" }, 350);
|
} else {
|
$("#elAside,#elAside ul").animate({ width: "200px" }, 350);
|
$("#elMain").animate({ left: "200px" }, 350);
|
}
|
},
|
"themeElements.headerColor": function (val) {
|
document.documentElement.style.setProperty("--theme-header-color", val);
|
this.setCookie("headerColor", val);
|
},
|
"themeElements.headerTextColor": function (val) {
|
document.documentElement.style.setProperty("--theme-header-text-color", val);
|
this.setCookie("headerTextColor", val);
|
},
|
"themeElements.asideColor": function (val) {
|
document.documentElement.style.setProperty("--theme-aside-color", val);
|
this.setCookie("asideColor", val);
|
},
|
"themeElements.asideTextColor": function (val) {
|
document.documentElement.style.setProperty("--theme-aside-text-color", val);
|
this.setCookie("asideTextColor", val);
|
},
|
themeColor: function (val) {
|
document.documentElement.style.setProperty("--theme-color", val);
|
var $content = $('.el-tabs__content');
|
$content.find('iframe').each(function () {
|
var currentIframeDocument = $(this).context.contentDocument;
|
if (currentIframeDocument) {
|
currentIframeDocument.documentElement.style.setProperty("--theme-color", val);
|
}
|
});
|
this.setCookie("hhThemeColor", val);
|
//alert(val + '|update');
|
//alert(this.getCookie("hhThemeColor")+'|aaa');
|
}
|
},
|
methods: {
|
fullWindow: function () {
|
var docElm = document.documentElement;
|
//W3C
|
if (docElm.requestFullscreen) {
|
docElm.requestFullscreen();
|
}
|
//FireFox
|
else if (docElm.mozRequestFullScreen) {
|
docElm.mozRequestFullScreen();
|
}
|
//Chrome等
|
else if (docElm.webkitRequestFullScreen) {
|
docElm.webkitRequestFullScreen();
|
}
|
//IE11
|
else if (elem.msRequestFullscreen) {
|
elem.msRequestFullscreen();
|
}
|
this.success('按Esc即可退出全屏');
|
},
|
searchItem: function () {
|
var $this = this;
|
this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
|
var searchModel = {
|
itemCode: $this.formItem.itemCode,
|
itemName: $this.formItem.itemName,
|
itemModel: $this.formItem.itemModel,
|
itemFigureNo: $this.formItem.itemFigureNo
|
};
|
searchModel = $.extend(searchModel, $this.dialogList.data);
|
this.$refs.parentDialogList.loadData(searchModel);
|
},
|
searchCustomer: function () {
|
var $this = this;
|
this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
|
var searchModel = {
|
customerName: $this.formCustomer.customerName,
|
};
|
this.$refs.parentDialogList.loadData(searchModel);
|
},
|
searchVendor: function () {
|
var $this = this;
|
this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
|
var searchModel = {
|
vendorName: $this.formVendor.vendorName,
|
};
|
this.$refs.parentDialogList.loadData(searchModel);
|
},
|
//弹窗table列表
|
showDialogList: function (options) {
|
var $this = this;
|
//每次打开先清空上次选中
|
this.formItem.itemCode = '';
|
this.formItem.itemName = '';
|
this.formItem.itemModel = '';
|
this.formItem.itemFigureNo = '';
|
this.formCustomer.customerName = '';
|
this.formVendor.vendorName = '';
|
if (options.url == $this.dialogList.url) {
|
this.$refs.parentDialogList.pagingOptions.pageIndex = 1;
|
this.$refs.parentDialogList.param = {};
|
this.$refs.parentDialogList.loadData();
|
}
|
$this.dialogList.show = true;
|
$this.dialogList.single = false;
|
$this.dialogList.paging = true;
|
$this.dialogList.condition = '';
|
$this.dialogList.data = {};
|
$this.dialogList = $.extend($this.dialogList, options);
|
},
|
//弹窗table列表确认事件
|
dialogListBtnSure: function () {
|
//dialog中选中的物料集合
|
var selections = this.$refs.parentDialogList.selections;
|
//调用确定回调函数
|
this.dialogList.btnSure(selections);
|
this.dialogList.show = false;
|
},
|
loading: function (id) {
|
id = id || "#elMain";
|
this.showLoading = true;
|
|
var width = $(id).width();
|
var height = $(id).height();
|
var left = $(id).offset().left;
|
var top = $(id).offset().top;
|
|
$("#hhLoading").css({
|
"position": "fixed",
|
"left": ((width / 2) - 50 + left) + "px",
|
"top": ((height / 2) - 100 + top) + "px",
|
"z-index": 99999
|
});
|
},
|
showDialogFrame: function (options) {
|
var $this = this;
|
$this.loading('#_dialogFrame');
|
$this.dialogFrame.btn = false;
|
this.dialogFrame.dh = 0;
|
$this.dialogFrame = $.extend($this.dialogFrame, options);
|
|
|
if ($this.dialogFrame.url.indexOf("?") > 0) {
|
$this.dialogFrame.url += ("&_t=" + (new Date()).valueOf());
|
} else {
|
$this.dialogFrame.url += ("?_t=" + (new Date()).valueOf());
|
}
|
$this.dialogFrame.cb = function () {
|
if ($this.$refs.iframeDialog) {
|
$this.dialogFrame.callBack($this.$refs.iframeDialog.contentWindow);
|
$this.dialogFrame.show = false;
|
}
|
};
|
$this.dialogFrame.show = true;
|
},
|
setCookie: function (name, value) {//设置cookie，时间30天
|
var days = 30;
|
var expires = new Date();
|
expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);
|
document.cookie = name + "=" + escape(value) + ";expires=" + expires.toGMTString();
|
},
|
getCookie: function (name) {
|
if (document.cookie.length > 0) {
|
c_start = document.cookie.indexOf(name + "=")
|
if (c_start != -1) {
|
c_start = c_start + name.length + 1
|
c_end = document.cookie.indexOf(";", c_start)
|
if (c_end == -1) c_end = document.cookie.length
|
return unescape(document.cookie.substring(c_start, c_end))
|
}
|
}
|
return ""
|
},
|
refresh: function (refreshId) {
|
var id = null;
|
if (refreshId) id = 'pane-' + refreshId;
|
else id = this.currentRightMenuIndex;
|
//var id = refreshId || this.currentRightMenuIndex;
|
var iframe = $("#" + id).find('iframe');
|
var src = iframe.attr('src');
|
iframe.attr('src', src);
|
this.loading();
|
},
|
closeCurrent: function (closeId) {
|
var targetName = closeId || this.currentRightMenuIndex.split('pane-')[1];
|
this.removeTab(targetName);
|
},
|
closeOthers: function () {
|
var $this = this;
|
var id = this.currentRightMenuIndex;
|
$('#' + id).siblings().each(function () {
|
var targetName = $(this).attr('id').split('pane-')[1];
|
$this.removeTab(targetName);
|
});
|
},
|
closeAll: function () {
|
this.closeCurrent();
|
this.closeOthers();
|
},
|
removeTab: function (targetName) {
|
if (targetName == "1") return;
|
var tabs = this.menuTabs;
|
var activeName = this.currentMenuTab;
|
|
if (activeName === targetName) {
|
tabs.forEach(function (tab, index) {
|
if (tab.name === targetName) {
|
var nextTab = tabs[index + 1] || tabs[index - 1];
|
|
if (nextTab) {
|
activeName = nextTab.name;
|
}
|
}
|
});
|
}
|
|
this.currentMenuTab = activeName;
|
this.menuTabs = tabs.filter(function (tab) {
|
return tab.name !== targetName;
|
});
|
},
|
loadThemeColor: function () {
|
//系统elementui控件主题色
|
var themeColor = this.getCookie("hhThemeColor") || this.themeColor;
|
document.documentElement.style.setProperty("--theme-color", themeColor);
|
this.themeColor = themeColor;
|
//alert(themeColor + '|load');
|
|
//框架颜色
|
var headerColor = this.getCookie("headerColor") || this.themeElements.headerColor;
|
document.documentElement.style.setProperty("--theme-header-color", headerColor);
|
this.themeElements.headerColor = headerColor;
|
|
var headerTextColor = this.getCookie("headerTextColor") || this.themeElements.headerTextColor;
|
document.documentElement.style.setProperty("--theme-header-text-color", headerTextColor);
|
this.themeElements.headerTextColor = headerTextColor;
|
|
var asideColor = this.getCookie("asideColor") || this.themeElements.asideColor;
|
document.documentElement.style.setProperty("--theme-aside-color", asideColor);
|
this.themeElements.asideColor = asideColor;
|
|
var asideTextColor = this.getCookie("asideTextColor") || this.themeElements.asideTextColor;
|
document.documentElement.style.setProperty("--theme-aside-text-color", asideTextColor);
|
this.themeElements.asideTextColor = asideTextColor;
|
|
},
|
dropMenuCommand: function (command) {
|
var $this = this;
|
switch (command) {
|
case 'userInfo':
|
this.showDialogFrame({
|
title: '用户信息',
|
height: "200px",
|
width: "400px",
|
url: "../Home/UserDetail"
|
});
|
break;
|
case 'updatePassword':
|
$this.showDialogFrame({
|
title: '修改密码',
|
height: "160px",
|
width: "400px",
|
url: "../Home/UpdatePassword"
|
});
|
break;
|
case 'onOnLineUser':
|
this.showDialogFrame({
|
title: '在线用户',
|
height: "300px",
|
width: "895px",
|
url: "../Home/OnLineUser"
|
});
|
break;
|
case 'subjectElements':
|
$this.showDialogFrame({
|
title: '主题元素',
|
height: "300px",
|
width: "450px",
|
url: "../Home/SetThemeElements"
|
});
|
break;
|
case 'exit':
|
$this.confirm("确认退出登录吗？", function () {
|
$.ajax({
|
type: 'GET',
|
async: false,
|
data: { endType: "hand" },
|
url: '/Home/Exit',
|
success: function (data) {
|
location.href = 'Login';
|
}
|
});
|
});
|
break;
|
|
case 'selCN':
|
this.setLanguage("zh_CN");
|
break;
|
|
case 'selEN':
|
this.setLanguage("en_US");
|
break;
|
|
case 'selJP':
|
this.setLanguage("ja_JP");
|
break;
|
}
|
},
|
setLanguage:function(lan){
|
$.ajax({
|
type: 'GET',
|
async: false,
|
data: { language: lan },
|
url: '/Language/LoadLanguangeInfo',
|
success: function (data) {
|
location.reload();
|
}
|
});
|
},
|
confirm: function (confirmMsg, then, catchEvent) {
|
this.$confirm(confirmMsg, '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(function () {
|
if (then)
|
then();
|
}).catch(function () {
|
if (catchEvent)
|
catchEvent();
|
});
|
},
|
//成功消息
|
success: function (msg) {
|
this.$message({
|
showClose: true,
|
message: msg,
|
type: 'success'
|
});
|
},
|
//警告消息
|
warning: function (msg) {
|
this.$message({
|
showClose: true,
|
message: msg,
|
type: 'warning'
|
});
|
},
|
//错误消息
|
error: function (msg) {
|
this.$message({
|
showClose: true,
|
message: msg,
|
type: 'error'
|
});
|
},
|
loadMenu: function () {//初始化菜单
|
var $this = this;
|
$.ajax({
|
type: 'GET',
|
async: false,
|
url: '../Power/GetMenu',
|
success: function (d) {
|
var d_json = (new Function("return " + d))();
|
var flag = true;
|
if (!d_json.UserMenuList) {
|
$this.error("获取菜单异常!");
|
location.href = 'Login';
|
}
|
d_json.UserMenuList.forEach(function (m, n) {
|
var _menu = {
|
id: m.id,
|
title: m.name,
|
open: false,
|
pId: m.pId,
|
icon: "&" + m.iconSkin,
|
url: m.url
|
};
|
if (m.pId == "-1") {
|
$this.firstMenu.push(_menu);
|
//默认选中第一个
|
if (flag) {
|
$this.defaultIndex = _menu.id;
|
_menu.open = true;
|
flag = false;
|
}
|
} else
|
$this.otherMenu.push(_menu);
|
});
|
$this.secondMenu = $this.getSecondMenu($this.defaultIndex);
|
},
|
error: function (msg) {
|
$this.error("获取菜单异常!");
|
}
|
});
|
},
|
//id获取菜单
|
getMenuById: function (id) {
|
var menus = [];
|
for (var i = 0; i < this.otherMenu.length; i++) {
|
if (this.otherMenu[i].pId == id) {
|
if (this.otherMenu[i].url.indexOf("?") > 0) {
|
this.otherMenu[i].url += "&menuid=" + this.otherMenu[i].id;
|
} else {
|
this.otherMenu[i].url += "?menuid=" + this.otherMenu[i].id;
|
}
|
var menuEntity = {
|
id: this.otherMenu[i].id,
|
title: this.otherMenu[i].title,
|
icon: this.otherMenu[i].icon,
|
open: false,
|
url: this.otherMenu[i].url
|
};
|
menus.push(menuEntity);
|
}
|
}
|
return menus;
|
},
|
//获取当前菜单的所有子菜单
|
getCurrentMenuChildren: function (menu) {
|
var $this = this;
|
var secondMenu = $this.getMenuById(menu.id);
|
if (secondMenu.length > 0) $this.secondDefaultIndex = secondMenu[0].id;//secondMenu[0].open = true;
|
secondMenu.forEach(function (m) {
|
m.children = $this.getMenuById(m.id);
|
});
|
return secondMenu;
|
},
|
getSecondMenu: function (id) {
|
var $this = this;
|
$this.currenIndex = id;
|
var currentMenu = null;
|
$.each($this.firstMenu, function (i, n) {
|
if (n.id == id) {
|
currentMenu = n;
|
n.open = true;
|
} else n.open = false;
|
});
|
if (currentMenu)
|
return $this.getCurrentMenuChildren(currentMenu);
|
},
|
setSecondMenu: function (id) {
|
this.secondMenu = this.getSecondMenu(id);
|
},
|
initRightMenu: function () {
|
var $this = this;
|
setTimeout(function () {
|
$(".el-tabs__nav div").contextmenu(function (e) {
|
$this.currentRightMenuIndex = $(this).attr('aria-controls');
|
var winWidth = $(document).width();
|
var winHeight = $(document).height();
|
var posX = e.pageX;
|
var posY = e.pageY;
|
var menuWidth = $(".contextmenu").width();
|
var menuHeight = $(".contextmenu").height();
|
var secMargin = 10;
|
if (posX + menuWidth + secMargin >= winWidth
|
&& posY + menuHeight + secMargin >= winHeight) {
|
posLeft = posX - menuWidth - secMargin + "px";
|
posTop = posY - menuHeight - secMargin + "px";
|
}
|
else if (posX + menuWidth + secMargin >= winWidth) {
|
posLeft = posX - menuWidth - secMargin + "px";
|
posTop = posY + secMargin + "px";
|
}
|
else if (posY + menuHeight + secMargin >= winHeight) {
|
posLeft = posX + secMargin + "px";
|
posTop = posY - menuHeight - secMargin + "px";
|
}
|
else {
|
posLeft = posX + secMargin + "px";
|
posTop = posY + secMargin + "px";
|
};
|
$(".contextmenu").css({
|
"left": posLeft,
|
"top": posTop
|
}).show();
|
return false;
|
});
|
$(document).click(function () {
|
$(".contextmenu").hide();
|
});
|
}, 100);
|
},
|
addCustomTab: function (option) {
|
var id = null;
|
this.menuTabs.forEach(function (n) {
|
if (n.title == option.title)
|
id = n.name;
|
});
|
|
if (!id) {
|
id = guid();
|
this.initRightMenu();
|
this.loading();
|
this.menuTabs.push({
|
title: option.title,
|
name: id,
|
url: option.href,
|
closable: true,
|
});
|
this.currentMenuTab = id;
|
this.resizeIframe();
|
} else {
|
this.currentMenuTab = id;
|
}
|
},
|
addTab: function (menu, secondIndex) {
|
if (secondIndex) this.secondDefaultIndex = secondIndex;
|
var id = null;
|
this.menuTabs.forEach(function (n) {
|
if (n.name == menu.id)
|
id = n.name;
|
});
|
if (!id) {
|
this.initRightMenu();
|
this.currentMenuTab = menu.id;
|
this.loading();
|
this.menuTabs.push({
|
title: menu.title,
|
name: menu.id,
|
url: menu.url,
|
closable: true,
|
icon: menu.icon
|
});
|
this.resizeIframe();
|
} else {
|
this.currentMenuTab = menu.id;
|
}
|
},
|
resizeIframe: function () {
|
var $content = $('.el-tabs__content');
|
$content.height($(window).height() - 95);
|
setTimeout(function () {
|
$content.find('iframe').each(function () {
|
$(this).css("height", $content.height() + "px");
|
});
|
}, 10);
|
},
|
//根据OperateResult实体弹出消息
|
showMsg: function (data, successCallBack, errorCallBack, warningCallBack) {
|
if (data) {
|
if (data.Success) {
|
if (successCallBack)
|
successCallBack();
|
else {
|
this.success("保存成功");
|
}
|
}
|
else {
|
switch (data.Status) {
|
case 0:
|
this.error(data.Msg);
|
break;
|
case 2:
|
this.warning(data.Msg);
|
break;
|
default:
|
this.error(data.Msg);
|
}
|
if (errorCallBack)
|
errorCallBack();
|
if (warningCallBack)
|
warningCallBack();
|
}
|
} else
|
this.error("系统错误");
|
},
|
loadPageSetList: function () {
|
var $this = this;
|
if (this.pageSetList.length == 0) {
|
$.ajax({
|
type: 'GET',
|
async: false,
|
dataType: 'json',
|
url: "/Sys/PageSet/GetPageSetList",
|
success: function (data) {
|
$this.showMsg(data, function () {
|
var readonlyData = Enumerable.From(data.Data).Where("x=>x.CN_B_READONLY").ToArray();
|
$this.pageSetReadOnly = readonlyData.map(function (n) {
|
return $.trim(n.CN_S_POWER_CODE);
|
});
|
$this.pageSetList = Enumerable.From(data.Data).Where("x=>!x.CN_B_READONLY").ToArray();
|
});
|
}
|
});
|
}
|
},
|
},
|
mounted: function () {
|
var $this = this;
|
this.loadThemeColor();
|
this.loadMenu();
|
//初始化功能配置数据
|
this.loadPageSetList();
|
this.$nextTick(function () {
|
$this.initRightMenu();
|
$(window).on('resize', function () {
|
$this.resizeIframe();
|
}).resize();
|
if ($this.menuTabs.length > 0)
|
$this.loading();
|
});
|
}
|
});
|
|
var tab = {
|
tabAdd: function (option) {
|
wmsAdmin.addCustomTab(option);
|
},
|
tabDeleteRefresh: function (deleteTitle, refreshTitle) {
|
var deleteId = null;
|
var refreshId = null;
|
wmsAdmin.menuTabs.forEach(function (n) {
|
if (n.title == deleteTitle)
|
deleteId = n.name;
|
if (n.title == refreshTitle)
|
refreshId = n.name;
|
});
|
if (deleteId) {
|
wmsAdmin.closeCurrent(deleteId);
|
}
|
if (refreshId) {
|
wmsAdmin.refresh(refreshId);
|
}
|
}
|
};
|
|
$(function(){
|
$(window).on('resize', function () {
|
resize();
|
}).resize();
|
$(document).on('click', '.pf-nav-next', function () {
|
if ($('.pf-nav-more').css('display') == 'none') {
|
$('.pf-nav-more').slideDown(200);
|
} else {
|
$('.pf-nav-more').slideUp(200);
|
}
|
});
|
});
|
|
function resize() {
|
//设置高度
|
var height = $("#pf-page").height();
|
//设置宽度
|
var width = $("#pf-page").width();
|
//获得放置区域宽度
|
var top_width = $("#pf-hd").width() - 600;
|
//获得当前宽度可放置的数量
|
var set_len = Math.floor(top_width / 100);
|
//获得已存在的数量
|
var now_len = $("#menu_top>li").length;
|
|
//如果可放置数量小于已存在的数据
|
//说明此时需要进行移动
|
if (set_len < now_len) {
|
//可移动下去的数量
|
var moveLen = now_len - set_len;
|
var eq1 = now_len - moveLen;
|
var eq2 = now_len;
|
var $li = $("#div_top_menu>ul>li").slice(eq1, eq2);
|
$li.prependTo("#div_left_menu>ul");
|
}
|
else if (set_len > now_len) {
|
//可移动上去的数量
|
var moveLen = set_len - now_len;
|
var eq1 = 0;
|
var eq2 = moveLen;
|
var $li = $("#div_left_menu>ul>li").slice(eq1, eq2);
|
$li.appendTo("#div_top_menu>ul");
|
}
|
|
//设置头部菜单宽度
|
$(".pf-nav-wrap").find("div").width(set_len * 100);
|
|
//判断扩展的菜单DIV中是否有菜单
|
var len = $("#div_left_menu>ul>li").length;
|
//没有则隐藏下拉箭头和div
|
if (len == 0) {
|
$("#first_menu_all").hide();
|
}
|
else {
|
$("#first_menu_all").show();
|
}
|
}
|
