add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent 7531c27 commit a0752985a4c390e4ef9d5faee7b0958a9ca6ae4d caibinghong authored on 19 Jul 2021

Showing 9 changed files

Ignore Space Show notes View babel.config.js
//vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV // console.log('babel.config.js process.env.NODE_ENV:', process.env.NODE_ENV) let config = {};// 默认vite 预览不做任何配置，否则有影响vite 对jsx 预览 if (process.env.NODE_ENV == "production") { config = { "presets": [ "@vue/babel-preset-jsx" // [ // //做语法转换,并注入函数 // //1、存在每个js 文件都注入函数使文件体积变大 // "@babel/preset-env" // ] ], "plugins": [ "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中 "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件 [ //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题，将注入的转为包的引用解决了代码复用和最终文件体积大的问题 //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数 //4、解决1的问题，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3 "@babel/plugin-transform-runtime", { "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本 } ], [ "component", { "libraryName": "hi-ui", "style": false,//不需要加载css // "camel2Dash": false//不需要驼峰转换成 - } ] ] } } module.exports = config; //vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV // console.log('babel.config.js process.env.NODE_ENV:', process.env.NODE_ENV) let config = {};// 默认vite 预览不做任何配置，否则有影响vite 对jsx 预览 if (process.env.NODE_ENV == "production") { config = { "presets": [ [ //做语法转换,并注入函数 //1、存在每个js 文件都注入函数使文件体积变大 "@babel/preset-env" ] ], "plugins": [ "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中 "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件 [ //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题，将注入的转为包的引用解决了代码复用和最终文件体积大的问题 //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数 //4、解决1的问题，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3 "@babel/plugin-transform-runtime", { "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本 } ], [ "component", { "libraryName": "hi-ui", "style": false,//不需要加载css // "camel2Dash": false//不需要驼峰转换成 - } ] ] } } module.exports = config;

Ignore Space Show notes View

babel.config.js

//vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV
// console.log('babel.config.js    process.env.NODE_ENV:', process.env.NODE_ENV)
let config = {};// 默认vite 预览不做任何配置 ，否则有影响vite 对jsx 预览
if (process.env.NODE_ENV == "production") {
    config = {
        "presets": [
            "@vue/babel-preset-jsx"
            // [
            //     //做语法转换,并注入函数
            //     //1、存在每个js 文件都注入函数使文件体积变大
            //     "@babel/preset-env"
            // ]
        ],
        "plugins": [
            "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中
            "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件
            [
                //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题 ，将注入的转为包的引用 解决了代码复用和最终文件体积大的问题
                //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数 ，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数
                //4、 解决1的问题 ，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3
                "@babel/plugin-transform-runtime",
                {
                    "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本
                }
            ],
            [
                "component",
                {
                    "libraryName": "hi-ui",
                    "style": false,//不需要加载css
                    // "camel2Dash": false//不需要驼峰转换成 -
                }
            ]
        ]
    }
}
module.exports = config;

//vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV
// console.log('babel.config.js    process.env.NODE_ENV:', process.env.NODE_ENV)
let config = {};// 默认vite 预览不做任何配置 ，否则有影响vite 对jsx 预览
if (process.env.NODE_ENV == "production") {
    config = {
        "presets": [
            [
                //做语法转换,并注入函数
                //1、存在每个js 文件都注入函数使文件体积变大
                "@babel/preset-env"
            ]
        ],
        "plugins": [
            "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中
            "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件
            [
                //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题 ，将注入的转为包的引用 解决了代码复用和最终文件体积大的问题
                //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数 ，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数
                //4、 解决1的问题 ，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3
                "@babel/plugin-transform-runtime",
                {
                    "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本
                }
            ],
            [
                "component",
                {
                    "libraryName": "hi-ui",
                    "style": false,//不需要加载css
                    // "camel2Dash": false//不需要驼峰转换成 -
                }
            ]
        ]
    }
}
module.exports = config;

