Merge branch 'master' of http://git.hieap.cn/gitbucket/git/08335/hivui-platform-template

08335 / hivui-platform-template

hivui平台项目模板

Browse code Merge branch 'master' of http://git.hieap.cn/gitbucket/git/08335/hivui-platform-template master
commit 11a96703e71c56f8174732cf56d14807ea976023 2 parents 3ecfd42 + 743cc06 caibinghong authored on 30 Oct 2023

Showing 3 changed files

Ignore Space Show notes View assets_platform/customSysCfg/index.js
var __guid=new Date().valueOf(); //切换布局 function changeLayout(name) { window.localStorage.setItem('layout', name); window.location.reload(); } window.customSysCofig = { //默认门户对应自定义门户功能 sysSetTabs:{ taskcenter:{ title: eap.lang.get('customSysCfg_taskcenter'), id: __guid++, close: false, url: '#taskCenter', }, mainpage:{ title: eap.lang.get('customSysCfg_mainpage'), id: __guid++, close: false, url:"/eapdev/home/index/func/index.func", //actived: true //默认选中 }, itemSort:['taskcenter','mainpage'], }, //默认打开功能 sysDefTabs: { design:{ id: __guid++, title:"设计", url:'http://192.168.7.109:9090/#/design', close:true, }, itemSort:[], }, //头部菜单 sysFuncMenus: { layout:{ id: __guid++, name: eap.lang.get('customSysCfg_layout'), type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: eap.lang.get('customSysCfg_updownlayout'), handler: function () { changeLayout(this.id); } }, { id: 'level', name: eap.lang.get('customSysCfg_leftrightlayout'), handler: function () { changeLayout(this.id); } } ] }, messagecenter:{ id: __guid++, name: eap.lang.get('customSysCfg_messagecenter'), type: 'withNumTips', iconClass: 'icon-bell', target:'tab', url:'/platf/msg/func/query.func',//消息中心地址 numIntervalTime:100030,//循环时间，默认30秒 //hideNotific:true,//隐藏底部消息通知 //消息提示文字 messageText:function(res){ return eap.lang.get("customSysCfg_unreadmessage").replace("{0}",res.num); }, //获取未读消息数量 numFunc:function(){ return new Promise((resolve, reject) => { let param = new eap.dataHelper.Param(); let where = new eap.dataHelper.Where(); let orders = new eap.dataHelper.Orders(); if (window.Scp.User.fuserid) { where.eq("freceiver", window.Scp.User.fuserid); } where.setPage(1, -1); param.where = where; eap.dataHelper.query( param, "/platf/msg/entity/MsgUnReadBizEntity.xml", ).then(res=>{ let __data=res.dataPack.rows; resolve({ num: (__data && __data.length > 0) ? __data.length : 0 }); }).catch(err=>{ reject(err); }); }); }, }, itemSort:["\|","layout","\|","messagecenter","\|"], }, //浏览器标签logo //favicon: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/favicon.png", //首页加载logo sysLoadLogo: { src: '/render/'+window.global.pUser+ '/' + window.global.pName + '/setting/desktop/sysAssets/sy_loading.png', title: eap.lang.get('customSysCfg_companyname') }, //首页头部logo sysLogo: { src: '/render/'+window.global.pUser+ '/' + window.global.pName + '/setting/desktop/sysAssets/sy_logo.png', title: eap.lang.get('customSysCfg_companyname'), //width:null, //height:null, //clickHandler:()=>{alert(123456);}, }, //首页左右结构头部logo /sysLogoHorizon: { src: '/render/'+window.global.pUser+ '/' +window.global.pName + '/setting/desktop/sysAssets/sy_logo_horizon.png', title: eap.lang.get('customSysCfg_companyname'), //width:null, //height:null, },/ //首页左右结构mini图标logo MsysLogo: { src: '/render/'+window.global.pUser+ '/' + window.global.pName + '/setting/desktop/sysAssets/sy_minLogo.png', title: eap.lang.get('customSysCfg_companyname'), //width:null, //height:null, }, //默认布局类型 top:上下结构;left:左右结构; //layout:"left", //左右布局菜单项文字是否单行显示 //isMenuWordwrap:true, //是否开启单页模式 //isSinglePage:true, //是否开启功能页缓存模式 //isPageCache:true, //是否开启全部功能菜单，不配置默认开启 //isShowAllFunc:false, //左右结构菜单宽度设置 //leftMenuWidth:200, //多岗列表文本展示模板 //orgBzTpl:"${fbzname}/${fbzid}", //是否显示多语言选择按钮 //showChangeLangBtn:true, //引用第三方资源 /thirdParty:[ { type:"js", link:"脚本资源路径", } ],/ //登录超时显示小登录弹窗（默认显示） //showMiniLogin:false, //是否隐藏头部设置按钮 //hideSettingBtn:true, //是否隐藏最近使用列表 //hideHistoryFuncList:true, //登录页配置 //登录页logo loginLogo: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/login_logo.png", //logo高 loginLogo_h: null, //logo宽 loginLogo_w: null, //登录页背景 loginBgImg: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/login_bg.png", //登录标签 loginTitle: eap.lang.get('customSysCfg_pageTitle'), //首页标签 syTitle: eap.lang.get('customSysCfg_pageTitle'), //版权 copyright: eap.lang.get('customSysCfg_copyright'), //是否开启扫码登录 //isScan:false, //登录隐藏注册入口 hideRegister:true, //是否启用登录页切岗 isSelectUserBz:false, //app下载二维码;如果是二维码图片路径，请在字符串开头添加“imgUrl:” appQRcode:"", } var __guid=new Date().valueOf(); //切换布局 function changeLayout(name) { window.localStorage.setItem('layout', name); window.location.reload(); } window.customSysCofig = { //默认门户对应自定义门户功能 sysSetTabs:{ taskcenter:{ title: eap.lang.get('customSysCfg_taskcenter'), id: __guid++, close: false, url: '#taskCenter', }, mainpage:{ title: eap.lang.get('customSysCfg_mainpage'), id: __guid++, close: false, url:"/eapdev/home/index/func/index.func", //actived: true //默认选中 }, itemSort:['taskcenter','mainpage'], }, //默认打开功能 sysDefTabs: { design:{ id: __guid++, title:"设计", url:'http://192.168.7.109:9090/#/design', close:true, }, itemSort:[], }, //头部菜单 sysFuncMenus: { layout:{ id: __guid++, name: eap.lang.get('customSysCfg_layout'), type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: eap.lang.get('customSysCfg_updownlayout'), handler: function () { changeLayout(this.id); } }, { id: 'level', name: eap.lang.get('customSysCfg_leftrightlayout'), handler: function () { changeLayout(this.id); } } ] }, messagecenter:{ id: __guid++, name: eap.lang.get('customSysCfg_messagecenter'), type: 'withNumTips', iconClass: 'icon-bell', target:'tab', url:'/platf/msg/func/query.func',//消息中心地址 numIntervalTime:100030,//循环时间，默认30秒 //消息提示文字 messageText:function(res){ return _formatLang("unreadmessage").replace("{0}",res.num); }, //获取未读消息数量 numFunc:function(){ return new Promise((resolve, reject) => { let param = new eap.dataHelper.Param(); let where = new eap.dataHelper.Where(); let orders = new eap.dataHelper.Orders(); if (window.Scp.User.fuserid) { where.eq("freceiver", window.Scp.User.fuserid); } where.setPage(1, -1); param.where = where; eap.dataHelper.query( param, "/platf/msg/entity/MsgUnReadBizEntity.xml", ).then(res=>{ let __data=res.dataPack.rows; resolve({ num: (__data && __data.length > 0) ? __data.length : 0 }); }).catch(err=>{ reject(err); }); }); }, }, itemSort:["\|","layout","\|","messagecenter","\|"], }, //浏览器标签logo //favicon: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/favicon.png", //首页加载logo sysLoadLogo: { src: '/render/'+window.global.pUser+ '/' + window.global.pName + '/setting/desktop/sysAssets/sy_loading.png', title: eap.lang.get('customSysCfg_companyname') }, //首页头部logo sysLogo: { src: '/render/'+window.global.pUser+ '/' + window.global.pName + '/setting/desktop/sysAssets/sy_logo.png', title: eap.lang.get('customSysCfg_companyname'), //width:null, //height:null, //clickHandler:()=>{alert(123456);}, }, //首页左右结构头部logo /sysLogoHorizon: { src: '/render/'+window.global.pUser+ '/' +window.global.pName + '/setting/desktop/sysAssets/sy_logo_horizon.png', title: eap.lang.get('customSysCfg_companyname'), //width:null, //height:null, },/ //首页左右结构mini图标logo MsysLogo: { src: '/render/'+window.global.pUser+ '/' + window.global.pName + '/setting/desktop/sysAssets/sy_minLogo.png', title: eap.lang.get('customSysCfg_companyname'), //width:null, //height:null, }, //默认布局类型 top:上下结构;left:左右结构; //layout:"left", //左右布局菜单项文字是否单行显示 //isMenuWordwrap:true, //是否开启单页模式 //isSinglePage:true, //是否开启功能页缓存模式 //isPageCache:true, //是否开启全部功能菜单，不配置默认开启 //isShowAllFunc:false, //左右结构菜单宽度设置 //leftMenuWidth:200, //多岗列表文本展示模板 //orgBzTpl:"${fbzname}/${fbzid}", //是否显示多语言选择按钮 //showChangeLangBtn:true, //引用第三方资源 /thirdParty:[ { type:"js", link:"脚本资源路径", } ],/ //登录超时显示小登录弹窗（默认显示） //showMiniLogin:false, //是否隐藏头部设置按钮 //hideSettingBtn:true, //是否隐藏最近使用列表 //hideHistoryFuncList:true, //登录页配置 //登录页logo loginLogo: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/login_logo.png", //logo高 loginLogo_h: null, //logo宽 loginLogo_w: null, //登录页背景 loginBgImg: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/login_bg.png", //登录标签 loginTitle: eap.lang.get('customSysCfg_pageTitle'), //首页标签 syTitle: eap.lang.get('customSysCfg_pageTitle'), //版权 copyright: eap.lang.get('customSysCfg_copyright'), //是否开启扫码登录 //isScan:false, //登录隐藏注册入口 hideRegister:true, //是否启用登录页切岗 isSelectUserBz:false, //app下载二维码;如果是二维码图片路径，请在字符串开头添加“imgUrl:” appQRcode:"", }

Ignore Space Show notes View

assets_platform/customSysCfg/index.js

//登录页配置
    //登录页logo
    loginLogo: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/login_logo.png",
    //logo高
    loginLogo_h: null,
    //logo宽
    loginLogo_w: null,
    //登录页背景
    loginBgImg: '/render/'+window.global.pUser+ '/' + window.global.pName + "/setting/desktop/sysAssets/login_bg.png",
    //登录标签
    loginTitle: eap.lang.get('customSysCfg_pageTitle'),
    //首页标签
    syTitle: eap.lang.get('customSysCfg_pageTitle'),
    //版权
    copyright: eap.lang.get('customSysCfg_copyright'),
    //是否开启扫码登录
    //isScan:false,
    //登录隐藏注册入口
    hideRegister:true,
    //是否启用登录页切岗
    isSelectUserBz:false,
    //app下载二维码;如果是二维码图片路径，请在字符串开头添加“imgUrl:”
    appQRcode:"",
}

