add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent 445b10b commit d742b70c0d31904aa9fccb297683d39e4c7502ed caibinghong authored on 23 Aug 2021

Showing 2 changed files

Ignore Space Show notes View package.json
{ "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.508", "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-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", "hi-ui": "^1.1.390", "font-awesome": "^4.7.0", "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", "parallel-webpack": "^2.6.0", "postcss-import": "^14.0.2", "postcss-loader": "^6.1.0", "postcss-url": "^10.1.3", "rimraf": "^3.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-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.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.508",
    "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-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",
    "hi-ui": "^1.1.390",
    "font-awesome": "^4.7.0",
    "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",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^14.0.2",
    "postcss-loader": "^6.1.0",
    "postcss-url": "^10.1.3",
    "rimraf": "^3.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-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> 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 Test from "./test" // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js" import { HiTable, HiPagination } from "hi-ui" export default { components: { Test, HiTable, HiPagination }, 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%; background:red; } button { background: #efefee; padding: 5px 10px; font-size: 12px; border: 1px #eee solid; border-radius: 5px; // transform: rotate(45deg); } </style> <template> <div> login <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 Test from "./test" // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js" import { HiTable, HiPagination } from "hi-ui" export default { components: { Test, HiTable, HiPagination }, 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="less"> 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>
        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 Test from "./test"
    //  import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js"
    import {
        HiTable,
        HiPagination
    } from "hi-ui"
    export default {
        components: {
            Test,
            HiTable,
            HiPagination
        },
        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%;
        background:red;
    }
    button {
        background: #efefee;
        padding: 5px 10px;
        font-size: 12px;
        border: 1px #eee solid;
        border-radius: 5px; // transform: rotate(45deg);
    }
</style>

<template>
    <div>
        login 
        <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 Test from "./test"
    //  import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js"
    import {
        HiTable,
        HiPagination
    } from "hi-ui"
    export default {
        components: {
            Test,
            HiTable,
            HiPagination
        },
        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="less">
    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>

Show line notes below