add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent 2ab41a5 commit 72d317b677458055c14c3377c7ca484edaec198c caibinghong authored on 2 Sep 2021

Showing 7 changed files

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.0.5", "description": "A hi-vui-template project", "author": "caibinghong <caibinghong@163.com>", "scripts": { "pm2:start": "pm2 start processes.json", "pm2:restart": "pm2 restart all", "pm2:stop": "pm2 stop ", "pm2:log": "pm2 logs ", "pm2:cpu": "pm2 monit ", "pm2:kill": "pm2 delete ", "dev1": "vite --host", "dev": "vite", "vite-build": "vite build", "vite-serve": "vite preview", "rm:vite": "rimraf node_modules/.vite", "start": "npm run dev", "build": "node build/run.js", "build:debug": "node build/build.js", "build:login": "node build/build.js ./project/hivuiLogin", "build:main": "node build/run.js ./project/hivuiMain", "build:demo": "node build/run.js ./project/demo", "build:dll": "webpack --config=build/webpack.dll.js", "copyassets": "node build/copyBaseAssets.js" }, "dependencies": { "@babel/runtime-corejs3": "^7.14.6", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "axios": "^0.21.1", "classnames": "^2.3.1", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-ui": "^1.1.548", "lodash": "^4.17.21", "md5": "^2.3.0", "qs": "^6.10.1", "screenfull": "^5.1.0", "sortablejs": "^1.13.0", "vue": "^2.6.12", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "^3.5.1", "vuex": "^3.6.2" }, "devDependencies": { "@babel/core": "^7.14.5", "@babel/plugin-transform-runtime": "^7.14.5", "@babel/preset-env": "^7.14.5", "@vitejs/plugin-vue-jsx": "^1.1.5", "@vue/babel-plugin-transform-vue-jsx": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^10.2.6", "babel-loader": "^8.2.2", "babel-plugin-component": "^1.1.1", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-vite-meta-env": "^1.0.3", "css-loader": "^5.2.6", "css-minimizer-webpack-plugin": "^3.0.2", "dotenv": "^10.0.0", "file-loader": "^6.2.0", "html-webpack-plugin": "^5.3.2", "less": "^4.1.1", "less-loader": "^10.0.0", "mini-css-extract-plugin": "^1.6.1", "node-sass": "^4.13.0", "parallel-webpack": "^2.6.0", "postcss-import": "^14.0.2", "postcss-loader": "^6.1.0", "postcss-url": "^10.1.3", "rimraf": "^3.0.2", "sass": "^1.38.0", "sass-loader": "^8.0.2", "semver": "^5.4.1", "shelljs": "^0.7.8", "speed-measure-webpack-plugin": "^1.5.0", "svg-sprite-loader": "^3.5.2", "terser-webpack-plugin": "^5.1.4", "url-loader": "^4.1.1", "vite": "2.3.7", "vite-plugin-html": "^2.0.7", "vite-plugin-imp": "^2.0.7", "vite-plugin-pagedata": "^1.0.3", "vite-plugin-vue2": "^1.6.2", "vue-loader": "^15.9.7", "vue-style-loader": "^4.1.3", "vue-template-compiler": "^2.6.12", "webpack": "^5.40.0", "webpack-cli": "^4.7.2", "webpack-merge": "^5.8.0" }, "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" } } { "name": "hi-vui-template", "version": "1.0.4", "description": "A hi-vui-template project", "author": "caibinghong <caibinghong@163.com>", "scripts": { "pm2:start": "pm2 start processes.json", "pm2:restart": "pm2 restart all", "pm2:stop": "pm2 stop ", "pm2:log": "pm2 logs ", "pm2:cpu": "pm2 monit ", "pm2:kill": "pm2 delete ", "dev1": "vite --host", "dev": "vite", "vite-build": "vite build", "vite-serve": "vite preview", "rm:vite": "rimraf node_modules/.vite", "start": "npm run dev", "build": "node build/run.js", "build:debug": "node build/build.js", "build:login": "node build/build.js ./project/hivuiLogin", "build:main": "node build/run.js ./project/hivuiMain", "build:demo": "node build/run.js ./project/demo", "build:dll": "webpack --config=build/webpack.dll.js", "copyassets": "node build/copyBaseAssets.js" }, "dependencies": { "@babel/runtime-corejs3": "^7.14.6", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "axios": "^0.21.1", "classnames": "^2.3.1", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-ui": "^1.1.548", "lodash": "^4.17.21", "md5": "^2.3.0", "qs": "^6.10.1", "screenfull": "^5.1.0", "sortablejs": "^1.13.0", "vue": "^2.6.12", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "^3.5.1", "vuex": "^3.6.2" }, "devDependencies": { "@babel/core": "^7.14.5", "@babel/plugin-transform-runtime": "^7.14.5", "@babel/preset-env": "^7.14.5", "@vitejs/plugin-vue-jsx": "^1.1.5", "@vue/babel-plugin-transform-vue-jsx": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^10.2.6", "babel-loader": "^8.2.2", "babel-plugin-component": "^1.1.1", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-vite-meta-env": "^1.0.3", "css-loader": "^5.2.6", "css-minimizer-webpack-plugin": "^3.0.2", "dotenv": "^10.0.0", "file-loader": "^6.2.0", "html-webpack-plugin": "^5.3.2", "less": "^4.1.1", "less-loader": "^10.0.0", "mini-css-extract-plugin": "^1.6.1", "node-sass": "^4.13.0", "parallel-webpack": "^2.6.0", "postcss-import": "^14.0.2", "postcss-loader": "^6.1.0", "postcss-url": "^10.1.3", "rimraf": "^3.0.2", "sass": "^1.38.0", "sass-loader": "^8.0.2", "semver": "^5.4.1", "shelljs": "^0.7.8", "speed-measure-webpack-plugin": "^1.5.0", "svg-sprite-loader": "^3.5.2", "terser-webpack-plugin": "^5.1.4", "url-loader": "^4.1.1", "vite": "2.3.7", "vite-plugin-html": "^2.0.7", "vite-plugin-imp": "^2.0.7", "vite-plugin-pagedata": "^1.0.3", "vite-plugin-vue2": "^1.6.2", "vue-loader": "^15.9.7", "vue-style-loader": "^4.1.3", "vue-template-compiler": "^2.6.12", "webpack": "^5.40.0", "webpack-cli": "^4.7.2", "webpack-merge": "^5.8.0" }, "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.0.5",
  "description": "A hi-vui-template project",
  "author": "caibinghong <caibinghong@163.com>",
  "scripts": {
    "pm2:start": "pm2 start processes.json",
    "pm2:restart": "pm2 restart all",
    "pm2:stop": "pm2 stop ",
    "pm2:log": "pm2 logs ",
    "pm2:cpu": "pm2 monit ",
    "pm2:kill": "pm2 delete ",
    "dev1": "vite --host",
    "dev": "vite",
    "vite-build": "vite build",
    "vite-serve": "vite preview",
    "rm:vite": "rimraf node_modules/.vite",
    "start": "npm run dev",
    "build": "node build/run.js",
    "build:debug": "node build/build.js",
    "build:login": "node build/build.js ./project/hivuiLogin",
    "build:main": "node build/run.js ./project/hivuiMain",
    "build:demo": "node build/run.js ./project/demo",
    "build:dll": "webpack --config=build/webpack.dll.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "dependencies": {
    "@babel/runtime-corejs3": "^7.14.6",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "axios": "^0.21.1",
    "classnames": "^2.3.1",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-ui": "^1.1.548",
    "lodash": "^4.17.21",
    "md5": "^2.3.0",
    "qs": "^6.10.1",
    "screenfull": "^5.1.0",
    "sortablejs": "^1.13.0",
    "vue": "^2.6.12",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-router": "^3.5.1",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@babel/core": "^7.14.5",
    "@babel/plugin-transform-runtime": "^7.14.5",
    "@babel/preset-env": "^7.14.5",
    "@vitejs/plugin-vue-jsx": "^1.1.5",
    "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^10.2.6",
    "babel-loader": "^8.2.2",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "css-loader": "^5.2.6",
    "css-minimizer-webpack-plugin": "^3.0.2",
    "dotenv": "^10.0.0",
    "file-loader": "^6.2.0",
    "html-webpack-plugin": "^5.3.2",
    "less": "^4.1.1",
    "less-loader": "^10.0.0",
    "mini-css-extract-plugin": "^1.6.1",
    "node-sass": "^4.13.0",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^14.0.2",
    "postcss-loader": "^6.1.0",
    "postcss-url": "^10.1.3",
    "rimraf": "^3.0.2",
    "sass": "^1.38.0",
    "sass-loader": "^8.0.2",
    "semver": "^5.4.1",
    "shelljs": "^0.7.8",
    "speed-measure-webpack-plugin": "^1.5.0",
    "svg-sprite-loader": "^3.5.2",
    "terser-webpack-plugin": "^5.1.4",
    "url-loader": "^4.1.1",
    "vite": "2.3.7",
    "vite-plugin-html": "^2.0.7",
    "vite-plugin-imp": "^2.0.7",
    "vite-plugin-pagedata": "^1.0.3",
    "vite-plugin-vue2": "^1.6.2",
    "vue-loader": "^15.9.7",
    "vue-style-loader": "^4.1.3",
    "vue-template-compiler": "^2.6.12",
    "webpack": "^5.40.0",
    "webpack-cli": "^4.7.2",
    "webpack-merge": "^5.8.0"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  }
}

{
  "name": "hi-vui-template",
  "version": "1.0.4",
  "description": "A hi-vui-template project",
  "author": "caibinghong <caibinghong@163.com>",
  "scripts": {
    "pm2:start": "pm2 start processes.json",
    "pm2:restart": "pm2 restart all",
    "pm2:stop": "pm2 stop ",
    "pm2:log": "pm2 logs ",
    "pm2:cpu": "pm2 monit ",
    "pm2:kill": "pm2 delete ",
    "dev1": "vite --host",
    "dev": "vite",
    "vite-build": "vite build",
    "vite-serve": "vite preview",
    "rm:vite": "rimraf node_modules/.vite",
    "start": "npm run dev",
    "build": "node build/run.js",
    "build:debug": "node build/build.js",
    "build:login": "node build/build.js ./project/hivuiLogin",
    "build:main": "node build/run.js ./project/hivuiMain",
    "build:demo": "node build/run.js ./project/demo",
    "build:dll": "webpack --config=build/webpack.dll.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "dependencies": {
    "@babel/runtime-corejs3": "^7.14.6",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "axios": "^0.21.1",
    "classnames": "^2.3.1",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-ui": "^1.1.548",
    "lodash": "^4.17.21",
    "md5": "^2.3.0",
    "qs": "^6.10.1",
    "screenfull": "^5.1.0",
    "sortablejs": "^1.13.0",
    "vue": "^2.6.12",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-router": "^3.5.1",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@babel/core": "^7.14.5",
    "@babel/plugin-transform-runtime": "^7.14.5",
    "@babel/preset-env": "^7.14.5",
    "@vitejs/plugin-vue-jsx": "^1.1.5",
    "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^10.2.6",
    "babel-loader": "^8.2.2",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "css-loader": "^5.2.6",
    "css-minimizer-webpack-plugin": "^3.0.2",
    "dotenv": "^10.0.0",
    "file-loader": "^6.2.0",
    "html-webpack-plugin": "^5.3.2",
    "less": "^4.1.1",
    "less-loader": "^10.0.0",
    "mini-css-extract-plugin": "^1.6.1",
    "node-sass": "^4.13.0",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^14.0.2",
    "postcss-loader": "^6.1.0",
    "postcss-url": "^10.1.3",
    "rimraf": "^3.0.2",
    "sass": "^1.38.0",
    "sass-loader": "^8.0.2",
    "semver": "^5.4.1",
    "shelljs": "^0.7.8",
    "speed-measure-webpack-plugin": "^1.5.0",
    "svg-sprite-loader": "^3.5.2",
    "terser-webpack-plugin": "^5.1.4",
    "url-loader": "^4.1.1",
    "vite": "2.3.7",
    "vite-plugin-html": "^2.0.7",
    "vite-plugin-imp": "^2.0.7",
    "vite-plugin-pagedata": "^1.0.3",
    "vite-plugin-vue2": "^1.6.2",
    "vue-loader": "^15.9.7",
    "vue-style-loader": "^4.1.3",
    "vue-template-compiler": "^2.6.12",
    "webpack": "^5.40.0",
    "webpack-cli": "^4.7.2",
    "webpack-merge": "^5.8.0"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  }
}

Ignore Space Show notes View project/demo/App.vue
<template> <div> <biaodan></biaodan> <demo2></demo2> <Test /> <hr/> <el-button type="primary" icon="el-icon-search">搜索</el-button> <button @click="click">--[button]--</button> <el-button @click="click" size="mini">button1</el-button> <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table> <HiPagination :page-count="5" /> </div> </template> <script> import Test from "./test" import demo2 from "/project/demo2" import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue" // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js" import { HiTable, HiPagination } from "hi-ui" // console.log(HiTable) export default { components: { Test, HiTable, HiPagination,demo2, biaodan // DmTable }, data() { return { isBigData: true, isEdit: true, num: 0, inputNumber: { precision: 2, format: "￥0.00", controlsPosition: "right", }, tableData: [], rules: { createTime: [{ required: true, message: "请选择日期", trigger: "blur", }, ], FMoney: [{ min: 1, trigger: "blur", }, ], FName: [{ required: true, message: "请输入活动名称", trigger: "blur", }, { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur", }, ], }, treeProps: { children: "children", hasChildren: "hasChildren" }, rowKey: "id", columns: [{ label: "自定义列", width: 100, slot: [{ element: "el-button", label: "调单", props: { size: "mini", round: true }, handles: { click: this.handleClick } }, { element: "el-tag", label: "默认标签", props: {}, handles: { click: this.handleClick } }, ], }, { name: "FName", label: "姓名1", element: "el-input", width: 100, formatFn: function(value) { return "格式化：" + (value \|\| ""); }, required: true, }, { name: "createTime", label: "申请时间", element: "el-date-picker", required: true, width: 100, props: { type: "datetime", format: "yyyy-MM-dd HH:mm:ss", valueFormat: "yyyy-MM-dd", }, }, { label: "基本信息", align: "center", children: [{ name: "FAge", label: "年龄2", element: "hi-number", sortable: true, summary: "avg", formType: "dbInt", props: { step: 2, format: "0岁", }, }, { name: "FSex", label: "性别3", element: "el-select", props: { children: [{ element: "el-option", props: { label: "男", value: "0" }, }, { element: "el-option", props: { label: "女", value: "1" }, }, ], }, }, ], }, { name: "FMoney", label: "钱", element: "hi-number", formType: "dbDouble", props: { precision: 2, format: "￥0.00", "controls-position": "right", }, summary: "sum", }, { width: 200, name: "FBiaoXian", label: "表现", element: "el-rate", props: { showText: true, }, }, { width: 200, name: "FUse", label: "启用", element: "el-checkbox", props: {}, }, { width: 200, name: "FDept", label: "部门", element: "hi-data-select", props: { lookup: { storeCfg: { modelFile: "purchase/order/dataset/OrderEntity.xml", //数据集配置部门 id: "dept", //主键 primary: ["id"], //操作权限 operations: [ "oinsert", "odelete", "oquery", "omodify", ], fields: { FID: { name: "FID", //字段ID label: "部门ID", //字段描述 dbtype: "dbInt", //数据类型 required: true, readonly: true, length: 50, rules: [], }, FNUMBER: { name: "FNUMBER", //字段ID label: "部门描述", //字段描述 dbtype: "dbText", //数据类型 }, FUSERID: { name: "FUSERID", //字段ID label: "部门名称", //字段描述 dbtype: "dbString", //数据类型 }, }, }, active: true, multiSelect: false, returnFields: { FDept: "FNUMBER", }, columns: [{ name: "FID", label: "FID", width: 200, }, { name: "FNUMBER", label: "编号", width: 400, }, { name: "FUSERID", label: "FUSERID", }, ], queryOption: { fields: [{ name: "FID", label: "FID", element: "el-input", }, { name: "FNUMBER", element: "el-input", label: "编号", }, { name: "FUSERID", element: "el-input", label: "FUSERID", value: "admin", }, ], }, }, }, }, ], } }, mounted() { // console.log('this.$dsContainer----: ' , this.$dsContainer); }, methods: { click() { alert(1) }, arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 3) { if (rowIndex % 2 === 0) { return { rowspan: 2, colspan: 1, }; } else { return { rowspan: 0, colspan: 0, }; } } }, } } </script> <style lang="scss"> html,body{ display: block; height: 100%; } button { background: #efefee; padding: 5px 10px; font-size: 12px; border: 1px #eee solid; border-radius: 5px; // transform: rotate(45deg); } </style> <template> <div> <!-- <DmTable></DmTable> --> <!-- <biaodan></biaodan> --> <!-- <demo2></demo2> --> <!-- login 111111111111 <el-button type="primary" icon="el-icon-search">搜索</el-button> <button @click="click">--[button]--</button> <Test /> <el-button @click="click" size="mini">button1</el-button> <HiPagination :page-count="5" /> --> <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table> </div> </template> <script> // import DmTable from "./dmTable.js" // import Test from "./test" // import demo2 from "/project/demo2" // import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue" // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js" // import { // HiTable, // HiPagination // } from "hi-ui" // console.log(HiTable) export default { components: { // Test, // HiTable, // HiPagination,demo2, // biaodan // DmTable }, data() { return { isBigData: true, isEdit: true, num: 0, inputNumber: { precision: 2, format: "￥0.00", controlsPosition: "right", }, tableData: [], rules: { createTime: [{ required: true, message: "请选择日期", trigger: "blur", }, ], FMoney: [{ min: 1, trigger: "blur", }, ], FName: [{ required: true, message: "请输入活动名称", trigger: "blur", }, { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur", }, ], }, treeProps: { children: "children", hasChildren: "hasChildren" }, rowKey: "id", // columns: [{ // label: "自定义列", // width: 100, // slot: [{ // element: "el-button", // label: "调单", // props: { // size: "mini", // round: true // }, // handles: { // click: this.handleClick // } // }, // { // element: "el-tag", // label: "默认标签", // props: {}, // handles: { // click: this.handleClick // } // }, // ], // }, // { // name: "FName", // label: "姓名1", // element: "el-input", // width: 100, // formatFn: function(value) { // return "格式化：" + (value \|\| ""); // }, // required: true, // }, // { // name: "createTime", // label: "申请时间", // element: "el-date-picker", // required: true, // width: 100, // props: { // type: "datetime", // format: "yyyy-MM-dd HH:mm:ss", // valueFormat: "yyyy-MM-dd", // }, // }, // { // label: "基本信息", // align: "center", // children: [{ // name: "FAge", // label: "年龄2", // element: "hi-number", // sortable: true, // summary: "avg", // formType: "dbInt", // props: { // step: 2, // format: "0岁", // }, // }, // { // name: "FSex", // label: "性别3", // element: "el-select", // props: { // children: [{ // element: "el-option", // props: { // label: "男", // value: "0" // }, // }, // { // element: "el-option", // props: { // label: "女", // value: "1" // }, // }, // ], // }, // }, // ], // }, // { // name: "FMoney", // label: "钱", // element: "hi-number", // formType: "dbDouble", // props: { // precision: 2, // format: "￥0.00", // "controls-position": "right", // }, // summary: "sum", // }, // { // width: 200, // name: "FBiaoXian", // label: "表现", // element: "el-rate", // props: { // showText: true, // }, // }, // { // width: 200, // name: "FUse", // label: "启用", // element: "el-checkbox", // props: {}, // }, // { // width: 200, // name: "FDept", // label: "部门", // element: "hi-data-select", // props: { // lookup: { // storeCfg: { // modelFile: "purchase/order/dataset/OrderEntity.xml", // //数据集配置部门 // id: "dept", // //主键 // primary: ["id"], // //操作权限 // operations: [ // "oinsert", // "odelete", // "oquery", // "omodify", // ], // fields: { // FID: { // name: "FID", //字段ID // label: "部门ID", //字段描述 // dbtype: "dbInt", //数据类型 // required: true, // readonly: true, // length: 50, // rules: [], // }, // FNUMBER: { // name: "FNUMBER", //字段ID // label: "部门描述", //字段描述 // dbtype: "dbText", //数据类型 // }, // FUSERID: { // name: "FUSERID", //字段ID // label: "部门名称", //字段描述 // dbtype: "dbString", //数据类型 // }, // }, // }, // active: true, // multiSelect: false, // returnFields: { // FDept: "FNUMBER", // }, // columns: [{ // name: "FID", // label: "FID", // width: 200, // }, // { // name: "FNUMBER", // label: "编号", // width: 400, // }, // { // name: "FUSERID", // label: "FUSERID", // }, // ], // queryOption: { // fields: [{ // name: "FID", // label: "FID", // element: "el-input", // }, // { // name: "FNUMBER", // element: "el-input", // label: "编号", // }, // { // name: "FUSERID", // element: "el-input", // label: "FUSERID", // value: "admin", // }, // ], // }, // }, // }, // }, // ], } }, mounted() { // console.log('this.$dsContainer----: ' , this.$dsContainer); }, methods: { click() { alert(1) }, arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 3) { if (rowIndex % 2 === 0) { return { rowspan: 2, colspan: 1, }; } else { return { rowspan: 0, colspan: 0, }; } } }, } } </script> <style lang="scss"> html,body{ display: block; height: 100%; } button { background: #efefee; padding: 5px 10px; font-size: 12px; border: 1px #eee solid; border-radius: 5px; // transform: rotate(45deg); } </style>

Ignore Space Show notes View

project/demo/App.vue

<template>
    <div>
        <biaodan></biaodan>
        <demo2></demo2>
        <Test />
        <hr/>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <button @click="click">--[button]--</button>
        <el-button @click="click" size="mini">button1</el-button>
        <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table>        
        <HiPagination :page-count="5" />
    </div>
</template>
<script>
    import Test from "./test"
    import demo2 from "/project/demo2"
    import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue"
    // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js"
    import { 
        HiTable,
        HiPagination
    } from "hi-ui"
    // console.log(HiTable)
    export default {
        components: {
            Test,
            HiTable,
            HiPagination,demo2,
            biaodan
            // DmTable
        },
        data() {
            return {
                isBigData: true,
                isEdit: true,
                num: 0,
                inputNumber: {
                    precision: 2,
                    format: "￥0.00",
                    controlsPosition: "right",
                },
                tableData: [],
                rules: {
                    createTime: [{
                        required: true,
                        message: "请选择日期",
                        trigger: "blur",
                    }, ],
                    FMoney: [{
                        min: 1,
                        trigger: "blur",
                    }, ],
                    FName: [{
                            required: true,
                            message: "请输入活动名称",
                            trigger: "blur",
                        },
                        {
                            min: 3,
                            max: 5,
                            message: "长度在 3 到 5 个字符",
                            trigger: "blur",
                        },
                    ],
                },
                treeProps: {
                    children: "children",
                    hasChildren: "hasChildren"
                },
                rowKey: "id",
                columns: [{
                        label: "自定义列",
                        width: 100,
                        slot: [{
                                element: "el-button",
                                label: "调单",
                                props: {
                                    size: "mini",
                                    round: true
                                },
                                handles: {
                                    click: this.handleClick
                                }
                            },
                            {
                                element: "el-tag",
                                label: "默认标签",
                                props: {},
                                handles: {
                                    click: this.handleClick
                                }
                            },
                        ],
                    },
                    {
                        name: "FName",
                        label: "姓名1",
                        element: "el-input",
                        width: 100,
                        formatFn: function(value) {
                            return "格式化：" + (value || "");
                        },
                        required: true,
                    },
                    {
                        name: "createTime",
                        label: "申请时间",
                        element: "el-date-picker",
                        required: true,
                        width: 100,
                        props: {
                            type: "datetime",
                            format: "yyyy-MM-dd HH:mm:ss",
                            valueFormat: "yyyy-MM-dd",
                        },
                    },
                    {
                        label: "基本信息",
                        align: "center",
                        children: [{
                                name: "FAge",
                                label: "年龄2",
                                element: "hi-number",
                                sortable: true,
                                summary: "avg",
                                formType: "dbInt",
                                props: {
                                    step: 2,
                                    format: "0岁",
                                },
                            },
                            {
                                name: "FSex",
                                label: "性别3",
                                element: "el-select",
                                props: {
                                    children: [{
                                            element: "el-option",
                                            props: {
                                                label: "男",
                                                value: "0"
                                            },
                                        },
                                        {
                                            element: "el-option",
                                            props: {
                                                label: "女",
                                                value: "1"
                                            },
                                        },
                                    ],
                                },
                            },
                        ],
                    },
                    {
                        name: "FMoney",
                        label: "钱",
                        element: "hi-number",
                        formType: "dbDouble",
                        props: {
                            precision: 2,
                            format: "￥0.00",
                            "controls-position": "right",
                        },
                        summary: "sum",
                    },
                    {
                        width: 200,
                        name: "FBiaoXian",
                        label: "表现",
                        element: "el-rate",
                        props: {
                            showText: true,
                        },
                    },
                    {
                        width: 200,
                        name: "FUse",
                        label: "启用",
                        element: "el-checkbox",
                        props: {},
                    },
                    {
                        width: 200,
                        name: "FDept",
                        label: "部门",
                        element: "hi-data-select",
                        props: {
                            lookup: {
                                storeCfg: {
                                    modelFile: "purchase/order/dataset/OrderEntity.xml",
                                    //数据集配置  部门
                                    id: "dept",
                                    //主键
                                    primary: ["id"],
                                    //操作权限
                                    operations: [
                                        "oinsert",
                                        "odelete",
                                        "oquery",
                                        "omodify",
                                    ],
                                    fields: {
                                        FID: {
                                            name: "FID", //字段ID
                                            label: "部门ID", //字段描述
                                            dbtype: "dbInt", //数据类型
                                            required: true,
                                            readonly: true,
                                            length: 50,
                                            rules: [],
                                        },
                                        FNUMBER: {
                                            name: "FNUMBER", //字段ID
                                            label: "部门描述", //字段描述
                                            dbtype: "dbText", //数据类型
                                        },
                                        FUSERID: {
                                            name: "FUSERID", //字段ID
                                            label: "部门名称", //字段描述
                                            dbtype: "dbString", //数据类型
                                        },
                                    },
                                },
                                active: true,
                                multiSelect: false,
                                returnFields: {
                                    FDept: "FNUMBER",
                                },
                                columns: [{
                                        name: "FID",
                                        label: "FID",
                                        width: 200,
                                    },
                                    {
                                        name: "FNUMBER",
                                        label: "编号",
                                        width: 400,
                                    },
                                    {
                                        name: "FUSERID",
                                        label: "FUSERID",
                                    },
                                ],
                                queryOption: {
                                    fields: [{
                                            name: "FID",
                                            label: "FID",
                                            element: "el-input",
                                        },
                                        {
                                            name: "FNUMBER",
                                            element: "el-input",
                                            label: "编号",
                                        },
                                        {
                                            name: "FUSERID",
                                            element: "el-input",
                                            label: "FUSERID",
                                            value: "admin",
                                        },
                                    ],
                                },
                            },
                        },
                    },
                ],
            }
        },
        mounted() {
            // console.log('this.$dsContainer----: ' , this.$dsContainer);
        },
        methods: {
            click() {
                alert(1)
            },
            arraySpanMethod({ row, column, rowIndex, columnIndex }) {
                if (columnIndex === 3) {
                    if (rowIndex % 2 === 0) {
                        return {
                            rowspan: 2,
                            colspan: 1,
                        };
                    } else {
                        return {
                            rowspan: 0,
                            colspan: 0,
                        };
                    }
                }
            },
        }
    }
</script>
<style lang="scss">
    html,body{
        display: block;
        height: 100%;
    }
    button {
        background: #efefee;
        padding: 5px 10px;
        font-size: 12px;
        border: 1px #eee solid;
        border-radius: 5px; // transform: rotate(45deg);
    }
</style>

<template>
    <div>
        
        
        
        
        <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table>
    </div>
</template>
<script>
    // import DmTable from "./dmTable.js"
    // import Test from "./test"
    // import demo2 from "/project/demo2"
    // import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue"
    // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js"
    // import { 
    //     HiTable,
    //     HiPagination
    // } from "hi-ui"
    // console.log(HiTable)
    export default {
        components: {
            // Test,
            // HiTable,
            // HiPagination,demo2,
            // biaodan
            // DmTable
        },
        data() {
            return {
                isBigData: true,
                isEdit: true,
                num: 0,
                inputNumber: {
                    precision: 2,
                    format: "￥0.00",
                    controlsPosition: "right",
                },
                tableData: [],
                rules: {
                    createTime: [{
                        required: true,
                        message: "请选择日期",
                        trigger: "blur",
                    }, ],
                    FMoney: [{
                        min: 1,
                        trigger: "blur",
                    }, ],
                    FName: [{
                            required: true,
                            message: "请输入活动名称",
                            trigger: "blur",
                        },
                        {
                            min: 3,
                            max: 5,
                            message: "长度在 3 到 5 个字符",
                            trigger: "blur",
                        },
                    ],
                },
                treeProps: {
                    children: "children",
                    hasChildren: "hasChildren"
                },
                rowKey: "id",
                // columns: [{
                //         label: "自定义列",
                //         width: 100,
                //         slot: [{
                //                 element: "el-button",
                //                 label: "调单",
                //                 props: {
                //                     size: "mini",
                //                     round: true
                //                 },
                //                 handles: {
                //                     click: this.handleClick
                //                 }
                //             },
                //             {
                //                 element: "el-tag",
                //                 label: "默认标签",
                //                 props: {},
                //                 handles: {
                //                     click: this.handleClick
                //                 }
                //             },
                //         ],
                //     },
                //     {
                //         name: "FName",
                //         label: "姓名1",
                //         element: "el-input",
                //         width: 100,
                //         formatFn: function(value) {
                //             return "格式化：" + (value || "");
                //         },
                //         required: true,
                //     },
                //     {
                //         name: "createTime",
                //         label: "申请时间",
                //         element: "el-date-picker",
                //         required: true,
                //         width: 100,
                //         props: {
                //             type: "datetime",
                //             format: "yyyy-MM-dd HH:mm:ss",
                //             valueFormat: "yyyy-MM-dd",
                //         },
                //     },
                //     {
                //         label: "基本信息",
                //         align: "center",
                //         children: [{
                //                 name: "FAge",
                //                 label: "年龄2",
                //                 element: "hi-number",
                //                 sortable: true,
                //                 summary: "avg",
                //                 formType: "dbInt",
                //                 props: {
                //                     step: 2,
                //                     format: "0岁",
                //                 },
                //             },
                //             {
                //                 name: "FSex",
                //                 label: "性别3",
                //                 element: "el-select",
                //                 props: {
                //                     children: [{
                //                             element: "el-option",
                //                             props: {
                //                                 label: "男",
                //                                 value: "0"
                //                             },
                //                         },
                //                         {
                //                             element: "el-option",
                //                             props: {
                //                                 label: "女",
                //                                 value: "1"
                //                             },
                //                         },
                //                     ],
                //                 },
                //             },
                //         ],
                //     },
                //     {
                //         name: "FMoney",
                //         label: "钱",
                //         element: "hi-number",
                //         formType: "dbDouble",
                //         props: {
                //             precision: 2,
                //             format: "￥0.00",
                //             "controls-position": "right",
                //         },
                //         summary: "sum",
                //     },
                //     {
                //         width: 200,
                //         name: "FBiaoXian",
                //         label: "表现",
                //         element: "el-rate",
                //         props: {
                //             showText: true,
                //         },
                //     },
                //     {
                //         width: 200,
                //         name: "FUse",
                //         label: "启用",
                //         element: "el-checkbox",
                //         props: {},
                //     },
                //     {
                //         width: 200,
                //         name: "FDept",
                //         label: "部门",
                //         element: "hi-data-select",
                //         props: {
                //             lookup: {
                //                 storeCfg: {
                //                     modelFile: "purchase/order/dataset/OrderEntity.xml",
                //                     //数据集配置  部门
                //                     id: "dept",
                //                     //主键
                //                     primary: ["id"],
                //                     //操作权限
                //                     operations: [
                //                         "oinsert",
                //                         "odelete",
                //                         "oquery",
                //                         "omodify",
                //                     ],
                //                     fields: {
                //                         FID: {
                //                             name: "FID", //字段ID
                //                             label: "部门ID", //字段描述
                //                             dbtype: "dbInt", //数据类型
                //                             required: true,
                //                             readonly: true,
                //                             length: 50,
                //                             rules: [],
                //                         },
                //                         FNUMBER: {
                //                             name: "FNUMBER", //字段ID
                //                             label: "部门描述", //字段描述
                //                             dbtype: "dbText", //数据类型
                //                         },
                //                         FUSERID: {
                //                             name: "FUSERID", //字段ID
                //                             label: "部门名称", //字段描述
                //                             dbtype: "dbString", //数据类型
                //                         },
                //                     },
                //                 },
                //                 active: true,
                //                 multiSelect: false,
                //                 returnFields: {
                //                     FDept: "FNUMBER",
                //                 },
                //                 columns: [{
                //                         name: "FID",
                //                         label: "FID",
                //                         width: 200,
                //                     },
                //                     {
                //                         name: "FNUMBER",
                //                         label: "编号",
                //                         width: 400,
                //                     },
                //                     {
                //                         name: "FUSERID",
                //                         label: "FUSERID",
                //                     },
                //                 ],
                //                 queryOption: {
                //                     fields: [{
                //                             name: "FID",
                //                             label: "FID",
                //                             element: "el-input",
                //                         },
                //                         {
                //                             name: "FNUMBER",
                //                             element: "el-input",
                //                             label: "编号",
                //                         },
                //                         {
                //                             name: "FUSERID",
                //                             element: "el-input",
                //                             label: "FUSERID",
                //                             value: "admin",
                //                         },
                //                     ],
                //                 },
                //             },
                //         },
                //     },
                // ],
            }
        },
        mounted() {
            // console.log('this.$dsContainer----: ' , this.$dsContainer);
        },
        methods: {
            click() {
                alert(1)
            },
            arraySpanMethod({ row, column, rowIndex, columnIndex }) {
                if (columnIndex === 3) {
                    if (rowIndex % 2 === 0) {
                        return {
                            rowspan: 2,
                            colspan: 1,
                        };
                    } else {
                        return {
                            rowspan: 0,
                            colspan: 0,
                        };
                    }
                }
            },
        }
    }
</script>
<style lang="scss">
    html,body{
        display: block;
        height: 100%;
    }
    button {
        background: #efefee;
        padding: 5px 10px;
        font-size: 12px;
        border: 1px #eee solid;
        border-radius: 5px; // transform: rotate(45deg);
    }
</style>

Ignore Space Show notes View project/hivuiLogin/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <script src="/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/assets_platform/vendor_dll/vendor.dll.js"></script> <%}%> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!--<script src="/项目名/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <link rel="stylesheet" href="/assets_platform/element-ui2.15.3/index.css"> <script src="/assets_platform/vue2.6.14/vue.min.js"></script> <script src="/assets_platform/element-ui2.15.3/index.js"></script> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <script src="/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/assets_platform/vendor_dll/vendor.dll.js"></script> <%}%> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!--<script src="/项目名/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiLogin/index.html

