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 13a7fb7e42305431104e8c0a6ed68d16897fb23f 2 parents 884a033 + 2a87541 12112 authored on 10 Sep

Showing 6 changed files

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.1.72", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 -s start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js", "build:debug": "node --inspect-brk build/copyBaseAssets.js && cross-env NODE_ENV=production node --inspect-brk build/webpack.prod.conf.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "caniuse-lite": "^1.0.30001436", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "3.0.4", "less-loader": "5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "1.57.1", "sass-loader": "7.3.1", "style-loader": "^0.23.0", "terser-webpack-plugin": "^4.2.3", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "^2.9.15", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "0.20.0", "babel-polyfill": "6.26.0", "classnames": "2.3.1", "echarts": "5.2.2", "element-ui": "2.15.3", "enquire.js": "2.1.6", "event-emitter": "^0.3.5", "font-awesome": "4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.2.3560", "js-cookie": "3.0.1", "js-md5": "0.7.3", "js-pinyin": "0.1.9", "lodash": "4.17.11", "pinyin-pro": "^3.20.4", "qrcode": "^1.5.3", "screenfull": "6.0.0", "sortablejs": "1.14.0", "v-clipboard": "2.2.3", "vue": "2.6.14", "vue-draggable-resizable": "2.3.0", "vue-gemini-scrollbar": "2.0.1", "vue-jstree": "2.1.6", "vue-router": "3.3.4", "vuex": "3.6.2", "zhc-birt-cmps": "^3.0.41", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.13" }, "preview": { "autoStopTime": 172800 } } { "name": "hi-vui-template", "version": "1.1.68", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 -s start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "caniuse-lite": "^1.0.30001436", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "3.0.4", "less-loader": "5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "1.57.1", "sass-loader": "7.3.1", "style-loader": "^0.23.0", "terser-webpack-plugin": "^4.2.3", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "^2.9.15", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "0.20.0", "babel-polyfill": "6.26.0", "classnames": "2.3.1", "echarts": "5.2.2", "element-ui": "2.15.3", "enquire.js": "2.1.6", "event-emitter": "^0.3.5", "font-awesome": "4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.2.3560", "js-cookie": "3.0.1", "js-md5": "0.7.3", "js-pinyin": "0.1.9", "lodash": "4.17.11", "pinyin-pro": "^3.20.4", "qrcode": "^1.5.3", "screenfull": "6.0.0", "sortablejs": "1.14.0", "v-clipboard": "2.2.3", "vue": "2.6.14", "vue-draggable-resizable": "2.3.0", "vue-gemini-scrollbar": "2.0.1", "vue-jstree": "2.1.6", "vue-router": "3.3.4", "vuex": "3.6.2", "zhc-birt-cmps": "^3.0.41", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.13" }, "preview": { "autoStopTime": 172800 } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.1.72",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 -s start processes.json",
    "dev": "vite --host",
    "def": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js",
    "build:debug": "node --inspect-brk build/copyBaseAssets.js && cross-env NODE_ENV=production node --inspect-brk build/webpack.prod.conf.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "caniuse-lite": "^1.0.30001436",
    "chalk": "^3.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "3.0.4",
    "less-loader": "5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "4.14.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "1.57.1",
    "sass-loader": "7.3.1",
    "style-loader": "^0.23.0",
    "terser-webpack-plugin": "^4.2.3",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "^2.9.15",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "2.6.14",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^3.11.3",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "0.20.0",
    "babel-polyfill": "6.26.0",
    "classnames": "2.3.1",
    "echarts": "5.2.2",
    "element-ui": "2.15.3",
    "enquire.js": "2.1.6",
    "event-emitter": "^0.3.5",
    "font-awesome": "4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.2.3560",
    "js-cookie": "3.0.1",
    "js-md5": "0.7.3",
    "js-pinyin": "0.1.9",
    "lodash": "4.17.11",
    "pinyin-pro": "^3.20.4",
    "qrcode": "^1.5.3",
    "screenfull": "6.0.0",
    "sortablejs": "1.14.0",
    "v-clipboard": "2.2.3",
    "vue": "2.6.14",
    "vue-draggable-resizable": "2.3.0",
    "vue-gemini-scrollbar": "2.0.1",
    "vue-jstree": "2.1.6",
    "vue-router": "3.3.4",
    "vuex": "3.6.2",
    "zhc-birt-cmps": "^3.0.41",
    "zhc-flowchart": "^1.0.20",
    "zhc-visualstudio": "^1.0.13"
  },
  "preview": {
    "autoStopTime": 172800
  }
}

{
  "name": "hi-vui-template",
  "version": "1.1.68",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 -s start processes.json",
    "dev": "vite --host",
    "def": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "caniuse-lite": "^1.0.30001436",
    "chalk": "^3.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "3.0.4",
    "less-loader": "5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "4.14.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "1.57.1",
    "sass-loader": "7.3.1",
    "style-loader": "^0.23.0",
    "terser-webpack-plugin": "^4.2.3",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "^2.9.15",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "2.6.14",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^3.11.3",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "0.20.0",
    "babel-polyfill": "6.26.0",
    "classnames": "2.3.1",
    "echarts": "5.2.2",
    "element-ui": "2.15.3",
    "enquire.js": "2.1.6",
    "event-emitter": "^0.3.5",
    "font-awesome": "4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.2.3560",
    "js-cookie": "3.0.1",
    "js-md5": "0.7.3",
    "js-pinyin": "0.1.9",
    "lodash": "4.17.11",
    "pinyin-pro": "^3.20.4",
    "qrcode": "^1.5.3",
    "screenfull": "6.0.0",
    "sortablejs": "1.14.0",
    "v-clipboard": "2.2.3",
    "vue": "2.6.14",
    "vue-draggable-resizable": "2.3.0",
    "vue-gemini-scrollbar": "2.0.1",
    "vue-jstree": "2.1.6",
    "vue-router": "3.3.4",
    "vuex": "3.6.2",
    "zhc-birt-cmps": "^3.0.41",
    "zhc-flowchart": "^1.0.20",
    "zhc-visualstudio": "^1.0.13"
  },
  "preview": {
    "autoStopTime": 172800
  }
}

Ignore Space Show notes View project/hivuiMain/components/contextMenu/ContextMenuItem.vue
<template> <li ref="contextMenu" @click="handleClick(item, $event)" :class="itemClass" :title="item[field]"> <div class="label" :class="(item.hoverBtn\|\|item.chooseIcon)?'withHoverBtn':''"> <i :class="iconClasses" v-if="item.iconClass"></i> <span class="item-label" v-html="item.html\|\|item[field]"></span> <span class="children-indicator iconfont icon-arrow-right trigger" v-if="item.children"></span> <div class="chooseIcon" v-if="item.chooseIcon" :title="item.chooseIcon.title"> <i :class="item.chooseIcon.iconClass"></i> </div> <div class="hoverBtn" v-if="item.hoverBtn" :title="item.hoverBtn.title" @click="hoverBtnHandleClick(item.hoverBtn,$event)"> <i :class="item.hoverBtn.iconClass"></i> </div> </div> <ul class="context-menu" v-if="item.children" :style="contextMenuStyle"> <context-menu-item v-for="(childItem, index) in item.children" :item="childItem" :field="field" :key="index"> </context-menu-item> </ul> </li> </template> <script> export default { name: 'context-menu-item', props: { item: { type: Object, }, field:{ type:String, default:'title' } }, inject:['getActiveKey','setActiveKey'], data(){ return { contextMenuStyle:"", } }, computed:{ iconClasses() { const iconClass = this.item.iconClass; // 如果是 Element UI 图标（以 el- 开头），添加额外的 el-icon 类以便样式调整 if (iconClass && iconClass.startsWith('el-')) { return [iconClass, 'el-icon']; } // 其他图标添加 iconfont 类 return ['iconfont', iconClass]; }, itemClass() { let item =this.item; return { // 'item-active':(item.id!=null)&&this.activeKey==item.id, 'item-active':item.actived, 'item-disabled': this.isItemDisabled(item), 'item-divided': item.divided }; }, activeKey(){ return this.getActiveKey(); }, }, watch:{ "item.children":{ handler:function(val,old){ setTimeout(()=>{ if(!this.$refs.contextMenu){ this.contextMenuStyle= ""; }else{ let _domRect=this.$refs.contextMenu.getBoundingClientRect(); this.contextMenuStyle= "max-height:calc(100vh - "+(_domRect.top+30)+"px)"; } },100); }, immediate: true, deep: true } }, methods: { handleClick(item, event) { // !item.children&&this.setActiveKey(item.id); if (typeof item.handler !== 'undefined') { if (!this.isItemDisabled(item)) { item.handler(event); } else { event.stopPropagation(); } }else{ } }, hoverBtnHandleClick(item,event){ event.stopPropagation(); if (typeof item.handler !== 'undefined') { item.handler(event); } }, isItemDisabled(item) { if (typeof item.disabled !== 'undefined') { return item.disabled; } return false; }, }, }; </script> <style scoped lang="less"> li{ &.item-divided { border-top: 1px solid #e6e6e6; margin-top: 5px; } .el-icon{ font-size: 16px; font-style: normal; margin-top: 5px; margin-right: 5px; } } </style> <template> <li ref="contextMenu" @click="handleClick(item, $event)" :class="itemClass" :title="item[field]"> <div class="label" :class="(item.hoverBtn\|\|item.chooseIcon)?'withHoverBtn':''"> <i class="iconfont" :class="item.iconClass" v-if="item.iconClass"></i> <span class="item-label" v-html="item.html\|\|item[field]"></span> <span class="children-indicator iconfont icon-arrow-right trigger" v-if="item.children"></span> <div class="chooseIcon" v-if="item.chooseIcon" :title="item.chooseIcon.title"> <i :class="item.chooseIcon.iconClass"></i> </div> <div class="hoverBtn" v-if="item.hoverBtn" :title="item.hoverBtn.title" @click="hoverBtnHandleClick(item.hoverBtn,$event)"> <i :class="item.hoverBtn.iconClass"></i> </div> </div> <ul class="context-menu" v-if="item.children" :style="contextMenuStyle"> <context-menu-item v-for="(childItem, index) in item.children" :item="childItem" :field="field" :key="index"> </context-menu-item> </ul> </li> </template> <script> export default { name: 'context-menu-item', props: { item: { type: Object, }, field:{ type:String, default:'title' } }, inject:['getActiveKey','setActiveKey'], data(){ return { contextMenuStyle:"", } }, computed:{ itemClass() { let item =this.item; return { // 'item-active':(item.id!=null)&&this.activeKey==item.id, 'item-active':item.actived, 'item-disabled': this.isItemDisabled(item) }; }, activeKey(){ return this.getActiveKey(); }, }, watch:{ "item.children":{ handler:function(val,old){ setTimeout(()=>{ if(!this.$refs.contextMenu){ this.contextMenuStyle= ""; }else{ let _domRect=this.$refs.contextMenu.getBoundingClientRect(); this.contextMenuStyle= "max-height:calc(100vh - "+(_domRect.top+30)+"px)"; } },100); }, immediate: true, deep: true } }, methods: { handleClick(item, event) { // !item.children&&this.setActiveKey(item.id); if (typeof item.handler !== 'undefined') { if (!this.isItemDisabled(item)) { item.handler(event); } else { event.stopPropagation(); } }else{ } }, hoverBtnHandleClick(item,event){ event.stopPropagation(); if (typeof item.handler !== 'undefined') { item.handler(event); } }, isItemDisabled(item) { if (typeof item.disabled !== 'undefined') { return item.disabled; } return false; }, }, }; </script>

Ignore Space Show notes View

project/hivuiMain/components/contextMenu/ContextMenuItem.vue

// !item.children&&this.setActiveKey(item.id);
      if (typeof item.handler !== 'undefined') {
      
        if (!this.isItemDisabled(item)) {
          item.handler(event);
        } else {
          
          event.stopPropagation();
        }

}else{

}

},
    hoverBtnHandleClick(item,event){
      event.stopPropagation();
      if (typeof item.handler !== 'undefined') {
        item.handler(event);
      }
    },

isItemDisabled(item) {
      if (typeof item.disabled !== 'undefined') {
        return item.disabled;
      }

return false;
    },
  },
};
</script>

}else{

}

},
    hoverBtnHandleClick(item,event){
      event.stopPropagation();
      if (typeof item.handler !== 'undefined') {
        item.handler(event);
      }
    },

isItemDisabled(item) {
      if (typeof item.disabled !== 'undefined') {
        return item.disabled;
      }

return false;
    },
  },
};
</script>

Ignore Space Show notes View project/hivuiMain/components/tabpanel/tabNav.jsx
import vueContextMenu from "@main/components/contextMenu"; // import screenfull from 'screenfull' function noop() {} export default { props:{ panels:Array, onTabClick: { type: Function, default: noop }, onTabRemove: { type: Function, default: noop }, onTabCloseAll: { type: Function, default: noop }, hasContextMenu:{ type:Boolean, default:true } }, data(){ return { curContextMenuName:'',//右击tab curContextMenuIndex:null, show:true,//用于强制刷新 } }, watch:{ panels(){ this.show=false; this.$nextTick(()=>{ this.show = true;//用于强制刷新 }); } }, methods:{ resize(){ let tabWidth=0; let children = this.$el.querySelectorAll('li'); Array.prototype.map.call(children, function (el, index, list) { let rct = el.getBoundingClientRect(); tabWidth += rct.width; }); this.$el.style.width = (tabWidth+5)+'px'; let id = this.$parent.currentName; if (this.$refs[id] == null) return; let scrollLeft = this.$refs[id].offsetLeft, scrollArea = this.$refs[id].parentNode.parentNode.parentNode; if (scrollArea.offsetWidth < scrollLeft) { scrollArea.scrollLeft = scrollLeft; } else if (scrollArea.scrollLeft > scrollLeft) { scrollArea.scrollLeft = scrollLeft; } }, async onClose(panel,e){ e.stopPropagation(); // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){ // return; // } this.$emit('onTabClose',panel.name); }, onActive(panel,evt){ panel.$listeners&&panel.$listeners.onSelected&&panel.$listeners.onSelected(panel,evt) this.$emit('onTabChange',panel); }, onContextMenu(panel,index,e) { if(this.hasContextMenu==false){ return; } e.preventDefault() this.curContextMenuName = panel.name; this.curContextMenuIndex = index, this.$refs['cmp-tabContextMenu'].open(e); }, handleContextMenuRefresh(e) { let panel = this.panels[this.curContextMenuIndex]; if(!panel){return} if(panel.$listeners&&panel.$listeners.onBeforeRefresh&&panel.$listeners.onBeforeRefresh(panel,e)===false){ return; } panel.reload(); // let ifms = panel.$el.querySelectorAll('iframe'); // for(let i=ifms.length-1;i>=0;i--){ // ifms[i].contentWindow.window.location.reload(); // } }, async handleContextMenuClose(e) { // e.stopPropagation(); let panel = this.panels[this.curContextMenuIndex]; if(!panel){return} // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){ // return; // } this.$emit('onTabClose',panel.name); }, handleContextMenuCloseAll(e) { this.$emit('onTabCloseAll'); }, handleContextMenuCloseRt() { this.$emit('onTabCloseRt',this.curContextMenuName,this.curContextMenuIndex); }, handleContextMenuCloseLt() { this.$emit('onTabCloseLt',this.curContextMenuName,this.curContextMenuIndex); }, handleContextMenuCloseOt() { this.$emit('onTabCloseOt',this.curContextMenuName,this.curContextMenuIndex); }, handleFullScreen(){ // this.FullCreeen(document.documentElement); this.$emit('onFullScreen') }, handleBlankPage(){ let panel = this.panels[this.curContextMenuIndex]; panel.$listeners&&panel.$listeners.onBlankPage&&panel.$listeners.onBlankPage(); }, handleCopyLink(){ let panel = this.panels[this.curContextMenuIndex]; panel.$listeners&&panel.$listeners.onCopyLink&&panel.$listeners.onCopyLink(); }, FullCreeen(element) { // let el = element; // let rfs = // el.requestFullScreen \|\| // el.webkitRequestFullScreen \|\| // el.mozRequestFullScreen \|\| // el.msRequestFullScreen; // // Element.requestFullscreen() 此方法用于发出异步请求使元素进入全屏模式。 // // 调用此API并不能保证元素一定能够进入全屏模式。如果元素被允许进入全屏幕模式， // // document对象会收到一个fullscreenchange事件，通知调用者当前元素已经进入全屏模式。如果全屏请求不被许可，则会收到一个fullscreenerror事件。 // if (typeof rfs != "undefined" && rfs) { // rfs.call(el); // } else if (typeof window.ActiveXObject != "undefined") { // let wscript = new ActiveXObject("WScript.Shell"); // if (wscript != null) { // wscript.SendKeys("{F11}"); // } // } screenfull.toggle() }, outFullCreeen(element){ // let el = element; // let cfs = el.cancelFullScreen \|\| el.webkitCancelFullScreen \|\| // el.mozCancelFullScreen \|\| el.exitFullScreen; // if (typeof cfs != "undefined" && cfs) { // cfs.call(el); // } else if (typeof window.ActiveXObject != "undefined") { // let wscript = new ActiveXObject("WScript.Shell"); // if (wscript != null) { // wscript.SendKeys("{F11}"); // } // } }, }, render(h){ let { onClose, onActive, onContextMenu, hasContextMenu, show }=this; let tabs = this._l(this.panels,(panel,index)=>{ const nodeProps = { class:{ ['pl-tabs-item']:1, ['pl-tabs-itemSeld']:panel.name == this.$parent.currentName }, attrs:{ id:'tab_'+panel.name } }; const closeTpl = ( <i class="pl-tabs-itemClose iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i> ) const title = panel.title; return ( <li ref={panel.name} on-contextmenu={(ev) => { onContextMenu(panel,index, ev); }}> <div {...nodeProps} on-click={(ev) => {onActive(panel, ev); }}> <span class="pl-tabs-itemTxt sys-tab-item-text">{title}</span> {(panel.close===""\|\|panel.close===true)&&closeTpl} </div> </li> ) }); const ctxMenuProp = { props: { ['menu-items']: [ { title: this.$t('hivuiMain_tab_ctxmenu_refresh'), iconClass: 'icon-refresh', handler: this.handleContextMenuRefresh, }, { title: this.$t('hivuiMain_tab_ctxmenu_close'), iconClass: 'icon-close-circle', handler: this.handleContextMenuClose, divided: true, }, // { // title: this.$t('hivuiMain_tab_ctxmenu_closeleft'), // iconClass: 'icon-arrow-leftMore-circle', // handler: this.handleContextMenuCloseLt, // }, { title: this.$t('hivuiMain_tab_ctxmenu_closeright'), iconClass: 'icon-arrow-rightMore-circle', handler: this.handleContextMenuCloseRt, }, { title: this.$t('hivuiMain_tab_ctxmenu_closeother'), iconClass: 'icon-closeOther', handler: this.handleContextMenuCloseOt, }, { title: this.$t('hivuiMain_tab_ctxmenu_closeall'), iconClass: 'icon-closeAll', handler: this.handleContextMenuCloseAll, }, { title: this.$t('hivuiMain_tab_ctxmenu_fullscreen'), iconClass: 'icon-quanping', handler: this.handleFullScreen, divided: true, }, { title: this.$t('hivuiMain_tab_ctxmenu_blankPage'), iconClass: 'icon-xinbiaoqianye', handler: this.handleBlankPage, }, { title: this.$t('hivuiMain_tab_ctxmenu_copyLink'), iconClass: 'el-icon-document-copy', handler: this.handleCopyLink, }, ] } }; return ( <div> <ul>{show?tabs:''}</ul> { hasContextMenu&&( <vueContextMenu ref="cmp-tabContextMenu" {...ctxMenuProp}></vueContextMenu> ) } </div> ) }, updated(){ this.$parent.resize(); } } import vueContextMenu from "@main/components/contextMenu"; // import screenfull from 'screenfull' function noop() {} export default { props:{ panels:Array, onTabClick: { type: Function, default: noop }, onTabRemove: { type: Function, default: noop }, onTabCloseAll: { type: Function, default: noop }, hasContextMenu:{ type:Boolean, default:true } }, data(){ return { curContextMenuName:'',//右击tab curContextMenuIndex:null, show:true,//用于强制刷新 } }, watch:{ panels(){ this.show=false; this.$nextTick(()=>{ this.show = true;//用于强制刷新 }); } }, methods:{ resize(){ let tabWidth=0; let children = this.$el.querySelectorAll('li'); Array.prototype.map.call(children, function (el, index, list) { let rct = el.getBoundingClientRect(); tabWidth += rct.width; }); this.$el.style.width = (tabWidth+5)+'px'; let id = this.$parent.currentName; if (this.$refs[id] == null) return; let scrollLeft = this.$refs[id].offsetLeft, scrollArea = this.$refs[id].parentNode.parentNode.parentNode; if (scrollArea.offsetWidth < scrollLeft) { scrollArea.scrollLeft = scrollLeft; } else if (scrollArea.scrollLeft > scrollLeft) { scrollArea.scrollLeft = scrollLeft; } }, async onClose(panel,e){ e.stopPropagation(); // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){ // return; // } this.$emit('onTabClose',panel.name); }, onActive(panel,evt){ panel.$listeners&&panel.$listeners.onSelected&&panel.$listeners.onSelected(panel,evt) this.$emit('onTabChange',panel); }, onContextMenu(panel,index,e) { if(this.hasContextMenu==false){ return; } e.preventDefault() this.curContextMenuName = panel.name; this.curContextMenuIndex = index, this.$refs['cmp-tabContextMenu'].open(e); }, handleContextMenuRefresh(e) { let panel = this.panels[this.curContextMenuIndex]; if(!panel){return} if(panel.$listeners&&panel.$listeners.onBeforeRefresh&&panel.$listeners.onBeforeRefresh(panel,e)===false){ return; } panel.reload(); // let ifms = panel.$el.querySelectorAll('iframe'); // for(let i=ifms.length-1;i>=0;i--){ // ifms[i].contentWindow.window.location.reload(); // } }, async handleContextMenuClose(e) { // e.stopPropagation(); let panel = this.panels[this.curContextMenuIndex]; if(!panel){return} // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){ // return; // } this.$emit('onTabClose',panel.name); }, handleContextMenuCloseAll(e) { this.$emit('onTabCloseAll'); }, handleContextMenuCloseRt() { this.$emit('onTabCloseRt',this.curContextMenuName,this.curContextMenuIndex); }, handleContextMenuCloseLt() { this.$emit('onTabCloseLt',this.curContextMenuName,this.curContextMenuIndex); }, handleContextMenuCloseOt() { this.$emit('onTabCloseOt',this.curContextMenuName,this.curContextMenuIndex); }, handleFullScreen(){ // this.FullCreeen(document.documentElement); this.$emit('onFullScreen') }, handleBlankPage(){ let panel = this.panels[this.curContextMenuIndex]; panel.$listeners&&panel.$listeners.onBlankPage&&panel.$listeners.onBlankPage(); }, FullCreeen(element) { // let el = element; // let rfs = // el.requestFullScreen \|\| // el.webkitRequestFullScreen \|\| // el.mozRequestFullScreen \|\| // el.msRequestFullScreen; // // Element.requestFullscreen() 此方法用于发出异步请求使元素进入全屏模式。 // // 调用此API并不能保证元素一定能够进入全屏模式。如果元素被允许进入全屏幕模式， // // document对象会收到一个fullscreenchange事件，通知调用者当前元素已经进入全屏模式。如果全屏请求不被许可，则会收到一个fullscreenerror事件。 // if (typeof rfs != "undefined" && rfs) { // rfs.call(el); // } else if (typeof window.ActiveXObject != "undefined") { // let wscript = new ActiveXObject("WScript.Shell"); // if (wscript != null) { // wscript.SendKeys("{F11}"); // } // } screenfull.toggle() }, outFullCreeen(element){ // let el = element; // let cfs = el.cancelFullScreen \|\| el.webkitCancelFullScreen \|\| // el.mozCancelFullScreen \|\| el.exitFullScreen; // if (typeof cfs != "undefined" && cfs) { // cfs.call(el); // } else if (typeof window.ActiveXObject != "undefined") { // let wscript = new ActiveXObject("WScript.Shell"); // if (wscript != null) { // wscript.SendKeys("{F11}"); // } // } }, }, render(h){ let { onClose, onActive, onContextMenu, hasContextMenu, show }=this; let tabs = this._l(this.panels,(panel,index)=>{ const nodeProps = { class:{ ['pl-tabs-item']:1, ['pl-tabs-itemSeld']:panel.name == this.$parent.currentName }, attrs:{ id:'tab_'+panel.name } }; const closeTpl = ( <i class="pl-tabs-itemClose iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i> ) const title = panel.title; return ( <li ref={panel.name} on-contextmenu={(ev) => { onContextMenu(panel,index, ev); }}> <div {...nodeProps} on-click={(ev) => {onActive(panel, ev); }}> <span class="pl-tabs-itemTxt sys-tab-item-text">{title}</span> {(panel.close===""\|\|panel.close===true)&&closeTpl} </div> </li> ) }); const ctxMenuProp = { props: { ['menu-items']: [ { title: this.$t('hivuiMain_tab_ctxmenu_refresh'), iconClass: 'icon-refresh', handler: this.handleContextMenuRefresh, }, { title: this.$t('hivuiMain_tab_ctxmenu_close'), iconClass: 'icon-close-circle', handler: this.handleContextMenuClose, }, { title: this.$t('hivuiMain_tab_ctxmenu_closeleft'), iconClass: 'icon-arrow-leftMore-circle', handler: this.handleContextMenuCloseLt, }, { title: this.$t('hivuiMain_tab_ctxmenu_closeright'), iconClass: 'icon-arrow-rightMore-circle', handler: this.handleContextMenuCloseRt, }, { title: this.$t('hivuiMain_tab_ctxmenu_closeother'), iconClass: 'icon-closeOther', handler: this.handleContextMenuCloseOt, }, { title: this.$t('hivuiMain_tab_ctxmenu_closeall'), iconClass: 'icon-closeAll', handler: this.handleContextMenuCloseAll, }, { title: this.$t('hivuiMain_tab_ctxmenu_fullscreen'), iconClass: 'icon-quanping', handler: this.handleFullScreen, }, { title: this.$t('hivuiMain_tab_ctxmenu_blankPage'), iconClass: 'icon-xinbiaoqianye', handler: this.handleBlankPage, }, ] } }; return ( <div> <ul>{show?tabs:''}</ul> { hasContextMenu&&( <vueContextMenu ref="cmp-tabContextMenu" {...ctxMenuProp}></vueContextMenu> ) } </div> ) }, updated(){ this.$parent.resize(); } }

