birt cmps版本升级

08335 / hivui-platform-template

hivui平台项目模板

Browse code birt cmps版本升级 master
1 parent f2350b2 commit 45906400975680ffe383280ac150cf13a1f0f501 hhb authored on 21 Mar 2022

Showing 7 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-jstree": "^2.1.6", "vue-qr": "^3.2.4", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.5.3", "zhc-birt-core": "^1.9.0" } } { "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-jstree": "^2.1.6", "vue-qr": "^3.2.4", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.5.2", "zhc-birt-core": "^1.9.0" } }

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-jstree": "^2.1.6",
    "vue-qr": "^3.2.4",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2",
    "zhc-birt-cmps": "^2.5.3",
    "zhc-birt-core": "^1.9.0"
  }
}

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> <style scope> .el-row > .zhc-birt-cell-children > .el-button { border: none; border-right: 1px solid #ddd; border-radius: 0; padding: 5px 15px; } </style>

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>

Ignore Space Show notes View project/hivuiBirt/mixins/permission_assign.js
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 }) } } } 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,
  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_check.js
import request from '@birt/funclib/AxiosUtil' import { getResData,getDataAccess } from "@birt/api/user"; export default { methods:{ getSchemeC(data, me) { 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(); data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, loadMethodC(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeC(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionData(me.resData, me.rData); console.log("resources 2222222", me.resData); option = option \|\| {}; resolve.call(store, me.resData, option); } }); }) }, // 根据用户查询反查 getPermissionByUer(params){ return request({ url: '/sys/auth/query-all-user', method: 'post', data:params }) }, // 根据功能查询反查 getPermissionByResAll(params){ return request({ url: '/sys/auth/query-all-res', method: 'post', data:params }) }, 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; } }, // 树形表格过滤 // 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; // }, } } import request from '@birt/funclib/AxiosUtil' import { getResData } from "@birt/api/user"; export default { methods:{ getSchemeC(data, me) { 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(); data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, loadMethodC(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeC(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionData(me.resData, me.rData); console.log("resources 2222222", me.resData); option = option \|\| {}; resolve.call(store, me.resData, option); } }); }) }, // 根据用户查询反查 getPermissionByUer(params){ return request({ url: '/sys/auth/query-all-user', method: 'post', data:params }) }, // 根据功能查询反查 getPermissionByResAll(params){ return request({ url: '/sys/auth/query-all-res', method: 'post', data:params }) }, 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; } }, // 树形表格过滤 // 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; // }, } }

Ignore Space Show notes View

project/hivuiBirt/mixins/permission_check.js

import request from '@birt/funclib/AxiosUtil'
import { getResData,getDataAccess } from "@birt/api/user";
export default {
 methods:{
 getSchemeC(data, me) {
 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();
 data1[v.TYPE] = v;
 me.rData[key] = data1;
 });
 resolve();
 } else {
 reject();
 }
 });
 });
 },
 loadMethodC(store, loadCdion, option, resolve) {
 let me = this;
 var data = {
 modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml"
 };
 me.getSchemeC(data, me).then(function (value) {
 getResData().then(res => {
 if (res.status == 200) {
 me.resData = res.dataPack;
 me.addOpetionData(me.resData, me.rData);
 console.log("resources 2222222", me.resData);
 option = option || {};
 resolve.call(store, me.resData, option);
 }
 });
 })
 },
 // 根据用户查询反查
 getPermissionByUer(params){
 return request({
 url: '/sys/auth/query-all-user',
 method: 'post',
 data:params
 })
 },
 // 根据功能查询反查
 getPermissionByResAll(params){
 return request({
 url: '/sys/auth/query-all-res',
 method: 'post',
 data:params
 })
 },
 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;
 }
 },
 // 树形表格过滤
 // 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;
 // },
 }
}

import request from '@birt/funclib/AxiosUtil'
import { getResData } from "@birt/api/user";
export default {
 methods:{
 getSchemeC(data, me) {
 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();
 data1[v.TYPE] = v;
 me.rData[key] = data1;
 });
 resolve();
 } else {
 reject();
 }
 });
 });
 },
 loadMethodC(store, loadCdion, option, resolve) {
 let me = this;
 var data = {
 modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml"
 };
 me.getSchemeC(data, me).then(function (value) {
 getResData().then(res => {
 if (res.status == 200) {
 me.resData = res.dataPack;
 me.addOpetionData(me.resData, me.rData);
 console.log("resources 2222222", me.resData);
 option = option || {};
 resolve.call(store, me.resData, option);
 }
 });
 })
 },
 // 根据用户查询反查
 getPermissionByUer(params){
 return request({
 url: '/sys/auth/query-all-user',
 method: 'post',
 data:params
 })
 },
 // 根据功能查询反查
 getPermissionByResAll(params){
 return request({
 url: '/sys/auth/query-all-res',
 method: 'post',
 data:params
 })
 },
 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;
 }
 },
 // 树形表格过滤
 // 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;
 // },
 }
}

Ignore Space Show notes View project/hivuiBirt/templates/compose/org-tree-edit.jsx
/** * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 @param {} dsId 绑定过滤数据集ID @param {} option 扩展选项 @returns / import pinyin from "pinyin"; import { JsonUtil } from "@birt/funclib/JsonUtil" export function treeEditFilter(dlgId, dsId, option) { debugger let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_org"; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); }, } }; // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], // events: { // deleted:function() { // var _this = this.getWorkBook().dataset[dsId] // var vm = this // setDatas(_this, vm, 'delete') // }, // }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow \|\| currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.tree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.tree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", renderContent(h, { node, data, store}) { var _this = this var iconClass = '' switch (data.FORGKIND) { case '.ROOT': iconClass = 'iconfont icon-root' break; case '.ORG': iconClass = 'iconfont icon-org' break; case '.DPT': iconClass = 'iconfont icon-dpt' break; case '.PTM': iconClass = 'iconfont icon-ptm' break; case '.PSM': iconClass = 'el-icon-user' break; default: iconClass = '' break; } return ( <span class="custom-tree-node"> <span title={data.FORGKINDNAME}> <i class={iconClass}></i> {node.label} </span> {/ <span class="btn"> <el-button size="large" title="删除" type="text" icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> /} </span>); } }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] } /* * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 @param {} dsId 绑定过滤数据集ID @param {} option 扩展选项 @returns / import pinyin from "pinyin"; import { JsonUtil } from "@birt/funclib/JsonUtil" export function treeEditFilter(dlgId, dsId, option) { debugger let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_org"; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); }, } }; // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], // events: { // deleted:function() { // var _this = this.getWorkBook().dataset[dsId] // var vm = this // setDatas(_this, vm, 'delete') // }, // }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow \|\| currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.tree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.tree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", renderContent(h, { node, data, store}) { var _this = this var iconClass = '' switch (data.FORGKIND) { case '.ROOT': iconClass = 'iconfont icon-root' break; case '.ORG': iconClass = 'iconfont icon-org' break; case '.DPT': iconClass = 'iconfont icon-dpt' break; case '.PTM': iconClass = 'iconfont icon-ptm' break; case '.PSM': iconClass = 'el-icon-user' break; default: iconClass = '' break; } return ( <span class="custom-tree-node"> <span title={data.FORGKINDNAME}> <i class={iconClass}></i> {node.label} </span> {/ <span class="btn"> <el-button size="large" title="删除" type="text" icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> */} </span>); } }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] }