Ignore Space Show notes View project/hivuiMain/api/api.txt
/* 首页左侧菜单数据集： eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity 取数功能路径：/project/xtgl/xtfg/xtsy/funcdir/sygn.func 测试地址：http://192.168.1.183:5001/amrept-web/project/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func 菜单 http://eap2.fdauto.com/eap//system/gncd/qcdsj.flow?__operator=08335&__orgId=08335 / / 首页左侧菜单数据集： eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity 取数功能路径：/eaptpl/xtgl/xtfg/xtsy/funcdir/sygn.func 测试地址：http://192.168.1.183:5001/amrept-web/eaptpl/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func 菜单 http://eap2.fdauto.com/eap//system/gncd/qcdsj.flow?__operator=08335&__orgId=08335 */

Ignore Space Show notes View

project/hivuiMain/api/api.txt

Ignore Space Show notes View project/hivuiMain/api/menu.js
/** * 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity /amrept-web/hcm/xtgl/xtfg/xtsy/funcdir/sygn.func 首页左侧菜单数据集： eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity 取数功能路径：/project/xtgl/xtfg/xtsy/funcdir/sygn.func 测试地址：http://192.168.1.183:5001/amrept-web/project/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func cxf 跨域查询 url: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/query 方式：get 参数： "body":查询条件 "modelFilePath":数据集业务路径 "queryCdion": "pageSize":每页数据条数 "pageNum":页数 "treePath": "funcpath":功能路径 "queryCache":是否应用查询缓存跨域保存 URL: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/save 方式：get 参数：同上 / import { projectName,codeProjectName } from '../config' import request from '../utils/request' import qs from 'qs'; const queryUrl = (import.meta.env.VITE_APP_QUERYDATA\|\|process.env.VITE_APP_QUERYDATA).replace("[projectName]",projectName) export function getMenus() { ///amrept-web/data/query.do /let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [1,3,5], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) })/ return request({ url: "/"+codeProjectName+"/login/user/menu", method: 'get', }) } //首面左侧快速导航 export function getQuickNav() { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [4,5], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } export function getPortalMenus() { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [6], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } //最近使用 export function getLeastRecentlyUsed(username) { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "eq", "name": "FUSERNAME", "desc": "", "dataType": "dbString", "value": username, "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/zjyy.modeldir/datadir.datadir/zjyy.store/SqlEntity_DrYlHLl6.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: 1, pageSize: 10, __body:JSON.stringify(body) }) }) } //最近使用 export function getPermissions(username) { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "eq", "name": "userName", "desc": "", "dataType": "dbString", "value": username, "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/qxurllb.store/SqlEntity_nAIsAP3H.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } /* * 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity /amrept-web/hcm/xtgl/xtfg/xtsy/funcdir/sygn.func 首页左侧菜单数据集： eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity 菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity 取数功能路径：/eaptpl/xtgl/xtfg/xtsy/funcdir/sygn.func 测试地址：http://192.168.1.183:5001/amrept-web/eaptpl/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func cxf 跨域查询 url: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/query 方式：get 参数： "body":查询条件 "modelFilePath":数据集业务路径 "queryCdion": "pageSize":每页数据条数 "pageNum":页数 "treePath": "funcpath":功能路径 "queryCache":是否应用查询缓存跨域保存 URL: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/save 方式：get 参数：同上 / import { projectName,codeProjectName } from '../config' import request from '../utils/request' import qs from 'qs'; const queryUrl = (import.meta.env.VITE_APP_QUERYDATA\|\|process.env.VITE_APP_QUERYDATA).replace("[projectName]",projectName) export function getMenus() { ///amrept-web/data/query.do /let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [1,3,5], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) })*/ return request({ url: "/"+codeProjectName+"/login/user/menu", method: 'get', }) } //首面左侧快速导航 export function getQuickNav() { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [4,5], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } export function getPortalMenus() { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "in", "name": "isShow", "desc": "", "dataType": "dbString", "value": [6], "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) } //最近使用 export function getLeastRecentlyUsed(username) { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "eq", "name": "FUSERNAME", "desc": "", "dataType": "dbString", "value": username, "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/zjyy.modeldir/datadir.datadir/zjyy.store/SqlEntity_DrYlHLl6.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: 1, pageSize: 10, __body:JSON.stringify(body) }) }) } //最近使用 export function getPermissions(username) { ///amrept-web/data/query.do let body={ "queryCdions": { "join": "and", "items": [ { "sign": "eq", "name": "userName", "desc": "", "dataType": "dbString", "value": username, "enabled": true } ] } } return request({ url: queryUrl, method: 'post', data: qs.stringify({ modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/qxurllb.store/SqlEntity_nAIsAP3H.sqlentity`, __funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`, pageNum: -1, pageSize: -1, __body:JSON.stringify(body) }) }) }