Ignore Space Show notes View

project/hivuiMain/components/tabpanel/tabNav.jsx

import vueContextMenu from "@main/components/contextMenu";
// import screenfull from 'screenfull'
 function noop() {}
export default {
    props:{
        panels:Array,
        onTabClick: {
        type: Function,
        default: noop
      },
      onTabRemove: {
        type: Function,
        default: noop
      },
      onTabCloseAll: {
        type: Function,
        default: noop
      },
        hasContextMenu:{
            type:Boolean,
            default:true
        }
    },
    data(){
        return {
            curContextMenuName:'',//右击tab
            curContextMenuIndex:null,
            show:true,//用于强制刷新
        }
    },
    watch:{
        panels(){
            this.show=false;
            this.$nextTick(()=>{
                this.show = true;//用于强制刷新
            });
        }
    },
    methods:{
        resize(){
            let tabWidth=0;
            let children = this.$el.querySelectorAll('li');
            Array.prototype.map.call(children, function (el, index, list) {
                let rct = el.getBoundingClientRect();        
                tabWidth += rct.width;
            });
            this.$el.style.width = (tabWidth+5)+'px';

let id = this.$parent.currentName;
            if (this.$refs[id] == null) return;
                let scrollLeft = this.$refs[id].offsetLeft,
                scrollArea = this.$refs[id].parentNode.parentNode.parentNode;
            if (scrollArea.offsetWidth < scrollLeft) {
                scrollArea.scrollLeft = scrollLeft;
            } else if (scrollArea.scrollLeft > scrollLeft) {
                scrollArea.scrollLeft = scrollLeft;
            }

},
        async onClose(panel,e){
            e.stopPropagation();
            // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){
            //     return;
            // }
            this.$emit('onTabClose',panel.name);
        },
        onActive(panel,evt){
            panel.$listeners&&panel.$listeners.onSelected&&panel.$listeners.onSelected(panel,evt)
            this.$emit('onTabChange',panel);
        },
        onContextMenu(panel,index,e) {
            if(this.hasContextMenu==false){
                return;
            }
            e.preventDefault()
            this.curContextMenuName = panel.name;
            this.curContextMenuIndex = index,
            this.$refs['cmp-tabContextMenu'].open(e);
        },
        handleContextMenuRefresh(e) {
            let panel = this.panels[this.curContextMenuIndex];
            if(!panel){return}
            if(panel.$listeners&&panel.$listeners.onBeforeRefresh&&panel.$listeners.onBeforeRefresh(panel,e)===false){
                return;
            }
            panel.reload();
            // let ifms = panel.$el.querySelectorAll('iframe');
            // for(let i=ifms.length-1;i>=0;i--){
            //     ifms[i].contentWindow.window.location.reload();
            // }
        },
        async handleContextMenuClose(e) {
            // e.stopPropagation();
            let panel = this.panels[this.curContextMenuIndex];            
            if(!panel){return}
            // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){
            //     return;
            // }
            this.$emit('onTabClose',panel.name);
        },
        handleContextMenuCloseAll(e) {
            this.$emit('onTabCloseAll');
        },
        handleContextMenuCloseRt() {
            this.$emit('onTabCloseRt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseLt() {
            this.$emit('onTabCloseLt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseOt() {
            this.$emit('onTabCloseOt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleFullScreen(){
            // this.FullCreeen(document.documentElement);
            this.$emit('onFullScreen')
        },
        handleBlankPage(){
            let panel = this.panels[this.curContextMenuIndex];
            panel.$listeners&&panel.$listeners.onBlankPage&&panel.$listeners.onBlankPage();
        },
        handleCopyLink(){
            let panel = this.panels[this.curContextMenuIndex];
            panel.$listeners&&panel.$listeners.onCopyLink&&panel.$listeners.onCopyLink();
        },
        FullCreeen(element) {
            // let el = element;
            // let rfs =
            //     el.requestFullScreen ||
            //     el.webkitRequestFullScreen ||
            //     el.mozRequestFullScreen ||
            //     el.msRequestFullScreen;
            //     // Element.requestFullscreen() 此方法用于发出异步请求使元素进入全屏模式。
            //     // 调用此API并不能保证元素一定能够进入全屏模式。如果元素被允许进入全屏幕模式，
            //     // document对象会收到一个fullscreenchange事件，通知调用者当前元素已经进入全屏模式。如果全屏请求不被许可，则会收到一个fullscreenerror事件。
            // if (typeof rfs != "undefined" && rfs) {
            //     rfs.call(el);
            // } else if (typeof window.ActiveXObject != "undefined") {
            //     let wscript = new ActiveXObject("WScript.Shell");
            //     if (wscript != null) {
            //     wscript.SendKeys("{F11}");
            //     }
            // }
            screenfull.toggle()
        },
        outFullCreeen(element){
            // let el = element;
            // let cfs = el.cancelFullScreen || el.webkitCancelFullScreen ||
            //     el.mozCancelFullScreen || el.exitFullScreen;
            // if (typeof cfs != "undefined" && cfs) { 
            //     cfs.call(el);
            // } else if (typeof window.ActiveXObject != "undefined") {
            //     let wscript = new ActiveXObject("WScript.Shell");
            //     if (wscript != null) {
            //         wscript.SendKeys("{F11}");
            //     }
            // }
        },
    },
    render(h){
        let {
            onClose,
            onActive,
            onContextMenu,
            hasContextMenu,
            show
        }=this;
        let tabs = this._l(this.panels,(panel,index)=>{           
            const nodeProps = {
                class:{                
                    ['pl-tabs-item']:1,
                    ['pl-tabs-itemSeld']:panel.name == this.$parent.currentName
                },
                attrs:{
                    id:'tab_'+panel.name
                }
            };
            const closeTpl = (
                <i class="pl-tabs-itemClose iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i>
            )  
            const title = panel.title; 
            return (
                <li ref={panel.name} on-contextmenu={(ev) => { onContextMenu(panel,index, ev); }}>
                    <div {...nodeProps} on-click={(ev) => {onActive(panel, ev); }}>
                        <span class="pl-tabs-itemTxt sys-tab-item-text">{title}</span>
                        {(panel.close===""||panel.close===true)&&closeTpl}
                    </div>
                </li>
            )
        });
        const ctxMenuProp = {
            props: {
                ['menu-items']: [
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_refresh'),
                        iconClass: 'icon-refresh',
                        handler: this.handleContextMenuRefresh,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_close'),
                        iconClass: 'icon-close-circle',
                        handler: this.handleContextMenuClose,
                        divided: true,
                    },
                    // {
                    //     title: this.$t('hivuiMain_tab_ctxmenu_closeleft'),
                    //     iconClass: 'icon-arrow-leftMore-circle',
                    //     handler: this.handleContextMenuCloseLt,
                    // },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_closeright'),
                        iconClass: 'icon-arrow-rightMore-circle',
                        handler: this.handleContextMenuCloseRt,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_closeother'),
                        iconClass: 'icon-closeOther',
                        handler: this.handleContextMenuCloseOt,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_closeall'),
                        iconClass: 'icon-closeAll',
                        handler: this.handleContextMenuCloseAll,
                    },
                    
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_fullscreen'),
                        iconClass: 'icon-quanping',
                        handler: this.handleFullScreen,
                        divided: true,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_blankPage'),
                        iconClass: 'icon-xinbiaoqianye',
                        handler: this.handleBlankPage,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_copyLink'),
                        iconClass: 'el-icon-document-copy',
                        handler: this.handleCopyLink,
                    },
                ]
            }
        };
        return (
            <div>
                <ul>{show?tabs:''}</ul>
                {
                    hasContextMenu&&(
                        <vueContextMenu ref="cmp-tabContextMenu" {...ctxMenuProp}></vueContextMenu>
                    )
                }                   
            </div>    
        )
    },
    updated(){
        this.$parent.resize();
    }
}

},
        async onClose(panel,e){
            e.stopPropagation();
            // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){
            //     return;
            // }
            this.$emit('onTabClose',panel.name);
        },
        onActive(panel,evt){
            panel.$listeners&&panel.$listeners.onSelected&&panel.$listeners.onSelected(panel,evt)
            this.$emit('onTabChange',panel);
        },
        onContextMenu(panel,index,e) {
            if(this.hasContextMenu==false){
                return;
            }
            e.preventDefault()
            this.curContextMenuName = panel.name;
            this.curContextMenuIndex = index,
            this.$refs['cmp-tabContextMenu'].open(e);
        },
        handleContextMenuRefresh(e) {
            let panel = this.panels[this.curContextMenuIndex];
            if(!panel){return}
            if(panel.$listeners&&panel.$listeners.onBeforeRefresh&&panel.$listeners.onBeforeRefresh(panel,e)===false){
                return;
            }
            panel.reload();
            // let ifms = panel.$el.querySelectorAll('iframe');
            // for(let i=ifms.length-1;i>=0;i--){
            //     ifms[i].contentWindow.window.location.reload();
            // }
        },
        async handleContextMenuClose(e) {
            // e.stopPropagation();
            let panel = this.panels[this.curContextMenuIndex];            
            if(!panel){return}
            // if(panel.$listeners&&panel.$listeners.onBeforeClose&&await panel.$listeners.onBeforeClose(panel,e)===false){
            //     return;
            // }
            this.$emit('onTabClose',panel.name);
        },
        handleContextMenuCloseAll(e) {
            this.$emit('onTabCloseAll');
        },
        handleContextMenuCloseRt() {
            this.$emit('onTabCloseRt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseLt() {
            this.$emit('onTabCloseLt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleContextMenuCloseOt() {
            this.$emit('onTabCloseOt',this.curContextMenuName,this.curContextMenuIndex);
        },
        handleFullScreen(){
            // this.FullCreeen(document.documentElement);
            this.$emit('onFullScreen')
        },
        handleBlankPage(){
            let panel = this.panels[this.curContextMenuIndex];
            panel.$listeners&&panel.$listeners.onBlankPage&&panel.$listeners.onBlankPage();
        },
        FullCreeen(element) {
            // let el = element;
            // let rfs =
            //     el.requestFullScreen ||
            //     el.webkitRequestFullScreen ||
            //     el.mozRequestFullScreen ||
            //     el.msRequestFullScreen;
            //     // Element.requestFullscreen() 此方法用于发出异步请求使元素进入全屏模式。
            //     // 调用此API并不能保证元素一定能够进入全屏模式。如果元素被允许进入全屏幕模式，
            //     // document对象会收到一个fullscreenchange事件，通知调用者当前元素已经进入全屏模式。如果全屏请求不被许可，则会收到一个fullscreenerror事件。
            // if (typeof rfs != "undefined" && rfs) {
            //     rfs.call(el);
            // } else if (typeof window.ActiveXObject != "undefined") {
            //     let wscript = new ActiveXObject("WScript.Shell");
            //     if (wscript != null) {
            //     wscript.SendKeys("{F11}");
            //     }
            // }
            screenfull.toggle()
        },
        outFullCreeen(element){
            // let el = element;
            // let cfs = el.cancelFullScreen || el.webkitCancelFullScreen ||
            //     el.mozCancelFullScreen || el.exitFullScreen;
            // if (typeof cfs != "undefined" && cfs) { 
            //     cfs.call(el);
            // } else if (typeof window.ActiveXObject != "undefined") {
            //     let wscript = new ActiveXObject("WScript.Shell");
            //     if (wscript != null) {
            //         wscript.SendKeys("{F11}");
            //     }
            // }
        },
    },
    render(h){
        let {
            onClose,
            onActive,
            onContextMenu,
            hasContextMenu,
            show
        }=this;
        let tabs = this._l(this.panels,(panel,index)=>{           
            const nodeProps = {
                class:{                
                    ['pl-tabs-item']:1,
                    ['pl-tabs-itemSeld']:panel.name == this.$parent.currentName
                },
                attrs:{
                    id:'tab_'+panel.name
                }
            };
            const closeTpl = (
                <i class="pl-tabs-itemClose iconfont icon-close" on-click={(ev) => { onClose(panel, ev); }}></i>
            )  
            const title = panel.title; 
            return (
                <li ref={panel.name} on-contextmenu={(ev) => { onContextMenu(panel,index, ev); }}>
                    <div {...nodeProps} on-click={(ev) => {onActive(panel, ev); }}>
                        <span class="pl-tabs-itemTxt sys-tab-item-text">{title}</span>
                        {(panel.close===""||panel.close===true)&&closeTpl}
                    </div>
                </li>
            )
        });
        const ctxMenuProp = {
            props: {
                ['menu-items']: [
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_refresh'),
                        iconClass: 'icon-refresh',
                        handler: this.handleContextMenuRefresh,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_close'),
                        iconClass: 'icon-close-circle',
                        handler: this.handleContextMenuClose,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_closeleft'),
                        iconClass: 'icon-arrow-leftMore-circle',
                        handler: this.handleContextMenuCloseLt,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_closeright'),
                        iconClass: 'icon-arrow-rightMore-circle',
                        handler: this.handleContextMenuCloseRt,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_closeother'),
                        iconClass: 'icon-closeOther',
                        handler: this.handleContextMenuCloseOt,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_closeall'),
                        iconClass: 'icon-closeAll',
                        handler: this.handleContextMenuCloseAll,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_fullscreen'),
                        iconClass: 'icon-quanping',
                        handler: this.handleFullScreen,
                    },
                    {
                        title: this.$t('hivuiMain_tab_ctxmenu_blankPage'),
                        iconClass: 'icon-xinbiaoqianye',
                        handler: this.handleBlankPage,
                    },
                ]
            }
        };
        return (
            <div>
                <ul>{show?tabs:''}</ul>
                {
                    hasContextMenu&&(
                        <vueContextMenu ref="cmp-tabContextMenu" {...ctxMenuProp}></vueContextMenu>
                    )
                }                   
            </div>    
        )
    },
    updated(){
        this.$parent.resize();
    }
}

Ignore Space Show notes View project/hivuiMain/lang/def.language
hivuiMain_sysInit=系统初始化中... hivuiMain_clickRefresh=【点我刷新】 hivuiMain_recentlyUsed=最近使用 hivuiMain_projectManage=项目管理 hivuiMain_allFunction=全部功能 hivuiMain_nodata=暂无数据 hivuiMain_searchKey=搜索关键字 hivuiMain_customWorkbench=自定义工作台 hivuiMain_logout=退出系统 hivuiMain_sysLoading=系统加载中... hivuiMain_loadedFailClickRefresh=加载失败,点我重试! hivuiMain_dialog_cancel=取消 hivuiMain_dialog_define=确定 hivuiMain_dialog_def_title=提示 hivuiMain_portal_text=暂无功能权限! hivuiMain_tab_ctxmenu_refresh=刷新 hivuiMain_tab_ctxmenu_close=关闭 hivuiMain_tab_ctxmenu_closeleft=关闭左侧 hivuiMain_tab_ctxmenu_closeright=关闭右侧 hivuiMain_tab_ctxmenu_closeother=关闭其它 hivuiMain_tab_ctxmenu_closeall=关闭所有 hivuiMain_tab_ctxmenu_fullscreen=全屏 hivuiMain_tab_ctxmenu_blankPage=新窗口打开 hivuiMain_tab_ctxmenu_copyLink=复制链接 hivuiMain_tab_scroll_lt=左边滚动 hivuiMain_tab_scroll_rt=右边滚动 hivuiMain_tab_scroll_more=更多 hivuiMain_store_msg1=获取 hivuiMain_store_msg2=失败， hivuiMain_store_msg3=点我重试! hivuiMain_store_sysmenu=系统菜单 hivuiMain_store_userinfo=用户信息 hivuiMain_store_bzlist=多岗信息 hivuiMain_store_lately=最近使用功能 hivuiMain_allfuncmenu_text=请输入关键词 hivuiMain_modifypw_title=修改密码 hivuiMain_modifypw_oldpw=旧密码: hivuiMain_modifypw_oldpw=请输入旧密码 hivuiMain_modifypw_newpw=新密码: hivuiMain_modifypw_newpw_ph=请输入4-25个数字、字母或符号组合 hivuiMain_modifypw_valid_pw2_msg=两次输入密码不一致! hivuiMain_modifypw_valid_pw_empty=请输入新密码! hivuiMain_modifypw_valid_pw2_empty=请再次输入新密码! hivuiMain_modifypw_valid_pw2_empty2=请再次输入密码! hivuiMain_modifypw_newpw2=确认新密码: hivuiMain_modifypw_newpw2_ph=再次确认新密码 hivuiMain_modifypw_weak=弱 hivuiMain_modifypw_middle=中 hivuiMain_modifypw_strong=高 hivuiMain_modifypw_success=修改成功！请重新登录 hivuiMain_header_null=空 hivuiMain_header_notification_title=消息提示 hivuiMain_header_bzhoverbtn_title=设为主岗 hivuiMain_header_bzchooseIcon_title=当前主岗 hivuiMain_taskcenter_untreated=未处理 hivuiMain_app_user=用户编号 hivuiMain_app_orgbz=岗位编制 hivuiMain_app_orgname=机构名称 hivuiMain_app_rolename=岗位名称 hivuiMain_app_personal_Center=个人中心 hivuiMain_app_modifyPw=修改密码 hivuiMain_des_title=门户自定义 hivuiMain_des_setHeight=设置高度 hivuiMain_des_dragOrderFlag=拖动排序标识 hivuiMain_des_cancel=取消 hivuiMain_des_ok=确定 hivuiMain_des_editSerialRowLayout=确定 hivuiMain_des_serialRowLayout=第{0}行布局 hivuiMain_des_addColunms=添加门户栏目 hivuiMain_des_dragInArea=拖入此区 hivuiMain_des_save=保存 hivuiMain_des_columnLayout=栏目布局 hivuiMain_des_selectTemplate=选择模板 hivuiMain_des_addSingleLine=添加单行 hivuiMain_des_demoLayoutTip=选择以下模板，拖拽添加至内容区 hivuiMain_des_row24=一行一栏 hivuiMain_des_rowAvg2=两栏均分 hivuiMain_des_row8_16=一行两栏 hivuiMain_des_rowAvg3=三栏均分 hivuiMain_des_rowAvg4=一行四栏 hivuiMain_des_customLayoutTip=自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认 hivuiMain_des_custom=自定义 hivuiMain_des_spaceSeparate=数值以[空格]隔开 hivuiMain_des_saving=保存中... hivuiMain_des_saveSuc=保存成功！ hivuiMain_des_saveError=保存出错！ hivuiMain_app_user=用户 hivuiMain_app_orgbz=岗编 hivuiMain_eap_msgTips=消息提示 hivuiMain_eap_define=确定 hivuiMain_eap_showErrorDetail=弹出报错详情 hivuiMain_eap_hideErrorDetail=收起报错详情 hivuiMain_eap_noPermissionTips=你已被登出,请重新登录 hivuiMain_eap_timeOut=登录超时 hivuiMain_eap_Relist=重新登录 hivuiMain_eap_responseNull=后端请求返回出错，请联系开发人员 hivuiMain_eap_timeoutError=接口请求超时！ hivuiMain_eap_sameUser_tpl=用户已切换,当前用户与登录用户不符 hivuiMain_eap_sameUser_title=提示 hivuiMain_eap_sameUser_confirm=重新加载 hivuiMain_eap_sameUser_cancel=关闭 hivuiMain_main_bz=主岗 hivuiMain_validate_FMBPHONE=电话号码格式有误 hivuiMain_validate_FEMAIL=邮箱地址格式有误 hivuiMain_validate_FIDCARD=身份证号格式有误 customSysCfg_taskcenter=任务中心 customSysCfg_mainpage=首页 customSysCfg_layout=布局 customSysCfg_updownlayout=上下布局 customSysCfg_leftrightlayout=左右布局 customSysCfg_messagecenter=消息中心 customSysCfg_unreadmessage=您有{0}条未读消息 customSysCfg_companyname=中海创科技 customSysCfg_copyright=版权所有 © 2020-2025 中海创科技 customSysCfg_pageTitle=中海创主页 hivuiMain_personalCenter_name=姓名 hivuiMain_personalCenter_sex=性别 hivuiMain_personalCenter_birthday=出生年月 hivuiMain_personalCenter_mbphone=手机号码 hivuiMain_personalCenter_email=邮箱 hivuiMain_personalCenter_WeChat=微信 hivuiMain_personalCenter_usersfz=身份证号 hivuiMain_personalCenter_address=地址 hivuiMain_personalCenter_male=男 hivuiMain_personalCenter_female=女 hivuiMain_personalCenter_editTips=修改成功 hi_messagebox_title=提示 hi_messagebox_confirm=确定 hi_messagebox_cancel=取消 hi_monitor_approvalRecord=审批记录 hi_monitor_flow=流程 hi_monitor_displayname=流程名称 hi_monitor_ordernumber=流程编号 hi_monitor_createtime=创建时间 hi_monitor_finishtime=完成时间 hi_monitor_flowstate=流程状态 hi_monitor_finish=已完成 hi_monitor_taskname=任务名称 hi_monitor_noReceived=未接收 hi_monitor_timeConsuming=耗时 hi_monitor_approver=审批人 hi_monitor_processingStatus=处理状态 hi_monitor_processe=需处理 hi_monitor_postscript=附言 hi_monitor_flowchart=流程图 hi_monitor_gantt=甘特图 hi_monitor_processed=已处理 hi_monitor_back=回退 hi_monitor_sysAuto=系统自动流转 hi_monitor_terminate=终止 hi_monitor_cancel=取消 hi_monitor_transfer=转办 hi_monitor_taskWithdraw=任务撤回 hi_monitor_tsBeforSigning=前加签中 hi_monitor_tsAfterSigning=后加签中 hi_monitor_tsBeforSignDW=前加签处理 hi_monitor_tsAfterSignDW=后加签处理 hi_monitor_tsBeforSigned=已前加签 hi_monitor_tsAfterSigned=已后加签 hi_monitor_day=天 hi_monitor_hour=小时 hi_monitor_Min=分 hi_monitor_second=秒 hi_monitor_gantt_dept=所属部门 hi_monitor_gantt_role=岗位职称 hi_taskcenter_myTasks=我的任务 hi_taskcenter_query=查询 hi_taskcenter_reset=重置 hi_taskcenter_operate=操作 hi_taskcenter_batchProcessing=批处理 hi_taskcenter_flowOut=流转 hi_taskcenter_flowBack=回退 hi_taskcenter_process=处理 hi_taskcenter_view=查看 hi_taskcenter_fwithdraw=撤回 hi_taskcenter_originator=发起人 hi_taskcenter_approver=审批人 hi_taskcenter_urgent=急 hi_taskcenter_back=退 hi_taskcenter_summary=流程摘要 hi_taskcenter_summaryinfo=流程摘要信息 hi_taskcenter_task=任务 hi_taskcenter_createtime=创建时间 hi_taskcenter_finishtime=完成时间 hi_taskcenter_monitor=流程监控 hi_taskcenter_batchTitle=任务批处理({0}) hi_taskcenter_batchtip=任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。 hi_taskcenter_number=单号 hi_taskcenter_flowname=流程名称 hi_taskcenter_taskname=任务名称 hi_taskcenter_detailMsg=处理结果 hi_taskcenter_untreated=未处理 hi_taskcenter_processing=处理中 hi_taskcenter_progress=进度 hi_taskcenter_processed=已处理 hi_taskcenter_completed=已完成 hi_taskcenter_displayname=环节名称 hi_taskcenter_fordernumber=流程单号 hi_taskcenter_fusername=编制ID hi_taskcenter_withdrawinfo=是否撤回任务？ hi_taskcenter_taskWithdrawsuccess=任务撤回成功！ hi_taskcenter_confirmtitle=确认信息 hi_taskcenter_processSuccess=处理成功 hi_taskcenter_processError=处理失败 hi_taskcenter_oneselect=请至少选择一条单据! hivuiMain_errorPage4xx=抱歉，文件请求出错了 hivuiMain_errorPage5xx=抱歉，服务器出错了 hivuiMain_errorPage401=抱歉，该页面暂无权限 hivuiMain_errorPage403=抱歉，您无权查看此页面 hivuiMain_errorPage404=抱歉，您访问的页面不存在 hivuiMain_errorPage500=抱歉，服务器出错了 hivuiMain_errorPage555=抱歉，该用户已被禁用 hivuiMain_sysInit=系统初始化中... hivuiMain_clickRefresh=【点我刷新】 hivuiMain_recentlyUsed=最近使用 hivuiMain_projectManage=项目管理 hivuiMain_allFunction=全部功能 hivuiMain_nodata=暂无数据 hivuiMain_searchKey=搜索关键字 hivuiMain_customWorkbench=自定义工作台 hivuiMain_logout=退出系统 hivuiMain_sysLoading=系统加载中... hivuiMain_loadedFailClickRefresh=加载失败,点我重试! hivuiMain_dialog_cancel=取消 hivuiMain_dialog_define=确定 hivuiMain_dialog_def_title=提示 hivuiMain_portal_text=暂无功能权限! hivuiMain_tab_ctxmenu_refresh=刷新 hivuiMain_tab_ctxmenu_close=关闭 hivuiMain_tab_ctxmenu_closeleft=关闭左侧 hivuiMain_tab_ctxmenu_closeright=关闭右侧 hivuiMain_tab_ctxmenu_closeother=关闭其它 hivuiMain_tab_ctxmenu_closeall=关闭所有 hivuiMain_tab_ctxmenu_fullscreen=全屏 hivuiMain_tab_ctxmenu_blankPage=新窗口打开 hivuiMain_tab_scroll_lt=左边滚动 hivuiMain_tab_scroll_rt=右边滚动 hivuiMain_tab_scroll_more=更多 hivuiMain_store_msg1=获取 hivuiMain_store_msg2=失败， hivuiMain_store_msg3=点我重试! hivuiMain_store_sysmenu=系统菜单 hivuiMain_store_userinfo=用户信息 hivuiMain_store_bzlist=多岗信息 hivuiMain_store_lately=最近使用功能 hivuiMain_allfuncmenu_text=请输入关键词 hivuiMain_modifypw_title=修改密码 hivuiMain_modifypw_oldpw=旧密码: hivuiMain_modifypw_oldpw=请输入旧密码 hivuiMain_modifypw_newpw=新密码: hivuiMain_modifypw_newpw_ph=请输入4-25个数字、字母或符号组合 hivuiMain_modifypw_valid_pw2_msg=两次输入密码不一致! hivuiMain_modifypw_valid_pw_empty=请输入新密码! hivuiMain_modifypw_valid_pw2_empty=请再次输入新密码! hivuiMain_modifypw_valid_pw2_empty2=请再次输入密码! hivuiMain_modifypw_newpw2=确认新密码: hivuiMain_modifypw_newpw2_ph=再次确认新密码 hivuiMain_modifypw_weak=弱 hivuiMain_modifypw_middle=中 hivuiMain_modifypw_strong=高 hivuiMain_modifypw_success=修改成功！请重新登录 hivuiMain_header_null=空 hivuiMain_header_notification_title=消息提示 hivuiMain_header_bzhoverbtn_title=设为主岗 hivuiMain_header_bzchooseIcon_title=当前主岗 hivuiMain_taskcenter_untreated=未处理 hivuiMain_app_user=用户编号 hivuiMain_app_orgbz=岗位编制 hivuiMain_app_orgname=机构名称 hivuiMain_app_rolename=岗位名称 hivuiMain_app_personal_Center=个人中心 hivuiMain_app_modifyPw=修改密码 hivuiMain_des_title=门户自定义 hivuiMain_des_setHeight=设置高度 hivuiMain_des_dragOrderFlag=拖动排序标识 hivuiMain_des_cancel=取消 hivuiMain_des_ok=确定 hivuiMain_des_editSerialRowLayout=确定 hivuiMain_des_serialRowLayout=第{0}行布局 hivuiMain_des_addColunms=添加门户栏目 hivuiMain_des_dragInArea=拖入此区 hivuiMain_des_save=保存 hivuiMain_des_columnLayout=栏目布局 hivuiMain_des_selectTemplate=选择模板 hivuiMain_des_addSingleLine=添加单行 hivuiMain_des_demoLayoutTip=选择以下模板，拖拽添加至内容区 hivuiMain_des_row24=一行一栏 hivuiMain_des_rowAvg2=两栏均分 hivuiMain_des_row8_16=一行两栏 hivuiMain_des_rowAvg3=三栏均分 hivuiMain_des_rowAvg4=一行四栏 hivuiMain_des_customLayoutTip=自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认 hivuiMain_des_custom=自定义 hivuiMain_des_spaceSeparate=数值以[空格]隔开 hivuiMain_des_saving=保存中... hivuiMain_des_saveSuc=保存成功！ hivuiMain_des_saveError=保存出错！ hivuiMain_app_user=用户 hivuiMain_app_orgbz=岗编 hivuiMain_eap_msgTips=消息提示 hivuiMain_eap_define=确定 hivuiMain_eap_showErrorDetail=弹出报错详情 hivuiMain_eap_hideErrorDetail=收起报错详情 hivuiMain_eap_noPermissionTips=你已被登出,请重新登录 hivuiMain_eap_timeOut=登录超时 hivuiMain_eap_Relist=重新登录 hivuiMain_eap_responseNull=后端请求返回出错，请联系开发人员 hivuiMain_eap_timeoutError=接口请求超时！ hivuiMain_eap_sameUser_tpl=用户已切换,当前用户与登录用户不符 hivuiMain_eap_sameUser_title=提示 hivuiMain_eap_sameUser_confirm=重新加载 hivuiMain_eap_sameUser_cancel=关闭 hivuiMain_main_bz=主岗 hivuiMain_validate_FMBPHONE=电话号码格式有误 hivuiMain_validate_FEMAIL=邮箱地址格式有误 hivuiMain_validate_FIDCARD=身份证号格式有误 customSysCfg_taskcenter=任务中心 customSysCfg_mainpage=首页 customSysCfg_layout=布局 customSysCfg_updownlayout=上下布局 customSysCfg_leftrightlayout=左右布局 customSysCfg_messagecenter=消息中心 customSysCfg_unreadmessage=您有{0}条未读消息 customSysCfg_companyname=中海创科技 customSysCfg_copyright=版权所有 © 2020-2025 中海创科技 customSysCfg_pageTitle=中海创主页 hivuiMain_personalCenter_name=姓名 hivuiMain_personalCenter_sex=性别 hivuiMain_personalCenter_birthday=出生年月 hivuiMain_personalCenter_mbphone=手机号码 hivuiMain_personalCenter_email=邮箱 hivuiMain_personalCenter_WeChat=微信 hivuiMain_personalCenter_usersfz=身份证号 hivuiMain_personalCenter_address=地址 hivuiMain_personalCenter_male=男 hivuiMain_personalCenter_female=女 hivuiMain_personalCenter_editTips=修改成功 hi_messagebox_title=提示 hi_messagebox_confirm=确定 hi_messagebox_cancel=取消 hi_monitor_approvalRecord=审批记录 hi_monitor_flow=流程 hi_monitor_displayname=流程名称 hi_monitor_ordernumber=流程编号 hi_monitor_createtime=创建时间 hi_monitor_finishtime=完成时间 hi_monitor_flowstate=流程状态 hi_monitor_finish=已完成 hi_monitor_taskname=任务名称 hi_monitor_noReceived=未接收 hi_monitor_timeConsuming=耗时 hi_monitor_approver=审批人 hi_monitor_processingStatus=处理状态 hi_monitor_processe=需处理 hi_monitor_postscript=附言 hi_monitor_flowchart=流程图 hi_monitor_gantt=甘特图 hi_monitor_processed=已处理 hi_monitor_back=回退 hi_monitor_sysAuto=系统自动流转 hi_monitor_terminate=终止 hi_monitor_cancel=取消 hi_monitor_transfer=转办 hi_monitor_taskWithdraw=任务撤回 hi_monitor_tsBeforSigning=前加签中 hi_monitor_tsAfterSigning=后加签中 hi_monitor_tsBeforSignDW=前加签处理 hi_monitor_tsAfterSignDW=后加签处理 hi_monitor_tsBeforSigned=已前加签 hi_monitor_tsAfterSigned=已后加签 hi_monitor_day=天 hi_monitor_hour=小时 hi_monitor_Min=分 hi_monitor_second=秒 hi_monitor_gantt_dept=所属部门 hi_monitor_gantt_role=岗位职称 hi_taskcenter_myTasks=我的任务 hi_taskcenter_query=查询 hi_taskcenter_reset=重置 hi_taskcenter_operate=操作 hi_taskcenter_batchProcessing=批处理 hi_taskcenter_flowOut=流转 hi_taskcenter_flowBack=回退 hi_taskcenter_process=处理 hi_taskcenter_view=查看 hi_taskcenter_fwithdraw=撤回 hi_taskcenter_originator=发起人 hi_taskcenter_approver=审批人 hi_taskcenter_urgent=急 hi_taskcenter_back=退 hi_taskcenter_summary=流程摘要 hi_taskcenter_summaryinfo=流程摘要信息 hi_taskcenter_task=任务 hi_taskcenter_createtime=创建时间 hi_taskcenter_finishtime=完成时间 hi_taskcenter_monitor=流程监控 hi_taskcenter_batchTitle=任务批处理({0}) hi_taskcenter_batchtip=任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。 hi_taskcenter_number=单号 hi_taskcenter_flowname=流程名称 hi_taskcenter_taskname=任务名称 hi_taskcenter_detailMsg=处理结果 hi_taskcenter_untreated=未处理 hi_taskcenter_processing=处理中 hi_taskcenter_progress=进度 hi_taskcenter_processed=已处理 hi_taskcenter_completed=已完成 hi_taskcenter_displayname=环节名称 hi_taskcenter_fordernumber=流程单号 hi_taskcenter_fusername=编制ID hi_taskcenter_withdrawinfo=是否撤回任务？ hi_taskcenter_taskWithdrawsuccess=任务撤回成功！ hi_taskcenter_confirmtitle=确认信息 hi_taskcenter_processSuccess=处理成功 hi_taskcenter_processError=处理失败 hi_taskcenter_oneselect=请至少选择一条单据! hivuiMain_errorPage4xx=抱歉，文件请求出错了 hivuiMain_errorPage5xx=抱歉，服务器出错了 hivuiMain_errorPage401=抱歉，该页面暂无权限 hivuiMain_errorPage403=抱歉，您无权查看此页面 hivuiMain_errorPage404=抱歉，您访问的页面不存在 hivuiMain_errorPage500=抱歉，服务器出错了 hivuiMain_errorPage555=抱歉，该用户已被禁用