Ignore Space Show notes View project/hivuiMain/views/layout/components/Header.vue
<template> <div class="pl-header " :data-layout="layout"> <ul class="ltArea"> <li v-if="layout=='level'" class="logoStyle"> <div class="pl-logo"> <div v-if="hasTitle" @click="logoClickHanlder(logoOpt)"> <img :src="def_sy_logo_horizon" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> <div v-else @click="logoClickHanlder(MlogoOpt)"> <img :src="def_sy_minLogo" v-if="!MlogoOpt.src"> <img :src="MlogoOpt.src" :width="MlogoOpt.width?(MlogoOpt.width+'px'):(!MlogoOpt.height?logoWidth:null)" :height="MlogoOpt.height&&(MlogoOpt.height+'px')" :title="MlogoOpt.title" v-if="MlogoOpt.src"> </div> </div> </li> <li v-else class="logoStyle"> <div class="pl-logo" @click="logoClickHanlder(logoOpt)"> <img :src="def_sy_logo" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> </li> <li v-if="sysList.length"> <div class="sysTrigger" ref='dom-sysList' @mouseover="handleShowSysList" @mouseout="handleHideSysList"> <span>{{$t('hivuiMain_projectManage')}}</span> <i class="iconfont icon-change"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowSysList" @mouseleave="handleHideSysList" :style="sysListStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)"> <a class="title"><span class="txt">{{item.title}}</span></a> </li> </ul> </li> <li v-if="layout == 'level'&&!hideHistoryFuncList" > <div class="sysTrigger" ref="dom-latelyUse" :title='$t("hivuiMain_recentlyUsed")' @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.name}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="layout == 'level'&&showAllFuncBtn" > <div class="sysTrigger"> <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span> <i class="icon iconfont icon-arrow-down"></i> <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu> </div> </li> </ul> <ul class="rtArea"> <li> <div class="pl-search" ref="dom-searchBox" > <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$t('hivuiMain_searchKey')" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body> <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" style="width:100%" @click="openFunc(item)"> <a class="title"><span class="txt" v-html="item.html\|\|item.name"></span></a> </li> <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="sysProjectManage"> <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name"> <i class="iconfont" :class="sysProjectManage.iconClass"></i> <span class="title">{{sysProjectManage.name}}</span> </a> </li> <template v-for="item in sysFuncMenus"> <li v-if="item.type!='split'"> <template v-if="item.type=='withNumTips'"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html\|\|item.name"></span> <span class="pl-head-tipsNum" :hidden="!(msgCount!=0)">{{msgCount}}</span> <!-- <span class="pl-head-tipsNum" :hidden="!(item.tipNum&&item.tipNum!=0)">{{item.tipNum}}</span> --> </div> </template> <template v-else> <template v-if="item.children&&item.children.length"> <div class="item" @mouseenter="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html\|\|item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> <template v-if="!item.children\|\|item.children&&item.children.length==0"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html\|\|item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> </template> </li> <li v-if="item.type=='split'"><div class="line"></div></li> </template> <!-- <li> <div class="item"> <div class="tip"> <i class="iconfont icon-user"></i> </div> <span class="title">{{this.$store.getters.userId}}/{{this.$store.getters.userName}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> <li><div class="line"></div></li> --> <!-- 语言切换 --> <li v-if="langList"> <template v-if="langList.children&&langList.children.length"> <div class="item" @mouseenter="handleFuncMenus(langList,$event)"> <div class="tip"> <i class="iconfont" :class="langList.iconClass"></i> </div> <span class="title" v-html="langList.html\|\|langList.name"></span> <i class="iconfont icon-arrow-down" v-if="langList.children"></i> </div> </template> </li> <li v-if="langList"><div class="line"></div></li> <!-- 用户信息 --> <li> <template v-if="sysUserInfo.children&&sysUserInfo.children.length"> <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)"> <div class="tip"> <i class="iconfont" :class="sysUserInfo.iconClass"></i> </div> <span class="title" v-html="sysUserInfo.html\|\|sysUserInfo.name"></span> <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i> </div> </template> </li> <li><div class="line"></div></li> <li v-if="hasSetting"> <div class="item" :title="$t('hivuiMain_customWorkbench')"> <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a> </div> </li> <li> <div class="item" :title="$t('hivuiMain_logout')"> <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a> </div> </li> </ul> <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu> <modifyPw></modifyPw> </div> </template> <script> import pinyin from 'js-pinyin';//ie 下有问题编译不过 import vueContextMenu from "@main/components/contextMenu"; import modifyPw from "@main/views/layout/components/modifyPw"; import allFuncMenu from './allFuncMenu' import {changeBz} from "@main/api/user"; import { removeToken } from '@main/utils/auth' import { sortMapTurnArr } from '@main/utils/index' import def_sy_loading from "@main/assets/logo_max.png" import def_sy_minLogo from "@main/assets/logo_min.png" import def_sy_logo from "@main/assets/logo.png" import def_sy_logo_horizon from "@main/assets/logo_horizon.png" export default { components:{ vueContextMenu, modifyPw, allFuncMenu, }, inject:['addTab','showTab','hideTab'], props:{ hasTitle:{ type: Boolean, }, logoWidth:{ type: String, } }, data(){ return { menuItems:[], searchWord:"", searchList:[], seldIndex:0, menuShow:false, searchMenusStyle:{ display:'none', left:0, top:0, width:0, // maxHeight:'50%', // overflow:'auto' }, sysListStyle:{ display:'none', left:0, top:0, }, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, def_sy_minLogo:def_sy_minLogo, def_sy_logo:def_sy_logo, def_sy_logo_horizon:def_sy_logo_horizon, numTipTimer:null, showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true, hideHistoryFuncList:window.customSysCofig.hideHistoryFuncList\|\|false, isShowAllFuncMenu:false, allFuncBtnObj:{}, msgCount:0 } }, computed:{ hasSetting(){ let cfg = this.$store.state.app.config\|\|{}; if(cfg.hideSettingBtn){ return false; } let _arr=sortMapTurnArr(cfg.sysSetTabs); return _arr&&_arr.length; }, sysList(){ let cfg = this.$store.state.app.config\|\|{}; return cfg.sysList\|\|[]; }, sysUserInfo(){ let me=this; let cfg = this.$store.state.app.config\|\|{}; function replaceData(str){ if(!str)return ['',false]; var _arr=str.match(/\${(\S?)}/g); var nullNum=0; if(_arr&&_arr.length>0){ for(let i of _arr){ var _data=me.userInfo[i.match(/\${(\S)}/)[1]]; if(typeof(_data)!="undefined"){ str=str.replace(i,_data); }else{ str=str.replace(i,me.$t('hivuiMain_header_null')); nullNum++; } } return [str,nullNum==_arr.length?false:true]; } return [str,true]; } //多岗信息文字模板format function orgBzTplFormat(str,item){ let fieldArr=str.match(/(?<=\${).?(?=})/g); fieldArr.forEach((_i)=>{ if(typeof(item[_i])!="undefined"){ str=str.replaceAll("${"+_i+"}",item[_i]); } }); return str; } let _userInfo=cfg.userInfo; if(_userInfo){ _userInfo.name=replaceData(_userInfo.name)[0]; if(_userInfo.children&&_userInfo.children.length>0){ _userInfo.children=_userInfo.children.filter((item)=>{ let _rData=replaceData(item.name); item.name=_rData[0]; switch(item.type){ case "modifyUserInfo": item.handler=me.modifyUserInfo; break; case "modifyPw": item.handler=me.modifyPw; break; case "personalCenter": item.handler=me.personalCenter; break; case "orgBz": if(Array.isArray(me.bzList)&&me.bzList.length>1){ item.children=[]; for(let i of me.bzList){ let _pushData={ iconClass:'icon-user', name:cfg.orgBzTpl?orgBzTplFormat(cfg.orgBzTpl,i):`${i.fbzname}/${i.fbzid}`, handler:function(){ me.__changeOrgBz(`${i.fbzid}`); }, }; /if(i.fbzid==me.userInfo.fbzid){ _pushData.chooseIcon={ title:me.$t("hivuiMain_header_bzchooseIcon_title"), iconClass:"el-icon-star-on", }; }else{ _pushData.hoverBtn={ title:me.$t("hivuiMain_header_bzhoverbtn_title"), iconClass:"iconfont icon-set", handler:function(){ console.log(123456789); } } }/ item.children.push(_pushData); } } break; } if(_rData[1]){ return item; } }); } } return _userInfo\|\|[]; }, sysProjectManage(){ let cfg = this.$store.state.app.config\|\|{}; let item = cfg.sysProjectMange\|\|{},flag=false; this.$store.state.app.powerList.forEach(p=>{ if(p.resUrl.indexOf(item.uri)>-1){ flag = true; return true; } }); if(flag){ return cfg.sysProjectMange; }else{ return null; } }, langList(){ let cfg = this.$store.state.app.config\|\|{}; if(!cfg.showChangeLangBtn){ return; } let menus = cfg.langList\|\|[]; return menus; }, sysFuncMenus(){ let cfg = this.$store.state.app.config\|\|{}; let menus = sortMapTurnArr(cfg.sysFuncMenus)\|\|[]; return menus; }, logoOpt(){ let cfg = this.$store.state.app.config\|\|{}; return (this.layout=="level"&&cfg.sysLogoHorizon?cfg.sysLogoHorizon:cfg.sysLogo)\|\|{}; }, MlogoOpt(){ let cfg = this.$store.state.app.config\|\|{}; return cfg.MsysLogo\|\|{}; }, layout(){ return window.localStorage.getItem('layout'); }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; }, token(){ return this.$store.getters.token; }, userInfo(){ return this.$store.state.user.userInfo; }, bzList(){ return this.$store.state.user.bzList; }, }, watch:{ searchWord(newVal,oldVal){ this.seldIndex=0; this.doSearch(newVal); } }, mounted(){ let me=this; document.addEventListener('click',me.hideSeachResult); me.$store.dispatch("app/getSysConfig"); me.sysFuncMenus.filter(item=>{ if(item.type=="withNumTips"&&item.numFunc){ function __intervalFunc(){ item.numFunc().then(res=>{ me.msgCount = res.num; // me.$set(item,"tipNum",res.num); //渲染报错？？ if(res.num&&!item.hideNotific){ window.SysPage.notificationFunc(me.$t("hivuiMain_header_notification_title"),item.messageText(res),()=>{ me.handleFuncMenus(item); }); } }).catch(err=>{ clearInterval(me.numTipTimer); }); } clearInterval(me.numTipTimer); me.numTipTimer=setInterval(__intervalFunc,item.numIntervalTime\|\|100030); __intervalFunc(); } }); me.allFuncBtnObj=(me.layout == 'level')&&me.showAllFuncBtn&&me.$refs.allFuncBtn.getBoundingClientRect(); }, beforeDestroy(){ document.removeEventListener('click',this.hideSeachResult) }, methods:{ openDesign(){ this.$refs['cmp-dd'].show(); }, doSearch(cnKey){ if(cnKey==""){ this.hideSeachResult(); return; } this.showSeachResult(); let list = [], records = this.$store.getters.menusList; let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); console.log('records', records) //let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(list.length>10){ break; } if(item.name){ if(re.test(cnKey)){ let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); //let y = Scp.String.getPinyin(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir' ){ list.push(item); continue; } } } } this.$set(this,'searchList',list); }, openFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId) this.addTab(item);//inject 提供的方法只能传一个参数 }, handleSearchBoxClick(){ this.doSearch(this.searchWord); this.$refs['dom-seachTxt'].focus(); }, handleSeachKeyUp(evt){ if(evt.keyCode==40){//ArrowDown if(this.seldIndex<this.searchList.length-1){ this.seldIndex++; }else{ this.seldIndex=0; } } if(evt.keyCode==38){//ArrowUp if(this.seldIndex==0){ this.seldIndex=this.searchList.length-1; }else{ this.seldIndex--; } } if(evt.keyCode==13){//enter let item = this.searchList[this.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId); this.addTab(item);//inject 提供的方法只能传一个参数 this.searchWord = ""; this.seldIndex = 0; this.hideSeachResult(); } }, showSeachResult(){ this.searchMenusStyle.display ='block'; let s = this.$refs["dom-searchBox"]; let rect = s.getBoundingClientRect(); this.searchMenusStyle.left = rect.left+'px'; this.searchMenusStyle.top = rect.top + rect.height + 5 +'px'; this.searchMenusStyle.width = rect.width+'px'; this.searchMenusStyle.opacity = '1'; }, hideSeachResult(){ this.searchMenusStyle.display ='none'; }, handleChangeSys(item){ if(!item.url)return; if(item.target=="_blank"){ window.open(item.url) }else{ window.location.href=item.url; } }, handleShowSysList(){ this.sysListStyle.display ='block'; let s = this.$refs["dom-sysList"]; let rect = s.getBoundingClientRect(); this.sysListStyle.left = rect.left+'px'; this.sysListStyle.top = rect.top + rect.height +'px'; }, handleHideSysList(){ this.sysListStyle.display ='none'; }, handleFuncMenus(item,$event){ $event&&$event.stopPropagation(); if(item.type== "link"){ window.open(item.resUrl,item.name); return; } var _url=item.url; if(item.type== "widthToken"\|\|item.type== "withToken"){ _url=item.url+"&access_token="+this.token; } if(item.url){ item.target=='tab'? this.addTab({ resUrl:_url, name:item.name, resId:item.id, openType:item.openType, }) : window.open(_url); return }else{ item.handler&&item.handler(); } if(item.children&&item.children.length){ this.menuItems = item.children; this.$refs['cmp-funcMenu'].open($event) } }, async handleLogout(){ await this.$store.dispatch("user/logout").then(()=>{ //removeToken(); if(window.HIVUI_SETTING.isSingleLogin&&window.HIVUI_SETTING.singleLogoutUrl){ location=window.HIVUI_SETTING.singleLogoutUrl; }else{ location=window.HIVUI_SETTING.loginUrl; } }); }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; this.latelyUseStyle.opacity = '1'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.resUrl, name:item.name, openType:item.openType, });//inject 提供的方法只能传一个参数 }, hideTitle(name){ this.$emit('hideTitle', name); }, //切岗 __changeOrgBz(bzid){ changeBz({ bzid:bzid }).then(res=>{ window.location.reload(); }); }, modifyPw(){ this.$store.dispatch("user/showPwDialog",true); }, // 个人中心 personalCenter(){ top.window.SysPage.newPage(this.$t("hivuiMain_app_personal_Center"), '#personalCenter'); }, modifyUserInfo(){ }, //全部功能弹窗 allFuncTrigger(){ let me=this; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; if(me.isShowAllFuncMenu){ me.$refs.allFuncMenu.showBox(); }else{ me.$refs.allFuncMenu.hideBox(); } }, allFuncTriggerOpen(){ let me=this; me.$refs.allFuncMenu.showBox(); }, allFuncTriggerClose(){ let me=this; me.$refs.allFuncMenu.hideBox(); }, logoClickHanlder(opt){ if(opt&&opt.clickHandler){ opt.clickHandler(); } }, } } </script> <style lang="less" scoped> .pl-header{ z-index: 99; } </style> <template> <div class="pl-header " :data-layout="layout"> <ul class="ltArea"> <li v-if="layout=='level'" class="logoStyle"> <div class="pl-logo"> <div v-if="hasTitle" @click="logoOpt.clickHandler"> <img :src="def_sy_logo_horizon" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> <div v-else @click="MlogoOpt.clickHandler"> <img :src="def_sy_minLogo" v-if="!MlogoOpt.src"> <img :src="MlogoOpt.src" :width="MlogoOpt.width?(MlogoOpt.width+'px'):(!MlogoOpt.height?logoWidth:null)" :height="MlogoOpt.height&&(MlogoOpt.height+'px')" :title="MlogoOpt.title" v-if="MlogoOpt.src"> </div> </div> </li> <li v-else class="logoStyle"> <div class="pl-logo" @click="logoOpt.clickHandler"> <img :src="def_sy_logo" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> </li> <li v-if="sysList.length"> <div class="sysTrigger" ref='dom-sysList' @mouseover="handleShowSysList" @mouseout="handleHideSysList"> <span>{{$t('hivuiMain_projectManage')}}</span> <i class="iconfont icon-change"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowSysList" @mouseleave="handleHideSysList" :style="sysListStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)"> <a class="title"><span class="txt">{{item.title}}</span></a> </li> </ul> </li> <li v-if="layout == 'level'&&!hideHistoryFuncList" > <div class="sysTrigger" ref="dom-latelyUse" :title='$t("hivuiMain_recentlyUsed")' @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.name}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="layout == 'level'&&showAllFuncBtn" > <div class="sysTrigger"> <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span> <i class="icon iconfont icon-arrow-down"></i> <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu> </div> </li> </ul> <ul class="rtArea"> <li> <div class="pl-search" ref="dom-searchBox" > <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$t('hivuiMain_searchKey')" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body> <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" style="width:100%" @click="openFunc(item)"> <a class="title"><span class="txt" v-html="item.html\|\|item.name"></span></a> </li> <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="sysProjectManage"> <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name"> <i class="iconfont" :class="sysProjectManage.iconClass"></i> <span class="title">{{sysProjectManage.name}}</span> </a> </li> <template v-for="item in sysFuncMenus"> <li v-if="item.type!='split'"> <template v-if="item.type=='withNumTips'"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html\|\|item.name"></span> <span class="pl-head-tipsNum" :hidden="!(msgCount!=0)">{{msgCount}}</span> <!-- <span class="pl-head-tipsNum" :hidden="!(item.tipNum&&item.tipNum!=0)">{{item.tipNum}}</span> --> </div> </template> <template v-else> <template v-if="item.children&&item.children.length"> <div class="item" @mouseenter="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html\|\|item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> <template v-if="!item.children\|\|item.children&&item.children.length==0"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html\|\|item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> </template> </li> <li v-if="item.type=='split'"><div class="line"></div></li> </template> <!-- <li> <div class="item"> <div class="tip"> <i class="iconfont icon-user"></i> </div> <span class="title">{{this.$store.getters.userId}}/{{this.$store.getters.userName}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> <li><div class="line"></div></li> --> <!-- 语言切换 --> <li v-if="langList"> <template v-if="langList.children&&langList.children.length"> <div class="item" @mouseenter="handleFuncMenus(langList,$event)"> <div class="tip"> <i class="iconfont" :class="langList.iconClass"></i> </div> <span class="title" v-html="langList.html\|\|langList.name"></span> <i class="iconfont icon-arrow-down" v-if="langList.children"></i> </div> </template> </li> <li v-if="langList"><div class="line"></div></li> <!-- 用户信息 --> <li> <template v-if="sysUserInfo.children&&sysUserInfo.children.length"> <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)"> <div class="tip"> <i class="iconfont" :class="sysUserInfo.iconClass"></i> </div> <span class="title" v-html="sysUserInfo.html\|\|sysUserInfo.name"></span> <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i> </div> </template> </li> <li><div class="line"></div></li> <li v-if="hasSetting"> <div class="item" :title="$t('hivuiMain_customWorkbench')"> <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a> </div> </li> <li> <div class="item" :title="$t('hivuiMain_logout')"> <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a> </div> </li> </ul> <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu> <modifyPw></modifyPw> </div> </template> <script> import pinyin from 'js-pinyin';//ie 下有问题编译不过 import vueContextMenu from "@main/components/contextMenu"; import modifyPw from "@main/views/layout/components/modifyPw"; import allFuncMenu from './allFuncMenu' import {changeBz} from "@main/api/user"; import { removeToken } from '@main/utils/auth' import { sortMapTurnArr } from '@main/utils/index' import def_sy_loading from "@main/assets/logo_max.png" import def_sy_minLogo from "@main/assets/logo_min.png" import def_sy_logo from "@main/assets/logo.png" import def_sy_logo_horizon from "@main/assets/logo_horizon.png" export default { components:{ vueContextMenu, modifyPw, allFuncMenu, }, inject:['addTab','showTab','hideTab'], props:{ hasTitle:{ type: Boolean, }, logoWidth:{ type: String, } }, data(){ return { menuItems:[], searchWord:"", searchList:[], seldIndex:0, menuShow:false, searchMenusStyle:{ display:'none', left:0, top:0, width:0, // maxHeight:'50%', // overflow:'auto' }, sysListStyle:{ display:'none', left:0, top:0, }, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, def_sy_minLogo:def_sy_minLogo, def_sy_logo:def_sy_logo, def_sy_logo_horizon:def_sy_logo_horizon, numTipTimer:null, showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true, hideHistoryFuncList:window.customSysCofig.hideHistoryFuncList\|\|false, isShowAllFuncMenu:false, allFuncBtnObj:{}, msgCount:0 } }, computed:{ hasSetting(){ let cfg = this.$store.state.app.config\|\|{}; if(cfg.hideSettingBtn){ return false; } let _arr=sortMapTurnArr(cfg.sysSetTabs); return _arr&&_arr.length; }, sysList(){ let cfg = this.$store.state.app.config\|\|{}; return cfg.sysList\|\|[]; }, sysUserInfo(){ let me=this; let cfg = this.$store.state.app.config\|\|{}; function replaceData(str){ if(!str)return ['',false]; var _arr=str.match(/\${(\S?)}/g); var nullNum=0; if(_arr&&_arr.length>0){ for(let i of _arr){ var _data=me.userInfo[i.match(/\${(\S)}/)[1]]; if(typeof(_data)!="undefined"){ str=str.replace(i,_data); }else{ str=str.replace(i,me.$t('hivuiMain_header_null')); nullNum++; } } return [str,nullNum==_arr.length?false:true]; } return [str,true]; } //多岗信息文字模板format function orgBzTplFormat(str,item){ let fieldArr=str.match(/(?<=\${).?(?=})/g); fieldArr.forEach((_i)=>{ if(typeof(item[_i])!="undefined"){ str=str.replaceAll("${"+_i+"}",item[_i]); } }); return str; } let _userInfo=cfg.userInfo; if(_userInfo){ _userInfo.name=replaceData(_userInfo.name)[0]; if(_userInfo.children&&_userInfo.children.length>0){ _userInfo.children=_userInfo.children.filter((item)=>{ let _rData=replaceData(item.name); item.name=_rData[0]; switch(item.type){ case "modifyUserInfo": item.handler=me.modifyUserInfo; break; case "modifyPw": item.handler=me.modifyPw; break; case "personalCenter": item.handler=me.personalCenter; break; case "orgBz": if(Array.isArray(me.bzList)&&me.bzList.length>1){ item.children=[]; for(let i of me.bzList){ let _pushData={ iconClass:'icon-user', name:cfg.orgBzTpl?orgBzTplFormat(cfg.orgBzTpl,i):`${i.fbzname}/${i.fbzid}`, handler:function(){ me.__changeOrgBz(`${i.fbzid}`); }, }; /if(i.fbzid==me.userInfo.fbzid){ _pushData.chooseIcon={ title:me.$t("hivuiMain_header_bzchooseIcon_title"), iconClass:"el-icon-star-on", }; }else{ _pushData.hoverBtn={ title:me.$t("hivuiMain_header_bzhoverbtn_title"), iconClass:"iconfont icon-set", handler:function(){ console.log(123456789); } } }/ item.children.push(_pushData); } } break; } if(_rData[1]){ return item; } }); } } return _userInfo\|\|[]; }, sysProjectManage(){ let cfg = this.$store.state.app.config\|\|{}; let item = cfg.sysProjectMange\|\|{},flag=false; this.$store.state.app.powerList.forEach(p=>{ if(p.resUrl.indexOf(item.uri)>-1){ flag = true; return true; } }); if(flag){ return cfg.sysProjectMange; }else{ return null; } }, langList(){ let cfg = this.$store.state.app.config\|\|{}; if(!cfg.showChangeLangBtn){ return; } let menus = cfg.langList\|\|[]; return menus; }, sysFuncMenus(){ let cfg = this.$store.state.app.config\|\|{}; let menus = sortMapTurnArr(cfg.sysFuncMenus)\|\|[]; return menus; }, logoOpt(){ let cfg = this.$store.state.app.config\|\|{}; return (this.layout=="level"&&cfg.sysLogoHorizon?cfg.sysLogoHorizon:cfg.sysLogo)\|\|{}; }, MlogoOpt(){ let cfg = this.$store.state.app.config\|\|{}; return cfg.MsysLogo\|\|{}; }, layout(){ return window.localStorage.getItem('layout'); }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; }, token(){ return this.$store.getters.token; }, userInfo(){ return this.$store.state.user.userInfo; }, bzList(){ return this.$store.state.user.bzList; }, }, watch:{ searchWord(newVal,oldVal){ this.seldIndex=0; this.doSearch(newVal); } }, mounted(){ let me=this; document.addEventListener('click',me.hideSeachResult); me.$store.dispatch("app/getSysConfig"); me.sysFuncMenus.filter(item=>{ if(item.type=="withNumTips"&&item.numFunc){ function __intervalFunc(){ item.numFunc().then(res=>{ me.msgCount = res.num; // me.$set(item,"tipNum",res.num); //渲染报错？？ if(res.num){ window.SysPage.notificationFunc(me.$t("hivuiMain_header_notification_title"),item.messageText(res),()=>{ me.handleFuncMenus(item); }); } }).catch(err=>{ clearInterval(me.numTipTimer); }); } clearInterval(me.numTipTimer); me.numTipTimer=setInterval(__intervalFunc,item.numIntervalTime\|\|100030); __intervalFunc(); } }); me.allFuncBtnObj=(me.layout == 'level')&&me.showAllFuncBtn&&me.$refs.allFuncBtn.getBoundingClientRect(); }, beforeDestroy(){ document.removeEventListener('click',this.hideSeachResult) }, methods:{ openDesign(){ this.$refs['cmp-dd'].show(); }, doSearch(cnKey){ if(cnKey==""){ this.hideSeachResult(); return; } this.showSeachResult(); let list = [], records = this.$store.getters.menusList; let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); console.log('records', records) //let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(list.length>10){ break; } if(item.name){ if(re.test(cnKey)){ let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); //let y = Scp.String.getPinyin(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir' ){ list.push(item); continue; } } } } this.$set(this,'searchList',list); }, openFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId) this.addTab(item);//inject 提供的方法只能传一个参数 }, handleSearchBoxClick(){ this.doSearch(this.searchWord); this.$refs['dom-seachTxt'].focus(); }, handleSeachKeyUp(evt){ if(evt.keyCode==40){//ArrowDown if(this.seldIndex<this.searchList.length-1){ this.seldIndex++; }else{ this.seldIndex=0; } } if(evt.keyCode==38){//ArrowUp if(this.seldIndex==0){ this.seldIndex=this.searchList.length-1; }else{ this.seldIndex--; } } if(evt.keyCode==13){//enter let item = this.searchList[this.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId); this.addTab(item);//inject 提供的方法只能传一个参数 this.searchWord = ""; this.seldIndex = 0; this.hideSeachResult(); } }, showSeachResult(){ this.searchMenusStyle.display ='block'; let s = this.$refs["dom-searchBox"]; let rect = s.getBoundingClientRect(); this.searchMenusStyle.left = rect.left+'px'; this.searchMenusStyle.top = rect.top + rect.height + 5 +'px'; this.searchMenusStyle.width = rect.width+'px'; this.searchMenusStyle.opacity = '1'; }, hideSeachResult(){ this.searchMenusStyle.display ='none'; }, handleChangeSys(item){ if(!item.url)return; if(item.target=="_blank"){ window.open(item.url) }else{ window.location.href=item.url; } }, handleShowSysList(){ this.sysListStyle.display ='block'; let s = this.$refs["dom-sysList"]; let rect = s.getBoundingClientRect(); this.sysListStyle.left = rect.left+'px'; this.sysListStyle.top = rect.top + rect.height +'px'; }, handleHideSysList(){ this.sysListStyle.display ='none'; }, handleFuncMenus(item,$event){ $event&&$event.stopPropagation(); if(item.type== "link"){ window.open(item.resUrl,item.name); return; } var _url=item.url; if(item.type== "widthToken"\|\|item.type== "withToken"){ _url=item.url+"&access_token="+this.token; } if(item.url){ item.target=='tab'? this.addTab({ resUrl:_url, name:item.name, resId:item.id, openType:item.openType, }) : window.open(_url); return }else{ item.handler&&item.handler(); } if(item.children&&item.children.length){ this.menuItems = item.children; this.$refs['cmp-funcMenu'].open($event) } }, async handleLogout(){ await this.$store.dispatch("user/logout").then(()=>{ //removeToken(); if(window.HIVUI_SETTING.isSingleLogin&&window.HIVUI_SETTING.singleLogoutUrl){ location=window.HIVUI_SETTING.singleLogoutUrl; }else{ location=window.HIVUI_SETTING.loginUrl; } }); }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; this.latelyUseStyle.opacity = '1'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.resUrl, name:item.name, openType:item.openType, });//inject 提供的方法只能传一个参数 }, hideTitle(name){ this.$emit('hideTitle', name); }, //切岗 __changeOrgBz(bzid){ changeBz({ bzid:bzid }).then(res=>{ window.location.reload(); }); }, modifyPw(){ this.$store.dispatch("user/showPwDialog",true); }, // 个人中心 personalCenter(){ top.window.SysPage.newPage(this.$t("hivuiMain_app_personal_Center"), '#personalCenter'); }, modifyUserInfo(){ }, //全部功能弹窗 allFuncTrigger(){ let me=this; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; if(me.isShowAllFuncMenu){ me.$refs.allFuncMenu.showBox(); }else{ me.$refs.allFuncMenu.hideBox(); } }, allFuncTriggerOpen(){ let me=this; me.$refs.allFuncMenu.showBox(); }, allFuncTriggerClose(){ let me=this; me.$refs.allFuncMenu.hideBox(); }, } } </script> <style lang="less" scoped> .pl-header{ z-index: 99; } </style>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/Header.vue

