add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent 2e70c90 commit fd3510f0010aca4b55478cddb8a1681514fdeeb9 caibinghong authored on 13 Jul 2021

Showing 10 changed files

Ignore Space Show notes View build/copyBaseAssets.js
var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } //此文件主要是拷贝一些基本的资源文件 fsextra.copy(resolve('../eap.umd.js'), resolve('../dist/eap.umd.js'), function (err) { if (err) return console.error(err); // console.log("success!") }) //拷贝文件 fsextra.copy(resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`), function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录 var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } //此文件主要是拷贝一些基本的资源文件 fsextra.copy(resolve('../eap.umd.js'), resolve('../dist/eap.umd.js'), function (err) { if (err) return console.error(err); console.log("success!") }) //拷贝文件 fsextra.copy(resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`), function (err) { if (err) return console.error(err) console.error('success! setting') }) //拷贝目录

Ignore Space Show notes View

build/copyBaseAssets.js

Ignore Space Show notes View build/run.js
//build.js 升级版多进程编译所有 //parallel-webpack允许您并行运行多个Webpack构建,从而将工作分散到各个处理器上,从而有助于显着加快构建速度 let moduleList = (process.argv[2] \|\| "").replace(/\s*$/g, ""); var run = require('parallel-webpack').run, configPath = require.resolve('./webpack.config.js'), options = { watch: false, maxRetries: 1, stats: false, // defaults to false maxConcurrentWorkers: 2 ,// use 2 workers argv:[moduleList] }; function notify() { // do things console.log('编译完成！') } require('./copyBaseAssets'); run(configPath, options, notify); //build.js 升级版多进程编译所有 //parallel-webpack允许您并行运行多个Webpack构建,从而将工作分散到各个处理器上,从而有助于显着加快构建速度 var run = require('parallel-webpack').run, configPath = require.resolve('./webpack.config.js'), options = { watch: false, maxRetries: 1, stats: false, // defaults to false maxConcurrentWorkers: 2 // use 2 workers }; function notify() { // do things console.log('编译完成！') } run(configPath, options, notify);

Ignore Space Show notes View

build/run.js

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.0.3", "description": "A hi-vui-template project", "author": "caibinghong <caibinghong@163.com>", "scripts": { "pm2:start": "npm run rm:vite && pm2 start processes.json", "pm2:restart": "npm run rm:vite && pm2 restart all", "pm2:stop": "pm2 stop all", "pm2:log": "pm2 logs ", "pm2:cpu": "pm2 monit ", "pm2:kill": "pm2 delete all", "dev": "vite --host", "vite-build": "vite build", "vite-serve": "vite preview", "rm:vite": "rimraf node_modules/.vite", "start": "npm run dev", "build": "node build/run.js", "build:login": "node build/build.js ./project/hivuiLogin", "build:main": "node build/build.js ./project/hivuiMain", "build:demo": "node build/build.js ./project/demo", "build:dll": "webpack --config=build/webpack.dll.js", "build:copy": "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.370", "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" } } { "name": "hi-vui-template", "version": "1.0.3", "description": "A hi-vui-template project", "author": "caibinghong <caibinghong@163.com>", "scripts": { "pm2:start": "npm run rm:vite && pm2 start processes.json", "pm2:restart": "npm run rm:vite && pm2 restart all", "pm2:stop": "pm2 stop all", "pm2:log": "pm2 logs ", "pm2:cpu": "pm2 monit ", "pm2:kill": "pm2 delete all", "dev": "vite --host", "vite-build": "vite build", "vite-serve": "vite preview", "rm:vite": "rimraf node_modules/.vite", "start": "npm run dev", "build": "node build/build.js", "build:all": "node build/run.js", "build:login": "node build/build.js ./project/hivuiLogin", "build:main": "node build/build.js ./project/hivuiMain", "build:demo": "node build/build.js ./project/demo", "build:dll": "webpack --config=build/webpack.dll.js", "build:copy": "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.370", "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.3",
  "description": "A hi-vui-template project",
  "author": "caibinghong <caibinghong@163.com>",
  "scripts": {
    "pm2:start": "npm run rm:vite && pm2 start processes.json",
    "pm2:restart": "npm run rm:vite && pm2 restart all",
    "pm2:stop": "pm2 stop all",
    "pm2:log": "pm2 logs ",
    "pm2:cpu": "pm2 monit ",
    "pm2:kill": "pm2 delete all",
    "dev": "vite --host",
    "vite-build": "vite build",
    "vite-serve": "vite preview",
    "rm:vite": "rimraf node_modules/.vite",
    "start": "npm run dev",
    "build": "node build/run.js",
    "build:login": "node build/build.js ./project/hivuiLogin",
    "build:main": "node build/build.js ./project/hivuiMain",
    "build:demo": "node build/build.js ./project/demo",
    "build:dll": "webpack --config=build/webpack.dll.js",
    "build:copy": "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.370",
    "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"
  }
}