Ignore Space Show notes View

project/hivuiMain/api/menu.js

/**
 * 
菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity
/amrept-web/hcm/xtgl/xtfg/xtsy/funcdir/sygn.func

首页左侧菜单数据集：
eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity
菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity
取数功能路径：/project/xtgl/xtfg/xtsy/funcdir/sygn.func
测试地址：http://192.168.1.183:5001/amrept-web/project/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func

cxf 跨域查询
	url: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/query
	方式：get
	参数：
	"body":查询条件
	"modelFilePath":数据集业务路径
	"queryCdion":
	"pageSize":每页数据条数
	"pageNum":页数
	"treePath":
	"funcpath":功能路径
	"queryCache":是否应用查询缓存

跨域保存
	URL: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/save
	方式：get
	参数：同上

*/
import { projectName,codeProjectName } from '../config'
import request from '../utils/request'
import qs from 'qs';
const queryUrl = (import.meta.env.VITE_APP_QUERYDATA||process.env.VITE_APP_QUERYDATA).replace("[projectName]",projectName)
export function getMenus() {
	///amrept-web/data/query.do
	/*let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "in",
					"name": "isShow",
					"desc": "",
					"dataType": "dbString",
					"value": [1,3,5],
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})*/

return request({
		url: "/"+codeProjectName+"/login/user/menu",
		method: 'get',
	})

}
//首面左侧快速导航
export function getQuickNav() {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "in",
					"name": "isShow",
					"desc": "",
					"dataType": "dbString",
					"value": [4,5],
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})
}