<template>
    <div class="pl-header " :data-layout="layout">  
        <ul class="ltArea">
            <li v-if="layout=='level'" class="logoStyle">
                <div class="pl-logo">
                    <div v-if="hasTitle" @click="logoClickHanlder(logoOpt)">
                        <img :src="def_sy_logo_horizon" :width="logoWidth" v-if="!logoOpt.src">
                        <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src">
                    </div>
                    <div v-else @click="logoClickHanlder(MlogoOpt)">
                        <img :src="def_sy_minLogo" v-if="!MlogoOpt.src">
                        <img :src="MlogoOpt.src" :width="MlogoOpt.width?(MlogoOpt.width+'px'):(!MlogoOpt.height?logoWidth:null)" :height="MlogoOpt.height&&(MlogoOpt.height+'px')" :title="MlogoOpt.title" v-if="MlogoOpt.src">
                    </div>
                </div>
            </li>
            <li v-else class="logoStyle">
                <div class="pl-logo" @click="logoClickHanlder(logoOpt)">
                    <img :src="def_sy_logo"  :width="logoWidth" v-if="!logoOpt.src">
                    <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src">
                </div>
            </li>
            <li v-if="sysList.length">                
                <div class="sysTrigger" ref='dom-sysList'  
                    @mouseover="handleShowSysList"  @mouseout="handleHideSysList">
                    <span>{{$t('hivuiMain_projectManage')}}</span>
                    <i class="iconfont icon-change"></i>
                </div> 
                <ul class="pl-menus pl-menus-sub pl-menus-pop"
                @mouseenter="handleShowSysList"  @mouseleave="handleHideSysList"
                :style="sysListStyle" v-add2Body>
                    <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)">
                        <a class="title"><span class="txt">{{item.title}}</span></a>
                    </li>
                </ul>   
            </li>
            <li v-if="layout == 'level'&&!hideHistoryFuncList" >
                <div class="sysTrigger" ref="dom-latelyUse" 
                :title='$t("hivuiMain_recentlyUsed")'
                @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse">
                    <i class="icon iconfont icon-time"></i>
                    <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span>
                    <i class="icon iconfont icon-arrow-down"></i>
                </div>
                <ul class="pl-menus pl-menus-sub pl-menus-pop"
                @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse"
                :style="latelyUseStyle" v-add2Body>
                    <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)">
                        <a class="title"><span class="txt">{{item.name}}</span></a>
                    </li>
                    <li v-show="navsLatelyUse.length==0" class="pl-menus-tips">
                        {{$t('hivuiMain_nodata')}}
                    </li>
                </ul> 
            </li>
            <li v-if="layout == 'level'&&showAllFuncBtn" >
                <div class="sysTrigger">
                    <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span>
                    <i class="icon iconfont icon-arrow-down"></i>
                    <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu>
                </div>
            </li>
        </ul>
        <ul class="rtArea">
            <li>
                <div class="pl-search" ref="dom-searchBox" >
                    <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$t('hivuiMain_searchKey')" 
                    v-model.trim="searchWord" 
                    @keyup="handleSeachKeyUp"
                    />
                    <i class="iconfont icon-search"></i>                   
                </div>  
                <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body>
                    <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" 
                    style="width:100%"
                    @click="openFunc(item)">
                        <a class="title"><span class="txt" v-html="item.html||item.name"></span></a>
                    </li>
                    <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips">
                        {{$t('hivuiMain_nodata')}}
                    </li>
                </ul> 
            </li>
            <li v-if="sysProjectManage">
                <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name">
                    <i class="iconfont" :class="sysProjectManage.iconClass"></i>
                    <span class="title">{{sysProjectManage.name}}</span>
                </a>  
            </li>
            <template v-for="item in sysFuncMenus">
                <li v-if="item.type!='split'">
                    <template v-if="item.type=='withNumTips'">
                        <div class="item" @click.prevent="handleFuncMenus(item,$event)">
                            <div class="tip">
                                <i class="iconfont" :class="item.iconClass"></i>
                            </div>
                            <span class="title" v-html="item.html||item.name"></span>                            
                            <span class="pl-head-tipsNum" :hidden="!(msgCount!=0)">{{msgCount}}</span>
                            
                        </div>
                    </template>
                    <template v-else>
                        <template v-if="item.children&&item.children.length">
                            <div class="item" @mouseenter="handleFuncMenus(item,$event)">
                                <div class="tip">
                                    <i class="iconfont" :class="item.iconClass"></i>
                                </div>
                                <span class="title" v-html="item.html||item.name"></span>
                                <i class="iconfont icon-arrow-down" v-if="item.children"></i>
                            </div>
                        </template>
                        <template v-if="!item.children||item.children&&item.children.length==0">
                            <div class="item" @click.prevent="handleFuncMenus(item,$event)">
                                <div class="tip">
                                    <i class="iconfont" :class="item.iconClass"></i>
                                </div>
                                <span class="title" v-html="item.html||item.name"></span>
                                <i class="iconfont icon-arrow-down" v-if="item.children"></i>
                            </div>
                        </template>
                    </template>
                </li>
                <li v-if="item.type=='split'"><div class="line"></div></li>                
            </template>
            
            
            <li v-if="langList">
                <template v-if="langList.children&&langList.children.length">
                    <div class="item" @mouseenter="handleFuncMenus(langList,$event)">
                        <div class="tip">
                            <i class="iconfont" :class="langList.iconClass"></i>
                        </div>
                        <span class="title" v-html="langList.html||langList.name"></span>
                        <i class="iconfont icon-arrow-down" v-if="langList.children"></i>
                    </div>
                </template>
            </li>
            <li v-if="langList"><div class="line"></div></li>
            
            <li>
                <template v-if="sysUserInfo.children&&sysUserInfo.children.length">
                    <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)">
                        <div class="tip">
                            <i class="iconfont" :class="sysUserInfo.iconClass"></i>
                        </div>
                        <span class="title" v-html="sysUserInfo.html||sysUserInfo.name"></span>
                        <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i>
                    </div>
                </template>
            </li>
            <li><div class="line"></div></li>
            <li v-if="hasSetting">
                <div class="item" :title="$t('hivuiMain_customWorkbench')">
                    <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a>   
                </div>
            </li>
            <li>
                <div class="item" :title="$t('hivuiMain_logout')">
                    <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a>    
                </div>
            </li>
        </ul>
        <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu>
        <modifyPw></modifyPw>
    </div>