Ignore Space Show notes View build/webpack.config.js
'use strict' process.env.NODE_ENV = 'production' require('./check-versions')() const fs = require("fs") const chalk = require('chalk') const { merge } = require('webpack-merge'); // 用来记录当前打包的模块路径列表，判断进程参数 let moduleList = (process.argv[2] \|\| "").replace(/\s$/g, "") if (moduleList == "") { moduleList = require('./module-conf').moduleList \|\| [] } else { moduleList = moduleList.split(',') } // 如果有传参时，对传入的参数进行检测，如果参数非法，那么停止打包操作 const checkModule = require('./module-conf').checkModule for (let i = moduleList.length - 1; i >= 0; i--) { if (!checkModule(moduleList[i])) { return } } const path = require('path') // const ora = require('ora') const rm = require('rimraf') const webpack = require('webpack') const HtmlWebpackPlugin = require('html-webpack-plugin') const webpackConfig = require('./webpack.base.conf') let webpackList = [], rmList = []; //删除文件 function getRm(pathStr) { return new Promise((resolve, reject) => { rm(pathStr, err => { if (err) { reject(pathStr + 'del failed!!'); throw err; } resolve(); }); }).then(res => { //console.log(res) }); } //构建webpack 配置 for (let i = moduleList.length - 1; i >= 0; i--) { let MODULE = moduleList[i]; //构建时要删除的模块目录 rmList.push(getRm(path.resolve(__dirname, '../dist', MODULE))); //添加每个模块的webpack 配置 let MODULE_NAME = MODULE.split('/').pop(); let entry = {}; entry[MODULE_NAME] = `${moduleList[i]}/index.js`; let wpk = merge({}, webpackConfig, { entry: entry, output: { path: path.resolve(__dirname, '../dist', MODULE), // filename: 'static/js/[name].[contenthash:10].js' } }); let htmlTemplate = `${MODULE}/index.html` var checkPath = fs.existsSync(htmlTemplate); //如果目录存在返回 true ，如果目录不存在返回false if (checkPath == false) { htmlTemplate = path.resolve(__dirname, '../index.html') } wpk.plugins.push( new HtmlWebpackPlugin({ filename: path.resolve(__dirname, '../dist', MODULE, 'index.html'), template: htmlTemplate,//如果html 不存在考虑用全局根目录下 inject: true, // 这里要指定把哪些chunks追加到html中，默认会把所有入口的chunks追加到html中，这样是不行的 // chunks: ['vendor', 'manifest', 'elementUI','app','hiui', MODULE_NAME], minify: { removeComments: true,//去除注释 collapseWhitespace: true,//是否去除空格 removeAttributeQuotes: true//去除空属性 }, compile: true })) webpackList.push(wpk); } module.exports = webpackList; 'use strict' process.env.NODE_ENV = 'production' require('./check-versions')() const fs = require("fs") const chalk = require('chalk') const { merge } = require('webpack-merge'); // 用来记录当前打包的模块路径列表，判断进程参数 let moduleList = (process.argv[2] \|\| "").replace(/\s$/g, "") if (moduleList == "") { moduleList = require('./module-conf').moduleList \|\| [] } else { moduleList = moduleList.split(',') } // 如果有传参时，对传入的参数进行检测，如果参数非法，那么停止打包操作 const checkModule = require('./module-conf').checkModule for (let i = moduleList.length - 1; i >= 0; i--) { if (!checkModule(moduleList[i])) { return } } const path = require('path') // const ora = require('ora') const rm = require('rimraf') const webpack = require('webpack') const HtmlWebpackPlugin = require('html-webpack-plugin') const webpackConfig = require('./webpack.base.conf') let webpackList = [], rmList = []; //删除文件 function getRm(pathStr) { return new Promise((resolve, reject) => { rm(pathStr, err => { if (err) { reject(pathStr + 'del failed!!'); throw err; } resolve(); }); }).then(res => { //console.log(res) }); } //构建webpack 配置 for (let i = moduleList.length - 1; i >= 0; i--) { let MODULE = moduleList[i]; //构建时要删除的模块目录 rmList.push(getRm(path.resolve(__dirname, '../dist', MODULE))); //添加每个模块的webpack 配置 let MODULE_NAME = MODULE.split('/').pop(); let entry = {}; entry[MODULE_NAME] = `${moduleList[i]}/index.js`; let wpk = merge({}, webpackConfig, { entry: entry, output: { path: path.resolve(__dirname, '../dist', MODULE), // filename: 'static/js/[name].[contenthash:10].js' } }); let htmlTemplate = `${MODULE}/index.html` var checkPath = fs.existsSync(htmlTemplate); //如果目录存在返回 true ，如果目录不存在返回false if (checkPath == false) { htmlTemplate = path.resolve(__dirname, '../index.html') } wpk.plugins.push( new HtmlWebpackPlugin({ filename: path.resolve(__dirname, '../dist', MODULE, 'index.html'), template: htmlTemplate,//如果html 不存在考虑用全局根目录下 inject: true, // 这里要指定把哪些chunks追加到html中，默认会把所有入口的chunks追加到html中，这样是不行的 chunks: ['vendor', 'manifest', 'elementUI','app','hiui', MODULE_NAME], minify: { removeComments: true,//去除注释 collapseWhitespace: true,//是否去除空格 removeAttributeQuotes: true//去除空属性 }, compile: true })) webpackList.push(wpk); } module.exports = webpackList;