Ignore Space Show notes View

project/hivuiMain/lang/def.language

hivuiMain_sysInit=系统初始化中...
hivuiMain_clickRefresh=【点我刷新】
hivuiMain_recentlyUsed=最近使用
hivuiMain_projectManage=项目管理
hivuiMain_allFunction=全部功能
hivuiMain_nodata=暂无数据
hivuiMain_searchKey=搜索关键字
hivuiMain_customWorkbench=自定义工作台
hivuiMain_logout=退出系统
hivuiMain_sysLoading=系统加载中...
hivuiMain_loadedFailClickRefresh=加载失败,点我重试!
hivuiMain_dialog_cancel=取消
hivuiMain_dialog_define=确定
hivuiMain_dialog_def_title=提示
hivuiMain_portal_text=暂无功能权限!
hivuiMain_tab_ctxmenu_refresh=刷新
hivuiMain_tab_ctxmenu_close=关闭
hivuiMain_tab_ctxmenu_closeleft=关闭左侧
hivuiMain_tab_ctxmenu_closeright=关闭右侧
hivuiMain_tab_ctxmenu_closeother=关闭其它
hivuiMain_tab_ctxmenu_closeall=关闭所有
hivuiMain_tab_ctxmenu_fullscreen=全屏
hivuiMain_tab_ctxmenu_blankPage=新窗口打开
hivuiMain_tab_ctxmenu_copyLink=复制链接
hivuiMain_tab_scroll_lt=左边滚动
hivuiMain_tab_scroll_rt=右边滚动
hivuiMain_tab_scroll_more=更多
hivuiMain_store_msg1=获取
hivuiMain_store_msg2=失败，
hivuiMain_store_msg3=点我重试!
hivuiMain_store_sysmenu=系统菜单
hivuiMain_store_userinfo=用户信息
hivuiMain_store_bzlist=多岗信息
hivuiMain_store_lately=最近使用功能
hivuiMain_allfuncmenu_text=请输入关键词
hivuiMain_modifypw_title=修改密码
hivuiMain_modifypw_oldpw=旧密码:
hivuiMain_modifypw_oldpw=请输入旧密码
hivuiMain_modifypw_newpw=新密码:
hivuiMain_modifypw_newpw_ph=请输入4-25个数字、字母或符号组合
hivuiMain_modifypw_valid_pw2_msg=两次输入密码不一致!
hivuiMain_modifypw_valid_pw_empty=请输入新密码!
hivuiMain_modifypw_valid_pw2_empty=请再次输入新密码!
hivuiMain_modifypw_valid_pw2_empty2=请再次输入密码!
hivuiMain_modifypw_newpw2=确认新密码:
hivuiMain_modifypw_newpw2_ph=再次确认新密码
hivuiMain_modifypw_weak=弱
hivuiMain_modifypw_middle=中
hivuiMain_modifypw_strong=高
hivuiMain_modifypw_success=修改成功！请重新登录
hivuiMain_header_null=空
hivuiMain_header_notification_title=消息提示
hivuiMain_header_bzhoverbtn_title=设为主岗
hivuiMain_header_bzchooseIcon_title=当前主岗
hivuiMain_taskcenter_untreated=未处理
hivuiMain_app_user=用户编号
hivuiMain_app_orgbz=岗位编制
hivuiMain_app_orgname=机构名称
hivuiMain_app_rolename=岗位名称
hivuiMain_app_personal_Center=个人中心
hivuiMain_app_modifyPw=修改密码

hivuiMain_des_title=门户自定义
hivuiMain_des_setHeight=设置高度
hivuiMain_des_dragOrderFlag=拖动排序标识
hivuiMain_des_cancel=取消
hivuiMain_des_ok=确定
hivuiMain_des_editSerialRowLayout=确定
hivuiMain_des_serialRowLayout=第{0}行布局
hivuiMain_des_addColunms=添加门户栏目
hivuiMain_des_dragInArea=拖入此区
hivuiMain_des_save=保存
hivuiMain_des_columnLayout=栏目布局
hivuiMain_des_selectTemplate=选择模板
hivuiMain_des_addSingleLine=添加单行
hivuiMain_des_demoLayoutTip=选择以下模板，拖拽添加至内容区
hivuiMain_des_row24=一行一栏
hivuiMain_des_rowAvg2=两栏均分
hivuiMain_des_row8_16=一行两栏
hivuiMain_des_rowAvg3=三栏均分
hivuiMain_des_rowAvg4=一行四栏
hivuiMain_des_customLayoutTip=自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认
hivuiMain_des_custom=自定义
hivuiMain_des_spaceSeparate=数值以[空格]隔开
hivuiMain_des_saving=保存中...
hivuiMain_des_saveSuc=保存成功！
hivuiMain_des_saveError=保存出错！

hivuiMain_app_user=用户
hivuiMain_app_orgbz=岗编

hivuiMain_eap_msgTips=消息提示
hivuiMain_eap_define=确定
hivuiMain_eap_showErrorDetail=弹出报错详情
hivuiMain_eap_hideErrorDetail=收起报错详情
hivuiMain_eap_noPermissionTips=你已被登出,请重新登录
hivuiMain_eap_timeOut=登录超时
hivuiMain_eap_Relist=重新登录
hivuiMain_eap_responseNull=后端请求返回出错，请联系开发人员
hivuiMain_eap_timeoutError=接口请求超时！
hivuiMain_eap_sameUser_tpl=用户已切换,当前用户与登录用户不符
hivuiMain_eap_sameUser_title=提示
hivuiMain_eap_sameUser_confirm=重新加载
hivuiMain_eap_sameUser_cancel=关闭

hivuiMain_main_bz=主岗
hivuiMain_validate_FMBPHONE=电话号码格式有误
hivuiMain_validate_FEMAIL=邮箱地址格式有误
hivuiMain_validate_FIDCARD=身份证号格式有误

customSysCfg_taskcenter=任务中心
customSysCfg_mainpage=首页
customSysCfg_layout=布局
customSysCfg_updownlayout=上下布局
customSysCfg_leftrightlayout=左右布局
customSysCfg_messagecenter=消息中心
customSysCfg_unreadmessage=您有{0}条未读消息
customSysCfg_companyname=中海创科技
customSysCfg_copyright=版权所有 © 2020-2025 中海创科技
customSysCfg_pageTitle=中海创主页

hivuiMain_personalCenter_name=姓名
hivuiMain_personalCenter_sex=性别
hivuiMain_personalCenter_birthday=出生年月
hivuiMain_personalCenter_mbphone=手机号码
hivuiMain_personalCenter_email=邮箱
hivuiMain_personalCenter_WeChat=微信
hivuiMain_personalCenter_usersfz=身份证号
hivuiMain_personalCenter_address=地址
hivuiMain_personalCenter_male=男
hivuiMain_personalCenter_female=女
hivuiMain_personalCenter_editTips=修改成功

hi_messagebox_title=提示
hi_messagebox_confirm=确定
hi_messagebox_cancel=取消

hi_monitor_approvalRecord=审批记录
hi_monitor_flow=流程
hi_monitor_displayname=流程名称
hi_monitor_ordernumber=流程编号
hi_monitor_createtime=创建时间
hi_monitor_finishtime=完成时间
hi_monitor_flowstate=流程状态
hi_monitor_finish=已完成
hi_monitor_taskname=任务名称
hi_monitor_noReceived=未接收
hi_monitor_timeConsuming=耗时
hi_monitor_approver=审批人
hi_monitor_processingStatus=处理状态
hi_monitor_processe=需处理
hi_monitor_postscript=附言
hi_monitor_flowchart=流程图
hi_monitor_gantt=甘特图
hi_monitor_processed=已处理
hi_monitor_back=回退
hi_monitor_sysAuto=系统自动流转
hi_monitor_terminate=终止
hi_monitor_cancel=取消
hi_monitor_transfer=转办
hi_monitor_taskWithdraw=任务撤回
hi_monitor_tsBeforSigning=前加签中
hi_monitor_tsAfterSigning=后加签中
hi_monitor_tsBeforSignDW=前加签处理
hi_monitor_tsAfterSignDW=后加签处理
hi_monitor_tsBeforSigned=已前加签
hi_monitor_tsAfterSigned=已后加签
hi_monitor_day=天
hi_monitor_hour=小时
hi_monitor_Min=分
hi_monitor_second=秒
hi_monitor_gantt_dept=所属部门
hi_monitor_gantt_role=岗位职称

hi_taskcenter_myTasks=我的任务
hi_taskcenter_query=查询
hi_taskcenter_reset=重置
hi_taskcenter_operate=操作
hi_taskcenter_batchProcessing=批处理
hi_taskcenter_flowOut=流转
hi_taskcenter_flowBack=回退
hi_taskcenter_process=处理
hi_taskcenter_view=查看
hi_taskcenter_fwithdraw=撤回
hi_taskcenter_originator=发起人
hi_taskcenter_approver=审批人
hi_taskcenter_urgent=急
hi_taskcenter_back=退
hi_taskcenter_summary=流程摘要
hi_taskcenter_summaryinfo=流程摘要信息
hi_taskcenter_task=任务
hi_taskcenter_createtime=创建时间
hi_taskcenter_finishtime=完成时间
hi_taskcenter_monitor=流程监控
hi_taskcenter_batchTitle=任务批处理({0})
hi_taskcenter_batchtip=任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。
hi_taskcenter_number=单号
hi_taskcenter_flowname=流程名称
hi_taskcenter_taskname=任务名称
hi_taskcenter_detailMsg=处理结果
hi_taskcenter_untreated=未处理
hi_taskcenter_processing=处理中
hi_taskcenter_progress=进度
hi_taskcenter_processed=已处理
hi_taskcenter_completed=已完成
hi_taskcenter_displayname=环节名称
hi_taskcenter_fordernumber=流程单号
hi_taskcenter_fusername=编制ID
hi_taskcenter_withdrawinfo=是否撤回任务？
hi_taskcenter_taskWithdrawsuccess=任务撤回成功！
hi_taskcenter_confirmtitle=确认信息
hi_taskcenter_processSuccess=处理成功
hi_taskcenter_processError=处理失败
hi_taskcenter_oneselect=请至少选择一条单据!

hivuiMain_errorPage4xx=抱歉，文件请求出错了
hivuiMain_errorPage5xx=抱歉，服务器出错了
hivuiMain_errorPage401=抱歉，该页面暂无权限
hivuiMain_errorPage403=抱歉，您无权查看此页面
hivuiMain_errorPage404=抱歉，您访问的页面不存在
hivuiMain_errorPage500=抱歉，服务器出错了
hivuiMain_errorPage555=抱歉，该用户已被禁用

hivuiMain_sysInit=系统初始化中...
hivuiMain_clickRefresh=【点我刷新】
hivuiMain_recentlyUsed=最近使用
hivuiMain_projectManage=项目管理
hivuiMain_allFunction=全部功能
hivuiMain_nodata=暂无数据
hivuiMain_searchKey=搜索关键字
hivuiMain_customWorkbench=自定义工作台
hivuiMain_logout=退出系统
hivuiMain_sysLoading=系统加载中...
hivuiMain_loadedFailClickRefresh=加载失败,点我重试!
hivuiMain_dialog_cancel=取消
hivuiMain_dialog_define=确定
hivuiMain_dialog_def_title=提示
hivuiMain_portal_text=暂无功能权限!
hivuiMain_tab_ctxmenu_refresh=刷新
hivuiMain_tab_ctxmenu_close=关闭
hivuiMain_tab_ctxmenu_closeleft=关闭左侧
hivuiMain_tab_ctxmenu_closeright=关闭右侧
hivuiMain_tab_ctxmenu_closeother=关闭其它
hivuiMain_tab_ctxmenu_closeall=关闭所有
hivuiMain_tab_ctxmenu_fullscreen=全屏
hivuiMain_tab_ctxmenu_blankPage=新窗口打开
hivuiMain_tab_scroll_lt=左边滚动
hivuiMain_tab_scroll_rt=右边滚动
hivuiMain_tab_scroll_more=更多
hivuiMain_store_msg1=获取
hivuiMain_store_msg2=失败，
hivuiMain_store_msg3=点我重试!
hivuiMain_store_sysmenu=系统菜单
hivuiMain_store_userinfo=用户信息
hivuiMain_store_bzlist=多岗信息
hivuiMain_store_lately=最近使用功能
hivuiMain_allfuncmenu_text=请输入关键词
hivuiMain_modifypw_title=修改密码
hivuiMain_modifypw_oldpw=旧密码:
hivuiMain_modifypw_oldpw=请输入旧密码
hivuiMain_modifypw_newpw=新密码:
hivuiMain_modifypw_newpw_ph=请输入4-25个数字、字母或符号组合
hivuiMain_modifypw_valid_pw2_msg=两次输入密码不一致!
hivuiMain_modifypw_valid_pw_empty=请输入新密码!
hivuiMain_modifypw_valid_pw2_empty=请再次输入新密码!
hivuiMain_modifypw_valid_pw2_empty2=请再次输入密码!
hivuiMain_modifypw_newpw2=确认新密码:
hivuiMain_modifypw_newpw2_ph=再次确认新密码
hivuiMain_modifypw_weak=弱
hivuiMain_modifypw_middle=中
hivuiMain_modifypw_strong=高
hivuiMain_modifypw_success=修改成功！请重新登录
hivuiMain_header_null=空
hivuiMain_header_notification_title=消息提示
hivuiMain_header_bzhoverbtn_title=设为主岗
hivuiMain_header_bzchooseIcon_title=当前主岗
hivuiMain_taskcenter_untreated=未处理
hivuiMain_app_user=用户编号
hivuiMain_app_orgbz=岗位编制
hivuiMain_app_orgname=机构名称
hivuiMain_app_rolename=岗位名称
hivuiMain_app_personal_Center=个人中心
hivuiMain_app_modifyPw=修改密码

hivuiMain_app_user=用户
hivuiMain_app_orgbz=岗编

hivuiMain_main_bz=主岗
hivuiMain_validate_FMBPHONE=电话号码格式有误
hivuiMain_validate_FEMAIL=邮箱地址格式有误
hivuiMain_validate_FIDCARD=身份证号格式有误

hi_messagebox_title=提示
hi_messagebox_confirm=确定
hi_messagebox_cancel=取消