</template>
<script>
import pinyin from 'js-pinyin';//ie 下有问题 编译不过
 
import vueContextMenu from "@main/components/contextMenu";
import modifyPw from "@main/views/layout/components/modifyPw";
import allFuncMenu from './allFuncMenu'
import {changeBz} from "@main/api/user";

import { removeToken } from '@main/utils/auth'
import { sortMapTurnArr } from '@main/utils/index'

import def_sy_loading from "@main/assets/logo_max.png"
import def_sy_minLogo from "@main/assets/logo_min.png"
import def_sy_logo from "@main/assets/logo.png"
import def_sy_logo_horizon from "@main/assets/logo_horizon.png"

export default {
    components:{
        vueContextMenu,
        modifyPw,
        allFuncMenu,
    },
    inject:['addTab','showTab','hideTab'],
    props:{
        hasTitle:{
            type: Boolean,
        },
        logoWidth:{
            type: String,
        }
    },
    data(){
        return {
            menuItems:[],
            searchWord:"",
            searchList:[],
            seldIndex:0,
            menuShow:false,
            searchMenusStyle:{
                display:'none',
                left:0,
                top:0,
                width:0,
                // maxHeight:'50%',
                // overflow:'auto'
            },
            sysListStyle:{
                display:'none',
                left:0,
                top:0,
            },
            latelyUseStyle:{
                display:'none',
                left:0,
                top:0,
                maxHeight:'50%',
                overflow:'auto'
            },
            def_sy_minLogo:def_sy_minLogo,
            def_sy_logo:def_sy_logo,
            def_sy_logo_horizon:def_sy_logo_horizon,
            numTipTimer:null,
            showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true,
            hideHistoryFuncList:window.customSysCofig.hideHistoryFuncList||false,
            isShowAllFuncMenu:false,
            allFuncBtnObj:{},
            msgCount:0
        }
    },  
    computed:{
        hasSetting(){
            let cfg = this.$store.state.app.config||{};
            if(cfg.hideSettingBtn){
                return false;
            }
            let _arr=sortMapTurnArr(cfg.sysSetTabs);
            return _arr&&_arr.length;
        },
        sysList(){
            let cfg = this.$store.state.app.config||{};
            return cfg.sysList||[];
        },
        sysUserInfo(){
            let me=this;
            let cfg = this.$store.state.app.config||{};
            function replaceData(str){
                if(!str)return ['',false];
                var _arr=str.match(/\${(\S*?)}/g);
                var nullNum=0;

if(_arr&&_arr.length>0){
                    for(let i of _arr){
                        var _data=me.userInfo[i.match(/\${(\S*)}/)[1]];
                        if(typeof(_data)!="undefined"){
                            str=str.replace(i,_data);
                        }else{
                            str=str.replace(i,me.$t('hivuiMain_header_null'));
                            nullNum++;
                        }
                    }
                    return [str,nullNum==_arr.length?false:true];
                }
                return [str,true];
            }
            //多岗信息文字模板format
            function orgBzTplFormat(str,item){
                let fieldArr=str.match(/(?<=\${).*?(?=})/g);
                fieldArr.forEach((_i)=>{
                    if(typeof(item[_i])!="undefined"){
                        str=str.replaceAll("${"+_i+"}",item[_i]);
                    }
                });
                return str;
            }
            let _userInfo=cfg.userInfo;
            if(_userInfo){
                _userInfo.name=replaceData(_userInfo.name)[0];
                if(_userInfo.children&&_userInfo.children.length>0){
                    _userInfo.children=_userInfo.children.filter((item)=>{
                        let _rData=replaceData(item.name);
                        item.name=_rData[0];
                        switch(item.type){
                            case "modifyUserInfo":
                                item.handler=me.modifyUserInfo;
                                break;
                            case "modifyPw":
                                item.handler=me.modifyPw;
                                break;
                            case "personalCenter":
                                item.handler=me.personalCenter;
                                break;
                            case "orgBz":
                                if(Array.isArray(me.bzList)&&me.bzList.length>1){
                                    item.children=[];
                                    for(let i of me.bzList){
                                        let _pushData={
                                            iconClass:'icon-user',
                                            name:cfg.orgBzTpl?orgBzTplFormat(cfg.orgBzTpl,i):`${i.fbzname}/${i.fbzid}`,
                                            handler:function(){
                                                me.__changeOrgBz(`${i.fbzid}`);
                                            },
                                        };
                                        /*if(i.fbzid==me.userInfo.fbzid){
                                            _pushData.chooseIcon={
                                                title:me.$t("hivuiMain_header_bzchooseIcon_title"),
                                                iconClass:"el-icon-star-on",
                                            };
                                        }else{
                                            _pushData.hoverBtn={
                                                title:me.$t("hivuiMain_header_bzhoverbtn_title"),
                                                iconClass:"iconfont icon-set",
                                                handler:function(){
                                                    console.log(123456789);
                                                }
                                            }
                                        }*/
                                        item.children.push(_pushData);
                                    }
                                }
                                break;
                        }
                        if(_rData[1]){
                            return item;
                        }
                    });
                }
            }
            return _userInfo||[];
        },
        sysProjectManage(){
            let cfg = this.$store.state.app.config||{};
            let  item = cfg.sysProjectMange||{},flag=false;
            this.$store.state.app.powerList.forEach(p=>{
                if(p.resUrl.indexOf(item.uri)>-1){
                    flag = true;
                    return true;
                }                        
            });
            if(flag){
                return cfg.sysProjectMange;
            }else{
                return null;
            }
        },
        langList(){            
            let cfg = this.$store.state.app.config||{};
            if(!cfg.showChangeLangBtn){
                return;
            }
            let menus = cfg.langList||[];
            return menus;
        },
        sysFuncMenus(){            
            let cfg = this.$store.state.app.config||{};
            let menus = sortMapTurnArr(cfg.sysFuncMenus)||[];
            return menus;
        },
        logoOpt(){
            let cfg = this.$store.state.app.config||{};
            return (this.layout=="level"&&cfg.sysLogoHorizon?cfg.sysLogoHorizon:cfg.sysLogo)||{};
        },
        MlogoOpt(){
            let cfg = this.$store.state.app.config||{};
            return cfg.MsysLogo||{};
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        navsLatelyUse(){
            return this.$store.getters.navsLatelyUse;
        },
        token(){
            return this.$store.getters.token;
        },
        userInfo(){
            return this.$store.state.user.userInfo;
        },
        bzList(){
            return this.$store.state.user.bzList;
        },

},
    watch:{ 
        searchWord(newVal,oldVal){
            this.seldIndex=0;
            this.doSearch(newVal);
        }
    },
    mounted(){ 
        let me=this;
        document.addEventListener('click',me.hideSeachResult);
        me.$store.dispatch("app/getSysConfig");
        me.sysFuncMenus.filter(item=>{
            if(item.type=="withNumTips"&&item.numFunc){
                function __intervalFunc(){
                    item.numFunc().then(res=>{
                        me.msgCount = res.num;
                        // me.$set(item,"tipNum",res.num); //渲染报错？？
                        if(res.num&&!item.hideNotific){
                            window.SysPage.notificationFunc(me.$t("hivuiMain_header_notification_title"),item.messageText(res),()=>{
                                me.handleFuncMenus(item);
                            });
                        }
                    }).catch(err=>{
                        clearInterval(me.numTipTimer);
                    });
                }
                clearInterval(me.numTipTimer);
                me.numTipTimer=setInterval(__intervalFunc,item.numIntervalTime||1000*30);
                __intervalFunc();
            }
        });
        me.allFuncBtnObj=(me.layout == 'level')&&me.showAllFuncBtn&&me.$refs.allFuncBtn.getBoundingClientRect();
    },
    beforeDestroy(){
        document.removeEventListener('click',this.hideSeachResult)
    },
    methods:{
        openDesign(){
            this.$refs['cmp-dd'].show();
        },
        doSearch(cnKey){
            if(cnKey==""){                
                this.hideSeachResult();
                return;
            }
            this.showSeachResult();
            let list = [],
                records = this.$store.getters.menusList;
             let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase();
            console.log('records', records)
            //let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase();

// this.addTab(item.resUrl,item.name,item.resId);
                this.addTab(item);//inject 提供的方法只能 传一个参数
                this.searchWord = "";
                this.seldIndex = 0;
                this.hideSeachResult();
            }
        },
        showSeachResult(){
            this.searchMenusStyle.display ='block';
            let s = this.$refs["dom-searchBox"];
            let rect = s.getBoundingClientRect();
            this.searchMenusStyle.left = rect.left+'px';
            this.searchMenusStyle.top = rect.top + rect.height + 5 +'px';
            this.searchMenusStyle.width = rect.width+'px';
            this.searchMenusStyle.opacity = '1';
        },
        hideSeachResult(){
            this.searchMenusStyle.display ='none';
        },
        handleChangeSys(item){
            if(!item.url)return;
            if(item.target=="_blank"){
                window.open(item.url)
            }else{
                window.location.href=item.url;
            }
        },
        handleShowSysList(){
            this.sysListStyle.display ='block';
            let s = this.$refs["dom-sysList"];
            let rect = s.getBoundingClientRect();
            this.sysListStyle.left = rect.left+'px';
            this.sysListStyle.top = rect.top + rect.height  +'px';
        },
        handleHideSysList(){
            this.sysListStyle.display ='none';
        },
        handleFuncMenus(item,$event){
            $event&&$event.stopPropagation();
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            var _url=item.url;
            if(item.type== "widthToken"||item.type== "withToken"){
                _url=item.url+"&access_token="+this.token;
            }
            if(item.url){
                item.target=='tab'? this.addTab({
                    resUrl:_url,
                    name:item.name,
                    resId:item.id,
                    openType:item.openType,
                }) : window.open(_url);
                return
            }else{
                item.handler&&item.handler();
            }
            if(item.children&&item.children.length){
                this.menuItems = item.children;
                this.$refs['cmp-funcMenu'].open($event)
            }
        },
        async handleLogout(){
                await this.$store.dispatch("user/logout").then(()=>{
                    //removeToken();
                    if(window.HIVUI_SETTING.isSingleLogin&&window.HIVUI_SETTING.singleLogoutUrl){
                        location=window.HIVUI_SETTING.singleLogoutUrl;
                    }else{
                        location=window.HIVUI_SETTING.loginUrl;
                    }
                });
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
            this.latelyUseStyle.opacity = '1';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.resUrl,
                name:item.name,
                openType:item.openType,
            });//inject 提供的方法只能 传一个参数
        },   
        hideTitle(name){
            this.$emit('hideTitle', name);
        },
        //切岗
        __changeOrgBz(bzid){
            changeBz({
                bzid:bzid
            }).then(res=>{
                window.location.reload();
            });
        },
        modifyPw(){
            this.$store.dispatch("user/showPwDialog",true);
        },
        // 个人中心
        personalCenter(){
            top.window.SysPage.newPage(this.$t("hivuiMain_app_personal_Center"), '#personalCenter');
        },
        modifyUserInfo(){
            
        },
        //全部功能弹窗
        allFuncTrigger(){
            let me=this;
            me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true;
            if(me.isShowAllFuncMenu){
                me.$refs.allFuncMenu.showBox();
            }else{
                me.$refs.allFuncMenu.hideBox();
            }
        },
        allFuncTriggerOpen(){
            let me=this;
            me.$refs.allFuncMenu.showBox();
        },
        allFuncTriggerClose(){
            let me=this;
            me.$refs.allFuncMenu.hideBox();
        },
        logoClickHanlder(opt){
            if(opt&&opt.clickHandler){
                opt.clickHandler();
            }
        },
    }
}
</script>
<style lang="less" scoped>
    .pl-header{
        z-index: 99;
    }
