Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template

08335 / hivui-platform-template

hivui平台项目模板

Browse code Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template master
commit 21ac72d58a2d3a38bfe3e67f8fefb306776b7d17 2 parents 2ef0857 + c924b13 caibinghong authored on 28 Mar 2022

Showing 8 changed files

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.1.12", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 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", "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": "^4.1.2", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "^4.9.3", "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.49.0", "sass-loader": "^7.1.0", "style-loader": "^0.23.0", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "2.3.7", "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.24.0", "babel-polyfill": "^6.26.0", "canvas": "^2.9.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.7", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.1006", "jquery": "^3.6.0", "js-cookie": "^3.0.1", "js-md5": "^0.7.3", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "qrcodejs2": "0.0.2", "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-i18n": "^8.27.0", "vue-jstree": "^2.1.6", "vue-qr": "^3.2.4", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.5.7", "zhc-birt-core": "^1.9.0", "zhc-flowchart": "^1.0.20" } } { "name": "hi-vui-template", "version": "1.1.11", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 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", "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": "^4.1.2", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "^4.9.3", "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.49.0", "sass-loader": "^7.1.0", "style-loader": "^0.23.0", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "2.3.7", "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.24.0", "babel-polyfill": "^6.26.0", "canvas": "^2.9.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.7", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.1006", "jquery": "^3.6.0", "js-cookie": "^3.0.1", "js-md5": "^0.7.3", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "qrcodejs2": "0.0.2", "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-i18n": "^8.27.0", "vue-jstree": "^2.1.6", "vue-qr": "^3.2.4", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.5.5", "zhc-birt-core": "^1.9.0", "zhc-flowchart": "^1.0.20" } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.1.12",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 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",
    "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": "^4.1.2",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "^4.9.3",
    "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.49.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.0",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "2.3.7",
    "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.24.0",
    "babel-polyfill": "^6.26.0",
    "canvas": "^2.9.0",
    "classnames": "^2.3.1",
    "deep-lu-trans": "^1.0.5",
    "element-ui": "^2.15.7",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.1.1006",
    "jquery": "^3.6.0",
    "js-cookie": "^3.0.1",
    "js-md5": "^0.7.3",
    "js-pinyin": "^0.1.9",
    "lodash": "^4.17.11",
    "qrcodejs2": "0.0.2",
    "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-i18n": "^8.27.0",
    "vue-jstree": "^2.1.6",
    "vue-qr": "^3.2.4",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2",
    "zhc-birt-cmps": "^2.5.7",
    "zhc-birt-core": "^1.9.0",
    "zhc-flowchart": "^1.0.20"
  }
}

{
  "name": "hi-vui-template",
  "version": "1.1.11",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 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",
    "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": "^4.1.2",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "^4.9.3",
    "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.49.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.0",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "2.3.7",
    "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.24.0",
    "babel-polyfill": "^6.26.0",
    "canvas": "^2.9.0",
    "classnames": "^2.3.1",
    "deep-lu-trans": "^1.0.5",
    "element-ui": "^2.15.7",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.1.1006",
    "jquery": "^3.6.0",
    "js-cookie": "^3.0.1",
    "js-md5": "^0.7.3",
    "js-pinyin": "^0.1.9",
    "lodash": "^4.17.11",
    "qrcodejs2": "0.0.2",
    "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-i18n": "^8.27.0",
    "vue-jstree": "^2.1.6",
    "vue-qr": "^3.2.4",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2",
    "zhc-birt-cmps": "^2.5.5",
    "zhc-birt-core": "^1.9.0",
    "zhc-flowchart": "^1.0.20"
  }
}

Ignore Space Show notes View project/hivuiBirt/App.vue
<script> import HcPage from "./components/Birt/Page"; import { BirtModelFactory } from "./templates/BirtModelFactory"; import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { Tool } from "./funclib/Tool"; import user from "./mixins/user.js"; import resource from "./mixins/resource.js"; import upgrade from "./mixins/upgrade.js"; import permission_assign from "./mixins/permission_assign.js"; import permission_modify from "./mixins/permission_modify.js"; import permission_check from "./mixins/permission_check.js"; // import { getBirtModel } from "./birtModel" import { baseURL, projectName, requestUrl } from "@birt/config"; export default { extends: HcPage, mixins: [ user, resource, upgrade, permission_assign, permission_modify, permission_check, ], data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName \|\| "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { debugger; return new Promise((resolve, reject) => { debugger; let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' let vId = this.getQueryVariable('viewItemId') LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, viewItemId: vId }) .then(() => { try { let birtModel = BirtModelFactory.buildModel( getBirtModel(scope \|\| me, Tool) ); birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); // me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } // var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { // if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); // else if (path == "/platf/permission/func/modify.func") // this.getOrgDataM(-1); }); }, }; </script> <script> import HcPage from "./components/Birt/Page"; import { BirtModelFactory } from "./templates/BirtModelFactory"; import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { Tool } from "./funclib/Tool"; import user from "./mixins/user.js"; import resource from "./mixins/resource.js"; import upgrade from "./mixins/upgrade.js"; import permission_assign from "./mixins/permission_assign.js"; import permission_modify from "./mixins/permission_modify.js"; import permission_check from "./mixins/permission_check.js"; // import { getBirtModel } from "./birtModel" import { baseURL, projectName, requestUrl } from "@birt/config"; export default { extends: HcPage, mixins: [ user, resource, upgrade, permission_assign, permission_modify, permission_check, ], data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName \|\| "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { debugger; return new Promise((resolve, reject) => { debugger; let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' let vId = this.getQueryVariable('viewItemId') LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, viewItemId: vId }) .then(() => { try { let birtModel = BirtModelFactory.buildModel( getBirtModel(scope \|\| me, Tool) ); birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); // me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } // var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); else if (path == "/platf/permission/func/modify.func") this.getOrgDataM(-1); }); }, }; </script>

Ignore Space Show notes View

project/hivuiBirt/App.vue

export default {
  extends: HcPage,
  mixins: [
    user,
    resource,
    upgrade,
    permission_assign,
    permission_modify,
    permission_check,
  ],
  data() {
    return {
      birtModel: {},
      VUE_APP_BASE_API: requestUrl,
      pn: projectName || "birt",
    };
  },
  watch: {
    // $route() {
    //   this.loadBirtModel(this.$route.path);
    // },
  },
  methods: {
    // 动态加载报表模型方法
    birtModelMethod(routePath, birtModelMethod, scope) {
      debugger;
      return new Promise((resolve, reject) => {
        debugger;
        let me = this;
        let token = getToken();
        // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07'
        let vId = this.getQueryVariable('viewItemId')
        LoadUtil.loadJsBirtModel({
          loadModelUrl: this.$HI.birtModel,
          routePath: routePath,
          token: token,
          pn: this.pn,
          viewItemId: vId
        })
          .then(() => {
            try {
              let birtModel = BirtModelFactory.buildModel(
                getBirtModel(scope || me, Tool)
              );
              birtModel.token = token;
              birtModel.birtModelMethod = birtModelMethod;
              resolve(birtModel);
            } catch (e) {
              console.error(e);
            }
          })
          .catch(() => {
            reject();
          });
      });
    },
    loadBirtModel(routePath) {
      return new Promise((resolve, reject) => {
        let me = this;
        this.birtModelMethod(routePath, this.birtModelMethod)
          .then((birtModel) => {
            debugger;
            me.birtModel = birtModel;
            console.log("birtModel", birtModel);
            // me.applyRouteParam();
            me.setWorkBookParam();
            resolve();
          })
          .catch(() => {
            reject();
          });
      });
    },
    // 获取地址栏参数
    getQueryVariable(variable) {
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
          return pair[1];
        }
      }
      return false;
    },
  },
  mounted() {
    var path = window.location.pathname;
    // 编译后多e5
    if (window.HIVUI_SETTING) {
      var serverName = window.HIVUI_SETTING.serverName;
      if (serverName && path.startsWith(serverName)) {
        path = path.substring(serverName.length);
      }
    }
    //     var _push = window.scpRequestData
    // var path = '/platf/user-info/func/query.func'
    this.loadBirtModel(path).then(() => {
      // if (path == "/platf/permission/func/assign.func") this.getOrgData(-1);
      // else if (path == "/platf/permission/func/modify.func")
      //   this.getOrgDataM(-1);
    });
  },
};
</script>

export default {
  extends: HcPage,
  mixins: [
    user,
    resource,
    upgrade,
    permission_assign,
    permission_modify,
    permission_check,
  ],
  data() {
    return {
      birtModel: {},
      VUE_APP_BASE_API: requestUrl,
      pn: projectName || "birt",
    };
  },
  watch: {
    // $route() {
    //   this.loadBirtModel(this.$route.path);
    // },
  },
  methods: {
    // 动态加载报表模型方法
    birtModelMethod(routePath, birtModelMethod, scope) {
      debugger;
      return new Promise((resolve, reject) => {
        debugger;
        let me = this;
        let token = getToken();
        // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07'
        let vId = this.getQueryVariable('viewItemId')
        LoadUtil.loadJsBirtModel({
          loadModelUrl: this.$HI.birtModel,
          routePath: routePath,
          token: token,
          pn: this.pn,
          viewItemId: vId
        })
          .then(() => {
            try {
              let birtModel = BirtModelFactory.buildModel(
                getBirtModel(scope || me, Tool)
              );
              birtModel.token = token;
              birtModel.birtModelMethod = birtModelMethod;
              resolve(birtModel);
            } catch (e) {
              console.error(e);
            }
          })
          .catch(() => {
            reject();
          });
      });
    },
    loadBirtModel(routePath) {
      return new Promise((resolve, reject) => {
        let me = this;
        this.birtModelMethod(routePath, this.birtModelMethod)
          .then((birtModel) => {
            debugger;
            me.birtModel = birtModel;
            console.log("birtModel", birtModel);
            // me.applyRouteParam();
            me.setWorkBookParam();
            resolve();
          })
          .catch(() => {
            reject();
          });
      });
    },
    // 获取地址栏参数
    getQueryVariable(variable) {
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
          return pair[1];
        }
      }
      return false;
    },
  },
  mounted() {
    var path = window.location.pathname;
    // 编译后多e5
    if (window.HIVUI_SETTING) {
      var serverName = window.HIVUI_SETTING.serverName;
      if (serverName && path.startsWith(serverName)) {
        path = path.substring(serverName.length);
      }
    }
    //     var _push = window.scpRequestData
    // var path = '/platf/user-info/func/query.func'
    this.loadBirtModel(path).then(() => {
      if (path == "/platf/permission/func/assign.func") this.getOrgData(-1);
      else if (path == "/platf/permission/func/modify.func")
        this.getOrgDataM(-1);
    });
  },
};
</script>