export function getPortalMenus() {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "in",
					"name": "isShow",
					"desc": "",
					"dataType": "dbString",
					"value": [6],
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})
}
//最近使用
export function getLeastRecentlyUsed(username) {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "eq",
					"name": "FUSERNAME",
					"desc": "",
					"dataType": "dbString",
					"value": username,
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/zjyy.modeldir/datadir.datadir/zjyy.store/SqlEntity_DrYlHLl6.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: 1,
			pageSize: 10,
			__body:JSON.stringify(body)
		})
	})
}

//最近使用
export function getPermissions(username) {
	///amrept-web/data/query.do
	let body={
		"queryCdions": {
			"join": "and",
			"items": [
				{
					"sign": "eq",
					"name": "userName",
					"desc": "",
					"dataType": "dbString",
					"value": username,
					"enabled": true
				}
			]
		}
	}
	return request({
		url: queryUrl,
		method: 'post',
		data: qs.stringify({
			modelFilePath: `${projectName}.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/qxurllb.store/SqlEntity_nAIsAP3H.sqlentity`,
			__funcpath: `/${projectName}/xtgl/xtfg/xtsy/funcdir/sygn.func`,
			pageNum: -1,
			pageSize: -1,
			__body:JSON.stringify(body)
		})
	})
}

/**
 * 
菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity
/amrept-web/hcm/xtgl/xtfg/xtsy/funcdir/sygn.func

首页左侧菜单数据集：
eaptpl.pro/ptpz.dir/xtgn.dir/sy.modeldir/datadir.datadir/syzccd.store/SqlEntity_r3hx80TL.sqlentity
菜单权限列表：eaptpl.pro/ptpz.dir/xtgn.dir/gnqxcz.modeldir/data.datadir/yhcdqxlb.store/SqlEntity_NTqEeq7n.sqlentity
取数功能路径：/eaptpl/xtgl/xtfg/xtsy/funcdir/sygn.func
测试地址：http://192.168.1.183:5001/amrept-web/eaptpl/ptpz/xtgj/sjdxzs/funcdir/sjdxzs.func

跨域保存
	URL: http://192.168.100.183:5001/amrept-web/server/WebServiceWadl/{projectN}/cxfService/save
	方式：get
	参数：同上

return request({
		url: "/"+codeProjectName+"/login/user/menu",
		method: 'get',
	})

Ignore Space Show notes View project/hivuiMain/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <script src="/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/assets_platform/vendor_dll/vendor.dll.js"></script> <%}%> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="/项目名/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img src="./assets/logo_max.png"/> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> function changeLayout(name) { window.localStorage.setItem('layout', name) window.location.reload(); } var Scp = { User: { id: "admin", name: "管理员", deptId: "", deptName: "", positionId: "GLY", postionName: "管理员", bzId: "admin_3", bzName: "管理员岗位3", bzDeptId: ".WLDJT.DGS", bzDeptName: "D公司", bzPositionId: "HQRY", bzPositionName: "后勤人员", orgId: "admin_3", defOrgId: "admin_3" } } var __guid = new Date().valueOf(); var __sysConfig = { events: { onLoad1: function () { } }, projectName: "eaptpl", sysProjectMange: { id: __guid++, name: '工程树', iconClass: 'icon-tree', uri: 'amreport/designer/tree/design.do', url: '/amrept-web/amreport/designer/tree/design.do' }, sysLoadLogo: { src: '', title: '中海创科技' }, sysLogo: { src: '', title: '中海创科技' }, //默认门户对应自定义门户功能 sysSetTabs: [ { title: '首页', id: __guid++, close: false, type: 'home', actived: true //默认选中 } // ,{ // title:'工作台', // id: __guid++, // close:false, // type:'work' // } ], //默认打开功能 sysDefTabs: [ // { // id: __guid++, // title:"设计", // url:'http://192.168.7.109:9090/#/design', // close:true, // }, // { // id: __guid++, // title:"百度功能测试", // url:'http://www.baidu.com', // close:true // }, // { // id: __guid++, // title:"bing", // url:'https://cn.bing.com/', // close:true // } ], sysList: [ ], sysFuncMenus: [ { id: __guid++, name: '<font color=red>邮件系统</font>', url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows', iconClass: 'icon-mail', target: '_blank', }, { type: 'split' }, { id: __guid++, name: '布局', type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: '上下布局', handler: function () { changeLayout(this.id) } }, { id: 'level', name: '左右布局', handler: function () { changeLayout(this.id) } } ] }, { type: 'split' }, { id: __guid++, name: '用户信息', type: 'userInfo', iconClass: 'icon-user', children: [ { id: __guid++, name: '部门：AF10', iconClass: 'icon-user', actived: true }, { id: __guid++, html: '<font color=red>访问下属111</font>', name: '<font color=red>访问下属</font>', iconClass: 'icon-user', children: [ { name: "张三", id: __guid++ }, { name: "李四", id: __guid++ }, ] }, { id: __guid++, name: '修改密码', iconClass: '', handler: function () { alert('访问下属'); } } ] }, { type: 'split' } ], } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <script src="/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/assets_platform/vendor_dll/vendor.dll.js"></script> <%}%> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="/项目名/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img src="./assets/logo_max.png"/> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> function changeLayout(name) { window.localStorage.setItem('layout', name) window.location.reload(); } var Scp = { User: { id: "admin", name: "管理员", deptId: "", deptName: "", positionId: "GLY", postionName: "管理员", bzId: "admin_3", bzName: "管理员岗位3", bzDeptId: ".WLDJT.DGS", bzDeptName: "D公司", bzPositionId: "HQRY", bzPositionName: "后勤人员", orgId: "admin_3", defOrgId: "admin_3" } } var __guid = new Date().valueOf(); var __sysConfig = { events: { onLoad1: function () { } }, projectName: "eaptpl", sysProjectMange: { id: __guid++, name: '工程树', iconClass: 'icon-tree', uri: 'amreport/designer/tree/design.do', url: '/amrept-web/amreport/designer/tree/design.do' }, sysLoadLogo: { src: '', title: '中海创科技' }, sysLogo: { src: '', title: '中海创科技' }, //默认门户对应自定义门户功能 sysSetTabs: [ { title: '首页', id: __guid++, close: false, type: 'home', actived: true //默认选中 } // ,{ // title:'工作台', // id: __guid++, // close:false, // type:'work' // } ], //默认打开功能 sysDefTabs: [ // { // id: __guid++, // title:"设计", // url:'http://192.168.7.109:9090/#/design', // close:true, // }, // { // id: __guid++, // title:"百度功能测试", // url:'http://www.baidu.com', // close:true // }, // { // id: __guid++, // title:"bing", // url:'https://cn.bing.com/', // close:true // } ], sysList: [ ], sysFuncMenus: [ { id: __guid++, name: '<font color=red>邮件系统</font>', url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows', iconClass: 'icon-mail', target: '_blank', }, { type: 'split' }, { id: __guid++, name: '布局', type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: '上下布局', handler: function () { changeLayout(this.id) } }, { id: 'level', name: '左右布局', handler: function () { changeLayout(this.id) } } ] }, { type: 'split' }, { id: __guid++, name: '用户信息', type: 'userInfo', iconClass: 'icon-user', children: [ { id: __guid++, name: '部门：AF10', iconClass: 'icon-user', actived: true }, { id: __guid++, html: '<font color=red>访问下属111</font>', name: '<font color=red>访问下属</font>', iconClass: 'icon-user', children: [ { name: "张三", id: __guid++ }, { name: "李四", id: __guid++ }, ] }, { id: __guid++, name: '修改密码', iconClass: '', handler: function () { alert('访问下属'); } } ] }, { type: 'split' } ], } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiMain/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Main</title>
  <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
  <script src="/assets_platform/vue/vue.min.js"></script>
  <script src="/assets_platform/element-ui/index.js"></script>

<% if(!htmlWebpackPlugin.vite){%>
    
    <script src="/assets_platform/vendor_dll/vuelibs.dll.js"></script>
    <script src="/assets_platform/vendor_dll/vendor.dll.js"></script>
  <%}%>
  <script src="/assets_platform/eap/eap.umd.min.js"></script>
   
</head>

<body>
  <div id="app">  	
    <div style="padding:50px 0;text-align:center;">
      <div>
        <img src="./assets/logo_max.png"/>
      </div>
      <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div>
      
    </div>
  </div>
  <script>
    function changeLayout(name) {
      window.localStorage.setItem('layout', name)
      window.location.reload();
    }
    var Scp = {
      User: {
        id: "admin",
        name: "管理员",
        deptId: "",
        deptName: "",
        positionId: "GLY",
        postionName: "管理员",
        bzId: "admin_3",
        bzName: "管理员岗位3",
        bzDeptId: ".WLDJT.DGS",
        bzDeptName: "D公司",
        bzPositionId: "HQRY",
        bzPositionName: "后勤人员",
        orgId: "admin_3",
        defOrgId: "admin_3"
      }
    }
    var __guid = new Date().valueOf();
    var __sysConfig = {
      events: {
        onLoad1: function () {

}
      },
      projectName: "eaptpl",
      sysProjectMange: {
        id: __guid++,
        name: '工程树',
        iconClass: 'icon-tree',
        uri: 'amreport/designer/tree/design.do',
        url: '/amrept-web/amreport/designer/tree/design.do'
      },
      sysLoadLogo: {
        src: '',
        title: '中海创科技'
      },
      sysLogo: {
        src: '',
        title: '中海创科技'
      },
      //默认门户   对应自定义门户功能
      sysSetTabs: [
        {
          title: '首页',
          id: __guid++,
          close: false,
          type: 'home',
          actived: true //默认选中
        }
        // ,{
        //     title:'工作台',
        //     id: __guid++,
        //     close:false,
        //     type:'work'
        // }
      ],
      //默认 打开功能
      sysDefTabs: [
        // {
        //   id: __guid++,
        //   title:"设计",
        //   url:'http://192.168.7.109:9090/#/design',
        //   close:true,
        // },
        // {
        //   id: __guid++,
        //   title:"百度功能测试",
        //   url:'http://www.baidu.com',
        //   close:true
        // },
        // {
        //   id: __guid++,
        //   title:"bing",
        //   url:'https://cn.bing.com/',
        //   close:true
        // }
      ],
      sysList: [

],
      sysFuncMenus: [
        {
          id: __guid++,
          name: '<font color=red>邮件系统</font>',
          url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows',
          iconClass: 'icon-mail',
          target: '_blank',
        },
        { type: 'split' },
        {
          id: __guid++,
          name: '布局',
          type: 'layout',
          iconClass: 'icon-user',
          children: [
            {
              id: 'vertical',
              name: '上下布局',
              handler: function () {
                changeLayout(this.id)
              }
            },
            {
              id: 'level',
              name: '左右布局',
              handler: function () {
                changeLayout(this.id)
              }
            }
          ]
        },
        { type: 'split' },
        {
          id: __guid++,
          name: '用户信息',
          type: 'userInfo',
          iconClass: 'icon-user',
          children: [
            {
              id: __guid++,
              name: '部门：AF10',
              iconClass: 'icon-user',
              actived: true
            },
            {
              id: __guid++,
              html: '<font color=red>访问下属111</font>',
              name: '<font color=red>访问下属</font>',
              iconClass: 'icon-user',
              children: [
                { name: "张三", id: __guid++ },
                { name: "李四", id: __guid++ },
              ]
            },
            {
              id: __guid++,
              name: '修改密码', iconClass: '',
              handler: function () {
                alert('访问下属');
              }
            }
          ]
        },
        { type: 'split' }
      ],
    }
  </script>
  <% if(htmlWebpackPlugin.vite==true){%>
    <script type="module" src="./index.js"></script>
  <%}%>
  
</body>

</html>

<!DOCTYPE html>
<html>

<% if(!htmlWebpackPlugin.vite){%>
    
    <script src="/assets_platform/vendor_dll/vuelibs.dll.js"></script>
    <script src="/assets_platform/vendor_dll/vendor.dll.js"></script>
  <%}%>
  <script src="/assets_platform/eap/eap.umd.min.js"></script>
	 
</head>

</html>

Ignore Space Show notes View project/hivuiMain/views/layout/components/Main.vue
<template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> import { baseURL, codeProjectName } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils"; // import { type } from "os"; import md5 from "md5"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { let cfg = this.$store.state.app.config \|\| {}; let defTabs = cfg.sysDefTabs \|\| []; let setTabs = cfg.sysSetTabs \|\| []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); console.log('page default open tabs :',defTabs); //系统菜单后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { uriStr = baseURL + codeProjectName + item.resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"\|\|menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true //默认选中 }); break; } } console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /** * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 / addTab(url, title, uid, onLoad, nearest, renderedFn) { if (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = setUrlValue(url, "__tabId", uid); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https\|http\|ftp\|rtsp\|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; console.log( "onload replace links href,on iframe ", Scp.Setting.appRoot, url ); if ( !reg.test(url) && url.indexOf(Scp.Setting.appRoot) < 0 ) { url = Scp.Setting.appRoot + url; } Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 return false; } if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null \|\| panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [panel.name]); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] \|\| tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false \|\| tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false \|\| i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, }, }; </script> <style scoped> </style> <template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> import { baseURL, codeProjectName } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils"; // import { type } from "os"; import md5 from "md5"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { let cfg = this.$store.state.app.config \|\| {}; let defTabs = cfg.sysDefTabs \|\| []; let setTabs = cfg.sysSetTabs \|\| []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); console.log('page default open tabs :',defTabs); //系统菜单后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { uriStr = baseURL + codeProjectName + item.resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"\|\|menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/eaptpl/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true //默认选中 }); break; } } console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /* * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 */ addTab(url, title, uid, onLoad, nearest, renderedFn) { if (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = setUrlValue(url, "__tabId", uid); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https\|http\|ftp\|rtsp\|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; console.log( "onload replace links href,on iframe ", Scp.Setting.appRoot, url ); if ( !reg.test(url) && url.indexOf(Scp.Setting.appRoot) < 0 ) { url = Scp.Setting.appRoot + url; } Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 return false; } if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null \|\| panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [panel.name]); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] \|\| tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false \|\| tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false \|\| i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, }, }; </script> <style scoped> </style>