</style>

<template>
    <div class="pl-header " :data-layout="layout">  
        <ul class="ltArea">
            <li v-if="layout=='level'" class="logoStyle">
                <div class="pl-logo">
                    <div v-if="hasTitle" @click="logoOpt.clickHandler">
                        <img :src="def_sy_logo_horizon" :width="logoWidth" v-if="!logoOpt.src">
                        <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src">
                    </div>
                    <div v-else @click="MlogoOpt.clickHandler">
                        <img :src="def_sy_minLogo" v-if="!MlogoOpt.src">
                        <img :src="MlogoOpt.src" :width="MlogoOpt.width?(MlogoOpt.width+'px'):(!MlogoOpt.height?logoWidth:null)" :height="MlogoOpt.height&&(MlogoOpt.height+'px')" :title="MlogoOpt.title" v-if="MlogoOpt.src">
                    </div>
                </div>
            </li>
            <li v-else class="logoStyle">
                <div class="pl-logo" @click="logoOpt.clickHandler">
                    <img :src="def_sy_logo"  :width="logoWidth" v-if="!logoOpt.src">
                    <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src">
                </div>
            </li>
            <li v-if="sysList.length">                
                <div class="sysTrigger" ref='dom-sysList'  
                    @mouseover="handleShowSysList"  @mouseout="handleHideSysList">
                    <span>{{$t('hivuiMain_projectManage')}}</span>
                    <i class="iconfont icon-change"></i>
                </div> 
                <ul class="pl-menus pl-menus-sub pl-menus-pop"
                @mouseenter="handleShowSysList"  @mouseleave="handleHideSysList"
                :style="sysListStyle" v-add2Body>
                    <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)">
                        <a class="title"><span class="txt">{{item.title}}</span></a>
                    </li>
                </ul>   
            </li>
            <li v-if="layout == 'level'&&!hideHistoryFuncList" >
                <div class="sysTrigger" ref="dom-latelyUse" 
                :title='$t("hivuiMain_recentlyUsed")'
                @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse">
                    <i class="icon iconfont icon-time"></i>
                    <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span>
                    <i class="icon iconfont icon-arrow-down"></i>
                </div>
                <ul class="pl-menus pl-menus-sub pl-menus-pop"
                @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse"
                :style="latelyUseStyle" v-add2Body>
                    <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)">
                        <a class="title"><span class="txt">{{item.name}}</span></a>
                    </li>
                    <li v-show="navsLatelyUse.length==0" class="pl-menus-tips">
                        {{$t('hivuiMain_nodata')}}
                    </li>
                </ul> 
            </li>
            <li v-if="layout == 'level'&&showAllFuncBtn" >
                <div class="sysTrigger">
                    <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span>
                    <i class="icon iconfont icon-arrow-down"></i>
                    <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu>
                </div>
            </li>
        </ul>
        <ul class="rtArea">
            <li>
                <div class="pl-search" ref="dom-searchBox" >
                    <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$t('hivuiMain_searchKey')" 
                    v-model.trim="searchWord" 
                    @keyup="handleSeachKeyUp"
                    />
                    <i class="iconfont icon-search"></i>                   
                </div>  
                <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body>
                    <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" 
                    style="width:100%"
                    @click="openFunc(item)">
                        <a class="title"><span class="txt" v-html="item.html||item.name"></span></a>
                    </li>
                    <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips">
                        {{$t('hivuiMain_nodata')}}
                    </li>
                </ul> 
            </li>
            <li v-if="sysProjectManage">
                <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name">
                    <i class="iconfont" :class="sysProjectManage.iconClass"></i>
                    <span class="title">{{sysProjectManage.name}}</span>
                </a>  
            </li>
            <template v-for="item in sysFuncMenus">
                <li v-if="item.type!='split'">
                    <template v-if="item.type=='withNumTips'">
                        <div class="item" @click.prevent="handleFuncMenus(item,$event)">
                            <div class="tip">
                                <i class="iconfont" :class="item.iconClass"></i>
                            </div>
                            <span class="title" v-html="item.html||item.name"></span>                            
                            <span class="pl-head-tipsNum" :hidden="!(msgCount!=0)">{{msgCount}}</span>
                            
                        </div>
                    </template>
                    <template v-else>
                        <template v-if="item.children&&item.children.length">
                            <div class="item" @mouseenter="handleFuncMenus(item,$event)">
                                <div class="tip">
                                    <i class="iconfont" :class="item.iconClass"></i>
                                </div>
                                <span class="title" v-html="item.html||item.name"></span>
                                <i class="iconfont icon-arrow-down" v-if="item.children"></i>
                            </div>
                        </template>
                        <template v-if="!item.children||item.children&&item.children.length==0">
                            <div class="item" @click.prevent="handleFuncMenus(item,$event)">
                                <div class="tip">
                                    <i class="iconfont" :class="item.iconClass"></i>
                                </div>
                                <span class="title" v-html="item.html||item.name"></span>
                                <i class="iconfont icon-arrow-down" v-if="item.children"></i>
                            </div>
                        </template>
                    </template>
                </li>
                <li v-if="item.type=='split'"><div class="line"></div></li>                
            </template>
            
            
            <li v-if="langList">
                <template v-if="langList.children&&langList.children.length">
                    <div class="item" @mouseenter="handleFuncMenus(langList,$event)">
                        <div class="tip">
                            <i class="iconfont" :class="langList.iconClass"></i>
                        </div>
                        <span class="title" v-html="langList.html||langList.name"></span>
                        <i class="iconfont icon-arrow-down" v-if="langList.children"></i>
                    </div>
                </template>
            </li>
            <li v-if="langList"><div class="line"></div></li>
            
            <li>
                <template v-if="sysUserInfo.children&&sysUserInfo.children.length">
                    <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)">
                        <div class="tip">
                            <i class="iconfont" :class="sysUserInfo.iconClass"></i>
                        </div>
                        <span class="title" v-html="sysUserInfo.html||sysUserInfo.name"></span>
                        <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i>
                    </div>
                </template>
            </li>
            <li><div class="line"></div></li>
            <li v-if="hasSetting">
                <div class="item" :title="$t('hivuiMain_customWorkbench')">
                    <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a>   
                </div>
            </li>
            <li>
                <div class="item" :title="$t('hivuiMain_logout')">
                    <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a>    
                </div>
            </li>
        </ul>
        <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu>
        <modifyPw></modifyPw>
    </div>