Ignore Space Show notes View

build/webpack.config.js

'use strict'
process.env.NODE_ENV = 'production'

require('./check-versions')()
const fs = require("fs")
const chalk = require('chalk')
const { merge } = require('webpack-merge');

// 用来记录当前打包的模块路径列表，判断进程参数
let moduleList = (process.argv[2] || "").replace(/\s*$/g, "")
if (moduleList == "") {
  moduleList = require('./module-conf').moduleList || []
} else {
  moduleList = moduleList.split(',')
}

// 如果有传参时，对传入的参数进行检测，如果参数非法，那么停止打包操作
const checkModule = require('./module-conf').checkModule
for (let i = moduleList.length - 1; i >= 0; i--) {
  if (!checkModule(moduleList[i])) {
    return
  }
}

const path = require('path')
// const ora = require('ora')
const rm = require('rimraf')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const webpackConfig = require('./webpack.base.conf')
let webpackList = [], rmList = [];

//删除文件
function getRm(pathStr) {
  return new Promise((resolve, reject) => {
    rm(pathStr, err => {
      if (err) {
        reject(pathStr + 'del failed!!');
        throw err;
      }
      resolve();
    });
  }).then(res => {
    //console.log(res)
  });
}

//构建webpack 配置
for (let i = moduleList.length - 1; i >= 0; i--) {
  let MODULE = moduleList[i];
  //构建时要删除的模块目录 
  rmList.push(getRm(path.resolve(__dirname, '../dist', MODULE)));
  //添加每个模块的webpack 配置
  let MODULE_NAME = MODULE.split('/').pop();
  let entry = {};
  entry[MODULE_NAME] = `${moduleList[i]}/index.js`;
  let wpk = merge({}, webpackConfig, {
    entry: entry,
    output: {
      path: path.resolve(__dirname, '../dist', MODULE),
      // filename: 'static/js/[name].[contenthash:10].js'
    }
  });
  let htmlTemplate = `${MODULE}/index.html`

var checkPath = fs.existsSync(htmlTemplate);
  //如果目录存在 返回 true ，如果目录不存在 返回false
  if (checkPath == false) {
    htmlTemplate = path.resolve(__dirname, '../index.html')
  }

wpk.plugins.push(
    new HtmlWebpackPlugin({
      filename: path.resolve(__dirname, '../dist', MODULE, 'index.html'),
      template: htmlTemplate,//如果html 不存在考虑用全局根目录下
      inject: true,
      // 这里要指定把哪些chunks追加到html中，默认会把所有入口的chunks追加到html中，这样是不行的
      // chunks: ['vendor', 'manifest', 'elementUI','app','hiui', MODULE_NAME],
      minify: {
        removeComments: true,//去除注释
        collapseWhitespace: true,//是否去除空格
        removeAttributeQuotes: true//去除空属性
      },
      compile: true
    }))
  webpackList.push(wpk);
}

module.exports = webpackList;

'use strict'
process.env.NODE_ENV = 'production'

require('./check-versions')()
const fs = require("fs")
const chalk = require('chalk')
const { merge } = require('webpack-merge');