Ignore Space Show notes View

project/hivuiBirt/templates/compose/org-tree-edit.jsx

/**
 * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作
 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用
 * @param {*} dsId 绑定过滤数据集ID
 * @param {*} option 扩展选项
 * @returns 
 */
 import pinyin from "pinyin";
 import { JsonUtil } from "@birt/funclib/JsonUtil"

export function treeEditFilter(dlgId, dsId, option) {
 debugger
 let filterField = option.hcTree.labelField;
 let lazy = option.hcTree.lazy;
 let fireAction = lazy ? "" : "keyup";
 let treeId = "HcTree_org";
 // 过滤编辑器
 let inputFilter = {
 controlName: "HcInputFilter",
 controlId: "HcInputFilter_" + dlgId,
 size: "small",
 fireAction: fireAction,
 events: {
 filterChange: function (filterKey) {
 this.getRefCompt(treeId).filter(
 filterKey
 );
 },
 }
 };
 // 删除
 let btnDeleteId = "HcLookup_delete_" + dlgId;
 let buttonDelete = {
 controlName: "HcLookup",
 controlId: btnDeleteId,
 dataset: dsId,
 lookDialog: {
 footer: ["cancel", "delete"],
 // events: {
 // deleted:function() {
 // var _this = this.getWorkBook().dataset[dsId]
 // var vm = this
 // setDatas(_this, vm, 'delete')
 // },
 // },
 },
 children: [
 {
 controlName: "HcButton",
 title: "删除",
 icon: "el-icon-delete",
 size: "mini",
 style: "float:left;margin-left:5px;width:80px;",
 vshow: false,
 events: {
 click: function () {
 debugger
 let treeMenu = this.getRefCompt(treeId);
 let currentRow = treeMenu.elTree().getCurrentNode();
 if (!currentRow || currentRow._isVirtualRoot) {
 this.$message({
 message: '请选择要删除的节点',
 type: 'warning'
 });
 return;
 }
 let btnDelete = this.getRefCompt(btnDeleteId);
 let pushRecd = btnDelete.getPushAddMapRecds(currentRow);
 let pushParam = {
 pushType: "delete",
 dataset: btnDelete.lookDataset.dataset,
 // data: [pushRecd]
 };
 Object.assign(pushParam,pushRecd);
 btnDelete.openLookDialog({ __push: pushParam })
 },
 },
 }
 ]
 }
 function remove(node,data,store,_this){
 debugger
 let wb = _this.getWorkBook();
 wb.param.node = node
 wb.param.treeData = data
 let btnDelete = _this.getRefCompt(btnDeleteId);
 var pushRecd = data;
 var pushParam = {
 pushType: "delete",
 dataset: btnDelete.lookDataset.dataset,
 data: [pushRecd]
 };
 Object.assign(pushParam,pushRecd);
 btnDelete.openLookDialog({ __push: pushParam })
 }
 JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete);
 JsonUtil.deepMerge(buttonDelete, option.hcLookup);
 // 编辑树型按钮工具条
 let treeEditToolbar = {
 controlName: "HcRow",
 style: "margin-top:5px;",
 children: [
 buttonDelete,
 ]
 }
 // 编辑树组件
 let hcTree = {
 controlName: "HcTree",
 controlId: treeId,
 dataset: dsId,
 labelField: filterField,
 // defaultExpandAll: true,
 // accordion: true,
 highlightCurrent: true,
 expandOnClickNode: false,
 lazy: false,
 mounted: function () {
 debugger
 this.store.tree = this
 this.store.on("afterLoadData", afterLoadData);
 function afterLoadData(data){
 debugger
 let tree = this.tree
 let key = this._infcTree.idField
 let pKey = this._infcTree.parentIdField
 if(tree && key && pKey){
 if(data && data[0][pKey] == -1){
 if(tree.defaultExpandedKeys){
 tree.defaultExpandedKeys.push(data[0][key])
 }else{
 tree.defaultExpandedKeys = [data[0][key]]
 }
 }
 }
 }
 },
 filterNodeMethod:function(value, data,node) {
 if (!value){
 return true
 }else{
 let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase();
 return key.indexOf(value.toUpperCase()) !== -1;
 }
 },
 height: function (parentHeight) {
 return parentHeight - 80;
 },
 style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;",
 renderContent(h, { node, data, store}) {
 var _this = this
 var iconClass = ''
 switch (data.FORGKIND) {
 case '.ROOT':
 iconClass = 'iconfont icon-root'
 break;
 case '.ORG':
 iconClass = 'iconfont icon-org'
 break;
 case '.DPT':
 iconClass = 'iconfont icon-dpt'
 break;
 case '.PTM':
 iconClass = 'iconfont icon-ptm'
 break;
 case '.PSM':
 iconClass = 'el-icon-user'
 break;
 
 default:
 iconClass = ''
 break;
 }
 return (
 
 
 
 {node.label}
 
 {/* 
 <el-button size="large" title="删除" type="text" icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button>
 */}
 );
 }
 };
 // 应用树个性化配置
 Object.assign(hcTree, option.hcTree);
 
 // 返回布局结构
 return [
 inputFilter,
 treeEditToolbar,
 hcTree
 ]

}

