cmps版本升级

08335 / hivui-platform-template

hivui平台项目模板

Browse code cmps版本升级 master
1 parent 2f56b20 commit a638d07995135ff0de59e0ef684f0630932bb83d hhb authored on 25 Jan 2022

Showing 6 changed files

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.1.5", "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", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "debug": "webpack --mode development --config build/webpack.dll.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": "^5.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", "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.5.17", "webpack": "^4.20.2", "webpack-cli": "^3.1.1", "webpack-dev-server": "^3.1.9", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.6", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.922", "js-cookie": "^3.0.1", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "md5": "^2.3.0", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "vue": "^2.5.17", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.3.14" } } { "name": "hi-vui-template", "version": "1.1.5", "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", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "debug": "webpack --mode development --config build/webpack.dll.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": "^5.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", "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.5.17", "webpack": "^4.20.2", "webpack-cli": "^3.1.1", "webpack-dev-server": "^3.1.9", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.6", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.922", "js-cookie": "^3.0.1", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "md5": "^2.3.0", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "vue": "^2.5.17", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.3.13" } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.1.5",
  "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",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "debug": "webpack --mode development --config build/webpack.dll.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": "^5.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",
    "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.5.17",
    "webpack": "^4.20.2",
    "webpack-cli": "^3.1.1",
    "webpack-dev-server": "^3.1.9",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "^0.24.0",
    "babel-polyfill": "^6.26.0",
    "classnames": "^2.3.1",
    "deep-lu-trans": "^1.0.5",
    "element-ui": "^2.15.6",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.1.922",
    "js-cookie": "^3.0.1",
    "js-pinyin": "^0.1.9",
    "lodash": "^4.17.11",
    "md5": "^2.3.0",
    "screenfull": "^6.0.0",
    "sortablejs": "^1.14.0",
    "vue": "^2.5.17",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2",
    "zhc-birt-cmps": "^2.3.14"
  }
}