wpk.plugins.push(
    new HtmlWebpackPlugin({
      filename: path.resolve(__dirname, '../dist', MODULE, 'index.html'),
      template: htmlTemplate,//如果html 不存在考虑用全局根目录下
      inject: true,
      // 这里要指定把哪些chunks追加到html中，默认会把所有入口的chunks追加到html中，这样是不行的
      chunks: ['vendor', 'manifest', 'elementUI','app','hiui', MODULE_NAME],
      minify: {
        removeComments: true,//去除注释
        collapseWhitespace: true,//是否去除空格
        removeAttributeQuotes: true//去除空属性
      },
      compile: true
    }))
  webpackList.push(wpk);
}

module.exports = webpackList;

Ignore Space Show notes View doc.txt
node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/eaptpl/deploy /filesdisk2/eap5/studio/workspace/eaptpl/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/eaptpl/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的，配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g 2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server (服务插件) 6.2: npm install style-loader css-loader （css打包插件） 6.3: npm install file-loader url-loader (文件图片打包插件) 6.4: npm install less-loader (less打包插件) 6.5: npm install sass scss --save-dev （sass scss打包插件） 6.6: npm install sass-loader nade-sass (sass打包插件) 7新建一个src文件夹和 less文件夹和webpack.config.js //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0 node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/eaptpl/deploy /filesdisk2/eap5/studio/workspace/eaptpl/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/eaptpl/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的，配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g 2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server (服务插件) 6.2: npm install style-loader css-loader （css打包插件） 6.3: npm install file-loader url-loader (文件图片打包插件) 6.4: npm install less-loader (less打包插件) 6.5: npm install sass scss --save-dev （sass scss打包插件） 6.6: npm install sass-loader nade-sass (sass打包插件) 7新建一个src文件夹和 less文件夹和webpack.config.js //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html

Ignore Space Show notes View

doc.txt

node webpack 多config 编译执行
https://cloud.tencent.com/developer/section/1477277
parallel-webpack 多config 并行执行编译，这样提高速度

192.168.4.194
项目文件：/filesdisk2/eap5/web/workspace/eaptpl/deploy
        /filesdisk2/eap5/studio/workspace/eaptpl/deploy/
        
192.168.4.193
项目文件：
/opt/eap5/desktop/preview/

deploy最终的项目部署目录
http://192.168.4.194:3000/eaptpl/01521/mokuai/shitu/abc/dtv/1.0.0/index.html

让npm run dev在Linux后台 持久运行
nohup npm run dev >/dev/null 2>&1 &
exit
杀端口进程
netstat -apn|grep 3000
kill -9 18164

下面几个版本组合（有些版本没有列出来）。

npm install -g node-gyp
https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json

node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+
然页sass-loader 版本8的， 配对 node-sass版本4 
npm i sass-loader@8.0.2 node-sass@4.13.0 -D

npm rebuild node-sass

npm i less@4.1.1 less-loader@3.0.0 -D
npm cache clean -f

rimraf node_modules
npm shrinkwrap  // npm-shrinkwrap.json 锁定包版本环境

1：npm install webpack -g

2: npm install webpack-cli -g

3: npm init -y

4: npm install webpack --save-dev

5: npm install html-webpack-plugin    （html编译插件）

6：npm install clean-webpack-plugin

6.1: npm install webpack-dev-server   (服务插件)

6.2: npm install style-loader css-loader  （css打包插件）

6.3: npm install file-loader url-loader    (文件图片打包插件)

6.4: npm install less-loader    (less打包插件)

6.5: npm install sass scss --save-dev       （sass scss打包插件）

6.6: npm install sass-loader nade-sass      (sass打包插件)

7新建一个src文件夹  和  less文件夹       和webpack.config.js

//以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component
.babelrc
"plugins": ["transform-vue-jsx", "transform-runtime", [
    "component",
    {
        "libraryName": "hi-ui",
        "style":false
    }
]],

vue2 使用 vite 所需求的步骤：

1、相关包安装
npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D

2、添加vite.confing.js
import { createVuePlugin } from "vite-plugin-vue2";
在配置项中，转vue
plugins: [createVuePlugin()],