export function treeEditFilter(dlgId, dsId, option) {
 debugger
 let filterField = option.hcTree.labelField;
 let lazy = option.hcTree.lazy;
 let fireAction = lazy ? "" : "keyup";
 let treeId = "HcTree_org";
 // 过滤编辑器
 let inputFilter = {
 controlName: "HcInputFilter",
 controlId: "HcInputFilter_" + dlgId,
 size: "small",
 fireAction: fireAction,
 events: {
 filterChange: function (filterKey) {
 this.getRefCompt(treeId).filter(
 filterKey
 );
 },
 }
 };
 // 删除
 let btnDeleteId = "HcLookup_delete_" + dlgId;
 let buttonDelete = {
 controlName: "HcLookup",
 controlId: btnDeleteId,
 dataset: dsId,
 lookDialog: {
 footer: ["cancel", "delete"],
 // events: {
 // deleted:function() {
 // var _this = this.getWorkBook().dataset[dsId]
 // var vm = this
 // setDatas(_this, vm, 'delete')
 // },
 // },
 },
 children: [
 {
 controlName: "HcButton",
 title: "删除",
 icon: "el-icon-delete",
 size: "mini",
 style: "float:left;margin-left:5px;width:80px;",
 vshow: false,
 events: {
 click: function () {
 debugger
 let treeMenu = this.getRefCompt(treeId);
 let currentRow = treeMenu.elTree().getCurrentNode();
 if (!currentRow || currentRow._isVirtualRoot) {
 this.$message({
 message: '请选择要删除的节点',
 type: 'warning'
 });
 return;
 }
 let btnDelete = this.getRefCompt(btnDeleteId);
 let pushRecd = btnDelete.getPushAddMapRecds(currentRow);
 let pushParam = {
 pushType: "delete",
 dataset: btnDelete.lookDataset.dataset,
 // data: [pushRecd]
 };
 Object.assign(pushParam,pushRecd);
 btnDelete.openLookDialog({ __push: pushParam })
 },
 },
 }
 ]
 }
 function remove(node,data,store,_this){
 debugger
 let wb = _this.getWorkBook();
 wb.param.node = node
 wb.param.treeData = data
 let btnDelete = _this.getRefCompt(btnDeleteId);
 var pushRecd = data;
 var pushParam = {
 pushType: "delete",
 dataset: btnDelete.lookDataset.dataset,
 data: [pushRecd]
 };
 Object.assign(pushParam,pushRecd);
 btnDelete.openLookDialog({ __push: pushParam })
 }
 JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete);
 JsonUtil.deepMerge(buttonDelete, option.hcLookup);
 // 编辑树型按钮工具条
 let treeEditToolbar = {
 controlName: "HcRow",
 style: "margin-top:5px;",
 children: [
 buttonDelete,
 ]
 }
 // 编辑树组件
 let hcTree = {
 controlName: "HcTree",
 controlId: treeId,
 dataset: dsId,
 labelField: filterField,
 // defaultExpandAll: true,
 // accordion: true,
 highlightCurrent: true,
 expandOnClickNode: false,
 lazy: false,
 mounted: function () {
 debugger
 this.store.tree = this
 this.store.on("afterLoadData", afterLoadData);
 function afterLoadData(data){
 debugger
 let tree = this.tree
 let key = this._infcTree.idField
 let pKey = this._infcTree.parentIdField
 if(tree && key && pKey){
 if(data && data[0][pKey] == -1){
 if(tree.defaultExpandedKeys){
 tree.defaultExpandedKeys.push(data[0][key])
 }else{
 tree.defaultExpandedKeys = [data[0][key]]
 }
 }
 }
 }
 },
 filterNodeMethod:function(value, data,node) {
 if (!value){
 return true
 }else{
 let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase();
 return key.indexOf(value.toUpperCase()) !== -1;
 }
 },
 height: function (parentHeight) {
 return parentHeight - 80;
 },
 style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;",
 renderContent(h, { node, data, store}) {
 var _this = this
 var iconClass = ''
 switch (data.FORGKIND) {
 case '.ROOT':
 iconClass = 'iconfont icon-root'
 break;
 case '.ORG':
 iconClass = 'iconfont icon-org'
 break;
 case '.DPT':
 iconClass = 'iconfont icon-dpt'
 break;
 case '.PTM':
 iconClass = 'iconfont icon-ptm'
 break;
 case '.PSM':
 iconClass = 'el-icon-user'
 break;
 
 default:
 iconClass = ''
 break;
 }
 return (
 
 
 
 {node.label}
 
 {/* 
 <el-button size="large" title="删除" type="text" icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button>
 */}
 );
 }
 };
 // 应用树个性化配置
 Object.assign(hcTree, option.hcTree);
 
 // 返回布局结构
 return [
 inputFilter,
 treeEditToolbar,
 hcTree
 ]

}