Ignore Space Show notes View project/hivuiBirt/components/vue-m-message/message.less
.m-message-container { position: fixed; z-index: 3010; pointer-events: none; display: flex; flex-direction: column; box-sizing: border-box; padding: 15px; &.is-top-left, &.is-top-center, &.is-top-right { width: 100%; top: 0; left: 0; } &.is-top-left { align-items: flex-start; } &.is-top-center { align-items: center; } &.is-top-right { align-items: flex-end; } &.is-center { width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; } &.is-bottom-left, &.is-bottom-center, &.is-bottom-right { bottom: 0; left: 0; width: 100%; justify-content: flex-end; } &.is-bottom-left { align-items: flex-start; } &.is-bottom-center { align-items: center; } &.is-bottom-right { align-items: flex-end; } &.has-mask { background-color: rgba(255,255,255, 0.5); width: 100%; height: 100%; pointer-events: all; } } .m-message-wrapper { display: inline-block; max-width: 500px; & + & { margin-top: 15px; } &::before, &::after { content: ""; clear: both; display: table; } } .m-message { display: flex; align-items: center; padding: 10px 16px; font-size: 14px; overflow: hidden; border-radius: 4px; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,.15); color: rgba(0,0,0,.65); background: rgba(255,255,255,0.95); pointer-events: all; position: relative; &-icons { float: left; box-sizing: border-box; margin-right: 10px; } &--title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } &-content { box-sizing: border-box; overflow: auto; width: 100%; } &--description { line-height: 1.6; color: #777; } &--title + &--description { margin-top: 5px; } &--icon { width: 25px; height: 25px; vertical-align: middle; display: inline-block; border-radius: 50%; } &--control { position: relative; height: 100%; align-self: flex-start; white-space: nowrap; margin-right: -5px; margin-left: 10px; } &--button { border: none; outline: none; background: none; cursor: pointer; font-size: 15px; color: #646464; font-weight: 600; padding: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; &:hover { color: #F56C6C; } } &--arrow-down { &.is-collapsed { transform: rotate(90deg); } } } .m-message-fade-enter-active { animation: m-message-fade-in-down 0.3s; } .m-message-fade-leave-active { animation: m-message-fade-out 0.3s; } @keyframes m-message-fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes m-message-fade-out { 0% { opacity: 1; margin-top: 0; } 100% { opacity: 0; margin-top: -45px; } } .m-message-container { position: fixed; z-index: 1010; pointer-events: none; display: flex; flex-direction: column; box-sizing: border-box; padding: 15px; &.is-top-left, &.is-top-center, &.is-top-right { width: 100%; top: 0; left: 0; } &.is-top-left { align-items: flex-start; } &.is-top-center { align-items: center; } &.is-top-right { align-items: flex-end; } &.is-center { width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; } &.is-bottom-left, &.is-bottom-center, &.is-bottom-right { bottom: 0; left: 0; width: 100%; justify-content: flex-end; } &.is-bottom-left { align-items: flex-start; } &.is-bottom-center { align-items: center; } &.is-bottom-right { align-items: flex-end; } &.has-mask { background-color: rgba(255,255,255, 0.5); width: 100%; height: 100%; pointer-events: all; } } .m-message-wrapper { display: inline-block; max-width: 500px; & + & { margin-top: 15px; } &::before, &::after { content: ""; clear: both; display: table; } } .m-message { display: flex; align-items: center; padding: 10px 16px; font-size: 14px; overflow: hidden; border-radius: 4px; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,.15); color: rgba(0,0,0,.65); background: rgba(255,255,255,0.95); pointer-events: all; position: relative; &-icons { float: left; box-sizing: border-box; margin-right: 10px; } &--title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } &-content { box-sizing: border-box; overflow: auto; width: 100%; } &--description { line-height: 1.6; color: #777; } &--title + &--description { margin-top: 5px; } &--icon { width: 25px; height: 25px; vertical-align: middle; display: inline-block; border-radius: 50%; } &--control { position: relative; height: 100%; align-self: flex-start; white-space: nowrap; margin-right: -5px; margin-left: 10px; } &--button { border: none; outline: none; background: none; cursor: pointer; font-size: 15px; color: #646464; font-weight: 600; padding: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; &:hover { color: #F56C6C; } } &--arrow-down { &.is-collapsed { transform: rotate(90deg); } } } .m-message-fade-enter-active { animation: m-message-fade-in-down 0.3s; } .m-message-fade-leave-active { animation: m-message-fade-out 0.3s; } @keyframes m-message-fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes m-message-fade-out { 0% { opacity: 1; margin-top: 0; } 100% { opacity: 0; margin-top: -45px; } }

Ignore Space Show notes View

project/hivuiBirt/components/vue-m-message/message.less

.m-message-container {
  position: fixed;
  z-index: 3010;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 15px;

&.is-top-left,
  &.is-top-center,
  &.is-top-right {
    width: 100%;
    top: 0;
    left: 0;
  }
  &.is-top-left {
    align-items: flex-start;
  }
  &.is-top-center {
    align-items: center;
  }
  &.is-top-right {
    align-items: flex-end;
  }
  &.is-center {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
  }
  &.is-bottom-left,
  &.is-bottom-center,
  &.is-bottom-right {
    bottom: 0;
    left: 0;
    width: 100%;
    justify-content: flex-end;
  }
  &.is-bottom-left {
    align-items: flex-start;
  }
  &.is-bottom-center {
    align-items: center;
  }
  &.is-bottom-right {
    align-items: flex-end;
  }
  &.has-mask {
    background-color: rgba(255,255,255, 0.5);
    width: 100%;
    height: 100%;
    pointer-events: all;
  }
}

.m-message-wrapper {
  display: inline-block;
  max-width: 500px;

& + & {
    margin-top: 15px;
  }

&::before,
  &::after {
    content: "";
    clear: both;
    display: table;
  }
}
.m-message {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  overflow: hidden;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(0,0,0,.15);
  color: rgba(0,0,0,.65);
  background: rgba(255,255,255,0.95);
  pointer-events: all;
  position: relative;

&-icons {
    float: left;
    box-sizing: border-box;
    margin-right: 10px;
  }
  &--title {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  &-content {
    box-sizing: border-box;
    overflow: auto;
    width: 100%;
  }
  &--description {
    line-height: 1.6;
    color: #777;
  }
  &--title + &--description {
    margin-top: 5px;
  }

&--icon {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
  }
  &--control {
    position: relative;
    height: 100%;
    align-self: flex-start;
    white-space: nowrap;
    margin-right: -5px;
    margin-left: 10px;
  }
  &--button {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    font-size: 15px;
    color: #646464;
    font-weight: 600;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;

&:hover {
      color: #F56C6C;
    }
  }
  &--arrow-down {
    &.is-collapsed {
      transform: rotate(90deg);
    }
  }
}

.m-message-fade-enter-active {
  animation: m-message-fade-in-down 0.3s;
}
.m-message-fade-leave-active {
  animation: m-message-fade-out 0.3s;
}

@keyframes m-message-fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes m-message-fade-out {
  0% {
    opacity: 1;
    margin-top: 0;
  }
  100% {
    opacity: 0;
    margin-top: -45px;
  }
}

.m-message-container {
  position: fixed;
  z-index: 1010;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 15px;

.m-message-wrapper {
  display: inline-block;
  max-width: 500px;

& + & {
    margin-top: 15px;
  }

&:hover {
      color: #F56C6C;
    }
  }
  &--arrow-down {
    &.is-collapsed {
      transform: rotate(90deg);
    }
  }
}

.m-message-fade-enter-active {
  animation: m-message-fade-in-down 0.3s;
}
.m-message-fade-leave-active {
  animation: m-message-fade-out 0.3s;
}

@keyframes m-message-fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes m-message-fade-out {
  0% {
    opacity: 1;
    margin-top: 0;
  }
  100% {
    opacity: 0;
    margin-top: -45px;
  }
}

Ignore Space Show notes View project/hivuiBirt/funclib/AxiosUtil.js
/** * 请求工具类,临时方案，待完善 * @author cls * @date 2021-01-30 / import {baseURL,projectName,requestUrl} from '@birt/config' import Message from '../components/vue-m-message/index.js' import axios from 'axios'; import { getToken } from '@birt/utils/auth' var pn = projectName \|\| 'birt' //请求状态码属性 const STATUS_KEY = "status"; //请求成功状态码 const STATUS_SUCCESS = 200; //超时 const STATUS_TIMEOUT = 418; // 检测登录超时 function checkTimeout(res) { if (res[STATUS_KEY] == STATUS_TIMEOUT) { // to re-login MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { confirmButtonText: 'Re-Login', cancelButtonText: 'Cancel', type: 'warning' }).then(() => { console.log("这里处理超时登录"); }) return true; } return false } debugger axios.baseURL = baseURL axios.interceptors.request.use( config => { // "3d3fe30c-3d99-41e8-9aea-addd8528aa07" // config.headers["Authorization"] = "bearer " + "b9e6a365-c551-4551-b258-c56e3acd0eed"; if(getToken()){ config.headers["Authorization"] = "bearer " + getToken(); }else{ //没有token，跳转登录页 if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } if (!config.url.startsWith("/api") && config.url.indexOf(requestUrl) == -1) { config.url = requestUrl + config.url; } if(config.url.indexOf(pn) == -1){ if(config.url.indexOf('pn=birt') != -1){ var url = config.url.replace('birt', pn) console.log('url', url) config.url = url }else if(config.url.indexOf('pn=false') != -1){ var url = config.url.replace('false', pn) console.log('url', url) config.url = url }else { if (config.url.indexOf('?') == -1) { config.url += "?pn=" + pn; }else { config.url += "&?pn=" + pn } } } return config }, error => { console.log(error) return Promise.reject(error) } ) axios.interceptors.response.use(function (response) { // 因返回mock数据包格式不统一，做兼容处理，枚举接口未返回status:200 var res = (response[STATUS_KEY] && response.dataPack) ? response : response.data; res = (res \|\| response.dataPack) \|\| response; let status = res[STATUS_KEY]; // 流程特殊添加options,流程批处理返回 let flowData = response.config && response.config.data; if (flowData && (typeof flowData == "string" && flowData.indexOf("__isIntercept") != -1) && JSON.parse(flowData).__isIntercept === false) { try { res.options = JSON.parse(response.config.data) } catch (e) { } } if (status != STATUS_SUCCESS && status != 207) { if (!checkTimeout(res)) { let msgType = "error"; if (res == 700) { msgType = "info"; } Message({ message: res.msg \|\| 'error', type: msgType, duration: 5 1000 }) } return Promise.reject(res.msg \|\| 'error') } else if (res[STATUS_KEY] == 401) { Message({ message: 'token失效', type: 'error', duration: 5 * 1000 }) } else { return res } }, function (error) { const res = error.response.data; if (!checkTimeout(res)) { Message({ showClose: true, message: res.msg \|\| '未知错误', type: 'error', duration: 5 * 1000 }) return Promise.reject(error) } }); export default axios; /** * 请求工具类,临时方案，待完善 * @author cls * @date 2021-01-30 / import {baseURL,projectName,requestUrl} from '@birt/config' import Message from '../components/vue-m-message/index.js' import axios from 'axios'; import { getToken } from '@birt/utils/auth' var pn = projectName \|\| 'birt' //请求状态码属性 const STATUS_KEY = "status"; //请求成功状态码 const STATUS_SUCCESS = 200; //超时 const STATUS_TIMEOUT = 418; // 检测登录超时 function checkTimeout(res) { if (res[STATUS_KEY] == STATUS_TIMEOUT) { // to re-login MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { confirmButtonText: 'Re-Login', cancelButtonText: 'Cancel', type: 'warning' }).then(() => { console.log("这里处理超时登录"); }) return true; } return false } debugger axios.baseURL = baseURL axios.interceptors.request.use( config => { // "3d3fe30c-3d99-41e8-9aea-addd8528aa07" // config.headers["Authorization"] = "bearer " + "b9e6a365-c551-4551-b258-c56e3acd0eed"; if(getToken()){ config.headers["Authorization"] = "bearer " + getToken(); }else{ //没有token，跳转登录页 if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } if (!config.url.startsWith("/api") && config.url.indexOf(requestUrl) == -1) { config.url = requestUrl + config.url; } if(config.url.indexOf(pn) == -1){ if(config.url.indexOf('pn=birt') != -1){ var url = config.url.replace('birt', pn) console.log('url', url) config.url = url }else if(config.url.indexOf('pn=false') != -1){ var url = config.url.replace('false', pn) console.log('url', url) config.url = url }else { if (config.url.indexOf('?') == -1) { config.url += "?pn=" + pn; }else { config.url += "&?pn=" + pn } } } return config }, error => { console.log(error) return Promise.reject(error) } ) axios.interceptors.response.use(function (response) { // 因返回mock数据包格式不统一，做兼容处理，枚举接口未返回status:200 var res = (response[STATUS_KEY] && response.dataPack) ? response : response.data; res = (res \|\| response.dataPack) \|\| response; let status = res[STATUS_KEY]; if (status != STATUS_SUCCESS && status != 207) { if (!checkTimeout(res)) { let msgType = "error"; if (res == 700) { msgType = "info"; } Message({ message: res.msg \|\| 'error', type: msgType, duration: 5 1000 }) } return Promise.reject(res.msg \|\| 'error') } else if (res[STATUS_KEY] == 401) { Message({ message: 'token失效', type: 'error', duration: 5 * 1000 }) } else { return res } }, function (error) { const res = error.response.data; if (!checkTimeout(res)) { Message({ showClose: true, message: res.msg \|\| '未知错误', type: 'error', duration: 5 * 1000 }) return Promise.reject(error) } }); export default axios;

Ignore Space Show notes View

project/hivuiBirt/funclib/AxiosUtil.js

/**
 * 请求工具类,临时方案，待完善
 * @author cls
 * @date 2021-01-30
 */
 import {baseURL,projectName,requestUrl} from '@birt/config'
 import Message from '../components/vue-m-message/index.js'
import axios from 'axios';
import { getToken } from '@birt/utils/auth'
var pn = projectName || 'birt'
//请求状态码属性
const STATUS_KEY = "status";
//请求成功状态码
const STATUS_SUCCESS = 200;
//超时
const STATUS_TIMEOUT = 418;
// 检测登录超时
function checkTimeout(res) {
    if (res[STATUS_KEY] == STATUS_TIMEOUT) {
        // to re-login
        MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
            confirmButtonText: 'Re-Login',
            cancelButtonText: 'Cancel',
            type: 'warning'
        }).then(() => {
            console.log("这里处理超时登录");
        })
        return true;
    }
    return false
}
debugger
axios.baseURL = baseURL
axios.interceptors.request.use(
    config => {
        // "3d3fe30c-3d99-41e8-9aea-addd8528aa07"
        // config.headers["Authorization"] = "bearer " + "b9e6a365-c551-4551-b258-c56e3acd0eed";
        if(getToken()){
            config.headers["Authorization"] = "bearer " + getToken();
        }else{
            //没有token，跳转登录页
            if(window.HIVUI_SETTING.loginUrl){
                location=window.HIVUI_SETTING.loginUrl;
            }else{
                location="/"+projectName+"/hivuiLogin/index.html#/";
            }
        }
        if (!config.url.startsWith("/api") && config.url.indexOf(requestUrl) == -1) {
            config.url = requestUrl + config.url;
        }
        if(config.url.indexOf(pn) == -1){
            if(config.url.indexOf('pn=birt') != -1){
                var url = config.url.replace('birt', pn)
                console.log('url', url)
                config.url = url 
            }else if(config.url.indexOf('pn=false') != -1){
                var url = config.url.replace('false', pn)
                console.log('url', url)
                config.url = url 
            }else {
                if (config.url.indexOf('?') == -1) {
                    config.url += "?pn=" + pn;
                }else {
                    config.url += "&?pn=" + pn
                }
            }
        }
    return config
    },
    error => {
        console.log(error)
        return Promise.reject(error)
    }
)

if (status != STATUS_SUCCESS && status != 207) {
        if (!checkTimeout(res)) {
            let msgType = "error";
            if (res == 700) {
                msgType = "info";
            }
            Message({
                message: res.msg || 'error',
                type: msgType,
                duration: 5 * 1000
            })
        }
        return Promise.reject(res.msg || 'error')
    } else if (res[STATUS_KEY] == 401) {
        Message({
          message: 'token失效',
          type: 'error',
          duration: 5 * 1000
        })
      } else {
        return res
      }
}, function (error) {
    const res = error.response.data;
    if (!checkTimeout(res)) {
        Message({
            showClose: true,
            message: res.msg || '未知错误',
            type: 'error',
            duration: 5 * 1000
        })
        return Promise.reject(error)
    }
});

export default axios;

axios.interceptors.response.use(function (response) {
    // 因返回mock数据包格式不统一，做兼容处理，枚举接口未返回status:200
    var res = (response[STATUS_KEY] && response.dataPack) ? response : response.data;
    res = (res || response.dataPack) || response;
    let status = res[STATUS_KEY];
    if (status != STATUS_SUCCESS && status != 207) {
        if (!checkTimeout(res)) {
            let msgType = "error";
            if (res == 700) {
                msgType = "info";
            }
            Message({
                message: res.msg || 'error',
                type: msgType,
                duration: 5 * 1000
            })
        }
        return Promise.reject(res.msg || 'error')
    } else if (res[STATUS_KEY] == 401) {
        Message({
          message: 'token失效',
          type: 'error',
          duration: 5 * 1000
        })
      } else {
        return res
      }
}, function (error) {
    const res = error.response.data;
    if (!checkTimeout(res)) {
        Message({
            showClose: true,
            message: res.msg || '未知错误',
            type: 'error',
            duration: 5 * 1000
        })
        return Promise.reject(error)
    }
});