3、修改vite/dist/client/client.js

case 'error': 
    //判断当前出错的页面
    let locPath = location.pathname.split('/');
    locPath.pop();            
    if(err.id.indexOf(locPath.join('/'))==-1)break;

case 'update': 
        return;//让用户手动去刷新 08335
    case 'full-reload':
        return;//让用户手动去刷新 08335

报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize.

按先后顺序，执行如下操作：

pm2 update
pm2 save
pm2 list

npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示
webpack5
https://blog.csdn.net/j178202798/category_11141799.html

npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0

node webpack 多config 编译执行
https://cloud.tencent.com/developer/section/1477277
parallel-webpack 多config 并行执行编译，这样提高速度

192.168.4.194
项目文件：/filesdisk2/eap5/web/workspace/eaptpl/deploy
        /filesdisk2/eap5/studio/workspace/eaptpl/deploy/
        
192.168.4.193
项目文件：
/opt/eap5/desktop/preview/

deploy最终的项目部署目录
http://192.168.4.194:3000/eaptpl/01521/mokuai/shitu/abc/dtv/1.0.0/index.html

让npm run dev在Linux后台 持久运行
nohup npm run dev >/dev/null 2>&1 &
exit
杀端口进程
netstat -apn|grep 3000
kill -9 18164

下面几个版本组合（有些版本没有列出来）。

npm install -g node-gyp
https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json

node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+
然页sass-loader 版本8的， 配对 node-sass版本4 
npm i sass-loader@8.0.2 node-sass@4.13.0 -D

npm rebuild node-sass

npm i less@4.1.1 less-loader@3.0.0 -D
npm cache clean -f

rimraf node_modules
npm shrinkwrap  // npm-shrinkwrap.json 锁定包版本环境

1：npm install webpack -g

2: npm install webpack-cli -g

3: npm init -y

4: npm install webpack --save-dev

5: npm install html-webpack-plugin    （html编译插件）

6：npm install clean-webpack-plugin

6.1: npm install webpack-dev-server   (服务插件)

6.2: npm install style-loader css-loader  （css打包插件）

6.3: npm install file-loader url-loader    (文件图片打包插件)

6.4: npm install less-loader    (less打包插件)

6.5: npm install sass scss --save-dev       （sass scss打包插件）

6.6: npm install sass-loader nade-sass      (sass打包插件)

7新建一个src文件夹  和  less文件夹       和webpack.config.js

vue2 使用 vite 所需求的步骤：

1、相关包安装
npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D

2、添加vite.confing.js
import { createVuePlugin } from "vite-plugin-vue2";
在配置项中，转vue
plugins: [createVuePlugin()],

3、修改vite/dist/client/client.js

case 'error': 
    //判断当前出错的页面
    let locPath = location.pathname.split('/');
    locPath.pop();            
    if(err.id.indexOf(locPath.join('/'))==-1)break;

case 'update': 
        return;//让用户手动去刷新 08335
    case 'full-reload':
        return;//让用户手动去刷新 08335

报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize.

按先后顺序，执行如下操作：

pm2 update
pm2 save
pm2 list

npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示
webpack5
https://blog.csdn.net/j178202798/category_11141799.html

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: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.384", "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/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.375", "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: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.384",
    "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/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.375",
    "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 <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> <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

<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 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>