Ignore Space Show notes View project/hivuiMain/lang/zh-CN.js
var GLOBAL_LANG_TPL = { "hivuiMain_sysInit": "系统初始化中...", "hivuiMain_clickRefresh": "【点我刷新】", "hivuiMain_recentlyUsed": "最近使用", "hivuiMain_projectManage": "项目管理", "hivuiMain_allFunction": "全部功能", "hivuiMain_nodata": "暂无数据", "hivuiMain_searchKey": "搜索关键字", "hivuiMain_customWorkbench": "自定义工作台", "hivuiMain_logout": "退出系统", "hivuiMain_sysLoading": "系统加载中...", "hivuiMain_loadedFailClickRefresh": "加载失败,点我重试!", "hivuiMain_dialog_cancel": "取消", "hivuiMain_dialog_define": "确定", "hivuiMain_dialog_def_title": "提示", "hivuiMain_portal_text": "暂无功能权限!", "hivuiMain_tab_ctxmenu_refresh": "刷新", "hivuiMain_tab_ctxmenu_close": "关闭", "hivuiMain_tab_ctxmenu_closeleft": "关闭左侧", "hivuiMain_tab_ctxmenu_closeright": "关闭右侧", "hivuiMain_tab_ctxmenu_closeother": "关闭其它", "hivuiMain_tab_ctxmenu_closeall": "关闭所有", "hivuiMain_tab_ctxmenu_fullscreen": "全屏", "hivuiMain_tab_ctxmenu_blankPage":"新窗口打开", "hivuiMain_tab_ctxmenu_copyLink":"复制链接", "hivuiMain_tab_scroll_lt": "左边滚动", "hivuiMain_tab_scroll_rt": "右边滚动", "hivuiMain_tab_scroll_more": "更多", "hivuiMain_store_msg1": "获取", "hivuiMain_store_msg2": "失败，", "hivuiMain_store_msg3": "点我重试!", "hivuiMain_store_sysmenu": "系统菜单", "hivuiMain_store_userinfo": "用户信息", "hivuiMain_store_bzlist": "多岗信息", "hivuiMain_store_lately": "最近使用功能", "hivuiMain_allfuncmenu_text": "请输入关键词", "hivuiMain_modifypw_title": "修改密码", "hivuiMain_modifypw_oldpw": "旧密码:", "hivuiMain_modifypw_oldpw": "请输入旧密码", "hivuiMain_modifypw_newpw": "新密码:", "hivuiMain_modifypw_newpw_ph": "请输入4-25个数字、字母或符号组合", "hivuiMain_modifypw_valid_pw2_msg": "两次输入密码不一致!", "hivuiMain_modifypw_valid_pw_empty": "请输入新密码!", "hivuiMain_modifypw_valid_pw2_empty": "请再次输入新密码!", "hivuiMain_modifypw_valid_pw2_empty2": "请再次输入密码!", "hivuiMain_modifypw_newpw2": "确认新密码:", "hivuiMain_modifypw_newpw2_ph": "再次确认新密码", "hivuiMain_modifypw_weak": "弱", "hivuiMain_modifypw_middle": "中", "hivuiMain_modifypw_strong": "高", "hivuiMain_modifypw_success": "修改成功！请重新登录", "hivuiMain_header_null": "空", "hivuiMain_header_notification_title": "消息提示", "hivuiMain_header_bzhoverbtn_title": "设为主岗", "hivuiMain_header_bzchooseIcon_title":"当前主岗", "hivuiMain_taskcenter_untreated": "未处理", "hivuiMain_app_user": "用户编号", "hivuiMain_app_orgbz": "岗位编制", "hivuiMain_app_orgname": "机构名称", "hivuiMain_app_rolename": "岗位名称", "hivuiMain_app_personal_Center": "个人中心", "hivuiMain_app_modifyPw": "修改密码", "hivuiMain_des_title": "门户自定义", "hivuiMain_des_setHeight": "设置高度", "hivuiMain_des_dragOrderFlag": "拖动排序标识", "hivuiMain_des_cancel": "取消", "hivuiMain_des_ok": "确定", "hivuiMain_des_editSerialRowLayout": "确定", "hivuiMain_des_serialRowLayout": "第{0}行布局", "hivuiMain_des_addColunms": "添加门户栏目", "hivuiMain_des_dragInArea": "拖入此区", "hivuiMain_des_save": "保存", "hivuiMain_des_columnLayout": "栏目布局", "hivuiMain_des_selectTemplate": "选择模板", "hivuiMain_des_addSingleLine": "添加单行", "hivuiMain_des_demoLayoutTip": "选择以下模板，拖拽添加至内容区", "hivuiMain_des_row24": "一行一栏", "hivuiMain_des_rowAvg2": "两栏均分", "hivuiMain_des_row8_16": "一行两栏", "hivuiMain_des_rowAvg3": "三栏均分", "hivuiMain_des_rowAvg4": "一行四栏", "hivuiMain_des_customLayoutTip": "自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认", "hivuiMain_des_custom": "自定义", "hivuiMain_des_spaceSeparate": "数值以[空格]隔开", "hivuiMain_des_saving": "保存中...", "hivuiMain_des_saveSuc": "保存成功！", "hivuiMain_des_saveError": "保存出错！", "hivuiMain_app_user": "用户", "hivuiMain_app_orgbz": "岗编", "hivuiMain_eap_msgTips": "消息提示", "hivuiMain_eap_define": "确定", "hivuiMain_eap_showErrorDetail": "弹出报错详情", "hivuiMain_eap_hideErrorDetail": "收起报错详情", "hivuiMain_eap_noPermissionTips": "你已被登出,请重新登录", "hivuiMain_eap_timeOut": "登录超时", "hivuiMain_eap_Relist": "重新登录", "hivuiMain_eap_responseNull":"后端请求返回出错，请联系开发人员", "hivuiMain_eap_timeoutError":"接口请求超时！", "hivuiMain_eap_sameUser_tpl":"用户已切换,当前用户与登录用户不符", "hivuiMain_eap_sameUser_title":"提示", "hivuiMain_eap_sameUser_confirm":"重新加载", "hivuiMain_eap_sameUser_cancel":"关闭", "hivuiMain_main_bz": "主岗", "hivuiMain_validate_FMBPHONE": "电话号码格式有误", "hivuiMain_validate_FEMAIL": "邮箱地址格式有误", "hivuiMain_validate_FIDCARD": "身份证号格式有误", "customSysCfg_taskcenter": "任务中心", "customSysCfg_mainpage": "首页", "customSysCfg_layout": "布局", "customSysCfg_updownlayout": "上下布局", "customSysCfg_leftrightlayout": "左右布局", "customSysCfg_messagecenter": "消息中心", "customSysCfg_unreadmessage": "您有{0}条未读消息", "customSysCfg_companyname": "中海创科技", "customSysCfg_copyright": "版权所有 © 2020-2025 中海创科技", "customSysCfg_pageTitle": "中海创主页", "hivuiMain_personalCenter_name": "姓名", "hivuiMain_personalCenter_sex": "性别", "hivuiMain_personalCenter_birthday": "出生年月", "hivuiMain_personalCenter_mbphone": "手机号码", "hivuiMain_personalCenter_email": "邮箱", "hivuiMain_personalCenter_WeChat": "微信", "hivuiMain_personalCenter_usersfz": "身份证号", "hivuiMain_personalCenter_address": "地址", "hivuiMain_personalCenter_male": "男", "hivuiMain_personalCenter_female": "女", "hivuiMain_personalCenter_editTips": "修改成功", "hi_messagebox_title": "提示", "hi_messagebox_confirm": "确定", "hi_messagebox_cancel": "取消", "hi_monitor_approvalRecord": "审批记录", "hi_monitor_flow": "流程", "hi_monitor_displayname": "流程名称", "hi_monitor_ordernumber": "流程编号", "hi_monitor_createtime": "创建时间", "hi_monitor_finishtime": "完成时间", "hi_monitor_flowstate": "流程状态", "hi_monitor_finish": "已完成", "hi_monitor_taskname": "任务名称", "hi_monitor_noReceived": "未接收", "hi_monitor_timeConsuming": "耗时", "hi_monitor_approver": "审批人", "hi_monitor_processingStatus": "处理状态", "hi_monitor_processe": "需处理", "hi_monitor_postscript": "附言", "hi_monitor_flowchart": "流程图", "hi_monitor_processed": "已处理", "hi_monitor_back": "回退", "hi_monitor_sysAuto": "系统自动流转", "hi_monitor_terminate": "终止", "hi_monitor_cancel": "取消", "hi_monitor_transfer": "转办", "hi_monitor_taskWithdraw": "任务撤回", "hi_monitor_tsBeforSigning": "前加签中", "hi_monitor_tsAfterSigning": "后加签中", "hi_monitor_tsBeforSignDW": "前加签处理", "hi_monitor_tsAfterSignDW": "后加签处理", "hi_monitor_tsBeforSigned": "已前加签", "hi_monitor_tsAfterSigned": "已后加签", "hi_monitor_day": "天", "hi_monitor_hour": "小时", "hi_monitor_Min": "分", "hi_monitor_second": "秒", "hi_taskcenter_myTasks": "我的任务", "hi_taskcenter_query": "查询", "hi_taskcenter_reset": "重置", "hi_taskcenter_operate": "操作", "hi_taskcenter_batchProcessing": "批处理", "hi_taskcenter_flowOut": "流转", "hi_taskcenter_flowBack": "回退", "hi_taskcenter_process": "处理", "hi_taskcenter_view": "查看", "hi_taskcenter_fwithdraw": "撤回", "hi_taskcenter_originator": "发起人", "hi_taskcenter_approver": "审批人", "hi_taskcenter_urgent": "急", "hi_taskcenter_back": "退", "hi_taskcenter_summary": "流程摘要", "hi_taskcenter_summaryinfo": "流程摘要信息", "hi_taskcenter_task": "任务", "hi_taskcenter_createtime": "创建时间", "hi_taskcenter_finishtime": "完成时间", "hi_taskcenter_monitor": "流程监控", "hi_taskcenter_batchTitle": "任务批处理({0})", "hi_taskcenter_batchtip": "任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。", "hi_taskcenter_number": "单号", "hi_taskcenter_flowname": "流程名称", "hi_taskcenter_taskname": "任务名称", "hi_taskcenter_detailMsg": "处理结果", "hi_taskcenter_untreated": "未处理", "hi_taskcenter_processed": "已处理", "hi_taskcenter_processing": "处理中", "hi_taskcenter_completed": "已完成", "hi_taskcenter_displayname": "环节名称", "hi_taskcenter_fordernumber": "流程单号", "hi_taskcenter_fusername": "编制ID", "hi_taskcenter_withdrawinfo": "是否撤回任务？", "hi_taskcenter_taskWithdrawsuccess":"任务撤回成功！", "hi_taskcenter_confirmtitle": "确认信息", "hi_taskcenter_processSuccess": "处理成功", "hi_taskcenter_processError": "处理失败", "hi_taskcenter_oneselect": "请至少选择一条单据!", "hivuiMain_errorPage4xx":"抱歉，文件请求出错了", "hivuiMain_errorPage5xx":"抱歉，服务器出错了", "hivuiMain_errorPage401":"抱歉，该页面暂无权限", "hivuiMain_errorPage403":"抱歉，您无权查看此页面", "hivuiMain_errorPage404":"抱歉，您访问的页面不存在", "hivuiMain_errorPage500":"抱歉，服务器出错了", "hivuiMain_errorPage555":"抱歉，该用户已被禁用", }; var GLOBAL_LANG_TPL = { "hivuiMain_sysInit": "系统初始化中...", "hivuiMain_clickRefresh": "【点我刷新】", "hivuiMain_recentlyUsed": "最近使用", "hivuiMain_projectManage": "项目管理", "hivuiMain_allFunction": "全部功能", "hivuiMain_nodata": "暂无数据", "hivuiMain_searchKey": "搜索关键字", "hivuiMain_customWorkbench": "自定义工作台", "hivuiMain_logout": "退出系统", "hivuiMain_sysLoading": "系统加载中...", "hivuiMain_loadedFailClickRefresh": "加载失败,点我重试!", "hivuiMain_dialog_cancel": "取消", "hivuiMain_dialog_define": "确定", "hivuiMain_dialog_def_title": "提示", "hivuiMain_portal_text": "暂无功能权限!", "hivuiMain_tab_ctxmenu_refresh": "刷新", "hivuiMain_tab_ctxmenu_close": "关闭", "hivuiMain_tab_ctxmenu_closeleft": "关闭左侧", "hivuiMain_tab_ctxmenu_closeright": "关闭右侧", "hivuiMain_tab_ctxmenu_closeother": "关闭其它", "hivuiMain_tab_ctxmenu_closeall": "关闭所有", "hivuiMain_tab_ctxmenu_fullscreen": "全屏", "hivuiMain_tab_ctxmenu_blankPage":"新窗口打开", "hivuiMain_tab_scroll_lt": "左边滚动", "hivuiMain_tab_scroll_rt": "右边滚动", "hivuiMain_tab_scroll_more": "更多", "hivuiMain_store_msg1": "获取", "hivuiMain_store_msg2": "失败，", "hivuiMain_store_msg3": "点我重试!", "hivuiMain_store_sysmenu": "系统菜单", "hivuiMain_store_userinfo": "用户信息", "hivuiMain_store_bzlist": "多岗信息", "hivuiMain_store_lately": "最近使用功能", "hivuiMain_allfuncmenu_text": "请输入关键词", "hivuiMain_modifypw_title": "修改密码", "hivuiMain_modifypw_oldpw": "旧密码:", "hivuiMain_modifypw_oldpw": "请输入旧密码", "hivuiMain_modifypw_newpw": "新密码:", "hivuiMain_modifypw_newpw_ph": "请输入4-25个数字、字母或符号组合", "hivuiMain_modifypw_valid_pw2_msg": "两次输入密码不一致!", "hivuiMain_modifypw_valid_pw_empty": "请输入新密码!", "hivuiMain_modifypw_valid_pw2_empty": "请再次输入新密码!", "hivuiMain_modifypw_valid_pw2_empty2": "请再次输入密码!", "hivuiMain_modifypw_newpw2": "确认新密码:", "hivuiMain_modifypw_newpw2_ph": "再次确认新密码", "hivuiMain_modifypw_weak": "弱", "hivuiMain_modifypw_middle": "中", "hivuiMain_modifypw_strong": "高", "hivuiMain_modifypw_success": "修改成功！请重新登录", "hivuiMain_header_null": "空", "hivuiMain_header_notification_title": "消息提示", "hivuiMain_header_bzhoverbtn_title": "设为主岗", "hivuiMain_header_bzchooseIcon_title":"当前主岗", "hivuiMain_taskcenter_untreated": "未处理", "hivuiMain_app_user": "用户编号", "hivuiMain_app_orgbz": "岗位编制", "hivuiMain_app_orgname": "机构名称", "hivuiMain_app_rolename": "岗位名称", "hivuiMain_app_personal_Center": "个人中心", "hivuiMain_app_modifyPw": "修改密码", "hivuiMain_des_title": "门户自定义", "hivuiMain_des_setHeight": "设置高度", "hivuiMain_des_dragOrderFlag": "拖动排序标识", "hivuiMain_des_cancel": "取消", "hivuiMain_des_ok": "确定", "hivuiMain_des_editSerialRowLayout": "确定", "hivuiMain_des_serialRowLayout": "第{0}行布局", "hivuiMain_des_addColunms": "添加门户栏目", "hivuiMain_des_dragInArea": "拖入此区", "hivuiMain_des_save": "保存", "hivuiMain_des_columnLayout": "栏目布局", "hivuiMain_des_selectTemplate": "选择模板", "hivuiMain_des_addSingleLine": "添加单行", "hivuiMain_des_demoLayoutTip": "选择以下模板，拖拽添加至内容区", "hivuiMain_des_row24": "一行一栏", "hivuiMain_des_rowAvg2": "两栏均分", "hivuiMain_des_row8_16": "一行两栏", "hivuiMain_des_rowAvg3": "三栏均分", "hivuiMain_des_rowAvg4": "一行四栏", "hivuiMain_des_customLayoutTip": "自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认", "hivuiMain_des_custom": "自定义", "hivuiMain_des_spaceSeparate": "数值以[空格]隔开", "hivuiMain_des_saving": "保存中...", "hivuiMain_des_saveSuc": "保存成功！", "hivuiMain_des_saveError": "保存出错！", "hivuiMain_app_user": "用户", "hivuiMain_app_orgbz": "岗编", "hivuiMain_eap_msgTips": "消息提示", "hivuiMain_eap_define": "确定", "hivuiMain_eap_showErrorDetail": "弹出报错详情", "hivuiMain_eap_hideErrorDetail": "收起报错详情", "hivuiMain_eap_noPermissionTips": "你已被登出,请重新登录", "hivuiMain_eap_timeOut": "登录超时", "hivuiMain_eap_Relist": "重新登录", "hivuiMain_eap_responseNull":"后端请求返回出错，请联系开发人员", "hivuiMain_eap_timeoutError":"接口请求超时！", "hivuiMain_eap_sameUser_tpl":"用户已切换,当前用户与登录用户不符", "hivuiMain_eap_sameUser_title":"提示", "hivuiMain_eap_sameUser_confirm":"重新加载", "hivuiMain_eap_sameUser_cancel":"关闭", "hivuiMain_main_bz": "主岗", "hivuiMain_validate_FMBPHONE": "电话号码格式有误", "hivuiMain_validate_FEMAIL": "邮箱地址格式有误", "hivuiMain_validate_FIDCARD": "身份证号格式有误", "customSysCfg_taskcenter": "任务中心", "customSysCfg_mainpage": "首页", "customSysCfg_layout": "布局", "customSysCfg_updownlayout": "上下布局", "customSysCfg_leftrightlayout": "左右布局", "customSysCfg_messagecenter": "消息中心", "customSysCfg_unreadmessage": "您有{0}条未读消息", "customSysCfg_companyname": "中海创科技", "customSysCfg_copyright": "版权所有 © 2020-2025 中海创科技", "customSysCfg_pageTitle": "中海创主页", "hivuiMain_personalCenter_name": "姓名", "hivuiMain_personalCenter_sex": "性别", "hivuiMain_personalCenter_birthday": "出生年月", "hivuiMain_personalCenter_mbphone": "手机号码", "hivuiMain_personalCenter_email": "邮箱", "hivuiMain_personalCenter_WeChat": "微信", "hivuiMain_personalCenter_usersfz": "身份证号", "hivuiMain_personalCenter_address": "地址", "hivuiMain_personalCenter_male": "男", "hivuiMain_personalCenter_female": "女", "hivuiMain_personalCenter_editTips": "修改成功", "hi_messagebox_title": "提示", "hi_messagebox_confirm": "确定", "hi_messagebox_cancel": "取消", "hi_monitor_approvalRecord": "审批记录", "hi_monitor_flow": "流程", "hi_monitor_displayname": "流程名称", "hi_monitor_ordernumber": "流程编号", "hi_monitor_createtime": "创建时间", "hi_monitor_finishtime": "完成时间", "hi_monitor_flowstate": "流程状态", "hi_monitor_finish": "已完成", "hi_monitor_taskname": "任务名称", "hi_monitor_noReceived": "未接收", "hi_monitor_timeConsuming": "耗时", "hi_monitor_approver": "审批人", "hi_monitor_processingStatus": "处理状态", "hi_monitor_processe": "需处理", "hi_monitor_postscript": "附言", "hi_monitor_flowchart": "流程图", "hi_monitor_processed": "已处理", "hi_monitor_back": "回退", "hi_monitor_sysAuto": "系统自动流转", "hi_monitor_terminate": "终止", "hi_monitor_cancel": "取消", "hi_monitor_transfer": "转办", "hi_monitor_taskWithdraw": "任务撤回", "hi_monitor_tsBeforSigning": "前加签中", "hi_monitor_tsAfterSigning": "后加签中", "hi_monitor_tsBeforSignDW": "前加签处理", "hi_monitor_tsAfterSignDW": "后加签处理", "hi_monitor_tsBeforSigned": "已前加签", "hi_monitor_tsAfterSigned": "已后加签", "hi_monitor_day": "天", "hi_monitor_hour": "小时", "hi_monitor_Min": "分", "hi_monitor_second": "秒", "hi_taskcenter_myTasks": "我的任务", "hi_taskcenter_query": "查询", "hi_taskcenter_reset": "重置", "hi_taskcenter_operate": "操作", "hi_taskcenter_batchProcessing": "批处理", "hi_taskcenter_flowOut": "流转", "hi_taskcenter_flowBack": "回退", "hi_taskcenter_process": "处理", "hi_taskcenter_view": "查看", "hi_taskcenter_fwithdraw": "撤回", "hi_taskcenter_originator": "发起人", "hi_taskcenter_approver": "审批人", "hi_taskcenter_urgent": "急", "hi_taskcenter_back": "退", "hi_taskcenter_summary": "流程摘要", "hi_taskcenter_summaryinfo": "流程摘要信息", "hi_taskcenter_task": "任务", "hi_taskcenter_createtime": "创建时间", "hi_taskcenter_finishtime": "完成时间", "hi_taskcenter_monitor": "流程监控", "hi_taskcenter_batchTitle": "任务批处理({0})", "hi_taskcenter_batchtip": "任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。", "hi_taskcenter_number": "单号", "hi_taskcenter_flowname": "流程名称", "hi_taskcenter_taskname": "任务名称", "hi_taskcenter_detailMsg": "处理结果", "hi_taskcenter_untreated": "未处理", "hi_taskcenter_processed": "已处理", "hi_taskcenter_processing": "处理中", "hi_taskcenter_completed": "已完成", "hi_taskcenter_displayname": "环节名称", "hi_taskcenter_fordernumber": "流程单号", "hi_taskcenter_fusername": "编制ID", "hi_taskcenter_withdrawinfo": "是否撤回任务？", "hi_taskcenter_taskWithdrawsuccess":"任务撤回成功！", "hi_taskcenter_confirmtitle": "确认信息", "hi_taskcenter_processSuccess": "处理成功", "hi_taskcenter_processError": "处理失败", "hi_taskcenter_oneselect": "请至少选择一条单据!", "hivuiMain_errorPage4xx":"抱歉，文件请求出错了", "hivuiMain_errorPage5xx":"抱歉，服务器出错了", "hivuiMain_errorPage401":"抱歉，该页面暂无权限", "hivuiMain_errorPage403":"抱歉，您无权查看此页面", "hivuiMain_errorPage404":"抱歉，您访问的页面不存在", "hivuiMain_errorPage500":"抱歉，服务器出错了", "hivuiMain_errorPage555":"抱歉，该用户已被禁用", };

Ignore Space Show notes View

project/hivuiMain/lang/zh-CN.js