</template>
<script>
import pinyin from 'js-pinyin';//ie 下有问题 编译不过
 
import vueContextMenu from "@main/components/contextMenu";
import modifyPw from "@main/views/layout/components/modifyPw";
import allFuncMenu from './allFuncMenu'
import {changeBz} from "@main/api/user";

import { removeToken } from '@main/utils/auth'
import { sortMapTurnArr } from '@main/utils/index'

},
    watch:{ 
        searchWord(newVal,oldVal){
            this.seldIndex=0;
            this.doSearch(newVal);
        }
    },
    mounted(){ 
        let me=this;
        document.addEventListener('click',me.hideSeachResult);
        me.$store.dispatch("app/getSysConfig");
        me.sysFuncMenus.filter(item=>{
            if(item.type=="withNumTips"&&item.numFunc){
                function __intervalFunc(){
                    item.numFunc().then(res=>{
                        me.msgCount = res.num;
                        // me.$set(item,"tipNum",res.num); //渲染报错？？
                        if(res.num){
                            window.SysPage.notificationFunc(me.$t("hivuiMain_header_notification_title"),item.messageText(res),()=>{
                                me.handleFuncMenus(item);
                            });
                        }
                    }).catch(err=>{
                        clearInterval(me.numTipTimer);
                    });
                }
                clearInterval(me.numTipTimer);
                me.numTipTimer=setInterval(__intervalFunc,item.numIntervalTime||1000*30);
                __intervalFunc();
            }
        });
        me.allFuncBtnObj=(me.layout == 'level')&&me.showAllFuncBtn&&me.$refs.allFuncBtn.getBoundingClientRect();
    },
    beforeDestroy(){
        document.removeEventListener('click',this.hideSeachResult)
    },
    methods:{
        openDesign(){
            this.$refs['cmp-dd'].show();
        },
        doSearch(cnKey){
            if(cnKey==""){                
                this.hideSeachResult();
                return;
            }
            this.showSeachResult();
            let list = [],
                records = this.$store.getters.menusList;
             let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase();
            console.log('records', records)
            //let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase();

// this.addTab(item.resUrl,item.name,item.resId);
                this.addTab(item);//inject 提供的方法只能 传一个参数
                this.searchWord = "";
                this.seldIndex = 0;
                this.hideSeachResult();
            }
        },
        showSeachResult(){
            this.searchMenusStyle.display ='block';
            let s = this.$refs["dom-searchBox"];
            let rect = s.getBoundingClientRect();
            this.searchMenusStyle.left = rect.left+'px';
            this.searchMenusStyle.top = rect.top + rect.height + 5 +'px';
            this.searchMenusStyle.width = rect.width+'px';
            this.searchMenusStyle.opacity = '1';
        },
        hideSeachResult(){
            this.searchMenusStyle.display ='none';
        },
        handleChangeSys(item){
            if(!item.url)return;
            if(item.target=="_blank"){
                window.open(item.url)
            }else{
                window.location.href=item.url;
            }
        },
        handleShowSysList(){
            this.sysListStyle.display ='block';
            let s = this.$refs["dom-sysList"];
            let rect = s.getBoundingClientRect();
            this.sysListStyle.left = rect.left+'px';
            this.sysListStyle.top = rect.top + rect.height  +'px';
        },
        handleHideSysList(){
            this.sysListStyle.display ='none';
        },
        handleFuncMenus(item,$event){
            $event&&$event.stopPropagation();
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            var _url=item.url;
            if(item.type== "widthToken"||item.type== "withToken"){
                _url=item.url+"&access_token="+this.token;
            }
            if(item.url){
                item.target=='tab'? this.addTab({
                    resUrl:_url,
                    name:item.name,
                    resId:item.id,
                    openType:item.openType,
                }) : window.open(_url);
                return
            }else{
                item.handler&&item.handler();
            }
            if(item.children&&item.children.length){
                this.menuItems = item.children;
                this.$refs['cmp-funcMenu'].open($event)
            }
        },
        async handleLogout(){
                await this.$store.dispatch("user/logout").then(()=>{
                    //removeToken();
                    if(window.HIVUI_SETTING.isSingleLogin&&window.HIVUI_SETTING.singleLogoutUrl){
                        location=window.HIVUI_SETTING.singleLogoutUrl;
                    }else{
                        location=window.HIVUI_SETTING.loginUrl;
                    }
                });
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
            this.latelyUseStyle.opacity = '1';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.resUrl,
                name:item.name,
                openType:item.openType,
            });//inject 提供的方法只能 传一个参数
        },   
        hideTitle(name){
            this.$emit('hideTitle', name);
        },
        //切岗
        __changeOrgBz(bzid){
            changeBz({
                bzid:bzid
            }).then(res=>{
                window.location.reload();
            });
        },
        modifyPw(){
            this.$store.dispatch("user/showPwDialog",true);
        },
        // 个人中心
        personalCenter(){
            top.window.SysPage.newPage(this.$t("hivuiMain_app_personal_Center"), '#personalCenter');
        },
        modifyUserInfo(){
            
        },
        //全部功能弹窗
        allFuncTrigger(){
            let me=this;
            me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true;
            if(me.isShowAllFuncMenu){
                me.$refs.allFuncMenu.showBox();
            }else{
                me.$refs.allFuncMenu.hideBox();
            }
        },
        allFuncTriggerOpen(){
            let me=this;
            me.$refs.allFuncMenu.showBox();
        },
        allFuncTriggerClose(){
            let me=this;
            me.$refs.allFuncMenu.hideBox();
        },
    }
}
</script>
<style lang="less" scoped>
    .pl-header{
        z-index: 99;
    }
</style>