export default axios;

Ignore Space Show notes View project/hivuiBirt/mixins/permission_assign.js
import request from '@birt/funclib/AxiosUtil' import { addPermission, getResData, getDataAccess } from "@birt/api/user"; import pinyin from "js-pinyin"; export default { data() { return { resData: [], rData: [], schemeData: [], regs: [], allDataTree: [], resources: [], allData: [], roleData: [], orgData: [], orgfilter: [] } }, methods: { getResource() { getResData().then(res => { if (res.status == 200) { this.resData = res.dataPack; // let list = res.dataPack; // console.log('list', list) // if(list && list.length > 0){ // t.arrKeysToUpper(list).then((_s) => { // this.resData = _s; // console.log('this.resData,',this.resData) // }); // } } var data1 = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; this.getScheme(data1); }); }, //匹配带参数的url getSchemeData(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme \|\| ""; }, getScheme(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 \|\| // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other \|\| new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addOpetionData(resData, rData) { debugger resData.forEach((w, j) => { var FRESURL = w.FRESURL; if (w.FRESTYPE !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.FDASCHEMEID \|\| ""; if (FRESURL) { w.daPower = this.getSchemeData(rData, FRESURL); } else { w.daPower = ""; } if (w.children && w.children.length > 0) { this.addOpetionData(w.children, rData); } // newResData.push(w); }); }, saveResource(orgDatas, resList, chkClearorg, chkClearres, done, instance) { debugger; var sysResourceOrg = new Array(); var sysResourceRole = new Array(); var resDatas = new Array(); this.getResList(resList, resDatas); for (var orgList of orgDatas) { if (orgList.NODETYPE !== "dir") { var guidName = orgList.NODETYPE == "role" ? "froleguid" : "forgguid"; resDatas = resDatas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (var resData of resDatas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined \|\| resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = orgList.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue && resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } obj.guidName = guidName; var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; obj[guidName] = orgList.ID; if (guidName == "froleguid") { sysResourceRole.push(obj); } else { sysResourceOrg.push(obj); } } } } var saveData = { orgs: sysResourceOrg, roles: sysResourceRole, clean: chkClearorg, cleanRes: chkClearres, }; addPermission(saveData) .then(res => { if (res.status == 200) { this.$message.success("添加权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); }else{ instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethod(store, loadCdion, option, resolve) { debugger let me = this; var data = { modelFilePath: "/birt/entity/platf/SysDataaccessEntity.xml" }; me.getScheme(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; console.log('this.resData,',me.resData) me.addOpetionData(me.resData, me.rData); me.resources = me.resData; option = option \|\| {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 handleTreeData(treeData, searchValue) { debugger if (!treeData \|\| treeData.length === 0) { return []; } const array = []; for (let i = 0; i < treeData.length; i += 1) { let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match \|= treeData[i][pro].includes(searchValue); // if (match) break; // } // } let key = (treeData[i].FRESNAME + "_" + pinyin.getCamelChars(treeData[i].FRESNAME)).toUpperCase(); match \|= key.includes(searchValue.toUpperCase()); // if (match) break; if (this.handleTreeData(treeData[i].children, searchValue).length > 0 \|\| match) { array.push({ ...treeData[i], children: this.handleTreeData(treeData[i].children, searchValue) }); } } return array; }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children \|\| (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getOrgDataOnAssign(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) }, getListByDatasets(data){ return request({ url: this.$HI.querysUrl, method: 'post', data }) } } } import request from '@birt/funclib/AxiosUtil' import { addPermission, getResData, getOrgData, getRoleData, getDataAccess } from "@birt/api/user"; import pinyin from "js-pinyin"; export default { data() { return { resData: [], rData: [], schemeData: [], regs: [], allDataTree: [], resources: [], allData: [], roleData: [], orgData: [], orgfilter: [] } }, // mounted() { // debugger // this.$nextTick(() => { // console.log('path', this.$route.path) // if(this.$route.path == '/platf/permission/func/assign.func') // this.getOrgData(-1); // }); // }, methods: { getOrgData(pid) { var __body = ""; if (pid) { __body = JSON.stringify({ queryCdions: { join: "and", items: [{ sign: "eq", name: "PID", desc: "", dataType: "string", value: pid.toString(), enabled: true }] } }); } var data = { modelFilePath: "/platf/org/entity/SysOrgListEntity.xml", __funcpath:"/platf/permission/func/assign.func", __body: __body }; getOrgData(data) .then(res => { if (res.status == 200) { this.orgData = res.dataPack.rows; this.orgData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); } var data1 = { modelFilePath: "/platf/role/entity/SysRoleListEntity.xml", __funcpath:"/platf/permission/func/assign.func", __body: __body }; this.getRoleData(data1); }) .catch(function (error) { console.log(error); }); }, getRoleData(data) { var me = this; getRoleData(data) .then(res => { me.roleData = res.dataPack.rows; me.roleData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); me.allData = me.orgData.concat(me.roleData); me.allData.forEach(recd => { recd.isAssign = false; }); var copydata = me.deepCopy(me.allData); me.allDataTree = me.arrayToJson(copydata, "ID", "PID"); me._getWorkBook().dataset.dsOrg.setData(me.allData); }) .catch(function (error) { console.log(error); }); }, getResource() { getResData().then(res => { if (res.status == 200) { this.resData = res.dataPack; // let list = res.dataPack; // console.log('list', list) // if(list && list.length > 0){ // t.arrKeysToUpper(list).then((_s) => { // this.resData = _s; // console.log('this.resData,',this.resData) // }); // } } var data1 = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; this.getScheme(data1); }); }, //匹配带参数的url getSchemeData(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme \|\| ""; }, getScheme(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 \|\| // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other \|\| new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addOpetionData(resData, rData) { debugger resData.forEach((w, j) => { var FRESURL = w.FRESURL; if (w.FRESTYPE !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.FDASCHEMEID \|\| ""; if (FRESURL) { w.daPower = this.getSchemeData(rData, FRESURL); } else { w.daPower = ""; } if (w.children && w.children.length > 0) { this.addOpetionData(w.children, rData); } // newResData.push(w); }); }, saveResource(orgDatas, resList, chkClearorg, chkClearres, done, instance) { debugger; var sysResourceOrg = new Array(); var sysResourceRole = new Array(); var resDatas = new Array(); this.getResList(resList, resDatas); for (var orgList of orgDatas) { if (orgList.NODETYPE !== "dir") { var guidName = orgList.NODETYPE == "role" ? "froleguid" : "forgguid"; resDatas = resDatas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (var resData of resDatas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined \|\| resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = orgList.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue && resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } obj.guidName = guidName; var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; obj[guidName] = orgList.ID; if (guidName == "froleguid") { sysResourceRole.push(obj); } else { sysResourceOrg.push(obj); } } } } var saveData = { orgs: sysResourceOrg, roles: sysResourceRole, clean: chkClearorg, cleanRes: chkClearres, }; addPermission(saveData) .then(res => { if (res.status == 200) { this.$message.success("添加权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); }else{ instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethod(store, loadCdion, option, resolve) { debugger let me = this; var data = { modelFilePath: "/birt/entity/platf/SysDataaccessEntity.xml" }; me.getScheme(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; console.log('this.resData,',me.resData) me.addOpetionData(me.resData, me.rData); me.resources = me.resData; option = option \|\| {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 handleTreeData(treeData, searchValue) { debugger if (!treeData \|\| treeData.length === 0) { return []; } const array = []; for (let i = 0; i < treeData.length; i += 1) { let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match \|= treeData[i][pro].includes(searchValue); // if (match) break; // } // } let key = (treeData[i].FRESNAME + "_" + pinyin.getCamelChars(treeData[i].FRESNAME)).toUpperCase(); match \|= key.includes(searchValue.toUpperCase()); // if (match) break; if (this.handleTreeData(treeData[i].children, searchValue).length > 0 \|\| match) { array.push({ ...treeData[i], children: this.handleTreeData(treeData[i].children, searchValue) }); } } return array; }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children \|\| (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getOrgDataOnAssign(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) } } }

Ignore Space Show notes View

project/hivuiBirt/mixins/permission_assign.js

import request from '@birt/funclib/AxiosUtil'
import {
  addPermission,
  getResData,
  getDataAccess
} from "@birt/api/user";
import pinyin from "js-pinyin";
export default {
  data() {
    return {
      resData: [],
      rData: [],
      schemeData: [],
      regs: [],
      allDataTree: [],
      resources: [],
      allData: [],
      roleData: [],
      orgData: [],
      orgfilter: []
    }
  },
  methods: {
    getResource() {
      getResData().then(res => {
        if (res.status == 200) {
          this.resData = res.dataPack;
          // let list = res.dataPack;
          // console.log('list', list)
          // if(list && list.length > 0){
          //   t.arrKeysToUpper(list).then((_s) => {
          //       this.resData = _s;
          //       console.log('this.resData,',this.resData)
          //   });
          // }
        }

import request from '@birt/funclib/AxiosUtil'
import {
  addPermission,
  getResData,
  getOrgData,
  getRoleData,
  getDataAccess
} from "@birt/api/user";
import pinyin from "js-pinyin";
export default {
  data() {
    return {
      resData: [],
      rData: [],
      schemeData: [],
      regs: [],
      allDataTree: [],
      resources: [],
      allData: [],
      roleData: [],
      orgData: [],
      orgfilter: []
    }
  },
  // mounted() {
  //   debugger
  //   this.$nextTick(() => {
  //     console.log('path', this.$route.path)
  //     if(this.$route.path == '/platf/permission/func/assign.func')
  //     this.getOrgData(-1);
  //   });
  // },
  methods: {
    getOrgData(pid) {
      var __body = "";
      if (pid) {
        __body = JSON.stringify({
          queryCdions: {
            join: "and",
            items: [{
              sign: "eq",
              name: "PID",
              desc: "",
              dataType: "string",
              value: pid.toString(),
              enabled: true
            }]
          }
        });
      }
      var data = {
        modelFilePath: "/platf/org/entity/SysOrgListEntity.xml",
        __funcpath:"/platf/permission/func/assign.func",
        __body: __body
      };
      getOrgData(data)
        .then(res => {
          if (res.status == 200) {
            this.orgData = res.dataPack.rows;
            this.orgData.forEach(val => {
              val.hasChildren = val.childrenCount > 0;
              val.isAssign = false;
            });
          }
          var data1 = {
            modelFilePath: "/platf/role/entity/SysRoleListEntity.xml",
            __funcpath:"/platf/permission/func/assign.func",
            __body: __body
          };
          this.getRoleData(data1);
        })
        .catch(function (error) {
          console.log(error);
        });
    },
    getRoleData(data) {
      var me = this;
      getRoleData(data)
        .then(res => {
          me.roleData = res.dataPack.rows;
          me.roleData.forEach(val => {
            val.hasChildren = val.childrenCount > 0;
            val.isAssign = false;
          });
          me.allData = me.orgData.concat(me.roleData);
          me.allData.forEach(recd => {
            recd.isAssign = false;
          });
          var copydata = me.deepCopy(me.allData);
          me.allDataTree = me.arrayToJson(copydata, "ID", "PID");
          me._getWorkBook().dataset.dsOrg.setData(me.allData);
        })
        .catch(function (error) {
          console.log(error);
        });
    },
    getResource() {
      getResData().then(res => {
        if (res.status == 200) {
          this.resData = res.dataPack;
          // let list = res.dataPack;
          // console.log('list', list)
          // if(list && list.length > 0){
          //   t.arrKeysToUpper(list).then((_s) => {
          //       this.resData = _s;
          //       console.log('this.resData,',this.resData)
          //   });
          // }
        }

Ignore Space Show notes View project/hivuiBirt/mixins/permission_modify.js
import request from '@birt/funclib/AxiosUtil' import { getResData, getOrgData, getRoleData, editPermissionByAll, getDataAccess } from "@birt/api/user"; export default { data() { return { resDatas: [], orgTreeData: [], } }, // mounted() { // this.$nextTick(() => { // console.log('执行混入') // if (this.$route.path == '/platf/permission/func/modify.func') // this.getOrgDataM(-1); // }); // }, methods: { getOrgDataM(pid) { var __body = ""; if (pid) { __body = JSON.stringify({ queryCdions: { join: "and", items: [{ sign: "eq", name: "PID", desc: "", dataType: "string", value: pid.toString(), enabled: true }] } }); } var data = { modelFilePath: "/platf/org/entity/SysOrgListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; getOrgData(data) .then(res => { if (res.status == 200) { this.orgData = res.dataPack.rows; this.orgData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); } var data1 = { modelFilePath: "/platf/role/entity/SysRoleListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; this.getRoleDataM(data1); }) .catch(function (error) { console.log(error); }); }, getRoleDataM(data) { var me = this; getRoleData(data) .then(res => { me.roleData = res.dataPack.rows; me.roleData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); me.allData = me.orgData.concat(me.roleData); me.allData.forEach(recd => { recd.isAssign = false; }); var copydata = me.deepCopy(me.allData); me.orgTreeData = me.arrayToJson(copydata, "id", "pid"); me._getWorkBook().dataset.dsOrgTree.setData(me.allData); me._getWorkBook().dataset.dsOrg.setData(me.allData); }) .catch(function (error) { console.log(error); }); }, //匹配带参数的url getSchemeDataM(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme \|\| ""; }, getSchemeM(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 \|\| // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other \|\| new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addDapower(resData,rData, fresurl){ resData.forEach((w, j) => { if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid \|\| ""; if (fresurl) { w.daPower = this.getSchemeDataM(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } }); }, addOpetionDataM(resData, rData) { debugger resData.forEach((w, j) => { var fresurl = w.fresurl; if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid \|\| ""; if (fresurl) { w.daPower = this.getSchemeData(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } if (w.children && w.children.length > 0) { this.addOpetionDataM(w.children, rData); } }); }, // 删除所有权限 delAllPermisson(node, done, instance) { debugger let url = node.NODETYPE == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; let guidName = node.NODETYPE == "role" ? "froleguid" : "forgguid"; var data = {} data[guidName] = node.ID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceM(saveData, done, instance, clearAuth, saveDirtyData) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let guidName = datas[0].assignType == "role" ? "froleguid" : "forgguid"; let url = datas[0].assignType == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; datas = datas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (let resData of datas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined \|\| resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = resData.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for(var key in resData.daPower){ if(resData.daValue && resData.daValue.indexOf(key) != -1){ if(Array.isArray(resData.daPower[key])){ for(let item of resData.daPower[key]){ if(item.value == resData.daValue){ obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } }else{ obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; list.push(obj); } var data = new Object(); data[guidName] = datas[0].assignId \|\| datas[0].assignGuid; data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, delAllPermissonByFun(node, done, instance) { debugger let url = "/sys/auth/update-batch-res"; var data = {} data.fresguid = node.FRESGUID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceByFun(saveData, done, instance, clearAuth, saveDirtyData,node) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let url = "/sys/auth/update-batch-res"; for (let resData of datas) { var obj = new Object(); if (node.FRESTYPE == "dir") { obj.fresguid = resData.FRESGUID \|\| resData.fresguid; obj.forgguid = resData.forgguid \|\| resData.ID; obj.froleguid = resData.FROLEGUID \|\| resData.ID; obj.fresname = resData.FRESNAME \|\| resData.fresname; obj.daValue = resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); continue; } else if ( node.FRESTYPE == "func" && (resData.daValue == undefined \|\| resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.fresname + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID\|\|resData.fresguid; if(resData.NODETYPE == 'role'){ } obj.forgguid = resData.forgguid \|\| resData.forgguid; obj.froleguid = resData.FROLEGUID \|\| resData.froleguid; obj.fresname = resData.FRESNAME \|\| resData.fresname; obj.daValue = resData.DAVALUE \|\| resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); } var data = new Object(); data.fresguid = node.FRESGUID data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethodM(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeM(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionDataM(me.resData, me.rData); me.resources = me.resData; option = option \|\| {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 // handleTreeData(treeData, searchValue) { // debugger // if (!treeData \|\| treeData.length === 0) { // return []; // } // const array = []; // for (let i = 0; i < treeData.length; i += 1) { // let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match \|= treeData[i][pro].includes(searchValue); // if (match) break; // } // } // if ( // this.handleTreeData(treeData[i].children, searchValue).length > 0 \|\| // match // ) { // array.push({ // ...treeData[i], // children: this.handleTreeData(treeData[i].children, searchValue) // }); // } // } // return array; // }, // 将过滤好的树形数据展开 // setExpandRow(handleTreeData) { // if (handleTreeData.length) { // for (let i of handleTreeData) { // this.expandRow.push(i.id); // if (i.children.length) { // this.setExpandRow(i.children); // } // } // } // }, arrayToJson1(treeArray, id, pid) { var r = []; var tmpMap = {}; for (var i = 0, l = treeArray.length; i < l; i++) { // 以每条数据的id作为obj的key值，数据作为value值存入到一个临时对象里面 tmpMap[treeArray[i][id]] = treeArray[i]; } for (i = 0, l = treeArray.length; i < l; i++) { var key = tmpMap[treeArray[i][pid]]; //循环每一条数据的pid，假如这个临时对象有这个key值，就代表这个key对应的数据有children，需要Push进去 //如果这一项数据属于哪个数据的子级 if (key) { // 如果这个数据没有children if (!key["children"]) { key["children"] = []; key["children"].push(treeArray[i]); // 如果这个数据有children } else { key["children"].push(treeArray[i]); } } else { //如果没有这个Key值，就代表找不到属于哪个数据，那就代表没有父级,直接放在最外层 r.push(treeArray[i]); } } return r; }, arrayToJson(data, id, pid) { debugger let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children \|\| (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getPermissionByRes(params) { return request({ url: '/sys/auth/query-by-res?pn=birt', method: 'post', data: params }) }, // 根据用户查询反查 getPermissionByUer(params) { return request({ url: '/sys/auth/query-all-user?pn=birt', method: 'post', data: params }) }, // 根据功能查询反查 getPermissionByResAll(params) { return request({ url: '/sys/auth/query-all-res?pn=birt', method: 'post', data: params }) }, // 根据机构和岗位查询权限 getPermissionByAll(params, url) { return request({ url: url, method: 'post', data: params }) }, getOrgDataByUrl(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) } } } import request from '@birt/funclib/AxiosUtil' import { getResData, getOrgData, getRoleData, editPermissionByAll, getDataAccess } from "@birt/api/user"; export default { data() { return { resDatas: [], orgTreeData: [], } }, // mounted() { // this.$nextTick(() => { // console.log('执行混入') // if (this.$route.path == '/platf/permission/func/modify.func') // this.getOrgDataM(-1); // }); // }, methods: { getOrgDataM(pid) { var __body = ""; if (pid) { __body = JSON.stringify({ queryCdions: { join: "and", items: [{ sign: "eq", name: "PID", desc: "", dataType: "string", value: pid.toString(), enabled: true }] } }); } var data = { modelFilePath: "/platf/org/entity/SysOrgListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; getOrgData(data) .then(res => { if (res.status == 200) { this.orgData = res.dataPack.rows; this.orgData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); } var data1 = { modelFilePath: "/platf/role/entity/SysRoleListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; this.getRoleDataM(data1); }) .catch(function (error) { console.log(error); }); }, getRoleDataM(data) { var me = this; getRoleData(data) .then(res => { me.roleData = res.dataPack.rows; me.roleData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); me.allData = me.orgData.concat(me.roleData); me.allData.forEach(recd => { recd.isAssign = false; }); var copydata = me.deepCopy(me.allData); me.orgTreeData = me.arrayToJson(copydata, "id", "pid"); me._getWorkBook().dataset.dsOrgTree.setData(me.allData); me._getWorkBook().dataset.dsOrg.setData(me.allData); }) .catch(function (error) { console.log(error); }); }, //匹配带参数的url getSchemeDataM(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme \|\| ""; }, getSchemeM(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 \|\| // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other \|\| new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addDapower(resData,rData, fresurl){ resData.forEach((w, j) => { if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid \|\| ""; if (fresurl) { w.daPower = this.getSchemeDataM(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } }); }, addOpetionDataM(resData, rData) { debugger resData.forEach((w, j) => { var fresurl = w.fresurl; if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid \|\| ""; if (fresurl) { w.daPower = this.getSchemeData(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } if (w.children && w.children.length > 0) { this.addOpetionDataM(w.children, rData); } }); }, // 删除所有权限 delAllPermisson(node, done, instance) { debugger let url = node.NODETYPE == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; let guidName = node.NODETYPE == "role" ? "froleguid" : "forgguid"; var data = {} data[guidName] = node.ID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceM(saveData, done, instance, clearAuth, saveDirtyData) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let guidName = datas[0].assignType == "role" ? "froleguid" : "forgguid"; let url = datas[0].assignType == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; datas = datas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (let resData of datas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined \|\| resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = resData.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for(var key in resData.daPower){ if(resData.daValue && resData.daValue.indexOf(key) != -1){ if(Array.isArray(resData.daPower[key])){ for(let item of resData.daPower[key]){ if(item.value == resData.daValue){ obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } }else{ obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; list.push(obj); } var data = new Object(); data[guidName] = datas[0].assignId \|\| datas[0].assignGuid; data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, delAllPermissonByFun(node, done, instance) { debugger let url = "/sys/auth/update-batch-res"; var data = {} data.fresguid = node.FRESGUID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceByFun(saveData, done, instance, clearAuth, saveDirtyData,node) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let url = "/sys/auth/update-batch-res"; for (let resData of datas) { var obj = new Object(); if (node.FRESTYPE == "dir") { obj.fresguid = resData.FRESGUID \|\| resData.fresguid; obj.forgguid = resData.forgguid \|\| resData.ID; obj.froleguid = resData.FROLEGUID \|\| resData.ID; obj.fresname = resData.FRESNAME \|\| resData.fresname; obj.daValue = resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); continue; } else if ( node.FRESTYPE == "func" && (resData.daValue == undefined \|\| resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.fresname + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID\|\|resData.fresguid; if(resData.NODETYPE == 'role'){ } obj.forgguid = resData.forgguid \|\| resData.forgguid; obj.froleguid = resData.FROLEGUID \|\| resData.froleguid; obj.fresname = resData.FRESNAME \|\| resData.fresname; obj.daValue = resData.DAVALUE \|\| resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); } var data = new Object(); data.fresguid = node.FRESGUID data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethodM(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeM(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionDataM(me.resData, me.rData); me.resources = me.resData; option = option \|\| {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 // handleTreeData(treeData, searchValue) { // debugger // if (!treeData \|\| treeData.length === 0) { // return []; // } // const array = []; // for (let i = 0; i < treeData.length; i += 1) { // let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match \|= treeData[i][pro].includes(searchValue); // if (match) break; // } // } // if ( // this.handleTreeData(treeData[i].children, searchValue).length > 0 \|\| // match // ) { // array.push({ // ...treeData[i], // children: this.handleTreeData(treeData[i].children, searchValue) // }); // } // } // return array; // }, // 将过滤好的树形数据展开 // setExpandRow(handleTreeData) { // if (handleTreeData.length) { // for (let i of handleTreeData) { // this.expandRow.push(i.id); // if (i.children.length) { // this.setExpandRow(i.children); // } // } // } // }, arrayToJson1(treeArray, id, pid) { var r = []; var tmpMap = {}; for (var i = 0, l = treeArray.length; i < l; i++) { // 以每条数据的id作为obj的key值，数据作为value值存入到一个临时对象里面 tmpMap[treeArray[i][id]] = treeArray[i]; } for (i = 0, l = treeArray.length; i < l; i++) { var key = tmpMap[treeArray[i][pid]]; //循环每一条数据的pid，假如这个临时对象有这个key值，就代表这个key对应的数据有children，需要Push进去 //如果这一项数据属于哪个数据的子级 if (key) { // 如果这个数据没有children if (!key["children"]) { key["children"] = []; key["children"].push(treeArray[i]); // 如果这个数据有children } else { key["children"].push(treeArray[i]); } } else { //如果没有这个Key值，就代表找不到属于哪个数据，那就代表没有父级,直接放在最外层 r.push(treeArray[i]); } } return r; }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children \|\| (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getPermissionByRes(params) { return request({ url: '/sys/auth/query-by-res?pn=birt', method: 'post', data: params }) }, // 根据用户查询反查 getPermissionByUer(params) { return request({ url: '/sys/auth/query-all-user?pn=birt', method: 'post', data: params }) }, // 根据功能查询反查 getPermissionByResAll(params) { return request({ url: '/sys/auth/query-all-res?pn=birt', method: 'post', data: params }) }, // 根据机构和岗位查询权限 getPermissionByAll(params, url) { return request({ url: url, method: 'post', data: params }) }, getOrgDataByUrl(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) } } }

Ignore Space Show notes View

project/hivuiBirt/mixins/permission_modify.js

import request from '@birt/funclib/AxiosUtil'
import {
  getResData,
  getOrgData,
  getRoleData,
  editPermissionByAll,
  getDataAccess
} from "@birt/api/user";
export default {
  data() {
    return {
      resDatas: [],
      orgTreeData: [],
    }
  },
  // mounted() {
  //   this.$nextTick(() => {
  //     console.log('执行混入')
  //     if (this.$route.path == '/platf/permission/func/modify.func')
  //     this.getOrgDataM(-1);
  //   });
  // },
  methods: {
    getOrgDataM(pid) {
      var __body = "";
      if (pid) {
        __body = JSON.stringify({
          queryCdions: {
            join: "and",
            items: [{
              sign: "eq",
              name: "PID",
              desc: "",
              dataType: "string",
              value: pid.toString(),
              enabled: true
            }]
          }
        });
      }
      var data = {
        modelFilePath: "/platf/org/entity/SysOrgListEntity.xml",
        __funcpath:"/platf/permission/func/modify.func",
        __body: __body
      };
      getOrgData(data)
        .then(res => {
          if (res.status == 200) {
            this.orgData = res.dataPack.rows;
            this.orgData.forEach(val => {
              val.hasChildren = val.childrenCount > 0;
              val.isAssign = false;
            });
          }
          var data1 = {
            modelFilePath: "/platf/role/entity/SysRoleListEntity.xml",
            __funcpath:"/platf/permission/func/modify.func",
            __body: __body
          };
          this.getRoleDataM(data1);
        })
        .catch(function (error) {
          console.log(error);
        });
    },
    getRoleDataM(data) {
      var me = this;
      getRoleData(data)
        .then(res => {
          me.roleData = res.dataPack.rows;
          me.roleData.forEach(val => {
            val.hasChildren = val.childrenCount > 0;
            val.isAssign = false;
          });
          me.allData = me.orgData.concat(me.roleData);
          me.allData.forEach(recd => {
            recd.isAssign = false;
          });
          var copydata = me.deepCopy(me.allData);
          me.orgTreeData = me.arrayToJson(copydata, "id", "pid");
          me._getWorkBook().dataset.dsOrgTree.setData(me.allData);
          me._getWorkBook().dataset.dsOrg.setData(me.allData);
        })
        .catch(function (error) {
          console.log(error);
        });
    },
    //匹配带参数的url
    getSchemeDataM(schemeData, fresurl) {
      var scheme = schemeData[fresurl];
      if (!scheme) {
          schemeData.forEach((key,value) =>{
              if(fresurl && fresurl.indexOf(key)>=0){
                  scheme=value;
              }
          });
      }
      return scheme || "";
    },
    getSchemeM(data, me) {
      // getOrgData(data).then(res => {
      return new Promise(function (resolve, reject) {
        getDataAccess(data).then(res => {
          if (res.status == 200) {
            var list = res.dataPack,
              list1 = [];
            for (var i = 0; i < list.length; i++) {
              if (list[i].dataAccess) {
                var list2 = list[i].dataAccess;
                for (var j = 0; j < list2.length; j++) {
                  list1.push({
                    funcUrl: list[i].funcUrl,
                    name: list2[j].desc,
                    value: list2[j].schemeid,
                    TYPE: list2[j].schemeid,
                    fdaguid: list2[j].schemeid
                  });
                }
              }
            }
            me.schemeData = list1;
            me.schemeData.forEach((v, i) => {
              v.isOther = i;
              var key = v.funcUrl;
              var data1 = me.rData.hasOwnProperty(key) ?
                me.rData[key] :
                new Object();
              // if (
              //   v.TYPE.indexOf("other") !== -1 ||
              //   (v.TYPE.indexOf("other") == -1 &&
              //     me.rData[v.TYPE] != undefined)
              // ) {
              //   var other = data1.other || new Array();
              //   other.push(v);
              //   data1.other = other;
              // } else {
              //   data1[v.TYPE] = v;
              // }
              data1[v.TYPE] = v;
              me.rData[key] = data1;
            });
            resolve();
          } else {
            reject();
          }
        });
      });
    },
    addDapower(resData,rData, fresurl){
      resData.forEach((w, j) => {
       if (w.frestype !== "dir") {
         w.opPower = {
           add: {
             value: 0
           },
           edit: {
             value: 0
           },
           delete: {
             value: 0
           },
           export: {
             value: 0
           }
         };
       }
       w.daValue = w.fdaschemeid || "";
       if (fresurl) {
         w.daPower = this.getSchemeDataM(rData, fresurl);
       } else {
         w.daPower = "";
       }
       if (w.foperates) {
         w.opAdd = w.foperates.indexOf(1) > -1;
         w.opDelete = w.foperates.indexOf(4) > -1;
         w.opEdit = w.foperates.indexOf(2) > -1;
         w.opExport = w.foperates.indexOf(8) > -1;
       }
     });
    },
    addOpetionDataM(resData, rData) {
      debugger
      resData.forEach((w, j) => {
        var fresurl = w.fresurl;
        if (w.frestype !== "dir") {
          w.opPower = {
            add: {
              value: 0
            },
            edit: {
              value: 0
            },
            delete: {
              value: 0
            },
            export: {
              value: 0
            }
          };
        }
        w.daValue = w.fdaschemeid || "";
        if (fresurl) {
          w.daPower = this.getSchemeData(rData, fresurl);
        } else {
          w.daPower = "";
        }
        if (w.foperates) {
          w.opAdd = w.foperates.indexOf(1) > -1;
          w.opDelete = w.foperates.indexOf(4) > -1;
          w.opEdit = w.foperates.indexOf(2) > -1;
          w.opExport = w.foperates.indexOf(8) > -1;
        }
        if (w.children && w.children.length > 0) {
          this.addOpetionDataM(w.children, rData);
        }
      });
      },
      //  删除所有权限
      delAllPermisson(node, done, instance) {
        debugger
        let url = node.NODETYPE == "role" ?
          "/sys/auth/update-batch-role" :
          "/sys/auth/update-batch-org";
        let guidName = node.NODETYPE == "role" ? "froleguid" : "forgguid";
        var data = {}
        data[guidName] = node.ID
        data.list = [];
        editPermissionByAll(data, url)
          .then(res => {
            if (res.status == 200) {
              this.$message.success("修改权限成功");
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
              done();
            } else {
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
            }
          })
          .catch(e => {
            instance.confirmButtonLoading = false;
            instance.confirmButtonText = "保存";
          });
      },
      saveResourceM(saveData, done, instance, clearAuth, saveDirtyData) {
        debugger
        let list = new Array();
        var list1 = new Array();
        var datas = new Array();
        if (saveData.length) {
          list1 = saveData;
        } else {
          list1 = saveDirtyData;
        }
        this.getResList(list1, datas);
        let guidName = datas[0].assignType == "role" ? "froleguid" : "forgguid";
        let url =
          datas[0].assignType == "role"
            ? "/sys/auth/update-batch-role"
            : "/sys/auth/update-batch-org";
          datas = datas.filter((item) =>{
          return item.FRESTYPE != "dir" && item.FRESTYPE != "root"
        })
        for (let resData of datas) {
          var obj = new Object();
          if (
            resData.FRESTYPE == "func" &&
            (resData.daValue == undefined || resData.daValue == "")
          ) {
            //弹出独立型功能必须选择权限,然后直接return
            this.$message({
              type: "error",
              message:
                "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限"
            });
            instance.confirmButtonLoading = false;
            done();
            return;
          }
          obj.fresguid = resData.FRESGUID;
          obj.forgguid = resData.FORGGUID;
          obj.fresname = resData.FRESNAME;
          if (resData.daPower && resData.daPower !== "") {
          for(var key in resData.daPower){
                    if(resData.daValue && resData.daValue.indexOf(key) != -1){
                      if(Array.isArray(resData.daPower[key])){
                        for(let item of resData.daPower[key]){
                          if(item.value == resData.daValue){
                            obj.fdaschemename = item.name;
                            obj.fdaguid = item.fdaguid;
                            obj.fdaschemeid = item.value;
                          }
                        }
                      }else{
                        obj.fdaschemename = resData.daPower[key].name;
                        obj.fdaguid = resData.daPower[key].fdaguid;
                        obj.fdaschemeid = resData.daPower[key].value;
                      }
                    }
                  }
          } else {
            obj.fdaguid = "";
            obj.fdaschemeid = "";
            obj.fdaschemename = "";
          }
          var foperates = new Array();
          var dataOperateName = new Array();
          if (resData.opAdd) {
            foperates.push(1);
            dataOperateName.push("添加");
          }
          if (resData.opEdit) {
            foperates.push(2);
            dataOperateName.push("修改");
          }
          if (resData.opDelete) {
            foperates.push(4);
            dataOperateName.push("删除");
          }
          if (resData.opExport) {
            foperates.push(8);
            dataOperateName.push("导出");
          }
          obj.foperates = foperates;
          obj.FRESGUID = resData.FRESGUID;
          list.push(obj);
        }
        var data = new Object();
        data[guidName] = datas[0].assignId || datas[0].assignGuid;
        data.list = list;
        editPermissionByAll(data, url)
          .then(res => {
            if (res.status == 200) {
              this.$message.success("修改权限成功");
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
              done();
            } else {
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
            }
          })
          .catch(e => {
            instance.confirmButtonLoading = false;
            instance.confirmButtonText = "保存";
          });
      },
      delAllPermissonByFun(node, done, instance) {
        debugger
        let url = "/sys/auth/update-batch-res";
        var data = {}
        data.fresguid = node.FRESGUID
        data.list = [];
        editPermissionByAll(data, url)
          .then(res => {
            if (res.status == 200) {
              this.$message.success("修改权限成功");
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
              done();
            } else {
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
            }
          })
          .catch(e => {
            instance.confirmButtonLoading = false;
            instance.confirmButtonText = "保存";
          });
      },
      saveResourceByFun(saveData, done, instance, clearAuth, saveDirtyData,node) {
        debugger
        let list = new Array();
        var list1 = new Array();
        var datas = new Array();
        if (saveData.length) {
          list1 = saveData;
        } else {
          list1 = saveDirtyData;
        }
        this.getResList(list1, datas);
        let url = "/sys/auth/update-batch-res";
        for (let resData of datas) {
          var obj = new Object();
          if (node.FRESTYPE == "dir") {
            obj.fresguid = resData.FRESGUID || resData.fresguid;
            obj.forgguid = resData.forgguid || resData.ID;
            obj.froleguid = resData.FROLEGUID || resData.ID;
            obj.fresname = resData.FRESNAME || resData.fresname;
            obj.daValue = resData.daValue;
            if (resData.daPower && resData.daPower !== "") {
              for (var key in resData.daPower) {
                if (resData.daValue.indexOf(key) != -1) {
                  if (Array.isArray(resData.daPower[key])) {
                    for (let item of resData.daPower[key]) {
                      if (item.value == resData.daValue) {
                        obj.fdaschemename = item.name;
                        obj.fdaguid = item.fdaguid;
                        obj.fdaschemeid = item.value;
                      }
                    }
                  } else {
                    obj.fdaschemename = resData.daPower[key].name;
                    obj.fdaguid = resData.daPower[key].fdaguid;
                    obj.fdaschemeid = resData.daPower[key].value;
                  }
                }
              }
            } else {
              obj.fdaguid = "";
              obj.fdaschemeid = "";
              obj.fdaschemename = "";
            }
            var foperates = new Array();
            var dataOperateName = new Array();
            if (resData.opAdd) {
              foperates.push(1);
              dataOperateName.push("添加");
            }
            if (resData.opEdit) {
              foperates.push(2);
              dataOperateName.push("修改");
            }
            if (resData.opDelete) {
              foperates.push(4);
              dataOperateName.push("删除");
            }
            if (resData.opExport) {
              foperates.push(8);
              dataOperateName.push("导出");
            }
            obj.foperates = foperates;
            obj.fresguid = resData.FRESGUID;
            list.push(obj);
            continue;
          } else if (
            node.FRESTYPE == "func" &&
            (resData.daValue == undefined || resData.daValue == "")
          ) {
            //弹出独立型功能必须选择权限,然后直接return
            this.$message({
              type: "error",
              message: "功能 " + resData.fresname + " 为独立型功能，必须选择权限"
            });
            instance.confirmButtonLoading = false;
            done();
            return;
          }
          obj.fresguid = resData.FRESGUID||resData.fresguid;
          if(resData.NODETYPE == 'role'){

}
          obj.forgguid = resData.forgguid || resData.forgguid;
          obj.froleguid = resData.FROLEGUID  || resData.froleguid;
          obj.fresname = resData.FRESNAME || resData.fresname;
          obj.daValue = resData.DAVALUE || resData.daValue;
          if (resData.daPower && resData.daPower !== "") {
            for (var key in resData.daPower) {
              if (resData.daValue.indexOf(key) != -1) {
                if (Array.isArray(resData.daPower[key])) {
                  for (let item of resData.daPower[key]) {
                    if (item.value == resData.daValue) {
                      obj.fdaschemename = item.name;
                      obj.fdaguid = item.fdaguid;
                      obj.fdaschemeid = item.value;
                    }
                  }
                } else {
                  obj.fdaschemename = resData.daPower[key].name;
                  obj.fdaguid = resData.daPower[key].fdaguid;
                  obj.fdaschemeid = resData.daPower[key].value;
                }
              }
            }
          } else {
            obj.fdaguid = "";
            obj.fdaschemeid = "";
            obj.fdaschemename = "";
          }
          var foperates = new Array();
          var dataOperateName = new Array();
          if (resData.opAdd) {
            foperates.push(1);
            dataOperateName.push("添加");
          }
          if (resData.opEdit) {
            foperates.push(2);
            dataOperateName.push("修改");
          }
          if (resData.opDelete) {
            foperates.push(4);
            dataOperateName.push("删除");
          }
          if (resData.opExport) {
            foperates.push(8);
            dataOperateName.push("导出");
          }
          obj.foperates = foperates;
          obj.fresguid = resData.FRESGUID;
          list.push(obj);
        }
        var data = new Object();
        data.fresguid = node.FRESGUID
        data.list = list;
        editPermissionByAll(data, url)
          .then(res => {
            if (res.status == 200) {
              this.$message.success("修改权限成功");
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
              done();
            } else {
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
            }
          })
          .catch(e => {
            instance.confirmButtonLoading = false;
            instance.confirmButtonText = "保存";
          });
      },
      getResList(resList, resDatas) {
        for (var resData of resList) {
          if (resData.children && resData.children.length > 0) {
            resDatas.push(resData);
            this.getResList(resData.children, resDatas); //如果还是数组继续递归调用
          } else {
            resDatas.push(resData);
          }
        }
      },
      loadMethodM(store, loadCdion, option, resolve) {
        let me = this;
        var data = {
          modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml"
        };
        me.getSchemeM(data, me).then(function (value) {
          getResData().then(res => {
            if (res.status == 200) {
              me.resData = res.dataPack;
              me.addOpetionDataM(me.resData, me.rData);
              me.resources = me.resData;
              option = option || {};
              resolve.call(store, me.resources, option);
            }
          });
        })
      },
      //  树形表格过滤
      // handleTreeData(treeData, searchValue) {
      //   debugger
      //   if (!treeData || treeData.length === 0) {
      //     return [];
      //   }
      //   const array = [];
      //   for (let i = 0; i < treeData.length; i += 1) {
      //     let match = false;
      //     for (let pro in treeData[i]) {
      //       if (typeof treeData[i][pro] == "string") {
      //         match |= treeData[i][pro].includes(searchValue);
      //         if (match) break;
      //       }
      //     }
      //     if (
      //       this.handleTreeData(treeData[i].children, searchValue).length > 0 ||
      //       match
      //     ) {
      //       array.push({
      //         ...treeData[i],
      //         children: this.handleTreeData(treeData[i].children, searchValue)
      //       });
      //     }
      //   }
      //   return array;
      // },
      // 将过滤好的树形数据展开
      // setExpandRow(handleTreeData) {
      //   if (handleTreeData.length) {
      //     for (let i of handleTreeData) {
      //       this.expandRow.push(i.id);
      //       if (i.children.length) {
      //         this.setExpandRow(i.children);
      //       }
      //     }
      //   }
      // },
      arrayToJson1(treeArray, id, pid) {
        var r = [];
        var tmpMap = {};
        for (var i = 0, l = treeArray.length; i < l; i++) {
          // 以每条数据的id作为obj的key值，数据作为value值存入到一个临时对象里面
          tmpMap[treeArray[i][id]] = treeArray[i];
        }
        for (i = 0, l = treeArray.length; i < l; i++) {
          var key = tmpMap[treeArray[i][pid]];
          //循环每一条数据的pid，假如这个临时对象有这个key值，就代表这个key对应的数据有children，需要Push进去
          //如果这一项数据属于哪个数据的子级
          if (key) {
            // 如果这个数据没有children
            if (!key["children"]) {
              key["children"] = [];
              key["children"].push(treeArray[i]);
              // 如果这个数据有children
            } else {
              key["children"].push(treeArray[i]);
            }
          } else {
            //如果没有这个Key值，就代表找不到属于哪个数据，那就代表没有父级,直接放在最外层
            r.push(treeArray[i]);
          }
        }
        return r;
      },
      arrayToJson(data, id, pid) {
        debugger
        let result = [];
        if (!Array.isArray(data)) {
          return result;
        }
        let map = {};
        data.forEach(item => {
          map[item[id]] = item;
        });
        data.forEach(item => {
          let parent = map[item[pid]];
          if (parent) {
            (parent.children || (parent.children = [])).push(item);
          } else {
            result.push(item);
          }
        });
        return result;
      },
      //  tree转数组
      jsonToArray(nodes) {
        var r = [];
        if (Array.isArray(nodes)) {
          for (var i = 0, l = nodes.length; i < l; i++) {
            r.push(nodes[i]); // 取每项数据放入一个新数组
            if (
              Array.isArray(nodes[i]["children"]) &&
              nodes[i]["children"].length > 0
            )
              // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children
              r = r.concat(this.jsonToArray(nodes[i]["children"]));
            delete nodes[i]["children"];
          }
        }
        return r;
      },
      deepCopy(obj) {
        var object;
        // 深度复制数组
        if (Object.prototype.toString.call(obj) == "[object Array]") {
          object = [];
          // for (var i = 0; i < obj.length; i++) {
          //   object.push(deepCopy(obj[i]));
          // }
          for (var o of obj) {
            object.push(this.deepCopy(o));
          }
          return object;
        }
        // 深度复制对象
        if (Object.prototype.toString.call(obj) == "[object Object]") {
          object = {};
          for (var p in obj) {
            object[p] = obj[p];
          }
          return object;
        }
      },
      getPermissionByRes(params) {
        return request({
          url: '/sys/auth/query-by-res?pn=birt',
          method: 'post',
          data: params
        })
      },
      //  根据用户查询反查
      getPermissionByUer(params) {
        return request({
          url: '/sys/auth/query-all-user?pn=birt',
          method: 'post',
          data: params
        })
      },
      //  根据功能查询反查
      getPermissionByResAll(params) {
        return request({
          url: '/sys/auth/query-all-res?pn=birt',
          method: 'post',
          data: params
        })
      },
      // 根据机构和岗位查询权限
      getPermissionByAll(params, url) {
        return request({
          url: url,
          method: 'post',
          data: params
        })
      },
      getOrgDataByUrl(data){
        return request({
          url:  this.$HI.queryUrl,
          method: 'post',
          data
        })
      }
    }
}

}
          obj.forgguid = resData.forgguid || resData.forgguid;
          obj.froleguid = resData.FROLEGUID  || resData.froleguid;
          obj.fresname = resData.FRESNAME || resData.fresname;
          obj.daValue = resData.DAVALUE || resData.daValue;
          if (resData.daPower && resData.daPower !== "") {
            for (var key in resData.daPower) {
              if (resData.daValue.indexOf(key) != -1) {
                if (Array.isArray(resData.daPower[key])) {
                  for (let item of resData.daPower[key]) {
                    if (item.value == resData.daValue) {
                      obj.fdaschemename = item.name;
                      obj.fdaguid = item.fdaguid;
                      obj.fdaschemeid = item.value;
                    }
                  }
                } else {
                  obj.fdaschemename = resData.daPower[key].name;
                  obj.fdaguid = resData.daPower[key].fdaguid;
                  obj.fdaschemeid = resData.daPower[key].value;
                }
              }
            }
          } else {
            obj.fdaguid = "";
            obj.fdaschemeid = "";
            obj.fdaschemename = "";
          }
          var foperates = new Array();
          var dataOperateName = new Array();
          if (resData.opAdd) {
            foperates.push(1);
            dataOperateName.push("添加");
          }
          if (resData.opEdit) {
            foperates.push(2);
            dataOperateName.push("修改");
          }
          if (resData.opDelete) {
            foperates.push(4);
            dataOperateName.push("删除");
          }
          if (resData.opExport) {
            foperates.push(8);
            dataOperateName.push("导出");
          }
          obj.foperates = foperates;
          obj.fresguid = resData.FRESGUID;
          list.push(obj);
        }
        var data = new Object();
        data.fresguid = node.FRESGUID
        data.list = list;
        editPermissionByAll(data, url)
          .then(res => {
            if (res.status == 200) {
              this.$message.success("修改权限成功");
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
              done();
            } else {
              instance.confirmButtonLoading = false;
              instance.confirmButtonText = "保存";
            }
          })
          .catch(e => {
            instance.confirmButtonLoading = false;
            instance.confirmButtonText = "保存";
          });
      },
      getResList(resList, resDatas) {
        for (var resData of resList) {
          if (resData.children && resData.children.length > 0) {
            resDatas.push(resData);
            this.getResList(resData.children, resDatas); //如果还是数组继续递归调用
          } else {
            resDatas.push(resData);
          }
        }
      },
      loadMethodM(store, loadCdion, option, resolve) {
        let me = this;
        var data = {
          modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml"
        };
        me.getSchemeM(data, me).then(function (value) {
          getResData().then(res => {
            if (res.status == 200) {
              me.resData = res.dataPack;
              me.addOpetionDataM(me.resData, me.rData);
              me.resources = me.resData;
              option = option || {};
              resolve.call(store, me.resources, option);
            }
          });
        })
      },
      //  树形表格过滤
      // handleTreeData(treeData, searchValue) {
      //   debugger
      //   if (!treeData || treeData.length === 0) {
      //     return [];
      //   }
      //   const array = [];
      //   for (let i = 0; i < treeData.length; i += 1) {
      //     let match = false;
      //     for (let pro in treeData[i]) {
      //       if (typeof treeData[i][pro] == "string") {
      //         match |= treeData[i][pro].includes(searchValue);
      //         if (match) break;
      //       }
      //     }
      //     if (
      //       this.handleTreeData(treeData[i].children, searchValue).length > 0 ||
      //       match
      //     ) {
      //       array.push({
      //         ...treeData[i],
      //         children: this.handleTreeData(treeData[i].children, searchValue)
      //       });
      //     }
      //   }
      //   return array;
      // },
      // 将过滤好的树形数据展开
      // setExpandRow(handleTreeData) {
      //   if (handleTreeData.length) {
      //     for (let i of handleTreeData) {
      //       this.expandRow.push(i.id);
      //       if (i.children.length) {
      //         this.setExpandRow(i.children);
      //       }
      //     }
      //   }
      // },
      arrayToJson1(treeArray, id, pid) {
        var r = [];
        var tmpMap = {};
        for (var i = 0, l = treeArray.length; i < l; i++) {
          // 以每条数据的id作为obj的key值，数据作为value值存入到一个临时对象里面
          tmpMap[treeArray[i][id]] = treeArray[i];
        }
        for (i = 0, l = treeArray.length; i < l; i++) {
          var key = tmpMap[treeArray[i][pid]];
          //循环每一条数据的pid，假如这个临时对象有这个key值，就代表这个key对应的数据有children，需要Push进去
          //如果这一项数据属于哪个数据的子级
          if (key) {
            // 如果这个数据没有children
            if (!key["children"]) {
              key["children"] = [];
              key["children"].push(treeArray[i]);
              // 如果这个数据有children
            } else {
              key["children"].push(treeArray[i]);
            }
          } else {
            //如果没有这个Key值，就代表找不到属于哪个数据，那就代表没有父级,直接放在最外层
            r.push(treeArray[i]);
          }
        }
        return r;
      },
      arrayToJson(data, id, pid) {
        let result = [];
        if (!Array.isArray(data)) {
          return result;
        }
        let map = {};
        data.forEach(item => {
          map[item[id]] = item;
        });
        data.forEach(item => {
          let parent = map[item[pid]];
          if (parent) {
            (parent.children || (parent.children = [])).push(item);
          } else {
            result.push(item);
          }
        });
        return result;
      },
      //  tree转数组
      jsonToArray(nodes) {
        var r = [];
        if (Array.isArray(nodes)) {
          for (var i = 0, l = nodes.length; i < l; i++) {
            r.push(nodes[i]); // 取每项数据放入一个新数组
            if (
              Array.isArray(nodes[i]["children"]) &&
              nodes[i]["children"].length > 0
            )
              // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children
              r = r.concat(this.jsonToArray(nodes[i]["children"]));
            delete nodes[i]["children"];
          }
        }
        return r;
      },
      deepCopy(obj) {
        var object;
        // 深度复制数组
        if (Object.prototype.toString.call(obj) == "[object Array]") {
          object = [];
          // for (var i = 0; i < obj.length; i++) {
          //   object.push(deepCopy(obj[i]));
          // }
          for (var o of obj) {
            object.push(this.deepCopy(o));
          }
          return object;
        }
        // 深度复制对象
        if (Object.prototype.toString.call(obj) == "[object Object]") {
          object = {};
          for (var p in obj) {
            object[p] = obj[p];
          }
          return object;
        }
      },
      getPermissionByRes(params) {
        return request({
          url: '/sys/auth/query-by-res?pn=birt',
          method: 'post',
          data: params
        })
      },
      //  根据用户查询反查
      getPermissionByUer(params) {
        return request({
          url: '/sys/auth/query-all-user?pn=birt',
          method: 'post',
          data: params
        })
      },
      //  根据功能查询反查
      getPermissionByResAll(params) {
        return request({
          url: '/sys/auth/query-all-res?pn=birt',
          method: 'post',
          data: params
        })
      },
      // 根据机构和岗位查询权限
      getPermissionByAll(params, url) {
        return request({
          url: url,
          method: 'post',
          data: params
        })
      },
      getOrgDataByUrl(data){
        return request({
          url:  this.$HI.queryUrl,
          method: 'post',
          data
        })
      }
    }
}

Ignore Space Show notes View project/hivuiBirt/templates/pages/TabTableSave.js
/** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil.js"; import axios from "@birt/funclib/AxiosUtil.js"; import {baseURL,projectName,requestUrl} from '@birt/config' export function TabTableSave(conf) { debugger const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; var addDataset = conf.addDataset; addDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } addDataset._editState = true; // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, conf.hcQueryPanel \|\| {}); } // 操作工具条 let listFormToolbar = false; let addFormToolbar = false; if (conf.listFormToolbar) { listFormToolbar = { controlName: "HcFormToolbar", controlId: "listHcFormToolbar_" + dlgId, dataset: queryDataset.controlId, style: 'margin: 0 -4%;', class: 'text', children: [], deleteSucced:function(saveData){ debugger this.store.resetPageStart() this.store.load() } } // 应用表单个性化配置 Object.assign(listFormToolbar, conf.listFormToolbar \|\| {}); } if (conf.addFormToolbar) { addFormToolbar = { controlName: "HcFormToolbar", controlId: "addHcFormToolbar_" + dlgId, dataset: addDataset.controlId, style: 'margin: 0 -4%;', children: [] } // 应用表单个性化配置 Object.assign(addFormToolbar, conf.addFormToolbar \|\| {}); } const hcTableId = "HcTable_" + dlgId const hcTableAddId = "HcTableAdd_" + dlgId // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, size: "small", showAddBtn: false, // showSummary:true, height: function (parentHeight) { return parentHeight - 160; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { debugger let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign(row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 网格新增 var hcTableAdd = { isEdit: true, controlName: "HcTable", controlId: hcTableAddId, dataset: addDataset.controlId, highlightCurrentRow: true, height: function (parentHeight) { return parentHeight - 100; }, size: "small", // showSummary:true, children: [], events: { currentChange: function (row) { this.store.setCurtRecord(row); } }, style: "margin:auto;" }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); Object.assign(hcTableAdd, conf.hcTableAdd \|\| {}); // 操作列 let operateColumn = { controlName: "HcTableColumnScope", controlId: "HcTableColumn_operate", label: "操作", width: 150, headerAlign: "center", fixed: "right", slot: "scope", children: [{ controlName: "HcButton", controlId: "HcButton_add", type: "primary", icon: "el-icon-plus", size: 'mini', style: 'padding: 5px 15px;', disabled: function () { return this.store && this.store.allowAdd && !this.store.allowAdd(); }, events: { click() { let newRecd = this.store.newRecord(); this.store.add(newRecd); }, }, }, { controlName: "HcButton", controlId: "HcButton_del", type: "danger", size: 'mini', style: 'padding: 5px 15px;', icon: "el-icon-delete", disabled: function () { return this.store && this.store.allowRemove && !this.store.allowRemove(); }, events: { click() { this.store.remove(this.scope.row); }, }, }, ], } hcTableAdd.children.push(operateColumn); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list_" + dlgId, tabPosition: 'right', // events: { // click: function () { // var tabs = this.getRefCompt(hcTabsId).activeTabName // if (tabs.indexOf('detail') > -1) { // this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none' // } else { // this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex' // } // } // }, children: [{ controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: "list_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(listFormToolbar ? listFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_add" + dlgId, label: "批量新增", name: "add_" + dlgId, children: [] .concat(addFormToolbar ? addFormToolbar : []) .concat(hcTableAdd) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) }, ], } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset, addDataset], children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcTabs) }] }] return birtWorkBook } /* * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil.js"; import axios from "@birt/funclib/AxiosUtil.js"; import {baseURL,projectName,requestUrl} from '@birt/config' var pn = projectName \|\| 'birt' export function TabTableSave(conf) { debugger const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; var addDataset = conf.addDataset; addDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } addDataset._editState = true; // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, conf.hcQueryPanel \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } const hcTableId = "HcTable_" + dlgId const hcTableAddId = "HcTableAdd_" + dlgId // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary:true, height: function (parentHeight) { return parentHeight - 170; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({ url: "/data/querys" }, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 网格新增 var hcTableAdd = { isEdit: true, controlName: "HcTable", controlId: hcTableAddId, dataset: addDataset.controlId, highlightCurrentRow: true, height: function (parentHeight) { return parentHeight - 180; }, size: "small", // showSummary:true, children: [], events: { currentChange: function (row) { debugger this.store.setCurtRecord(row); if (this.store.data.length > 0) { this.getRefCompt('HcButton_save').conf.disabled = false } else { this.getRefCompt('HcButton_save').conf.disabled = true } } }, style: "margin:auto;" }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); Object.assign(hcTableAdd, conf.hcTableAdd \|\| {}); // 操作列 let operateColumn = { controlName: "HcTableColumnScope", controlId: "HcTableColumn_operate", label: "操作", width: 100, headerAlign: "center", fixed: "right", slot: "scope", children: [{ controlName: "HcButton", controlId: "HcButton_add", type: "primary", circle: true, icon: "el-icon-plus", disabled: function () { return this.store && this.store.allowAdd && !this.store.allowAdd(); }, events: { click() { let newRecd = this.store.newRecord(); this.store.add(newRecd); }, }, }, { controlName: "HcButton", controlId: "HcButton_del", type: "danger", circle: true, icon: "el-icon-delete", disabled: function () { return this.store && this.store.allowRemove && !this.store.allowRemove(); }, events: { click() { this.store.remove(this.scope.row); }, }, }, ], } hcTableAdd.children.push(operateColumn); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var extraBtn = { controlName: 'HcRow', controlId: 'ElRow_extra', style: 'position: absolute;z-index:99;right:30px;height: 40px;line-height: 40px;display:flex', children: [{ controlName: "HcButton", controlId: "HcButton_set", title: "列设置", icon: "el-icon-setting", size: 'small', disabled: function () { return false }, events: { click: function () { var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('list') > -1) { this.getRefCompt(hcTableId).$children[0].showMenu('70%', 0) } else { this.getRefCompt(hcTableAddId).$children[0].showMenu('70%', 0) } } } }, { controlName: "HcButton", controlId: "HcButton_save", title: "保存", icon: "el-icon-s-claim", disabled: true, size: 'small', events: { click: function () { var data = {}, __body = [] var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('add') > -1) { data = this.getWorkBook().dataset[addDataset.controlId] var addData = data.getData() addData.forEach(tem => { tem.$state = 'rsInsert'; }) __body = [{ modelFilePath: data.modelFilePath, data: addData }] } else { data = this.getWorkBook().dataset[queryDataset.controlId] __body = [{ modelFilePath: data.modelFilePath, data: data.getDirtyData() }] } if (__body && __body.length > 0) { this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('保存成功') } else { this.$message.error(res.msg) } }); } else { this.$message.warning('请添加数据') } } }, mounted() { let data = this.getWorkBook().dataset[queryDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_cancel", title: "取消", disabled: true, icon: 'el-icon-close', size: 'small', events: { click: function () { let data = this.getWorkBook().dataset[queryDataset.controlId] data.cancel(); } }, mounted() { let data = this.getWorkBook().dataset[queryDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_del", title: "删除", icon: 'el-icon-delete', size: 'small', events: { click: function () { let data = this.getWorkBook().dataset[queryDataset.controlId] let removeData = this.getRefCompt(hcTableId).$children[0].elTable().selection; if (removeData.length == 0) { this.$message.warning('未勾选要删除的选项') } else { this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { removeData.forEach(tem => { tem.$state = 'rsDelete'; }) var __body = [{ modelFilePath: data.modelFilePath, data: removeData }] this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('删除成功') data.remove(removeData) } else { this.$message.error(res.msg) } }); }) } }, }, } ] } var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list_" + dlgId, events: { click: function () { var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('detail') > -1) { this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none' } else { this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex' } } }, children: [{ controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: "list_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_add" + dlgId, label: "批量新增", name: "add_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTableAdd) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) }, ], slot: [].concat(extraBtn) } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset, addDataset], saveUrl: "/data/save?pn = " + pn, children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) // .concat(extraBtn) }] }] return birtWorkBook }

Ignore Space Show notes View

project/hivuiBirt/templates/pages/TabTableSave.js

/**
 * 查询方案、查询面板、工具条、网格，标准查询页面
 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { $CONST } from "@birt/funclib/ConstUtil.js";
import axios from "@birt/funclib/AxiosUtil.js";
import {baseURL,projectName,requestUrl} from '@birt/config'
export function TabTableSave(conf) {
  debugger
    const dlgId = StringUtil.randomString(6);
    const hcTabsId = "HcTabs_" + dlgId;
    const hcTabDetailId = "detail_" + dlgId;
    // 设置数据集id，分页
    var queryDataset = conf.mainDataset;
    queryDataset.controlId += "_" + dlgId;
    var addDataset = conf.addDataset;
    addDataset.controlId += "_" + dlgId;
    queryDataset._infcPagging = {
        _isPagging: true,
        returnCount: true
    }
    addDataset._editState = true;
    // 查询面板
    let hcQueryPanel = false;
    if (conf.hcQueryPanel) {
        hcQueryPanel = {
            controlName: "HcQueryPanel",
            controlId: "HcQueryPanel_" + dlgId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel, conf.hcQueryPanel || {});
    }

// 操作工具条
    let listFormToolbar = false;
    let addFormToolbar = false;
    if (conf.listFormToolbar) {
      listFormToolbar = {
        controlName: "HcFormToolbar",
        controlId: "listHcFormToolbar_" + dlgId,
        dataset: queryDataset.controlId,
        style: 'margin: 0 -4%;',
        class: 'text',
        children: [],
        deleteSucced:function(saveData){
          debugger
          this.store.resetPageStart()
          this.store.load()
        }
      }
      // 应用表单个性化配置
      Object.assign(listFormToolbar, conf.listFormToolbar || {});
    }
    if (conf.addFormToolbar) {
      addFormToolbar = {
        controlName: "HcFormToolbar",
        controlId: "addHcFormToolbar_" + dlgId,
        dataset: addDataset.controlId,
        style: 'margin: 0 -4%;',
        children: []
      }
      // 应用表单个性化配置
      Object.assign(addFormToolbar, conf.addFormToolbar || {});
    }
    const hcTableId = "HcTable_" + dlgId
    const hcTableAddId = "HcTableAdd_" + dlgId
    // 网格明细
    var hcTable = {
        controlName: "HcTable",
        controlId: "HcTable_" + dlgId,
        dataset: queryDataset.controlId,
        border: true,
        size: "small",
        showAddBtn: false,
        // showSummary:true,
        height: function (parentHeight) {
            return parentHeight - 160;
        },
        events: {
            // 双击跳转至详情页
            rowDblclick: function (row, column, event) {
                debugger
                let curtTabs = this.getRefCompt(hcTabsId);
                let pushParam = Object.assign(row);
                let eleNumber = this.store && this.store._getEleNumber();
                if (eleNumber) {
                    pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field];
                }
                curtTabs.setActiveTabName(hcTabDetailId, pushParam);
            },
        },
        children: [],
    };
    // 网格新增
  var hcTableAdd = {
    isEdit: true,
    controlName: "HcTable",
    controlId: hcTableAddId,
    dataset: addDataset.controlId,
    highlightCurrentRow: true,
    height: function (parentHeight) {
      return parentHeight - 100;
    },
    size: "small",
    // showSummary:true,
    children: [],
    events: {
      currentChange: function (row) {
        this.store.setCurtRecord(row);
      }
    },
    style: "margin:auto;"
  };
  // 应用网格个性化配置
  Object.assign(hcTable, conf.hcTable || {});
  Object.assign(hcTableAdd, conf.hcTableAdd || {});
  // 操作列 
  let operateColumn = {
    controlName: "HcTableColumnScope",
    controlId: "HcTableColumn_operate",
    label: "操作",
    width: 150,
    headerAlign: "center",
    fixed: "right",
    slot: "scope",
    children: [{
      controlName: "HcButton",
      controlId: "HcButton_add",
      type: "primary",
      icon: "el-icon-plus",
      size: 'mini',
      style: 'padding: 5px 15px;',
      disabled: function () {
        return this.store && this.store.allowAdd && !this.store.allowAdd();
      },
      events: {
        click() {
          let newRecd = this.store.newRecord();
          this.store.add(newRecd);
        },
      },
    },
    {
      controlName: "HcButton",
      controlId: "HcButton_del",
      type: "danger",
      size: 'mini',
      style: 'padding: 5px 15px;',
      icon: "el-icon-delete",
      disabled: function () {
        return this.store && this.store.allowRemove && !this.store.allowRemove();
      },
      events: {
        click() {
          this.store.remove(this.scope.row);
        },
      },
    },
    ],
  }
  hcTableAdd.children.push(operateColumn);
  
    // 详情表单 
    var hcDetailForm = false;
    if (conf.hcDetailForm) {
        hcDetailForm = Object.assign(
            conf.hcDetailForm,
            {
                height: function (parentHeight) {
                    return parentHeight - 170;
                },
            })
    }

// 分页工具条
    var hcPagination = {
        controlName: "HcPagination",
        controlId: "HcPagination_" + dlgId,
        pageSizes: [10, 20, 50, 100],
        layout: "total, prev, pager, next, sizes, jumper",
        dataset: queryDataset.controlId,
    };
    var hcTabs = {
      controlName: "HcTabs",
      controlId: hcTabsId,
      tabPosition: "top",
      activeTabName: "list_" + dlgId,
      tabPosition: 'right',
      // events: {
      //   click: function () {
      //     var tabs = this.getRefCompt(hcTabsId).activeTabName
      //     if (tabs.indexOf('detail') > -1) {
      //       this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none'
      //     } else {
      //       this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex'
      //     }
      //   }
      // },
      children: [{
        controlName: "HcTabPane",
        controlId: "HcTabPane_list_" + dlgId,
        label: "列表",
        name: "list_" + dlgId,
        children: []
          .concat(hcQueryPanel ? hcQueryPanel : [])
          .concat(listFormToolbar ? listFormToolbar : [])
          .concat(hcTable)
          .concat(hcPagination)
        },
        {
          controlName: "HcTabPane",
          controlId: "HcTabPane_add" + dlgId,
          label: "批量新增",
          name: "add_" + dlgId,
          children: []
            .concat(addFormToolbar ? addFormToolbar : [])
            .concat(hcTableAdd)
        },
        {
          controlName: "HcTabPane",
          controlId: "HcTabPane_detail_" + dlgId,
          label: "详情",
          name: hcTabDetailId,
          children: []
            .concat(hcDetailForm ? hcDetailForm : [])
        },
      ],
    }

// 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "pages",
        height: function (parentHeight) {
            return parentHeight - 1;
        },
    }, conf.birtWorkBook || {})
    // 添加布局结构
    birtWorkBook.children = [{
    controlName: "BirtSheet",
    controlId: "BirtSheet_" + dlgId,
    name: "sheet_" + dlgId,
    pageIndex: 0,
    dataSets: [queryDataset, addDataset],
    children: [{
      controlName: "BirtFormSheet",
      controlId: "BirtFormSheet_" + dlgId,
      children: []
      .concat(hcTabs)
    }]
  }]
    return birtWorkBook
}

/**
 * 查询方案、查询面板、工具条、网格，标准查询页面
 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { $CONST } from "@birt/funclib/ConstUtil.js";
import axios from "@birt/funclib/AxiosUtil.js";
import {baseURL,projectName,requestUrl} from '@birt/config'
var pn = projectName || 'birt'
export function TabTableSave(conf) {
    debugger
    const dlgId = StringUtil.randomString(6);
    const hcTabsId = "HcTabs_" + dlgId;
    const hcTabDetailId = "detail_" + dlgId;
    // 设置数据集id，分页
    var queryDataset = conf.mainDataset;
    queryDataset.controlId += "_" + dlgId;
    var addDataset = conf.addDataset;
    addDataset.controlId += "_" + dlgId;
    queryDataset._infcPagging = {
        _isPagging: true,
        returnCount: true
    }
    addDataset._editState = true;
    // 查询面板
    let hcQueryPanel = false;
    if (conf.hcQueryPanel) {
        hcQueryPanel = {
            controlName: "HcQueryPanel",
            controlId: "HcQueryPanel_" + dlgId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel, conf.hcQueryPanel || {});
    }

// 操作工具条
    let hcFormToolbar = false;
    if (conf.hcFormToolbar) {
        hcFormToolbar = {
            controlName: "HcFormToolbar",
            controlId: "HcFormToolbar_" + dlgId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用表单个性化配置
        Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    }
    const hcTableId = "HcTable_" + dlgId
    const hcTableAddId = "HcTableAdd_" + dlgId
    // 网格明细
    var hcTable = {
        controlName: "HcTable",
        controlId: "HcTable_" + dlgId,
        dataset: queryDataset.controlId,
        border: true,
        showAddBtn: false,
        // showSummary:true,
        height: function (parentHeight) {
            return parentHeight - 170;
        },
        events: {
            // 双击跳转至详情页
            rowDblclick: function (row, column, event) {
                let curtTabs = this.getRefCompt(hcTabsId);
                let pushParam = Object.assign({ url: "/data/querys" }, row);
                let eleNumber = this.store && this.store._getEleNumber();
                if (eleNumber) {
                    pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field];
                }
                curtTabs.setActiveTabName(hcTabDetailId, pushParam);
            },
        },
        children: [],
    };
    // 网格新增
  var hcTableAdd = {
    isEdit: true,
    controlName: "HcTable",
    controlId: hcTableAddId,
    dataset: addDataset.controlId,
    highlightCurrentRow: true,
    height: function (parentHeight) {
      return parentHeight - 180;
    },
    size: "small",
    // showSummary:true,
    children: [],
    events: {
      currentChange: function (row) {
        debugger
        this.store.setCurtRecord(row);
        if (this.store.data.length > 0) {
          this.getRefCompt('HcButton_save').conf.disabled = false
        } else {
          this.getRefCompt('HcButton_save').conf.disabled = true
        }
      }
    },
    style: "margin:auto;"
  };
  // 应用网格个性化配置
  Object.assign(hcTable, conf.hcTable || {});
  Object.assign(hcTableAdd, conf.hcTableAdd || {});
  // 操作列 
  let operateColumn = {
    controlName: "HcTableColumnScope",
    controlId: "HcTableColumn_operate",
    label: "操作",
    width: 100,
    headerAlign: "center",
    fixed: "right",
    slot: "scope",
    children: [{
      controlName: "HcButton",
      controlId: "HcButton_add",
      type: "primary",
      circle: true,
      icon: "el-icon-plus",
      disabled: function () {
        return this.store && this.store.allowAdd && !this.store.allowAdd();
      },
      events: {
        click() {
          let newRecd = this.store.newRecord();
          this.store.add(newRecd);
        },
      },
    },
    {
      controlName: "HcButton",
      controlId: "HcButton_del",
      type: "danger",
      circle: true,
      icon: "el-icon-delete",
      disabled: function () {
        return this.store && this.store.allowRemove && !this.store.allowRemove();
      },
      events: {
        click() {
          this.store.remove(this.scope.row);
        },
      },
    },
    ],
  }
  hcTableAdd.children.push(operateColumn);
  
    // 详情表单 
    var hcDetailForm = false;
    if (conf.hcDetailForm) {
        hcDetailForm = Object.assign(
            conf.hcDetailForm,
            {
                height: function (parentHeight) {
                    return parentHeight - 170;
                },
            })
    }

// 分页工具条
    var hcPagination = {
        controlName: "HcPagination",
        controlId: "HcPagination_" + dlgId,
        pageSizes: [10, 20, 50, 100],
        layout: "total, prev, pager, next, sizes, jumper",
        dataset: queryDataset.controlId,
    };
    var extraBtn = {
    controlName: 'HcRow',
    controlId: 'ElRow_extra',
    style: 'position: absolute;z-index:99;right:30px;height: 40px;line-height: 40px;display:flex',
    children: [{
      controlName: "HcButton",
      controlId: "HcButton_set",
      title: "列设置",
      icon: "el-icon-setting",
      size: 'small',
      disabled: function () {
        return false
      },
      events: {
        click: function () {
          var tabs = this.getRefCompt(hcTabsId).activeTabName
          if (tabs.indexOf('list') > -1) {
            this.getRefCompt(hcTableId).$children[0].showMenu('70%', 0)
          } else {
            this.getRefCompt(hcTableAddId).$children[0].showMenu('70%', 0)
          }
        }
      }
    },
    {
      controlName: "HcButton",
      controlId: "HcButton_save",
      title: "保存",
      icon: "el-icon-s-claim",
      disabled: true,
      size: 'small',
      events: {
        click: function () {
          var data = {}, __body = []
          var tabs = this.getRefCompt(hcTabsId).activeTabName
          if (tabs.indexOf('add') > -1) {
            data = this.getWorkBook().dataset[addDataset.controlId]
            var addData = data.getData()
            addData.forEach(tem => {
              tem.$state = 'rsInsert';
            })
            __body = [{
              modelFilePath: data.modelFilePath,
              data: addData
            }]
          } else {
            data = this.getWorkBook().dataset[queryDataset.controlId]
            __body = [{
              modelFilePath: data.modelFilePath,
              data: data.getDirtyData()
            }]
          }
          if (__body && __body.length > 0) {
            this.axios.post(data.saveUrl, {
              __body: JSON.stringify(__body)
            }).then((res) => {
              if (res.status == 200) {
                this.$message.success('保存成功')
              } else {
                this.$message.error(res.msg)
              }
            });
          } else {
            this.$message.warning('请添加数据')
          }
        }
      },
      mounted() {
        let data = this.getWorkBook().dataset[queryDataset.controlId]
        let me = this;
        data.on("dirtyChange", (isDirty) => {
          me.conf.disabled = !isDirty;
        });
      },
    },
    {
      controlName: "HcButton",
      controlId: "HcButton_cancel",
      title: "取消",
      disabled: true,
      icon: 'el-icon-close',
      size: 'small',
      events: {
        click: function () {
          let data = this.getWorkBook().dataset[queryDataset.controlId]
          data.cancel();
        }
      },
      mounted() {
        let data = this.getWorkBook().dataset[queryDataset.controlId]
        let me = this;
        data.on("dirtyChange", (isDirty) => {
          me.conf.disabled = !isDirty;
        });
      },
    },
    {
      controlName: "HcButton",
      controlId: "HcButton_del",
      title: "删除",
      icon: 'el-icon-delete',
      size: 'small',
      events: {
        click: function () {
          let data = this.getWorkBook().dataset[queryDataset.controlId]
          let removeData = this.getRefCompt(hcTableId).$children[0].elTable().selection;
          if (removeData.length == 0) {
            this.$message.warning('未勾选要删除的选项')
          } else {
            this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
              removeData.forEach(tem => {
                tem.$state = 'rsDelete';
              })
              var __body = [{
                modelFilePath: data.modelFilePath,
                data: removeData
              }]
              this.axios.post(data.saveUrl, {
                __body: JSON.stringify(__body)
              }).then((res) => {
                if (res.status == 200) {
                  this.$message.success('删除成功')
                  data.remove(removeData)
                } else {
                  this.$message.error(res.msg)
                }
              });
            })
          }
        },
      },
    }
    ]
  }
    var hcTabs = {
    controlName: "HcTabs",
    controlId: hcTabsId,
    tabPosition: "top",
    activeTabName: "list_" + dlgId,
    events: {
      click: function () {
        var tabs = this.getRefCompt(hcTabsId).activeTabName
        if (tabs.indexOf('detail') > -1) {
          this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none'
        } else {
          this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex'
        }
      }
    },
    children: [{
      controlName: "HcTabPane",
      controlId: "HcTabPane_list_" + dlgId,
      label: "列表",
      name: "list_" + dlgId,
      children: []
        .concat(hcFormToolbar ? hcFormToolbar : [])
        .concat(hcTable)
        .concat(hcPagination)
    },
    {
      controlName: "HcTabPane",
      controlId: "HcTabPane_add" + dlgId,
      label: "批量新增",
      name: "add_" + dlgId,
      children: []
        .concat(hcFormToolbar ? hcFormToolbar : [])
        .concat(hcTableAdd)
    },
    {
      controlName: "HcTabPane",
      controlId: "HcTabPane_detail_" + dlgId,
      label: "详情",
      name: hcTabDetailId,
      children: []
        .concat(hcDetailForm ? hcDetailForm : [])
    },
    ],
    slot: [].concat(extraBtn)
  }

return parentHeight - 1;
        },
    }, conf.birtWorkBook || {})
    // 添加布局结构
    birtWorkBook.children = [{
    controlName: "BirtSheet",
    controlId: "BirtSheet_" + dlgId,
    name: "sheet_" + dlgId,
    pageIndex: 0,
    dataSets: [queryDataset, addDataset],
    saveUrl: "/data/save?pn = " + pn,
    children: [{
      controlName: "BirtFormSheet",
      controlId: "BirtFormSheet_" + dlgId,
      children: []
        .concat(hcQueryPanel ? hcQueryPanel : [])
        .concat(hcTabs)
      // .concat(extraBtn)
    }]
  }]
    return birtWorkBook
}

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" > <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" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> 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 } 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 = cfg.sysDefTabs \|\| []; let setTabs = 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 item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = utils.string.setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); 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; 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, }); }); // 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; 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 //默认选中 }); break; } } console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, 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 (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); url=utils.string.setUrlValue(url,"access_token",getToken()); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { 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); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); 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 colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; window.SysPage={ newPage : function(title, url, params, method, target) { var uid = md5((params&&params._ftaskguid)?(url+"?tguid="+params._ftaskguid):url), tab; function formSubmit(cfg){ cfg.autoDestroy = true; var form = me.creatForm(cfg); 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(""); } }else{ /** * 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){ 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.colseTab(id); }else{ window.parent.Sys.colseSeldTab(); } }, closeCurPage:function(){ if(!window.parent.Sys){ return; } var id = getUrlValue('__tabId',window.location.search); window.parent.Sys.colseTab(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(); } } }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][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(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [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) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; 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"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false \|\| i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = 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 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){ var parms =_opt.url.split("?")[1], item,i=0,len; if(parms!=null){ parms = parms.split("&"); for(i=0,len=parms.length;i<len;i++){ item = parms[i].split("="); _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; }, }, }; </script> <style scoped> </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" > <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" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> 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 } 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 = cfg.sysDefTabs \|\| []; let setTabs = 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 item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = utils.string.setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); 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; 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, }); }); // 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 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 //默认选中 }); break; } } console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, 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 (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); url=utils.string.setUrlValue(url,"access_token",getToken()); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { 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); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); 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 colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; window.SysPage={ newPage : function(title, url, params, method, target) { var uid = md5((params&&params._ftaskguid)?(url+"?tguid="+params._ftaskguid):url), tab; function formSubmit(cfg){ cfg.autoDestroy = true; var form = me.creatForm(cfg); 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(""); } }else{ /** * 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){ 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.colseTab(id); }else{ window.parent.Sys.colseSeldTab(); } }, closeCurPage:function(){ if(!window.parent.Sys){ return; } var id = getUrlValue('__tabId',window.location.search); window.parent.Sys.colseTab(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(); } } }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][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(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [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) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; 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"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false \|\| i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = 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 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){ var parms =_opt.url.split("?")[1], item,i=0,len; if(parms!=null){ parms = parms.split("&"); for(i=0,len=parms.length;i<len;i++){ item = parms[i].split("="); _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; }, }, }; </script> <style scoped> </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"
        >
            <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"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="protalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
    </div>
</template>
<script>
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 } 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 = cfg.sysDefTabs || [];
        let setTabs = 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
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = utils.string.setUrlValue(item.url, "__tabId", id);
            }
            list.push({
                title: item.title,
                url: item.url,
                close: item.close,
                id: id,
                type: item.type,
            });
        });
        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;
            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,
            });
        });
        // 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;
                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 //默认选中
                });
                break;
            }
        }
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
        };
    },
    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 (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                if(!window._global){//正式环境
                    url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName);
                    url=utils.string.setUrlValue(url,"access_token",getToken());
                }
                let tabs = me.tabList.filter((item, index) => {
                    return item.id == uid;
                });
                if (tabs.length) {
                    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);
                }

me.tabList.push({
                    title: title,
                    url: url,
                    close: true,
                    id: uid,
                    listeners: {
                        load: onLoad,
                    },
                });
                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
            colseTab(uid) {
                cTabs.closeItem(uid);
            },
            colseSeldTab() {
                cTabs.closeCurItem();
            },
        };

if (id) {
					window.parent.Sys.colseTab(id);
				}else{
					window.parent.Sys.colseSeldTab();
				}
				
			},
			closeCurPage:function(){
				if(!window.parent.Sys){					
					return;
				}
				var id = getUrlValue('__tabId',window.location.search);
				window.parent.Sys.colseTab(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();
				}
			}
        };

if (this.defTabKey == "" && this.tabList.length)
            this.defTabKey = this.tabList[0].id;
        //默认如果指向下面两个的话，标识一下已经加载过
        if (this.$refs["protalSysHome"]) {
            //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
            // console.log('加载系统门户列表~！');
            let itemData = this.$refs["protalSysHome"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["protalSysHome"][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();
            }
        },
        handleBeforeClose(panel, evt) {
            let ifm = panel.$refs["iframe"];
            try {
                let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1);
                return flag;
            } catch (e) {
                !document.all &&
                    window.console.log(
                        "iframe : Scp.context.beforeunloadFn();"
                    );
            }
        },
        handleActiveTab(panel) {
            if (!panel) return;
            if (panel.itemData.type == "home") {
                this.$refs["protalSysHome"][0].doRender();
            }
            if (panel.itemData.type == "work") {
                this.$refs["portalUserWork"][0].doRender();
            }
            try {
                let tab = this.$refs["cmp-tabs"].getItemObj(panel.name);
                tab &&
                    tab.tabPanelIframeEl.contentWindow
                        .$(tab.tabPanelIframeEl.contentDocument)
                        .trigger("iframeActiving", [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) {}
        },
        handleRemoveTab(targetName) {
            let tabs = this.tabList;
            let activeName = this.defTabKey;
            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";
            }
        },
        handleRemoveAllTab() {
            let tabs = this.tabList;
            this.tabList = tabs.filter((tab) => {
                return !tab.close;
            });
            let l = this.tabList.length;
            this.defTabKey = l ? this.tabList[l - 1].id : "";
        },
        handleRemoveLeftTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i < index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i >= index;
            });

this.defTabKey = defTabKey;
        },
        handleRemoveRightTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i > index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i <= index;
            });
            this.defTabKey = defTabKey;
        },
        handleRemoveOtherTab(name, index) {
            let tabs = this.tabList;
            tabs = tabs.filter((tab, i) => {
                return tab.close == false || i == index;
            });
            this.$set(this, "tabList", tabs);
            this.defTabKey = 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 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){
                    var parms =_opt.url.split("?")[1],
                        item,i=0,len;
                    if(parms!=null){
                        parms = parms.split("&");
                        for(i=0,len=parms.length;i<len;i++){
                            item = parms[i].split("=");
                            _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;
        },
    },
};
</script>
<style scoped>
</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"
        >
            <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"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="protalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
    </div>
</template>
<script>
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 } 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 = cfg.sysDefTabs || [];
        let setTabs = 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
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = utils.string.setUrlValue(item.url, "__tabId", id);
            }
            list.push({
                title: item.title,
                url: item.url,
                close: item.close,
                id: id,
                type: item.type,
            });
        });
        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;
            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,
            });
        });
        // 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 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 //默认选中
                });
                break;
            }
        }
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
        };
    },
    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 (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                if(!window._global){//正式环境
                    url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName);
                    url=utils.string.setUrlValue(url,"access_token",getToken());
                }
                let tabs = me.tabList.filter((item, index) => {
                    return item.id == uid;
                });
                if (tabs.length) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

Show line notes below