var GLOBAL_LANG_TPL = {
  "hivuiMain_sysInit": "系统初始化中...",
  "hivuiMain_clickRefresh": "【点我刷新】",
  "hivuiMain_recentlyUsed": "最近使用",
  "hivuiMain_projectManage": "项目管理",
  "hivuiMain_allFunction": "全部功能",
  "hivuiMain_nodata": "暂无数据",
  "hivuiMain_searchKey": "搜索关键字",
  "hivuiMain_customWorkbench": "自定义工作台",
  "hivuiMain_logout": "退出系统",
  "hivuiMain_sysLoading": "系统加载中...",
  "hivuiMain_loadedFailClickRefresh": "加载失败,点我重试!",
  "hivuiMain_dialog_cancel": "取消",
  "hivuiMain_dialog_define": "确定",
  "hivuiMain_dialog_def_title": "提示",
  "hivuiMain_portal_text": "暂无功能权限!",
  "hivuiMain_tab_ctxmenu_refresh": "刷新",
  "hivuiMain_tab_ctxmenu_close": "关闭",
  "hivuiMain_tab_ctxmenu_closeleft": "关闭左侧",
  "hivuiMain_tab_ctxmenu_closeright": "关闭右侧",
  "hivuiMain_tab_ctxmenu_closeother": "关闭其它",
  "hivuiMain_tab_ctxmenu_closeall": "关闭所有",
  "hivuiMain_tab_ctxmenu_fullscreen": "全屏",
  "hivuiMain_tab_ctxmenu_blankPage":"新窗口打开",
  "hivuiMain_tab_ctxmenu_copyLink":"复制链接",
  "hivuiMain_tab_scroll_lt": "左边滚动",
  "hivuiMain_tab_scroll_rt": "右边滚动",
  "hivuiMain_tab_scroll_more": "更多",
  "hivuiMain_store_msg1": "获取",
  "hivuiMain_store_msg2": "失败，",
  "hivuiMain_store_msg3": "点我重试!",
  "hivuiMain_store_sysmenu": "系统菜单",
  "hivuiMain_store_userinfo": "用户信息",
  "hivuiMain_store_bzlist": "多岗信息",
  "hivuiMain_store_lately": "最近使用功能",
  "hivuiMain_allfuncmenu_text": "请输入关键词",
  "hivuiMain_modifypw_title": "修改密码",
  "hivuiMain_modifypw_oldpw": "旧密码:",
  "hivuiMain_modifypw_oldpw": "请输入旧密码",
  "hivuiMain_modifypw_newpw": "新密码:",
  "hivuiMain_modifypw_newpw_ph": "请输入4-25个数字、字母或符号组合",
  "hivuiMain_modifypw_valid_pw2_msg": "两次输入密码不一致!",
  "hivuiMain_modifypw_valid_pw_empty": "请输入新密码!",
  "hivuiMain_modifypw_valid_pw2_empty": "请再次输入新密码!",
  "hivuiMain_modifypw_valid_pw2_empty2": "请再次输入密码!",
  "hivuiMain_modifypw_newpw2": "确认新密码:",
  "hivuiMain_modifypw_newpw2_ph": "再次确认新密码",
  "hivuiMain_modifypw_weak": "弱",
  "hivuiMain_modifypw_middle": "中",
  "hivuiMain_modifypw_strong": "高",
  "hivuiMain_modifypw_success": "修改成功！请重新登录",
  "hivuiMain_header_null": "空",
  "hivuiMain_header_notification_title": "消息提示",
  "hivuiMain_header_bzhoverbtn_title": "设为主岗",
  "hivuiMain_header_bzchooseIcon_title":"当前主岗",
  "hivuiMain_taskcenter_untreated": "未处理",
  "hivuiMain_app_user": "用户编号",
  "hivuiMain_app_orgbz": "岗位编制",
  "hivuiMain_app_orgname": "机构名称",
  "hivuiMain_app_rolename": "岗位名称",
  "hivuiMain_app_personal_Center": "个人中心",
  "hivuiMain_app_modifyPw": "修改密码",

"hivuiMain_des_title": "门户自定义",
  "hivuiMain_des_setHeight": "设置高度",
  "hivuiMain_des_dragOrderFlag": "拖动排序标识",
  "hivuiMain_des_cancel": "取消",
  "hivuiMain_des_ok": "确定",
  "hivuiMain_des_editSerialRowLayout": "确定",
  "hivuiMain_des_serialRowLayout": "第{0}行布局",
  "hivuiMain_des_addColunms": "添加门户栏目",
  "hivuiMain_des_dragInArea": "拖入此区",
  "hivuiMain_des_save": "保存",
  "hivuiMain_des_columnLayout": "栏目布局",
  "hivuiMain_des_selectTemplate": "选择模板",
  "hivuiMain_des_addSingleLine": "添加单行",
  "hivuiMain_des_demoLayoutTip": "选择以下模板，拖拽添加至内容区",
  "hivuiMain_des_row24": "一行一栏",
  "hivuiMain_des_rowAvg2": "两栏均分",
  "hivuiMain_des_row8_16": "一行两栏",
  "hivuiMain_des_rowAvg3": "三栏均分",
  "hivuiMain_des_rowAvg4": "一行四栏",
  "hivuiMain_des_customLayoutTip": "自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认",
  "hivuiMain_des_custom": "自定义",
  "hivuiMain_des_spaceSeparate": "数值以[空格]隔开",
  "hivuiMain_des_saving": "保存中...",
  "hivuiMain_des_saveSuc": "保存成功！",
  "hivuiMain_des_saveError": "保存出错！",

"hivuiMain_app_user": "用户",
  "hivuiMain_app_orgbz": "岗编",

"hivuiMain_eap_msgTips": "消息提示",
  "hivuiMain_eap_define": "确定",
  "hivuiMain_eap_showErrorDetail": "弹出报错详情",
  "hivuiMain_eap_hideErrorDetail": "收起报错详情",
  "hivuiMain_eap_noPermissionTips": "你已被登出,请重新登录",
  "hivuiMain_eap_timeOut": "登录超时",
  "hivuiMain_eap_Relist": "重新登录",
  "hivuiMain_eap_responseNull":"后端请求返回出错，请联系开发人员",
  "hivuiMain_eap_timeoutError":"接口请求超时！",
  "hivuiMain_eap_sameUser_tpl":"用户已切换,当前用户与登录用户不符",
  "hivuiMain_eap_sameUser_title":"提示",
  "hivuiMain_eap_sameUser_confirm":"重新加载",
  "hivuiMain_eap_sameUser_cancel":"关闭",

"hivuiMain_main_bz": "主岗",
  "hivuiMain_validate_FMBPHONE": "电话号码格式有误",
  "hivuiMain_validate_FEMAIL": "邮箱地址格式有误",
  "hivuiMain_validate_FIDCARD": "身份证号格式有误",

"customSysCfg_taskcenter": "任务中心",
  "customSysCfg_mainpage": "首页",
  "customSysCfg_layout": "布局",
  "customSysCfg_updownlayout": "上下布局",
  "customSysCfg_leftrightlayout": "左右布局",
  "customSysCfg_messagecenter": "消息中心",
  "customSysCfg_unreadmessage": "您有{0}条未读消息",
  "customSysCfg_companyname": "中海创科技",
  "customSysCfg_copyright": "版权所有 © 2020-2025 中海创科技",
  "customSysCfg_pageTitle": "中海创主页",

"hivuiMain_personalCenter_name": "姓名",
  "hivuiMain_personalCenter_sex": "性别",
  "hivuiMain_personalCenter_birthday": "出生年月",
  "hivuiMain_personalCenter_mbphone": "手机号码",
  "hivuiMain_personalCenter_email": "邮箱",
  "hivuiMain_personalCenter_WeChat": "微信",
  "hivuiMain_personalCenter_usersfz": "身份证号",
  "hivuiMain_personalCenter_address": "地址",
  "hivuiMain_personalCenter_male": "男",
  "hivuiMain_personalCenter_female": "女",
  "hivuiMain_personalCenter_editTips": "修改成功",

"hi_messagebox_title": "提示",
  "hi_messagebox_confirm": "确定",
  "hi_messagebox_cancel": "取消",

"hi_monitor_approvalRecord": "审批记录",
  "hi_monitor_flow": "流程",
  "hi_monitor_displayname": "流程名称",
  "hi_monitor_ordernumber": "流程编号",
  "hi_monitor_createtime": "创建时间",
  "hi_monitor_finishtime": "完成时间",
  "hi_monitor_flowstate": "流程状态",
  "hi_monitor_finish": "已完成",
  "hi_monitor_taskname": "任务名称",
  "hi_monitor_noReceived": "未接收",
  "hi_monitor_timeConsuming": "耗时",
  "hi_monitor_approver": "审批人",
  "hi_monitor_processingStatus": "处理状态",
  "hi_monitor_processe": "需处理",
  "hi_monitor_postscript": "附言",
  "hi_monitor_flowchart": "流程图",
  "hi_monitor_processed": "已处理",
  "hi_monitor_back": "回退",
  "hi_monitor_sysAuto": "系统自动流转",
  "hi_monitor_terminate": "终止",
  "hi_monitor_cancel": "取消",
  "hi_monitor_transfer": "转办",
  "hi_monitor_taskWithdraw": "任务撤回",
  "hi_monitor_tsBeforSigning": "前加签中",
  "hi_monitor_tsAfterSigning": "后加签中",
  "hi_monitor_tsBeforSignDW": "前加签处理",
  "hi_monitor_tsAfterSignDW": "后加签处理",
  "hi_monitor_tsBeforSigned": "已前加签",
  "hi_monitor_tsAfterSigned": "已后加签",
  "hi_monitor_day": "天",
  "hi_monitor_hour": "小时",
  "hi_monitor_Min": "分",
  "hi_monitor_second": "秒",

"hi_taskcenter_myTasks": "我的任务",
  "hi_taskcenter_query": "查询",
  "hi_taskcenter_reset": "重置",
  "hi_taskcenter_operate": "操作",
  "hi_taskcenter_batchProcessing": "批处理",
  "hi_taskcenter_flowOut": "流转",
  "hi_taskcenter_flowBack": "回退",
  "hi_taskcenter_process": "处理",
  "hi_taskcenter_view": "查看",
  "hi_taskcenter_fwithdraw": "撤回",
  "hi_taskcenter_originator": "发起人",
  "hi_taskcenter_approver": "审批人",
  "hi_taskcenter_urgent": "急",
  "hi_taskcenter_back": "退",
  "hi_taskcenter_summary": "流程摘要",
  "hi_taskcenter_summaryinfo": "流程摘要信息",
  "hi_taskcenter_task": "任务",
  "hi_taskcenter_createtime": "创建时间",
  "hi_taskcenter_finishtime": "完成时间",
  "hi_taskcenter_monitor": "流程监控",
  "hi_taskcenter_batchTitle": "任务批处理({0})",
  "hi_taskcenter_batchtip": "任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。",
  "hi_taskcenter_number": "单号",
  "hi_taskcenter_flowname": "流程名称",
  "hi_taskcenter_taskname": "任务名称",
  "hi_taskcenter_detailMsg": "处理结果",
  "hi_taskcenter_untreated": "未处理",
  "hi_taskcenter_processed": "已处理",
  "hi_taskcenter_processing": "处理中",
  "hi_taskcenter_completed": "已完成",
  "hi_taskcenter_displayname": "环节名称",
  "hi_taskcenter_fordernumber": "流程单号",
  "hi_taskcenter_fusername": "编制ID",
  "hi_taskcenter_withdrawinfo": "是否撤回任务？",
  "hi_taskcenter_taskWithdrawsuccess":"任务撤回成功！",
  "hi_taskcenter_confirmtitle": "确认信息",
  "hi_taskcenter_processSuccess": "处理成功",
  "hi_taskcenter_processError": "处理失败",
  "hi_taskcenter_oneselect": "请至少选择一条单据!",

"hivuiMain_errorPage4xx":"抱歉，文件请求出错了",
  "hivuiMain_errorPage5xx":"抱歉，服务器出错了",
  "hivuiMain_errorPage401":"抱歉，该页面暂无权限",
  "hivuiMain_errorPage403":"抱歉，您无权查看此页面",
  "hivuiMain_errorPage404":"抱歉，您访问的页面不存在",
  "hivuiMain_errorPage500":"抱歉，服务器出错了",
  "hivuiMain_errorPage555":"抱歉，该用户已被禁用",

};

var GLOBAL_LANG_TPL = {
  "hivuiMain_sysInit": "系统初始化中...",
  "hivuiMain_clickRefresh": "【点我刷新】",
  "hivuiMain_recentlyUsed": "最近使用",
  "hivuiMain_projectManage": "项目管理",
  "hivuiMain_allFunction": "全部功能",
  "hivuiMain_nodata": "暂无数据",
  "hivuiMain_searchKey": "搜索关键字",
  "hivuiMain_customWorkbench": "自定义工作台",
  "hivuiMain_logout": "退出系统",
  "hivuiMain_sysLoading": "系统加载中...",
  "hivuiMain_loadedFailClickRefresh": "加载失败,点我重试!",
  "hivuiMain_dialog_cancel": "取消",
  "hivuiMain_dialog_define": "确定",
  "hivuiMain_dialog_def_title": "提示",
  "hivuiMain_portal_text": "暂无功能权限!",
  "hivuiMain_tab_ctxmenu_refresh": "刷新",
  "hivuiMain_tab_ctxmenu_close": "关闭",
  "hivuiMain_tab_ctxmenu_closeleft": "关闭左侧",
  "hivuiMain_tab_ctxmenu_closeright": "关闭右侧",
  "hivuiMain_tab_ctxmenu_closeother": "关闭其它",
  "hivuiMain_tab_ctxmenu_closeall": "关闭所有",
  "hivuiMain_tab_ctxmenu_fullscreen": "全屏",
  "hivuiMain_tab_ctxmenu_blankPage":"新窗口打开",
  "hivuiMain_tab_scroll_lt": "左边滚动",
  "hivuiMain_tab_scroll_rt": "右边滚动",
  "hivuiMain_tab_scroll_more": "更多",
  "hivuiMain_store_msg1": "获取",
  "hivuiMain_store_msg2": "失败，",
  "hivuiMain_store_msg3": "点我重试!",
  "hivuiMain_store_sysmenu": "系统菜单",
  "hivuiMain_store_userinfo": "用户信息",
  "hivuiMain_store_bzlist": "多岗信息",
  "hivuiMain_store_lately": "最近使用功能",
  "hivuiMain_allfuncmenu_text": "请输入关键词",
  "hivuiMain_modifypw_title": "修改密码",
  "hivuiMain_modifypw_oldpw": "旧密码:",
  "hivuiMain_modifypw_oldpw": "请输入旧密码",
  "hivuiMain_modifypw_newpw": "新密码:",
  "hivuiMain_modifypw_newpw_ph": "请输入4-25个数字、字母或符号组合",
  "hivuiMain_modifypw_valid_pw2_msg": "两次输入密码不一致!",
  "hivuiMain_modifypw_valid_pw_empty": "请输入新密码!",
  "hivuiMain_modifypw_valid_pw2_empty": "请再次输入新密码!",
  "hivuiMain_modifypw_valid_pw2_empty2": "请再次输入密码!",
  "hivuiMain_modifypw_newpw2": "确认新密码:",
  "hivuiMain_modifypw_newpw2_ph": "再次确认新密码",
  "hivuiMain_modifypw_weak": "弱",
  "hivuiMain_modifypw_middle": "中",
  "hivuiMain_modifypw_strong": "高",
  "hivuiMain_modifypw_success": "修改成功！请重新登录",
  "hivuiMain_header_null": "空",
  "hivuiMain_header_notification_title": "消息提示",
  "hivuiMain_header_bzhoverbtn_title": "设为主岗",
  "hivuiMain_header_bzchooseIcon_title":"当前主岗",
  "hivuiMain_taskcenter_untreated": "未处理",
  "hivuiMain_app_user": "用户编号",
  "hivuiMain_app_orgbz": "岗位编制",
  "hivuiMain_app_orgname": "机构名称",
  "hivuiMain_app_rolename": "岗位名称",
  "hivuiMain_app_personal_Center": "个人中心",
  "hivuiMain_app_modifyPw": "修改密码",

"hivuiMain_app_user": "用户",
  "hivuiMain_app_orgbz": "岗编",

"hi_messagebox_title": "提示",
  "hi_messagebox_confirm": "确定",
  "hi_messagebox_cancel": "取消",

};