Ignore Space Show notes View project/setting/desktop/development.js
// var root = "http://e5.hieap.cn" var root = "http://192.168.4.106:7778"; var server = "/e5"; var oauth = "/e5"; var projectName = "eap5csxm/admin" var pName = projectName.split("/")[0]; var user = projectName.split("/")[1]; var deployDir = ""; //登录页url var loginUrl = root + server + "/index.html?pn=" + pName + "/" + user; //首页url var mainPageUrl = root + server + "/main.html?pn=" + pName + "/" + user; deployDir = "/e5/render"; serverName = server; if (window._global && window._global.env == 'dev') { deployDir = "" serverName = "" //登录页url var loginUrl = location.origin + deployDir + "/" + pName + "/hivuiLogin/index.html#/"; //首页url var mainPageUrl = location.origin + deployDir + "/" + pName + "/hivuiMain/index.html#/"; } var _formatLang = function(str){ return Vue.prototype.$t(str) } var HIVUI_SETTING = { //项目名 projectName: projectName, //接口返回消息弹窗模式，默认为消息提示（自动消失），msgBox为消息弹窗（需手动确定关闭） //messageType:"msgBox", //请求对象 request: eap.request, deployDir: deployDir, //服务器域名 url: root, //编辑器脚本路径 editorResDir: deployDir, serverName: serverName, //默认服务url serverUrl: root + server, //授权服务url oauth: root + oauth, //用户信息 userInfo: root + server + "/sys/user/detail", //登录页url loginUrl: loginUrl, //首页url mainPageUrl: mainPageUrl, //系统管理url sysManageUrl: "http://192.168.4.193:5188", //数据保存url saveUrl: root + server + "/data/save", //'/data/save', //数据查询url queryUrl: root + server + "/data/query", //'/data/query', //excel导出心跳 exportExcelHeartbeatUrl:root + server + "/export/dataexcel/status", //导入URL excelImportUrl: root + server + "/import/exceldata", //导出URL exportUrl: root + server + "/export/dataexcel", exportPathUrl:root + server + "/export/dataexcel/path", exportNewUrl:root + server + "/export/dataexcelnew", //页面初始化接口 pageInitUrl: root + server + "/data/page/permit", //数据策略url policyUrl: root + server + "/data/policy", //附件上传url upload: root + server + "/file/upload", //附件下载url download: root + server + "/file/download", //附件查看url review: root + server + "/file/static/preview", //附件上传url publicupload: root + server +"/file/public/upload", //附件下载url publicdownload: root + server +"/file/public/download", //附件查看url publicreview: root + server +"/file/public/preview", //流程信息url getFlowInfo: root + server + "/flow/open", getApprovalInfo: root + server + "/flow/getApprovalInfo", processFlow: root + server + "/flow/processFlow", umpireOrder: root + server + "/flow/umpireOrder", queryTask: root + server + "/flow/queryTask", withdrawtask: root + server + "/flow/withdrawtask", taskDiagram: root + server + "/flow/taskDiagram", openOrdernumber: root + server + "/flow/openOrdernumber", //默认查询操作符 queryOperate: 'like', //默认组件配置 defaultCmp: { "DtTable": { "allColSort": true, "colWidthCount": false }, "DtPushData": { //自动暂存 // "wakeupTempData": true }, "DtDataSet": { "autoTrim": true, //自动暂存 // "autoTemporary": true, // "saveNewTemporary": false, // "temporaryTime": 10000 }, "DtToolbar": { "buttons": [ { "kind": "add", // "text": "添加" }, { "kind": "del", // "text": "删除" }, { "kind": "reset", // "text": "取消" }, { "kind": "save", // "text": "保存" } ] } }, //数据返回超时时间 requestTimeout: 140 * 1000, //是否单点登录 isSingleLogin: false, //单点登录页 singleLoginUrl: "http://192.168.10.241:31020/authcenter/login?service=", //单点登出页 singleLogoutUrl: "http://192.168.10.241:31020/authcenter/logout?service=http://192.168.10.241:31020/authcenter/login?service=" + mainPageUrl, // 网格自定义高亮行背景色 // curRowBg: '#2bdbe2', } window.__guid = new Date().valueOf(); //切换布局 function changeLayout(name) { window.localStorage.setItem('layout', name); window.location.reload(); } //模板自定义配置 window.customSysCofig = { //默认门户对应自定义门户功能 sysSetTabs: [ { title: _formatLang("taskcenter"), id: __guid++, close: false, url: '#taskCenter', }, { title: _formatLang("mainpage"), id: __guid++, close: false, type: 'home', actived: true //默认选中 } // ,{ // title:'工作台', // id: __guid++, // close:false, // type:'work' // } ], //默认打开功能 sysDefTabs: [ // { // id: __guid++, // title:"设计", // url:'http://192.168.7.109:9090/#/design', // close:true, // }, ], //头部菜单 sysFuncMenus: [ /* { id: __guid++, name: '系统管理', url: window.HIVUI_SETTING.sysManageUrl + "/?pn=" + window.HIVUI_SETTING.projectName, iconClass: 'icon-set-fill', target: '_blank', type: 'widthToken', }, { id: __guid++, name: '<font color=red>邮件系统</font>', url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows', iconClass: 'icon-mail', target: '_blank', },/ { type: 'split' }, { id: __guid++, name: _formatLang("layout"), type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: _formatLang("updownlayout"), handler: function () { changeLayout(this.id) } }, { id: 'level', name: _formatLang("leftrightlayout"), handler: function () { changeLayout(this.id) } } ] }, { type: 'split' }, { id: __guid++, name: _formatLang("messagecenter"), type: 'withNumTips', iconClass: 'icon-bell', target: 'tab', url: '/platf/msg/func/query.func',//消息中心地址 numIntervalTime: 1000 30,//循环时间，默认30秒 //消息提示文字 messageText: function (res) { return _formatLang("unreadmessage").replace("{}",res.num); }, //获取未读消息数量 numFunc: function () { return new Promise((resolve, reject) => { let param = new eap.dataHelper.Param(); let where = new eap.dataHelper.Where(); let orders = new eap.dataHelper.Orders(); if (window.Scp.User.fuserid) { where.eq("freceiver", window.Scp.User.fuserid); } where.setPage(1, -1); param.where = where; eap.dataHelper.query( param, "/platf/msg/entity/MsgUnReadBizEntity.xml", ).then(res => { let __data = res.dataPack.rows; resolve({ num: (__data && __data.length > 0) ? __data.length : 0 }); }).catch(err => { reject(err); }); }); }, }, { type: 'split' }, ], //浏览器标签logo //favicon: '/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png", //首页加载logo sysLoadLogo: { src: '/' + pName + '/setting/desktop/sysAssets/sy_loading/png/1.0.0/sy_loading.png', title: _formatLang("companyname") }, //首页头部logo sysLogo: { src: '/' + pName + '/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png', title: _formatLang("companyname"), }, //首页左右结构头部logo /sysLogoHorizon: { src: '/' + pName + '/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png', title: '闽纺联盟', width:null, height:null, },/ //首页mini图标 MsysLogo: { src: '/' + pName + '/setting/desktop/sysAssets/sy_minLogo/png/1.0.0/sy_minLogo.png', title: _formatLang("companyname") }, //左右布局菜单项文字是否单行显示 isMenuWordwrap: true, //登录页配置 //登录页logo loginLogo: '/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png", //logo高 loginLogo_h: null, //logo宽 loginLogo_w: null, //登录页背景 loginBgImg: '/' + pName + "/setting/desktop/sysAssets/login_bg/png/1.0.0/login_bg.png", //标题 //loginTitle:"", //版权 copyright: _formatLang("copyright"), //是否显示全部功能按钮 isShowAllFunc:true, showChangeLangBtn:true, leftMenuWidth:200, //是否开启扫码登录 //isScan:false, //默认布局（左右:left、上下:top） //layout:"top", //app二维码 //appQRcode:'/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png", }; // var root = "http://e5.hieap.cn" var root = "http://192.168.4.106:7778"; var server = "/e5"; var oauth = "/e5"; var projectName = "eap5csxm/admin" var pName = projectName.split("/")[0]; var user = projectName.split("/")[1]; var deployDir = ""; //登录页url var loginUrl = root + server + "/index.html?pn=" + pName + "/" + user; //首页url var mainPageUrl = root + server + "/main.html?pn=" + pName + "/" + user; deployDir = "/e5/render"; serverName = server; if (window._global && window._global.env == 'dev') { deployDir = "" serverName = "" //登录页url var loginUrl = location.origin + deployDir + "/" + pName + "/hivuiLogin/index.html#/"; //首页url var mainPageUrl = location.origin + deployDir + "/" + pName + "/hivuiMain/index.html#/"; } var _formatLang = function(str){ return Vue.prototype.$t(str) } var HIVUI_SETTING = { //项目名 projectName: projectName, //接口返回消息弹窗模式，默认为消息提示（自动消失），msgBox为消息弹窗（需手动确定关闭） //messageType:"msgBox", //请求对象 request: eap.request, deployDir: deployDir, //服务器域名 url: root, //编辑器脚本路径 editorResDir: deployDir, serverName: serverName, //默认服务url serverUrl: root + server, //授权服务url oauth: root + oauth, //用户信息 userInfo: root + server + "/sys/user/detail", //登录页url loginUrl: loginUrl, //首页url mainPageUrl: mainPageUrl, //系统管理url sysManageUrl: "http://192.168.4.193:5188", //数据保存url saveUrl: root + server + "/data/save", //'/data/save', //数据查询url queryUrl: root + server + "/data/query", //'/data/query', //excel导出心跳 exportExcelHeartbeatUrl:root + server + "/export/dataexcel/status", //导入URL excelImportUrl: root + server + "/import/exceldata", //导出URL exportUrl: root + server + "/export/dataexcel", exportPathUrl:root + server + "/export/dataexcel/path", exportNewUrl:root + server + "/export/dataexcelnew", //页面初始化接口 pageInitUrl: root + server + "/data/page/permit", //数据策略url policyUrl: root + server + "/data/policy", //附件上传url upload: root + server + "/file/upload", //附件下载url download: root + server + "/file/download", //附件查看url review: root + server + "/file/static/preview", //流程信息url getFlowInfo: root + server + "/flow/open", getApprovalInfo: root + server + "/flow/getApprovalInfo", processFlow: root + server + "/flow/processFlow", umpireOrder: root + server + "/flow/umpireOrder", queryTask: root + server + "/flow/queryTask", withdrawtask: root + server + "/flow/withdrawtask", taskDiagram: root + server + "/flow/taskDiagram", openOrdernumber: root + server + "/flow/openOrdernumber", //默认查询操作符 queryOperate: 'like', //默认组件配置 defaultCmp: { "DtTable": { "allColSort": true, "colWidthCount": false }, "DtPushData": { //自动暂存 // "wakeupTempData": true }, "DtDataSet": { "autoTrim": true, //自动暂存 // "autoTemporary": true, // "saveNewTemporary": false, // "temporaryTime": 10000 }, "DtToolbar": { "buttons": [ { "kind": "add", // "text": "添加" }, { "kind": "del", // "text": "删除" }, { "kind": "reset", // "text": "取消" }, { "kind": "save", // "text": "保存" } ] } }, //数据返回超时时间 requestTimeout: 140 * 1000, //是否单点登录 isSingleLogin: false, //单点登录页 singleLoginUrl: "http://192.168.10.241:31020/authcenter/login?service=", //单点登出页 singleLogoutUrl: "http://192.168.10.241:31020/authcenter/logout?service=http://192.168.10.241:31020/authcenter/login?service=" + mainPageUrl, // 网格自定义高亮行背景色 // curRowBg: '#2bdbe2', } window.__guid = new Date().valueOf(); //切换布局 function changeLayout(name) { window.localStorage.setItem('layout', name); window.location.reload(); } //模板自定义配置 window.customSysCofig = { //默认门户对应自定义门户功能 sysSetTabs: [ { title: _formatLang("taskcenter"), id: __guid++, close: false, url: '#taskCenter', }, { title: _formatLang("mainpage"), id: __guid++, close: false, type: 'home', actived: true //默认选中 } // ,{ // title:'工作台', // id: __guid++, // close:false, // type:'work' // } ], //默认打开功能 sysDefTabs: [ // { // id: __guid++, // title:"设计", // url:'http://192.168.7.109:9090/#/design', // close:true, // }, ], //头部菜单 sysFuncMenus: [ /* { id: __guid++, name: '系统管理', url: window.HIVUI_SETTING.sysManageUrl + "/?pn=" + window.HIVUI_SETTING.projectName, iconClass: 'icon-set-fill', target: '_blank', type: 'widthToken', }, { id: __guid++, name: '<font color=red>邮件系统</font>', url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows', iconClass: 'icon-mail', target: '_blank', },/ { type: 'split' }, { id: __guid++, name: _formatLang("layout"), type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: _formatLang("updownlayout"), handler: function () { changeLayout(this.id) } }, { id: 'level', name: _formatLang("leftrightlayout"), handler: function () { changeLayout(this.id) } } ] }, { type: 'split' }, { id: __guid++, name: _formatLang("messagecenter"), type: 'withNumTips', iconClass: 'icon-bell', target: 'tab', url: '/platf/msg/func/query.func',//消息中心地址 numIntervalTime: 1000 30,//循环时间，默认30秒 //消息提示文字 messageText: function (res) { return _formatLang("unreadmessage").replace("{}",res.num); }, //获取未读消息数量 numFunc: function () { return new Promise((resolve, reject) => { let param = new eap.dataHelper.Param(); let where = new eap.dataHelper.Where(); let orders = new eap.dataHelper.Orders(); if (window.Scp.User.fuserid) { where.eq("freceiver", window.Scp.User.fuserid); } where.setPage(1, -1); param.where = where; eap.dataHelper.query( param, "/platf/msg/entity/MsgUnReadBizEntity.xml", ).then(res => { let __data = res.dataPack.rows; resolve({ num: (__data && __data.length > 0) ? __data.length : 0 }); }).catch(err => { reject(err); }); }); }, }, { type: 'split' }, ], //浏览器标签logo //favicon: '/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png", //首页加载logo sysLoadLogo: { src: '/' + pName + '/setting/desktop/sysAssets/sy_loading/png/1.0.0/sy_loading.png', title: _formatLang("companyname") }, //首页头部logo sysLogo: { src: '/' + pName + '/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png', title: _formatLang("companyname"), }, //首页左右结构头部logo /sysLogoHorizon: { src: '/' + pName + '/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png', title: '闽纺联盟', width:null, height:null, },/ //首页mini图标 MsysLogo: { src: '/' + pName + '/setting/desktop/sysAssets/sy_minLogo/png/1.0.0/sy_minLogo.png', title: _formatLang("companyname") }, //左右布局菜单项文字是否单行显示 isMenuWordwrap: true, //登录页配置 //登录页logo loginLogo: '/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png", //logo高 loginLogo_h: null, //logo宽 loginLogo_w: null, //登录页背景 loginBgImg: '/' + pName + "/setting/desktop/sysAssets/login_bg/png/1.0.0/login_bg.png", //标题 //loginTitle:"", //版权 copyright: _formatLang("copyright"), //是否显示全部功能按钮 isShowAllFunc:true, showChangeLangBtn:true, leftMenuWidth:200, //是否开启扫码登录 //isScan:false, //默认布局（左右:left、上下:top） //layout:"top", //app二维码 //appQRcode:'/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png", };