Ignore Space Show notes View

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

<template>
    <div class="pl-main">
        <p-tabs
            ref="cmp-tabs"
            v-model="defTabKey"
            @onActiveTab="handleActiveTab"
            @onRemoveTab="handleRemoveTab"
            @onRemoveAllTab="handleRemoveAllTab"
            @onRemoveLeft="handleRemoveLeftTab"
            @onRemoveRight="handleRemoveRightTab"
            @onRemoveOther="handleRemoveOtherTab"
            @onFullScreen="handleFullScreen"
        >
            <p-tabpanel
                v-for="(item,index) in tabList"
                :key="item.id"
                :close="item.close"
                :title.sync="item.title"
                :name="item.id"
                :url="item.url"
                :itemData="item"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="protalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
    </div>
</template>
<script>
import { baseURL, codeProjectName } from "@main/config";
import { PTabs, PTabpanel } from "@main/components/tabpanel";
import PortalUser from "@main/views/Portal/user";
import PortalSys from "@main/views/Portal/sys";
import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils";
// import { type } from "os";
import md5 from "md5";
export default {
    inject: ["addTab", "showTab", "hideTab"],
    components: {
        PTabs,
        PTabpanel,
        PortalUser,
        PortalSys,
    },
    data() {
        let cfg = this.$store.state.app.config || {};
        let defTabs = cfg.sysDefTabs || [];
        let setTabs = cfg.sysSetTabs || [];
        let list = [],
            defTabKey = "";
        defTabs = setTabs.concat(defTabs);
        defTabs.map((item, i) => {
            let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = setUrlValue(item.url, "__tabId", id);
            }
            list.push({
                title: item.title,
                url: item.url,
                close: item.close,
                id: id,
                type: item.type,
            });
        });
        console.log('page default open tabs :',defTabs);
        //系统菜单 后台默认配激活
        let menusDef2Tabs = this.$store.getters.defTabs,
            uriStr = "";
        console.log('menus default open tabs :',defTabs);
        menusDef2Tabs.map((item, i) => {
            uriStr = baseURL + codeProjectName + item.resUrl;
            let id = md5(uriStr);
            uriStr = setUrlValue(uriStr, "__tabId", id);
            list.push({
                title: item.name,
                url: uriStr,
                close: true,
                id: id,
                type: item.type,
            });
        });
        // console.log('系统菜单',list);

//第三方跳转过来地址自动打开功能tab
        let menusList = this.$store.getters.menusList;
        let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath));
        for (let i = menusList.length - 1; i >= 0; i--) {
            if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) {
                console.log('跳转进来的功能：',searchObj.portal_func);
                //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111
                delete searchObj.portal_func;
                let uriStr = baseURL + codeProjectName + menusList[i].resUrl;
                let id = md5(uriStr);
                uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr));
                for(let key in searchObj){
                    uriStr = setUrlValue(uriStr,key,searchObj[key]);
                }
                let inMenu = false;
                for (let j = list.length - 1; j >= 0; j--) {
                    if (list[j].id == id) {
                        inMenu = true;
                        break;
                    }
                }
                if (inMenu) break;
                defTabKey = id;
                list.push({
                    id: id,
                    title: menusList[i].name,
                    url: uriStr,
                    close: true,
                    actived:true //默认选中
                });
                break;
            }
        }
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
        };
    },
    mounted() {
        // console.log('主界面初始化~！');
        let me = this,
            cTabs = this.$refs["cmp-tabs"];
        window.Sys = {
            isVue: true,
            addEvent(evtName, fn) {
                //onLoad
                Bus.$on(evtName, fn);
            },
            tabPanel: {
                autoResize() {
                    cTabs.resize();
                },
            },
            getSideNavs() {
                return [...me.$store.getters.navs];
            },
            setSideNavs(data) {
                if (data == null && !(data instanceof Array)) return;
                //me.$store.dispatch("app/setQuickNav", data);
            },
            /**
             * @param {} url
             * @param {} title
             * @param {} uid
             * @param {} onLoad    //iframe 加载后
             * @param {} nearest  //标签页是否紧接在其右侧打开
             * @param {} renderedFn //渲染回调
             */
            addTab(url, title, uid, onLoad, nearest, renderedFn) { 
                if (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                let tabs = me.tabList.filter((item, index) => {
                    return item.id == uid;
                });
                if (tabs.length) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

if (getUrlValue(url, "__tabId") == "") {
                    //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                    url = setUrlValue(url, "__tabId", uid);
                }

me.tabList.push({
                    title: title,
                    url: url,
                    close: true,
                    id: uid,
                    listeners: {
                        load: onLoad,
                    },
                });
                me.defTabKey = uid;
                // window.____renderFunc = renderedFn;
                me.$nextTick(
                    (function (fn, _uid) {
                        return function () {
                            let tab = cTabs.getItemObj(_uid);
                            fn && fn(tab);
                        };
                    })(renderedFn, uid)
                );
                console.log('  addTab  ',me.tabList);
            },
            getTab(uid) {
                return cTabs.getItemObj(uid);
            },
            seldTab(uid) {
                cTabs.defTabKey = uid;
            },
            getSeldTab() {
                return cTabs.getSeldItemObj();
            },
            refreshTab(uid) {
                let tab = cTabs.getItemObj(uid);
                tab &&
                    tab.tabPanelIframeEl.contentWindow.window.location.reload();
            },
            //closeTab
            colseTab(uid) {
                cTabs.closeItem(uid);
            },
            colseSeldTab() {
                cTabs.closeCurItem();
            },
        };

if (this.defTabKey == "" && this.tabList.length)
            this.defTabKey = this.tabList[0].id;
        //默认如果指向下面两个的话，标识一下已经加载过
        if (this.$refs["protalSysHome"]) {
            //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
            // console.log('加载系统门户列表~！');
            let itemData = this.$refs["protalSysHome"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["protalSysHome"][0].actived = true;
            }
        }
        if (this.$refs["portalUserWork"]) {
            //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
            // console.log('加载工作台门户列表~！');
            let itemData = this.$refs["portalUserWork"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["portalUserWork"][0].actived = true;
            }
        }
        let events = this.sysConfig.events;
        if (events) {
            this.$nextTick((r) => {
                events.onLoad && events.onLoad();
            });
        }
    },
    methods: {
        //将框架页里头的a 标签进行转换
        initATagUrl(el) {
            let aList = el.querySelectorAll("a");
            aList.forEach(function (aTag, i) {
                if (aTag.href) {
                    var httpUrl = new RegExp(
                        "^((https|http|ftp|rtsp|mms)?://)"
                    );
                    if (
                        httpUrl.test(
                            aTag.href.replace(window.location.origin, "")
                        )
                    ) {
                        return false;
                    }
                    if (!aTag.onclick) {
                        if (aTag.target == "_blank") {
                            aTag.addEventListener("click", function (evt) {
                                evt.preventDefault();
                                evt.stopPropagation();
                                var tabTitle = "";
                                if (aTag.title) {
                                    tabTitle = aTag.title;
                                }
                                var url = this.getAttribute("href");
                                var reg = /^\//gi;
                                console.log(
                                    "onload replace links href,on iframe ",
                                    Scp.Setting.appRoot,
                                    url
                                );
                                if (
                                    !reg.test(url) &&
                                    url.indexOf(Scp.Setting.appRoot) < 0
                                ) {
                                    url = Scp.Setting.appRoot + url;
                                }
                                Sys.addTab(url, tabTitle, "", "", true);
                                return false;
                            });
                        }
                    }
                }
            });
            window.Sys.tabPanel.autoResize();
        },
        handleBeforeRefresh(panel, evt) {
            if (panel.itemData.type == "home") {
                // this.$store.state.app.sysList=[];
                //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
                return false;
            }
            if (panel.itemData.type == "work") {
                // this.$store.state.app.list=[];
                //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
                return false;
            }
        },
        handleIframeLoad(panelCmp, evt) {
            let me = this,
                key = panelCmp.name;
            let ifm = panelCmp.$refs["iframe"];
            let tabData = panelCmp.itemData;
            if (tabData.listeners) {
                tabData.listeners.load && tabData.listeners.load();
            }
            //转换A标签
            me.initATagUrl(ifm.contentWindow.document.body);
            window.__UserInfo = {
                orgId: "",
                operator: "",
            };
            if (panelCmp.title == null || panelCmp.title == "") {
                let cTabs = me.$refs["cmp-tabs"];
                cTabs.resize();
            }
        },
        handleBeforeClose(panel, evt) {
            let ifm = panel.$refs["iframe"];
            try {
                let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1);
                return flag;
            } catch (e) {
                !document.all &&
                    window.console.log(
                        "iframe : Scp.context.beforeunloadFn();"
                    );
            }
        },
        handleActiveTab(panel) {
            if (!panel) return;
            if (panel.itemData.type == "home") {
                this.$refs["protalSysHome"][0].doRender();
            }
            if (panel.itemData.type == "work") {
                this.$refs["portalUserWork"][0].doRender();
            }
            try {
                let tab = this.$refs["cmp-tabs"].getItemObj(panel.name);
                tab &&
                    tab.tabPanelIframeEl.contentWindow
                        .$(tab.tabPanelIframeEl.contentDocument)
                        .trigger("iframeActiving", [panel.name]);
            } catch (e) {
                console.log("iframeActiving error!");
            }
        },
        //面板上面的事件特别处理，现在暂时没用
        handleSelected(item) {
            return;
            let key = item.id;
            let ifm = this.$refs["dom-iframe" + key][0];
            try {
                let __orgId = ifm.contentWindow.Scp.User.getId();
                let __operator = ifm.contentWindow.Scp.User.getOperator();
                window.__UserInfo = {
                    orgId: __orgId,
                    operator: __operator,
                };
            } catch (e) {}
        },
        handleRemoveTab(targetName) {
            let tabs = this.tabList;
            let activeName = this.defTabKey;
            if (activeName === targetName) {
                tabs.forEach((tab, index) => {
                    if (tab.close && tab.id === targetName) {
                        let nextTab = tabs[index + 1] || tabs[index - 1];
                        if (nextTab) {
                            activeName = nextTab.id;
                        }
                    }
                });
            }
            this.defTabKey = activeName;
            tabs = tabs.filter((tab) => {
                return tab.close == false || tab.id !== targetName;
            });
            console.log('handleRemoveTab')
            this.$set(this, "tabList", tabs);
            if (this.tabList.length == 0) {
                this.defTabKey = "tabPanel_home";
            }
        },
        handleRemoveAllTab() {
            let tabs = this.tabList;
            this.tabList = tabs.filter((tab) => {
                return !tab.close;
            });
            let l = this.tabList.length;
            this.defTabKey = l ? this.tabList[l - 1].id : "";
        },
        handleRemoveLeftTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i < index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i >= index;
            });