Ignore Space Show notes View project/hivuiMain/views/layout/components/Main.vue
<template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" :isSinglePage="sysConfig.isSinglePage" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onBlankPage="item.blankPageFunc" @onCopyLink="item.copyLinkFunc" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="portalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> <el-dialog class="miniLoginBox" width="450px" :visible.sync="isMiniLogin" :close-on-click-modal="false" :append-to-body="true"> <iframe v-if="isMiniLogin" width="100%" height="450px" :src="miniLoginUrl" style="border:none;"></iframe> </el-dialog> <div class="menuOpenBox" v-if="menuOpenList.length>0"> <el-dialog v-for="(item,index) in menuOpenList" :key="'menuOpenList'+index" class="menuOpenDialog" width="50%" top="5vh" :visible.sync="item.uid" :close-on-click-modal="false" :modal-append-to-body="false" @closed="handleCloseMenuDialog(item)"> <iframe width="100%" height="100%" :src="item.url" style="border:none;height:60vh;"></iframe> </el-dialog> </div> </div> </template> <script> import {changeBz} from "@main/api/user"; import { baseURL, codeProjectName,requestUrl } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch,closeWindow,notificationFunc,sortMapTurnArr } from "@main/utils"; import { getToken } from '@main/utils/auth' // import { type } from "os"; import md5 from "js-md5"; import { utils } from "hi-ui"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { let cfg = this.$store.state.app.config \|\| {}; let defTabs = sortMapTurnArr(cfg.sysDefTabs) \|\| []; let setTabs = sortMapTurnArr(cfg.sysSetTabs) \|\| []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id if(!window._global){//正式环境 item.url=utils.string.setUrlValue(item.url,"pn",window.HIVUI_SETTING.projectName); } if(item.url){ let isDifferentDomains=(item.url.startsWith("http")&&(item.url.indexOf(location.host)==-1));//判断是否不同域 if(!item.noToken){ isDifferentDomains&&getToken()&&(item.url=utils.string.setUrlValue(item.url,"access_token",getToken())); }else{ delete item.noToken; } } // if(cfg.isSinglePage){//单页面模式 // id="123456789"; // } item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = utils.string.setUrlValue(item.url, "__tabId", id); } /if(cfg.isSinglePage){ list[0]={ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }; }else/{ list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, blankPageFunc:()=>{ window.open(item.url,"_blank"); } }); } }); console.log('page default open tabs :',defTabs); //系统菜单后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { //uriStr = baseURL + codeProjectName + item.resUrl; uriStr = item.resUrl; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); } if(uriStr){ let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域 if(!item.noToken){ isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken())); }else{ delete item.noToken; } } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, blankPageFunc:()=>{ window.open(uriStr,"_blank"); } }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"\|\|menusList[i].type=="flow" )&& (searchObj.portal_func&&menusList[i].resUrl)&&searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; // let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let uriStr = menusList[i].resUrl; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); } if(uriStr){ let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域 if(!menusList[i].noToken){ isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken())); }else{ delete menusList[i].noToken; } } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = utils.string.setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true, //默认选中 blankPageFunc:()=>{ window.open(uriStr,"_blank"); } }); break; } } if(cfg.isPageCache&&window.localStorage.getItem('pageCacheArr')){ JSON.parse(window.localStorage.getItem('pageCacheArr')).map((item,index)=>{ uriStr = item.url; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); } if(uriStr){ let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域 if(!item.noToken){ isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken())); }else{ delete item.noToken; } } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", id); defTabKey = id; list.push({ title: item.title, url: uriStr, close: true, id: id, //type: item.type, blankPageFunc:()=>{ window.open(uriStr,"_blank"); } }); }); } //地址栏打开标签 if(top.location.hash){ let hashTabParam={}; top.location.hash.replace("#/","").split("&zhc&").forEach((item=>{ if(item.indexOf("tabUrl=")==0){ hashTabParam.resUrl=item.replace("tabUrl=",""); }else if(item.indexOf("tabTitle=")==0){ hashTabParam.name=decodeURIComponent(item.replace("tabTitle=","")); } })); if(hashTabParam.resUrl){ if(hashTabParam.resUrl.indexOf("about:blank")==-1){//下推页面无法重新载入 //消除tabId干扰 let tabIdStr=hashTabParam.resUrl.match(/\__tabId=.?&/)\|\|hashTabParam.resUrl.match(/\?__tabId=./); if(tabIdStr&&tabIdStr[0]){ hashTabParam.resUrl=hashTabParam.resUrl.replace(tabIdStr[0],"").replace("?&","?"); } let id = md5(hashTabParam.resUrl); location.href=setUrlValue(location.href,"__tabId",id); let existsItem=list.filter(item=>{//标签已存在 if(item.url&&hashTabParam.resUrl){ let itemMainUrl=item.url.split("?")[0]; let hashTabMainUrl=hashTabParam.resUrl.split("?")[0]; if(hashTabParam.resUrl.indexOf(itemMainUrl)!=-1){ return item; } } }); if(!existsItem[0]){ defTabKey = id; hashTabParam.resUrl = utils.string.setUrlValue(hashTabParam.resUrl, "__tabId", id); list.push({ title: hashTabParam.name, url: hashTabParam.resUrl, close: true, id: id, actived:true, //默认选中 blankPageFunc:()=>{ window.open(hashTabParam.resUrl,"_blank"); } }); }else{ defTabKey=existsItem[0].id; } } } } list.forEach(item=>{ item.copyLinkFunc=()=>{ this.handleCopyLinkFunc(item.url); }; }); console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, isMiniLogin:false, miniLoginUrl:"", menuOpenList:[], }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /** * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 / addTab(url, title, uid, onLoad, nearest, renderedFn) { // if(me.sysConfig.isSinglePage){//单页面模式 // uid="123456789"; // }else if(me.sysConfig.isPageCache){//页面标签缓存模式 let _pcarr=window.localStorage.getItem('pageCacheArr'); let cacheArr=_pcarr?JSON.parse(_pcarr):[]; cacheArr=cacheArr.filter((item)=>{ if(url!=item.url){ return item } }); cacheArr.push({ "url":url, "title":title, }); if(cacheArr.length>20){ cacheArr.shift(); } window.localStorage.setItem('pageCacheArr',JSON.stringify(cacheArr)); } if (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); } if(url){ let isDifferentDomains=(url.startsWith("http")&&(url.indexOf(location.host)==-1));//判断是否不同域 isDifferentDomains&&getToken()&&(url=utils.string.setUrlValue(url,"access_token",getToken())); } let tabs = me.tabList.filter((item, index) => { if(item.id == uid){ item.title=title; return item; } }); if (tabs.length/&&!me.sysConfig.isSinglePage/) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = utils.string.setUrlValue(url, "__tabId", uid); } /if(me.sysConfig.isSinglePage){ me.tabList.pop(); me.$nextTick(()=>{ me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }) }) }else{/ me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, blankPageFunc:()=>{ window.open(url,"_blank"); }, copyLinkFunc:()=>{ me.handleCopyLinkFunc(url); } }); //} me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab closeTab(uid) { cTabs.closeItem(uid); }, closeSeldTab() { cTabs.closeCurItem(); }, }; window.SysPage={ newPage : function(title, url, params, method, target) { var uid , tab; if(params&&params.ftaskguid&&window.__sysConfig.openTabBytaskId){ uid=md5(url+"?tguid="+params.ftaskguid); }else if(params&&params.__viewItemId&&!target){ uid=md5(url+"?vItemId="+params.__viewItemId); }else{ uid=md5(url); } function formSubmit(cfg){ cfg.autoDestroy = true; var form = me.creatForm(cfg); for(let item of me.tabList){ if(item.id==uid){ item.blankPageFunc=()=>{ let __cfg={...cfg}; __cfg.target="_blank"; var __form = me.creatForm(__cfg); __form.submit(); } item.copyLinkFunc =()=>{ let __cfg={...cfg}; __cfg.target="_blank"; var __form = me.creatForm(__cfg); var actionUrl = __form.getUrl(); if(actionUrl && !/^https?:\/\//i.test(actionUrl)) { actionUrl = location.origin + actionUrl; } me.handleCopyLinkFunc(actionUrl); } } } form.submit(); } if(method=="get"){ //get 不刷新 var tab = top.Sys.getTab(uid); if(tab){ top.Sys.seldTab(uid); return; } } if(target=="opening"){ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : '_blank', method : method \|\| "get" }; formSubmit(cfg); //打开新标签 return; }else if(target=="me"){ //本页：框架页的本页面 var cfg = { url : url, data : params, target : '_self', method : method \|\| "get" }; formSubmit(cfg); }else{ if (target == "_self"){ tab = top.Sys.getSeldTab(); /if(top.Sys.isVue){ var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); titleEl.innerText = ""; }else{ tab.tabEl.find('.sys-tab-item-text').html(""); }/ uid=tab.id; } /** * uid 让框架页可以关闭自己 closeCurPage / if(top.Sys.isVue){ //6个参数，第7个是vue渲染后回调 if(target == "_blank"){ uid+=utils.string.id(4); } top.Sys.addTab("about:blank",title,uid,null,true,function(tab){ if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); } if(url){ let isDifferentDomains=(url.startsWith("http")&&(url.indexOf(location.host)==-1));//判断是否不同域 if(!(params&&params.noToken)){ isDifferentDomains&&getToken()&&(url=utils.string.setUrlValue(url,"access_token",getToken())); }else{ delete params.noToken; } } var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method \|\| "get" }; //var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); //titleEl.innerText = ""; cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); }); }else{ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method \|\| "get" }; //Sys.addTab(url, title, uid, callback) tab = top.Sys.addTab("about:blank",title,uid); tab.tabEl.find('.sys-tab-item-text').html(""); cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); } } }, /* * 通过url 进行对应的目标功能调用目标页的callback方法 * @param id * @param url / closePage : function(id,url) { if (!top.Sys) { closeWindow() return; } var uid = md5(url\|\|""), tab; if(!window.parent.Sys){ return; } var tab = window.parent.Sys.getTab(uid); if(tab){ window.parent.Sys.seldTab(uid); //var _scp = tab.tabPanelIframeEl.contentWindow.window.Scp; //if(_scp){ // _scp.context&&_scp.context.callback&&_scp.context.callback.call(_scp.context); //} }else{ if(url&&url.trim()!=""){ var tab = window.parent.Sys.addTab(url,"",null,null,true); } } if (id) { window.parent.Sys.closeTab(id); }else{ window.parent.Sys.closeSeldTab(); } }, closeCurPage:function(){ if(!window.parent.Sys){ return; } var id = getUrlValue(window.location.search\|\|window.location.hash,'__tabId'); window.parent.Sys.closeTab(id); }, setPageTitle:function(title){ if(!window.parent.Sys){ return; } var openway = getUrlValue('','openway'); if(openway=="openwin")return; var tab = window.parent.Sys.getSeldTab(); if(title!=""){ tab.tabEl.find('.sys-tab-item-text').html(title); window.parent.Sys.tabPanel.autoResize(); } }, //小登录弹窗打开 openMiniLogin:function(isRefresh){ if(window.HIVUI_SETTING.isSingleLogin\|\|me.isMiniLogin){ return; } me.isMiniLogin=true; let params="questType=ajax"+(isRefresh?"&isRefresh=true":"")+"#"; let __login=window.HIVUI_SETTING.loginUrl.split("#"); me.miniLoginUrl=window.HIVUI_SETTING.customLoginUrl ? window.HIVUI_SETTING.customLoginUrl : (__login[0]+(__login[0].indexOf("?")==-1?"?":"&")+params+(__login[1]\|\|"")+"miniLogin"); }, //小登录弹窗关闭 closeMiniLogin:function(isRefresh){ me.isMiniLogin=false; changeBz({ bzid:me.$store.state.user.userInfo.fbzid }); //let tabId=location.href.match(/\?__tabId=.?&/)[0].replace("?__tabId=","").replace("&",""); let tabId=getUrlValue(location.href,"__tabId"); if(tabId){ //如果token不一致，替换掉然后重新载入 let iframeLocation=document.querySelector("iframe[name='iframe"+tabId+"']").contentWindow.location; let urlToken=getUrlValue(iframeLocation.href,"access_token"); let nowToken=getToken(); if(false&&!window._global&&urlToken&&nowToken&&(urlToken!=nowToken)){//正式环境 document.querySelector("iframe[name='iframe"+tabId+"']").contentWindow.location.href=setUrlValue(decodeURIComponent(iframeLocation.href),"access_token",nowToken); //iframeLocation.reload(); } if(isRefresh){ iframeLocation.reload(); } } }, //消息通知 notificationFunc:notificationFunc, }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["portalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["portalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { handleCopyLinkFunc(url){ // 创建一个临时的textarea元素用于复制 const textarea = document.createElement('textarea'); textarea.value = url; textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; document.body.appendChild(textarea); textarea.select(); try { const success = document.execCommand('copy'); if (success) { this.$message && this.$message.success('链接复制成功'); } else { this.$message && this.$message.error('链接复制失败'); } } catch (err) { // 使用Clipboard API作为备选方案 navigator.clipboard.writeText(url).then(() => { this.$message && this.$message.success('链接复制成功'); }).catch(() => { this.$message && this.$message.error('链接复制失败'); }); } finally { document.body.removeChild(textarea); } }, //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https\|http\|ftp\|rtsp\|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { //if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 //return false; //} if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null \|\| panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, async handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { //let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); let flag = await ifm.contentWindow.eap.page.beforePageClose(panel, evt); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, //判断标签页关闭前事件返回值 async returnBeforeCloseValue(targetName){ try { let targetIframe=document.querySelector("iframe[name='iframe"+targetName+"']"); if(targetIframe.contentWindow.eap.page.beforePageClose){ this.defTabKey = targetName; let flag = await targetIframe.contentWindow.eap.page.beforePageClose(); if(flag===false){ return false; } } return true; } catch (e) { return true; } }, handleActiveTab(panel) { if (!panel) return; top.location.hash="#/tabUrl="+panel.url+"&zhc&tabTitle="+panel.title; if (panel.itemData.type == "home") { this.$refs["portalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); //tab.tabPanelIframeEl.contentDocument.trigger("iframeActiving", [panel.name]); tab.tabPanelIframeEl.contentDocument.dispatchEvent( new CustomEvent('iframeActiving', { detail:[panel.name] } ) ); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, async handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if(!await this.returnBeforeCloseValue(targetName)){ return; } if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] \|\| tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false \|\| tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, async handleRemoveAllTab() { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|!tab.close){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); let l = this.tabList.length; this.defTabKey = endIndex ? this.tabList[endIndex].id : (l ? this.tabList[l - 1].id : ""); }, async handleRemoveLeftTab(name, index) { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; let defTabKey = this.defTabKey; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|(tab.close == false \|\| i >= index)){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey; }, async handleRemoveRightTab(name, index) { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; let defTabKey = this.defTabKey; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|(tab.close == false \|\| i <= index)){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey; }, async handleRemoveOtherTab(name, index) { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|(tab.close == false \|\| i == index)){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); this.defTabKey = endIndex ? this.tabList[endIndex].id : name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, creatForm(opt){ let that=this; var _opt={ autoShow:false, cancelAction:false, url:null, target:null, action:null, method:null, params:null, data:null, autoDestroy:false, _id:utils.string.id(8), }; Object.assign(_opt,opt); var _formTpl=`<form style="display:none;" id="${_opt._id}"><input type="submit" value="submit" id="submit_${_opt._id}"/></form>`; var _el=document.createElement("div"); _el.innerHTML=_formTpl; document.getElementsByTagName("body")[0].appendChild(_el); var _form=_el.getElementsByTagName("form")[0]; this.setTarget=(str)=>{ _opt.target = str; _form.setAttribute('target',str); } this.setUrl=(str)=>{ this.formateUrl(str); var url = utils.string.setUrlValue(_opt.url,"_____r",new Date().getTime()); _form.setAttribute('action',url); } this.getUrl = ()=>{ return _form.getAttribute('action'); } this.setMethod=(str)=>{ _opt.method = str\|\|'get'; _form.setAttribute('method',str); } this.setParams=(params)=>{ _opt.params = params; } this.setData=(obj)=>{ _opt.data = obj\|\|{}; if(_opt.method=="get"&&_opt.url!=null){ let parms=decodeURIComponent(_opt.url).split("?");//URL解码 if(parms.length>2){ parms[1]=[...parms].slice(1).join("?"); } parms=parms[1]; var item,i=0,len; if(parms!=null){ parms = parms.split("&"); for(i=0,len=parms.length;i<len;i++){ item = parms[i].split("="); let isDifferentDomains=(item[1].startsWith("http")&&(item[1].indexOf(location.host)==-1));//判断是否不同域 if(isDifferentDomains&&item.length>2){ let __name=item.shift(); _opt.data[__name]=item.join("=")+(i<len?"&":"")+parms.slice(i+1).join("&");//参数带地址则后面的全拼成一个字符串 break; }else{ _opt.data[item[0]]=item[1]; } } } } _.each(_opt.data,function(value,key){ if(_.isObject(value)){ value = JSON.stringify(value); } var _hiddenInput=document.createElement("input"); _hiddenInput.setAttribute("type","hidden"); _form.appendChild(_hiddenInput); _hiddenInput.setAttribute('name',key); _hiddenInput.setAttribute('value',value); }); } this.removeData=()=>{ _opt.data = null; _form.children().remove(); } this.addData=(data)=>{ _opt.data = _.extend({},_opt.data\|\|{},data\|\|{}); _form.children().remove(); this.setData(_opt.data); } this.delData=(keys)=>{ _.each(keys\|\|[],function(val,i){ if((val in _opt.data)){ delete _opt.data[val]; } }); _form.children().remove(); this.setData(_opt.data); } this.formateUrl=(url)=>{ var params= this.formateParams(_opt.params); if(!url)return; _opt.url = url; if(params){ if(_opt.url.indexOf('?')>0){ _opt.url+='&'+params; }else{ _opt.url+='?'+params; } } } this.formateParams=(obj)=>{ if(obj==null) return null; return $.param(obj\|\|{}); } this.submit=()=>{ if(_opt.cancelAction) return; _opt.cancelAction = false; if(_opt.autoDestroy){ setTimeout(function(){ _form.submit() //_form.find('#submit'+me.id).click();//谷歌下面要用按钮才有效果 },0); setTimeout(function(){that.destroy();},1000); }else{ _form.submit(); } } this.destroy=()=>{ _el.remove(); } this.setTarget(_opt.target); this.setMethod(_opt.method); this.setUrl(_opt.url); this.setData(_opt.data); return that; }, handleCloseMenuDialog(item){ this.menuOpenList=this.menuOpenList.filter((__item)=>{ if(__item.uid!=item.uid){ return __item; } }); } }, }; </script> <style lang="less" scoped> .miniLoginBox{ ::v-deep .el-dialog__body{ padding-top:0; } } .menuOpenBox{ ::v-deep .v-modal{ top:98px; height:calc(100% - 98px); } .menuOpenDialog{ top:98px; } } </style> <template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" :isSinglePage="sysConfig.isSinglePage" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onBlankPage="item.blankPageFunc" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="portalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> <el-dialog class="miniLoginBox" width="450px" :visible.sync="isMiniLogin" :close-on-click-modal="false" :append-to-body="true"> <iframe v-if="isMiniLogin" width="100%" height="450px" :src="miniLoginUrl" style="border:none;"></iframe> </el-dialog> <div class="menuOpenBox" v-if="menuOpenList.length>0"> <el-dialog v-for="(item,index) in menuOpenList" :key="'menuOpenList'+index" class="menuOpenDialog" width="50%" top="5vh" :visible.sync="item.uid" :close-on-click-modal="false" :modal-append-to-body="false" @closed="handleCloseMenuDialog(item)"> <iframe width="100%" height="100%" :src="item.url" style="border:none;height:60vh;"></iframe> </el-dialog> </div> </div> </template> <script> import {changeBz} from "@main/api/user"; import { baseURL, codeProjectName,requestUrl } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch,closeWindow,notificationFunc,sortMapTurnArr } from "@main/utils"; import { getToken } from '@main/utils/auth' // import { type } from "os"; import md5 from "js-md5"; import { utils } from "hi-ui"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { let cfg = this.$store.state.app.config \|\| {}; let defTabs = sortMapTurnArr(cfg.sysDefTabs) \|\| []; let setTabs = sortMapTurnArr(cfg.sysSetTabs) \|\| []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id if(!window._global){//正式环境 item.url=utils.string.setUrlValue(item.url,"pn",window.HIVUI_SETTING.projectName); } if(item.url){ let isDifferentDomains=(item.url.startsWith("http")&&(item.url.indexOf(location.host)==-1));//判断是否不同域 if(!item.noToken){ isDifferentDomains&&getToken()&&(item.url=utils.string.setUrlValue(item.url,"access_token",getToken())); }else{ delete item.noToken; } } // if(cfg.isSinglePage){//单页面模式 // id="123456789"; // } item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = utils.string.setUrlValue(item.url, "__tabId", id); } /if(cfg.isSinglePage){ list[0]={ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }; }else/{ list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, blankPageFunc:()=>{ window.open(item.url,"_blank"); } }); } }); console.log('page default open tabs :',defTabs); //系统菜单后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { //uriStr = baseURL + codeProjectName + item.resUrl; uriStr = item.resUrl; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); } if(uriStr){ let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域 if(!item.noToken){ isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken())); }else{ delete item.noToken; } } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, blankPageFunc:()=>{ window.open(uriStr,"_blank"); } }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"\|\|menusList[i].type=="flow" )&& (searchObj.portal_func&&menusList[i].resUrl)&&searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; // let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let uriStr = menusList[i].resUrl; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); } if(uriStr){ let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域 if(!menusList[i].noToken){ isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken())); }else{ delete menusList[i].noToken; } } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = utils.string.setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true, //默认选中 blankPageFunc:()=>{ window.open(uriStr,"_blank"); } }); break; } } if(cfg.isPageCache&&window.localStorage.getItem('pageCacheArr')){ JSON.parse(window.localStorage.getItem('pageCacheArr')).map((item,index)=>{ uriStr = item.url; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); } if(uriStr){ let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域 if(!item.noToken){ isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken())); }else{ delete item.noToken; } } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", id); defTabKey = id; list.push({ title: item.title, url: uriStr, close: true, id: id, //type: item.type, blankPageFunc:()=>{ window.open(uriStr,"_blank"); } }); }); } //地址栏打开标签 if(top.location.hash){ let hashTabParam={}; top.location.hash.replace("#/","").split("&zhc&").forEach((item=>{ if(item.indexOf("tabUrl=")==0){ hashTabParam.resUrl=item.replace("tabUrl=",""); }else if(item.indexOf("tabTitle=")==0){ hashTabParam.name=decodeURIComponent(item.replace("tabTitle=","")); } })); if(hashTabParam.resUrl){ if(hashTabParam.resUrl.indexOf("about:blank")==-1){//下推页面无法重新载入 //消除tabId干扰 let tabIdStr=hashTabParam.resUrl.match(/\__tabId=.?&/)\|\|hashTabParam.resUrl.match(/\?__tabId=./); if(tabIdStr&&tabIdStr[0]){ hashTabParam.resUrl=hashTabParam.resUrl.replace(tabIdStr[0],"").replace("?&","?"); } let id = md5(hashTabParam.resUrl); location.href=setUrlValue(location.href,"__tabId",id); let existsItem=list.filter(item=>{//标签已存在 if(item.url&&hashTabParam.resUrl){ let itemMainUrl=item.url.split("?")[0]; let hashTabMainUrl=hashTabParam.resUrl.split("?")[0]; if(hashTabParam.resUrl.indexOf(itemMainUrl)!=-1){ return item; } } }); if(!existsItem[0]){ defTabKey = id; hashTabParam.resUrl = utils.string.setUrlValue(hashTabParam.resUrl, "__tabId", id); list.push({ title: hashTabParam.name, url: hashTabParam.resUrl, close: true, id: id, actived:true, //默认选中 blankPageFunc:()=>{ window.open(hashTabParam.resUrl,"_blank"); } }); }else{ defTabKey=existsItem[0].id; } } } } console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, isMiniLogin:false, miniLoginUrl:"", menuOpenList:[], }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /** * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 / addTab(url, title, uid, onLoad, nearest, renderedFn) { // if(me.sysConfig.isSinglePage){//单页面模式 // uid="123456789"; // }else if(me.sysConfig.isPageCache){//页面标签缓存模式 let _pcarr=window.localStorage.getItem('pageCacheArr'); let cacheArr=_pcarr?JSON.parse(_pcarr):[]; cacheArr=cacheArr.filter((item)=>{ if(url!=item.url){ return item } }); cacheArr.push({ "url":url, "title":title, }); if(cacheArr.length>20){ cacheArr.shift(); } window.localStorage.setItem('pageCacheArr',JSON.stringify(cacheArr)); } if (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); } if(url){ let isDifferentDomains=(url.startsWith("http")&&(url.indexOf(location.host)==-1));//判断是否不同域 isDifferentDomains&&getToken()&&(url=utils.string.setUrlValue(url,"access_token",getToken())); } let tabs = me.tabList.filter((item, index) => { if(item.id == uid){ item.title=title; return item; } }); if (tabs.length/&&!me.sysConfig.isSinglePage/) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = utils.string.setUrlValue(url, "__tabId", uid); } /if(me.sysConfig.isSinglePage){ me.tabList.pop(); me.$nextTick(()=>{ me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }) }) }else{/ me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, blankPageFunc:()=>{ window.open(url,"_blank"); } }); //} me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab closeTab(uid) { cTabs.closeItem(uid); }, closeSeldTab() { cTabs.closeCurItem(); }, }; window.SysPage={ newPage : function(title, url, params, method, target) { var uid , tab; if(params&&params.ftaskguid&&window.__sysConfig.openTabBytaskId){ uid=md5(url+"?tguid="+params.ftaskguid); }else if(params&&params.__viewItemId&&!target){ uid=md5(url+"?vItemId="+params.__viewItemId); }else{ uid=md5(url); } function formSubmit(cfg){ cfg.autoDestroy = true; var form = me.creatForm(cfg); for(let item of me.tabList){ if(item.id==uid){ item.blankPageFunc=()=>{ let __cfg={...cfg}; __cfg.target="_blank"; var __form = me.creatForm(__cfg); __form.submit(); } } } form.submit(); } if(method=="get"){ //get 不刷新 var tab = top.Sys.getTab(uid); if(tab){ top.Sys.seldTab(uid); return; } } if(target=="opening"){ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : '_blank', method : method \|\| "get" }; formSubmit(cfg); //打开新标签 return; }else if(target=="me"){ //本页：框架页的本页面 var cfg = { url : url, data : params, target : '_self', method : method \|\| "get" }; formSubmit(cfg); }else{ if (target == "_self"){ tab = top.Sys.getSeldTab(); /if(top.Sys.isVue){ var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); titleEl.innerText = ""; }else{ tab.tabEl.find('.sys-tab-item-text').html(""); }/ uid=tab.id; } /** * uid 让框架页可以关闭自己 closeCurPage / if(top.Sys.isVue){ //6个参数，第7个是vue渲染后回调 if(target == "_blank"){ uid+=utils.string.id(4); } top.Sys.addTab("about:blank",title,uid,null,true,function(tab){ if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); } if(url){ let isDifferentDomains=(url.startsWith("http")&&(url.indexOf(location.host)==-1));//判断是否不同域 if(!(params&&params.noToken)){ isDifferentDomains&&getToken()&&(url=utils.string.setUrlValue(url,"access_token",getToken())); }else{ delete params.noToken; } } var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method \|\| "get" }; //var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); //titleEl.innerText = ""; cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); }); }else{ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method \|\| "get" }; //Sys.addTab(url, title, uid, callback) tab = top.Sys.addTab("about:blank",title,uid); tab.tabEl.find('.sys-tab-item-text').html(""); cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); } } }, /* * 通过url 进行对应的目标功能调用目标页的callback方法 * @param id * @param url / closePage : function(id,url) { if (!top.Sys) { closeWindow() return; } var uid = md5(url\|\|""), tab; if(!window.parent.Sys){ return; } var tab = window.parent.Sys.getTab(uid); if(tab){ window.parent.Sys.seldTab(uid); //var _scp = tab.tabPanelIframeEl.contentWindow.window.Scp; //if(_scp){ // _scp.context&&_scp.context.callback&&_scp.context.callback.call(_scp.context); //} }else{ if(url&&url.trim()!=""){ var tab = window.parent.Sys.addTab(url,"",null,null,true); } } if (id) { window.parent.Sys.closeTab(id); }else{ window.parent.Sys.closeSeldTab(); } }, closeCurPage:function(){ if(!window.parent.Sys){ return; } var id = getUrlValue(window.location.search\|\|window.location.hash,'__tabId'); window.parent.Sys.closeTab(id); }, setPageTitle:function(title){ if(!window.parent.Sys){ return; } var openway = getUrlValue('','openway'); if(openway=="openwin")return; var tab = window.parent.Sys.getSeldTab(); if(title!=""){ tab.tabEl.find('.sys-tab-item-text').html(title); window.parent.Sys.tabPanel.autoResize(); } }, //小登录弹窗打开 openMiniLogin:function(isRefresh){ if(window.HIVUI_SETTING.isSingleLogin\|\|me.isMiniLogin){ return; } me.isMiniLogin=true; let params="questType=ajax"+(isRefresh?"&isRefresh=true":"")+"#"; let __login=window.HIVUI_SETTING.loginUrl.split("#"); me.miniLoginUrl=window.HIVUI_SETTING.customLoginUrl ? window.HIVUI_SETTING.customLoginUrl : (__login[0]+(__login[0].indexOf("?")==-1?"?":"&")+params+(__login[1]\|\|"")+"miniLogin"); }, //小登录弹窗关闭 closeMiniLogin:function(isRefresh){ me.isMiniLogin=false; changeBz({ bzid:me.$store.state.user.userInfo.fbzid }); //let tabId=location.href.match(/\?__tabId=.?&/)[0].replace("?__tabId=","").replace("&",""); let tabId=getUrlValue(location.href,"__tabId"); if(tabId){ //如果token不一致，替换掉然后重新载入 let iframeLocation=document.querySelector("iframe[name='iframe"+tabId+"']").contentWindow.location; let urlToken=getUrlValue(iframeLocation.href,"access_token"); let nowToken=getToken(); if(false&&!window._global&&urlToken&&nowToken&&(urlToken!=nowToken)){//正式环境 document.querySelector("iframe[name='iframe"+tabId+"']").contentWindow.location.href=setUrlValue(decodeURIComponent(iframeLocation.href),"access_token",nowToken); //iframeLocation.reload(); } if(isRefresh){ iframeLocation.reload(); } } }, //消息通知 notificationFunc:notificationFunc, }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["portalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["portalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https\|http\|ftp\|rtsp\|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { //if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 //return false; //} if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null \|\| panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, async handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { //let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); let flag = await ifm.contentWindow.eap.page.beforePageClose(panel, evt); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, //判断标签页关闭前事件返回值 async returnBeforeCloseValue(targetName){ try { let targetIframe=document.querySelector("iframe[name='iframe"+targetName+"']"); if(targetIframe.contentWindow.eap.page.beforePageClose){ this.defTabKey = targetName; let flag = await targetIframe.contentWindow.eap.page.beforePageClose(); if(flag===false){ return false; } } return true; } catch (e) { return true; } }, handleActiveTab(panel) { if (!panel) return; top.location.hash="#/tabUrl="+panel.url+"&zhc&tabTitle="+panel.title; if (panel.itemData.type == "home") { this.$refs["portalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); //tab.tabPanelIframeEl.contentDocument.trigger("iframeActiving", [panel.name]); tab.tabPanelIframeEl.contentDocument.dispatchEvent( new CustomEvent('iframeActiving', { detail:[panel.name] } ) ); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, async handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if(!await this.returnBeforeCloseValue(targetName)){ return; } if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] \|\| tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false \|\| tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, async handleRemoveAllTab() { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|!tab.close){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); let l = this.tabList.length; this.defTabKey = endIndex ? this.tabList[endIndex].id : (l ? this.tabList[l - 1].id : ""); }, async handleRemoveLeftTab(name, index) { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; let defTabKey = this.defTabKey; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|(tab.close == false \|\| i >= index)){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey; }, async handleRemoveRightTab(name, index) { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; let defTabKey = this.defTabKey; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|(tab.close == false \|\| i <= index)){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey; }, async handleRemoveOtherTab(name, index) { let tabs = this.tabList; let resultList=[]; let end=false; let endIndex=0; for(let i=0;i<tabs.length;i++){ let tab=tabs[i]; if(!await this.returnBeforeCloseValue(tab.id)){ end=true; endIndex=resultList.length; } if(end\|\|(tab.close == false \|\| i == index)){ resultList.push(tab); } }; this.$set(this, "tabList", resultList); this.defTabKey = endIndex ? this.tabList[endIndex].id : name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, creatForm(opt){ let that=this; var _opt={ autoShow:false, cancelAction:false, url:null, target:null, action:null, method:null, params:null, data:null, autoDestroy:false, _id:utils.string.id(8), }; Object.assign(_opt,opt); var _formTpl=`<form style="display:none;" id="${_opt._id}"><input type="submit" value="submit" id="submit_${_opt._id}"/></form>`; var _el=document.createElement("div"); _el.innerHTML=_formTpl; document.getElementsByTagName("body")[0].appendChild(_el); var _form=_el.getElementsByTagName("form")[0]; this.setTarget=(str)=>{ _opt.target = str; _form.setAttribute('target',str); } this.setUrl=(str)=>{ this.formateUrl(str); var url = utils.string.setUrlValue(_opt.url,"_____r",new Date().getTime()); _form.setAttribute('action',url); } this.setMethod=(str)=>{ _opt.method = str\|\|'get'; _form.setAttribute('method',str); } this.setParams=(params)=>{ _opt.params = params; } this.setData=(obj)=>{ _opt.data = obj\|\|{}; if(_opt.method=="get"&&_opt.url!=null){ let parms=decodeURIComponent(_opt.url).split("?");//URL解码 if(parms.length>2){ parms[1]=[...parms].slice(1).join("?"); } parms=parms[1]; var item,i=0,len; if(parms!=null){ parms = parms.split("&"); for(i=0,len=parms.length;i<len;i++){ item = parms[i].split("="); let isDifferentDomains=(item[1].startsWith("http")&&(item[1].indexOf(location.host)==-1));//判断是否不同域 if(isDifferentDomains&&item.length>2){ let __name=item.shift(); _opt.data[__name]=item.join("=")+(i<len?"&":"")+parms.slice(i+1).join("&");//参数带地址则后面的全拼成一个字符串 break; }else{ _opt.data[item[0]]=item[1]; } } } } _.each(_opt.data,function(value,key){ if(_.isObject(value)){ value = JSON.stringify(value); } var _hiddenInput=document.createElement("input"); _hiddenInput.setAttribute("type","hidden"); _form.appendChild(_hiddenInput); _hiddenInput.setAttribute('name',key); _hiddenInput.setAttribute('value',value); }); } this.removeData=()=>{ _opt.data = null; _form.children().remove(); } this.addData=(data)=>{ _opt.data = _.extend({},_opt.data\|\|{},data\|\|{}); _form.children().remove(); this.setData(_opt.data); } this.delData=(keys)=>{ _.each(keys\|\|[],function(val,i){ if((val in _opt.data)){ delete _opt.data[val]; } }); _form.children().remove(); this.setData(_opt.data); } this.formateUrl=(url)=>{ var params= this.formateParams(_opt.params); if(!url)return; _opt.url = url; if(params){ if(_opt.url.indexOf('?')>0){ _opt.url+='&'+params; }else{ _opt.url+='?'+params; } } } this.formateParams=(obj)=>{ if(obj==null) return null; return $.param(obj\|\|{}); } this.submit=()=>{ if(_opt.cancelAction) return; _opt.cancelAction = false; if(_opt.autoDestroy){ setTimeout(function(){ _form.submit() //_form.find('#submit'+me.id).click();//谷歌下面要用按钮才有效果 },0); setTimeout(function(){that.destroy();},1000); }else{ _form.submit(); } } this.destroy=()=>{ _el.remove(); } this.setTarget(_opt.target); this.setMethod(_opt.method); this.setUrl(_opt.url); this.setData(_opt.data); return that; }, handleCloseMenuDialog(item){ this.menuOpenList=this.menuOpenList.filter((__item)=>{ if(__item.uid!=item.uid){ return __item; } }); } }, }; </script> <style lang="less" scoped> .miniLoginBox{ ::v-deep .el-dialog__body{ padding-top:0; } } .menuOpenBox{ ::v-deep .v-modal{ top:98px; height:calc(100% - 98px); } .menuOpenDialog{ top:98px; } } </style>

Ignore Space Show notes View

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

<template>
    <div class="pl-main">
        <p-tabs
            ref="cmp-tabs"
            v-model="defTabKey"
            @onActiveTab="handleActiveTab"
            @onRemoveTab="handleRemoveTab"
            @onRemoveAllTab="handleRemoveAllTab"
            @onRemoveLeft="handleRemoveLeftTab"
            @onRemoveRight="handleRemoveRightTab"
            @onRemoveOther="handleRemoveOtherTab"
            @onFullScreen="handleFullScreen"
            :isSinglePage="sysConfig.isSinglePage"
        >
            <p-tabpanel
                v-for="(item,index) in tabList"
                :key="item.id"
                :close="item.close"
                :title.sync="item.title"
                :name="item.id"
                :url="item.url"
                :itemData="item"
                @onBlankPage="item.blankPageFunc"
                @onCopyLink="item.copyLinkFunc"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="portalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
        <el-dialog class="miniLoginBox" width="450px" :visible.sync="isMiniLogin" :close-on-click-modal="false" :append-to-body="true">
            <iframe v-if="isMiniLogin" width="100%" height="450px" :src="miniLoginUrl" style="border:none;"></iframe>
        </el-dialog>
        <div class="menuOpenBox" v-if="menuOpenList.length>0">
            <el-dialog v-for="(item,index) in menuOpenList" :key="'menuOpenList'+index" class="menuOpenDialog" width="50%" top="5vh" :visible.sync="item.uid" :close-on-click-modal="false" :modal-append-to-body="false" @closed="handleCloseMenuDialog(item)">
                <iframe width="100%" height="100%" :src="item.url" style="border:none;height:60vh;"></iframe>
            </el-dialog>
        </div>
    </div>