<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.js
// vite 预览开发情况下排除，改引用全局 // if(import.meta.env.MODE=="production"){ // // alert(1) // // import Vue from 'vue'; // // import ELEMENT from 'element-ui'; // // import "element-ui/lib/theme-chalk/index.css"; // // Vue.use(ELEMENT) // }else{ // alert(2) // } // import App from './App.vue' // import "hi-ui/lib/hi-ui.css"; require(ELEMENT); // import { HiDataSetContainer,HiPagination } from "hi-ui" // let hiSetting = HIVUI_SETTING; // let DataSet = HiDataSetContainer;//vite才识别 // 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 + "/"; // } // }); // console.log('hiSetting:', hiSetting) // console.log('ELEMENT:', ELEMENT) // console.log('Vue:', Vue) // console.log('Router:', Router) // console.log('HiPagination:', HiPagination) // new Vue({ // render: h => h(App), // }).$mount('#app') // console.log("import.meta.env", import.meta.env) // var baseURL = import.meta.env.VITE_APP_BASE_API\|\|process.env.VITE_APP_BASE_API; // vite 预览开发情况下排除，改引用全局 // if(import.meta.env.MODE=="production"){ // // alert(1) // // import Vue from 'vue'; // // import ELEMENT from 'element-ui'; // // import "element-ui/lib/theme-chalk/index.css"; // // Vue.use(ELEMENT) // }else{ // alert(2) // } import App from './App.vue' import "hi-ui/lib/hi-ui.css"; import { HiDataSetContainer } from "hi-ui" let hiSetting = HIVUI_SETTING; let DataSet = HiDataSetContainer;//vite才识别 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 + "/"; } }); // console.log('hiSetting:', hiSetting) // console.log('ELEMENT:', ELEMENT) // console.log('Vue:', Vue) // console.log('Router:', Router) new Vue({ render: h => h(App), }).$mount('#app') console.log("import.meta.env", import.meta.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

// vite 预览开发情况下排除，改引用全局
// if(import.meta.env.MODE=="production"){
// //   alert(1)
//   // import Vue from 'vue';
//   // import ELEMENT from 'element-ui';
//   // import "element-ui/lib/theme-chalk/index.css";
//   // Vue.use(ELEMENT)
// }else{
//   alert(2)
// }
// import App from './App.vue'
// import "hi-ui/lib/hi-ui.css";

require(ELEMENT);
// import { HiDataSetContainer,HiPagination } from "hi-ui"

// let hiSetting = HIVUI_SETTING;
// let DataSet = HiDataSetContainer;//vite才识别
// 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 + "/";
//   }
// });
// console.log('hiSetting:', hiSetting)
// console.log('ELEMENT:', ELEMENT)
// console.log('Vue:', Vue)
// console.log('Router:', Router)
// console.log('HiPagination:', HiPagination)

// new Vue({
//   render: h => h(App),
// }).$mount('#app')

// console.log("import.meta.env", import.meta.env)
// var baseURL = import.meta.env.VITE_APP_BASE_API||process.env.VITE_APP_BASE_API;

// vite 预览开发情况下排除，改引用全局
// if(import.meta.env.MODE=="production"){
// //   alert(1)
//   // import Vue from 'vue';
//   // import ELEMENT from 'element-ui';
//   // import "element-ui/lib/theme-chalk/index.css";
//   // Vue.use(ELEMENT)
// }else{
//   alert(2)
// }
import App from './App.vue'
import "hi-ui/lib/hi-ui.css";

import { HiDataSetContainer } from "hi-ui"

let hiSetting = HIVUI_SETTING;
let DataSet = HiDataSetContainer;//vite才识别
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 + "/";
  }
});
// console.log('hiSetting:', hiSetting)
// console.log('ELEMENT:', ELEMENT)
// console.log('Vue:', Vue)
// console.log('Router:', Router)

new Vue({
  render: h => h(App),
}).$mount('#app')

console.log("import.meta.env", import.meta.env)
// var baseURL = import.meta.env.VITE_APP_BASE_API||process.env.VITE_APP_BASE_API;

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-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="/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> <!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/hivuiLogin/index.html

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"; Vue.use(ElementUI) new Vue({ render: h => h(App), }).$mount('#app')

Ignore Space Show notes View

project/hivuiLogin/index.js

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-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> 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> </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-Main</title> <% if(!htmlWebpackPlugin.vite){%> <script src="/webpackDll/vuelibs.dll.js"></script> <script src="/webpackDll/elementui.dll.js"></script> <script src="/webpackDll/vendor.dll.js"></script> <%}%> <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> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <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-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>
    <%}%>

}
          },
          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>
</head>

<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>
  <% if(!htmlWebpackPlugin.vite){%>
    <script src="/webpackDll/vuelibs.dll.js"></script>
    <script src="/webpackDll/elementui.dll.js"></script>
    <script src="/webpackDll/vendor.dll.js"></script>
    <%}%>
      <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 () {

<body>

</html>

Show line notes below