Ignore Space Show notes View project/hivuiBirt/styles/index.css
.custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1){ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn{ opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn{ opacity: 1; } .custom-tree-node .btn .el-icon-edit{ color: #67c23a; } .custom-tree-node .btn .el-icon-delete{ color: #f56c6c; } .el-input-group__append{ padding: 0 10px !important; } /* .el-form-item__error{ line-height: 0; } / .el-row>.zhc-birt-cell-children>.el-button { border: none; border-right: 1px solid #ddd; border-radius: 0; padding: 5px 15px; } / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0,0,0,.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .el-icon-folder-opened,.el-icon-folder{ color: #ffc107; } .el-icon-document{ color: #009688; } .icon-root{ color: blue; } .icon-ptm{ color: royalblue; } .icon-org, .icon-func{ color: aqua; } .icon-dpt, .icon-flow{ color: deepskyblue; } .el-table__header-wrapper th.isrequired ::before{ content: ''; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 / .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .zhc-birt-data-list .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner{ border-color: #DCDFE6; } / 弹框样式 / .el-dialog__body .el-main{ padding: 0; } .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } / tabs / .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item{ width: 40px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding-bottom: 20px; } .el-tabs--left, .el-tabs--right{ height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } .custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1){ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn{ opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn{ opacity: 1; } .custom-tree-node .btn .el-icon-edit{ color: #67c23a; } .custom-tree-node .btn .el-icon-delete{ color: #f56c6c; } .el-input-group__append{ padding: 0 10px !important; } / .el-form-item__error{ line-height: 0; } / .el-row>.zhc-birt-cell-children>.el-button { border: none; border-right: 1px solid #ddd; border-radius: 0; padding: 5px 15px; } / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0,0,0,.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .el-icon-folder-opened,.el-icon-folder{ color: #ffc107; } .el-icon-document{ color: #009688; } .icon-root{ color: blue; } .icon-ptm{ color: royalblue; } .icon-org, .icon-func{ color: aqua; } .icon-dpt, .icon-flow{ color: deepskyblue; } .el-table__header-wrapper th.isrequired ::before{ content: ''; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 */ .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .zhc-birt-data-list .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner{ border-color: #DCDFE6; }

Ignore Space Show notes View

project/hivuiBirt/styles/index.css

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  width: 80%;
  flex: 1 140px;
}
.custom-tree-node > span:nth-child(1){
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-tree-node .btn{
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.custom-tree-node:hover .btn{
    opacity: 1;
}
.custom-tree-node .btn .el-icon-edit{
  color: #67c23a;
}
.custom-tree-node .btn .el-icon-delete{
  color: #f56c6c;
}
.el-input-group__append{
  padding: 0 10px !important;
}
/* .el-form-item__error{
  line-height: 0;
} */
.el-row>.zhc-birt-cell-children>.el-button {
  border: none;
  border-right: 1px solid #ddd;
  border-radius: 0;
  padding: 5px 15px;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  /* background-color: #49b1f5; */
  /* 关键代码 */
  /* background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.4) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0.4) 75%,
          transparent 75%,
          transparent); */
  background-color: rgba(0,0,0,.3);
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}
.el-icon-folder-opened,.el-icon-folder{
  color: #ffc107;
}
.el-icon-document{
  color: #009688;
}
.icon-root{
  color: blue;
}
.icon-ptm{
  color: royalblue;
}
.icon-org, .icon-func{
  color: aqua;
}
.icon-dpt, .icon-flow{
  color: deepskyblue;
}
.el-table__header-wrapper th.isrequired ::before{
  content: '*';
  color: red;
  margin-right: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #f0f7ff;
  color: #2355f1;
}

/*
取消查找定义input红色边框
*/
.el-form-item.is-error .queryPanel .el-input__inner,
.el-form-item.is-error .zhc-birt-data-list .el-input__inner,
.el-form-item.is-error .el-pagination__sizes .el-input__inner,
.el-form-item.is-error .el-pagination__jump .el-input__inner{
  border-color: #DCDFE6;
}

/*
弹框样式
*/
.el-dialog__body .el-main{
  padding: 0;
}
.el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
}

/*
tabs
*/
.el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item{
  width: 40px;
  line-height: 24px;
  height: auto;
  word-wrap: break-word;
  white-space: pre-line;
  padding-bottom: 20px;
}
.el-tabs--left, .el-tabs--right{
  height: auto !important;
}
.el-tabs--right .queryPanel + div .el-button {
  margin-right: 10px;
}

Ignore Space Show notes View project/hivuiBirt/templates/pages/FormSingleSave.js
/** * 单一表单保存，页面模板 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { StringUtil } from "@birt/funclib/StringUtil.js"; import { FormStyleFactory } from "../compose/FormStyleFactory.js"; import { TableStyleFactory } from "../compose/TableStyleFactory.js"; export function FormSingleSave(conf) { debugger const dlgId = StringUtil.randomString(6); // 设置数据集id var saveDataset = conf.mainDataset; // saveDataset.controlId += "_" + dlgId; saveDataset._infcLoad.autoActive = false // 表单操作工具条 var hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: saveDataset.controlId, layout: ["add", "remove", "cancel", "save"], // addOne: true, size: "small", style: "padding:15px;" } // 应用工具条个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); // 表单内容 var hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: saveDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用表单个性化配置 let confForm = JSON.parse(JSON.stringify(conf.hcForm)) Object.assign(hcForm, FormStyleFactory.buildForm(confForm) \|\| {}); // 冗余表格 var hcTable = false; if (conf.hcTable) { // 表单网格明细 hcTable = TableStyleFactory.buildTable(dlgId, saveDataset.controlId, conf); } // 系统表单自动填充字段 var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: saveDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, FormStyleFactory.buildForm(conf.hcSysForm) \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [saveDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ hcFormToolbar, hcForm ] .concat(hcTable ? hcTable : []) .concat(hcSysForm ? hcSysForm : []) } ] } ]; // 返回布局结构 return birtWorkBook } /* * 单一表单保存，页面模板 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { FormStyleFactory } from "../compose/FormStyleFactory.js"; import { TableStyleFactory } from "../compose/TableStyleFactory.js"; export function FormSingleSave(conf) { debugger const dlgId = StringUtil.randomString(6); // 设置数据集id var saveDataset = conf.mainDataset; // saveDataset.controlId += "_" + dlgId; // 表单操作工具条 var hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: saveDataset.controlId, layout: ["add", "remove", "cancel", "save"], // addOne: true, size: "small", style: "padding:15px;" } // 应用工具条个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); // 表单内容 var hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: saveDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用表单个性化配置 let confForm = JSON.parse(JSON.stringify(conf.hcForm)) Object.assign(hcForm, FormStyleFactory.buildForm(confForm) \|\| {}); // 冗余表格 var hcTable = false; if (conf.hcTable) { // 表单网格明细 hcTable = TableStyleFactory.buildTable(dlgId, saveDataset.controlId, conf); } // 系统表单自动填充字段 var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: saveDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, FormStyleFactory.buildForm(conf.hcSysForm) \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [saveDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ hcFormToolbar, hcForm ] .concat(hcTable ? hcTable : []) .concat(hcSysForm ? hcSysForm : []) } ] } ]; // 返回布局结构 return birtWorkBook }

Ignore Space Show notes View

project/hivuiBirt/templates/pages/FormSingleSave.js

/**
 * 单一表单保存，页面模板
 * @param {*} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { FormStyleFactory } from "../compose/FormStyleFactory.js";
import { TableStyleFactory } from "../compose/TableStyleFactory.js";

export function FormSingleSave(conf) {
    debugger
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    var saveDataset = conf.mainDataset;
    // saveDataset.controlId += "_" + dlgId;
    saveDataset._infcLoad.autoActive = false
    // 表单操作工具条
    var hcFormToolbar = {
        controlName: "HcFormToolbar",
        controlId: "HcFormToolbar_" + dlgId,
        dataset: saveDataset.controlId,
        layout: ["add", "remove", "cancel", "save"],
        // addOne: true,
        size: "small",
        style: "padding:15px;"
    }
    // 应用工具条个性化配置
    Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    // 表单内容
    var hcForm = {
        controlName: "HcForm",
        controlId: "HcForm_" + dlgId,
        dataset: saveDataset.controlId,
        labelWidth: "80px",
        rules: {
        },
        children: [],
    };
    // 应用表单个性化配置
    let confForm = JSON.parse(JSON.stringify(conf.hcForm))
    Object.assign(hcForm, FormStyleFactory.buildForm(confForm) || {});

// 冗余表格
    var hcTable = false;
    if (conf.hcTable) {
        // 表单网格明细
        hcTable = TableStyleFactory.buildTable(dlgId, saveDataset.controlId, conf);
    }

// 系统表单自动填充字段
    var hcSysForm = false;
    if (conf.hcSysForm) {
        var hcSysForm = {
            controlName: "HcForm",
            controlId: "HcForm_sys_" + dlgId,
            dataset: saveDataset.controlId,
            labelWidth: "80px",
            rules: {
            },
            children: [],
        };
        // 应用系统字段表单个性化配置
        Object.assign(hcSysForm, FormStyleFactory.buildForm(conf.hcSysForm) || {});
    }

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

export function FormSingleSave(conf) {
    debugger
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    var saveDataset = conf.mainDataset;
    // saveDataset.controlId += "_" + dlgId;
    // 表单操作工具条
    var hcFormToolbar = {
        controlName: "HcFormToolbar",
        controlId: "HcFormToolbar_" + dlgId,
        dataset: saveDataset.controlId,
        layout: ["add", "remove", "cancel", "save"],
        // addOne: true,
        size: "small",
        style: "padding:15px;"
    }
    // 应用工具条个性化配置
    Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    // 表单内容
    var hcForm = {
        controlName: "HcForm",
        controlId: "HcForm_" + dlgId,
        dataset: saveDataset.controlId,
        labelWidth: "80px",
        rules: {
        },
        children: [],
    };
    // 应用表单个性化配置
    let confForm = JSON.parse(JSON.stringify(conf.hcForm))
    Object.assign(hcForm, FormStyleFactory.buildForm(confForm) || {});

// 冗余表格
    var hcTable = false;
    if (conf.hcTable) {
        // 表单网格明细
        hcTable = TableStyleFactory.buildTable(dlgId, saveDataset.controlId, conf);
    }

Ignore Space Show notes View project/hivuiBirt/templates/pages/TabTableDetail.js
/** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil"; import { QueryStyleFactory } from "../query-panel/QueryStyleFactory"; export function TabTableDetail(conf) { const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary:true, height: function (parentHeight) { debugger return parentHeight - 170; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({ url: "/data/querys" }, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list_" + dlgId, // type: "border-card", children: [ { controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: "list_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) } ] } debugger // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) } ] } ] return birtWorkBook } /* * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil"; import { QueryStyleFactory } from "../query-panel/QueryStyleFactory"; export function TabTableDetail(conf) { const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary:true, height: function (parentHeight) { return parentHeight - 170; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({ url: "/data/querys" }, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list_" + dlgId, // type: "border-card", children: [ { controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: "list_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) } ] } debugger // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) } ] } ] return birtWorkBook }

Ignore Space Show notes View

project/hivuiBirt/templates/pages/TabTableDetail.js

/**
 * 查询方案、查询面板、工具条、网格，标准查询页面
 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { $CONST } from "@birt/funclib/ConstUtil";
import { QueryStyleFactory } from "../query-panel/QueryStyleFactory";

export function TabTableDetail(conf) {
    const dlgId = StringUtil.randomString(6);
    const hcTabsId = "HcTabs_" + dlgId;
    const hcTabDetailId = "detail_" + dlgId;
    // 设置数据集id，分页
    var queryDataset = conf.mainDataset;
    queryDataset.controlId += "_" + dlgId;
    queryDataset._infcPagging = {
        _isPagging: true,
        returnCount: true
    }

// 查询面板
    let hcQueryPanel = false;
    if (conf.hcQueryPanel) {
        hcQueryPanel = {
            controlName: "HcQueryPanel",
            controlId: "HcQueryPanel_" + dlgId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) || {});
    }

// 操作工具条
    let hcFormToolbar = false;
    if (conf.hcFormToolbar) {
        hcFormToolbar = {
            controlName: "HcFormToolbar",
            controlId: "HcFormToolbar_" + dlgId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用表单个性化配置
        Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    }
    // 网格明细
    var hcTable = {
        controlName: "HcTable",
        controlId: "HcTable_" + dlgId,
        dataset: queryDataset.controlId,
        border: true,
        showAddBtn: false,
        // showSummary:true,
        height: function (parentHeight) {
	    debugger
            return parentHeight - 170;
        },
        events: {
            // 双击跳转至详情页
            rowDblclick: function (row, column, event) {
                let curtTabs = this.getRefCompt(hcTabsId);
                let pushParam = Object.assign({ url: "/data/querys" }, row);
                let eleNumber = this.store && this.store._getEleNumber();
                if (eleNumber) {
                    pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field];
                }
                curtTabs.setActiveTabName(hcTabDetailId, pushParam);
            },
        },
        children: [],
    };
    // 应用网格个性化配置
    Object.assign(hcTable, conf.hcTable || {});

// 详情表单 
    var hcDetailForm = false;
    if (conf.hcDetailForm) {
        hcDetailForm = Object.assign(
            conf.hcDetailForm,
            {
                height: function (parentHeight) {
                    return parentHeight - 170;
                },
            })
    }

// 分页工具条
    var hcPagination = {
        controlName: "HcPagination",
        controlId: "HcPagination_" + dlgId,
        pageSizes: [10, 20, 50, 100],
        layout: "total, prev, pager, next, sizes, jumper",
        dataset: queryDataset.controlId,
    };

var hcTabs = {
        controlName: "HcTabs",
        controlId: hcTabsId,
        tabPosition: "top",
        activeTabName: "list_" + dlgId,
        // type: "border-card",
        children: [
            {
                controlName: "HcTabPane",
                controlId: "HcTabPane_list_" + dlgId,
                label: "列表",
                name: "list_" + dlgId,
                children: []
                    .concat(hcFormToolbar ? hcFormToolbar : [])
                    .concat(hcTable)
                    .concat(hcPagination)
            },
            {
                controlName: "HcTabPane",
                controlId: "HcTabPane_detail_" + dlgId,
                label: "详情",
                name: hcTabDetailId,
                children: []
                    .concat(hcDetailForm ? hcDetailForm : [])
            }
        ]
    }
    debugger
    // 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "pages",
        height: function (parentHeight) {

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

// 操作工具条
    let hcFormToolbar = false;
    if (conf.hcFormToolbar) {
        hcFormToolbar = {
            controlName: "HcFormToolbar",
            controlId: "HcFormToolbar_" + dlgId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用表单个性化配置
        Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    }
    // 网格明细
    var hcTable = {
        controlName: "HcTable",
        controlId: "HcTable_" + dlgId,
        dataset: queryDataset.controlId,
        border: true,
        showAddBtn: false,
        // showSummary:true,
        height: function (parentHeight) {
            return parentHeight - 170;
        },
        events: {
            // 双击跳转至详情页
            rowDblclick: function (row, column, event) {
                let curtTabs = this.getRefCompt(hcTabsId);
                let pushParam = Object.assign({ url: "/data/querys" }, row);
                let eleNumber = this.store && this.store._getEleNumber();
                if (eleNumber) {
                    pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field];
                }
                curtTabs.setActiveTabName(hcTabDetailId, pushParam);
            },
        },
        children: [],
    };
    // 应用网格个性化配置
    Object.assign(hcTable, conf.hcTable || {});

Ignore Space Show notes View project/hivuiBirt/templates/pages/TreeTabTableQuery.js
/** * 左边树，右边网格明细查询 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { StringUtil } from "@birt/funclib/StringUtil.js"; import { treeEditFilter } from "../compose/org-tree-edit.jsx"; import { FormStyleFactory } from "../compose/FormStyleFactory.js"; import { TableStyleFactory } from "../compose/TableStyleFactory.js"; export function TreeTabTableQuery(conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id var treeDataset = conf.treeDataset; var mainDataset = conf.mainDataset; var subDatasets = conf.subDatasets; // 编辑过滤树 let treeEdit = treeEditFilter(dlgId, treeDataset.controlId, conf.treeEditFilter); // 操作工具条 var hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar", dataset: mainDataset.controlId, layout: ["remove", "cancel", "save"], saveSucced:function(saveData){ // 获取树数据集 var dsTree = this.getWorkBook().dataset.dsTree // 清楚树数据 dsTree.clear() // 重新加载树数据集 dsTree.query() var node = this.getWorkBook().param.node var elTree = this.getRefCompt('HcTree_org') elTree.defaultExpandedKeys.push(node.data.FORGGUID) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.data.FORGGUID) parent = parent.parent } }, size: "small", style: "padding:5px;" } // 人员form数据集不一样，另开一个工具条 var hcFormToolbarPsm = { controlName: "HcFormToolbar", controlId: "HcFormToolbarPsm", dataset: 'dsSubPsm', vshow: false, layout: ["remove", "cancel", "save"], saveSucced:function(saveData){ // 获取树数据集 var dsTree = this.getWorkBook().dataset.dsTree // 清楚树数据 dsTree.clear() // 重新加载树数据集 dsTree.query() var node = this.getWorkBook().param.node var elTree = this.getRefCompt('HcTree_org') elTree.defaultExpandedKeys.push(node.data.FORGGUID) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.data.FORGGUID) parent = parent.parent } }, size: "small", style: "padding:5px;" } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); Object.assign(hcFormToolbarPsm, conf.hcFormToolbar \|\| {}); // 编辑表单列表 let hcForms = false; if (conf.hcForms) { hcForms = []; conf.hcForms.forEach((frm, i) => { let hcForm = { controlName: "HcForm", controlId: "HcForm_" + i, dataset: i == 2 ? subDatasets[2].controlId : mainDataset.controlId, labelWidth: "80px", vshow: function () { return i == 0 }, rules: { }, children: [], }; // 应用表单个性化配置 Object.assign(hcForm, FormStyleFactory.buildForm(frm) \|\| {}); hcForms.push(hcForm); }) } // 子节点网格 let hcTables = false; if (conf.hcTables) { hcTables = []; conf.hcTables.forEach((tbl, i) => { if (!(tbl.isEdit === false)) { tbl.isEdit = true; } var hcTable = TableStyleFactory.buildTable(i, subDatasets[i].controlId, { hcTable: Object.assign(tbl,{style: 'width: 100%'}) }); hcTables.push(hcTable); }) } // 子节点选项卡 var tabsChildren = [] hcTables.forEach((tbl,i)=>{ tabsChildren.push({ controlName: "HcTabPane", controlId: "HcTabPane_list_" + i, label: tbl.title \|\| ("列表" + i), name: "list_" + i, disabled: i != 0, children: [].concat(hcTables[i]) }) }) var hcTabs = { controlName: "HcTabs", controlId: "HcTabs_org", tabPosition: "top", activeTabName: "list_0", style:'width: 90%;margin: auto;', events: { // click: function () { // } }, mounted(){ debugger }, children: [ ].concat(tabsChildren), } // 系统表单自动填充字段 var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: mainDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, FormStyleFactory.buildForm(conf.hcSysForm) \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 10; } }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [treeDataset, mainDataset].concat(subDatasets), children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [{ controlName: "HcRow", gutter: 10, children: [ { controlName: "HcCol", span: 6, children: treeEdit, }, { controlName: "HcCol", controlId: "HcCol_01_right", span: 18, children: [] .concat(hcFormToolbar) .concat(hcFormToolbarPsm) .concat(hcForms) .concat(hcTabs) .concat(hcSysForm) } ] }] }] }] return birtWorkBook } /* * 左边树，右边网格明细查询 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { treeEditFilter } from "../compose/org-tree-edit.jsx"; import { FormStyleFactory } from "../compose/FormStyleFactory.js"; import { TableStyleFactory } from "../compose/TableStyleFactory.js"; export function TreeTabTableQuery(conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id var treeDataset = conf.treeDataset; var mainDataset = conf.mainDataset; var subDatasets = conf.subDatasets; // 编辑过滤树 let treeEdit = treeEditFilter(dlgId, treeDataset.controlId, conf.treeEditFilter); // 操作工具条 var hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar", dataset: mainDataset.controlId, layout: [ "cancel", "save"], saveSucced:function(saveData){ // 获取树数据集 var dsTree = this.getWorkBook().dataset.dsTree // 清楚树数据 dsTree.clear() // 重新加载树数据集 dsTree.query() var node = this.getWorkBook().param.node var elTree = this.getRefCompt('HcTree_org') elTree.defaultExpandedKeys.push(node.data.FORGGUID) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.data.FORGGUID) parent = parent.parent } }, size: "small", style: "padding:5px;" } // 人员form数据集不一样，另开一个工具条 var hcFormToolbarPsm = { controlName: "HcFormToolbar", controlId: "HcFormToolbarPsm", dataset: 'dsSubPsm', vshow: false, layout: ["cancel", "save"], saveSucced:function(saveData){ // 获取树数据集 var dsTree = this.getWorkBook().dataset.dsTree // 清楚树数据 dsTree.clear() // 重新加载树数据集 dsTree.query() var node = this.getWorkBook().param.node var elTree = this.getRefCompt('HcTree_org') elTree.defaultExpandedKeys.push(node.data.FORGGUID) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.data.FORGGUID) parent = parent.parent } }, size: "small", style: "padding:5px;" } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); Object.assign(hcFormToolbarPsm, conf.hcFormToolbar \|\| {}); // 编辑表单列表 let hcForms = false; if (conf.hcForms) { hcForms = []; conf.hcForms.forEach((frm, i) => { let hcForm = { controlName: "HcForm", controlId: "HcForm_" + i, dataset: i == 2 ? subDatasets[2].controlId : mainDataset.controlId, labelWidth: "80px", vshow: function () { return i == 0 }, rules: { }, children: [], }; // 应用表单个性化配置 Object.assign(hcForm, FormStyleFactory.buildForm(frm) \|\| {}); hcForms.push(hcForm); }) } // 子节点网格 let hcTables = false; if (conf.hcTables) { hcTables = []; conf.hcTables.forEach((tbl, i) => { if (!(tbl.isEdit === false)) { tbl.isEdit = true; } var hcTable = TableStyleFactory.buildTable(i, subDatasets[i].controlId, { hcTable: Object.assign(tbl,{style: 'width: 100%'}) }); hcTables.push(hcTable); }) } // 子节点选项卡 var tabsChildren = [] hcTables.forEach((tbl,i)=>{ tabsChildren.push({ controlName: "HcTabPane", controlId: "HcTabPane_list_" + i, label: tbl.title \|\| ("列表" + i), name: "list_" + i, disabled: i != 0, children: [].concat(hcTables[i]) }) }) var hcTabs = { controlName: "HcTabs", controlId: "HcTabs_org", tabPosition: "top", activeTabName: "list_0", style:'width: 100%;margin: auto;', events: { // click: function () { // } }, mounted(){ debugger }, children: [ ].concat(tabsChildren), } // 系统表单自动填充字段 var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: mainDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, FormStyleFactory.buildForm(conf.hcSysForm) \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 10; } }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [treeDataset, mainDataset].concat(subDatasets), children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [{ controlName: "HcRow", gutter: 10, children: [ { controlName: "HcCol", span: 6, children: treeEdit, }, { controlName: "HcCol", controlId: "HcCol_01_right", span: 18, children: [] .concat(hcFormToolbar) .concat(hcFormToolbarPsm) .concat(hcForms) .concat(hcTabs) .concat(hcSysForm) } ] }] }] }] return birtWorkBook }

Ignore Space Show notes View

project/hivuiBirt/templates/pages/TreeTabTableQuery.js

export function TreeTabTableQuery(conf) {
  const dlgId = StringUtil.randomString(6);
  // 设置数据集id
  var treeDataset = conf.treeDataset;
  var mainDataset = conf.mainDataset;
  var subDatasets = conf.subDatasets;

// 编辑过滤树
  let treeEdit = treeEditFilter(dlgId, treeDataset.controlId, conf.treeEditFilter);
  // 操作工具条
  var hcFormToolbar = {
    controlName: "HcFormToolbar",
    controlId: "HcFormToolbar",
    dataset: mainDataset.controlId,
    layout: ["remove", "cancel", "save"],
    saveSucced:function(saveData){
      // 获取树数据集
      var dsTree = this.getWorkBook().dataset.dsTree
      //  清楚树数据
      dsTree.clear()
      //  重新加载树数据集
      dsTree.query()
      var node = this.getWorkBook().param.node
      var elTree = this.getRefCompt('HcTree_org')
      elTree.defaultExpandedKeys.push(node.data.FORGGUID)
      let parent = node.parent;
      while (parent) {
        elTree.defaultExpandedKeys.push(parent.data.FORGGUID)
        parent = parent.parent
      }
    },
    size: "small",
    style: "padding:5px;"
  }
  // 人员form数据集不一样，另开一个工具条
  var hcFormToolbarPsm = {
    controlName: "HcFormToolbar",
    controlId: "HcFormToolbarPsm",
    dataset: 'dsSubPsm',
    vshow: false,
    layout: ["remove", "cancel", "save"],
    saveSucced:function(saveData){
      // 获取树数据集
      var dsTree = this.getWorkBook().dataset.dsTree
      //  清楚树数据
      dsTree.clear()
      //  重新加载树数据集
      dsTree.query()
      var node = this.getWorkBook().param.node
      var elTree = this.getRefCompt('HcTree_org')
      elTree.defaultExpandedKeys.push(node.data.FORGGUID)
      let parent = node.parent;
      while (parent) {
        elTree.defaultExpandedKeys.push(parent.data.FORGGUID)
        parent = parent.parent
      }
    },
    size: "small",
    style: "padding:5px;"
  }
  // 应用表单个性化配置
  Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
  Object.assign(hcFormToolbarPsm, conf.hcFormToolbar || {});

// 编辑表单列表
  let hcForms = false;
  if (conf.hcForms) {
    hcForms = [];
    conf.hcForms.forEach((frm, i) => {
      let hcForm = {
        controlName: "HcForm",
        controlId: "HcForm_" + i,
        dataset: i == 2 ? subDatasets[2].controlId : mainDataset.controlId,
        labelWidth: "80px",
        vshow: function () {
          return i == 0
        },
        rules: {
        },
        children: [],
      };
      // 应用表单个性化配置
      Object.assign(hcForm, FormStyleFactory.buildForm(frm) || {});
      hcForms.push(hcForm);
    })
  }

// 子节点网格
  let hcTables = false;
  if (conf.hcTables) {
    hcTables = [];
    conf.hcTables.forEach((tbl, i) => {
      if (!(tbl.isEdit === false)) {
        tbl.isEdit = true;
      }
      var hcTable = TableStyleFactory.buildTable(i, subDatasets[i].controlId, { hcTable: Object.assign(tbl,{style: 'width: 100%'})  });
      hcTables.push(hcTable);
    })
  }

//  子节点选项卡
  var tabsChildren = []
  hcTables.forEach((tbl,i)=>{
    tabsChildren.push({
        controlName: "HcTabPane",
        controlId: "HcTabPane_list_" + i,
        label: tbl.title || ("列表" + i),
        name: "list_" + i,
        disabled: i != 0,
        children: [].concat(hcTables[i])
    })
  })
  var hcTabs = {
    controlName: "HcTabs",
    controlId: "HcTabs_org",
    tabPosition: "top",
    activeTabName: "list_0",
    style:'width: 90%;margin: auto;',
    events: {
      // click: function () {
       
      // }
    },
    mounted(){
      debugger
    },
    children: [
    ].concat(tabsChildren),
  }

// 系统表单自动填充字段
  var hcSysForm = false;
  if (conf.hcSysForm) {
    var hcSysForm = {
      controlName: "HcForm",
      controlId: "HcForm_sys_" + dlgId,
      dataset: mainDataset.controlId,
      labelWidth: "80px",
      rules: {
      },
      children: [],
    };
    // 应用系统字段表单个性化配置
    Object.assign(hcSysForm, FormStyleFactory.buildForm(conf.hcSysForm) || {});
  }

// 应用报表模型
  var birtWorkBook = Object.assign({
    controlName: "BirtWorkBook",
    controlId: "BirtWorkBook_" + dlgId,
    showToolBar: false,
    totalPage: 1,
    renderType: "pages",
    height: function (parentHeight) {
      return parentHeight - 10;
    }
  }, conf.birtWorkBook || {})
  // 添加布局结构
  birtWorkBook.children = [{
    controlName: "BirtSheet",
    controlId: "BirtSheet_" + dlgId,
    name: "sheet_" + dlgId,
    pageIndex: 0,
    dataSets: [treeDataset, mainDataset].concat(subDatasets),
    children: [{
      controlName: "BirtFormSheet",
      controlId: "BirtFormSheet_" + dlgId,
      children: [{
        controlName: "HcRow",
        gutter: 10,
        children: [
          {
            controlName: "HcCol",
            span: 6,
            children: treeEdit,
          },
          {
            controlName: "HcCol",
            controlId: "HcCol_01_right",
            span: 18,
            children: []
              .concat(hcFormToolbar)
              .concat(hcFormToolbarPsm)
              .concat(hcForms)
              .concat(hcTabs)
              .concat(hcSysForm)
          }
        ]
      }]
    }]
  }]
  return birtWorkBook
}

// 编辑过滤树
  let treeEdit = treeEditFilter(dlgId, treeDataset.controlId, conf.treeEditFilter);
  // 操作工具条
  var hcFormToolbar = {
    controlName: "HcFormToolbar",
    controlId: "HcFormToolbar",
    dataset: mainDataset.controlId,
    layout: [ "cancel", "save"],
    saveSucced:function(saveData){
      // 获取树数据集
      var dsTree = this.getWorkBook().dataset.dsTree
      //  清楚树数据
      dsTree.clear()
      //  重新加载树数据集
      dsTree.query()
      var node = this.getWorkBook().param.node
      var elTree = this.getRefCompt('HcTree_org')
      elTree.defaultExpandedKeys.push(node.data.FORGGUID)
      let parent = node.parent;
      while (parent) {
        elTree.defaultExpandedKeys.push(parent.data.FORGGUID)
        parent = parent.parent
      }
    },
    size: "small",
    style: "padding:5px;"
  }
  // 人员form数据集不一样，另开一个工具条
  var hcFormToolbarPsm = {
    controlName: "HcFormToolbar",
    controlId: "HcFormToolbarPsm",
    dataset: 'dsSubPsm',
    vshow: false,
    layout: ["cancel", "save"],
    saveSucced:function(saveData){
      // 获取树数据集
      var dsTree = this.getWorkBook().dataset.dsTree
      //  清楚树数据
      dsTree.clear()
      //  重新加载树数据集
      dsTree.query()
      var node = this.getWorkBook().param.node
      var elTree = this.getRefCompt('HcTree_org')
      elTree.defaultExpandedKeys.push(node.data.FORGGUID)
      let parent = node.parent;
      while (parent) {
        elTree.defaultExpandedKeys.push(parent.data.FORGGUID)
        parent = parent.parent
      }
    },
    size: "small",
    style: "padding:5px;"
  }
  // 应用表单个性化配置
  Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
  Object.assign(hcFormToolbarPsm, conf.hcFormToolbar || {});

//  子节点选项卡
  var tabsChildren = []
  hcTables.forEach((tbl,i)=>{
    tabsChildren.push({
        controlName: "HcTabPane",
        controlId: "HcTabPane_list_" + i,
        label: tbl.title || ("列表" + i),
        name: "list_" + i,
        disabled: i != 0,
        children: [].concat(hcTables[i])
    })
  })
  var hcTabs = {
    controlName: "HcTabs",
    controlId: "HcTabs_org",
    tabPosition: "top",
    activeTabName: "list_0",
    style:'width: 100%;margin: auto;',
    events: {
      // click: function () {
       
      // }
    },
    mounted(){
      debugger
    },
    children: [
    ].concat(tabsChildren),
  }

// 应用报表模型
  var birtWorkBook = Object.assign({
    controlName: "BirtWorkBook",
    controlId: "BirtWorkBook_" + dlgId,
    showToolBar: false,
    totalPage: 1,
    renderType: "pages",
    height: function (parentHeight) {
      return parentHeight - 10;
    }
  }, conf.birtWorkBook || {})
  // 添加布局结构
  birtWorkBook.children = [{
    controlName: "BirtSheet",
    controlId: "BirtSheet_" + dlgId,
    name: "sheet_" + dlgId,
    pageIndex: 0,
    dataSets: [treeDataset, mainDataset].concat(subDatasets),
    children: [{
      controlName: "BirtFormSheet",
      controlId: "BirtFormSheet_" + dlgId,
      children: [{
        controlName: "HcRow",
        gutter: 10,
        children: [
          {
            controlName: "HcCol",
            span: 6,
            children: treeEdit,
          },
          {
            controlName: "HcCol",
            controlId: "HcCol_01_right",
            span: 18,
            children: []
              .concat(hcFormToolbar)
              .concat(hcFormToolbarPsm)
              .concat(hcForms)
              .concat(hcTabs)
              .concat(hcSysForm)
          }
        ]
      }]
    }]
  }]
  return birtWorkBook
}

Ignore Space Show notes View project/hivuiBirt/templates/pages/TreeTableQuery.js
/** * 左边树，右边网格明细查询 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { StringUtil } from "@birt/funclib/StringUtil.js"; import { treeEditFilter } from "../compose/tree-edit-filter.jsx" import { FormStyleFactory } from "../compose/FormStyleFactory.js"; import { BirtModelFactory } from "@birt/templates/BirtModelFactory.js"; export function TreeTableQuery(conf) { debugger const dlgId = StringUtil.randomString(6); // 设置数据集id var saveDataset = conf.mainDataset saveDataset.controlId += "_" + dlgId; // 编辑过滤树 let treeEdit = treeEditFilter(dlgId, saveDataset.controlId, conf.treeEditFilter); // console.log('treeModel',treeEdit) let treeChildren = treeEdit.children[1].children treeChildren.map(item =>{ debugger let birtModel = { birtModel: item.birtModel } item.birtModel = BirtModelFactory.buildModel(birtModel) return item }) let treeEditFilterInsc = treeEdit // console.log('treeEditFilterInsc', treeEditFilterInsc) // 详情表单 var hcForm = false; if (conf.hcForm) { hcForm = { controlName: "HcForm", // controlId: "HcForm_" + dlgId, dataset: saveDataset.controlId, children: [] } // 应用表单个性化配置 let confForm = JSON.parse(JSON.stringify(conf.hcForm)) Object.assign(hcForm, FormStyleFactory.buildForm(confForm) \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", // controlId: "HcTable_" + dlgId, dataset: saveDataset.controlId, height: function (parentHeight) { return parentHeight - 40; }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 10; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [saveDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ { controlName: "HcRow", gutter: 10, children: [ treeEditFilterInsc, { controlName: "HcCol", controlId: "HcCol_01_right", span: 18, children: [].concat(hcForm ? hcForm : []).concat(hcTable) } ] } ] } ] } ] return birtWorkBook } /* * 左边树，右边网格明细查询 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { treeEditFilter } from "../compose/tree-edit-filter.jsx" import { FormStyleFactory } from "../compose/FormStyleFactory.js"; import { BirtModelFactory } from "@birt/templates/BirtModelFactory.js"; export function TreeTableQuery(conf) { debugger const dlgId = StringUtil.randomString(6); // 设置数据集id var saveDataset = conf.mainDataset saveDataset.controlId += "_" + dlgId; // 编辑过滤树 let treeEdit = treeEditFilter(dlgId, saveDataset.controlId, conf.treeEditFilter); // console.log('treeModel',treeEdit) let treeChildren = treeEdit.children[1].children treeChildren.map(item =>{ debugger let birtModel = { birtModel: item.birtModel } item.birtModel = BirtModelFactory.buildModel(birtModel) return item }) let treeEditFilterInsc = treeEdit // console.log('treeEditFilterInsc', treeEditFilterInsc) // 详情表单 var hcForm = false; if (conf.hcForm) { hcForm = { controlName: "HcForm", // controlId: "HcForm_" + dlgId, dataset: saveDataset.controlId, children: [] } // 应用表单个性化配置 let confForm = JSON.parse(JSON.stringify(conf.hcForm)) Object.assign(hcForm, FormStyleFactory.buildForm(confForm) \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", // controlId: "HcTable_" + dlgId, dataset: saveDataset.controlId, height: function (parentHeight) { return parentHeight - 170; }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 10; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [saveDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ { controlName: "HcRow", gutter: 10, children: [ treeEditFilterInsc, { controlName: "HcCol", controlId: "HcCol_01_right", span: 18, children: [].concat(hcForm ? hcForm : []).concat(hcTable) } ] } ] } ] } ] return birtWorkBook }

Ignore Space Show notes View

project/hivuiBirt/templates/pages/TreeTableQuery.js

/**
 * 左边树，右边网格明细查询
 * @param {*} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
 import { StringUtil } from "@birt/funclib/StringUtil.js";
 import { treeEditFilter } from "../compose/tree-edit-filter.jsx"
 import { FormStyleFactory } from "../compose/FormStyleFactory.js";
 import { BirtModelFactory } from "@birt/templates/BirtModelFactory.js";
 
 export function TreeTableQuery(conf) {
    debugger
     const dlgId = StringUtil.randomString(6);
     // 设置数据集id
     var saveDataset = conf.mainDataset
     saveDataset.controlId += "_" + dlgId;
     // 编辑过滤树
     let treeEdit = treeEditFilter(dlgId, saveDataset.controlId, conf.treeEditFilter);
    //  console.log('treeModel',treeEdit)
     let treeChildren = treeEdit.children[1].children
     treeChildren.map(item =>{
         debugger
         let birtModel = {
            birtModel: item.birtModel
         } 
         item.birtModel = BirtModelFactory.buildModel(birtModel)
        return item
     })
     let treeEditFilterInsc = treeEdit
    //  console.log('treeEditFilterInsc', treeEditFilterInsc)
     // 详情表单
     var hcForm = false;
     if (conf.hcForm) {
         hcForm = {
             controlName: "HcForm",
            //  controlId: "HcForm_" + dlgId,
             dataset: saveDataset.controlId,
             children: []
         }
         // 应用表单个性化配置
        let confForm = JSON.parse(JSON.stringify(conf.hcForm))
        Object.assign(hcForm, FormStyleFactory.buildForm(confForm) || {});
     }
     // 网格明细
     var hcTable = {
         controlName: "HcTable",
        //  controlId: "HcTable_" + dlgId,
         dataset: saveDataset.controlId,
         height: function (parentHeight) {
             return parentHeight - 40;
         },
         children: [],
     };
     
    // 应用网格个性化配置
    Object.assign(hcTable, conf.hcTable || {});
 
     // 应用报表模型
     var birtWorkBook = Object.assign({
         controlName: "BirtWorkBook",
         controlId: "BirtWorkBook_" + dlgId,
         showToolBar: false,
         totalPage: 1,
         renderType: "pages",
         height: function (parentHeight) {
             return parentHeight - 10;
         },
     }, conf.birtWorkBook || {})
     // 添加布局结构
     birtWorkBook.children = [
         {
             controlName: "BirtSheet",
             controlId: "BirtSheet_" + dlgId,
             name: "sheet_" + dlgId,
             pageIndex: 0,
             dataSets: [saveDataset],
             children: [
                 {
                     controlName: "BirtFormSheet",
                     controlId: "BirtFormSheet_" + dlgId,
                     children: [
                         {
                             controlName: "HcRow",
                             gutter: 10,
                             children: [
                                 treeEditFilterInsc,
                                 {
                                     controlName: "HcCol",
                                     controlId: "HcCol_01_right",
                                     span: 18,
                                     children: [].concat(hcForm ? hcForm : []).concat(hcTable)
                                 }
                             ]
                         }
                     ]
                 }
             ]
         }
     ]
     return birtWorkBook
 }

/**
 * 左边树，右边网格明细查询
 * @param {*} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
 import { StringUtil } from "@birt/funclib/StringUtil.js";
 import { treeEditFilter } from "../compose/tree-edit-filter.jsx"
 import { FormStyleFactory } from "../compose/FormStyleFactory.js";
 import { BirtModelFactory } from "@birt/templates/BirtModelFactory.js";
 
 export function TreeTableQuery(conf) {
    debugger
     const dlgId = StringUtil.randomString(6);
     // 设置数据集id
     var saveDataset = conf.mainDataset
     saveDataset.controlId += "_" + dlgId;
     // 编辑过滤树
     let treeEdit = treeEditFilter(dlgId, saveDataset.controlId, conf.treeEditFilter);
    //  console.log('treeModel',treeEdit)
     let treeChildren = treeEdit.children[1].children
     treeChildren.map(item =>{
         debugger
         let birtModel = {
            birtModel: item.birtModel
         } 
         item.birtModel = BirtModelFactory.buildModel(birtModel)
        return item
     })
     let treeEditFilterInsc = treeEdit
    //  console.log('treeEditFilterInsc', treeEditFilterInsc)
     // 详情表单
     var hcForm = false;
     if (conf.hcForm) {
         hcForm = {
             controlName: "HcForm",
            //  controlId: "HcForm_" + dlgId,
             dataset: saveDataset.controlId,
             children: []
         }
         // 应用表单个性化配置
        let confForm = JSON.parse(JSON.stringify(conf.hcForm))
        Object.assign(hcForm, FormStyleFactory.buildForm(confForm) || {});
     }
     // 网格明细
     var hcTable = {
         controlName: "HcTable",
        //  controlId: "HcTable_" + dlgId,
         dataset: saveDataset.controlId,
         height: function (parentHeight) {
             return parentHeight - 170;
         },
         children: [],
     };
     
    // 应用网格个性化配置
    Object.assign(hcTable, conf.hcTable || {});
 
     // 应用报表模型
     var birtWorkBook = Object.assign({
         controlName: "BirtWorkBook",
         controlId: "BirtWorkBook_" + dlgId,
         showToolBar: false,
         totalPage: 1,
         renderType: "pages",
         height: function (parentHeight) {
             return parentHeight - 10;
         },
     }, conf.birtWorkBook || {})
     // 添加布局结构
     birtWorkBook.children = [
         {
             controlName: "BirtSheet",
             controlId: "BirtSheet_" + dlgId,
             name: "sheet_" + dlgId,
             pageIndex: 0,
             dataSets: [saveDataset],
             children: [
                 {
                     controlName: "BirtFormSheet",
                     controlId: "BirtFormSheet_" + dlgId,
                     children: [
                         {
                             controlName: "HcRow",
                             gutter: 10,
                             children: [
                                 treeEditFilterInsc,
                                 {
                                     controlName: "HcCol",
                                     controlId: "HcCol_01_right",
                                     span: 18,
                                     children: [].concat(hcForm ? hcForm : []).concat(hcTable)
                                 }
                             ]
                         }
                     ]
                 }
             ]
         }
     ]
     return birtWorkBook
 }

Show line notes below