</template>
<script>
import {changeBz} from "@main/api/user";
import { baseURL, codeProjectName,requestUrl } from "@main/config";
import { PTabs, PTabpanel } from "@main/components/tabpanel";
import PortalUser from "@main/views/Portal/user";
import PortalSys from "@main/views/Portal/sys";
import { getUrlValue, setUrlValue,getUrlSearch,closeWindow,notificationFunc,sortMapTurnArr } from "@main/utils";
import { getToken } from '@main/utils/auth'
// import { type } from "os";
import md5 from "js-md5";
import { utils } from "hi-ui";
export default {
    inject: ["addTab", "showTab", "hideTab"],
    components: {
        PTabs,
        PTabpanel,
        PortalUser,
        PortalSys,
    },
    data() {
        let cfg = this.$store.state.app.config || {};
        let defTabs = sortMapTurnArr(cfg.sysDefTabs) || [];
        let setTabs = sortMapTurnArr(cfg.sysSetTabs) || [];
        let list = [],
            defTabKey = "";
        defTabs = setTabs.concat(defTabs);
        defTabs.map((item, i) => {
            let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id
            if(!window._global){//正式环境
                item.url=utils.string.setUrlValue(item.url,"pn",window.HIVUI_SETTING.projectName);
            }
            if(item.url){
                let isDifferentDomains=(item.url.startsWith("http")&&(item.url.indexOf(location.host)==-1));//判断是否不同域
                if(!item.noToken){
                    isDifferentDomains&&getToken()&&(item.url=utils.string.setUrlValue(item.url,"access_token",getToken()));
                }else{
                    delete item.noToken;
                }
            }
            // if(cfg.isSinglePage){//单页面模式
            //     id="123456789";
            // }
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = utils.string.setUrlValue(item.url, "__tabId", id);
            }
            /*if(cfg.isSinglePage){
                list[0]={
                    title: item.title,
                    url: item.url,
                    close: item.close,
                    id: id,
                    type: item.type,
                };
            }else*/{
                list.push({
                    title: item.title,
                    url: item.url,
                    close: item.close,
                    id: id,
                    type: item.type,
                    blankPageFunc:()=>{
                        window.open(item.url,"_blank");
                    }
                });
            }
        });
        console.log('page default open tabs :',defTabs);
        //系统菜单 后台默认配激活
        let menusDef2Tabs = this.$store.getters.defTabs,
            uriStr = "";
        console.log('menus default open tabs :',defTabs);
        menusDef2Tabs.map((item, i) => {
            //uriStr = baseURL + codeProjectName + item.resUrl;
            uriStr = item.resUrl;
            if(!window._global){//正式环境
                uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName);
            }
            if(uriStr){
                let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域
                if(!item.noToken){
                    isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()));
                }else{
                    delete item.noToken;
                }
            }
            if(uriStr.indexOf("http")==-1){
                uriStr=location.origin+uriStr;
            }
            let id = md5(uriStr);
            uriStr = utils.string.setUrlValue(uriStr, "__tabId", id);
            list.push({
                title: item.name,
                url: uriStr,
                close: true,
                id: id,
                type: item.type,
                blankPageFunc:()=>{
                    window.open(uriStr,"_blank");
                }
            });
        });
        // console.log('系统菜单',list);

//第三方跳转过来地址自动打开功能tab
        let menusList = this.$store.getters.menusList;
        let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath));
        for (let i = menusList.length - 1; i >= 0; i--) {
            if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& (searchObj.portal_func&&menusList[i].resUrl)&&searchObj.portal_func == menusList[i].resUrl) {
                console.log('跳转进来的功能：',searchObj.portal_func);
                //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111
                delete searchObj.portal_func;
                // let uriStr = baseURL + codeProjectName + menusList[i].resUrl;
                let uriStr = menusList[i].resUrl;
                if(!window._global){//正式环境
                    uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName);
                }
                if(uriStr){
                    let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域
                    if(!menusList[i].noToken){
                        isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()));
                    }else{
                        delete menusList[i].noToken;
                    }
                }
                if(uriStr.indexOf("http")==-1){
                    uriStr=location.origin+uriStr;
                }
                let id = md5(uriStr);
                uriStr = utils.string.setUrlValue(uriStr, "__tabId", md5(uriStr));
                for(let key in searchObj){
                    uriStr = utils.string.setUrlValue(uriStr,key,searchObj[key]);
                }
                let inMenu = false;
                for (let j = list.length - 1; j >= 0; j--) {
                    if (list[j].id == id) {
                        inMenu = true;
                        break;
                    }
                }
                if (inMenu) break;
                defTabKey = id;
                list.push({
                    id: id,
                    title: menusList[i].name,
                    url: uriStr,
                    close: true,
                    actived:true, //默认选中
                    blankPageFunc:()=>{
                        window.open(uriStr,"_blank");
                    }
                });
                break;
            }
        }
        if(cfg.isPageCache&&window.localStorage.getItem('pageCacheArr')){
            JSON.parse(window.localStorage.getItem('pageCacheArr')).map((item,index)=>{
                uriStr = item.url;
                if(!window._global){//正式环境
                    uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName);
                }
                if(uriStr){
                    let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域
                    if(!item.noToken){
                        isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()));
                    }else{
                        delete item.noToken;
                    }
                }                
                if(uriStr.indexOf("http")==-1){
                    uriStr=location.origin+uriStr;
                }
                let id = md5(uriStr);
                uriStr = utils.string.setUrlValue(uriStr, "__tabId", id);
                defTabKey = id;
                list.push({
                    title: item.title,
                    url: uriStr,
                    close: true,
                    id: id,
                    //type: item.type,
                    blankPageFunc:()=>{
                        window.open(uriStr,"_blank");
                    }
                });
            });
        }
        //地址栏打开标签
        if(top.location.hash){
            let hashTabParam={};
            top.location.hash.replace("#/","").split("&zhc&").forEach((item=>{
                if(item.indexOf("tabUrl=")==0){
                    hashTabParam.resUrl=item.replace("tabUrl=","");
                }else if(item.indexOf("tabTitle=")==0){
                    hashTabParam.name=decodeURIComponent(item.replace("tabTitle=",""));
                }
            }));
            if(hashTabParam.resUrl){
                if(hashTabParam.resUrl.indexOf("about:blank")==-1){//下推页面无法重新载入
                    //消除tabId干扰
                    let tabIdStr=hashTabParam.resUrl.match(/\__tabId=.*?&/)||hashTabParam.resUrl.match(/\?__tabId=.*/);
                    if(tabIdStr&&tabIdStr[0]){
                        hashTabParam.resUrl=hashTabParam.resUrl.replace(tabIdStr[0],"").replace("?&","?");
                    }
                    let id = md5(hashTabParam.resUrl);
                    location.href=setUrlValue(location.href,"__tabId",id);
                    let existsItem=list.filter(item=>{//标签已存在
                        if(item.url&&hashTabParam.resUrl){
                            let itemMainUrl=item.url.split("?")[0];
                            let hashTabMainUrl=hashTabParam.resUrl.split("?")[0];
                            if(hashTabParam.resUrl.indexOf(itemMainUrl)!=-1){
                                return item;
                            }
                        }
                    });
                    if(!existsItem[0]){
                        defTabKey = id;
                        hashTabParam.resUrl = utils.string.setUrlValue(hashTabParam.resUrl, "__tabId", id);
                        list.push({
                            title: hashTabParam.name,
                            url: hashTabParam.resUrl,
                            close: true,
                            id: id,
                            actived:true, //默认选中
                            blankPageFunc:()=>{
                                window.open(hashTabParam.resUrl,"_blank");
                            }
                        });
                    }else{
                        defTabKey=existsItem[0].id;
                    }
                }
            }
        }
        list.forEach(item=>{ 
            item.copyLinkFunc=()=>{
                this.handleCopyLinkFunc(item.url);
            };
        });
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
            isMiniLogin:false,
            miniLoginUrl:"",
            menuOpenList:[],
        };
    },
    mounted() {
        // console.log('主界面初始化~！');
        let me = this,
            cTabs = this.$refs["cmp-tabs"];
        window.Sys = {
            isVue: true,
            addEvent(evtName, fn) {
                //onLoad
                Bus.$on(evtName, fn);
            },
            tabPanel: {
                autoResize() {
                    cTabs.resize();
                },
            },
            getSideNavs() {
                return [...me.$store.getters.navs];
            },
            setSideNavs(data) {
                if (data == null && !(data instanceof Array)) return;
                //me.$store.dispatch("app/setQuickNav", data);
            },
            /**
             * @param {} url
             * @param {} title
             * @param {} uid
             * @param {} onLoad    //iframe 加载后
             * @param {} nearest  //标签页是否紧接在其右侧打开
             * @param {} renderedFn //渲染回调
             */
            addTab(url, title, uid, onLoad, nearest, renderedFn) { 
                // if(me.sysConfig.isSinglePage){//单页面模式
                //     uid="123456789";
                // }else 
                if(me.sysConfig.isPageCache){//页面标签缓存模式
                    let _pcarr=window.localStorage.getItem('pageCacheArr');
                    let cacheArr=_pcarr?JSON.parse(_pcarr):[];
                    cacheArr=cacheArr.filter((item)=>{
                        if(url!=item.url){
                            return item
                        }
                    });
                    cacheArr.push({
                        "url":url,
                        "title":title,
                    });
                    if(cacheArr.length>20){
                        cacheArr.shift();
                    }
                    window.localStorage.setItem('pageCacheArr',JSON.stringify(cacheArr));
                }
                if (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                if(!window._global){//正式环境
                    url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName);
                }
                if(url){
                    let isDifferentDomains=(url.startsWith("http")&&(url.indexOf(location.host)==-1));//判断是否不同域
                    isDifferentDomains&&getToken()&&(url=utils.string.setUrlValue(url,"access_token",getToken()));
                }
                let tabs = me.tabList.filter((item, index) => {
                    if(item.id == uid){
                        item.title=title;
                        return item;
                    }
                });
                if (tabs.length/*&&!me.sysConfig.isSinglePage*/) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

if (getUrlValue(url, "__tabId") == "") {
                    //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                    url = utils.string.setUrlValue(url, "__tabId", uid);
                }
                /*if(me.sysConfig.isSinglePage){
                    me.tabList.pop();
                    me.$nextTick(()=>{
                        me.tabList.push({
                            title: title,
                            url: url,
                            close: true,
                            id: uid,
                            listeners: {
                                load: onLoad,
                            },
                        })
                    })
                }else{*/
                    me.tabList.push({
                        title: title,
                        url: url,
                        close: true,
                        id: uid,
                        listeners: {
                            load: onLoad,
                        },
                        blankPageFunc:()=>{
                            window.open(url,"_blank");
                        },
                        copyLinkFunc:()=>{
                            me.handleCopyLinkFunc(url);
                        }
                    });
                //}
                
                me.defTabKey = uid;
                // window.____renderFunc = renderedFn;
                me.$nextTick(
                    (function (fn, _uid) {
                        return function () {
                            let tab = cTabs.getItemObj(_uid);
                            fn && fn(tab);
                        };
                    })(renderedFn, uid)
                );
                console.log('  addTab  ',me.tabList);
            },
            getTab(uid) {
                return cTabs.getItemObj(uid);
            },
            seldTab(uid) {
                cTabs.defTabKey = uid;
            },
            getSeldTab() {
                return cTabs.getSeldItemObj();
            },
            refreshTab(uid) {
                let tab = cTabs.getItemObj(uid);
                tab &&
                    tab.tabPanelIframeEl.contentWindow.window.location.reload();
            },
            //closeTab
            closeTab(uid) {
                cTabs.closeItem(uid);
            },
            closeSeldTab() {
                cTabs.closeCurItem();
            },
        };

if (id) {
					window.parent.Sys.closeTab(id);
				}else{
					window.parent.Sys.closeSeldTab();
				}
				
			},
			closeCurPage:function(){
				if(!window.parent.Sys){					
					return;
				}
				var id = getUrlValue(window.location.search||window.location.hash,'__tabId');
				window.parent.Sys.closeTab(id);
			},
			setPageTitle:function(title){
				if(!window.parent.Sys){					
					return;
				}
				var openway = getUrlValue('','openway');
				if(openway=="openwin")return;
				var tab = window.parent.Sys.getSeldTab();
				if(title!=""){
					tab.tabEl.find('.sys-tab-item-text').html(title);
					window.parent.Sys.tabPanel.autoResize();
				}
            },
            //小登录弹窗打开
            openMiniLogin:function(isRefresh){
                if(window.HIVUI_SETTING.isSingleLogin||me.isMiniLogin){
                    return;
                }
                me.isMiniLogin=true;
                let params="questType=ajax"+(isRefresh?"&isRefresh=true":"")+"#";
                let __login=window.HIVUI_SETTING.loginUrl.split("#");
                me.miniLoginUrl=window.HIVUI_SETTING.customLoginUrl ? window.HIVUI_SETTING.customLoginUrl : (__login[0]+(__login[0].indexOf("?")==-1?"?":"&")+params+(__login[1]||"")+"miniLogin");
            },
            //小登录弹窗关闭
            closeMiniLogin:function(isRefresh){
                me.isMiniLogin=false;
                changeBz({
                    bzid:me.$store.state.user.userInfo.fbzid
                });
                //let tabId=location.href.match(/\?__tabId=.*?&/)[0].replace("?__tabId=","").replace("&","");
                let tabId=getUrlValue(location.href,"__tabId");
                if(tabId){
                    //如果token不一致，替换掉然后重新载入
                    let iframeLocation=document.querySelector("iframe[name='iframe"+tabId+"']").contentWindow.location;
                    let urlToken=getUrlValue(iframeLocation.href,"access_token");
                    let nowToken=getToken();
                    if(false&&!window._global&&urlToken&&nowToken&&(urlToken!=nowToken)){//正式环境
                        document.querySelector("iframe[name='iframe"+tabId+"']").contentWindow.location.href=setUrlValue(decodeURIComponent(iframeLocation.href),"access_token",nowToken);
                        //iframeLocation.reload();
                    }
                    if(isRefresh){
                        iframeLocation.reload();
                    }
                }
            },
            //消息通知
            notificationFunc:notificationFunc,
        };

if (this.defTabKey == "" && this.tabList.length)
            this.defTabKey = this.tabList[0].id;
        //默认如果指向下面两个的话，标识一下已经加载过
        if (this.$refs["portalSysHome"]) {
            //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
            // console.log('加载系统门户列表~！');
            let itemData = this.$refs["portalSysHome"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["portalSysHome"][0].actived = true;
            }
        }
        if (this.$refs["portalUserWork"]) {
            //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
            // console.log('加载工作台门户列表~！');
            let itemData = this.$refs["portalUserWork"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["portalUserWork"][0].actived = true;
            }
        }
        let events = this.sysConfig.events;
        if (events) {
            this.$nextTick((r) => {
                events.onLoad && events.onLoad();
            });
        }
    },
    methods: {
        handleCopyLinkFunc(url){
                // 创建一个临时的textarea元素用于复制
                const textarea = document.createElement('textarea');
                textarea.value = url;
                textarea.style.position = 'fixed';
                textarea.style.left = '-9999px';
                document.body.appendChild(textarea);
                textarea.select();
                
                try {
                    const success = document.execCommand('copy');
                    if (success) {
                        this.$message && this.$message.success('链接复制成功');
                    } else {
                        this.$message && this.$message.error('链接复制失败');
                    }
                } catch (err) {
                    // 使用Clipboard API作为备选方案
                    navigator.clipboard.writeText(url).then(() => {
                        this.$message && this.$message.success('链接复制成功');
                    }).catch(() => {
                        this.$message && this.$message.error('链接复制失败');
                    });
                } finally {
                    document.body.removeChild(textarea);
                }
        },
        //将框架页里头的a 标签进行转换
        initATagUrl(el) {
            let aList = el.querySelectorAll("a");
            aList.forEach(function (aTag, i) {
                if (aTag.href) {
                    var httpUrl = new RegExp(
                        "^((https|http|ftp|rtsp|mms)?://)"
                    );
                    if (
                        httpUrl.test(
                            aTag.href.replace(window.location.origin, "")
                        )
                    ) {
                        return false;
                    }
                    if (!aTag.onclick) {
                        if (aTag.target == "_blank") {
                            aTag.addEventListener("click", function (evt) {
                                evt.preventDefault();
                                evt.stopPropagation();
                                var tabTitle = "";
                                if (aTag.title) {
                                    tabTitle = aTag.title;
                                }
                                var url = this.getAttribute("href");
                                var reg = /^\//gi;
                                Sys.addTab(url, tabTitle, "", "", true);
                                return false;
                            });
                        }
                    }
                }
            });
            window.Sys.tabPanel.autoResize();
        },
        handleBeforeRefresh(panel, evt) {
            //if (panel.itemData.type == "home") {
                // this.$store.state.app.sysList=[];
                //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
                //return false;
            //}
            if (panel.itemData.type == "work") {
                // this.$store.state.app.list=[];
                //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
                return false;
            }
        },
        handleIframeLoad(panelCmp, evt) {
            let me = this,
                key = panelCmp.name;
            let ifm = panelCmp.$refs["iframe"];
            let tabData = panelCmp.itemData;
            if (tabData.listeners) {
                tabData.listeners.load && tabData.listeners.load();
            }
            //转换A标签
            me.initATagUrl(ifm.contentWindow.document.body);
            window.__UserInfo = {
                orgId: "",
                operator: "",
            };
            if (panelCmp.title == null || panelCmp.title == "") {
                let cTabs = me.$refs["cmp-tabs"];
                cTabs.resize();
            }
        },
        async handleBeforeClose(panel, evt) {
            let ifm = panel.$refs["iframe"];
            try {
                //let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1);
                let flag = await ifm.contentWindow.eap.page.beforePageClose(panel, evt);
                return flag;
            } catch (e) {
                !document.all &&
                    window.console.log(
                        "iframe : Scp.context.beforeunloadFn();"
                    );
            }
        },
        //判断标签页关闭前事件返回值
        async returnBeforeCloseValue(targetName){
            try {
                let targetIframe=document.querySelector("iframe[name='iframe"+targetName+"']");
                if(targetIframe.contentWindow.eap.page.beforePageClose){
                    this.defTabKey = targetName;
                    let flag = await targetIframe.contentWindow.eap.page.beforePageClose();
                    if(flag===false){
                        return false;
                    }
                }
                return true;
            } catch (e) {
                return true;
            }
        },

handleActiveTab(panel) {
            if (!panel) return;
            top.location.hash="#/tabUrl="+panel.url+"&zhc&tabTitle="+panel.title;
            if (panel.itemData.type == "home") {
                this.$refs["portalSysHome"][0].doRender();
            }
            if (panel.itemData.type == "work") {
                this.$refs["portalUserWork"][0].doRender();
            }
            try {
                let tab = this.$refs["cmp-tabs"].getItemObj(panel.name);
                //tab.tabPanelIframeEl.contentDocument.trigger("iframeActiving", [panel.name]);
                tab.tabPanelIframeEl.contentDocument.dispatchEvent(
                    new CustomEvent('iframeActiving',
                        {
                            detail:[panel.name]
                        }
                    )
                );
            } catch (e) {
                console.log("iframeActiving error!");
            }
        },
        //面板上面的事件特别处理，现在暂时没用
        handleSelected(item) {
            return;
            let key = item.id;
            let ifm = this.$refs["dom-iframe" + key][0];
            try {
                let __orgId = ifm.contentWindow.Scp.User.getId();
                let __operator = ifm.contentWindow.Scp.User.getOperator();
                window.__UserInfo = {
                    orgId: __orgId,
                    operator: __operator,
                };
            } catch (e) {}
        },
        async handleRemoveTab(targetName) {
            let tabs = this.tabList;
            let activeName = this.defTabKey;
            if(!await this.returnBeforeCloseValue(targetName)){
                return;
            }
            if (activeName === targetName) {
                tabs.forEach((tab, index) => {
                    if (tab.close && tab.id === targetName) {
                        let nextTab = tabs[index + 1] || tabs[index - 1];
                        if (nextTab) {
                            activeName = nextTab.id;
                        }
                    }
                });
            }
            this.defTabKey = activeName;
            tabs = tabs.filter((tab) => {
                return tab.close == false || tab.id !== targetName;
            });
            console.log('handleRemoveTab')
            this.$set(this, "tabList", tabs);
            if (this.tabList.length == 0) {
                this.defTabKey = "tabPanel_home";
            }
        },
        async handleRemoveAllTab() {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||!tab.close){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            let l = this.tabList.length;
            this.defTabKey = endIndex ? this.tabList[endIndex].id : (l ? this.tabList[l - 1].id : "");
        },
        async handleRemoveLeftTab(name, index) {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            let defTabKey = this.defTabKey;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if (tab.id == defTabKey && i < index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||(tab.close == false || i >= index)){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey;
        },
        async handleRemoveRightTab(name, index) {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            let defTabKey = this.defTabKey;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if (tab.id == defTabKey && i > index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||(tab.close == false || i <= index)){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey;
        },
        async handleRemoveOtherTab(name, index) {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||(tab.close == false || i == index)){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            this.defTabKey = endIndex ? this.tabList[endIndex].id : name;
        },
        handleFullScreen() {
            this.$emit("onFullScreen");
            // screenfull.toggle()
        },
        creatForm(opt){
            let that=this;
            var _opt={
                autoShow:false,
                cancelAction:false,
                url:null,
                target:null,
                action:null,
                method:null,
                params:null,
                data:null,
                autoDestroy:false,
                _id:utils.string.id(8),
            };
            Object.assign(_opt,opt);
            var _formTpl=`<form style="display:none;" id="${_opt._id}"><input type="submit" value="submit" id="submit_${_opt._id}"/></form>`;
            var _el=document.createElement("div");
            _el.innerHTML=_formTpl;
            document.getElementsByTagName("body")[0].appendChild(_el);
            var _form=_el.getElementsByTagName("form")[0];
            this.setTarget=(str)=>{
                _opt.target = str;
                _form.setAttribute('target',str);
            }
            this.setUrl=(str)=>{
                this.formateUrl(str);
                var url =  utils.string.setUrlValue(_opt.url,"_____r",new Date().getTime());
                _form.setAttribute('action',url);
            }
            this.getUrl = ()=>{
                return _form.getAttribute('action');
            }
            this.setMethod=(str)=>{
                _opt.method = str||'get';
                _form.setAttribute('method',str);
            }
            this.setParams=(params)=>{
                _opt.params = params;
            }
            this.setData=(obj)=>{
                _opt.data = obj||{};
                if(_opt.method=="get"&&_opt.url!=null){
                    let parms=decodeURIComponent(_opt.url).split("?");//URL解码
                    if(parms.length>2){
                        parms[1]=[...parms].slice(1).join("?");
                    }
                    parms=parms[1];
                    var item,i=0,len;
                    if(parms!=null){
                        parms = parms.split("&");
                        for(i=0,len=parms.length;i<len;i++){
                            item = parms[i].split("=");
                            let isDifferentDomains=(item[1].startsWith("http")&&(item[1].indexOf(location.host)==-1));//判断是否不同域
                            if(isDifferentDomains&&item.length>2){
                                let __name=item.shift();
                                _opt.data[__name]=item.join("=")+(i<len?"&":"")+parms.slice(i+1).join("&");//参数带地址则后面的全拼成一个字符串
                                break;
                            }else{
                                _opt.data[item[0]]=item[1];
                            }
                        }
                    }
                }
                _.each(_opt.data,function(value,key){
                    if(_.isObject(value)){
                        value = JSON.stringify(value);
                    }
                    var _hiddenInput=document.createElement("input");
                    _hiddenInput.setAttribute("type","hidden");
                    _form.appendChild(_hiddenInput);
                    _hiddenInput.setAttribute('name',key);
                    _hiddenInput.setAttribute('value',value);
                });
            }
            this.removeData=()=>{
                _opt.data = null;
                _form.children().remove();
            }
            this.addData=(data)=>{
                _opt.data = _.extend({},_opt.data||{},data||{});
                _form.children().remove();
                this.setData(_opt.data);
            }
            this.delData=(keys)=>{		
                _.each(keys||[],function(val,i){
                    if((val in _opt.data)){
                        delete _opt.data[val];
                    }
                });		
                _form.children().remove();
                this.setData(_opt.data);
            }
            this.formateUrl=(url)=>{
                var params= this.formateParams(_opt.params);
                if(!url)return;
                _opt.url = url;
                if(params){			
                    if(_opt.url.indexOf('?')>0){
                        _opt.url+='&'+params;
                    }else{
                        _opt.url+='?'+params;
                    }
                }
            }
            this.formateParams=(obj)=>{
                if(obj==null) return null;
                return $.param(obj||{});
            }
            this.submit=()=>{
                if(_opt.cancelAction) return;
                _opt.cancelAction = false;
                
                if(_opt.autoDestroy){
                    setTimeout(function(){
                        _form.submit()
                        //_form.find('#submit'+me.id).click();//谷歌下面要用  按钮才有效果
                    },0);
                    setTimeout(function(){that.destroy();},1000);			
                }else{
                    _form.submit();
                }
            }
            this.destroy=()=>{
                _el.remove();
            }
            
            this.setTarget(_opt.target);
            this.setMethod(_opt.method);
            this.setUrl(_opt.url);
            this.setData(_opt.data);
            return that;
        },
        handleCloseMenuDialog(item){
            this.menuOpenList=this.menuOpenList.filter((__item)=>{
                if(__item.uid!=item.uid){
                    return __item;
                }
            });
        }
    },
};
</script>
<style lang="less" scoped>
    .miniLoginBox{
        ::v-deep .el-dialog__body{
            padding-top:0;
        }
    }
    .menuOpenBox{
        ::v-deep .v-modal{
            top:98px;
            height:calc(100% - 98px);
        }
        .menuOpenDialog{
            top:98px;
        }
    }
</style>

<template>
    <div class="pl-main">
        <p-tabs
            ref="cmp-tabs"
            v-model="defTabKey"
            @onActiveTab="handleActiveTab"
            @onRemoveTab="handleRemoveTab"
            @onRemoveAllTab="handleRemoveAllTab"
            @onRemoveLeft="handleRemoveLeftTab"
            @onRemoveRight="handleRemoveRightTab"
            @onRemoveOther="handleRemoveOtherTab"
            @onFullScreen="handleFullScreen"
            :isSinglePage="sysConfig.isSinglePage"
        >
            <p-tabpanel
                v-for="(item,index) in tabList"
                :key="item.id"
                :close="item.close"
                :title.sync="item.title"
                :name="item.id"
                :url="item.url"
                :itemData="item"
                @onBlankPage="item.blankPageFunc"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="portalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
        <el-dialog class="miniLoginBox" width="450px" :visible.sync="isMiniLogin" :close-on-click-modal="false" :append-to-body="true">
            <iframe v-if="isMiniLogin" width="100%" height="450px" :src="miniLoginUrl" style="border:none;"></iframe>
        </el-dialog>
        <div class="menuOpenBox" v-if="menuOpenList.length>0">
            <el-dialog v-for="(item,index) in menuOpenList" :key="'menuOpenList'+index" class="menuOpenDialog" width="50%" top="5vh" :visible.sync="item.uid" :close-on-click-modal="false" :modal-append-to-body="false" @closed="handleCloseMenuDialog(item)">
                <iframe width="100%" height="100%" :src="item.url" style="border:none;height:60vh;"></iframe>
            </el-dialog>
        </div>
    </div>
</template>
<script>
import {changeBz} from "@main/api/user";
import { baseURL, codeProjectName,requestUrl } from "@main/config";
import { PTabs, PTabpanel } from "@main/components/tabpanel";
import PortalUser from "@main/views/Portal/user";
import PortalSys from "@main/views/Portal/sys";
import { getUrlValue, setUrlValue,getUrlSearch,closeWindow,notificationFunc,sortMapTurnArr } from "@main/utils";
import { getToken } from '@main/utils/auth'
// import { type } from "os";
import md5 from "js-md5";
import { utils } from "hi-ui";
export default {
    inject: ["addTab", "showTab", "hideTab"],
    components: {
        PTabs,
        PTabpanel,
        PortalUser,
        PortalSys,
    },
    data() {
        let cfg = this.$store.state.app.config || {};
        let defTabs = sortMapTurnArr(cfg.sysDefTabs) || [];
        let setTabs = sortMapTurnArr(cfg.sysSetTabs) || [];
        let list = [],
            defTabKey = "";
        defTabs = setTabs.concat(defTabs);
        defTabs.map((item, i) => {
            let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id
            if(!window._global){//正式环境
                item.url=utils.string.setUrlValue(item.url,"pn",window.HIVUI_SETTING.projectName);
            }
            if(item.url){
                let isDifferentDomains=(item.url.startsWith("http")&&(item.url.indexOf(location.host)==-1));//判断是否不同域
                if(!item.noToken){
                    isDifferentDomains&&getToken()&&(item.url=utils.string.setUrlValue(item.url,"access_token",getToken()));
                }else{
                    delete item.noToken;
                }
            }
            // if(cfg.isSinglePage){//单页面模式
            //     id="123456789";
            // }
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = utils.string.setUrlValue(item.url, "__tabId", id);
            }
            /*if(cfg.isSinglePage){
                list[0]={
                    title: item.title,
                    url: item.url,
                    close: item.close,
                    id: id,
                    type: item.type,
                };
            }else*/{
                list.push({
                    title: item.title,
                    url: item.url,
                    close: item.close,
                    id: id,
                    type: item.type,
                    blankPageFunc:()=>{
                        window.open(item.url,"_blank");
                    }
                });
            }
        });
        console.log('page default open tabs :',defTabs);
        //系统菜单 后台默认配激活
        let menusDef2Tabs = this.$store.getters.defTabs,
            uriStr = "";
        console.log('menus default open tabs :',defTabs);
        menusDef2Tabs.map((item, i) => {
            //uriStr = baseURL + codeProjectName + item.resUrl;
            uriStr = item.resUrl;
            if(!window._global){//正式环境
                uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName);
            }
            if(uriStr){
                let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域
                if(!item.noToken){
                    isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()));
                }else{
                    delete item.noToken;
                }
            }
            if(uriStr.indexOf("http")==-1){
                uriStr=location.origin+uriStr;
            }
            let id = md5(uriStr);
            uriStr = utils.string.setUrlValue(uriStr, "__tabId", id);
            list.push({
                title: item.name,
                url: uriStr,
                close: true,
                id: id,
                type: item.type,
                blankPageFunc:()=>{
                    window.open(uriStr,"_blank");
                }
            });
        });
        // console.log('系统菜单',list);