Ignore Space Show notes View project/hivuiBirt/templates/compose/tree-edit-filter.jsx
/** * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 @param {} dsId 绑定过滤数据集ID @param {} option 扩展选项 @returns / import { $CONST } from "@birt/funclib/ConstUtil"; import { JsonUtil } from "@birt/funclib/JsonUtil" import pinyin from "js-pinyin"; export function treeEditFilter(dlgId, dsId, option) { let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_" + dlgId; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); // if (filterKey) { // ds.addFilterCdion({ // sign: "pinyin", // name: filterField, // dataType: "string", // value: filterKey, // enable: true, // }); // // this.getRefCompt(treeId).filter( // // filterKey // // ); // } else { // ds.removeFilterCdion(filterField); // } }, } }; // 添加 let btnAddMenuId = "HcLookup_" + dlgId; let HcDropdownId = "HcDropdown_" + dlgId; let buttonAddMenu = { controlName: "HcLookup", controlId: btnAddMenuId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { var command = this.getWorkBook().param.command var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, command,data) }, }, }, children: [{ controlName: "HcDropdown", controlId: HcDropdownId, style: "float:left;width:90p;", vshow: false, events: { command: function (command) { this.getWorkBook().param.command = command let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow) { this.$message({ message: '请选择树节点要添加的位置', type: 'warning' }); return; } // 获取树当前选中记录，特殊处理虚拟根节点情况 let curtRecd; if (command == $CONST.BROTHER && currentRow._isVirtualRoot) { curtRecd = currentRow.children[currentRow.children.length - 1]; } else { curtRecd = currentRow; } let btnAddMenu = this.getRefCompt(btnAddMenuId); let pushRecd = btnAddMenu.getPushAddMapRecds(curtRecd); let pushParam = { pushType: "add", command: command, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) }, }, children: [ { controlName: "HcButton", controlId: "HcButton_02", size: "mini", title: "添加", children: [ { controlName: "HcIcon", controlId: "HcIcon_02_1", slot: "prev", className: "el-icon-plus el-icon--left", }, { controlName: "HcIcon", controlId: "HcIcon_02_2", className: "el-icon-arrow-down el-icon--right", }, ], }, { controlName: "HcDropdownMenu", controlId: "HcDropdownMenu_02", slot: "dropdown", children: [ { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_1", command: $CONST.BROTHER, title: "同级", style: "width:80px;" }, { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_2", command: $CONST.CHILD, title: "子级", }, ], }, ], }] } function add(node,data,_this, type){ debugger _this.getWorkBook().param.node = node if(type == 'brother'){ _this.getWorkBook().param.treeData = node.parent.data }else{ _this.getWorkBook().param.treeData = data } if(data.fresguid && type =='child' && !(data.FRESTYPE.toLocaleLowerCase() == 'dir' \|\| data.FRESTYPE.toLocaleLowerCase() == '.dir' \|\| data.fresguid == '-1')){ _this.$message({ message: '非目录节点不能新增子节点', type: 'warning' }); return } // if(type =='child'){ // node.loaded = false // node.expand() // } _this.getWorkBook().param.command = type let btnAddMenu = _this.getRefCompt(btnAddMenuId); var pushRecd = data; var pushParam = { pushType: "add", command: type, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) } // 修改 let btnEditId = "HcLookup_edit_" + dlgId; let buttonEdit = { controlName: "HcLookup", controlId: btnEditId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { debugger var _this = this.getWorkBook().dataset[dsId] var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var vm = this setDatas(_this, vm, 'edit',data) }, }, }, children: [ { controlName: "HcButton", title: "修改", icon: "el-icon-edit", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow \|\| currentRow._isVirtualRoot) { this.$message({ message: '请选择要修改的节点', type: 'warning' }); return; } let btnEdit = this.getRefCompt(btnEditId); let pushRecd = btnEdit.getPushAddMapRecds(currentRow); let pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) }, }, } ] } function edit(node,data,store,_this){ _this.getWorkBook().param.node = node _this.getWorkBook().param.treeData = data let btnEdit = _this.getRefCompt(btnEditId); var pushRecd = data; var pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) } // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], events: { deleted:function() { var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, 'delete') }, // confirm(){ // var _this = this.getWorkBook().dataset[dsId], // curData = _this.getCurtRecord(), // vm = this, // data = {}, // url = '' // if(curData.FROLEGUID){ // data = { // FROLEGUID: curData.FROLEGUID // } // url = '/sys/role/delete?pn=' + pn // }else if(curData.FORGGUID){ // data = { // FORGGUID: curData.FORGGUID // } // url = '/sys/org/delete?pn=' + pn // }else if(curData.FRESGUID){ // data = { // FRESGUID: curData.FRESGUID // } // url = '/sys/menu/delete?pn=' + pn // } // delTree(data,url).then((res) =>{ // console.log('删除', res) // if(res.status == 200){ // Message.success('删除成功') // setDatas(_this, vm, 'delete') // }else{ // Message.error(res.msg) // } // }) // } }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow \|\| currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } function getFisrt(obj){ var n=0; for(var key in obj){ return obj[key] } } // 应用树个性化配置 JsonUtil.deepMerge(buttonAddMenu, option.hcLookupAdd); JsonUtil.deepMerge(buttonEdit, option.hcLookupEdit); JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonAddMenu, option.hcLookup); JsonUtil.deepMerge(buttonEdit, option.hcLookup); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 查询数据集，set数据 function setDatas(_this, vm, type,data){ debugger // 清除树数据 _this.clear() let node = vm.getWorkBook().param.node let elTree = vm.getRefCompt(treeId) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.key) parent = parent.parent } // 缓存当前记录 let tempData = {} if(type == 'edit'){ tempData = data[0] }else if (type == 'delete'){ const pData = node.parent.data; tempData =pData }else{ const newChild = data[data.length -1]; elTree.defaultExpandedKeys.push(node.key) tempData = newChild; } _this.tempData = tempData // 重新加载树数据集 _this.query() _this.on("afterLoadData", afterLoadData); function afterLoadData(recd){ this.setCurtRecord(this.tempData); } // let treeData = vm.getWorkBook().param.treeData // let node = vm.getWorkBook().param.node // if(type == 'edit'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // // 修改父节点时子节点重复出现 // if(data[0].children){ // data[0].children=[] // } // nodeParent[nodeIndex].data = data[0] // _this.setCurtRecord(data[0]); // }else if (type == 'delete'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const parent = node.parent; // const children = parent.data.children \|\| parent.data; // const index = children.findIndex(d => d[id] === node.data[id]); // children.splice(index, 1); // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // nodeParent.splice(nodeIndex, 1); // _this.setCurtRecord(parent.data); // }else{ // const newChild = data[data.length -1]; // if (!treeData.children) { // vm.$set(treeData, 'children', []); // } // treeData.children.push(newChild); // _this.setCurtRecord(newChild); // } } // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonAddMenu, buttonEdit, buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.elTree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.elTree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ // let res = variableDeepSearch(data.children, value.trim(),filterField) // res是过滤后得到的数据 let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, renderContent(h, { node, data, store}) { var _this = this var iconClass = '' var title = '' var disabled = false var childDisabled = false // if(node.isLeaf){ // iconClass = 'el-icon-document' // }else{ // if(node.expanded){ // iconClass = 'el-icon-folder-opened' // }else{ // iconClass = 'el-icon-folder' // } // } if(data.FROLEKIND \|\| data.FROLEGUID){ if( data.FROLEKIND&&data.FROLEKIND.toLocaleLowerCase() == '.root' \|\| data.FROLEKIND.toLocaleLowerCase() == 'root' \|\| data.FROLEGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if( data.FROLEKIND.toLocaleLowerCase() == '.dir' \|\| data.FROLEKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '岗位' childDisabled = true } }else if(data.FRESTYPE \|\| data.FRESGUID){ if(data.FRESTYPE&&data.FRESTYPE.toLocaleLowerCase() == '.root' \|\| data.FRESTYPE.toLocaleLowerCase() == 'root' \|\| data.FRESGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FRESTYPE.toLocaleLowerCase() == '.dir' \|\| data.FRESTYPE.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else if(data.FRESTYPE.toLocaleLowerCase() == '.func' \|\| data.FRESTYPE.toLocaleLowerCase() == 'func'){ iconClass = 'iconfont icon-func' title = '功能' }else if(data.FRESTYPE.toLocaleLowerCase() == '.flow' \|\| data.FRESTYPE.toLocaleLowerCase() == 'flow'){ iconClass = 'iconfont icon-flow' title = '流程' } }else if(data.FLEVELKIND \|\| data.FLEVELGUID){ if( data.FLEVELKIND && data.FLEVELKIND.toLocaleLowerCase() == '.root' \|\| data.FLEVELKIND.toLocaleLowerCase() == 'root' \|\| data.FLEVELGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FLEVELKIND.toLocaleLowerCase() == '.dir' \|\| data.FLEVELKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '职级' childDisabled = true } }else { iconClass = 'el-icon-document' } return ( <span class="custom-tree-node"> <span title={title}> <i class={iconClass}></i> {node.label} </span> <span class="btn"> <el-button size="large" title="新增同级" type="text" disabled={disabled} icon="el-icon-folder-add" on-click={ () => add(node,data,_this, 'brother') }></el-button> <el-button size="large" title="新增子级" type="text" disabled={childDisabled} icon="el-icon-circle-plus-outline" on-click={ () => add(node,data,_this,'child') }></el-button> <el-button size="large" title="编辑" type="text" disabled={disabled} icon="el-icon-edit" on-click={ () => edit(node,data,store,_this) }></el-button> <el-button size="large" title="删除" type="text" disabled={disabled} icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> </span>); }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] } /* * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 @param {} dsId 绑定过滤数据集ID @param {} option 扩展选项 @returns */ import { $CONST } from "@birt/funclib/ConstUtil"; import { JsonUtil } from "@birt/funclib/JsonUtil" import pinyin from "js-pinyin"; export function treeEditFilter(dlgId, dsId, option) { let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_" + dlgId; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); // if (filterKey) { // ds.addFilterCdion({ // sign: "pinyin", // name: filterField, // dataType: "string", // value: filterKey, // enable: true, // }); // // this.getRefCompt(treeId).filter( // // filterKey // // ); // } else { // ds.removeFilterCdion(filterField); // } }, } }; // 添加 let btnAddMenuId = "HcLookup_" + dlgId; let HcDropdownId = "HcDropdown_" + dlgId; let buttonAddMenu = { controlName: "HcLookup", controlId: btnAddMenuId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { var command = this.getWorkBook().param.command var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, command,data) }, }, }, children: [{ controlName: "HcDropdown", controlId: HcDropdownId, style: "float:left;width:90p;", vshow: false, events: { command: function (command) { this.getWorkBook().param.command = command let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow) { this.$message({ message: '请选择树节点要添加的位置', type: 'warning' }); return; } // 获取树当前选中记录，特殊处理虚拟根节点情况 let curtRecd; if (command == $CONST.BROTHER && currentRow._isVirtualRoot) { curtRecd = currentRow.children[currentRow.children.length - 1]; } else { curtRecd = currentRow; } let btnAddMenu = this.getRefCompt(btnAddMenuId); let pushRecd = btnAddMenu.getPushAddMapRecds(curtRecd); let pushParam = { pushType: "add", command: command, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) }, }, children: [ { controlName: "HcButton", controlId: "HcButton_02", size: "mini", title: "添加", children: [ { controlName: "HcIcon", controlId: "HcIcon_02_1", slot: "prev", className: "el-icon-plus el-icon--left", }, { controlName: "HcIcon", controlId: "HcIcon_02_2", className: "el-icon-arrow-down el-icon--right", }, ], }, { controlName: "HcDropdownMenu", controlId: "HcDropdownMenu_02", slot: "dropdown", children: [ { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_1", command: $CONST.BROTHER, title: "同级", style: "width:80px;" }, { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_2", command: $CONST.CHILD, title: "子级", }, ], }, ], }] } function add(node,data,_this, type){ debugger _this.getWorkBook().param.node = node if(type == 'brother'){ _this.getWorkBook().param.treeData = node.parent.data }else{ _this.getWorkBook().param.treeData = data } if(data.fresguid && type =='child' && !(data.FRESTYPE.toLocaleLowerCase() == 'dir' \|\| data.FRESTYPE.toLocaleLowerCase() == '.dir' \|\| data.fresguid == '-1')){ _this.$message({ message: '非目录节点不能新增子节点', type: 'warning' }); return } // if(type =='child'){ // node.loaded = false // node.expand() // } _this.getWorkBook().param.command = type let btnAddMenu = _this.getRefCompt(btnAddMenuId); var pushRecd = data; var pushParam = { pushType: "add", command: type, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) } // 修改 let btnEditId = "HcLookup_edit_" + dlgId; let buttonEdit = { controlName: "HcLookup", controlId: btnEditId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { debugger var _this = this.getWorkBook().dataset[dsId] var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var vm = this setDatas(_this, vm, 'edit',data) }, }, }, children: [ { controlName: "HcButton", title: "修改", icon: "el-icon-edit", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow \|\| currentRow._isVirtualRoot) { this.$message({ message: '请选择要修改的节点', type: 'warning' }); return; } let btnEdit = this.getRefCompt(btnEditId); let pushRecd = btnEdit.getPushAddMapRecds(currentRow); let pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) }, }, } ] } function edit(node,data,store,_this){ _this.getWorkBook().param.node = node _this.getWorkBook().param.treeData = data let btnEdit = _this.getRefCompt(btnEditId); var pushRecd = data; var pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) } // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], events: { deleted:function() { var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, 'delete') }, // confirm(){ // var _this = this.getWorkBook().dataset[dsId], // curData = _this.getCurtRecord(), // vm = this, // data = {}, // url = '' // if(curData.FROLEGUID){ // data = { // FROLEGUID: curData.FROLEGUID // } // url = '/sys/role/delete?pn=' + pn // }else if(curData.FORGGUID){ // data = { // FORGGUID: curData.FORGGUID // } // url = '/sys/org/delete?pn=' + pn // }else if(curData.FRESGUID){ // data = { // FRESGUID: curData.FRESGUID // } // url = '/sys/menu/delete?pn=' + pn // } // delTree(data,url).then((res) =>{ // console.log('删除', res) // if(res.status == 200){ // Message.success('删除成功') // setDatas(_this, vm, 'delete') // }else{ // Message.error(res.msg) // } // }) // } }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow \|\| currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } function getFisrt(obj){ var n=0; for(var key in obj){ return obj[key] } } // 应用树个性化配置 JsonUtil.deepMerge(buttonAddMenu, option.hcLookupAdd); JsonUtil.deepMerge(buttonEdit, option.hcLookupEdit); JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonAddMenu, option.hcLookup); JsonUtil.deepMerge(buttonEdit, option.hcLookup); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 查询数据集，set数据 function setDatas(_this, vm, type,data){ debugger // 清除树数据 _this.clear() let node = vm.getWorkBook().param.node let elTree = vm.getRefCompt(treeId) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.key) parent = parent.parent } // 缓存当前记录 let tempData = {} if(type == 'edit'){ tempData = data[0] }else if (type == 'delete'){ const pData = node.parent.data; tempData =pData }else{ const newChild = data[data.length -1]; elTree.defaultExpandedKeys.push(node.key) tempData = newChild; } _this.tempData = tempData // 重新加载树数据集 _this.query() _this.on("afterLoadData", afterLoadData); function afterLoadData(recd){ this.setCurtRecord(this.tempData); } // let treeData = vm.getWorkBook().param.treeData // let node = vm.getWorkBook().param.node // if(type == 'edit'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // // 修改父节点时子节点重复出现 // if(data[0].children){ // data[0].children=[] // } // nodeParent[nodeIndex].data = data[0] // _this.setCurtRecord(data[0]); // }else if (type == 'delete'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const parent = node.parent; // const children = parent.data.children \|\| parent.data; // const index = children.findIndex(d => d[id] === node.data[id]); // children.splice(index, 1); // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // nodeParent.splice(nodeIndex, 1); // _this.setCurtRecord(parent.data); // }else{ // const newChild = data[data.length -1]; // if (!treeData.children) { // vm.$set(treeData, 'children', []); // } // treeData.children.push(newChild); // _this.setCurtRecord(newChild); // } } // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonAddMenu, buttonEdit, buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.elTree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.elTree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ // let res = variableDeepSearch(data.children, value.trim(),filterField) // res是过滤后得到的数据 let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, renderContent(h, { node, data, store}) { var _this = this var iconClass = '' var title = '' var disabled = false var childDisabled = false // if(node.isLeaf){ // iconClass = 'el-icon-document' // }else{ // if(node.expanded){ // iconClass = 'el-icon-folder-opened' // }else{ // iconClass = 'el-icon-folder' // } // } if(data.FROLEKIND \|\| data.FROLEGUID){ if( data.FROLEKIND&&data.FROLEKIND.toLocaleLowerCase() == '.root' \|\| data.FROLEKIND.toLocaleLowerCase() == 'root' \|\| data.FROLEGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if( data.FROLEKIND.toLocaleLowerCase() == '.dir' \|\| data.FROLEKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '岗位' childDisabled = true } }else if(data.FRESTYPE \|\| data.FRESGUID){ if(data.FRESTYPE&&data.FRESTYPE.toLocaleLowerCase() == '.root' \|\| data.FRESTYPE.toLocaleLowerCase() == 'root' \|\| data.FRESGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FRESTYPE.toLocaleLowerCase() == '.dir' \|\| data.FRESTYPE.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else if(data.FRESTYPE.toLocaleLowerCase() == '.func' \|\| data.FRESTYPE.toLocaleLowerCase() == 'func'){ iconClass = 'iconfont icon-func' title = '功能' }else if(data.FRESTYPE.toLocaleLowerCase() == '.flow' \|\| data.FRESTYPE.toLocaleLowerCase() == 'flow'){ iconClass = 'iconfont icon-flow' title = '流程' } }else if(data.FLEVELKIND \|\| data.FLEVELGUID){ if( data.FLEVELKIND && data.FLEVELKIND.toLocaleLowerCase() == '.root' \|\| data.FLEVELKIND.toLocaleLowerCase() == 'root' \|\| data.FLEVELGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FLEVELKIND.toLocaleLowerCase() == '.dir' \|\| data.FLEVELKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '职级' childDisabled = true } }else { iconClass = 'el-icon-document' } return ( <span class="custom-tree-node"> <span title={title}> <i class={iconClass}></i> {node.label} </span> <span class="btn"> <el-button size="large" title="新增同级" type="text" disabled={disabled} icon="el-icon-folder-add" on-click={ () => add(node,data,_this, 'brother') }></el-button> <el-button size="large" title="新增子级" type="text" disabled={childDisabled} icon="el-icon-circle-plus-outline" on-click={ () => add(node,data,_this,'child') }></el-button> <el-button size="large" title="编辑" type="text" disabled={disabled} icon="el-icon-edit" on-click={ () => edit(node,data,store,_this) }></el-button> <el-button size="large" title="删除" type="text" disabled={disabled} icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> </span>); }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] }

Ignore Space Show notes View

project/hivuiBirt/templates/compose/tree-edit-filter.jsx

/**
 * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作
 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用
 * @param {*} dsId 绑定过滤数据集ID
 * @param {*} option 扩展选项
 * @returns 
 */
 import { $CONST } from "@birt/funclib/ConstUtil";
 import { JsonUtil } from "@birt/funclib/JsonUtil"
 import pinyin from "js-pinyin";
 
 export function treeEditFilter(dlgId, dsId, option) {
    let filterField = option.hcTree.labelField;
    let lazy = option.hcTree.lazy;
    let fireAction = lazy ? "" : "keyup";
    let treeId = "HcTree_" + dlgId;
    // 过滤编辑器
    let inputFilter = {
        controlName: "HcInputFilter",
        controlId: "HcInputFilter_" + dlgId,
        size: "small",
        fireAction: fireAction,
        events: {
            filterChange: function (filterKey) {
                
                this.getRefCompt(treeId).filter(
                    filterKey
                  );
                // if (filterKey) {
                //     ds.addFilterCdion({
                //         sign: "pinyin",
                //         name: filterField,
                //         dataType: "string",
                //         value: filterKey,
                //         enable: true,
                //     });
                //     // this.getRefCompt(treeId).filter(
                //     //     filterKey
                //     //   );
                // } else {
                //     ds.removeFilterCdion(filterField);
                // }
            },
        }
    };

// 添加
    let btnAddMenuId = "HcLookup_" + dlgId;
    let HcDropdownId = "HcDropdown_" + dlgId;
    let buttonAddMenu = {
        controlName: "HcLookup",
        controlId: btnAddMenuId,
        dataset: dsId,
        lookDialog: {
            footer: ["cancel", "save"],
            events: {
                saved:function() {
                    var command = this.getWorkBook().param.command
                    var dataset = this.getContent().dataset
                    var data = getFisrt(dataset).getData()
                    var _this = this.getWorkBook().dataset[dsId]
                    var vm = this
                    setDatas(_this, vm, command,data)
                },
              },
        },
        children: [{
            controlName: "HcDropdown",
            controlId: HcDropdownId,
            style: "float:left;width:90p;",
            vshow: false,
            events: {
                command: function (command) {
                    this.getWorkBook().param.command = command
                    let treeMenu = this.getRefCompt(treeId);
                    let currentRow = treeMenu.elTree().getCurrentNode();
                    if (!currentRow) {
                        this.$message({
                            message: '请选择树节点要添加的位置',
                            type: 'warning'
                        });
                        return;
                    }
                    // 获取树当前选中记录，特殊处理虚拟根节点情况
                    let curtRecd;
                    if (command == $CONST.BROTHER && currentRow._isVirtualRoot) {
                        curtRecd = currentRow.children[currentRow.children.length - 1];
                    } else {
                        curtRecd = currentRow;
                    }
                    
                    let btnAddMenu = this.getRefCompt(btnAddMenuId);
                    let pushRecd = btnAddMenu.getPushAddMapRecds(curtRecd);
                    let pushParam = {
                        pushType: "add",
                        command: command,
                        dataset: btnAddMenu.lookDataset.dataset,
                        data: [pushRecd]
                    };
                    btnAddMenu.openLookDialog({ __push: pushParam })
                },
            },
            children: [
                {
                    controlName: "HcButton",
                    controlId: "HcButton_02",
                    size: "mini",
                    title: "添加",
                    children: [
                        {
                            controlName: "HcIcon",
                            controlId: "HcIcon_02_1",
                            slot: "prev",
                            className: "el-icon-plus el-icon--left",
                        },
                        {
                            controlName: "HcIcon",
                            controlId: "HcIcon_02_2",
                            className: "el-icon-arrow-down el-icon--right",
                        },
                    ],
                },
                {
                    controlName: "HcDropdownMenu",
                    controlId: "HcDropdownMenu_02",
                    slot: "dropdown",
                    children: [
                        {
                            controlName: "HcDropdownItem",
                            controlId: "HcDropdownItem_02_1",
                            command: $CONST.BROTHER,
                            title: "同    级",
                            style: "width:80px;"
                        },
                        {
                            controlName: "HcDropdownItem",
                            controlId: "HcDropdownItem_02_2",
                            command: $CONST.CHILD,
                            title: "子    级",
                        },
                    ],
                },
            ],
        }]
    }
    function add(node,data,_this, type){
        debugger
       _this.getWorkBook().param.node = node
       if(type == 'brother'){
           _this.getWorkBook().param.treeData = node.parent.data
       }else{
           _this.getWorkBook().param.treeData = data
       }
        if(data.fresguid && type =='child' && !(data.FRESTYPE.toLocaleLowerCase() == 'dir' || data.FRESTYPE.toLocaleLowerCase() == '.dir' || data.fresguid == '-1')){
                _this.$message({
                    message: '非目录节点不能新增子节点',
                    type: 'warning'
                  });
                return
        }
       //  if(type =='child'){
       //      node.loaded = false
       //      node.expand()
       //  }
        _this.getWorkBook().param.command = type
        let btnAddMenu = _this.getRefCompt(btnAddMenuId);
        var pushRecd = data;
        var pushParam = {
            pushType: "add",
            command: type,
            dataset: btnAddMenu.lookDataset.dataset,
            data: [pushRecd]
        };
        btnAddMenu.openLookDialog({ __push: pushParam })
    }
    // 修改
    let btnEditId = "HcLookup_edit_" + dlgId;
    let buttonEdit = {
        controlName: "HcLookup",
        controlId: btnEditId,
        dataset: dsId,
        lookDialog: {
            footer: ["cancel", "save"],
            events: {
                saved:function() {
                    debugger
                    var _this = this.getWorkBook().dataset[dsId]
                    var dataset = this.getContent().dataset
                    var data = getFisrt(dataset).getData()
                    var vm = this
                    setDatas(_this, vm, 'edit',data)
                },
            },
        },
        children: [
            {
                controlName: "HcButton",
                title: "修改",
                icon: "el-icon-edit",
                size: "mini",
                style: "float:left;margin-left:5px;width:80px;",
                vshow: false,
                events: {
                    click: function () {
                        let treeMenu = this.getRefCompt(treeId);
                        let currentRow = treeMenu.elTree().getCurrentNode();
                        if (!currentRow || currentRow._isVirtualRoot) {
                            this.$message({
                                message: '请选择要修改的节点',
                                type: 'warning'
                            });
                            return;
                        }

// 返回布局结构
    return [
       inputFilter,
       treeEditToolbar,
       hcTree
   ]
}

// 返回布局结构
    return [
       inputFilter,
       treeEditToolbar,
       hcTree
   ]
}

Ignore Space Show notes View project/hivuiBirt/templates/lookup/TreeSingleSelect.js
/** * 树节点查找返回，可多选，单选 * @param {} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { inputFilterSelect } from "../compose/input-filter-select" import { StringUtil } from "@birt/funclib/StringUtil.js"; import pinyin from "pinyin"; var treeClickCount = 0, timer = null export function TreeSingleSelect(conf) { const dlgId = StringUtil.randomString(6); const treeId = "HcTree_" + dlgId; // 设置数据集id let lookDataset = conf.lookDataset; lookDataset.controlId += "_" + dlgId; // 关键字过滤框，带已未选方案 let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField); // 树节点选择器 // 只返回父节点 let checkStrictly = true; if (conf.hcTree.checkStrictly !== undefined) { checkStrictly = conf.hcTree.checkStrictly; } let hcTree = { controlName: "HcTree", controlId: treeId, // lazy: true, dataset: lookDataset.controlId, isTreeData: false, idField: conf.hcTree.idField, parentIdField: conf.hcTree.parentIdField, labelField: conf.hcTree.labelField, // showCheckbox: true, defaultExpandAll: true, checkStrictly: checkStrictly, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 55; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;", mounted: function () { this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad); let me = this; function doPageAfterLoad(param) { if (param) { me.elTree().setCheckedNodes(param.lastTargetRetuData \|\| []); } } }, events:{ currentChange: function (data, node) { this.store.setCurtRecord(data); }, nodeClick: function (data) { debugger treeClickCount++; if (treeClickCount >= 2) { return; } //计时器,计算300毫秒为单位,可自行修改 timer = window.setTimeout(() => { if (treeClickCount == 1) { //把次数归零 treeClickCount = 0; //单击事件处理 } else if (treeClickCount > 1) { //把次数归零 treeClickCount = 0; //双击事件 if(data.fresguid && (data.frestype.indexOf('dir') > -1 \|\| data.frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ let dlg = this.getWorkBook().dialog; if (dlg) { dlg._doConfirm(data); } } } }, 300); } } } // 返回布局结构 return { controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, confirm: function (callFun) { debugger // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord(); let dsLk = this.dataset[lookDataset.controlId].curtRecord; let retuData = []; retuData[0] = dsLk if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 \|\| retuData[0].frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ return retuData; } }, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [lookDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ inputFilter, hcTree ] } ] } ] } } /* * 树节点查找返回，可多选，单选 * @param {} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { inputFilterSelect } from "../compose/input-filter-select" import { StringUtil } from "@birt/funclib/StringUtil.js"; import pinyin from "pinyin"; var treeClickCount = 0, timer = null export function TreeSingleSelect(conf) { const dlgId = StringUtil.randomString(6); const treeId = "HcTree_" + dlgId; // 设置数据集id let lookDataset = conf.lookDataset; lookDataset.controlId += "_" + dlgId; // 关键字过滤框，带已未选方案 let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField); // 树节点选择器 // 只返回父节点 let checkStrictly = true; if (conf.hcTree.checkStrictly !== undefined) { checkStrictly = conf.hcTree.checkStrictly; } let hcTree = { controlName: "HcTree", controlId: treeId, // lazy: true, dataset: lookDataset.controlId, isTreeData: false, idField: conf.hcTree.idField, parentIdField: conf.hcTree.parentIdField, labelField: conf.hcTree.labelField, // showCheckbox: true, defaultExpandAll: true, checkStrictly: checkStrictly, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 55; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;", mounted: function () { this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad); let me = this; function doPageAfterLoad(param) { if (param) { me.elTree().setCheckedNodes(param.lastTargetRetuData \|\| []); } } }, events:{ currentChange: function (data, node) { this.store.setCurtRecord(data); }, nodeClick: function (data) { debugger treeClickCount++; if (treeClickCount >= 2) { return; } //计时器,计算300毫秒为单位,可自行修改 timer = window.setTimeout(() => { if (treeClickCount == 1) { //把次数归零 treeClickCount = 0; //单击事件处理 } else if (treeClickCount > 1) { //把次数归零 treeClickCount = 0; //双击事件 if(data.fresguid && (data.frestype.indexOf('dir') > -1 \|\| data.frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ let dlg = this.getWorkBook().dialog; if (dlg) { dlg._doConfirm(data); } } } }, 300); } } } // 返回布局结构 return { controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, confirm: function (callFun) { debugger // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord(); let dsLk = this.dataset[lookDataset.controlId].curtRecord; let retuData = []; retuData[0] = dsLk if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 \|\| retuData[0].frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ return retuData; } }, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [lookDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ inputFilter, hcTree ] } ] } ] } }

Ignore Space Show notes View

project/hivuiBirt/templates/lookup/TreeSingleSelect.js

/**
 * 树节点查找返回，可多选，单选
 * @param {*} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { inputFilterSelect } from "../compose/input-filter-select"
import { StringUtil } from "@birt/funclib/StringUtil.js";
import pinyin from "pinyin";
 
 var treeClickCount = 0,
   timer = null
 export function TreeSingleSelect(conf) {
     
     const dlgId = StringUtil.randomString(6);
     const treeId = "HcTree_" + dlgId;
     // 设置数据集id
     let lookDataset = conf.lookDataset;
     lookDataset.controlId += "_" + dlgId;
     // 关键字过滤框，带已未选方案
     let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField);
     // 树节点选择器
     // 只返回父节点
     let checkStrictly = true;
     if (conf.hcTree.checkStrictly !== undefined) {
         checkStrictly = conf.hcTree.checkStrictly;
     }
     let hcTree = {
         controlName: "HcTree",
         controlId: treeId,
         // lazy: true,
         dataset: lookDataset.controlId,
         isTreeData: false,
         idField: conf.hcTree.idField,
         parentIdField: conf.hcTree.parentIdField,
         labelField: conf.hcTree.labelField,
         // showCheckbox: true,
         defaultExpandAll: true,
         checkStrictly: checkStrictly,
         filterNodeMethod:function(value, data,node) {
          if (!value){
              return true
          }else{
              let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase();
              return key.indexOf(value.toUpperCase()) !== -1;
          }
      },
         height: function (parentHeight) {
             return parentHeight - 55;
         },
         style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;",
         mounted: function () {
             this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad);
             let me = this;
             function doPageAfterLoad(param) {
                 if (param) {
                     me.elTree().setCheckedNodes(param.lastTargetRetuData || []);
                 }
             }
         },
         events:{
          currentChange: function (data, node) {
               
               this.store.setCurtRecord(data);
           },
           nodeClick: function (data) {
             debugger
             treeClickCount++;
             if (treeClickCount >= 2) {
               return;
             }
             //计时器,计算300毫秒为单位,可自行修改
             timer = window.setTimeout(() => {
               if (treeClickCount == 1) {
                 //把次数归零
                 treeClickCount = 0;
                 //单击事件处理
               } else if (treeClickCount > 1) {
                 //把次数归零
                 treeClickCount = 0;
                 //双击事件
                 if(data.fresguid && (data.frestype.indexOf('dir') > -1 || data.frestype == 'pro')){
                   this.$message({
                     type: 'warning',
                     message: '只能选中流程或功能节点'
                   })
                 }else{
                   let dlg = this.getWorkBook().dialog;
                   if (dlg) {
                       dlg._doConfirm(data);
                   }
                 }
               }
             }, 300);
           }
         }
         
     }
     // 返回布局结构
     return {
         controlName: "BirtWorkBook",
         controlId: "BirtWorkBook_" + dlgId,
         showToolBar: false,
         totalPage: 1,
         renderType: "pages",
         height: function (parentHeight) {
             return parentHeight;
         },
         confirm: function (callFun) {
             debugger
             // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord();
             let dsLk = this.dataset[lookDataset.controlId].curtRecord;
             let retuData = [];
             retuData[0] = dsLk
             if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 || retuData[0].frestype == 'pro')){
                 this.$message({
                 type: 'warning',
                 message: '只能选中流程或功能节点'
                 })
             }else{
                 return retuData;
             }
         },
         children: [
             {
                 controlName: "BirtSheet",
                 controlId: "BirtSheet_" + dlgId,
                 name: "sheet_" + dlgId,
                 pageIndex: 0,
                 dataSets: [lookDataset],
                 children: [
                     {
                         controlName: "BirtFormSheet",
                         controlId: "BirtFormSheet_" + dlgId,
                         children: [
                             inputFilter,
                             hcTree
                         ]
                     }
                 ]
             }
         ]
     }
 }

/**
 * 树节点查找返回，可多选，单选
 * @param {*} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { inputFilterSelect } from "../compose/input-filter-select"
import { StringUtil } from "@birt/funclib/StringUtil.js";
import pinyin from "pinyin";
 
 var treeClickCount = 0,
   timer = null
 export function TreeSingleSelect(conf) {
     
     const dlgId = StringUtil.randomString(6);
     const treeId = "HcTree_" + dlgId;
     // 设置数据集id
     let lookDataset = conf.lookDataset;
     lookDataset.controlId += "_" + dlgId;
     // 关键字过滤框，带已未选方案
     let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField);
     // 树节点选择器
     // 只返回父节点
     let checkStrictly = true;
     if (conf.hcTree.checkStrictly !== undefined) {
         checkStrictly = conf.hcTree.checkStrictly;
     }
     let hcTree = {
         controlName: "HcTree",
         controlId: treeId,
         // lazy: true,
         dataset: lookDataset.controlId,
         isTreeData: false,
         idField: conf.hcTree.idField,
         parentIdField: conf.hcTree.parentIdField,
         labelField: conf.hcTree.labelField,
         // showCheckbox: true,
         defaultExpandAll: true,
         checkStrictly: checkStrictly,
         filterNodeMethod:function(value, data,node) {
          if (!value){
              return true
          }else{
              let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase();
              return key.indexOf(value.toUpperCase()) !== -1;
          }
      },
         height: function (parentHeight) {
             return parentHeight - 55;
         },
         style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;",
         mounted: function () {
             this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad);
             let me = this;
             function doPageAfterLoad(param) {
                 if (param) {
                     me.elTree().setCheckedNodes(param.lastTargetRetuData || []);
                 }
             }
         },
         events:{
          currentChange: function (data, node) {
               
               this.store.setCurtRecord(data);
           },
           nodeClick: function (data) {
             debugger
             treeClickCount++;
             if (treeClickCount >= 2) {
               return;
             }
             //计时器,计算300毫秒为单位,可自行修改
             timer = window.setTimeout(() => {
               if (treeClickCount == 1) {
                 //把次数归零
                 treeClickCount = 0;
                 //单击事件处理
               } else if (treeClickCount > 1) {
                 //把次数归零
                 treeClickCount = 0;
                 //双击事件
                 if(data.fresguid && (data.frestype.indexOf('dir') > -1 || data.frestype == 'pro')){
                   this.$message({
                     type: 'warning',
                     message: '只能选中流程或功能节点'
                   })
                 }else{
                   let dlg = this.getWorkBook().dialog;
                   if (dlg) {
                       dlg._doConfirm(data);
                   }
                 }
               }
             }, 300);
           }
         }
         
     }
     // 返回布局结构
     return {
         controlName: "BirtWorkBook",
         controlId: "BirtWorkBook_" + dlgId,
         showToolBar: false,
         totalPage: 1,
         renderType: "pages",
         height: function (parentHeight) {
             return parentHeight;
         },
         confirm: function (callFun) {
             debugger
             // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord();
             let dsLk = this.dataset[lookDataset.controlId].curtRecord;
             let retuData = [];
             retuData[0] = dsLk
             if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 || retuData[0].frestype == 'pro')){
                 this.$message({
                 type: 'warning',
                 message: '只能选中流程或功能节点'
                 })
             }else{
                 return retuData;
             }
         },
         children: [
             {
                 controlName: "BirtSheet",
                 controlId: "BirtSheet_" + dlgId,
                 name: "sheet_" + dlgId,
                 pageIndex: 0,
                 dataSets: [lookDataset],
                 children: [
                     {
                         controlName: "BirtFormSheet",
                         controlId: "BirtFormSheet_" + dlgId,
                         children: [
                             inputFilter,
                             hcTree
                         ]
                     }
                 ]
             }
         ]
     }
 }

Show line notes below