this.defTabKey = defTabKey;
        },
        handleRemoveRightTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i > index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i <= index;
            });
            this.defTabKey = defTabKey;
        },
        handleRemoveOtherTab(name, index) {
            let tabs = this.tabList;
            tabs = tabs.filter((tab, i) => {
                return tab.close == false || i == index;
            });
            this.$set(this, "tabList", tabs);
            this.defTabKey = name;
        },
        handleFullScreen() {
            this.$emit("onFullScreen");
            // screenfull.toggle()
        },
    },
};
</script>
<style scoped>
</style>

//第三方跳转过来地址自动打开功能tab
        let menusList = this.$store.getters.menusList;
        let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath));
        for (let i = menusList.length - 1; i >= 0; i--) {
            if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) {
                console.log('跳转进来的功能：',searchObj.portal_func);
                //?portal_func=/eaptpl/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111
                delete searchObj.portal_func;
                let uriStr = baseURL + codeProjectName + menusList[i].resUrl;
                let id = md5(uriStr);
                uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr));
                for(let key in searchObj){
                    uriStr = setUrlValue(uriStr,key,searchObj[key]);
                }
                let inMenu = false;
                for (let j = list.length - 1; j >= 0; j--) {
                    if (list[j].id == id) {
                        inMenu = true;
                        break;
                    }
                }
                if (inMenu) break;
                defTabKey = id;
                list.push({
                    id: id,
                    title: menusList[i].name,
                    url: uriStr,
                    close: true,
                    actived:true //默认选中
                });
                break;
            }
        }
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
        };
    },
    mounted() {
        // console.log('主界面初始化~！');
        let me = this,
            cTabs = this.$refs["cmp-tabs"];
        window.Sys = {
            isVue: true,
            addEvent(evtName, fn) {
                //onLoad
                Bus.$on(evtName, fn);
            },
            tabPanel: {
                autoResize() {
                    cTabs.resize();
                },
            },
            getSideNavs() {
                return [...me.$store.getters.navs];
            },
            setSideNavs(data) {
                if (data == null && !(data instanceof Array)) return;
                //me.$store.dispatch("app/setQuickNav", data);
            },
            /**
             * @param {} url
             * @param {} title
             * @param {} uid
             * @param {} onLoad    //iframe 加载后
             * @param {} nearest  //标签页是否紧接在其右侧打开
             * @param {} renderedFn //渲染回调
             */
            addTab(url, title, uid, onLoad, nearest, renderedFn) { 
                if (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                let tabs = me.tabList.filter((item, index) => {
                    return item.id == uid;
                });
                if (tabs.length) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

Show line notes below