//第三方跳转过来地址自动打开功能tab
        let menusList = this.$store.getters.menusList;
        let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath));
        for (let i = menusList.length - 1; i >= 0; i--) {
            if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& (searchObj.portal_func&&menusList[i].resUrl)&&searchObj.portal_func == menusList[i].resUrl) {
                console.log('跳转进来的功能：',searchObj.portal_func);
                //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111
                delete searchObj.portal_func;
                // let uriStr = baseURL + codeProjectName + menusList[i].resUrl;
                let uriStr = menusList[i].resUrl;
                if(!window._global){//正式环境
                    uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName);
                }
                if(uriStr){
                    let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域
                    if(!menusList[i].noToken){
                        isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()));
                    }else{
                        delete menusList[i].noToken;
                    }
                }
                if(uriStr.indexOf("http")==-1){
                    uriStr=location.origin+uriStr;
                }
                let id = md5(uriStr);
                uriStr = utils.string.setUrlValue(uriStr, "__tabId", md5(uriStr));
                for(let key in searchObj){
                    uriStr = utils.string.setUrlValue(uriStr,key,searchObj[key]);
                }
                let inMenu = false;
                for (let j = list.length - 1; j >= 0; j--) {
                    if (list[j].id == id) {
                        inMenu = true;
                        break;
                    }
                }
                if (inMenu) break;
                defTabKey = id;
                list.push({
                    id: id,
                    title: menusList[i].name,
                    url: uriStr,
                    close: true,
                    actived:true, //默认选中
                    blankPageFunc:()=>{
                        window.open(uriStr,"_blank");
                    }
                });
                break;
            }
        }
        if(cfg.isPageCache&&window.localStorage.getItem('pageCacheArr')){
            JSON.parse(window.localStorage.getItem('pageCacheArr')).map((item,index)=>{
                uriStr = item.url;
                if(!window._global){//正式环境
                    uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName);
                }
                if(uriStr){
                    let isDifferentDomains=(uriStr.startsWith("http")&&(uriStr.indexOf(location.host)==-1));//判断是否不同域
                    if(!item.noToken){
                        isDifferentDomains&&getToken()&&(uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()));
                    }else{
                        delete item.noToken;
                    }
                }                
                if(uriStr.indexOf("http")==-1){
                    uriStr=location.origin+uriStr;
                }
                let id = md5(uriStr);
                uriStr = utils.string.setUrlValue(uriStr, "__tabId", id);
                defTabKey = id;
                list.push({
                    title: item.title,
                    url: uriStr,
                    close: true,
                    id: id,
                    //type: item.type,
                    blankPageFunc:()=>{
                        window.open(uriStr,"_blank");
                    }
                });
            });
        }
        //地址栏打开标签
        if(top.location.hash){
            let hashTabParam={};
            top.location.hash.replace("#/","").split("&zhc&").forEach((item=>{
                if(item.indexOf("tabUrl=")==0){
                    hashTabParam.resUrl=item.replace("tabUrl=","");
                }else if(item.indexOf("tabTitle=")==0){
                    hashTabParam.name=decodeURIComponent(item.replace("tabTitle=",""));
                }
            }));
            if(hashTabParam.resUrl){
                if(hashTabParam.resUrl.indexOf("about:blank")==-1){//下推页面无法重新载入
                    //消除tabId干扰
                    let tabIdStr=hashTabParam.resUrl.match(/\__tabId=.*?&/)||hashTabParam.resUrl.match(/\?__tabId=.*/);
                    if(tabIdStr&&tabIdStr[0]){
                        hashTabParam.resUrl=hashTabParam.resUrl.replace(tabIdStr[0],"").replace("?&","?");
                    }
                    let id = md5(hashTabParam.resUrl);
                    location.href=setUrlValue(location.href,"__tabId",id);
                    let existsItem=list.filter(item=>{//标签已存在
                        if(item.url&&hashTabParam.resUrl){
                            let itemMainUrl=item.url.split("?")[0];
                            let hashTabMainUrl=hashTabParam.resUrl.split("?")[0];
                            if(hashTabParam.resUrl.indexOf(itemMainUrl)!=-1){
                                return item;
                            }
                        }
                    });
                    if(!existsItem[0]){
                        defTabKey = id;
                        hashTabParam.resUrl = utils.string.setUrlValue(hashTabParam.resUrl, "__tabId", id);
                        list.push({
                            title: hashTabParam.name,
                            url: hashTabParam.resUrl,
                            close: true,
                            id: id,
                            actived:true, //默认选中
                            blankPageFunc:()=>{
                                window.open(hashTabParam.resUrl,"_blank");
                            }
                        });
                    }else{
                        defTabKey=existsItem[0].id;
                    }
                }
            }
        }
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
            isMiniLogin:false,
            miniLoginUrl:"",
            menuOpenList:[],
        };
    },
    mounted() {
        // console.log('主界面初始化~！');
        let me = this,
            cTabs = this.$refs["cmp-tabs"];
        window.Sys = {
            isVue: true,
            addEvent(evtName, fn) {
                //onLoad
                Bus.$on(evtName, fn);
            },
            tabPanel: {
                autoResize() {
                    cTabs.resize();
                },
            },
            getSideNavs() {
                return [...me.$store.getters.navs];
            },
            setSideNavs(data) {
                if (data == null && !(data instanceof Array)) return;
                //me.$store.dispatch("app/setQuickNav", data);
            },
            /**
             * @param {} url
             * @param {} title
             * @param {} uid
             * @param {} onLoad    //iframe 加载后
             * @param {} nearest  //标签页是否紧接在其右侧打开
             * @param {} renderedFn //渲染回调
             */
            addTab(url, title, uid, onLoad, nearest, renderedFn) { 
                // if(me.sysConfig.isSinglePage){//单页面模式
                //     uid="123456789";
                // }else 
                if(me.sysConfig.isPageCache){//页面标签缓存模式
                    let _pcarr=window.localStorage.getItem('pageCacheArr');
                    let cacheArr=_pcarr?JSON.parse(_pcarr):[];
                    cacheArr=cacheArr.filter((item)=>{
                        if(url!=item.url){
                            return item
                        }
                    });
                    cacheArr.push({
                        "url":url,
                        "title":title,
                    });
                    if(cacheArr.length>20){
                        cacheArr.shift();
                    }
                    window.localStorage.setItem('pageCacheArr',JSON.stringify(cacheArr));
                }
                if (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                if(!window._global){//正式环境
                    url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName);
                }
                if(url){
                    let isDifferentDomains=(url.startsWith("http")&&(url.indexOf(location.host)==-1));//判断是否不同域
                    isDifferentDomains&&getToken()&&(url=utils.string.setUrlValue(url,"access_token",getToken()));
                }
                let tabs = me.tabList.filter((item, index) => {
                    if(item.id == uid){
                        item.title=title;
                        return item;
                    }
                });
                if (tabs.length/*&&!me.sysConfig.isSinglePage*/) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

if (getUrlValue(url, "__tabId") == "") {
                    //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                    url = utils.string.setUrlValue(url, "__tabId", uid);
                }
                /*if(me.sysConfig.isSinglePage){
                    me.tabList.pop();
                    me.$nextTick(()=>{
                        me.tabList.push({
                            title: title,
                            url: url,
                            close: true,
                            id: uid,
                            listeners: {
                                load: onLoad,
                            },
                        })
                    })
                }else{*/
                    me.tabList.push({
                        title: title,
                        url: url,
                        close: true,
                        id: uid,
                        listeners: {
                            load: onLoad,
                        },
                        blankPageFunc:()=>{
                            window.open(url,"_blank");
                        }
                    });
                //}
                
                me.defTabKey = uid;
                // window.____renderFunc = renderedFn;
                me.$nextTick(
                    (function (fn, _uid) {
                        return function () {
                            let tab = cTabs.getItemObj(_uid);
                            fn && fn(tab);
                        };
                    })(renderedFn, uid)
                );
                console.log('  addTab  ',me.tabList);
            },
            getTab(uid) {
                return cTabs.getItemObj(uid);
            },
            seldTab(uid) {
                cTabs.defTabKey = uid;
            },
            getSeldTab() {
                return cTabs.getSeldItemObj();
            },
            refreshTab(uid) {
                let tab = cTabs.getItemObj(uid);
                tab &&
                    tab.tabPanelIframeEl.contentWindow.window.location.reload();
            },
            //closeTab
            closeTab(uid) {
                cTabs.closeItem(uid);
            },
            closeSeldTab() {
                cTabs.closeCurItem();
            },
        };

if (this.defTabKey == "" && this.tabList.length)
            this.defTabKey = this.tabList[0].id;
        //默认如果指向下面两个的话，标识一下已经加载过
        if (this.$refs["portalSysHome"]) {
            //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
            // console.log('加载系统门户列表~！');
            let itemData = this.$refs["portalSysHome"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["portalSysHome"][0].actived = true;
            }
        }
        if (this.$refs["portalUserWork"]) {
            //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
            // console.log('加载工作台门户列表~！');
            let itemData = this.$refs["portalUserWork"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["portalUserWork"][0].actived = true;
            }
        }
        let events = this.sysConfig.events;
        if (events) {
            this.$nextTick((r) => {
                events.onLoad && events.onLoad();
            });
        }
    },
    methods: {
        //将框架页里头的a 标签进行转换
        initATagUrl(el) {
            let aList = el.querySelectorAll("a");
            aList.forEach(function (aTag, i) {
                if (aTag.href) {
                    var httpUrl = new RegExp(
                        "^((https|http|ftp|rtsp|mms)?://)"
                    );
                    if (
                        httpUrl.test(
                            aTag.href.replace(window.location.origin, "")
                        )
                    ) {
                        return false;
                    }
                    if (!aTag.onclick) {
                        if (aTag.target == "_blank") {
                            aTag.addEventListener("click", function (evt) {
                                evt.preventDefault();
                                evt.stopPropagation();
                                var tabTitle = "";
                                if (aTag.title) {
                                    tabTitle = aTag.title;
                                }
                                var url = this.getAttribute("href");
                                var reg = /^\//gi;
                                Sys.addTab(url, tabTitle, "", "", true);
                                return false;
                            });
                        }
                    }
                }
            });
            window.Sys.tabPanel.autoResize();
        },
        handleBeforeRefresh(panel, evt) {
            //if (panel.itemData.type == "home") {
                // this.$store.state.app.sysList=[];
                //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
                //return false;
            //}
            if (panel.itemData.type == "work") {
                // this.$store.state.app.list=[];
                //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
                return false;
            }
        },
        handleIframeLoad(panelCmp, evt) {
            let me = this,
                key = panelCmp.name;
            let ifm = panelCmp.$refs["iframe"];
            let tabData = panelCmp.itemData;
            if (tabData.listeners) {
                tabData.listeners.load && tabData.listeners.load();
            }
            //转换A标签
            me.initATagUrl(ifm.contentWindow.document.body);
            window.__UserInfo = {
                orgId: "",
                operator: "",
            };
            if (panelCmp.title == null || panelCmp.title == "") {
                let cTabs = me.$refs["cmp-tabs"];
                cTabs.resize();
            }
        },
        async handleBeforeClose(panel, evt) {
            let ifm = panel.$refs["iframe"];
            try {
                //let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1);
                let flag = await ifm.contentWindow.eap.page.beforePageClose(panel, evt);
                return flag;
            } catch (e) {
                !document.all &&
                    window.console.log(
                        "iframe : Scp.context.beforeunloadFn();"
                    );
            }
        },
        //判断标签页关闭前事件返回值
        async returnBeforeCloseValue(targetName){
            try {
                let targetIframe=document.querySelector("iframe[name='iframe"+targetName+"']");
                if(targetIframe.contentWindow.eap.page.beforePageClose){
                    this.defTabKey = targetName;
                    let flag = await targetIframe.contentWindow.eap.page.beforePageClose();
                    if(flag===false){
                        return false;
                    }
                }
                return true;
            } catch (e) {
                return true;
            }
        },

handleActiveTab(panel) {
            if (!panel) return;
            top.location.hash="#/tabUrl="+panel.url+"&zhc&tabTitle="+panel.title;
            if (panel.itemData.type == "home") {
                this.$refs["portalSysHome"][0].doRender();
            }
            if (panel.itemData.type == "work") {
                this.$refs["portalUserWork"][0].doRender();
            }
            try {
                let tab = this.$refs["cmp-tabs"].getItemObj(panel.name);
                //tab.tabPanelIframeEl.contentDocument.trigger("iframeActiving", [panel.name]);
                tab.tabPanelIframeEl.contentDocument.dispatchEvent(
                    new CustomEvent('iframeActiving',
                        {
                            detail:[panel.name]
                        }
                    )
                );
            } catch (e) {
                console.log("iframeActiving error!");
            }
        },
        //面板上面的事件特别处理，现在暂时没用
        handleSelected(item) {
            return;
            let key = item.id;
            let ifm = this.$refs["dom-iframe" + key][0];
            try {
                let __orgId = ifm.contentWindow.Scp.User.getId();
                let __operator = ifm.contentWindow.Scp.User.getOperator();
                window.__UserInfo = {
                    orgId: __orgId,
                    operator: __operator,
                };
            } catch (e) {}
        },
        async handleRemoveTab(targetName) {
            let tabs = this.tabList;
            let activeName = this.defTabKey;
            if(!await this.returnBeforeCloseValue(targetName)){
                return;
            }
            if (activeName === targetName) {
                tabs.forEach((tab, index) => {
                    if (tab.close && tab.id === targetName) {
                        let nextTab = tabs[index + 1] || tabs[index - 1];
                        if (nextTab) {
                            activeName = nextTab.id;
                        }
                    }
                });
            }
            this.defTabKey = activeName;
            tabs = tabs.filter((tab) => {
                return tab.close == false || tab.id !== targetName;
            });
            console.log('handleRemoveTab')
            this.$set(this, "tabList", tabs);
            if (this.tabList.length == 0) {
                this.defTabKey = "tabPanel_home";
            }
        },
        async handleRemoveAllTab() {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||!tab.close){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            let l = this.tabList.length;
            this.defTabKey = endIndex ? this.tabList[endIndex].id : (l ? this.tabList[l - 1].id : "");
        },
        async handleRemoveLeftTab(name, index) {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            let defTabKey = this.defTabKey;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if (tab.id == defTabKey && i < index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||(tab.close == false || i >= index)){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey;
        },
        async handleRemoveRightTab(name, index) {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            let defTabKey = this.defTabKey;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if (tab.id == defTabKey && i > index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||(tab.close == false || i <= index)){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            this.defTabKey = endIndex ? this.tabList[endIndex].id : defTabKey;
        },
        async handleRemoveOtherTab(name, index) {
            let tabs = this.tabList;
            let resultList=[];
            let end=false;
            let endIndex=0;
            for(let i=0;i<tabs.length;i++){
                let tab=tabs[i];
                if(!await this.returnBeforeCloseValue(tab.id)){
                    end=true;
                    endIndex=resultList.length;
                }
                if(end||(tab.close == false || i == index)){
                    resultList.push(tab);
                }
            };
            this.$set(this, "tabList", resultList);
            this.defTabKey = endIndex ? this.tabList[endIndex].id : name;
        },
        handleFullScreen() {
            this.$emit("onFullScreen");
            // screenfull.toggle()
        },
        creatForm(opt){
            let that=this;
            var _opt={
                autoShow:false,
                cancelAction:false,
                url:null,
                target:null,
                action:null,
                method:null,
                params:null,
                data:null,
                autoDestroy:false,
                _id:utils.string.id(8),
            };
            Object.assign(_opt,opt);
            var _formTpl=`<form style="display:none;" id="${_opt._id}"><input type="submit" value="submit" id="submit_${_opt._id}"/></form>`;
            var _el=document.createElement("div");
            _el.innerHTML=_formTpl;
            document.getElementsByTagName("body")[0].appendChild(_el);
            var _form=_el.getElementsByTagName("form")[0];
            this.setTarget=(str)=>{
                _opt.target = str;
                _form.setAttribute('target',str);
            }
            this.setUrl=(str)=>{
                this.formateUrl(str);
                var url =  utils.string.setUrlValue(_opt.url,"_____r",new Date().getTime());
                _form.setAttribute('action',url);
            }
            this.setMethod=(str)=>{
                _opt.method = str||'get';
                _form.setAttribute('method',str);
            }
            this.setParams=(params)=>{
                _opt.params = params;
            }
            this.setData=(obj)=>{
                _opt.data = obj||{};
                if(_opt.method=="get"&&_opt.url!=null){
                    let parms=decodeURIComponent(_opt.url).split("?");//URL解码
                    if(parms.length>2){
                        parms[1]=[...parms].slice(1).join("?");
                    }
                    parms=parms[1];
                    var item,i=0,len;
                    if(parms!=null){
                        parms = parms.split("&");
                        for(i=0,len=parms.length;i<len;i++){
                            item = parms[i].split("=");
                            let isDifferentDomains=(item[1].startsWith("http")&&(item[1].indexOf(location.host)==-1));//判断是否不同域
                            if(isDifferentDomains&&item.length>2){
                                let __name=item.shift();
                                _opt.data[__name]=item.join("=")+(i<len?"&":"")+parms.slice(i+1).join("&");//参数带地址则后面的全拼成一个字符串
                                break;
                            }else{
                                _opt.data[item[0]]=item[1];
                            }
                        }
                    }
                }
                _.each(_opt.data,function(value,key){
                    if(_.isObject(value)){
                        value = JSON.stringify(value);
                    }
                    var _hiddenInput=document.createElement("input");
                    _hiddenInput.setAttribute("type","hidden");
                    _form.appendChild(_hiddenInput);
                    _hiddenInput.setAttribute('name',key);
                    _hiddenInput.setAttribute('value',value);
                });
            }
            this.removeData=()=>{
                _opt.data = null;
                _form.children().remove();
            }
            this.addData=(data)=>{
                _opt.data = _.extend({},_opt.data||{},data||{});
                _form.children().remove();
                this.setData(_opt.data);
            }
            this.delData=(keys)=>{		
                _.each(keys||[],function(val,i){
                    if((val in _opt.data)){
                        delete _opt.data[val];
                    }
                });		
                _form.children().remove();
                this.setData(_opt.data);
            }
            this.formateUrl=(url)=>{
                var params= this.formateParams(_opt.params);
                if(!url)return;
                _opt.url = url;
                if(params){			
                    if(_opt.url.indexOf('?')>0){
                        _opt.url+='&'+params;
                    }else{
                        _opt.url+='?'+params;
                    }
                }
            }
            this.formateParams=(obj)=>{
                if(obj==null) return null;
                return $.param(obj||{});
            }
            this.submit=()=>{
                if(_opt.cancelAction) return;
                _opt.cancelAction = false;
                
                if(_opt.autoDestroy){
                    setTimeout(function(){
                        _form.submit()
                        //_form.find('#submit'+me.id).click();//谷歌下面要用  按钮才有效果
                    },0);
                    setTimeout(function(){that.destroy();},1000);			
                }else{
                    _form.submit();
                }
            }
            this.destroy=()=>{
                _el.remove();
            }
            
            this.setTarget(_opt.target);
            this.setMethod(_opt.method);
            this.setUrl(_opt.url);
            this.setData(_opt.data);
            return that;
        },
        handleCloseMenuDialog(item){
            this.menuOpenList=this.menuOpenList.filter((__item)=>{
                if(__item.uid!=item.uid){
                    return __item;
                }
            });
        }
    },
};
</script>
<style lang="less" scoped>
    .miniLoginBox{
        ::v-deep .el-dialog__body{
            padding-top:0;
        }
    }
    .menuOpenBox{
        ::v-deep .v-modal{
            top:98px;
            height:calc(100% - 98px);
        }
        .menuOpenDialog{
            top:98px;
        }
    }
</style>

Show line notes below