Ignore Space Show notes View

project/setting/desktop/development.js

// var root = "http://e5.hieap.cn"
var root = "http://192.168.4.106:7778";
var server = "/e5";
var oauth = "/e5";
var projectName = "eap5csxm/admin"
var pName = projectName.split("/")[0];
var user = projectName.split("/")[1];
var deployDir = "";
//登录页url
var loginUrl = root + server + "/index.html?pn=" + pName + "/" + user;
//首页url
var mainPageUrl = root + server + "/main.html?pn=" + pName + "/" + user;
deployDir = "/e5/render";
serverName = server;
if (window._global && window._global.env == 'dev') {
    deployDir = ""
    serverName = ""
    //登录页url
    var loginUrl = location.origin + deployDir + "/" + pName + "/hivuiLogin/index.html#/";
    //首页url
    var mainPageUrl = location.origin + deployDir + "/" + pName + "/hivuiMain/index.html#/";
}

var _formatLang = function(str){
    return Vue.prototype.$t(str)
}
var HIVUI_SETTING = {
    //项目名
    projectName: projectName,
    //接口返回消息弹窗模式，默认为消息提示（自动消失），msgBox为消息弹窗（需手动确定关闭）
    //messageType:"msgBox",
    //请求对象
    request: eap.request,
    deployDir: deployDir,
    //服务器域名
    url: root,
    //编辑器脚本路径
    editorResDir: deployDir,
    serverName: serverName,
    //默认服务url
    serverUrl: root + server,
    //授权服务url
    oauth: root + oauth,
    //用户信息
    userInfo: root + server + "/sys/user/detail",
    //登录页url
    loginUrl: loginUrl,
    //首页url
    mainPageUrl: mainPageUrl,
    //系统管理url
    sysManageUrl: "http://192.168.4.193:5188",
    //数据保存url
    saveUrl: root + server + "/data/save", //'/data/save',
    //数据查询url
    queryUrl: root + server + "/data/query", //'/data/query',
    //excel导出心跳
    exportExcelHeartbeatUrl:root + server + "/export/dataexcel/status",
    //导入URL
    excelImportUrl: root + server + "/import/exceldata",
    //导出URL
    exportUrl: root + server + "/export/dataexcel",
    exportPathUrl:root + server + "/export/dataexcel/path",
    exportNewUrl:root + server + "/export/dataexcelnew",
    //页面初始化接口
    pageInitUrl: root + server + "/data/page/permit",
    //数据策略url
    policyUrl: root + server + "/data/policy",
    //附件上传url
    upload: root + server + "/file/upload",
    //附件下载url
    download: root + server + "/file/download",
    //附件查看url
    review: root + server + "/file/static/preview",
    //附件上传url
    publicupload: root + server +"/file/public/upload",
    //附件下载url
    publicdownload: root + server +"/file/public/download",
    //附件查看url
    publicreview: root + server +"/file/public/preview",
    //流程信息url
    getFlowInfo: root + server + "/flow/open",
    getApprovalInfo: root + server + "/flow/getApprovalInfo",
    processFlow: root + server + "/flow/processFlow",
    umpireOrder: root + server + "/flow/umpireOrder",
    queryTask: root + server + "/flow/queryTask",
    withdrawtask: root + server + "/flow/withdrawtask",
    taskDiagram: root + server + "/flow/taskDiagram",
    openOrdernumber: root + server + "/flow/openOrdernumber",
    //默认查询操作符
    queryOperate: 'like',
    //默认组件配置
    defaultCmp: {
        "DtTable": {
            "allColSort": true,
            "colWidthCount": false
        },
        "DtPushData": {
            //自动暂存
            // "wakeupTempData": true
        },
        "DtDataSet": {
            "autoTrim": true,
            //自动暂存
            // "autoTemporary": true,
            // "saveNewTemporary": false,
            // "temporaryTime": 10000

},
        "DtToolbar": {
            "buttons": [
                {
                    "kind": "add",
                    // "text": "添加"
                },
                {
                    "kind": "del",
                    // "text": "删除"
                },
                {
                    "kind": "reset",
                    // "text": "取消"
                },
                {
                    "kind": "save",
                    // "text": "保存"
                }
            ]
        }
    },
    //数据返回超时时间
    requestTimeout: 140 * 1000,

//是否单点登录
    isSingleLogin: false,
    //单点登录页
    singleLoginUrl: "http://192.168.10.241:31020/authcenter/login?service=",
    //单点登出页
    singleLogoutUrl: "http://192.168.10.241:31020/authcenter/logout?service=http://192.168.10.241:31020/authcenter/login?service=" + mainPageUrl,
    // 网格自定义高亮行背景色
    // curRowBg: '#2bdbe2',
}
window.__guid = new Date().valueOf();
//切换布局
function changeLayout(name) {
    window.localStorage.setItem('layout', name);
    window.location.reload();
}
//模板自定义配置
window.customSysCofig = {
    //默认门户   对应自定义门户功能
    sysSetTabs: [
        {
            title: _formatLang("taskcenter"),
            id: __guid++,
            close: false,
            url: '#taskCenter',
        },
        {
            title: _formatLang("mainpage"),
            id: __guid++,
            close: false,
            type: 'home',
            actived: true //默认选中
        }
        // ,{
        //     title:'工作台',
        //     id: __guid++,
        //     close:false,
        //     type:'work'
        // }
    ],
    //默认 打开功能
    sysDefTabs: [
        // {
        //   id: __guid++,
        //   title:"设计",
        //   url:'http://192.168.7.109:9090/#/design',
        //   close:true,
        // },
    ],
    //头部菜单
    sysFuncMenus: [
        /*
        {
            id: __guid++,
            name: '系统管理',
            url: window.HIVUI_SETTING.sysManageUrl + "/?pn=" + window.HIVUI_SETTING.projectName,
            iconClass: 'icon-set-fill',
            target: '_blank',
            type: 'widthToken',
        },
        {
            id: __guid++,
            name: '<font color=red>邮件系统</font>',
            url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows',
            iconClass: 'icon-mail',
            target: '_blank',
        },*/
        { type: 'split' },
        {
            id: __guid++,
            name: _formatLang("layout"),
            type: 'layout',
            iconClass: 'icon-user',
            children: [
                {
                    id: 'vertical',
                    name: _formatLang("updownlayout"),
                    handler: function () {
                        changeLayout(this.id)
                    }
                },
                {
                    id: 'level',
                    name: _formatLang("leftrightlayout"),
                    handler: function () {
                        changeLayout(this.id)
                    }
                }
            ]
        },
        { type: 'split' },
        {
            id: __guid++,
            name:  _formatLang("messagecenter"),
            type: 'withNumTips',
            iconClass: 'icon-bell',
            target: 'tab',
            url: '/platf/msg/func/query.func',//消息中心地址
            numIntervalTime: 1000 * 30,//循环时间，默认30秒
            //消息提示文字
            messageText: function (res) {
                return  _formatLang("unreadmessage").replace("{}",res.num);
            },
            //获取未读消息数量
            numFunc: function () {
                return new Promise((resolve, reject) => {
                    let param = new eap.dataHelper.Param();
                    let where = new eap.dataHelper.Where();
                    let orders = new eap.dataHelper.Orders();
                    if (window.Scp.User.fuserid) {
                        where.eq("freceiver", window.Scp.User.fuserid);
                    }
                    where.setPage(1, -1);
                    param.where = where;
                    eap.dataHelper.query(
                        param,
                        "/platf/msg/entity/MsgUnReadBizEntity.xml",
                    ).then(res => {
                        let __data = res.dataPack.rows;
                        resolve({
                            num: (__data && __data.length > 0) ? __data.length : 0
                        });
                    }).catch(err => {
                        reject(err);
                    });
                });
            },
        },
        { type: 'split' },
    ],
    //浏览器标签logo
    //favicon: '/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png",
    //首页加载logo
    sysLoadLogo: {
        src: '/' + pName + '/setting/desktop/sysAssets/sy_loading/png/1.0.0/sy_loading.png',
        title:  _formatLang("companyname")
    },
    //首页头部logo
    sysLogo: {
        src: '/' + pName + '/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png',
        title: _formatLang("companyname"),
    },
    //首页左右结构头部logo
    /*sysLogoHorizon: {
        src: '/' + pName + '/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png',
        title: '闽纺联盟',
        width:null,
        height:null,
    },*/
    //首页mini图标
    MsysLogo: {
        src: '/' + pName + '/setting/desktop/sysAssets/sy_minLogo/png/1.0.0/sy_minLogo.png',
        title: _formatLang("companyname")
    },
    //左右布局菜单项文字是否单行显示
    isMenuWordwrap: true,
    //登录页配置
    //登录页logo
    loginLogo: '/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png",
    //logo高
    loginLogo_h: null,
    //logo宽
    loginLogo_w: null,
    //登录页背景
    loginBgImg: '/' + pName + "/setting/desktop/sysAssets/login_bg/png/1.0.0/login_bg.png",
    //标题
    //loginTitle:"",
    //版权
    copyright: _formatLang("copyright"),
    //是否显示全部功能按钮
    isShowAllFunc:true,
    showChangeLangBtn:true,
    leftMenuWidth:200,
    //是否开启扫码登录
    //isScan:false,
    //默认布局（左右:left、上下:top）
    //layout:"top",
    //app二维码
    //appQRcode:'/' + pName + "/setting/desktop/sysAssets/login_logo/png/1.0.0/login_logo.png",
};

var _formatLang = function(str){
    return Vue.prototype.$t(str)
}
var HIVUI_SETTING = {
    //项目名
    projectName: projectName,
    //接口返回消息弹窗模式，默认为消息提示（自动消失），msgBox为消息弹窗（需手动确定关闭）
    //messageType:"msgBox",
    //请求对象
    request: eap.request,
    deployDir: deployDir,
    //服务器域名
    url: root,
    //编辑器脚本路径
    editorResDir: deployDir,
    serverName: serverName,
    //默认服务url
    serverUrl: root + server,
    //授权服务url
    oauth: root + oauth,
    //用户信息
    userInfo: root + server + "/sys/user/detail",
    //登录页url
    loginUrl: loginUrl,
    //首页url
    mainPageUrl: mainPageUrl,
    //系统管理url
    sysManageUrl: "http://192.168.4.193:5188",
    //数据保存url
    saveUrl: root + server + "/data/save", //'/data/save',
    //数据查询url
    queryUrl: root + server + "/data/query", //'/data/query',
    //excel导出心跳
    exportExcelHeartbeatUrl:root + server + "/export/dataexcel/status",
    //导入URL
    excelImportUrl: root + server + "/import/exceldata",
    //导出URL
    exportUrl: root + server + "/export/dataexcel",
    exportPathUrl:root + server + "/export/dataexcel/path",
    exportNewUrl:root + server + "/export/dataexcelnew",
    //页面初始化接口
    pageInitUrl: root + server + "/data/page/permit",
    //数据策略url
    policyUrl: root + server + "/data/policy",
    //附件上传url
    upload: root + server + "/file/upload",
    //附件下载url
    download: root + server + "/file/download",
    //附件查看url
    review: root + server + "/file/static/preview",
    //流程信息url
    getFlowInfo: root + server + "/flow/open",
    getApprovalInfo: root + server + "/flow/getApprovalInfo",
    processFlow: root + server + "/flow/processFlow",
    umpireOrder: root + server + "/flow/umpireOrder",
    queryTask: root + server + "/flow/queryTask",
    withdrawtask: root + server + "/flow/withdrawtask",
    taskDiagram: root + server + "/flow/taskDiagram",
    openOrdernumber: root + server + "/flow/openOrdernumber",
    //默认查询操作符
    queryOperate: 'like',
    //默认组件配置
    defaultCmp: {
        "DtTable": {
            "allColSort": true,
            "colWidthCount": false
        },
        "DtPushData": {
            //自动暂存
            // "wakeupTempData": true
        },
        "DtDataSet": {
            "autoTrim": true,
            //自动暂存
            // "autoTemporary": true,
            // "saveNewTemporary": false,
            // "temporaryTime": 10000

Show line notes below