{
  "name": "hi-vui-template",
  "version": "1.0.3",
  "description": "A hi-vui-template project",
  "author": "caibinghong <caibinghong@163.com>",
  "scripts": {
    "pm2:start": "npm run rm:vite && pm2 start processes.json",
    "pm2:restart": "npm run rm:vite && pm2 restart all",
    "pm2:stop": "pm2 stop all",
    "pm2:log": "pm2 logs ",
    "pm2:cpu": "pm2 monit ",
    "pm2:kill": "pm2 delete all",
    "dev": "vite --host",
    "vite-build": "vite build",
    "vite-serve": "vite preview",
    "rm:vite": "rimraf node_modules/.vite",
    "start": "npm run dev",
    "build": "node build/build.js",
    "build:all": "node build/run.js",
    "build:login": "node build/build.js ./project/hivuiLogin",
    "build:main": "node build/build.js ./project/hivuiMain",
    "build:demo": "node build/build.js ./project/demo",
    "build:dll": "webpack --config=build/webpack.dll.js",
    "build:copy": "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.370",
    "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 0 → 100644
<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 { // 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 0 → 100644

<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" />
        
    </div>
</template>
<script>
    import Test from "./test"
    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/index.html 0 → 100644
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <script src="/eap.umd.js"></script> <script src="/project/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/demo/index.html 0 → 100644

Ignore Space Show notes View project/demo/index.js 0 → 100644
import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui'; import "hi-ui/lib/hi-ui.css"; import "element-ui/lib/theme-chalk/index.css"; import {HiDataSetContainer} from "hi-ui" Vue.use(ElementUI) let hiSetting = HIVUI_SETTING let DataSet = HiDataSetContainer; // console.log('---1111---',DataSet); Vue.prototype.$dsContainer = new DataSet({ request: hiSetting.request, saveUrl: hiSetting.saveUrl, queryUrl: hiSetting.queryUrl, datasetUrl: hiSetting.datasetUrl, policyUrl: hiSetting.policyUrl, cacheKeyPrefix: function () { return window.location.hash + "/"; } }); new Vue({ render: h => h(App), }).$mount('#app') console.log(Vue,"import.meta.env",import.meta.env\|\|process.env) var baseURL = import.meta.env.VITE_APP_BASE_API\|\|process.env.VITE_APP_BASE_API;

Ignore Space Show notes View

project/demo/index.js 0 → 100644

Ignore Space Show notes View project/demo/package.json 0 → 100644
{ "name": "design", "version": "1.0.0", "private": true, "scripts": {}, "dependencies": { }, "devDependencies": {} }

Ignore Space Show notes View project/hivuiLogin/test.jsx → project/demo/test.jsx
File renamed without changes

Ignore Space Show notes View project/hivuiLogin/App.vue
<template> <div> login </div> </template> <script> export default { components: { }, data() { return {} }, mounted() { }, methods: { } } </script> <style lang="less"> html,body{ display: block; height: 100% } </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 { // 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/hivuiLogin/App.vue

Ignore Space Show notes View project/hivuiLogin/index.js
import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui'; import "hi-ui/lib/hi-ui.css"; import "element-ui/lib/theme-chalk/index.css"; Vue.use(ElementUI) new Vue({ render: h => h(App), }).$mount('#app') import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui'; import "hi-ui/lib/hi-ui.css"; import "element-ui/lib/theme-chalk/index.css"; import {HiDataSetContainer} from "hi-ui" Vue.use(ElementUI) let hiSetting = HIVUI_SETTING let DataSet = HiDataSetContainer; // console.log('---1111---',DataSet); Vue.prototype.$dsContainer = new DataSet({ request: hiSetting.request, saveUrl: hiSetting.saveUrl, queryUrl: hiSetting.queryUrl, datasetUrl: hiSetting.datasetUrl, policyUrl: hiSetting.policyUrl, cacheKeyPrefix: function () { return window.location.hash + "/"; } }); new Vue({ render: h => h(App), }).$mount('#app') console.log(Vue,"import.meta.env",import.meta.env\|\|process.env) var baseURL = import.meta.env.VITE_APP_BASE_API\|\|process.env.VITE_APP_BASE_API;

Ignore Space Show notes View

project/hivuiLogin/index.js

Show line notes below