Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template

08335 / hivui-platform-template

hivui平台项目模板

Browse code Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template master
commit 778cdd7a6165f5c033777203dd1d398752633d64 2 parents e75d9d4 + 9b9a906 hhb authored on 14 Jun 2023

Showing 16 changed files

Ignore Space Show notes View build/webpack.base.conf.js
const path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------ const CleanWebpackPlugin = require('clean-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const ProgressBarPlugin = require('progress-bar-webpack-plugin'); // const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const TerserPlugin = require("terser-webpack-plugin"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const webpack = require('webpack'); const threadLoader = require('thread-loader'); const packageConfig = require('../package.json'); const utils = require('./utils') const vueLoaderConfig = require('./vue-loader.conf') let evnConfig = require('./getEnvVar') // HappyPack // 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。 // 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。 // 引入 Happpack 可以在 package.json 找到你下载的 const HappyPack = require('happypack'); // 安装 OS 模块这个主要是拿到当前电脑的CPU核数 const os = require('os'); /* 这个是设置共享线程池中的数量 size 控制设置数量类型只能是整数类型 / const cpus = os.cpus().length; const happyThreadPool = HappyPack.ThreadPool({ size: cpus>1?cpus-1:1 });// os.cpus().length 不能开最大 // const happyThreadPool = HappyPack.ThreadPool({ size: 1 });//os.cpus().length 不能开最大 let threadCfg = { loader: "thread-loader", // 有同样配置的 loader 会共享一个 worker 池(worker pool) options: { // 产生的 worker 的数量，默认是 cpu 的核心数 // workers: Math.floor(cpus / 2) \|\| 1, // 一个 worker 进程中并行执行工作的数量 // 默认为 20 workerParallelJobs: 50, // 额外的 node.js 参数 // workerNodeArgs: ['--max-old-space-size', '1024'], // 闲置时定时删除 worker 进程 // 默认为 500ms // 可以设置为无穷大，这样在监视模式(--watch)下可以保持 worker 持续存在 poolTimeout: 2000, // 池(pool)分配给 worker 的工作数量 // 默认为 200 // 降低这个数值会降低总体的效率，但是会提升工作分布更均一 poolParallelJobs: 50, // 池(pool)的名称 // 可以修改名称来创建其余选项都一样的池(pool) // name: "my-pool" } }; let projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; module.exports = { // entry: { // 'login': ['babel-polyfill', './project/hivuiLogin/index.js'], // 'main': ['babel-polyfill','./project/hivuiMain/index.js'] // }, // output: { // filename: '[name].[contenthash].js', // chunkFilename: '[name].[contenthash].js', // path: path.resolve(__dirname, 'dist') // }, //去除 node 系统模块不引用 node: { fs: 'empty', net:'empty', tls:'empty', }, resolve: { extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue','.es6'], alias: { 'vue$': 'vue/dist/vue.esm.js', 'vuex$': 'vuex/dist/vuex.esm.js', '@': path.resolve(__dirname, `${projectName}`), '@main': path.resolve(__dirname, `../${projectName}/hivuiMain`), // '@': path.resolve(__dirname, 'src'), '@birt':path.resolve(__dirname, `../${projectName}/hivuiBirt`), 'pinyin': 'js-pinyin', } }, externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter', "element-ui": "ELEMENT", }, module: { rules: [ ...(utils.styleLoaders({ sourceMap: false, extract: process.env.NODE_ENV === 'production', usePostCSS: true })), { test: /\.(js\|jsx\|dtvevt?\|babel\|es6)$/, loader: 'happypack/loader?id=happy_js_jsx', // use:[threadCfg,'babel-loader'] // loader: 'babel-loader', // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是可选链操作符 }, { test: /\.(vue\|dvue)$/, loader: 'vue-loader', // use:[{ // loader: "vue-loader", // options: vueLoaderConfig // }], }, { test: /\.(png\|jpe?g\|gif\|svg)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', // 注释下面，统一用，output.publicPath 配置，这样打包放在服务器上是绝对路径 // publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/img/" //生成之后存放的路径 } }, { test: /\.(mp4\|webm\|ogg\|mp3\|wav\|flac\|aac)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', // 注释下面，统一用，output.publicPath 配置，这样打包放在服务器上是绝对路径 // publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?\|eot\|ttf\|otf)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', // 注释下面，统一用，output.publicPath 配置，这样打包放在服务器上是绝对路径 // publicPath: "../fonts/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 } } ] }, optimization: { minimizer: [ // new UglifyJsPlugin({ // cache: true, // parallel: true, // sourceMap: true // }), new TerserPlugin({ parallel: false, //使用多进程并发运行 }), new OptimizeCSSAssetsPlugin({ cssProcessor: require('cssnano'), cssProcessorPluginOptions: { preset: ['default', { discardComments: { removeAll: true } }], }, canPrint: false }) ], runtimeChunk: { "name": "manifest" }, splitChunks: { cacheGroups: { default: false, vendors: false, vendor: { test: /[\\/]node_modules[\\/]/, name: 'vendors', chunks: 'all' } } } }, plugins: [ new VueLoaderPlugin(), new HappyPack({ id: 'happy_js_jsx', verbose:false,//不输出日志 verboseWhenProfiling:true,//输出webpack日志 //共享进程池 threadPool: happyThreadPool, loaders: ['babel-loader'] }), new webpack.HashedModuleIdsPlugin(), new ProgressBarPlugin(), // new CleanWebpackPlugin(['dist']), //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new webpack.DllReferencePlugin({ context: path.resolve(__dirname), manifest: require('../assets_platform/vendor_dll/vendor-manifest.json') }), //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理] // new AddAssetHtmlPlugin([{ // filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'), // outputPath: 'js_dll/', // publicPath: 'js_dll/', // includeSourcemap: false, // hash: true, // }]), // new CopyWebpackPlugin([ // { // from: path.resolve(__dirname, 'assets_platform'), // to: path.resolve(__dirname, 'dist/assets_platform') // }, // // { // // from: path.resolve(__dirname, 'js_dll'), // // to: path.resolve(__dirname, 'dist') // // } // ]) ] }; const path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------ const CleanWebpackPlugin = require('clean-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const ProgressBarPlugin = require('progress-bar-webpack-plugin'); // const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const TerserPlugin = require("terser-webpack-plugin"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const webpack = require('webpack'); const threadLoader = require('thread-loader'); const packageConfig = require('../package.json'); const utils = require('./utils') const vueLoaderConfig = require('./vue-loader.conf') let evnConfig = require('./getEnvVar') // HappyPack // 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。 // 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。 // 引入 Happpack 可以在 package.json 找到你下载的 const HappyPack = require('happypack'); // 安装 OS 模块这个主要是拿到当前电脑的CPU核数 const os = require('os'); /* 这个是设置共享线程池中的数量 size 控制设置数量类型只能是整数类型 / const cpus = os.cpus().length; const happyThreadPool = HappyPack.ThreadPool({ size: cpus>1?cpus-1:1 });// os.cpus().length 不能开最大 // const happyThreadPool = HappyPack.ThreadPool({ size: 1 });//os.cpus().length 不能开最大 let threadCfg = { loader: "thread-loader", // 有同样配置的 loader 会共享一个 worker 池(worker pool) options: { // 产生的 worker 的数量，默认是 cpu 的核心数 // workers: Math.floor(cpus / 2) \|\| 1, // 一个 worker 进程中并行执行工作的数量 // 默认为 20 workerParallelJobs: 50, // 额外的 node.js 参数 // workerNodeArgs: ['--max-old-space-size', '1024'], // 闲置时定时删除 worker 进程 // 默认为 500ms // 可以设置为无穷大，这样在监视模式(--watch)下可以保持 worker 持续存在 poolTimeout: 2000, // 池(pool)分配给 worker 的工作数量 // 默认为 200 // 降低这个数值会降低总体的效率，但是会提升工作分布更均一 poolParallelJobs: 50, // 池(pool)的名称 // 可以修改名称来创建其余选项都一样的池(pool) // name: "my-pool" } }; let projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; module.exports = { // entry: { // 'login': ['babel-polyfill', './project/hivuiLogin/index.js'], // 'main': ['babel-polyfill','./project/hivuiMain/index.js'] // }, // output: { // filename: '[name].[contenthash].js', // chunkFilename: '[name].[contenthash].js', // path: path.resolve(__dirname, 'dist') // }, //去除 node 系统模块不引用 node: { fs: 'empty', net:'empty', tls:'empty', }, resolve: { extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue','.es6'], alias: { 'vue$': 'vue/dist/vue.esm.js', 'vuex$': 'vuex/dist/vuex.esm.js', '@': path.resolve(__dirname, `${projectName}`), '@main': path.resolve(__dirname, `../${projectName}/hivuiMain`), // '@': path.resolve(__dirname, 'src'), '@birt':path.resolve(__dirname, `../${projectName}/hivuiBirt`), 'pinyin': 'js-pinyin', } }, externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter', "element-ui": "ELEMENT", }, module: { rules: [ ...(utils.styleLoaders({ sourceMap: false, extract: process.env.NODE_ENV === 'production', usePostCSS: true })), { test: /\.(js\|jsx\|dtvevt?\|babel\|es6)$/, loader: 'happypack/loader?id=happy_js_jsx', // use:[threadCfg,'babel-loader'] // loader: 'babel-loader', // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是可选链操作符 }, { test: /\.(vue\|dvue)$/, loader: 'vue-loader', // use:[{ // loader: "vue-loader", // options: vueLoaderConfig // }], }, { test: /\.(png\|jpe?g\|gif\|svg)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/img/" //生成之后存放的路径 } }, { test: /\.(mp4\|webm\|ogg\|mp3\|wav\|flac\|aac)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?\|eot\|ttf\|otf)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../fonts/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 } } ] }, optimization: { minimizer: [ // new UglifyJsPlugin({ // cache: true, // parallel: true, // sourceMap: true // }), new TerserPlugin({ parallel: false, //使用多进程并发运行 }), new OptimizeCSSAssetsPlugin({ cssProcessor: require('cssnano'), cssProcessorPluginOptions: { preset: ['default', { discardComments: { removeAll: true } }], }, canPrint: false }) ], runtimeChunk: { "name": "manifest" }, splitChunks: { cacheGroups: { default: false, vendors: false, vendor: { test: /[\\/]node_modules[\\/]/, name: 'vendors', chunks: 'all' } } } }, plugins: [ new VueLoaderPlugin(), new HappyPack({ id: 'happy_js_jsx', verbose:false,//不输出日志 verboseWhenProfiling:true,//输出webpack日志 //共享进程池 threadPool: happyThreadPool, loaders: ['babel-loader'] }), new webpack.HashedModuleIdsPlugin(), new ProgressBarPlugin(), // new CleanWebpackPlugin(['dist']), //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new webpack.DllReferencePlugin({ context: path.resolve(__dirname), manifest: require('../assets_platform/vendor_dll/vendor-manifest.json') }), //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理] // new AddAssetHtmlPlugin([{ // filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'), // outputPath: 'js_dll/', // publicPath: 'js_dll/', // includeSourcemap: false, // hash: true, // }]), // new CopyWebpackPlugin([ // { // from: path.resolve(__dirname, 'assets_platform'), // to: path.resolve(__dirname, 'dist/assets_platform') // }, // // { // // from: path.resolve(__dirname, 'js_dll'), // // to: path.resolve(__dirname, 'dist') // // } // ]) ] };

Ignore Space Show notes View

build/webpack.base.conf.js

const path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------
const CleanWebpackPlugin = require('clean-webpack-plugin');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
// const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const webpack = require('webpack');
const threadLoader = require('thread-loader');
const packageConfig = require('../package.json');

const utils = require('./utils')
const vueLoaderConfig = require('./vue-loader.conf')
let evnConfig = require('./getEnvVar')

// HappyPack
// 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。
// 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。
// 引入 Happpack 可以在 package.json 找到你下载的
const HappyPack = require('happypack');
// 安装 OS 模块 这个主要是拿到当前电脑的CPU核数
const os = require('os');
/*
	这个是设置共享线程池中的数量
	size 控制设置数量 类型 只能是 整数类型
*/
const cpus  = os.cpus().length;
const happyThreadPool = HappyPack.ThreadPool({ size: cpus>1?cpus-1:1 });//         os.cpus().length  不能开最大
// const happyThreadPool = HappyPack.ThreadPool({ size: 1 });//os.cpus().length  不能开最大

let threadCfg = {
  loader: "thread-loader",
  // 有同样配置的 loader 会共享一个 worker 池(worker pool)
  options: {
    // 产生的 worker 的数量，默认是 cpu 的核心数
    // workers: Math.floor(cpus / 2) || 1,
    // 一个 worker 进程中并行执行工作的数量
    // 默认为 20
    workerParallelJobs: 50,
    // 额外的 node.js 参数
    // workerNodeArgs: ['--max-old-space-size', '1024'],
    // 闲置时定时删除 worker 进程
    // 默认为 500ms
    // 可以设置为无穷大， 这样在监视模式(--watch)下可以保持 worker 持续存在
    poolTimeout: 2000,
    // 池(pool)分配给 worker 的工作数量
    // 默认为 200
    // 降低这个数值会降低总体的效率，但是会提升工作分布更均一
    poolParallelJobs: 50,
    // 池(pool)的名称
    // 可以修改名称来创建其余选项都一样的池(pool)
    // name: "my-pool"
  }
};

let projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name;
module.exports = {
  // entry: {
  //   'login': ['babel-polyfill', './project/hivuiLogin/index.js'],
  //   'main': ['babel-polyfill','./project/hivuiMain/index.js']
  // },
  // output: {
  //   filename: '[name].[contenthash].js',
  //   chunkFilename: '[name].[contenthash].js',
  //   path: path.resolve(__dirname, 'dist')
  // },
  //去除 node 系统模块不引用
  node: {
    fs: 'empty',
    net:'empty',
    tls:'empty',
  },
  resolve: {
    extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue','.es6'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      'vuex$': 'vuex/dist/vuex.esm.js',
      '@': path.resolve(__dirname, `${projectName}`),
      '@main': path.resolve(__dirname, `../${projectName}/hivuiMain`),
      // '@': path.resolve(__dirname, 'src'),
      '@birt':path.resolve(__dirname, `../${projectName}/hivuiBirt`),
      'pinyin': 'js-pinyin',
    }
  },
  externals: {
    'vue': 'Vue',
    'vuex': 'Vuex',
    'vue-router': 'VueRouter',
    "element-ui": "ELEMENT",
  },
  module: {
    rules: [
      ...(utils.styleLoaders({
        sourceMap: false,
        extract: process.env.NODE_ENV === 'production',
        usePostCSS: true
      })),
      {
        test: /\.(js|jsx|dtvevt?|babel|es6)$/,
        loader: 'happypack/loader?id=happy_js_jsx',
        // use:[threadCfg,'babel-loader']
        // loader: 'babel-loader',
        // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是 可选链操作符
      },
      {
        test: /\.(vue|dvue)$/,
        loader: 'vue-loader',
        // use:[{
        //   loader: "vue-loader",
        //   options: vueLoaderConfig
        // }],
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          // 注释下面，统一用，output.publicPath 配置，这样打包放在服务器上是绝对路径 
          // publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/img/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          // 注释下面，统一用，output.publicPath 配置，这样打包放在服务器上是绝对路径 
          // publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/media/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          // 注释下面，统一用，output.publicPath 配置，这样打包放在服务器上是绝对路径 
          // publicPath: "../fonts/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/fonts/"		//生成之后存放的路径
        }
      }
    ]
  },

optimization: {
    minimizer: [
      // new UglifyJsPlugin({
      //   cache: true,
      //   parallel: true,
      //   sourceMap: true
      // }),
      new TerserPlugin({
        parallel: false,    //使用多进程并发运行
      }),
      new OptimizeCSSAssetsPlugin({
        cssProcessor: require('cssnano'),
        cssProcessorPluginOptions: {
          preset: ['default', { discardComments: { removeAll: true } }],
        },
        canPrint: false
      })
    ],
    runtimeChunk: {
      "name": "manifest"
    },
    splitChunks: {
      cacheGroups: {
        default: false,
        vendors: false,
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all'
        }

}
    }
  },
  plugins: [
    new VueLoaderPlugin(),
    new HappyPack({
      id: 'happy_js_jsx',
      verbose:false,//不输出日志
      verboseWhenProfiling:true,//输出webpack日志
      //共享进程池
      threadPool: happyThreadPool,
      loaders: ['babel-loader']
    }),
    new webpack.HashedModuleIdsPlugin(),
    new ProgressBarPlugin(),
    // new CleanWebpackPlugin(['dist']),
    //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量
    new webpack.DefinePlugin({
      'process.env': evnConfig
    }),
    new webpack.DllReferencePlugin({
      context: path.resolve(__dirname),
      manifest: require('../assets_platform/vendor_dll/vendor-manifest.json')
    }),
    //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理]
    // new AddAssetHtmlPlugin([{
    //   filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'),
    //   outputPath: 'js_dll/',
    //   publicPath: 'js_dll/',
    //   includeSourcemap: false,
    //   hash: true,
    // }]),
    // new CopyWebpackPlugin([
    //   {
    //     from: path.resolve(__dirname, 'assets_platform'),
    //     to: path.resolve(__dirname, 'dist/assets_platform')
    //   },
    //   // {
    //   //   from: path.resolve(__dirname, 'js_dll'),
    //   //   to: path.resolve(__dirname, 'dist')
    //   // }
    // ])
  ]

};

const utils = require('./utils')
const vueLoaderConfig = require('./vue-loader.conf')
let evnConfig = require('./getEnvVar')

let projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name;
module.exports = {
  // entry: {
  //   'login': ['babel-polyfill', './project/hivuiLogin/index.js'],
  //   'main': ['babel-polyfill','./project/hivuiMain/index.js']
  // },
  // output: {
  //   filename: '[name].[contenthash].js',
  //   chunkFilename: '[name].[contenthash].js',
  //   path: path.resolve(__dirname, 'dist')
  // },
  //去除 node 系统模块不引用
  node: {
    fs: 'empty',
    net:'empty',
    tls:'empty',
  },
  resolve: {
    extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue','.es6'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      'vuex$': 'vuex/dist/vuex.esm.js',
      '@': path.resolve(__dirname, `${projectName}`),
      '@main': path.resolve(__dirname, `../${projectName}/hivuiMain`),
      // '@': path.resolve(__dirname, 'src'),
      '@birt':path.resolve(__dirname, `../${projectName}/hivuiBirt`),
      'pinyin': 'js-pinyin',
    }
  },
  externals: {
    'vue': 'Vue',
    'vuex': 'Vuex',
    'vue-router': 'VueRouter',
    "element-ui": "ELEMENT",
  },
  module: {
    rules: [
      ...(utils.styleLoaders({
        sourceMap: false,
        extract: process.env.NODE_ENV === 'production',
        usePostCSS: true
      })),
      {
        test: /\.(js|jsx|dtvevt?|babel|es6)$/,
        loader: 'happypack/loader?id=happy_js_jsx',
        // use:[threadCfg,'babel-loader']
        // loader: 'babel-loader',
        // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是 可选链操作符
      },
      {
        test: /\.(vue|dvue)$/,
        loader: 'vue-loader',
        // use:[{
        //   loader: "vue-loader",
        //   options: vueLoaderConfig
        // }],
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/img/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/media/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../fonts/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/fonts/"		//生成之后存放的路径
        }
      }
    ]
  },

};

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.1.47", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 -s start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "caniuse-lite": "^1.0.30001436", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "^3.13.1", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "1.57.1", "sass-loader": "7.3.1", "style-loader": "^0.23.0", "terser-webpack-plugin": "^4.2.3", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "^2.9.15", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "classnames": "^2.3.1", "echarts": "^5.2.2", "element-ui": "2.15.3", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.2.2980", "js-cookie": "^3.0.1", "js-md5": "^0.7.3", "js-pinyin": "0.1.9", "lodash": "4.17.11", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "vue": "2.6.14", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "3.3.4", "vuex": "3.6.2", "zhc-birt-cmps": "^2.9.53", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.4" } } { "name": "hi-vui-template", "version": "1.1.46", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 -s start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "caniuse-lite": "^1.0.30001436", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "^3.13.1", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "1.57.1", "sass-loader": "7.3.1", "style-loader": "^0.23.0", "terser-webpack-plugin": "^4.2.3", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "^2.9.15", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "classnames": "^2.3.1", "echarts": "^5.2.2", "element-ui": "2.15.3", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.2.2980", "js-cookie": "^3.0.1", "js-md5": "^0.7.3", "js-pinyin": "^0.1.9", "lodash": "4.17.11", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "vue": "2.6.14", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "3.3.4", "vuex": "3.6.2", "zhc-birt-cmps": "^2.9.53", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.4" } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.1.47",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 -s start processes.json",
    "dev": "vite --host",
    "def": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "caniuse-lite": "^1.0.30001436",
    "chalk": "^3.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "^3.13.1",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "4.14.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "1.57.1",
    "sass-loader": "7.3.1",
    "style-loader": "^0.23.0",
    "terser-webpack-plugin": "^4.2.3",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "^2.9.15",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "2.6.14",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^3.11.3",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "^0.24.0",
    "babel-polyfill": "^6.26.0",
    "classnames": "^2.3.1",
    "echarts": "^5.2.2",
    "element-ui": "2.15.3",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.2.2980",
    "js-cookie": "^3.0.1",
    "js-md5": "^0.7.3",
    "js-pinyin": "0.1.9",
    "lodash": "4.17.11",
    "screenfull": "^6.0.0",
    "sortablejs": "^1.14.0",
    "vue": "2.6.14",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-router": "3.3.4",
    "vuex": "3.6.2",
    "zhc-birt-cmps": "^2.9.53",
    "zhc-flowchart": "^1.0.20",
    "zhc-visualstudio": "^1.0.4"
  }
}

{
  "name": "hi-vui-template",
  "version": "1.1.46",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 -s start processes.json",
    "dev": "vite --host",
    "def": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "caniuse-lite": "^1.0.30001436",
    "chalk": "^3.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "^3.13.1",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "4.14.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "1.57.1",
    "sass-loader": "7.3.1",
    "style-loader": "^0.23.0",
    "terser-webpack-plugin": "^4.2.3",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "^2.9.15",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "2.6.14",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^3.11.3",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "^0.24.0",
    "babel-polyfill": "^6.26.0",
    "classnames": "^2.3.1",
    "echarts": "^5.2.2",
    "element-ui": "2.15.3",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.2.2980",
    "js-cookie": "^3.0.1",
    "js-md5": "^0.7.3",
    "js-pinyin": "^0.1.9",
    "lodash": "4.17.11",
    "screenfull": "^6.0.0",
    "sortablejs": "^1.14.0",
    "vue": "2.6.14",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-router": "3.3.4",
    "vuex": "3.6.2",
    "zhc-birt-cmps": "^2.9.53",
    "zhc-flowchart": "^1.0.20",
    "zhc-visualstudio": "^1.0.4"
  }
}

Ignore Space Show notes View project/hivuiMain/api/user.js
import request from '../utils/request' import {codeProjectName} from '../config' let hi_request=null; if(window.HIVUI_SETTING&&window.HIVUI_SETTING.request){ hi_request=window.HIVUI_SETTING.request; } function _request(opt){ if(hi_request){ return hi_request(opt); }else{ return request(opt); } } const __base=(window.HIVUI_SETTING.serverUrl\|\|codeProjectName); //获取用户信息 export function getInfo(param) { return _request({ url: window.HIVUI_SETTING.userInfo\|\|(__base+"/sys/user/detail"), method: 'post', data: param, }) } //获取多岗列表 export function getBzList(param) { return _request({ url: __base+"/sys/user/detail-list", method: 'post', data: param, }) } //切换编制岗位 export function changeBz(param) { return _request({ url: __base+"/sys/user/switch-bz", method: 'post', data: param, }) } //修改密码 export function modifyPassword(param) { return _request({ url: __base+"/sys/user/update-pwd", method: 'post', data: param, }) } // 查询 export function query(param) { return _request({ url: __base+"/data/query", method: 'post', data: param, }) } // 更新 export function update(param) { return _request({ url: __base+"/data/update", method: 'post', data: param, }) } // 上传 export function upload(param) { return _request({ url:HIVUI_SETTING.upload, headers: { "Content-Type": "multipart/form-data" }, method: 'post', data: param, }) } // 获取单点登录服务器信息 export function getSSOInfo(param) { return _request({ url:__base+"/sso/get-sso-info", method: 'get', data: param, }) } // 获取单点登录服务器票据 export function getSSOTicket(ssoServe,param) { return _request({ url:ssoServe + (ssoServe.endsWith("/")?"":"/") + "sso/get-ticket", method: 'post', data: param, }) } import request from '../utils/request' import {codeProjectName} from '../config' let hi_request=null; if(window.HIVUI_SETTING&&window.HIVUI_SETTING.request){ hi_request=window.HIVUI_SETTING.request; } function _request(opt){ if(hi_request){ return hi_request(opt); }else{ return request(opt); } } const __base=(window.HIVUI_SETTING.serverUrl\|\|codeProjectName); //获取用户信息 export function getInfo(param) { return _request({ url: window.HIVUI_SETTING.userInfo\|\|(__base+"/sys/user/detail"), method: 'post', data: param, }) } //获取多岗列表 export function getBzList(param) { return _request({ url: __base+"/sys/user/detail-list", method: 'post', data: param, }) } //切换编制岗位 export function changeBz(param) { return _request({ url: __base+"/sys/user/switch-bz", method: 'post', data: param, }) } //修改密码 export function modifyPassword(param) { return _request({ url: __base+"/sys/user/update-pwd", method: 'post', data: param, }) } // 查询 export function query(param) { return _request({ url: __base+"/data/query", method: 'post', data: param, }) } // 更新 export function update(param) { return _request({ url: __base+"/data/update", method: 'post', data: param, }) } // 上传 export function upload(param) { return _request({ url:HIVUI_SETTING.upload, headers: { "Content-Type": "multipart/form-data" }, method: 'post', data: param, }) } // 获取单点登录服务器信息 export function getSSOInfo(param) { return _request({ url:__base+"/sso/get-sso-info", method: 'get', data: param, }) } // 获取单点登录服务器票据 export function getSSOTicket(ssoServe,param) { return _request({ url:ssoServe+"/sso/get-ticket", method: 'post', data: param, }) }

Ignore Space Show notes View

project/hivuiMain/api/user.js

import request from '../utils/request'
import {codeProjectName} from '../config'
let hi_request=null;
if(window.HIVUI_SETTING&&window.HIVUI_SETTING.request){
  hi_request=window.HIVUI_SETTING.request;
}
function _request(opt){
  if(hi_request){
    return hi_request(opt);
  }else{
    return request(opt);
  }
}
const __base=(window.HIVUI_SETTING.serverUrl||codeProjectName);

//获取用户信息
export function getInfo(param) {
  return _request({
    url: window.HIVUI_SETTING.userInfo||(__base+"/sys/user/detail"),
    method: 'post',
    data: param,
  })
}
//获取多岗列表
export function getBzList(param) {
  return _request({
    url: __base+"/sys/user/detail-list",
    method: 'post',
    data: param,
  })
}
//切换编制岗位
export function changeBz(param) {
  return _request({
    url: __base+"/sys/user/switch-bz",
    method: 'post',
    data: param,
  })
}
//修改密码
export function modifyPassword(param) {
  return _request({
    url: __base+"/sys/user/update-pwd",
    method: 'post',
    data: param,
  })
}

// 查询
export function query(param) {
  return _request({
    url: __base+"/data/query",
    method: 'post',
    data: param,
  })
}
// 更新
export function update(param) {
  return _request({
    url: __base+"/data/update",
    method: 'post',
    data: param,
  })
}
// 上传
export function upload(param) {
  return _request({
    url:HIVUI_SETTING.upload,
    headers: {
      "Content-Type": "multipart/form-data"
    },
    method: 'post',
    data: param,
  })
}
// 获取单点登录服务器信息
export function getSSOInfo(param) {
  return _request({
    url:__base+"/sso/get-sso-info",
    method: 'get',
    data: param,
  })
}
// 获取单点登录服务器票据
export function getSSOTicket(ssoServe,param) {
  return _request({
    url:ssoServe + (ssoServe.endsWith("/")?"":"/") + "sso/get-ticket",
    method: 'post',
    data: param,
  })
}

// 查询
export function query(param) {
  return _request({
    url: __base+"/data/query",
    method: 'post',
    data: param,
  })
}
// 更新
export function update(param) {
  return _request({
    url: __base+"/data/update",
    method: 'post',
    data: param,
  })
}
// 上传
export function upload(param) {
  return _request({
    url:HIVUI_SETTING.upload,
    headers: {
      "Content-Type": "multipart/form-data"
    },
    method: 'post',
    data: param,
  })
}
// 获取单点登录服务器信息
export function getSSOInfo(param) {
  return _request({
    url:__base+"/sso/get-sso-info",
    method: 'get',
    data: param,
  })
}
// 获取单点登录服务器票据
export function getSSOTicket(ssoServe,param) {
  return _request({
    url:ssoServe+"/sso/get-ticket",
    method: 'post',
    data: param,
  })
}

Ignore Space Show notes View project/hivuiMain/store/modules/user.js
import {baseLogin, logout} from '@main/api/login' import {getInfo,getBzList,getSSOInfo,getSSOTicket} from '@main/api/user' import { getToken, setToken, removeToken } from '@main/utils/auth' import {getUrlValue,getUrlSearch} from '@main/utils' import md5 from 'js-md5' if(window.Scp==null){ window.Scp = {} } if(window.Scp.User==null){ window.Scp.User={} } const user = { namespaced: true, state: { token: getToken(), avatar: '', introduction: '', roles: [], //后面加的 userInfo: {}, bzList: null, id:Scp.User.id, name:Scp.User.name, deptId:Scp.User.deptId, deptName:Scp.User.deptName, positionId:Scp.User.positionId, postionName:Scp.User.postionName, bzId:Scp.User.bzId, bzName:Scp.User.bzName, bzDeptId:Scp.User.bzDeptId, bzDeptName:Scp.User.bzDeptName, bzPositionId:Scp.User.bzPositionId, bzPositionName:Scp.User.bzPositionName, orgId:Scp.User.orgId , defOrgId:Scp.User.defOrgId, showPwDialog:false, ssoInfo:null, }, mutations: { SET_CODE: (state, code) => { state.code = code }, SET_TOKEN: (state, token) => { state.token = token }, SET_INTRODUCTION: (state, introduction) => { state.introduction = introduction }, SET_NAME: (state, name) => { state.name = name }, SET_AVATAR: (state, avatar) => { state.avatar = avatar }, SET_ROLES: (state, roles) => { state.roles = roles }, SET_USERINFO: (state, userInfo) => { state.userInfo = userInfo }, SET_BZLIST: (state, bzList) => { state.bzList = bzList }, SET_PWDIALOG: (state, isShow) => { state.showPwDialog = isShow }, }, actions: { load({ commit, state }) { }, // user login login({ commit }, userInfo) { let pushData={}; if(userInfo){ const { username, password } = userInfo pushData={ username: username.trim(), password: md5(password) }; } return new Promise((resolve, reject) => { if(window.HIVUI_SETTING.url!=location.origin){ let searchParams=getUrlSearch(location.href); delete searchParams.ticket; let service=location.origin+location.pathname+"?"; for(let k in searchParams){ service+=k+"="+searchParams[k]+"&"; } service=service.slice(0,-1); pushData={ type:"casPre", ticket:getUrlValue('','ticket'), service:service }; } baseLogin(pushData).then(response => { const data = response commit('SET_TOKEN', data.token) setToken(data.token) resolve() }).catch(error => { reject(error) }) }) }, // 多岗 getBzList({ commit, state }) { return new Promise((resolve, reject) => { getBzList().then(response => { let _arr=response.dataPack if (_arr) { if (!_arr \|\| _arr.length < 0) { reject('getInfo: data must be a non-null array!') } commit("SET_BZLIST",_arr); resolve(_arr) }else{ reject('Verification failed, please Login again.'); } }).catch(error => { reject(error) }); }) }, // get user info getInfo({ commit, state }) { return new Promise((resolve, reject) => { getInfo().then(response => { if (!response.dataPack) { reject('Verification failed, please Login again.') } //const { info ,org} = response.data; const info = response.dataPack // if (!info) { // reject('Verification failed, please Login again.') // } //const { roles, name, avatar, introduction } = data window.Scp.User=info; let roles = ['admim'], avatar = "", introduction = "", name = info.fuserid, userInfo = info; // roles must be a non-empty array if (!roles \|\| roles.length <= 0) { reject('getInfo: roles must be a non-null array!') } commit('SET_USERINFO', userInfo) commit('SET_ROLES', roles) commit('SET_NAME', name) commit('SET_AVATAR', avatar) commit('SET_INTRODUCTION', introduction) resolve(info) }).catch(error => { reject(error) }) }) }, // user logout logout({ commit, state }) { return new Promise((resolve, reject) => { if(!getToken()){ resolve(); }else{ logout().then(() => { commit('SET_TOKEN', ''); commit('SET_ROLES', []); removeToken(); resolve(); }).catch(error => { reject(error); }); } }); }, // remove token resetToken({ commit }) { return new Promise(resolve => { commit('SET_TOKEN', '') commit('SET_ROLES', []) removeToken() resolve() }) }, // dynamically modify permissions changeRoles({ commit, dispatch }, role) { return new Promise(async resolve => { const token = role + '-token' commit('SET_TOKEN', token) setToken(token) const { roles } = await dispatch('getInfo') //resetRouter() // generate accessible routes map based on roles const accessRoutes = await dispatch('permission/generateRoutes', roles, { root: true }) // dynamically add accessible routes router.addRoutes(accessRoutes) // reset visited views and cached views dispatch('tagsView/delAllViews', null, { root: true }) resolve() }) }, //修改密码弹窗 showPwDialog({ commit, dispatch }, isShow){ commit('SET_PWDIALOG', isShow); }, //获取单点登录服务器信息 getSSOInfo({state, dispatch}){ return new Promise((resolve, reject) => { getSSOInfo().then((res)=>{ state.ssoInfo=res.dataPack; resolve(res); }).catch(err=>{ reject(err); }); }); }, //单点跳转功能 async openSSOFuncPage({state, dispatch},opt){ await dispatch("getSSOInfo"); if(state.ssoInfo){ let res=await getSSOTicket(state.ssoInfo.serverUrl,{ 'clientId': state.ssoInfo.clientId, 'token': state.token, }); if (res.status == 200) { let __service = encodeURIComponent((opt.serviceUrl.startsWith("http")?"":location.origin+(opt.serviceUrl.startsWith("/")?"":"/"))+opt.serviceUrl); let returnUrl = state.ssoInfo.serverUrl + (state.ssoInfo.serverUrl.endsWith("/")?"":"/")+"sso/remote-login?service=" + __service + "&ticket=" + res.dataPack; return returnUrl; //window.open(returnUrl, "_black"); } } return opt.serviceUrl; }, } } export default user import {baseLogin, logout} from '@main/api/login' import {getInfo,getBzList,getSSOInfo,getSSOTicket} from '@main/api/user' import { getToken, setToken, removeToken } from '@main/utils/auth' import {getUrlValue,getUrlSearch} from '@main/utils' import md5 from 'js-md5' if(window.Scp==null){ window.Scp = {} } if(window.Scp.User==null){ window.Scp.User={} } const user = { namespaced: true, state: { token: getToken(), avatar: '', introduction: '', roles: [], //后面加的 userInfo: {}, bzList: null, id:Scp.User.id, name:Scp.User.name, deptId:Scp.User.deptId, deptName:Scp.User.deptName, positionId:Scp.User.positionId, postionName:Scp.User.postionName, bzId:Scp.User.bzId, bzName:Scp.User.bzName, bzDeptId:Scp.User.bzDeptId, bzDeptName:Scp.User.bzDeptName, bzPositionId:Scp.User.bzPositionId, bzPositionName:Scp.User.bzPositionName, orgId:Scp.User.orgId , defOrgId:Scp.User.defOrgId, showPwDialog:false, ssoInfo:null, }, mutations: { SET_CODE: (state, code) => { state.code = code }, SET_TOKEN: (state, token) => { state.token = token }, SET_INTRODUCTION: (state, introduction) => { state.introduction = introduction }, SET_NAME: (state, name) => { state.name = name }, SET_AVATAR: (state, avatar) => { state.avatar = avatar }, SET_ROLES: (state, roles) => { state.roles = roles }, SET_USERINFO: (state, userInfo) => { state.userInfo = userInfo }, SET_BZLIST: (state, bzList) => { state.bzList = bzList }, SET_PWDIALOG: (state, isShow) => { state.showPwDialog = isShow }, }, actions: { load({ commit, state }) { }, // user login login({ commit }, userInfo) { let pushData={}; if(userInfo){ const { username, password } = userInfo pushData={ username: username.trim(), password: md5(password) }; } return new Promise((resolve, reject) => { if(window.HIVUI_SETTING.url!=location.origin){ let searchParams=getUrlSearch(location.href); delete searchParams.ticket; let service=location.origin+location.pathname+"?"; for(let k in searchParams){ service+=k+"="+searchParams[k]+"&"; } service=service.slice(0,-1); pushData={ type:"casPre", ticket:getUrlValue('','ticket'), service:service }; } baseLogin(pushData).then(response => { const data = response commit('SET_TOKEN', data.token) setToken(data.token) resolve() }).catch(error => { reject(error) }) }) }, // 多岗 getBzList({ commit, state }) { return new Promise((resolve, reject) => { getBzList().then(response => { let _arr=response.dataPack if (_arr) { if (!_arr \|\| _arr.length < 0) { reject('getInfo: data must be a non-null array!') } commit("SET_BZLIST",_arr); resolve(_arr) }else{ reject('Verification failed, please Login again.'); } }).catch(error => { reject(error) }); }) }, // get user info getInfo({ commit, state }) { return new Promise((resolve, reject) => { getInfo().then(response => { if (!response.dataPack) { reject('Verification failed, please Login again.') } //const { info ,org} = response.data; const info = response.dataPack // if (!info) { // reject('Verification failed, please Login again.') // } //const { roles, name, avatar, introduction } = data window.Scp.User=info; let roles = ['admim'], avatar = "", introduction = "", name = info.fuserid, userInfo = info; // roles must be a non-empty array if (!roles \|\| roles.length <= 0) { reject('getInfo: roles must be a non-null array!') } commit('SET_USERINFO', userInfo) commit('SET_ROLES', roles) commit('SET_NAME', name) commit('SET_AVATAR', avatar) commit('SET_INTRODUCTION', introduction) resolve(info) }).catch(error => { reject(error) }) }) }, // user logout logout({ commit, state }) { return new Promise((resolve, reject) => { if(!getToken()){ resolve(); }else{ logout().then(() => { commit('SET_TOKEN', ''); commit('SET_ROLES', []); removeToken(); resolve(); }).catch(error => { reject(error); }); } }); }, // remove token resetToken({ commit }) { return new Promise(resolve => { commit('SET_TOKEN', '') commit('SET_ROLES', []) removeToken() resolve() }) }, // dynamically modify permissions changeRoles({ commit, dispatch }, role) { return new Promise(async resolve => { const token = role + '-token' commit('SET_TOKEN', token) setToken(token) const { roles } = await dispatch('getInfo') //resetRouter() // generate accessible routes map based on roles const accessRoutes = await dispatch('permission/generateRoutes', roles, { root: true }) // dynamically add accessible routes router.addRoutes(accessRoutes) // reset visited views and cached views dispatch('tagsView/delAllViews', null, { root: true }) resolve() }) }, //修改密码弹窗 showPwDialog({ commit, dispatch }, isShow){ commit('SET_PWDIALOG', isShow); }, //获取单点登录服务器信息 getSSOInfo({state, dispatch}){ return new Promise((resolve, reject) => { getSSOInfo().then((res)=>{ state.ssoInfo=res.dataPack; resolve(res); }).catch(err=>{ reject(err); }); }); }, //单点跳转功能 async openSSOFuncPage({state, dispatch},opt){ await dispatch("getSSOInfo"); if(state.ssoInfo){ getSSOTicket(state.ssoInfo.serverUrl,{ 'clientId': state.ssoInfo.clientId, 'token': state.token, }).then((res)=>{ if (res.status == 200) { let __service = encodeURIComponent(location.origin+opt.serviceUrl); let returnUrl = state.ssoInfo.serverUrl + "/sso/remote-login?service=" + __service + "&ticket=" + res.dataPack; window.open(returnUrl, "_black"); } }); } }, } } export default user

Ignore Space Show notes View

project/hivuiMain/store/modules/user.js

import {baseLogin, logout} from '@main/api/login'
import {getInfo,getBzList,getSSOInfo,getSSOTicket} from '@main/api/user'
import { getToken, setToken, removeToken } from '@main/utils/auth'
import {getUrlValue,getUrlSearch} from '@main/utils'
import md5 from 'js-md5'
if(window.Scp==null){
  window.Scp = {} 
}
if(window.Scp.User==null){
  window.Scp.User={}
}
const user = {
  namespaced: true,
  state: {
    token: getToken(),
    avatar: '',
    introduction: '',
    roles: [],
    //后面加的
    userInfo: {},
    bzList: null,
    id:Scp.User.id,
    name:Scp.User.name,
    deptId:Scp.User.deptId,
    deptName:Scp.User.deptName,
    positionId:Scp.User.positionId,
    postionName:Scp.User.postionName,  
  
    bzId:Scp.User.bzId,
    bzName:Scp.User.bzName,
  
    bzDeptId:Scp.User.bzDeptId,
    bzDeptName:Scp.User.bzDeptName,
  
    bzPositionId:Scp.User.bzPositionId,
    bzPositionName:Scp.User.bzPositionName,
  
    orgId:Scp.User.orgId ,
    defOrgId:Scp.User.defOrgId,
    showPwDialog:false,
    ssoInfo:null,
  },
  mutations: {
    SET_CODE: (state, code) => {
      state.code = code
    },
    SET_TOKEN: (state, token) => {
      state.token = token
    },
    SET_INTRODUCTION: (state, introduction) => {
      state.introduction = introduction
    },
    SET_NAME: (state, name) => {
      state.name = name
    },
    SET_AVATAR: (state, avatar) => {
      state.avatar = avatar
    },
    SET_ROLES: (state, roles) => {
      state.roles = roles
    },
    SET_USERINFO: (state, userInfo) => {
      state.userInfo = userInfo
    },
    SET_BZLIST: (state, bzList) => {
      state.bzList = bzList
    },
    SET_PWDIALOG: (state, isShow) => {
      state.showPwDialog = isShow
    },
  },
  actions: { 
    load({ commit, state }) {
      
    },
    // user login
    login({ commit }, userInfo) {
      let pushData={};
      if(userInfo){
        const { username, password } = userInfo
        pushData={ 
          username: username.trim(), 
          password: md5(password) 
        };
      }
      return new Promise((resolve, reject) => {
        if(window.HIVUI_SETTING.url!=location.origin){
          let searchParams=getUrlSearch(location.href);
          delete searchParams.ticket;
          let service=location.origin+location.pathname+"?";
          for(let k in searchParams){
            service+=k+"="+searchParams[k]+"&";
          }
          service=service.slice(0,-1);
          pushData={
            type:"casPre",
            ticket:getUrlValue('','ticket'),
            service:service
          };
        }
        baseLogin(pushData).then(response => {
          const data = response
          commit('SET_TOKEN', data.token)
          setToken(data.token)
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    },
    // 多岗
    getBzList({ commit, state }) {
      return new Promise((resolve, reject) => {
        getBzList().then(response => {
          let _arr=response.dataPack
          if (_arr) {
            if (!_arr || _arr.length < 0) {
              reject('getInfo: data must be a non-null array!')
            }
            commit("SET_BZLIST",_arr);
            resolve(_arr)
          }else{
            reject('Verification failed, please Login again.');
          }
        }).catch(error => {
          reject(error)
        });
      })
    },
    // get user info
    getInfo({ commit, state }) {
      return new Promise((resolve, reject) => {
        getInfo().then(response => {
          if (!response.dataPack) {
            reject('Verification failed, please Login again.')
          }
          //const { info ,org} = response.data;
          const info = response.dataPack
          // if (!info) {
          //   reject('Verification failed, please Login again.')
          // }

//const { roles, name, avatar, introduction } = data
          window.Scp.User=info;
          let roles = ['admim'], avatar = "", introduction = "", name = info.fuserid, userInfo = info;
          // roles must be a non-empty array
          if (!roles || roles.length <= 0) {
            reject('getInfo: roles must be a non-null array!')
          }
          commit('SET_USERINFO', userInfo)
          commit('SET_ROLES', roles)
          commit('SET_NAME', name)
          commit('SET_AVATAR', avatar)
          commit('SET_INTRODUCTION', introduction)
          resolve(info)
        }).catch(error => {
          reject(error)
        })
      })
    },

// user logout
    logout({ commit, state }) {
      return new Promise((resolve, reject) => {
        if(!getToken()){
          resolve();
        }else{
          logout().then(() => {
            commit('SET_TOKEN', '');
            commit('SET_ROLES', []);
            removeToken();
            resolve();
          }).catch(error => {
            reject(error);
          });
        }        
      });
    },

// remove token
    resetToken({ commit }) {
      return new Promise(resolve => {
        commit('SET_TOKEN', '')
        commit('SET_ROLES', [])
        removeToken()
        resolve()
      })
    },

// dynamically modify permissions
    changeRoles({ commit, dispatch }, role) {
      return new Promise(async resolve => {
        const token = role + '-token'

commit('SET_TOKEN', token)
        setToken(token)

const { roles } = await dispatch('getInfo')

//resetRouter()
        // generate accessible routes map based on roles
        const accessRoutes = await dispatch('permission/generateRoutes', roles, { root: true })

// dynamically add accessible routes
        router.addRoutes(accessRoutes)

// reset visited views and cached views
        dispatch('tagsView/delAllViews', null, { root: true })

resolve()
      })
    },
    //修改密码弹窗
    showPwDialog({ commit, dispatch }, isShow){
      commit('SET_PWDIALOG', isShow);
    },
    //获取单点登录服务器信息
    getSSOInfo({state, dispatch}){
      return new Promise((resolve, reject) => {
        getSSOInfo().then((res)=>{
          state.ssoInfo=res.dataPack;
          resolve(res);
        }).catch(err=>{
          reject(err);
        });
      });
    },
    //单点跳转功能
    async openSSOFuncPage({state, dispatch},opt){
      await dispatch("getSSOInfo");
      if(state.ssoInfo){
        let res=await getSSOTicket(state.ssoInfo.serverUrl,{
            'clientId': state.ssoInfo.clientId,
            'token': state.token,
        });
        if (res.status == 200) {
          let __service = encodeURIComponent((opt.serviceUrl.startsWith("http")?"":location.origin+(opt.serviceUrl.startsWith("/")?"":"/"))+opt.serviceUrl);
          let returnUrl = state.ssoInfo.serverUrl + (state.ssoInfo.serverUrl.endsWith("/")?"":"/")+"sso/remote-login?service=" + __service + "&ticket=" + res.dataPack;
          return returnUrl;
          //window.open(returnUrl, "_black");
        }
      }
      return opt.serviceUrl;
    },
  }
}

export default user

// dynamically modify permissions
    changeRoles({ commit, dispatch }, role) {
      return new Promise(async resolve => {
        const token = role + '-token'

commit('SET_TOKEN', token)
        setToken(token)

const { roles } = await dispatch('getInfo')

//resetRouter()
        // generate accessible routes map based on roles
        const accessRoutes = await dispatch('permission/generateRoutes', roles, { root: true })

// dynamically add accessible routes
        router.addRoutes(accessRoutes)

// reset visited views and cached views
        dispatch('tagsView/delAllViews', null, { root: true })

resolve()
      })
    },
    //修改密码弹窗
    showPwDialog({ commit, dispatch }, isShow){
      commit('SET_PWDIALOG', isShow);
    },
    //获取单点登录服务器信息
    getSSOInfo({state, dispatch}){
      return new Promise((resolve, reject) => {
        getSSOInfo().then((res)=>{
          state.ssoInfo=res.dataPack;
          resolve(res);
        }).catch(err=>{
          reject(err);
        });
      });
    },
    //单点跳转功能
    async openSSOFuncPage({state, dispatch},opt){
      await dispatch("getSSOInfo");
      if(state.ssoInfo){
        getSSOTicket(state.ssoInfo.serverUrl,{
            'clientId': state.ssoInfo.clientId,
            'token': state.token,
        }).then((res)=>{
          if (res.status == 200) {
            let __service = encodeURIComponent(location.origin+opt.serviceUrl);
            let returnUrl = state.ssoInfo.serverUrl + "/sso/remote-login?service=" + __service + "&ticket=" + res.dataPack;
            window.open(returnUrl, "_black");
          }
        });
      }
    },
  }
}

export default user

Ignore Space Show notes View project/hivuiMain/views/layout/components/Sidebar.vue
<template> <div v-if="layout == 'level'" class="pl-sidebar" :style="{width: this.sideWidth, background:'#002040',top:totop+'px',color:'#fff'}"> <div class="menusArea pl-cl"> <div class="scroll" ref="domSrcoll"> <Smenu ref="smenu" mode="horizontal" :style="{width: sideWidth,margin: 0,height:(window.innerHeight-totop)+'px'}"> <template v-for="(item,index) in menus"> <!-- <Smenu-item v-if="!item.children\|\|!item.children.length" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> --> <Smenu-item v-if="item.isShow&&!(item.children&&item.children.length)" :hasTitle="hasTitle" :icon="item.iconClass \|\| 'icon-bell'" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :hasTitle="hasTitle" :menuitem="item" :icon="item.iconClass" v-if="item.isShow&&item.children&&item.children.length" ></Snav-sub-menus> </template> </Smenu> </div> </div> <!-- <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.NAME}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> 没有数据 </li> </ul> --> </div> <div v-else class="pl-sidebar"> <GeminiScrollbar> <ul class="menus"> <li :class="['item','itemBg'+(index%8+1)]" v-for="(item,index) in navs" :key="index" :title="item.name" @click="handleOpenFunc(item)"> <div class="box"> <img v-if="item.iconClass" :src="item.iconClass \| getIconServePath" width="42" height="42"/> <img v-if="item.iconClass==null\|\|item.iconClass==''" src="@main/assets/def_Func.png" width="42" height="42"/> <!-- <i class="iconfont"><img v-if="item.iconClass" :src="item.iconClass" width="24" height="24"/></i> --> <span v-if="item.markCount" class="tip">{{item.markCount}}</span> </div> <div class="title">{{item.name}}</div> </li> </ul> </GeminiScrollbar> </div> </template> <script> import {Smenu,SsubMenu,SmenuItem} from './Smenus' import SnavSubMenus from './side/Smenus' export default { inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem,SnavSubMenus }, props:{ sideWidth:{ type: String, }, hasTitle:{ type: Boolean, }, totop:{ type: Number } }, data(){ return{ window:window, } /* return { navs:[ { iconClass:"", name:"新建事项", url:"", }, { iconClass:"", name:"销售排行", url:"" }, { iconClass:"", name:"待办工作", url:"" }, { iconClass:"", name:"薪资查看", url:"", count:10 }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, ] } / }, computed:{ navs(){ return this.$store.getters.navs; }, layout(){ return window.localStorage.getItem('layout'); }, menus(){ return this.$store.getters.menus; }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; } }, mounted(){ // this.resize(); window.addEventListener('resize',this.resize); }, filters: { getIconServePath(path){ let file = path.split(";"); if(file[2]){ return `/amrept-web/checkPhoto/photo.do?path=${file[2]}` }else{ return ""; } } }, methods:{ // resize(){ // let c = this.$refs.smenu.$el.children,w=0; // for(let i=c.length-1;i>=0;i--){ // w+=c[i].offsetWidth; // } // this.$refs.smenu.$el.style.width=`${w+2}px`; // this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w; // this.scrollBtnStatus(); // }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.FURI, name:item.NAME, openType:item.openType, });//inject 提供的方法只能传一个参数 }, async handleOpenFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); } // this.addTab(item.resUrl,item.name,item.resId)//,item.resId this.addTab(item);//inject 提供的方法只能传一个参数 }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleLtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleRtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleMenuScrollEnd(){ clearInterval(this.menuScrollTimer); }, scrollBtnStatus(){ if(!(this.$refs.scrollLtBtn\|\|this.$refs.scrollRtBtn)){ return; } if(this.$refs.domSrcoll.scrollLeft==0){ this.$refs.scrollLtBtn.style.opacity=0.3; }else{ this.$refs.scrollLtBtn.style.opacity=1; } if(this.$refs.domSrcoll.scrollLeft>=this.$refs.smenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth){ this.$refs.scrollRtBtn.style.opacity=0.3; }else{ this.$refs.scrollRtBtn.style.opacity=1; } } } } </script> <template> <div v-if="layout == 'level'" class="pl-sidebar" :style="{width: this.sideWidth, background:'#002040',top:totop+'px',color:'#fff'}"> <div class="menusArea pl-cl"> <div class="scroll" ref="domSrcoll"> <Smenu ref="smenu" mode="horizontal" :style="{width: sideWidth,margin: 0,height:(window.innerHeight-totop)+'px'}"> <template v-for="(item,index) in menus"> <!-- <Smenu-item v-if="!item.children\|\|!item.children.length" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> --> <Smenu-item v-if="item.isShow&&!(item.children&&item.children.length)" :hasTitle="hasTitle" :icon="item.iconClass \|\| 'icon-bell'" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :hasTitle="hasTitle" :menuitem="item" :icon="item.iconClass" v-if="item.isShow&&item.children&&item.children.length" ></Snav-sub-menus> </template> </Smenu> </div> </div> <!-- <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.NAME}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> 没有数据 </li> </ul> --> </div> <div v-else class="pl-sidebar"> <GeminiScrollbar> <ul class="menus"> <li :class="['item','itemBg'+(index%8+1)]" v-for="(item,index) in navs" :key="index" :title="item.name" @click="handleOpenFunc(item)"> <div class="box"> <img v-if="item.iconClass" :src="item.iconClass \| getIconServePath" width="42" height="42"/> <img v-if="item.iconClass==null\|\|item.iconClass==''" src="@main/assets/def_Func.png" width="42" height="42"/> <!-- <i class="iconfont"><img v-if="item.iconClass" :src="item.iconClass" width="24" height="24"/></i> --> <span v-if="item.markCount" class="tip">{{item.markCount}}</span> </div> <div class="title">{{item.name}}</div> </li> </ul> </GeminiScrollbar> </div> </template> <script> import {Smenu,SsubMenu,SmenuItem} from './Smenus' import SnavSubMenus from './side/Smenus' export default { inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem,SnavSubMenus }, props:{ sideWidth:{ type: String, }, hasTitle:{ type: Boolean, }, totop:{ type: Number } }, data(){ return{ window:window, } / return { navs:[ { iconClass:"", name:"新建事项", url:"", }, { iconClass:"", name:"销售排行", url:"" }, { iconClass:"", name:"待办工作", url:"" }, { iconClass:"", name:"薪资查看", url:"", count:10 }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, ] } */ }, computed:{ navs(){ return this.$store.getters.navs; }, layout(){ return window.localStorage.getItem('layout'); }, menus(){ return this.$store.getters.menus; }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; } }, mounted(){ // this.resize(); window.addEventListener('resize',this.resize); }, filters: { getIconServePath(path){ let file = path.split(";"); if(file[2]){ return `/amrept-web/checkPhoto/photo.do?path=${file[2]}` }else{ return ""; } } }, methods:{ // resize(){ // let c = this.$refs.smenu.$el.children,w=0; // for(let i=c.length-1;i>=0;i--){ // w+=c[i].offsetWidth; // } // this.$refs.smenu.$el.style.width=`${w+2}px`; // this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w; // this.scrollBtnStatus(); // }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.FURI, name:item.NAME, openType:item.openType, });//inject 提供的方法只能传一个参数 }, handleOpenFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); return; } // this.addTab(item.resUrl,item.name,item.resId)//,item.resId this.addTab(item);//inject 提供的方法只能传一个参数 }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleLtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleRtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleMenuScrollEnd(){ clearInterval(this.menuScrollTimer); }, scrollBtnStatus(){ if(!(this.$refs.scrollLtBtn\|\|this.$refs.scrollRtBtn)){ return; } if(this.$refs.domSrcoll.scrollLeft==0){ this.$refs.scrollLtBtn.style.opacity=0.3; }else{ this.$refs.scrollLtBtn.style.opacity=1; } if(this.$refs.domSrcoll.scrollLeft>=this.$refs.smenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth){ this.$refs.scrollRtBtn.style.opacity=0.3; }else{ this.$refs.scrollRtBtn.style.opacity=1; } } } } </script>

Ignore Space Show notes View

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

<template>
    <div v-if="layout == 'level'" class="pl-sidebar"  :style="{width: this.sideWidth, background:'#002040',top:totop+'px',color:'#fff'}">
                <div class="menusArea pl-cl">
                    <div class="scroll" ref="domSrcoll">
                        <Smenu ref="smenu" mode="horizontal" :style="{width: sideWidth,margin: 0,height:(window.innerHeight-totop)+'px'}">
                            <template v-for="(item,index) in menus">
                                
                                
                                <Smenu-item v-if="item.isShow&&!(item.children&&item.children.length)" :hasTitle="hasTitle" :icon="item.iconClass || 'icon-bell'" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
                                <Snav-sub-menus :hasTitle="hasTitle" :menuitem="item" :icon="item.iconClass" v-if="item.isShow&&item.children&&item.children.length" ></Snav-sub-menus>
                            </template>
                        </Smenu>
                    </div>
                </div>
            
        </div>
    <div v-else class="pl-sidebar">
        <GeminiScrollbar>
            <ul class="menus">
                <li :class="['item','itemBg'+(index%8+1)]" v-for="(item,index) in  navs" :key="index" :title="item.name" @click="handleOpenFunc(item)">
                    <div class="box">
                        <img v-if="item.iconClass" :src="item.iconClass | getIconServePath"  width="42" height="42"/>
                        <img v-if="item.iconClass==null||item.iconClass==''" src="@main/assets/def_Func.png" width="42" height="42"/>
                        
                        <span v-if="item.markCount" class="tip">{{item.markCount}}</span>
                    </div>
                    <div class="title">{{item.name}}</div>
                </li>
            </ul>
        </GeminiScrollbar>
    </div>
</template>
<script>
import {Smenu,SsubMenu,SmenuItem} from './Smenus'
import SnavSubMenus from './side/Smenus'
export default {
    inject:['addTab'],
     components:{
        Smenu,SsubMenu,SmenuItem,SnavSubMenus
    },
    props:{
        sideWidth:{
            type: String,
        },
        hasTitle:{
            type: Boolean,
        },
        totop:{
            type: Number
        }
    },
    data(){
        return{
            window:window,
        }
    /*
        return {
            navs:[
                {
                    iconClass:"",
                    name:"新建事项",
                    url:"",
                },
                {
                    iconClass:"",
                    name:"销售排行",
                    url:""
                },
                {
                    iconClass:"",
                    name:"待办工作",
                    url:""
                },
                {
                    iconClass:"",
                    name:"薪资查看",
                    url:"",
                    count:10
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
            ]
        }
    */
    },
    computed:{
        navs(){
            return this.$store.getters.navs;
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        menus(){
            return this.$store.getters.menus;
        },
        navsLatelyUse(){
            return this.$store.getters.navsLatelyUse;
        }
    },
    mounted(){
        // this.resize();
        window.addEventListener('resize',this.resize);
    },
    filters: {
        getIconServePath(path){
            let file = path.split(";");
            if(file[2]){
                return `/amrept-web/checkPhoto/photo.do?path=${file[2]}`
            }else{
                return "";
            }
        }
    },
    methods:{
    //    resize(){
    //         let c = this.$refs.smenu.$el.children,w=0;
    //         for(let i=c.length-1;i>=0;i--){
    //             w+=c[i].offsetWidth;
    //         }
    //         this.$refs.smenu.$el.style.width=`${w+2}px`;
    //         this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w;
    //         this.scrollBtnStatus();
    //     },
        handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.FURI,
                name:item.NAME,
                openType:item.openType,
            });//inject 提供的方法只能 传一个参数
        },     
        async handleOpenFunc(item){  
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
            }
            // this.addTab(item.resUrl,item.name,item.resId)//,item.resId
            this.addTab(item);//inject 提供的方法只能 传一个参数
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleLtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleRtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleMenuScrollEnd(){
            clearInterval(this.menuScrollTimer);
        },
        scrollBtnStatus(){            
            if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){
                return;
            }
            if(this.$refs.domSrcoll.scrollLeft==0){
                this.$refs.scrollLtBtn.style.opacity=0.3;
            }else{                
                this.$refs.scrollLtBtn.style.opacity=1;
            }

if(this.$refs.domSrcoll.scrollLeft>=this.$refs.smenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth){
                this.$refs.scrollRtBtn.style.opacity=0.3;
            }else{
                this.$refs.scrollRtBtn.style.opacity=1;
            }
        }
    }
}
</script>

<template>
    <div v-if="layout == 'level'" class="pl-sidebar"  :style="{width: this.sideWidth, background:'#002040',top:totop+'px',color:'#fff'}">
                <div class="menusArea pl-cl">
                    <div class="scroll" ref="domSrcoll">
                        <Smenu ref="smenu" mode="horizontal" :style="{width: sideWidth,margin: 0,height:(window.innerHeight-totop)+'px'}">
                            <template v-for="(item,index) in menus">
                                
                                
                                <Smenu-item v-if="item.isShow&&!(item.children&&item.children.length)" :hasTitle="hasTitle" :icon="item.iconClass || 'icon-bell'" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
                                <Snav-sub-menus :hasTitle="hasTitle" :menuitem="item" :icon="item.iconClass" v-if="item.isShow&&item.children&&item.children.length" ></Snav-sub-menus>
                            </template>
                        </Smenu>
                    </div>
                </div>
            
        </div>
    <div v-else class="pl-sidebar">
        <GeminiScrollbar>
            <ul class="menus">
                <li :class="['item','itemBg'+(index%8+1)]" v-for="(item,index) in  navs" :key="index" :title="item.name" @click="handleOpenFunc(item)">
                    <div class="box">
                        <img v-if="item.iconClass" :src="item.iconClass | getIconServePath"  width="42" height="42"/>
                        <img v-if="item.iconClass==null||item.iconClass==''" src="@main/assets/def_Func.png" width="42" height="42"/>
                        
                        <span v-if="item.markCount" class="tip">{{item.markCount}}</span>
                    </div>
                    <div class="title">{{item.name}}</div>
                </li>
            </ul>
        </GeminiScrollbar>
    </div>
</template>
<script>
import {Smenu,SsubMenu,SmenuItem} from './Smenus'
import SnavSubMenus from './side/Smenus'
export default {
    inject:['addTab'],
     components:{
        Smenu,SsubMenu,SmenuItem,SnavSubMenus
    },
    props:{
        sideWidth:{
            type: String,
        },
        hasTitle:{
            type: Boolean,
        },
        totop:{
            type: Number
        }
    },
    data(){
        return{
            window:window,
        }
    /*
        return {
            navs:[
                {
                    iconClass:"",
                    name:"新建事项",
                    url:"",
                },
                {
                    iconClass:"",
                    name:"销售排行",
                    url:""
                },
                {
                    iconClass:"",
                    name:"待办工作",
                    url:""
                },
                {
                    iconClass:"",
                    name:"薪资查看",
                    url:"",
                    count:10
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
                {
                    iconClass:"",
                    name:"我的日程",
                    url:"",
                    count:8
                },
                {
                    iconClass:"",
                    name:"待开会议",
                    url:""
                },
                {
                    iconClass:"",
                    name:"签到",
                    url:""
                },
                {
                    iconClass:"",
                    name:"快捷管理",
                    url:""
                },
            ]
        }
    */
    },
    computed:{
        navs(){
            return this.$store.getters.navs;
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        menus(){
            return this.$store.getters.menus;
        },
        navsLatelyUse(){
            return this.$store.getters.navsLatelyUse;
        }
    },
    mounted(){
        // this.resize();
        window.addEventListener('resize',this.resize);
    },
    filters: {
        getIconServePath(path){
            let file = path.split(";");
            if(file[2]){
                return `/amrept-web/checkPhoto/photo.do?path=${file[2]}`
            }else{
                return "";
            }
        }
    },
    methods:{
    //    resize(){
    //         let c = this.$refs.smenu.$el.children,w=0;
    //         for(let i=c.length-1;i>=0;i--){
    //             w+=c[i].offsetWidth;
    //         }
    //         this.$refs.smenu.$el.style.width=`${w+2}px`;
    //         this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w;
    //         this.scrollBtnStatus();
    //     },
        handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.FURI,
                name:item.NAME,
                openType:item.openType,
            });//inject 提供的方法只能 传一个参数
        },     
        handleOpenFunc(item){  
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
                return;
            }
            // this.addTab(item.resUrl,item.name,item.resId)//,item.resId
            this.addTab(item);//inject 提供的方法只能 传一个参数
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleLtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleRtMenuScroll(){
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleMenuScrollEnd(){
            clearInterval(this.menuScrollTimer);
        },
        scrollBtnStatus(){            
            if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){
                return;
            }
            if(this.$refs.domSrcoll.scrollLeft==0){
                this.$refs.scrollLtBtn.style.opacity=0.3;
            }else{                
                this.$refs.scrollLtBtn.style.opacity=1;
            }

Ignore Space Show notes View project/hivuiMain/views/layout/components/allFuncMenu/menus.vue
<template> <p-sub-menu ref="subMenu" :level="level" :parent="parent" :isAllFunc="true"> <template slot="title"> {{menuitem.name}} <i v-if="menuitem.type=='dir'" class="el-icon-caret-right"></i> </template> <template v-for="(item,index) in menuitem.children"> <p-menu-item :icon="item.iconClass" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-sub-menu> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' export default { name:'NavSubMenus', inject:['addTab','showTab','hideTab','hideAllFuncBox'], components:{ PMenu,PSubMenu,PMenuItem }, props:{ menuitem:{ type:Object }, level:{ type:Number }, parent:{ type:Object } }, methods:{ async handleOpenFunc(item){ let me=this; if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ item.ssoUrl=await me.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); } me.addTab(item);//inject 提供的方法只能传一个参数 me.$refs.subMenu.hide(); setTimeout(()=>{ me.hideAllFuncBox(); },200); } } } </script> <template> <p-sub-menu ref="subMenu" :level="level" :parent="parent" :isAllFunc="true"> <template slot="title"> {{menuitem.name}} <i v-if="menuitem.type=='dir'" class="el-icon-caret-right"></i> </template> <template v-for="(item,index) in menuitem.children"> <p-menu-item :icon="item.iconClass" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-sub-menu> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' export default { name:'NavSubMenus', inject:['addTab','showTab','hideTab','hideAllFuncBox'], components:{ PMenu,PSubMenu,PMenuItem }, props:{ menuitem:{ type:Object }, level:{ type:Number }, parent:{ type:Object } }, methods:{ handleOpenFunc(item){ let me=this; if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ me.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); return; } me.addTab(item);//inject 提供的方法只能传一个参数 me.$refs.subMenu.hide(); setTimeout(()=>{ me.hideAllFuncBox(); },200); } } } </script>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/allFuncMenu/menus.vue

<template>
    <p-sub-menu ref="subMenu" :level="level" :parent="parent" :isAllFunc="true">
        <template slot="title">
            {{menuitem.name}}
            <i v-if="menuitem.type=='dir'" class="el-icon-caret-right"></i>
        </template>
        <template v-for="(item,index) in menuitem.children">
            <p-menu-item :icon="item.iconClass"  v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item>            
            <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus>
        </template>
    </p-sub-menu>

</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
export default {
    name:'NavSubMenus',
    inject:['addTab','showTab','hideTab','hideAllFuncBox'],
    components:{
        PMenu,PSubMenu,PMenuItem
    },
    props:{
        menuitem:{
            type:Object
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{  
        async handleOpenFunc(item){
            let me=this;
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                item.ssoUrl=await me.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
            }
            me.addTab(item);//inject 提供的方法只能 传一个参数
            me.$refs.subMenu.hide();
            setTimeout(()=>{
                me.hideAllFuncBox();
            },200);
            
        }
    }
}
</script>

</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
export default {
    name:'NavSubMenus',
    inject:['addTab','showTab','hideTab','hideAllFuncBox'],
    components:{
        PMenu,PSubMenu,PMenuItem
    },
    props:{
        menuitem:{
            type:Object
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{  
        handleOpenFunc(item){
            let me=this;
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                me.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
                return;
            }
            me.addTab(item);//inject 提供的方法只能 传一个参数
            me.$refs.subMenu.hide();
            setTimeout(()=>{
                me.hideAllFuncBox();
            },200);
            
        }
    }
}
</script>

Ignore Space Show notes View project/hivuiMain/views/layout/components/navbar/index.vue
<template> <div class="pl-navbar" ref="nav"> <div class="allFunc" v-if="showAllFuncBtn"> <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span> <i class="icon iconfont icon-arrow-down"></i> <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu> </div> <div class="history" ref="dom-latelyUse" :title="$t('hivuiMain_recentlyUsed')" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <div class="menusArea pl-cl" :class="isMenuArrBtn?'hasMenusBtn':''"> <i v-show="isMenuArrBtn" ref="scrollRtBtn" class="arrRt iconfont icon-arrow-right-circle" @mousedown="handleRtMenuScroll" @mouseup="handleMenuScrollEnd" @mouseleave="handleMenuScrollEnd"></i> <i v-show="isMenuArrBtn" ref="scrollLtBtn" class="arrLt iconfont icon-arrow-left-circle" @mousedown="handleLtMenuScroll" @mouseup="handleMenuScrollEnd" @mouseleave="handleMenuScrollEnd"></i> <div class="scroll" ref="domSrcoll"> <p-menu ref="pmenu" mode="horizontal" style="margin:0"> <template v-for="(item,index) in menus" > <p-menu-item v-if="item.isShow&&!(item.children&&item.children.length)" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-menu> </div> </div> <!-- <ul class="pl-menus pl-menus-horizontal"> <li class="pl-menus-item" v-for="(item,index) in menus"> <a class=""> <i class="icon"></i> <span class="title">{{item.title}}</span> </a> </li> </ul> --> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.name}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </div> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' import allFuncMenu from '../allFuncMenu' import NavSubMenus from './menus' import screenfull from 'screenfull' export default { inject:['addTab'], components:{ PMenu,PSubMenu,PMenuItem,NavSubMenus,allFuncMenu }, data(){ return { menuScrollTimer:null, isMenuArrBtn:false, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true, isShowAllFuncMenu:false, allFuncBtnObj:{}, }; }, computed:{ menus(){ return this.$store.getters.menus; }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; } }, mounted(){ this.resize(); window.addEventListener('resize',this.resize); this.allFuncBtnObj=this.showAllFuncBtn&&this.$refs.allFuncBtn.getBoundingClientRect(); }, methods:{ resize(){ if (!screenfull.isFullscreen && this.$refs.pmenu.$el) { setTimeout(() => { let c = this.$refs.pmenu.$el.children,w=0; // console.log('---c--', c) for(let i=c.length-1;i>=0;i--){ // console.log('---c[i]', c[i].offsetWidth) w+=c[i].offsetWidth; } // console.log('offsetWidth', w) this.$refs.pmenu.$el.style.width=`${w+2}px`; this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w; this.scrollBtnStatus(); }, 50); } }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.resUrl, name:item.name, openType:item.openType, });//inject 提供的方法只能传一个参数 }, async handleOpenFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); } // this.addTab(item.resUrl,item.name,item.resId)//,item.resId this.addTab(item);//inject 提供的方法只能传一个参数 }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; this.latelyUseStyle.opacity = '1'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleLtMenuScroll(){ this.handleMenuScrollEnd(); this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleRtMenuScroll(){ this.handleMenuScrollEnd(); this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleMenuScrollEnd(){ clearInterval(this.menuScrollTimer); }, scrollBtnStatus(){ if(!(this.$refs.scrollLtBtn\|\|this.$refs.scrollRtBtn)){ return; } if(this.$refs.domSrcoll.scrollLeft==0){ this.$refs.scrollLtBtn.style.opacity=0.3; }else{ this.$refs.scrollLtBtn.style.opacity=1; } if(this.$refs.domSrcoll.scrollLeft>=this.$refs.pmenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth-1){ this.$refs.scrollRtBtn.style.opacity=0.3; }else{ this.$refs.scrollRtBtn.style.opacity=1; } }, //全部功能弹窗 allFuncTrigger(){ let me=this; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; if(me.isShowAllFuncMenu){ me.$refs.allFuncMenu.showBox(); }else{ me.$refs.allFuncMenu.hideBox(); } }, allFuncTriggerOpen(){ let me=this; me.$refs.allFuncMenu.showBox(); }, allFuncTriggerClose(){ let me=this; me.$refs.allFuncMenu.hideBox(); }, } } </script> <template> <div class="pl-navbar" ref="nav"> <div class="allFunc" v-if="showAllFuncBtn"> <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span> <i class="icon iconfont icon-arrow-down"></i> <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu> </div> <div class="history" ref="dom-latelyUse" :title="$t('hivuiMain_recentlyUsed')" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <div class="menusArea pl-cl" :class="isMenuArrBtn?'hasMenusBtn':''"> <i v-show="isMenuArrBtn" ref="scrollRtBtn" class="arrRt iconfont icon-arrow-right-circle" @mousedown="handleRtMenuScroll" @mouseup="handleMenuScrollEnd" @mouseleave="handleMenuScrollEnd"></i> <i v-show="isMenuArrBtn" ref="scrollLtBtn" class="arrLt iconfont icon-arrow-left-circle" @mousedown="handleLtMenuScroll" @mouseup="handleMenuScrollEnd" @mouseleave="handleMenuScrollEnd"></i> <div class="scroll" ref="domSrcoll"> <p-menu ref="pmenu" mode="horizontal" style="margin:0"> <template v-for="(item,index) in menus" > <p-menu-item v-if="item.isShow&&!(item.children&&item.children.length)" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-menu> </div> </div> <!-- <ul class="pl-menus pl-menus-horizontal"> <li class="pl-menus-item" v-for="(item,index) in menus"> <a class=""> <i class="icon"></i> <span class="title">{{item.title}}</span> </a> </li> </ul> --> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.name}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </div> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' import allFuncMenu from '../allFuncMenu' import NavSubMenus from './menus' import screenfull from 'screenfull' export default { inject:['addTab'], components:{ PMenu,PSubMenu,PMenuItem,NavSubMenus,allFuncMenu }, data(){ return { menuScrollTimer:null, isMenuArrBtn:false, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true, isShowAllFuncMenu:false, allFuncBtnObj:{}, }; }, computed:{ menus(){ return this.$store.getters.menus; }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; } }, mounted(){ this.resize(); window.addEventListener('resize',this.resize); this.allFuncBtnObj=this.showAllFuncBtn&&this.$refs.allFuncBtn.getBoundingClientRect(); }, methods:{ resize(){ if (!screenfull.isFullscreen && this.$refs.pmenu.$el) { setTimeout(() => { let c = this.$refs.pmenu.$el.children,w=0; // console.log('---c--', c) for(let i=c.length-1;i>=0;i--){ // console.log('---c[i]', c[i].offsetWidth) w+=c[i].offsetWidth; } // console.log('offsetWidth', w) this.$refs.pmenu.$el.style.width=`${w+2}px`; this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w; this.scrollBtnStatus(); }, 50); } }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.resUrl, name:item.name, openType:item.openType, });//inject 提供的方法只能传一个参数 }, handleOpenFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); return; } // this.addTab(item.resUrl,item.name,item.resId)//,item.resId this.addTab(item);//inject 提供的方法只能传一个参数 }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; this.latelyUseStyle.opacity = '1'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleLtMenuScroll(){ this.handleMenuScrollEnd(); this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleRtMenuScroll(){ this.handleMenuScrollEnd(); this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleMenuScrollEnd(){ clearInterval(this.menuScrollTimer); }, scrollBtnStatus(){ if(!(this.$refs.scrollLtBtn\|\|this.$refs.scrollRtBtn)){ return; } if(this.$refs.domSrcoll.scrollLeft==0){ this.$refs.scrollLtBtn.style.opacity=0.3; }else{ this.$refs.scrollLtBtn.style.opacity=1; } if(this.$refs.domSrcoll.scrollLeft>=this.$refs.pmenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth-1){ this.$refs.scrollRtBtn.style.opacity=0.3; }else{ this.$refs.scrollRtBtn.style.opacity=1; } }, //全部功能弹窗 allFuncTrigger(){ let me=this; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; if(me.isShowAllFuncMenu){ me.$refs.allFuncMenu.showBox(); }else{ me.$refs.allFuncMenu.hideBox(); } }, allFuncTriggerOpen(){ let me=this; me.$refs.allFuncMenu.showBox(); }, allFuncTriggerClose(){ let me=this; me.$refs.allFuncMenu.hideBox(); }, } } </script>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/navbar/index.vue

<template>
    <div class="pl-navbar" ref="nav">
        <div class="allFunc" v-if="showAllFuncBtn">
            <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span>
            <i class="icon iconfont icon-arrow-down"></i>
            <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu>
        </div>
        <div class="history" ref="dom-latelyUse"
        :title="$t('hivuiMain_recentlyUsed')"
         @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse">
            <i class="icon iconfont icon-time"></i>
            <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span>
            <i class="icon iconfont icon-arrow-down"></i>
        </div>
        <div class="menusArea pl-cl" :class="isMenuArrBtn?'hasMenusBtn':''">
            <i v-show="isMenuArrBtn" ref="scrollRtBtn" class="arrRt iconfont icon-arrow-right-circle" @mousedown="handleRtMenuScroll" @mouseup="handleMenuScrollEnd" @mouseleave="handleMenuScrollEnd"></i>
            <i v-show="isMenuArrBtn" ref="scrollLtBtn"  class="arrLt iconfont icon-arrow-left-circle" @mousedown="handleLtMenuScroll" @mouseup="handleMenuScrollEnd" @mouseleave="handleMenuScrollEnd"></i>
            <div class="scroll" ref="domSrcoll">
                <p-menu ref="pmenu" mode="horizontal" style="margin:0">
                    <template v-for="(item,index) in menus" >
                        <p-menu-item v-if="item.isShow&&!(item.children&&item.children.length)" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item>
                        <nav-sub-menus  :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus>
                    </template>
                </p-menu>
            </div>
        </div>
        
        <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse"  @mouseleave="handleHideLatelyUse"
        :style="latelyUseStyle" v-add2Body>
            <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)">
                <a class="title"><span class="txt">{{item.name}}</span></a>
            </li>
            <li v-show="navsLatelyUse.length==0" class="pl-menus-tips">
                {{$t('hivuiMain_nodata')}}
            </li>
        </ul> 
    </div>
</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
import allFuncMenu from '../allFuncMenu'
import NavSubMenus from './menus'
import screenfull from 'screenfull'
export default {
    inject:['addTab'],
    components:{
        PMenu,PSubMenu,PMenuItem,NavSubMenus,allFuncMenu
    },
    data(){
        return {
            menuScrollTimer:null,
            isMenuArrBtn:false,
            latelyUseStyle:{
                display:'none',
                left:0,
                top:0,
                maxHeight:'50%',
                overflow:'auto'
            },
            showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true,
            isShowAllFuncMenu:false,
            allFuncBtnObj:{},

};
    },
    computed:{
        menus(){
            return this.$store.getters.menus;
        },
        navsLatelyUse(){
            return this.$store.getters.navsLatelyUse;
        }
    },
    mounted(){
        this.resize();
        window.addEventListener('resize',this.resize);
        this.allFuncBtnObj=this.showAllFuncBtn&&this.$refs.allFuncBtn.getBoundingClientRect();
    },
    methods:{ 
        resize(){
            if (!screenfull.isFullscreen && this.$refs.pmenu.$el) {
                setTimeout(() => {
                    let c = this.$refs.pmenu.$el.children,w=0;
                    // console.log('---c--', c)
                    for(let i=c.length-1;i>=0;i--){
                        // console.log('---c[i]', c[i].offsetWidth)
                        w+=c[i].offsetWidth;
                    }
                    // console.log('offsetWidth', w)
                    this.$refs.pmenu.$el.style.width=`${w+2}px`;
                    this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w;
                    this.scrollBtnStatus();
                }, 50);
                
            }
        },

handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.resUrl,
                name:item.name,
                openType:item.openType,
            });//inject 提供的方法只能 传一个参数
        },     
        async handleOpenFunc(item){  
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
            }
            // this.addTab(item.resUrl,item.name,item.resId)//,item.resId
            this.addTab(item);//inject 提供的方法只能 传一个参数
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
            this.latelyUseStyle.opacity = '1';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleLtMenuScroll(){
            this.handleMenuScrollEnd();
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleRtMenuScroll(){
            this.handleMenuScrollEnd();
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleMenuScrollEnd(){
            clearInterval(this.menuScrollTimer);
        },
        scrollBtnStatus(){            
            if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){
                return;
            }
            if(this.$refs.domSrcoll.scrollLeft==0){
                this.$refs.scrollLtBtn.style.opacity=0.3;
            }else{                
                this.$refs.scrollLtBtn.style.opacity=1;
            }

if(this.$refs.domSrcoll.scrollLeft>=this.$refs.pmenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth-1){
                this.$refs.scrollRtBtn.style.opacity=0.3;
            }else{
                this.$refs.scrollRtBtn.style.opacity=1;
            }
        },
        //全部功能弹窗
        allFuncTrigger(){
            let me=this;
            me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true;
            if(me.isShowAllFuncMenu){
                me.$refs.allFuncMenu.showBox();
            }else{
                me.$refs.allFuncMenu.hideBox();
            }
        },
        allFuncTriggerOpen(){
            let me=this;
            me.$refs.allFuncMenu.showBox();
        },
        allFuncTriggerClose(){
            let me=this;
            me.$refs.allFuncMenu.hideBox();
        },
    }
}
</script>

handleOpenLatelyFunc(item){      
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }
            this.addTab({
                resUrl:item.resUrl,
                name:item.name,
                openType:item.openType,
            });//inject 提供的方法只能 传一个参数
        },     
        handleOpenFunc(item){  
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
                return;
            }
            // this.addTab(item.resUrl,item.name,item.resId)//,item.resId
            this.addTab(item);//inject 提供的方法只能 传一个参数
        },
        handleShowLatelyUse(){
            this.$store.dispatch('app/getLatelyUse')//最近使用 
            let s = this.$refs["dom-latelyUse"];
            let rect = s.getBoundingClientRect();
            this.latelyUseStyle.display ='block';
            this.latelyUseStyle.left = rect.left+'px';
            this.latelyUseStyle.top = rect.top + rect.height  +'px';
            this.latelyUseStyle.opacity = '1';
        },
        handleHideLatelyUse(){
            this.latelyUseStyle.display ='none';
        },
        handleLtMenuScroll(){
            this.handleMenuScrollEnd();
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleRtMenuScroll(){
            this.handleMenuScrollEnd();
            this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30;
            this.menuScrollTimer = setInterval(()=>{
                this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10;
                this.scrollBtnStatus();
            },50);
            this.scrollBtnStatus();
        },
        handleMenuScrollEnd(){
            clearInterval(this.menuScrollTimer);
        },
        scrollBtnStatus(){            
            if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){
                return;
            }
            if(this.$refs.domSrcoll.scrollLeft==0){
                this.$refs.scrollLtBtn.style.opacity=0.3;
            }else{                
                this.$refs.scrollLtBtn.style.opacity=1;
            }

Ignore Space Show notes View project/hivuiMain/views/layout/components/navbar/menus.vue
<template> <p-sub-menu :level="level" :parent="parent"> <template slot="title">{{menuitem.name}}</template> <template v-for="(item,index) in menuitem.children"> <p-menu-item :icon="item.iconClass" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-sub-menu> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' export default { name:'NavSubMenus', inject:['addTab','showTab','hideTab'], components:{ PMenu,PSubMenu,PMenuItem }, props:{ menuitem:{ type:Object }, level:{ type:Number }, parent:{ type:Object } }, methods:{ async handleOpenFunc(item){ //url,title,uid,callback,nearest if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); } // this.addTab(item.resUrl,item.name) this.addTab(item);//inject 提供的方法只能传一个参数 } } } </script> <template> <p-sub-menu :level="level" :parent="parent"> <template slot="title">{{menuitem.name}}</template> <template v-for="(item,index) in menuitem.children"> <p-menu-item :icon="item.iconClass" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item> <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus> </template> </p-sub-menu> </template> <script> import {PMenu,PSubMenu,PMenuItem} from '../menus' export default { name:'NavSubMenus', inject:['addTab','showTab','hideTab'], components:{ PMenu,PSubMenu,PMenuItem }, props:{ menuitem:{ type:Object }, level:{ type:Number }, parent:{ type:Object } }, methods:{ handleOpenFunc(item){ //url,title,uid,callback,nearest if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); return; } // this.addTab(item.resUrl,item.name) this.addTab(item);//inject 提供的方法只能传一个参数 } } } </script>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/navbar/menus.vue

<template>
    <p-sub-menu :level="level" :parent="parent">
        <template slot="title">{{menuitem.name}}</template>
        <template v-for="(item,index) in menuitem.children">
            <p-menu-item :icon="item.iconClass"  v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item>            
            <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus>
        </template>
    </p-sub-menu>
</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
export default {
    name:'NavSubMenus',
    inject:['addTab','showTab','hideTab'],
    components:{
        PMenu,PSubMenu,PMenuItem
    },
    props:{
        menuitem:{
            type:Object
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{  
        async handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

<template>
    <p-sub-menu :level="level" :parent="parent">
        <template slot="title">{{menuitem.name}}</template>
        <template v-for="(item,index) in menuitem.children">
            <p-menu-item :icon="item.iconClass"  v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</p-menu-item>            
            <nav-sub-menus :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></nav-sub-menus>
        </template>
    </p-sub-menu>
</template>
<script> 
import {PMenu,PSubMenu,PMenuItem} from '../menus'
export default {
    name:'NavSubMenus',
    inject:['addTab','showTab','hideTab'],
    components:{
        PMenu,PSubMenu,PMenuItem
    },
    props:{
        menuitem:{
            type:Object
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{  
        handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
                return;
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

Ignore Space Show notes View project/hivuiMain/views/layout/components/side/Smenus.vue
<template> <Ssub-menu :icon="icon" :level="level" :hasTitle="hasTitle" :parent="parent"> <template slot="title">{{menuitem.name}}</template> <template v-for="(item,index) in menuitem.children"> <Smenu-item :icon="item.iconClass" :hasTitle="hasTitle" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></Snav-sub-menus> </template> </Ssub-menu> </template> <script> import {Smenu,SsubMenu,SmenuItem} from '../Smenus' export default { name:'SnavSubMenus', inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem }, props:{ icon:{ type:String }, menuitem:{ type:Object }, hasTitle:{ type: Boolean, }, level:{ type:Number }, parent:{ type:Object } }, methods:{ async handleOpenFunc(item){ //url,title,uid,callback,nearest if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); } // this.addTab(item.resUrl,item.name) this.addTab(item);//inject 提供的方法只能传一个参数 } } } </script> <template> <Ssub-menu :icon="icon" :level="level" :hasTitle="hasTitle" :parent="parent"> <template slot="title">{{menuitem.name}}</template> <template v-for="(item,index) in menuitem.children"> <Smenu-item :icon="item.iconClass" :hasTitle="hasTitle" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></Snav-sub-menus> </template> </Ssub-menu> </template> <script> import {Smenu,SsubMenu,SmenuItem} from '../Smenus' export default { name:'SnavSubMenus', inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem }, props:{ icon:{ type:String }, menuitem:{ type:Object }, hasTitle:{ type: Boolean, }, level:{ type:Number }, parent:{ type:Object } }, methods:{ handleOpenFunc(item){ //url,title,uid,callback,nearest if(item.type== "link"){ window.open(item.resUrl,item.name); return; }else if(item.type=="sso"){ this.$store.dispatch("user/openSSOFuncPage",{ serviceUrl:item.resUrl }); return; } // this.addTab(item.resUrl,item.name) this.addTab(item);//inject 提供的方法只能传一个参数 } } } </script>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/side/Smenus.vue

<template>
    <Ssub-menu :icon="icon" :level="level" :hasTitle="hasTitle" :parent="parent">
        <template slot="title">{{menuitem.name}}</template>
        <template v-for="(item,index) in menuitem.children">

<Smenu-item :icon="item.iconClass" :hasTitle="hasTitle"  v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
            
            <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></Snav-sub-menus>
        </template>
    </Ssub-menu>
</template>
<script> 
import {Smenu,SsubMenu,SmenuItem} from '../Smenus'
export default {
    name:'SnavSubMenus',
    inject:['addTab'],
    components:{
       Smenu,SsubMenu,SmenuItem
    },
    props:{
        icon:{
            type:String
        },
        menuitem:{
            type:Object
        },
        hasTitle:{
            type: Boolean,
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{        
        async handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                item.ssoUrl=await this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

<Smenu-item :icon="item.iconClass" :hasTitle="hasTitle"  v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
            
            <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></Snav-sub-menus>
        </template>
    </Ssub-menu>
</template>
<script> 
import {Smenu,SsubMenu,SmenuItem} from '../Smenus'
export default {
    name:'SnavSubMenus',
    inject:['addTab'],
    components:{
       Smenu,SsubMenu,SmenuItem
    },
    props:{
        icon:{
            type:String
        },
        menuitem:{
            type:Object
        },
        hasTitle:{
            type: Boolean,
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{        
        handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }else if(item.type=="sso"){
                this.$store.dispatch("user/openSSOFuncPage",{
                    serviceUrl:item.resUrl
                });
                return;
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

Ignore Space Show notes View project/hivuiMain/views/layout/index.vue
<template> <div v-if="layout == 'level'" class="pl-page" :class="isFullscreen?'showTab':''"> <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div> <Header v-show="!isFullscreen" :hasTitle="hasTitle" :logoWidth="logoWidth" ref="Header" style="box-shadow: 0 5px 7px rgba(221,221,221,0.5);z-index:10"></Header> <!-- <Navbar></Navbar> --> <Sidebar ref="Sidebar" :hasTitle="hasTitle" :sideWidth="sideWidth" :totop="totop" style="z-index: 11"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:toleft, top:totop+'px'}"></Main> </div> <div v-else class="pl-page" :class="isFullscreen?'showTab':''"> <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div> <Header ref="Header" :logoWidth="logoWidth" v-show="!isFullscreen"></Header> <Navbar ref="Navbar" v-show="!isFullscreen"></Navbar> <Sidebar ref="Sidebar" v-show="hasQuickNav&&!isFullscreen"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:hasQuickNav?71:0}"></Main> </div> </template> <script> import {baseURL,codeProjectName,requestUrl} from '@main/config' import {getMenus} from '@main/api/menu' import {checkUrl} from '@main/utils/index' import {Header,Navbar,Sidebar,Main} from "./components" import screenfull from 'screenfull' // import { setTimeout } from 'timers'; export default { components:{ Header,Navbar,Sidebar,Main }, provide(){ let me=this; return { addTab(item){ // url,title,uid,callback,nearest // this.addTab(item);//inject 提供的方法只能传一个参数 me.addTab(item.ssoUrl\|\|item.resUrl,item.name,item.resId,item.callback,item.nearest,item.openType); // me.addTab(url,title,uid,callback,nearest); }, showTab(){ // console.log('layout index vue : showTab') me.showTab(); }, hideTab(){ // console.log('layout index vue : hideTab') me.hideTab(); } } }, data(){ return { hasTitle: true, toleft: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'141px'):'71px', sideWidth: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'140px'):'70px', logoWidth:'140px', totop: 50, isFullscreen: false, top: '', left: '', mainTop: '', navTop: '', timeout: null, sysConfig: this.$store.state.app.config, } }, computed:{ hasQuickNav(){ return this.$store.getters.navs.length; }, layout(){ return window.localStorage.getItem('layout'); }, isTitle(){ return this.hasTitle; } }, methods:{ addTab(url,title,uid,callback,nearest,openType){ console.log('layout addTab :',baseURL,codeProjectName,url); let __url=url; if(!checkUrl(url)){ //根据setting配置是否带e5 __url=(window._global?location.origin:window.HIVUI_SETTING.serverUrl)+url; } if(openType==2){//弹窗 this.$refs.Main.menuOpenList.push({ title:title, url:__url, uid:uid, }); }else if(openType==3){//浏览器标签打开 window.open(__url,"_blank"); }else{//主界面框架标签打开 window.Sys.addTab(__url,title,uid,callback,nearest); } }, hideTitle(name){ this.hasTitle = name; this.toleft = name?'71px':'49px'; this.sideWidth = name?'70px':'48px' }, /** * 是否全屏并按键ESC键的方法 / checkFull() { var isFull = document.fullscreenEnabled \|\| window.fullScreen \|\| document.webkitIsFullScreen \|\| document.msFullscreenEnabled // to fix : false \|\| undefined == undefined if (isFull === undefined) { isFull = false } return isFull }, handleFullScreen(){ screenfull.toggle() }, onchange(){ // console.log(this.isFullscreen) if(this.isFullscreen==true){ // this.$refs.Main.isFullscreen = true this.$refs.Sidebar.$el.style.top=0 this.$refs.Sidebar.$el.style.left=0 this.$refs.Main.$el.style.top=0 this.$refs.Main.$el.style.left=0 // console.log('222',this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style) this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' this.$refs.Sidebar.$el.style.display = 'none' this.$refs.Main.$refs['cmp-tabs'].resize() }else{ // console.log(222) // console.log('top',this.top) this.$refs['Sidebar'].$el.style.top=this.mainTop+this.navTop+'px' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block' this.$refs.Sidebar.$el.style.display = 'block' if(window.localStorage.getItem('layout') === 'level'){ this.$refs['Main'].$el.style.top=this.navTop+'px' this.$refs['Main'].$el.style.left=this.left }else{ this.$refs['Main'].$el.style.top=this.mainTop+this.navTop+'px' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+this.navTop+'px' this.$refs['Main'].$el.style.left=this.left this.$refs['Navbar'].$el.style.top=this.navTop+'px' this.$refs.Navbar.$el.style.display='block' } this.$refs.Main.$refs['cmp-tabs'].resize() } }, showTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+'px' // this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top='50px' // console.log(this.$refs.Main.$el.style.top) if(window.localStorage.getItem('layout') === 'level'){ this.$refs.Sidebar.$el.style.display = 'block' this.$refs.Sidebar.$el.style.top = '39px' }else{ // this.$refs.Sidebar.$el.style.display = 'block' this.$refs.Navbar.$el.style.display='none'; this.$refs.Navbar.$el.style.top=0 this.$refs.Navbar.$el.style.display='block' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, hideTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ this.$refs.Main.$el.style.top=0 this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' if(window.localStorage.getItem('layout') === 'level'){ this.$refs.Sidebar.$el.style.display = 'none' }else{ this.$refs.Navbar.$el.style.display='none' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, KeyDown(event) { if (event.keyCode === 122) { event.returnValue = false; this.handleFullScreen(); } } }, created(){ //单页模式强制左右布局 if(this.sysConfig.layout){ if(this.sysConfig.layout=="top"){ window.localStorage.setItem('layout','vertical'); }else if(this.sysConfig.layout=="left"){ window.localStorage.setItem('layout','level'); } } }, mounted(){ this.navTop = this.$refs.Header.$el.offsetHeight this.left = this.$refs.Main.$el.style.left console.log('left', this.isFullscreen) if(window.localStorage.getItem('layout') === 'level'){ this.totop = this.$refs.Header.$el.offsetHeight \|\| 50 }else{ this.mainTop = this.$refs.Navbar.$el.offsetHeight // console.log('mainTop', this.mainTop) } window.onresize = () => { // 全屏下监控是否按键了ESC if (!this.checkFull()) { // 全屏下按键esc后要执行的动作 this.isFullscreen = false } this.isFullscreen=screenfull.isFullscreen this.onchange() }, window.addEventListener("keydown", this.KeyDown, true);//监听按键事件 } } </script> <style lang="less" scoped> .menuOpenDialog{ ::v-deep .el-dialog__body{ padding-top:0; } } </style> <template> <div v-if="layout == 'level'" class="pl-page" :class="isFullscreen?'showTab':''"> <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div> <Header v-show="!isFullscreen" :hasTitle="hasTitle" :logoWidth="logoWidth" ref="Header" style="box-shadow: 0 5px 7px rgba(221,221,221,0.5);z-index:10"></Header> <!-- <Navbar></Navbar> --> <Sidebar ref="Sidebar" :hasTitle="hasTitle" :sideWidth="sideWidth" :totop="totop" style="z-index: 11"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:toleft, top:totop+'px'}"></Main> </div> <div v-else class="pl-page" :class="isFullscreen?'showTab':''"> <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div> <Header ref="Header" :logoWidth="logoWidth" v-show="!isFullscreen"></Header> <Navbar ref="Navbar" v-show="!isFullscreen"></Navbar> <Sidebar ref="Sidebar" v-show="hasQuickNav&&!isFullscreen"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:hasQuickNav?71:0}"></Main> </div> </template> <script> import {baseURL,codeProjectName,requestUrl} from '@main/config' import {getMenus} from '@main/api/menu' import {checkUrl} from '@main/utils/index' import {Header,Navbar,Sidebar,Main} from "./components" import screenfull from 'screenfull' // import { setTimeout } from 'timers'; export default { components:{ Header,Navbar,Sidebar,Main }, provide(){ let me=this; return { addTab(item){ // url,title,uid,callback,nearest // this.addTab(item);//inject 提供的方法只能传一个参数 me.addTab(item.resUrl,item.name,item.resId,item.callback,item.nearest,item.openType); // me.addTab(url,title,uid,callback,nearest); }, showTab(){ // console.log('layout index vue : showTab') me.showTab(); }, hideTab(){ // console.log('layout index vue : hideTab') me.hideTab(); } } }, data(){ return { hasTitle: true, toleft: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'141px'):'71px', sideWidth: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'140px'):'70px', logoWidth:'140px', totop: 50, isFullscreen: false, top: '', left: '', mainTop: '', navTop: '', timeout: null, sysConfig: this.$store.state.app.config, } }, computed:{ hasQuickNav(){ return this.$store.getters.navs.length; }, layout(){ return window.localStorage.getItem('layout'); }, isTitle(){ return this.hasTitle; } }, methods:{ addTab(url,title,uid,callback,nearest,openType){ console.log('layout addTab :',baseURL,codeProjectName,url); let __url=url; if(!checkUrl(url)){ //根据setting配置是否带e5 __url=(window._global?location.origin:window.HIVUI_SETTING.serverUrl)+url; } if(openType==2){//弹窗 this.$refs.Main.menuOpenList.push({ title:title, url:__url, uid:uid, }); }else if(openType==3){//浏览器标签打开 window.open(__url,"_blank"); }else{//主界面框架标签打开 window.Sys.addTab(__url,title,uid,callback,nearest); } }, hideTitle(name){ this.hasTitle = name; this.toleft = name?'71px':'49px'; this.sideWidth = name?'70px':'48px' }, /* * 是否全屏并按键ESC键的方法 */ checkFull() { var isFull = document.fullscreenEnabled \|\| window.fullScreen \|\| document.webkitIsFullScreen \|\| document.msFullscreenEnabled // to fix : false \|\| undefined == undefined if (isFull === undefined) { isFull = false } return isFull }, handleFullScreen(){ screenfull.toggle() }, onchange(){ // console.log(this.isFullscreen) if(this.isFullscreen==true){ // this.$refs.Main.isFullscreen = true this.$refs.Sidebar.$el.style.top=0 this.$refs.Sidebar.$el.style.left=0 this.$refs.Main.$el.style.top=0 this.$refs.Main.$el.style.left=0 // console.log('222',this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style) this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' this.$refs.Sidebar.$el.style.display = 'none' this.$refs.Main.$refs['cmp-tabs'].resize() }else{ // console.log(222) // console.log('top',this.top) this.$refs['Sidebar'].$el.style.top=this.mainTop+this.navTop+'px' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block' this.$refs.Sidebar.$el.style.display = 'block' if(window.localStorage.getItem('layout') === 'level'){ this.$refs['Main'].$el.style.top=this.navTop+'px' this.$refs['Main'].$el.style.left=this.left }else{ this.$refs['Main'].$el.style.top=this.mainTop+this.navTop+'px' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+this.navTop+'px' this.$refs['Main'].$el.style.left=this.left this.$refs['Navbar'].$el.style.top=this.navTop+'px' this.$refs.Navbar.$el.style.display='block' } this.$refs.Main.$refs['cmp-tabs'].resize() } }, showTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+'px' // this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top='50px' // console.log(this.$refs.Main.$el.style.top) if(window.localStorage.getItem('layout') === 'level'){ this.$refs.Sidebar.$el.style.display = 'block' this.$refs.Sidebar.$el.style.top = '39px' }else{ // this.$refs.Sidebar.$el.style.display = 'block' this.$refs.Navbar.$el.style.display='none'; this.$refs.Navbar.$el.style.top=0 this.$refs.Navbar.$el.style.display='block' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, hideTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ this.$refs.Main.$el.style.top=0 this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' if(window.localStorage.getItem('layout') === 'level'){ this.$refs.Sidebar.$el.style.display = 'none' }else{ this.$refs.Navbar.$el.style.display='none' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, KeyDown(event) { if (event.keyCode === 122) { event.returnValue = false; this.handleFullScreen(); } } }, created(){ //单页模式强制左右布局 if(this.sysConfig.layout){ if(this.sysConfig.layout=="top"){ window.localStorage.setItem('layout','vertical'); }else if(this.sysConfig.layout=="left"){ window.localStorage.setItem('layout','level'); } } }, mounted(){ this.navTop = this.$refs.Header.$el.offsetHeight this.left = this.$refs.Main.$el.style.left console.log('left', this.isFullscreen) if(window.localStorage.getItem('layout') === 'level'){ this.totop = this.$refs.Header.$el.offsetHeight \|\| 50 }else{ this.mainTop = this.$refs.Navbar.$el.offsetHeight // console.log('mainTop', this.mainTop) } window.onresize = () => { // 全屏下监控是否按键了ESC if (!this.checkFull()) { // 全屏下按键esc后要执行的动作 this.isFullscreen = false } this.isFullscreen=screenfull.isFullscreen this.onchange() }, window.addEventListener("keydown", this.KeyDown, true);//监听按键事件 } } </script> <style lang="less" scoped> .menuOpenDialog{ ::v-deep .el-dialog__body{ padding-top:0; } } </style>

Ignore Space Show notes View

project/hivuiMain/views/layout/index.vue

<template>
    <div v-if="layout == 'level'" class="pl-page" :class="isFullscreen?'showTab':''">
        <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div>
        <Header v-show="!isFullscreen" :hasTitle="hasTitle" :logoWidth="logoWidth" ref="Header" style="box-shadow: 0 5px 7px rgba(221,221,221,0.5);z-index:10"></Header>
        
        <Sidebar ref="Sidebar" :hasTitle="hasTitle" :sideWidth="sideWidth" :totop="totop" style="z-index: 11"></Sidebar>
        <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:toleft, top:totop+'px'}"></Main>
    </div>
    <div v-else class="pl-page" :class="isFullscreen?'showTab':''">
        <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div>
        <Header ref="Header" :logoWidth="logoWidth" v-show="!isFullscreen"></Header>
        <Navbar ref="Navbar" v-show="!isFullscreen"></Navbar>
        <Sidebar ref="Sidebar" v-show="hasQuickNav&&!isFullscreen"></Sidebar>
        <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:hasQuickNav?71:0}"></Main>
    </div>
</template>
<script>
import {baseURL,codeProjectName,requestUrl} from '@main/config'
import {getMenus} from '@main/api/menu'
import {checkUrl} from '@main/utils/index'
import {Header,Navbar,Sidebar,Main} from "./components"
import screenfull from 'screenfull'
// import { setTimeout } from 'timers';
export default {    
    components:{
        Header,Navbar,Sidebar,Main
    },
    provide(){
        let me=this;
        return {
            addTab(item){
                // url,title,uid,callback,nearest                
                // this.addTab(item);//inject 提供的方法只能 传一个参数
                me.addTab(item.ssoUrl||item.resUrl,item.name,item.resId,item.callback,item.nearest,item.openType);
                // me.addTab(url,title,uid,callback,nearest);
            },
            showTab(){
                // console.log('layout index vue : showTab')
                me.showTab();
            },
            hideTab(){
                // console.log('layout index vue : hideTab')
                me.hideTab();
            }
        }
    },
    data(){
        return {
            hasTitle: true,
            toleft: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'141px'):'71px',
            sideWidth: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'140px'):'70px',
            logoWidth:'140px',
            totop: 50,
            isFullscreen: false,
            top: '',
            left: '',
            mainTop: '',
            navTop: '',
            timeout: null,
            sysConfig: this.$store.state.app.config,
        }
    },
    computed:{
        hasQuickNav(){
            return this.$store.getters.navs.length;
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        isTitle(){
            return this.hasTitle;
        }
    },
    methods:{
        addTab(url,title,uid,callback,nearest,openType){
            console.log('layout addTab :',baseURL,codeProjectName,url);
            let __url=url;
            if(!checkUrl(url)){
                //根据setting配置是否带e5
                __url=(window._global?location.origin:window.HIVUI_SETTING.serverUrl)+url;
            }
            if(openType==2){//弹窗
                this.$refs.Main.menuOpenList.push({
                    title:title,
                    url:__url,
                    uid:uid,
                });
            }else if(openType==3){//浏览器标签打开
                window.open(__url,"_blank");
            }else{//主界面框架标签打开
                window.Sys.addTab(__url,title,uid,callback,nearest);
            }
        },
        hideTitle(name){
            this.hasTitle = name;
            this.toleft = name?'71px':'49px';
            this.sideWidth = name?'70px':'48px'
        },
        /**
         * 是否全屏并按键ESC键的方法
         */
        checkFull() {
            var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled
            // to fix : false || undefined == undefined
            if (isFull === undefined) {
                isFull = false
            }
            return isFull
        },
         handleFullScreen(){
            screenfull.toggle()
        },
        onchange(){
            // console.log(this.isFullscreen)
            if(this.isFullscreen==true){
                // this.$refs.Main.isFullscreen = true
                this.$refs.Sidebar.$el.style.top=0
                this.$refs.Sidebar.$el.style.left=0
                this.$refs.Main.$el.style.top=0
                this.$refs.Main.$el.style.left=0
                // console.log('222',this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style)
                this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none'
                this.$refs.Sidebar.$el.style.display = 'none'
                this.$refs.Main.$refs['cmp-tabs'].resize()
            }else{
                // console.log(222)
                // console.log('top',this.top)
                this.$refs['Sidebar'].$el.style.top=this.mainTop+this.navTop+'px'
                this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'
                this.$refs.Sidebar.$el.style.display = 'block'
                if(window.localStorage.getItem('layout') === 'level'){
                    this.$refs['Main'].$el.style.top=this.navTop+'px'
                    this.$refs['Main'].$el.style.left=this.left
                }else{
                    this.$refs['Main'].$el.style.top=this.mainTop+this.navTop+'px'
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+this.navTop+'px'
                    this.$refs['Main'].$el.style.left=this.left
                    this.$refs['Navbar'].$el.style.top=this.navTop+'px'
                    this.$refs.Navbar.$el.style.display='block'
                }
                this.$refs.Main.$refs['cmp-tabs'].resize()
            }
        },
        showTab(){
            if(this.isFullscreen){
                
                clearTimeout(this.timeout);
                this.timeout = setTimeout(()=>{
                    
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+'px'
                    // this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top='50px'
                    // console.log(this.$refs.Main.$el.style.top)
                    
                    if(window.localStorage.getItem('layout') === 'level'){
                        this.$refs.Sidebar.$el.style.display = 'block'
                        this.$refs.Sidebar.$el.style.top = '39px'
                    }else{
                        // this.$refs.Sidebar.$el.style.display = 'block'
                        this.$refs.Navbar.$el.style.display='none';
                        this.$refs.Navbar.$el.style.top=0
                        this.$refs.Navbar.$el.style.display='block'
                    }
                    // this.$refs.Main.$refs['cmp-tabs'].resize()

},0);
            }
        },
        hideTab(){
            if(this.isFullscreen){  
                clearTimeout(this.timeout);
                this.timeout = setTimeout(()=>{
                    this.$refs.Main.$el.style.top=0
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none'
                    if(window.localStorage.getItem('layout') === 'level'){
                        this.$refs.Sidebar.$el.style.display = 'none'
                    }else{
                        this.$refs.Navbar.$el.style.display='none'
                    }
                    // this.$refs.Main.$refs['cmp-tabs'].resize()
                },0);
                
            }
        },
        KeyDown(event) {
            if (event.keyCode === 122) {
                event.returnValue = false;
                this.handleFullScreen();
            }
        }
    },
    created(){
        //单页模式强制左右布局
        if(this.sysConfig.layout){
            if(this.sysConfig.layout=="top"){
                window.localStorage.setItem('layout','vertical');
            }else if(this.sysConfig.layout=="left"){
                window.localStorage.setItem('layout','level');
            }
        }
    },
    mounted(){
        this.navTop = this.$refs.Header.$el.offsetHeight
        this.left = this.$refs.Main.$el.style.left
        console.log('left', this.isFullscreen)
        if(window.localStorage.getItem('layout') === 'level'){
            this.totop = this.$refs.Header.$el.offsetHeight || 50
        }else{
            this.mainTop = this.$refs.Navbar.$el.offsetHeight
            // console.log('mainTop', this.mainTop)
        }
        window.onresize = () => {
            // 全屏下监控是否按键了ESC
            if (!this.checkFull()) {
            // 全屏下按键esc后要执行的动作
                this.isFullscreen = false
            }
            this.isFullscreen=screenfull.isFullscreen
            this.onchange()
        },
        window.addEventListener("keydown", this.KeyDown, true);//监听按键事件
    }
}
</script>
<style lang="less" scoped>
    .menuOpenDialog{
        ::v-deep .el-dialog__body{
            padding-top:0;
        }
    }
</style>

<template>
    <div v-if="layout == 'level'" class="pl-page" :class="isFullscreen?'showTab':''">
        <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div>
        <Header v-show="!isFullscreen" :hasTitle="hasTitle" :logoWidth="logoWidth" ref="Header" style="box-shadow: 0 5px 7px rgba(221,221,221,0.5);z-index:10"></Header>
        
        <Sidebar ref="Sidebar" :hasTitle="hasTitle" :sideWidth="sideWidth" :totop="totop" style="z-index: 11"></Sidebar>
        <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:toleft, top:totop+'px'}"></Main>
    </div>
    <div v-else class="pl-page" :class="isFullscreen?'showTab':''">
        <div style="height: 1px;width: 100%;position: absolute;left: 0;top: 0;z-index: 10000;" @mouseenter="showTab"></div>
        <Header ref="Header" :logoWidth="logoWidth" v-show="!isFullscreen"></Header>
        <Navbar ref="Navbar" v-show="!isFullscreen"></Navbar>
        <Sidebar ref="Sidebar" v-show="hasQuickNav&&!isFullscreen"></Sidebar>
        <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:hasQuickNav?71:0}"></Main>
    </div>
</template>
<script>
import {baseURL,codeProjectName,requestUrl} from '@main/config'
import {getMenus} from '@main/api/menu'
import {checkUrl} from '@main/utils/index'
import {Header,Navbar,Sidebar,Main} from "./components"
import screenfull from 'screenfull'
// import { setTimeout } from 'timers';
export default {    
    components:{
        Header,Navbar,Sidebar,Main
    },
    provide(){
        let me=this;
        return {
            addTab(item){
                // url,title,uid,callback,nearest                
                // this.addTab(item);//inject 提供的方法只能 传一个参数
                me.addTab(item.resUrl,item.name,item.resId,item.callback,item.nearest,item.openType);
                // me.addTab(url,title,uid,callback,nearest);
            },
            showTab(){
                // console.log('layout index vue : showTab')
                me.showTab();
            },
            hideTab(){
                // console.log('layout index vue : hideTab')
                me.hideTab();
            }
        }
    },
    data(){
        return {
            hasTitle: true,
            toleft: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'141px'):'71px',
            sideWidth: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'140px'):'70px',
            logoWidth:'140px',
            totop: 50,
            isFullscreen: false,
            top: '',
            left: '',
            mainTop: '',
            navTop: '',
            timeout: null,
            sysConfig: this.$store.state.app.config,
        }
    },
    computed:{
        hasQuickNav(){
            return this.$store.getters.navs.length;
        },
        layout(){
            return window.localStorage.getItem('layout');
        },
        isTitle(){
            return this.hasTitle;
        }
    },
    methods:{
        addTab(url,title,uid,callback,nearest,openType){
            console.log('layout addTab :',baseURL,codeProjectName,url);
            let __url=url;
            if(!checkUrl(url)){
                //根据setting配置是否带e5
                __url=(window._global?location.origin:window.HIVUI_SETTING.serverUrl)+url;
            }
            if(openType==2){//弹窗
                this.$refs.Main.menuOpenList.push({
                    title:title,
                    url:__url,
                    uid:uid,
                });
            }else if(openType==3){//浏览器标签打开
                window.open(__url,"_blank");
            }else{//主界面框架标签打开
                window.Sys.addTab(__url,title,uid,callback,nearest);
            }
        },
        hideTitle(name){
            this.hasTitle = name;
            this.toleft = name?'71px':'49px';
            this.sideWidth = name?'70px':'48px'
        },
        /**
         * 是否全屏并按键ESC键的方法
         */
        checkFull() {
            var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled
            // to fix : false || undefined == undefined
            if (isFull === undefined) {
                isFull = false
            }
            return isFull
        },
         handleFullScreen(){
            screenfull.toggle()
        },
        onchange(){
            // console.log(this.isFullscreen)
            if(this.isFullscreen==true){
                // this.$refs.Main.isFullscreen = true
                this.$refs.Sidebar.$el.style.top=0
                this.$refs.Sidebar.$el.style.left=0
                this.$refs.Main.$el.style.top=0
                this.$refs.Main.$el.style.left=0
                // console.log('222',this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style)
                this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none'
                this.$refs.Sidebar.$el.style.display = 'none'
                this.$refs.Main.$refs['cmp-tabs'].resize()
            }else{
                // console.log(222)
                // console.log('top',this.top)
                this.$refs['Sidebar'].$el.style.top=this.mainTop+this.navTop+'px'
                this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'
                this.$refs.Sidebar.$el.style.display = 'block'
                if(window.localStorage.getItem('layout') === 'level'){
                    this.$refs['Main'].$el.style.top=this.navTop+'px'
                    this.$refs['Main'].$el.style.left=this.left
                }else{
                    this.$refs['Main'].$el.style.top=this.mainTop+this.navTop+'px'
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+this.navTop+'px'
                    this.$refs['Main'].$el.style.left=this.left
                    this.$refs['Navbar'].$el.style.top=this.navTop+'px'
                    this.$refs.Navbar.$el.style.display='block'
                }
                this.$refs.Main.$refs['cmp-tabs'].resize()
            }
        },
        showTab(){
            if(this.isFullscreen){
                
                clearTimeout(this.timeout);
                this.timeout = setTimeout(()=>{
                    
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'
                    this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+'px'
                    // this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top='50px'
                    // console.log(this.$refs.Main.$el.style.top)
                    
                    if(window.localStorage.getItem('layout') === 'level'){
                        this.$refs.Sidebar.$el.style.display = 'block'
                        this.$refs.Sidebar.$el.style.top = '39px'
                    }else{
                        // this.$refs.Sidebar.$el.style.display = 'block'
                        this.$refs.Navbar.$el.style.display='none';
                        this.$refs.Navbar.$el.style.top=0
                        this.$refs.Navbar.$el.style.display='block'
                    }
                    // this.$refs.Main.$refs['cmp-tabs'].resize()

Ignore Space Show notes View project/hivuiStudio/index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="${serverPath}/render/admin/eap5csxm/setting/desktop/appsetting.js" type="text/javascript"></script> <script src="${serverPath}/render/admin/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="/eap5csxm/setting/desktop/development.js" type="text/javascript"></script> <script src="/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> <script src="/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> </head> <body> <div id="app"> </div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script> <%}%> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="${serverPath}/render/admin/eap5csxm/setting/desktop/appsetting.js" type="text/javascript"></script> <script src="${serverPath}/render/admin/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui2.15.3/index.css"> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="/eap5csxm/setting/desktop/development.js" type="text/javascript"></script> <script src="/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> </head> <body> <div id="app"> </div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script> <%}%> </body> </html>

Ignore Space Show notes View

project/hivuiStudio/index.html

<!DOCTYPE html>
<html lang="en">

<% if(!htmlWebpackPlugin.vite){%>
	
	<link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
	<script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
	<script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
	<script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
	<script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>
	<script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script>
    <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script>
	
	<%}%>
	
	<% if(htmlWebpackPlugin.vite){%>

<body>
<div id="app">
</div>
	<% if(htmlWebpackPlugin.vite==true){%>
	<script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script>
	<%}%>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<body>
<div id="app">
</div>
	<% if(htmlWebpackPlugin.vite==true){%>
	<script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script>
	<%}%>
</body>

</html>

Ignore Space Show notes View project/hivuiStudio/index.js
import Vue from 'vue'; // import ElementUI from 'element-ui'; import App from "./index.vue"; import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; import 'zhc-visualstudio/lib/zhc-visualstudio.css' import { VisualStudioStore as store} from "zhc-visualstudio"; import VisualStudioLayout from "zhc-visualstudio"; //Vue.directive('el-drag-dialog', elDragDialog);//添加标签事件绑定可以放大移动弹窗 //Vue.component("AttrPanel", AttrPanel); Vue.use(zhcflowchart); Vue.use(VisualStudioLayout); if(process.env.hiui_debug){ //这样多次引用element //hiui调试时用 //Vue.use(ELEMENT) } Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import contentmenu from "v-contextmenu"; Vue.use(contentmenu); new Vue({ el: '#app', store, render: h => h(App) }) // import Vue from 'vue'; // import ElementUI from 'element-ui'; import App from "./index.vue"; import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; import 'zhc-visualstudio/lib/zhc-visualstudio.css' import { VisualStudioStore as store, AttrPanel, elDragDialog } from "zhc-visualstudio"; import VisualStudioLayout from "zhc-visualstudio"; Vue.directive('el-drag-dialog', elDragDialog);//添加标签事件绑定可以放大移动弹窗 Vue.component("AttrPanel", AttrPanel); Vue.use(zhcflowchart); Vue.use(VisualStudioLayout); if(process.env.hiui_debug){ //这样多次引用element //hiui调试时用 Vue.use(ELEMENT) } Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import contentmenu from "v-contextmenu"; Vue.use(contentmenu) new Vue({ el: '#app', store, render: h => h(App) })

Ignore Space Show notes View

project/hivuiStudio/index.js

Ignore Space Show notes View project/lang/desktop/hi-ui/zh-CN.language 0 → 100644
hi_common_cancel=取消 hi_common_confirm=确定 hi_query_all=全部 hi_query_noempty=不能为空！ hi_query_sysscheme=系统方案 hi_query_reset=重置 hi_query_btnname=查询 hi_query_more=更多 hi_order_defaultall=综合 hi_timescheme_month=本月 hi_timescheme_yeartonow=今年至今 hi_timescheme_last6month=最近六个月 hi_timescheme_today=本日 hi_timescheme_yesterday=昨日 hi_timescheme_last7days=近7天 hi_timescheme_last28days=近28天 hi_timescheme_yesterday=昨日 hi_timescheme_last84days=近84天 hi_timescheme_startdate=开始日期 hi_timescheme_enddate=结束日期 hi_timescheme_year=本年度 hi_timescheme_week=本周 hi_timescheme_quarter=本季度 hi_timescheme_split=到 hi_timescheme_halfyear=近半年 hi_timescheme_oneyear=近一年 hi_treequery_placeholder=输入关键字进行过滤 hi_numberrange_splitstr=到 hi_datalist_nodata=暂无数据！ hi_importexcel_uploadname=Excel上传 hi_importexcel_templatename=模板下载 hi_importexcel_noallowfile=不支持上传{0}格式! hi_importexcel_limitfilesize=限制上传文件大小为{0}M! hi_exportexcel_exportname=Excel导出 hi_exportexcel_buildfile=文件生成中 hi_exportexcel_isdownload=是否取消文件下载? hi_exportexcel_tip=提示 hi_exportexcel_confirm=确定 hi_exportexcel_cancel=取消 hi_exportexcel_builddatacomplate=数据生成完成！ hi_expression_close=关闭 hi_expression_confirm=关闭 hi_expression_dialogname=表达式 hi_page_confirm=确定 hi_page_cancel=取消 hi_page_prompt=提示 hi_page_cannotBeNull=不能为空 hi_page_outOfRange=输入的字符超出 hi_page_dataPromptNotSubmitted=检测到有未提交的数据,是否还原 hi_page_dataNotModified=数据未修改 hi_page_initializing=正在初始化.. hi_table_file=个文件 hi_table_index=序号 hi_table_operate=操作 hi_table_add=新增 hi_table_del=删除 hi_table_addsub=新增子节点 hi_table_emptyText=暂无数据 hi_table_confirmFilter=筛选 hi_table_resetFilter=重置 hi_table_clearFilter=全部 hi_table_sumText=合计 hi_messagebox_title=提示 hi_messagebox_confirm=确定 hi_messagebox_cancel=取消 hi_toolbar_add=添加 hi_toolbar_del=删除 hi_toolbar_reset=取消 hi_toolbar_save=保存 hi_toolbar_submit=提交 hi_toolbar_callout=调单 hi_toolbar_nexttache=流转 hi_toolbar_backtache=回退 hi_toolbar_signout=加签 hi_toolbar_processSign=处理加签 hi_toolbar_turnOut=转办 hi_toolbar_terminate=终止 hi_toolbar_umpire=反审 hi_toolbar_monitor=流程监控 hi_toolbar_savesuccess=数据保存成功 hi_toolbar_limitequals=请选择相同的: hi_toolbar_limitnoequals=请选择不同的: hi_toolbar_limitnoequals1=相同记录已跳过！ hi_toolbar_finished=流程结束 hi_toolbar_actors=下个执行者 hi_toolbar_loader=数据处理中... hi_toolbar_agree=同意 hi_toolbar_disagree=不同意 hi_toolbar_selectOneError=至少选择一个执行者！ hi_toolbar_removeallhint=确定要删除所有记录吗？ hi_toolbar_cancelhint=确定要取消吗？ hi_toolbar_umpirehint=确定要启用反审吗？ hi_toolbar_savehint=数据未保存，是否保存数据? hi_toolbar_circulationway=返回方式 hi_toolbar_circulationway_default=重新流转 hi_toolbar_circulationway_again=原路返回 hi_toolbar_performType=原路返回 hi_toolbar_performType1=独占 hi_toolbar_performType2=会签 hi_toolbar_performType3=顺序 hi_toolbar_signType_BeforSign=前加签 hi_toolbar_signType_AfterSign=后加签 hi_toolbar_approvecomments=审批意见 hi_toolbar_assigneeLabel=额外办理人 hi_toolbar_previousName=上一节点 hi_toolbar_processor=处理人 hi_toolbar_previousCount=节点处理人：共 hi_toolbar_previousCount2=人审批 hi_toolbar_processortime=处理时间 hi_toolbar_username=用户名 hi_toolbar_userid=用户ID hi_toolbar_userorgname=编制名 hi_toolbar_bzid=编制ID hi_toolbar_collapse=收起 hi_toolbar_expand=展开 hi_form_required=必填！ hi_tree_search=输入关键字进行过滤 hi_tree_addPeerBtn=添加同级 hi_tree_add=添加 hi_tree_edit=编辑 hi_tree_del=删除 hi_tree_noNode=节点不存在 hi_tree_removehint=请先删除子节点！ hi_calendar_add=新增日程 hi_calendar_refresh=刷新 hi_calendar_month=月 hi_calendar_week=周 hi_calendar_day=日 hi_calendar_between=到 hi_calendar_prevMonth=上个月 hi_calendar_nextMonth=下个月 hi_calendar_today=今天 hi_select_placeholder=请选择 hi_selectGrid_queryname=请输入关键词 hi_dataSelect_hasselect=当前记录已选！ hi_dataSelect_selectOneError=至少选择一条记录! hi_dataSelect_Loading=数据加载中... hi_dataSelect_selectall=全选 hi_dataSelect_clear=清空 hi_dataSelect_selectAdd=添加选中 hi_dataSelect_selectclear=删除选中 hi_dataSelect_queryCdionsNull=明细条件未传！ hi_dataSelect_numberFieldNull=未配置单号! hi_dataSelect_nosoucredataset=来源数据集不存在 hi_dataSelect_noin=数据不在查找范围内！ hi_upload_deleteTip=按 delete 键可删除 hi_upload_uploadName=点击上传 hi_upload_delete=删除 hi_upload_removeall=清空 hi_upload_preview=查看图片 hi_upload_continue=继续上传 hi_upload_limit=当前限制选择{0}个文件，本次选择了{1}个文件，共选择了{2}个文件 hi_upload_fileExtension=后缀为 hi_upload_limitcount=数量不超过{0}个 hi_upload_fileSize=大小不超过{0}M hi_upload_hint=只能上传[ {0} ]文件 hi_upload_fileExtensionLimit=不支持上传{0}格式! hi_upload_files=个文件 hi_mapSelect_translate=坐标转换失败！ hi_page_pageInit=没有找到初始化接口配置,请在环境配置中新增pageInitUrl节点配置 hi_page_pagecontrolstate=页面控件状态 hi_monitor_approvalRecord=审批记录 hi_monitor_flow=流程 hi_monitor_displayname=流程名称 hi_monitor_ordernumber=流程编号 hi_monitor_createtime=创建时间 hi_monitor_finishtime=完成时间 hi_monitor_flowstate=流程状态 hi_monitor_finish=已完成 hi_monitor_taskname=任务名称 hi_monitor_noReceived=未接收 hi_monitor_timeConsuming=耗时 hi_monitor_approver=审批人 hi_monitor_processingStatus=处理状态 hi_monitor_processe=需处理 hi_monitor_postscript=附言 hi_monitor_flowchart=流程图 hi_monitor_processed=已处理 hi_monitor_back=回退 hi_monitor_sysAuto=系统自动流转 hi_monitor_terminate=终止 hi_monitor_cancel=取消 hi_monitor_transfer=转办 hi_monitor_taskWithdraw=任务撤回 hi_monitor_tsBeforSigning=前加签中 hi_monitor_tsAfterSigning=后加签中 hi_monitor_tsBeforSignDW=前加签处理 hi_monitor_tsAfterSignDW=后加签处理 hi_monitor_tsBeforSigned=已前加签 hi_monitor_tsAfterSigned=已后加签 hi_monitor_day=天 hi_monitor_hour=小时 hi_monitor_Min=分 hi_monitor_second=秒 hi_taskcenter_myTasks=我的任务 hi_taskcenter_query=查询 hi_taskcenter_reset=重置 hi_taskcenter_operate=操作 hi_taskcenter_batchProcessing=批处理 hi_taskcenter_flowOut=流转 hi_taskcenter_flowBack=回退 hi_taskcenter_process=处理 hi_taskcenter_view=查看 hi_taskcenter_fwithdraw=撤回 hi_taskcenter_originator=发起人 hi_taskcenter_approver=审批人 hi_taskcenter_urgent=急 hi_taskcenter_back=退 hi_taskcenter_summary=流程摘要 hi_taskcenter_summaryinfo=流程摘要信息 hi_taskcenter_task=任务 hi_taskcenter_createtime=创建时间 hi_taskcenter_finishtime=完成时间 hi_taskcenter_monitor=流程监控 hi_taskcenter_batchTitle=任务批处理({0}) hi_taskcenter_batchtip=任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。 hi_taskcenter_number=单号 hi_taskcenter_flowname=流程名称 hi_taskcenter_taskname=任务名称 hi_taskcenter_detailMsg=处理结果 hi_taskcenter_untreated=未处理 hi_taskcenter_processed=已处理 hi_taskcenter_completed=已完成 hi_taskcenter_displayname=环节名称 hi_taskcenter_fordernumber=流程单号 hi_taskcenter_fusername=编制ID hi_taskcenter_withdrawinfo=是否撤回任务？ hi_taskcenter_confirmtitle=确认信息 hi_taskcenter_processSuccess=处理成功 hi_taskcenter_oneselect=请至少选择一条单据!

Ignore Space Show notes View

project/lang/desktop/hi-ui/zh-CN.language 0 → 100644

hi_common_cancel=取消
hi_common_confirm=确定

hi_query_all=全部
hi_query_noempty=不能为空！
hi_query_sysscheme=系统方案
hi_query_reset=重置
hi_query_btnname=查询
hi_query_more=更多
hi_order_defaultall=综合
hi_timescheme_month=本月
hi_timescheme_yeartonow=今年至今
hi_timescheme_last6month=最近六个月
hi_timescheme_today=本日
hi_timescheme_yesterday=昨日
hi_timescheme_last7days=近7天
hi_timescheme_last28days=近28天
hi_timescheme_yesterday=昨日
hi_timescheme_last84days=近84天
hi_timescheme_startdate=开始日期
hi_timescheme_enddate=结束日期
hi_timescheme_year=本年度
hi_timescheme_week=本周
hi_timescheme_quarter=本季度
hi_timescheme_split=到
hi_timescheme_halfyear=近半年
hi_timescheme_oneyear=近一年
hi_treequery_placeholder=输入关键字进行过滤
hi_numberrange_splitstr=到
hi_datalist_nodata=暂无数据！
hi_importexcel_uploadname=Excel上传
hi_importexcel_templatename=模板下载
hi_importexcel_noallowfile=不支持上传{0}格式!
hi_importexcel_limitfilesize=限制上传文件大小为{0}M!
hi_exportexcel_exportname=Excel导出
hi_exportexcel_buildfile=文件生成中
hi_exportexcel_isdownload=是否取消文件下载?
hi_exportexcel_tip=提示
hi_exportexcel_confirm=确定
hi_exportexcel_cancel=取消
hi_exportexcel_builddatacomplate=数据生成完成！
hi_expression_close=关闭
hi_expression_confirm=关闭
hi_expression_dialogname=表达式

hi_page_confirm=确定
hi_page_cancel=取消
hi_page_prompt=提示
hi_page_cannotBeNull=不能为空
hi_page_outOfRange=输入的字符超出
hi_page_dataPromptNotSubmitted=检测到有未提交的数据,是否还原
hi_page_dataNotModified=数据未修改
hi_page_initializing=正在初始化..

hi_table_file=个文件
hi_table_index=序号
hi_table_operate=操作
hi_table_add=新增
hi_table_del=删除
hi_table_addsub=新增子节点
hi_table_emptyText=暂无数据
hi_table_confirmFilter=筛选
hi_table_resetFilter=重置
hi_table_clearFilter=全部
hi_table_sumText=合计

hi_messagebox_title=提示
hi_messagebox_confirm=确定
hi_messagebox_cancel=取消

hi_toolbar_add=添加
hi_toolbar_del=删除
hi_toolbar_reset=取消
hi_toolbar_save=保存
hi_toolbar_submit=提交
hi_toolbar_callout=调单
hi_toolbar_nexttache=流转
hi_toolbar_backtache=回退
hi_toolbar_signout=加签
hi_toolbar_processSign=处理加签
hi_toolbar_turnOut=转办
hi_toolbar_terminate=终止
hi_toolbar_umpire=反审
hi_toolbar_monitor=流程监控
hi_toolbar_savesuccess=数据保存成功
hi_toolbar_limitequals=请选择相同的:
hi_toolbar_limitnoequals=请选择不同的:
hi_toolbar_limitnoequals1=相同记录已跳过！
hi_toolbar_finished=流程结束
hi_toolbar_actors=下个执行者
hi_toolbar_loader=数据处理中...
hi_toolbar_agree=同意
hi_toolbar_disagree=不同意
hi_toolbar_selectOneError=至少选择一个执行者！
hi_toolbar_removeallhint=确定要删除所有记录吗？
hi_toolbar_cancelhint=确定要取消吗？
hi_toolbar_umpirehint=确定要启用反审吗？
hi_toolbar_savehint=数据未保存，是否保存数据?
hi_toolbar_circulationway=返回方式
hi_toolbar_circulationway_default=重新流转
hi_toolbar_circulationway_again=原路返回
hi_toolbar_performType=原路返回
hi_toolbar_performType1=独占
hi_toolbar_performType2=会签
hi_toolbar_performType3=顺序
hi_toolbar_signType_BeforSign=前加签
hi_toolbar_signType_AfterSign=后加签
hi_toolbar_approvecomments=审批意见
hi_toolbar_assigneeLabel=额外办理人
hi_toolbar_previousName=上一节点
hi_toolbar_processor=处理人
hi_toolbar_previousCount=节点处理人：共
hi_toolbar_previousCount2=人审批
hi_toolbar_processortime=处理时间
hi_toolbar_username=用户名
hi_toolbar_userid=用户ID
hi_toolbar_userorgname=编制名
hi_toolbar_bzid=编制ID
hi_toolbar_collapse=收起
hi_toolbar_expand=展开

hi_form_required=必填！

hi_tree_search=输入关键字进行过滤
hi_tree_addPeerBtn=添加同级
hi_tree_add=添加
hi_tree_edit=编辑
hi_tree_del=删除
hi_tree_noNode=节点不存在
hi_tree_removehint=请先删除子节点！

hi_calendar_add=新增日程
hi_calendar_refresh=刷新
hi_calendar_month=月
hi_calendar_week=周
hi_calendar_day=日
hi_calendar_between=到
hi_calendar_prevMonth=上个月
hi_calendar_nextMonth=下个月
hi_calendar_today=今天

hi_select_placeholder=请选择

hi_selectGrid_queryname=请输入关键词

hi_dataSelect_hasselect=当前记录已选！
hi_dataSelect_selectOneError=至少选择一条记录!
hi_dataSelect_Loading=数据加载中...
hi_dataSelect_selectall=全选
hi_dataSelect_clear=清空
hi_dataSelect_selectAdd=添加选中
hi_dataSelect_selectclear=删除选中
hi_dataSelect_queryCdionsNull=明细条件未传！
hi_dataSelect_numberFieldNull=未配置单号!
hi_dataSelect_nosoucredataset=来源数据集不存在
hi_dataSelect_noin=数据不在查找范围内！

hi_upload_deleteTip=按 delete 键可删除
hi_upload_uploadName=点击上传
hi_upload_delete=删除
hi_upload_removeall=清空
hi_upload_preview=查看图片
hi_upload_continue=继续上传
hi_upload_limit=当前限制选择{0}个文件，本次选择了{1}个文件，共选择了{2}个文件
hi_upload_fileExtension=后缀为
hi_upload_limitcount=数量不超过{0}个
hi_upload_fileSize=大小不超过{0}M
hi_upload_hint=只能上传[ {0} ]文件
hi_upload_fileExtensionLimit=不支持上传{0}格式!
hi_upload_files=个文件

hi_mapSelect_translate=坐标转换失败！

hi_page_pageInit=没有找到初始化接口配置,请在环境配置中新增pageInitUrl节点配置
hi_page_pagecontrolstate=页面控件状态

hi_monitor_approvalRecord=审批记录
hi_monitor_flow=流程
hi_monitor_displayname=流程名称
hi_monitor_ordernumber=流程编号
hi_monitor_createtime=创建时间
hi_monitor_finishtime=完成时间
hi_monitor_flowstate=流程状态
hi_monitor_finish=已完成
hi_monitor_taskname=任务名称
hi_monitor_noReceived=未接收
hi_monitor_timeConsuming=耗时
hi_monitor_approver=审批人
hi_monitor_processingStatus=处理状态
hi_monitor_processe=需处理
hi_monitor_postscript=附言
hi_monitor_flowchart=流程图
hi_monitor_processed=已处理
hi_monitor_back=回退
hi_monitor_sysAuto=系统自动流转
hi_monitor_terminate=终止
hi_monitor_cancel=取消
hi_monitor_transfer=转办
hi_monitor_taskWithdraw=任务撤回
hi_monitor_tsBeforSigning=前加签中
hi_monitor_tsAfterSigning=后加签中
hi_monitor_tsBeforSignDW=前加签处理
hi_monitor_tsAfterSignDW=后加签处理
hi_monitor_tsBeforSigned=已前加签
hi_monitor_tsAfterSigned=已后加签
hi_monitor_day=天
hi_monitor_hour=小时
hi_monitor_Min=分
hi_monitor_second=秒

hi_taskcenter_myTasks=我的任务
hi_taskcenter_query=查询
hi_taskcenter_reset=重置
hi_taskcenter_operate=操作
hi_taskcenter_batchProcessing=批处理
hi_taskcenter_flowOut=流转
hi_taskcenter_flowBack=回退
hi_taskcenter_process=处理
hi_taskcenter_view=查看
hi_taskcenter_fwithdraw=撤回
hi_taskcenter_originator=发起人
hi_taskcenter_approver=审批人
hi_taskcenter_urgent=急
hi_taskcenter_back=退
hi_taskcenter_summary=流程摘要
hi_taskcenter_summaryinfo=流程摘要信息
hi_taskcenter_task=任务
hi_taskcenter_createtime=创建时间
hi_taskcenter_finishtime=完成时间
hi_taskcenter_monitor=流程监控
hi_taskcenter_batchTitle=任务批处理({0})
hi_taskcenter_batchtip=任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。
hi_taskcenter_number=单号
hi_taskcenter_flowname=流程名称
hi_taskcenter_taskname=任务名称
hi_taskcenter_detailMsg=处理结果
hi_taskcenter_untreated=未处理
hi_taskcenter_processed=已处理
hi_taskcenter_completed=已完成
hi_taskcenter_displayname=环节名称
hi_taskcenter_fordernumber=流程单号
hi_taskcenter_fusername=编制ID
hi_taskcenter_withdrawinfo=是否撤回任务？
hi_taskcenter_confirmtitle=确认信息
hi_taskcenter_processSuccess=处理成功
hi_taskcenter_oneselect=请至少选择一条单据!

Ignore Space Show notes View project/lang/desktop/hi-ui/zh-CN.js → project/lang/desktop/hi-ui/zh-CN1111.js
var GLOBAL_LANG_HIUI = { "hi_common_cancel": "取消", "hi_common_confirm": "确定", "hi_query_all": '全部', "hi_query_noempty": "不能为空！", "hi_query_sysscheme": "系统方案", "hi_query_reset": "重置", "hi_query_btnname": "查询", "hi_query_more": "更多", "hi_order_defaultall": "综合", "hi_timescheme_month": '本月', "hi_timescheme_yeartonow": "今年至今", "hi_timescheme_last6month": "最近六个月", "hi_timescheme_today": "本日", "hi_timescheme_yesterday": "昨日", "hi_timescheme_last7days": "近7天", "hi_timescheme_last28days": "近28天", "hi_timescheme_yesterday": "昨日", "hi_timescheme_last84days": "近84天", "hi_timescheme_startdate": "开始日期", "hi_timescheme_enddate": "结束日期", "hi_timescheme_year": "本年度", "hi_timescheme_week": "本周", "hi_timescheme_quarter": "本季度", "hi_timescheme_split": "到", "hi_timescheme_halfyear": "近半年", "hi_timescheme_oneyear": "近一年", "hi_treequery_placeholder": "输入关键字进行过滤", "hi_numberrange_splitstr": "到", "hi_datalist_nodata": "暂无数据！", "hi_importexcel_uploadname": "Excel上传", "hi_importexcel_templatename": "模板下载", "hi_importexcel_noallowfile": "不支持上传{0}格式!", "hi_importexcel_limitfilesize": "限制上传文件大小为{0}M!", "hi_exportexcel_exportname": "Excel导出", "hi_exportexcel_buildfile": "文件生成中", "hi_exportexcel_isdownload": "是否取消文件下载?", "hi_exportexcel_tip": "提示", "hi_exportexcel_confirm": "确定", "hi_exportexcel_cancel": "取消", "hi_exportexcel_builddatacomplate": "数据生成完成！", "hi_expression_close": "关闭", "hi_expression_confirm": "关闭", "hi_expression_dialogname": "表达式", "hi_page_confirm": "确定", "hi_page_cancel": "取消", "hi_page_prompt": "提示", "hi_page_cannotBeNull": "不能为空", "hi_page_outOfRange": "输入的字符超出", "hi_page_dataPromptNotSubmitted": "检测到有未提交的数据,是否还原", "hi_page_dataNotModified":"数据未修改", "hi_page_initializing":"正在初始化..", "hi_table_file": "个文件", "hi_table_index": "序号", "hi_table_operate": "操作", "hi_table_add": "新增", "hi_table_del": "删除", "hi_table_addsub": "新增子节点", "hi_table_emptyText": "暂无数据", "hi_table_confirmFilter": "筛选", "hi_table_resetFilter": "重置", "hi_table_clearFilter": "全部", "hi_table_sumText": "合计", "hi_messagebox_title": "提示", "hi_messagebox_confirm": "确定", "hi_messagebox_cancel": "取消", "hi_toolbar_add": "添加", "hi_toolbar_del": "删除", "hi_toolbar_reset": "取消", "hi_toolbar_save": "保存", "hi_toolbar_submit": "提交", "hi_toolbar_callout": "调单", "hi_toolbar_nexttache": "流转", "hi_toolbar_backtache": "回退", "hi_toolbar_signout": "加签", "hi_toolbar_processSign": "处理加签", "hi_toolbar_turnOut": "转办", "hi_toolbar_terminate": "终止", "hi_toolbar_umpire": "反审", "hi_toolbar_monitor": "流程监控", "hi_toolbar_savesuccess": "数据保存成功", "hi_toolbar_limitequals": "请选择相同的:", "hi_toolbar_limitnoequals": "请选择不同的:", "hi_toolbar_limitnoequals1": "相同记录已跳过！", "hi_toolbar_finished": "流程结束", "hi_toolbar_actors": "下个执行者", "hi_toolbar_loader": "数据处理中...", "hi_toolbar_agree": "同意", "hi_toolbar_disagree": "不同意", "hi_toolbar_selectOneError": "至少选择一个执行者！", "hi_toolbar_removeallhint": "确定要删除所有记录吗？", "hi_toolbar_cancelhint": "确定要取消吗？", "hi_toolbar_umpirehint": "确定要启用反审吗？", "hi_toolbar_savehint": "数据未保存，是否保存数据?", "hi_toolbar_circulationway": "返回方式", "hi_toolbar_circulationway_default": "重新流转", "hi_toolbar_circulationway_again": "原路返回", "hi_toolbar_performType": "原路返回", "hi_toolbar_performType1": "独占", "hi_toolbar_performType2": "会签", "hi_toolbar_performType3": "顺序", "hi_toolbar_signType_BeforSign": "前加签", "hi_toolbar_signType_AfterSign": "后加签", "hi_toolbar_approvecomments": "审批意见", "hi_toolbar_assigneeLabel": "额外办理人", "hi_toolbar_previousName": "上一节点", "hi_toolbar_processor": "处理人", "hi_toolbar_previousCount": "节点处理人：共", "hi_toolbar_previousCount2": "人审批", "hi_toolbar_processortime": "处理时间", "hi_toolbar_username": "用户名", "hi_toolbar_userid": "用户ID", "hi_toolbar_userorgname": "编制名", "hi_toolbar_bzid": "编制ID", "hi_toolbar_collapse": "收起", "hi_toolbar_expand": "展开", "hi_form_required": " 必填！", "hi_tree_search": "输入关键字进行过滤", "hi_tree_addPeerBtn": "添加同级", "hi_tree_add": "添加", "hi_tree_edit": "编辑", "hi_tree_del": "删除", "hi_tree_noNode": "节点不存在", "hi_tree_removehint": "请先删除子节点！", "hi_calendar_add": "新增日程", "hi_calendar_refresh": "刷新", "hi_calendar_month": "月", "hi_calendar_week": "周", "hi_calendar_day": "日", "hi_calendar_between": "到", "hi_calendar_prevMonth": '上个月', "hi_calendar_nextMonth": '下个月', "hi_calendar_today": '今天', "hi_select_placeholder": "请选择", "hi_selectGrid_queryname": "请输入关键词", "hi_dataSelect_hasselect": "当前记录已选！", "hi_dataSelect_selectOneError": "至少选择一条记录!", "hi_dataSelect_Loading": "数据加载中...", "hi_dataSelect_selectall": "全选", "hi_dataSelect_clear": "清空", "hi_dataSelect_selectAdd": "添加选中", "hi_dataSelect_selectclear": "删除选中", "hi_dataSelect_queryCdionsNull": "明细条件未传！", "hi_dataSelect_numberFieldNull": "未配置单号!", "hi_dataSelect_nosoucredataset": "来源数据集不存在", "hi_dataSelect_noin": "数据不在查找范围内！", "hi_upload_deleteTip": '按 delete 键可删除', "hi_upload_uploadName": "点击上传", "hi_upload_delete": '删除', "hi_upload_removeall": '清空', "hi_upload_preview": '查看图片', "hi_upload_continue": '继续上传', "hi_upload_limit": "当前限制选择{0}个文件，本次选择了{1}个文件，共选择了{2}个文件", "hi_upload_fileExtension": "后缀为", "hi_upload_limitcount": "数量不超过{0}个", "hi_upload_fileSize": "大小不超过{0}M", "hi_upload_hint": "只能上传[ {0} ]文件", "hi_upload_fileExtensionLimit": "不支持上传{0}格式!", "hi_upload_files": "个文件", "hi_mapSelect_translate": "坐标转换失败！", "hi_page_pageInit": "没有找到初始化接口配置,请在环境配置中新增pageInitUrl节点配置", "hi_page_pagecontrolstate": "页面控件状态", "hi_monitor_approvalRecord": "审批记录", "hi_monitor_flow": "流程", "hi_monitor_displayname": "流程名称", "hi_monitor_ordernumber": "流程编号", "hi_monitor_createtime": "创建时间", "hi_monitor_finishtime": "完成时间", "hi_monitor_flowstate": "流程状态", "hi_monitor_finish": "已完成", "hi_monitor_taskname": "任务名称", "hi_monitor_noReceived": "未接收", "hi_monitor_timeConsuming": "耗时", "hi_monitor_approver": "审批人", "hi_monitor_processingStatus": "处理状态", "hi_monitor_processe": "需处理", "hi_monitor_postscript": "附言", "hi_monitor_flowchart": "流程图", "hi_monitor_processed": "已处理", "hi_monitor_back": "回退", "hi_monitor_sysAuto": "系统自动流转", "hi_monitor_terminate": "终止", "hi_monitor_cancel": "取消", "hi_monitor_transfer": "转办", "hi_monitor_taskWithdraw": "任务撤回", "hi_monitor_tsBeforSigning": "前加签中", "hi_monitor_tsAfterSigning": "后加签中", "hi_monitor_tsBeforSignDW": "前加签处理", "hi_monitor_tsAfterSignDW": "后加签处理", "hi_monitor_tsBeforSigned": "已前加签", "hi_monitor_tsAfterSigned": "已后加签", "hi_monitor_day": "天", "hi_monitor_hour": "小时", "hi_monitor_Min": "分", "hi_monitor_second": "秒", "hi_taskcenter_myTasks": "我的任务", "hi_taskcenter_query": "查询", "hi_taskcenter_reset": "重置", "hi_taskcenter_operate": "操作", "hi_taskcenter_batchProcessing": "批处理", "hi_taskcenter_flowOut": "流转", "hi_taskcenter_flowBack": "回退", "hi_taskcenter_process": "处理", "hi_taskcenter_view": "查看", "hi_taskcenter_fwithdraw": "撤回", "hi_taskcenter_originator": "发起人", "hi_taskcenter_approver": "审批人", "hi_taskcenter_urgent": "急", "hi_taskcenter_back": "退", "hi_taskcenter_summary": "流程摘要", "hi_taskcenter_summaryinfo": "流程摘要信息", "hi_taskcenter_task": "任务", "hi_taskcenter_createtime": "创建时间", "hi_taskcenter_finishtime": "完成时间", "hi_taskcenter_monitor": "流程监控", "hi_taskcenter_batchTitle": "任务批处理({0})", "hi_taskcenter_batchtip": "任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。", "hi_taskcenter_number": "单号", "hi_taskcenter_flowname": "流程名称", "hi_taskcenter_taskname": "任务名称", "hi_taskcenter_detailMsg": "处理结果", "hi_taskcenter_untreated": "未处理", "hi_taskcenter_processed": "已处理", "hi_taskcenter_completed": "已完成", "hi_taskcenter_displayname": "环节名称", "hi_taskcenter_fordernumber": "流程单号", "hi_taskcenter_fusername": "编制ID", "hi_taskcenter_withdrawinfo": "是否撤回任务？", "hi_taskcenter_confirmtitle": "确认信息", "hi_taskcenter_processSuccess": "处理成功", "hi_taskcenter_oneselect": "请至少选择一条单据!", } var GLOBAL_LANG_HIUI = { "hi_common_cancel": "取消", "hi_common_confirm": "确定", //03472 //03472 "hi_query_all": '全部', "hi_query_noempty": "不能为空！", "hi_query_sysscheme": "系统方案", "hi_query_reset": "重置", "hi_query_btnname": "查询", "hi_query_more": "更多", "hi_order_defaultall": "综合", "hi_timescheme_month": '本月', "hi_timescheme_yeartonow": "今年至今", "hi_timescheme_last6month": "最近六个月", "hi_timescheme_today": "本日", "hi_timescheme_yesterday": "昨日", "hi_timescheme_last7days": "近7天", "hi_timescheme_last28days": "近28天", "hi_timescheme_yesterday": "昨日", "hi_timescheme_last84days": "近84天", "hi_timescheme_startdate": "开始日期", "hi_timescheme_enddate": "结束日期", "hi_timescheme_year": "本年度", "hi_timescheme_week": "本周", "hi_timescheme_quarter": "本季度", "hi_timescheme_split": "到", "hi_timescheme_halfyear": "近半年", "hi_timescheme_oneyear": "近一年", "hi_treequery_placeholder": "输入关键字进行过滤", "hi_numberrange_splitstr": "到", "hi_datalist_nodata": "暂无数据！", "hi_importexcel_uploadname": "Excel上传", "hi_importexcel_templatename": "模板下载", "hi_importexcel_noallowfile": "不支持上传{0}格式!", "hi_importexcel_limitfilesize": "限制上传文件大小为{0}M!", "hi_exportexcel_exportname": "Excel导出", "hi_exportexcel_buildfile": "文件生成中", "hi_exportexcel_isdownload": "是否取消文件下载?", "hi_exportexcel_tip": "提示", "hi_exportexcel_confirm": "确定", "hi_exportexcel_cancel": "取消", "hi_exportexcel_builddatacomplate": "数据生成完成！", "hi_expression_close": "关闭", "hi_expression_confirm": "关闭", "hi_expression_dialogname": "表达式", //03472 //01521 begin "hi_page_confirm": "确定", "hi_page_cancel": "取消", "hi_page_prompt": "提示", "hi_page_cannotBeNull": "不能为空", "hi_page_outOfRange": "输入的字符超出", "hi_page_dataPromptNotSubmitted": "检测到有未提交的数据,是否还原", "hi_page_dataNotModified":"数据未修改", "hi_page_initializing":"正在初始化..", //01521 end "hi_table_file": "个文件", "hi_table_index": "序号", "hi_table_operate": "操作", "hi_table_add": "新增", "hi_table_del": "删除", "hi_table_addsub": "新增子节点", "hi_table_emptyText": "暂无数据", "hi_table_confirmFilter": "筛选", "hi_table_resetFilter": "重置", "hi_table_clearFilter": "全部", "hi_table_sumText": "合计", // 12112 "hi_messagebox_title": "提示", "hi_messagebox_confirm": "确定", "hi_messagebox_cancel": "取消", "hi_toolbar_add": "添加", "hi_toolbar_del": "删除", "hi_toolbar_reset": "取消", "hi_toolbar_save": "保存", "hi_toolbar_submit": "提交", "hi_toolbar_callout": "调单", "hi_toolbar_nexttache": "流转", "hi_toolbar_backtache": "回退", "hi_toolbar_signout": "加签", "hi_toolbar_processSign": "处理加签", "hi_toolbar_turnOut": "转办", "hi_toolbar_terminate": "终止", "hi_toolbar_umpire": "反审", "hi_toolbar_monitor": "流程监控", "hi_toolbar_savesuccess": "数据保存成功", "hi_toolbar_limitequals": "请选择相同的:", "hi_toolbar_limitnoequals": "请选择不同的:", "hi_toolbar_limitnoequals1": "相同记录已跳过！", "hi_toolbar_finished": "流程结束", "hi_toolbar_actors": "下个执行者", "hi_toolbar_loader": "数据处理中...", "hi_toolbar_agree": "同意", "hi_toolbar_disagree": "不同意", "hi_toolbar_selectOneError": "至少选择一个执行者！", "hi_toolbar_removeallhint": "确定要删除所有记录吗？", "hi_toolbar_cancelhint": "确定要取消吗？", "hi_toolbar_umpirehint": "确定要启用反审吗？", "hi_toolbar_savehint": "数据未保存，是否保存数据?", "hi_toolbar_circulationway": "返回方式", "hi_toolbar_circulationway_default": "重新流转", "hi_toolbar_circulationway_again": "原路返回", "hi_toolbar_performType": "原路返回", "hi_toolbar_performType1": "独占", "hi_toolbar_performType2": "会签", "hi_toolbar_performType3": "顺序", "hi_toolbar_signType_BeforSign": "前加签", "hi_toolbar_signType_AfterSign": "后加签", "hi_toolbar_approvecomments": "审批意见", "hi_toolbar_assigneeLabel": "额外办理人", "hi_toolbar_previousName": "上一节点", "hi_toolbar_processor": "处理人", "hi_toolbar_previousCount": "节点处理人：共", "hi_toolbar_previousCount2": "人审批", "hi_toolbar_processortime": "处理时间", "hi_toolbar_username": "用户名", "hi_toolbar_userid": "用户ID", "hi_toolbar_userorgname": "编制名", "hi_toolbar_bzid": "编制ID", "hi_toolbar_collapse": "收起", "hi_toolbar_expand": "展开", "hi_form_required": " 必填！", "hi_tree_search": "输入关键字进行过滤", "hi_tree_addPeerBtn": "添加同级", "hi_tree_add": "添加", "hi_tree_edit": "编辑", "hi_tree_del": "删除", "hi_tree_noNode": "节点不存在", "hi_tree_removehint": "请先删除子节点！", "hi_calendar_add": "新增日程", "hi_calendar_refresh": "刷新", "hi_calendar_month": "月", "hi_calendar_week": "周", "hi_calendar_day": "日", "hi_calendar_between": "到", "hi_calendar_prevMonth": '上个月', "hi_calendar_nextMonth": '下个月', "hi_calendar_today": '今天', "hi_select_placeholder": "请选择", "hi_selectGrid_queryname": "请输入关键词", "hi_dataSelect_hasselect": "当前记录已选！", "hi_dataSelect_selectOneError": "至少选择一条记录!", "hi_dataSelect_Loading": "数据加载中...", "hi_dataSelect_selectall": "全选", "hi_dataSelect_clear": "清空", "hi_dataSelect_selectAdd": "添加选中", "hi_dataSelect_selectclear": "删除选中", "hi_dataSelect_queryCdionsNull": "明细条件未传！", "hi_dataSelect_numberFieldNull": "未配置单号!", "hi_dataSelect_nosoucredataset": "来源数据集不存在", "hi_dataSelect_noin": "数据不在查找范围内！", "hi_upload_deleteTip": '按 delete 键可删除', "hi_upload_uploadName": "点击上传", "hi_upload_delete": '删除', "hi_upload_removeall": '清空', "hi_upload_preview": '查看图片', "hi_upload_continue": '继续上传', "hi_upload_limit": "当前限制选择{0}个文件，本次选择了{1}个文件，共选择了{2}个文件", "hi_upload_fileExtension": "后缀为", "hi_upload_limitcount": "数量不超过{0}个", "hi_upload_fileSize": "大小不超过{0}M", "hi_upload_hint": "只能上传[ {0} ]文件", "hi_upload_fileExtensionLimit": "不支持上传{0}格式!", "hi_upload_files": "个文件", "hi_mapSelect_translate": "坐标转换失败！", "hi_page_pageInit": "没有找到初始化接口配置,请在环境配置中新增pageInitUrl节点配置", "hi_page_pagecontrolstate": "页面控件状态", "hi_monitor_approvalRecord": "审批记录", "hi_monitor_flow": "流程", "hi_monitor_displayname": "流程名称", "hi_monitor_ordernumber": "流程编号", "hi_monitor_createtime": "创建时间", "hi_monitor_finishtime": "完成时间", "hi_monitor_flowstate": "流程状态", "hi_monitor_finish": "已完成", "hi_monitor_taskname": "任务名称", "hi_monitor_noReceived": "未接收", "hi_monitor_timeConsuming": "耗时", "hi_monitor_approver": "审批人", "hi_monitor_processingStatus": "处理状态", "hi_monitor_processe": "需处理", "hi_monitor_postscript": "附言", "hi_monitor_flowchart": "流程图", "hi_monitor_processed": "已处理", "hi_monitor_back": "回退", "hi_monitor_sysAuto": "系统自动流转", "hi_monitor_terminate": "终止", "hi_monitor_cancel": "取消", "hi_monitor_transfer": "转办", "hi_monitor_taskWithdraw": "任务撤回", "hi_monitor_tsBeforSigning": "前加签中", "hi_monitor_tsAfterSigning": "后加签中", "hi_monitor_tsBeforSignDW": "前加签处理", "hi_monitor_tsAfterSignDW": "后加签处理", "hi_monitor_tsBeforSigned": "已前加签", "hi_monitor_tsAfterSigned": "已后加签", "hi_monitor_day": "天", "hi_monitor_hour": "小时", "hi_monitor_Min": "分", "hi_monitor_second": "秒", "hi_taskcenter_myTasks": "我的任务", "hi_taskcenter_query": "查询", "hi_taskcenter_reset": "重置", "hi_taskcenter_operate": "操作", "hi_taskcenter_batchProcessing": "批处理", "hi_taskcenter_flowOut": "流转", "hi_taskcenter_flowBack": "回退", "hi_taskcenter_process": "处理", "hi_taskcenter_view": "查看", "hi_taskcenter_fwithdraw": "撤回", "hi_taskcenter_originator": "发起人", "hi_taskcenter_approver": "审批人", "hi_taskcenter_urgent": "急", "hi_taskcenter_back": "退", "hi_taskcenter_summary": "流程摘要", "hi_taskcenter_summaryinfo": "流程摘要信息", "hi_taskcenter_task": "任务", "hi_taskcenter_createtime": "创建时间", "hi_taskcenter_finishtime": "完成时间", "hi_taskcenter_monitor": "流程监控", "hi_taskcenter_batchTitle": "任务批处理({0})", "hi_taskcenter_batchtip": "任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。", "hi_taskcenter_number": "单号", "hi_taskcenter_flowname": "流程名称", "hi_taskcenter_taskname": "任务名称", "hi_taskcenter_detailMsg": "处理结果", "hi_taskcenter_untreated": "未处理", "hi_taskcenter_processed": "已处理", "hi_taskcenter_completed": "已完成", "hi_taskcenter_displayname": "环节名称", "hi_taskcenter_fordernumber": "流程单号", "hi_taskcenter_fusername": "编制ID", "hi_taskcenter_withdrawinfo": "是否撤回任务？", "hi_taskcenter_confirmtitle": "确认信息", "hi_taskcenter_processSuccess": "处理成功", "hi_taskcenter_oneselect": "请至少选择一条单据!", }

Ignore Space Show notes View

project/lang/desktop/hi-ui/zh-CN.js → project/lang/desktop/hi-ui/zh-CN1111.js

var GLOBAL_LANG_HIUI = {
    "hi_common_cancel": "取消",
    "hi_common_confirm": "确定",

"hi_query_all": '全部',
    "hi_query_noempty": "不能为空！",
    "hi_query_sysscheme": "系统方案",
    "hi_query_reset": "重置",
    "hi_query_btnname": "查询",
    "hi_query_more": "更多",
    "hi_order_defaultall": "综合",
    "hi_timescheme_month": '本月',
    "hi_timescheme_yeartonow": "今年至今",
    "hi_timescheme_last6month": "最近六个月",
    "hi_timescheme_today": "本日",
    "hi_timescheme_yesterday": "昨日",
    "hi_timescheme_last7days": "近7天",
    "hi_timescheme_last28days": "近28天",
    "hi_timescheme_yesterday": "昨日",
    "hi_timescheme_last84days": "近84天",
    "hi_timescheme_startdate": "开始日期",
    "hi_timescheme_enddate": "结束日期",
    "hi_timescheme_year": "本年度",
    "hi_timescheme_week": "本周",
    "hi_timescheme_quarter": "本季度",
    "hi_timescheme_split": "到",
    "hi_timescheme_halfyear": "近半年",
    "hi_timescheme_oneyear": "近一年",
    "hi_treequery_placeholder": "输入关键字进行过滤",
    "hi_numberrange_splitstr": "到",
    "hi_datalist_nodata": "暂无数据！",
    "hi_importexcel_uploadname": "Excel上传",
    "hi_importexcel_templatename": "模板下载",
    "hi_importexcel_noallowfile": "不支持上传{0}格式!",
    "hi_importexcel_limitfilesize": "限制上传文件大小为{0}M!",
    "hi_exportexcel_exportname": "Excel导出",
    "hi_exportexcel_buildfile": "文件生成中",
    "hi_exportexcel_isdownload": "是否取消文件下载?",
    "hi_exportexcel_tip": "提示",
    "hi_exportexcel_confirm": "确定",
    "hi_exportexcel_cancel": "取消",
    "hi_exportexcel_builddatacomplate": "数据生成完成！",
    "hi_expression_close": "关闭",
    "hi_expression_confirm": "关闭",
    "hi_expression_dialogname": "表达式",

"hi_page_confirm": "确定",
    "hi_page_cancel": "取消",
    "hi_page_prompt": "提示",
    "hi_page_cannotBeNull": "不能为空",
    "hi_page_outOfRange": "输入的字符超出",
    "hi_page_dataPromptNotSubmitted": "检测到有未提交的数据,是否还原",
    "hi_page_dataNotModified":"数据未修改",
    "hi_page_initializing":"正在初始化..",

"hi_table_file": "个文件",
    "hi_table_index": "序号",
    "hi_table_operate": "操作",
    "hi_table_add": "新增",
    "hi_table_del": "删除",
    "hi_table_addsub": "新增子节点",
    "hi_table_emptyText": "暂无数据",
    "hi_table_confirmFilter": "筛选",
    "hi_table_resetFilter": "重置",
    "hi_table_clearFilter": "全部",
    "hi_table_sumText": "合计",

"hi_messagebox_title": "提示",
    "hi_messagebox_confirm": "确定",
    "hi_messagebox_cancel": "取消",

"hi_toolbar_add": "添加",
    "hi_toolbar_del": "删除",
    "hi_toolbar_reset": "取消",
    "hi_toolbar_save": "保存",
    "hi_toolbar_submit": "提交",
    "hi_toolbar_callout": "调单",
    "hi_toolbar_nexttache": "流转",
    "hi_toolbar_backtache": "回退",
    "hi_toolbar_signout": "加签",
    "hi_toolbar_processSign": "处理加签",
    "hi_toolbar_turnOut": "转办",
    "hi_toolbar_terminate": "终止",
    "hi_toolbar_umpire": "反审",
    "hi_toolbar_monitor": "流程监控",
    "hi_toolbar_savesuccess": "数据保存成功",
    "hi_toolbar_limitequals": "请选择相同的:",
    "hi_toolbar_limitnoequals": "请选择不同的:",
    "hi_toolbar_limitnoequals1": "相同记录已跳过！",
    "hi_toolbar_finished": "流程结束",
    "hi_toolbar_actors": "下个执行者",
    "hi_toolbar_loader": "数据处理中...",
    "hi_toolbar_agree": "同意",
    "hi_toolbar_disagree": "不同意",
    "hi_toolbar_selectOneError": "至少选择一个执行者！",
    "hi_toolbar_removeallhint": "确定要删除所有记录吗？",
    "hi_toolbar_cancelhint": "确定要取消吗？",
    "hi_toolbar_umpirehint": "确定要启用反审吗？",
    "hi_toolbar_savehint": "数据未保存，是否保存数据?",
    "hi_toolbar_circulationway": "返回方式",
    "hi_toolbar_circulationway_default": "重新流转",
    "hi_toolbar_circulationway_again": "原路返回",
    "hi_toolbar_performType": "原路返回",
    "hi_toolbar_performType1": "独占",
    "hi_toolbar_performType2": "会签",
    "hi_toolbar_performType3": "顺序",
    "hi_toolbar_signType_BeforSign": "前加签",
    "hi_toolbar_signType_AfterSign": "后加签",
    "hi_toolbar_approvecomments": "审批意见",
    "hi_toolbar_assigneeLabel": "额外办理人",
    "hi_toolbar_previousName": "上一节点",
    "hi_toolbar_processor": "处理人",
    "hi_toolbar_previousCount": "节点处理人：共",
    "hi_toolbar_previousCount2": "人审批",
    "hi_toolbar_processortime": "处理时间",
    "hi_toolbar_username": "用户名",
    "hi_toolbar_userid": "用户ID",
    "hi_toolbar_userorgname": "编制名",
    "hi_toolbar_bzid": "编制ID",
    "hi_toolbar_collapse": "收起",
    "hi_toolbar_expand": "展开",

"hi_form_required": " 必填！",

"hi_tree_search": "输入关键字进行过滤",
    "hi_tree_addPeerBtn": "添加同级",
    "hi_tree_add": "添加",
    "hi_tree_edit": "编辑",
    "hi_tree_del": "删除",
    "hi_tree_noNode": "节点不存在",
    "hi_tree_removehint": "请先删除子节点！",

"hi_calendar_add": "新增日程",
    "hi_calendar_refresh": "刷新",
    "hi_calendar_month": "月",
    "hi_calendar_week": "周",
    "hi_calendar_day": "日",
    "hi_calendar_between": "到",
    "hi_calendar_prevMonth": '上个月',
    "hi_calendar_nextMonth": '下个月',
    "hi_calendar_today": '今天',

"hi_select_placeholder": "请选择",

"hi_selectGrid_queryname": "请输入关键词",

"hi_dataSelect_hasselect": "当前记录已选！",
    "hi_dataSelect_selectOneError": "至少选择一条记录!",
    "hi_dataSelect_Loading": "数据加载中...",
    "hi_dataSelect_selectall": "全选",
    "hi_dataSelect_clear": "清空",
    "hi_dataSelect_selectAdd": "添加选中",
    "hi_dataSelect_selectclear": "删除选中",
    "hi_dataSelect_queryCdionsNull": "明细条件未传！",
    "hi_dataSelect_numberFieldNull": "未配置单号!",
    "hi_dataSelect_nosoucredataset": "来源数据集不存在",
    "hi_dataSelect_noin": "数据不在查找范围内！",

"hi_upload_deleteTip": '按 delete 键可删除',
    "hi_upload_uploadName": "点击上传",
    "hi_upload_delete": '删除',
    "hi_upload_removeall": '清空',
    "hi_upload_preview": '查看图片',
    "hi_upload_continue": '继续上传',
    "hi_upload_limit": "当前限制选择{0}个文件，本次选择了{1}个文件，共选择了{2}个文件",
    "hi_upload_fileExtension": "后缀为",
    "hi_upload_limitcount": "数量不超过{0}个",
    "hi_upload_fileSize": "大小不超过{0}M",
    "hi_upload_hint": "只能上传[ {0} ]文件",
    "hi_upload_fileExtensionLimit": "不支持上传{0}格式!",
    "hi_upload_files": "个文件",

"hi_mapSelect_translate": "坐标转换失败！",

"hi_page_pageInit": "没有找到初始化接口配置,请在环境配置中新增pageInitUrl节点配置",
    "hi_page_pagecontrolstate": "页面控件状态",

"hi_monitor_approvalRecord": "审批记录",
    "hi_monitor_flow": "流程",
    "hi_monitor_displayname": "流程名称",
    "hi_monitor_ordernumber": "流程编号",
    "hi_monitor_createtime": "创建时间",
    "hi_monitor_finishtime": "完成时间",
    "hi_monitor_flowstate": "流程状态",
    "hi_monitor_finish": "已完成",
    "hi_monitor_taskname": "任务名称",
    "hi_monitor_noReceived": "未接收",
    "hi_monitor_timeConsuming": "耗时",
    "hi_monitor_approver": "审批人",
    "hi_monitor_processingStatus": "处理状态",
    "hi_monitor_processe": "需处理",
    "hi_monitor_postscript": "附言",
    "hi_monitor_flowchart": "流程图",
    "hi_monitor_processed": "已处理",
    "hi_monitor_back": "回退",
    "hi_monitor_sysAuto": "系统自动流转",
    "hi_monitor_terminate": "终止",
    "hi_monitor_cancel": "取消",
    "hi_monitor_transfer": "转办",
    "hi_monitor_taskWithdraw": "任务撤回",
    "hi_monitor_tsBeforSigning": "前加签中",
    "hi_monitor_tsAfterSigning": "后加签中",
    "hi_monitor_tsBeforSignDW": "前加签处理",
    "hi_monitor_tsAfterSignDW": "后加签处理",
    "hi_monitor_tsBeforSigned": "已前加签",
    "hi_monitor_tsAfterSigned": "已后加签",
    "hi_monitor_day": "天",
    "hi_monitor_hour": "小时",
    "hi_monitor_Min": "分",
    "hi_monitor_second": "秒",

"hi_taskcenter_myTasks": "我的任务",
    "hi_taskcenter_query": "查询",
    "hi_taskcenter_reset": "重置",
    "hi_taskcenter_operate": "操作",
    "hi_taskcenter_batchProcessing": "批处理",
    "hi_taskcenter_flowOut": "流转",
    "hi_taskcenter_flowBack": "回退",
    "hi_taskcenter_process": "处理",
    "hi_taskcenter_view": "查看",
    "hi_taskcenter_fwithdraw": "撤回",
    "hi_taskcenter_originator": "发起人",
    "hi_taskcenter_approver": "审批人",
    "hi_taskcenter_urgent": "急",
    "hi_taskcenter_back": "退",
    "hi_taskcenter_summary": "流程摘要",
    "hi_taskcenter_summaryinfo": "流程摘要信息",
    "hi_taskcenter_task": "任务",
    "hi_taskcenter_createtime": "创建时间",
    "hi_taskcenter_finishtime": "完成时间",
    "hi_taskcenter_monitor": "流程监控",
    "hi_taskcenter_batchTitle": "任务批处理({0})",
    "hi_taskcenter_batchtip": "任务正在处理中{0}/{1}，已成功{2}个，失败{3}个。",
    "hi_taskcenter_number": "单号",
    "hi_taskcenter_flowname": "流程名称",
    "hi_taskcenter_taskname": "任务名称",
    "hi_taskcenter_detailMsg": "处理结果",
    "hi_taskcenter_untreated": "未处理",
    "hi_taskcenter_processed": "已处理",
    "hi_taskcenter_completed": "已完成",
    "hi_taskcenter_displayname": "环节名称",
    "hi_taskcenter_fordernumber": "流程单号",
    "hi_taskcenter_fusername": "编制ID",
    "hi_taskcenter_withdrawinfo": "是否撤回任务？",
    "hi_taskcenter_confirmtitle": "确认信息",
    "hi_taskcenter_processSuccess": "处理成功",
    "hi_taskcenter_oneselect": "请至少选择一条单据!",

}

var GLOBAL_LANG_HIUI = {
    "hi_common_cancel": "取消",
    "hi_common_confirm": "确定",
    //03472
    //03472
    "hi_query_all": '全部',
    "hi_query_noempty": "不能为空！",
    "hi_query_sysscheme": "系统方案",
    "hi_query_reset": "重置",
    "hi_query_btnname": "查询",
    "hi_query_more": "更多",
    "hi_order_defaultall": "综合",
    "hi_timescheme_month": '本月',
    "hi_timescheme_yeartonow": "今年至今",
    "hi_timescheme_last6month": "最近六个月",
    "hi_timescheme_today": "本日",
    "hi_timescheme_yesterday": "昨日",
    "hi_timescheme_last7days": "近7天",
    "hi_timescheme_last28days": "近28天",
    "hi_timescheme_yesterday": "昨日",
    "hi_timescheme_last84days": "近84天",
    "hi_timescheme_startdate": "开始日期",
    "hi_timescheme_enddate": "结束日期",
    "hi_timescheme_year": "本年度",
    "hi_timescheme_week": "本周",
    "hi_timescheme_quarter": "本季度",
    "hi_timescheme_split": "到",
    "hi_timescheme_halfyear": "近半年",
    "hi_timescheme_oneyear": "近一年",
    "hi_treequery_placeholder": "输入关键字进行过滤",
    "hi_numberrange_splitstr": "到",
    "hi_datalist_nodata": "暂无数据！",
    "hi_importexcel_uploadname": "Excel上传",
    "hi_importexcel_templatename": "模板下载",
    "hi_importexcel_noallowfile": "不支持上传{0}格式!",
    "hi_importexcel_limitfilesize": "限制上传文件大小为{0}M!",
    "hi_exportexcel_exportname": "Excel导出",
    "hi_exportexcel_buildfile": "文件生成中",
    "hi_exportexcel_isdownload": "是否取消文件下载?",
    "hi_exportexcel_tip": "提示",
    "hi_exportexcel_confirm": "确定",
    "hi_exportexcel_cancel": "取消",
    "hi_exportexcel_builddatacomplate": "数据生成完成！",
    "hi_expression_close": "关闭",
    "hi_expression_confirm": "关闭",
    "hi_expression_dialogname": "表达式",
    //03472

//01521 begin

// 12112
    "hi_messagebox_title": "提示",
    "hi_messagebox_confirm": "确定",
    "hi_messagebox_cancel": "取消",

"hi_form_required": " 必填！",

"hi_select_placeholder": "请选择",

"hi_selectGrid_queryname": "请输入关键词",

"hi_mapSelect_translate": "坐标转换失败！",

"hi_page_pageInit": "没有找到初始化接口配置,请在环境配置中新增pageInitUrl节点配置",
    "hi_page_pagecontrolstate": "页面控件状态",

}

Ignore Space Show notes View project/setting/studio/appsetting.js
var root = "http://192.168.4.106:7778"; var server = "e5"; serverName = server; var projectName = "eap5csxm/admin" var pName = projectName.split("/")[0]; var user = projectName.split("/")[1]; var deployDir = ""; //登录页url var loginUrl = root + "/" + server + "/index.html?pn=" + pName + "/" + user; if (window._global && window._global.env == 'dev') { deployDir = "" serverName = "" //登录页url var loginUrl = location.origin + deployDir + "/" + pName + "/hivuiLogin/index.html#/"; } var HIVUI_SETTING = { url: root, projectName: projectName, serverName: serverName, //登录页url loginUrl: loginUrl, //用户信息 userInfo: root + "/" + server + "/sys/user/detail", } window.appsettings = { studioHelp: "http://doc.hieap.cn/web/#/7?page_id=1006", hiuiHelp: "http://hiui.hieap.cn/", mbHelper: "http://doc.hieap.cn/web/#/15?page_id=1252", serverHelper: "http://doc.hieap.cn/web/#/1?page_id=44", devcenter: "http://192.168.4.106:5156/", fileUrl: "http://file.hieap.cn", desktopPreview: "http://192.168.4.194:3000", preview: "http://192.168.4.193", serverUrl: HIVUI_SETTING.url \|\| "http://192.168.4.106:7777", serverName: HIVUI_SETTING.serverName \|\| "e5", login: HIVUI_SETTING.loginUrl,//"http://192.168.4.193:39784/eap5csxm/hivuiLogin/index.html#?returnUrl=", userInfo: HIVUI_SETTING.userInfo,//http://192.168.4.106:7777/hidev/sys/user/detail?pn=hidev", //logo: "/"+pName+"/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png" // dev: true } var MiniSite = new Object(); /** * 判断浏览器 / MiniSite.Browser = { ie: /msie/.test(window.navigator.userAgent.toLowerCase()), moz: /gecko/.test(window.navigator.userAgent.toLowerCase()), opera: /opera/.test(window.navigator.userAgent.toLowerCase()), safari: /safari/.test(window.navigator.userAgent.toLowerCase()) }; /* * JsLoader对象用来加载外部的js文件 / MiniSite.JsLoader = { /* * 加载外部的js文件 * @param sUrl 要加载的js的url地址 * @fCallback js加载完成之后的处理函数 / load: function (sUrl, fCallback) { var _script = document.createElement('script'); _script.setAttribute('charset', 'gbk'); _script.setAttribute('type', 'text/javascript'); _script.setAttribute('src', sUrl); document.getElementsByTagName('head')[0].appendChild(_script); if (MiniSite.Browser.ie) { _script.onreadystatechange = function () { if (this.readyState == 'loaded' \|\| this.readyStaate == 'complete') { //fCallback(); if (fCallback != undefined) { fCallback(); } } }; } else if (MiniSite.Browser.moz) { _script.onload = function () { //fCallback(); if (fCallback != undefined) { fCallback(); } }; } else { //fCallback(); if (fCallback != undefined) { fCallback(); } } } }; MiniSite.JsLoader.load(`${appsettings.serverUrl}/${appsettings.serverName}/designer/tree/view/setting.setrootdir/studioscript.js?pn=${HIVUI_SETTING.projectName}`) window.appsettings = { studioHelp: "http://doc.hieap.cn/web/#/7?page_id=1006", hiuiHelp: "http://hiui.hieap.cn/", mbHelper: "http://doc.hieap.cn/web/#/15?page_id=1252", serverHelper: "http://doc.hieap.cn/web/#/1?page_id=44", devcenter: "http://192.168.4.106:5156/", fileUrl: "http://file.hieap.cn", desktopPreview: "http://192.168.4.194:3000", preview: "http://192.168.4.193", serverUrl: HIVUI_SETTING.url \|\| "http://192.168.4.106:7777", serverName: HIVUI_SETTING.serverName \|\| "e5", login: HIVUI_SETTING.loginUrl,//"http://192.168.4.193:39784/eap5csxm/hivuiLogin/index.html#?returnUrl=", userInfo: HIVUI_SETTING.userInfo,//http://192.168.4.106:7777/hidev/sys/user/detail?pn=hidev", // dev: true } var MiniSite = new Object(); /* * 判断浏览器 / MiniSite.Browser = { ie: /msie/.test(window.navigator.userAgent.toLowerCase()), moz: /gecko/.test(window.navigator.userAgent.toLowerCase()), opera: /opera/.test(window.navigator.userAgent.toLowerCase()), safari: /safari/.test(window.navigator.userAgent.toLowerCase()) }; /* * JsLoader对象用来加载外部的js文件 / MiniSite.JsLoader = { /* * 加载外部的js文件 * @param sUrl 要加载的js的url地址 * @fCallback js加载完成之后的处理函数 */ load: function (sUrl, fCallback) { var _script = document.createElement('script'); _script.setAttribute('charset', 'gbk'); _script.setAttribute('type', 'text/javascript'); _script.setAttribute('src', sUrl); document.getElementsByTagName('head')[0].appendChild(_script); if (MiniSite.Browser.ie) { _script.onreadystatechange = function () { if (this.readyState == 'loaded' \|\| this.readyStaate == 'complete') { //fCallback(); if (fCallback != undefined) { fCallback(); } } }; } else if (MiniSite.Browser.moz) { _script.onload = function () { //fCallback(); if (fCallback != undefined) { fCallback(); } }; } else { //fCallback(); if (fCallback != undefined) { fCallback(); } } } }; MiniSite.JsLoader.load(`${appsettings.serverUrl}/${appsettings.serverName}/designer/tree/view/setting.setrootdir/studioscript.js?pn=${HIVUI_SETTING.projectName}`)

Ignore Space Show notes View

project/setting/studio/appsetting.js

var root = "http://192.168.4.106:7778";
var server = "e5";
serverName = server;
var projectName = "eap5csxm/admin"
var pName = projectName.split("/")[0];
var user = projectName.split("/")[1];
var deployDir = "";
//登录页url
var loginUrl = root + "/" + server + "/index.html?pn=" + pName + "/" + user;
if (window._global && window._global.env == 'dev') {
    deployDir = ""
    serverName = ""
    //登录页url
    var loginUrl = location.origin + deployDir + "/" + pName + "/hivuiLogin/index.html#/";
}

}
            };
        } else if (MiniSite.Browser.moz) {
            _script.onload = function () {
                //fCallback();
                if (fCallback != undefined) {
                    fCallback();
                }
            };
        } else {
            //fCallback();
            if (fCallback != undefined) {
                fCallback();
            }
        }
    }
};
MiniSite.JsLoader.load(`${appsettings.serverUrl}/${appsettings.serverName}/designer/tree/view/setting.setrootdir/studioscript.js?pn=${HIVUI_SETTING.projectName}`)

Ignore Space Show notes View vite-plugin/vite-plugin-func.js
var querystring = require('querystring'); var url = require('url'); const fs = require('fs') var https = require('https'); var request = require('request'); var ejs = require('ejs'); function myPlugin(rawOptions) { let projectName = process.env.VITE_APP_PN.split("/")[0]; var previewPath = `${projectName}/setting/studio/preview.json` var setting try { let settingContent = fs.readFileSync(previewPath, { encoding: 'utf8' }); setting = JSON.parse(settingContent) } catch (e) { console.log("preview数据有错！") } var VITE_APP_BASE_API, VITE_APP_SERVER; if (setting) { VITE_APP_BASE_API = (setting.server \|\| {}).VITE_APP_BASE_API \|\| process.env.VITE_APP_BASE_API; VITE_APP_SERVER = (setting.server \|\| {}).VITE_APP_SERVER \|\| process.env.VITE_APP_SERVER; } else { VITE_APP_BASE_API = process.env.VITE_APP_BASE_API; VITE_APP_SERVER = process.env.VITE_APP_SERVER; } const options = { isProduction: process.env.NODE_ENV === 'production', ...rawOptions, VITE_APP_BASE_API: VITE_APP_BASE_API, VITE_APP_SERVER: VITE_APP_SERVER, root: process.cwd(), }; const TokenKey = 'EAP-Token'; let postData; let config; return { name: 'vite-plugin-func', // 必须的，将会显示在 warning 和 error 中 configResolved(resolvedConfig) { // 存储最终解析的配置 config = resolvedConfig }, configureServer(server) { server.middlewares.use((req, res, next) => { var Cookies = {}; if (req.headers.cookie != null) { req.headers.cookie.split(';').forEach(l => { var parts = l.split('='); Cookies[parts[0].trim()] = (parts[1] \|\| '').trim(); }); } var param = req._parsedUrl.query; var result = {}; if (param) { let values = param.split("&"); for (let i = 0; i < values.length; i++) { const element = values[i]; let _val = element.split("="); result[_val[0]] = _val[1]; } } function isFlow(type) { return type.endsWith(".flow") \|\| type.endsWith(".flowc"); } // 接口 function isInfc(type) { return type.endsWith(".infc") } function isFunc(type) { return type.endsWith(".func") } function isHtml(type) { return type.endsWith(".html") } function isStudio(type) { return type.endsWith("/studio.html") } // 渲染页面 function renderHtml(pcform, isGuest, body) { let content; try { content = fs.readFileSync(pcform, { encoding: 'utf8' }) } catch (e) { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("pcform:" + pcform + "文件异常!"); return; } const statusCode = 200; if (!body) throw new Error(`No body text found for the ${statusCode} status code`); try { var html = ejs.render(content, options); } catch (e) { res.end(e.message); return; } let postDataStr = JSON.stringify(postData \|\| {}); let varName = options.varName \|\| 'viteRequestData'; let varGlobal = JSON.stringify(options.global \|\| {}); let funcName = new Date().valueOf(); let queryScript = ` function _viteGetQuery${funcName}() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]); } } return theRequest; }` let titleStr = html.match(/<head(.?)>/g)[0] \|\| ""; if (!isStudio(req._parsedUrl.pathname)) { html = html.replace( /<head(.?)>/g, `${titleStr}<script>${queryScript};window.isGuest=${isGuest}; window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}); window._global=${varGlobal}</script> ` ) let titleEnd = html.match(/<\/head(.?)>/g)[0] \|\| ""; let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var sam = ""; if (pcform.indexOf("hivuiSam/index.html") != -1) {//统计分析 sam = `<script src="/${projectName}/hivuiSam/lang/${lang}.js"></script>`; }; var platfPlugin = ''; if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件 platfPlugin = `<script src="/${projectName}/hivuiBirt/lang/${lang}.js"></script>`; }; let funcLangMap = { 'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`, 'hivuiMain/index.html': `hivuiMain/lang/${lang}.js`, '/platf/': `hivuiBirt/lang/${lang}.js`, } let curFuncLangScript = '' for (let k in funcLangMap) { if (req.url.indexOf(k) > -1) { curFuncLangScript = `<script src="/${projectName}/${funcLangMap[k]}"></script>` break; } } var viteData = html.match(/<vite>([\s\S])<\/vite>/); var viteTpl = ""; let token = Cookies[TokenKey]; if (viteData) { //流引入多语言 var viteDataJson = JSON.parse(html.match(/<vite>([\s\S])<\/vite>/)[1]); viteTpl = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.vmid}&bizPath=${viteDataJson.bizpath}&access_token=${token}"></script>` } html = html.replace( /<\/head(.?)>/g, `<script src="/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="/${projectName}/lang/desktop/element-ui/${lang}.js"></script> <script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=hiui&filePath=assets_platform/hi-ui/lang/zh-CN.language&access_token=${token}"></script> ${viteTpl} ${curFuncLangScript} ${sam} ${platfPlugin} <script> try{ // 统一输出语言包 zh-CN 名 if(!window.GLOBAL_LANG_TPL){ console.log('不影响运行,提示:[[${req.url},当前模板语言包不存在]]') } if(!window.GLOBAL_LANG_HIUI){ console.log('不影响运行,提示:[[${req.url},hiui语言包不存在]]') } Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{}), } }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); console.log(lang) ELEMENT.locale(ELEMENT.lang[lang]) })('${lang}'); }catch(e){ console.log('语言包加载出错！') } </script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> ${titleEnd}`) } res.writeHead(statusCode, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, // 'Content-Length': html.length, 'Content-Type': 'html' }); res.write(html) res.end(); } var serverPath = VITE_APP_BASE_API + VITE_APP_SERVER; if (req.url.indexOf("/development.js") != -1) { if (req.headers.referer) { if (req.headers.referer.startsWith("https")) { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("http://", "https://"); } else { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("https://", "http://"); } } let content; try { content = fs.readFileSync(req.url.substr(1), { encoding: 'utf8' }) } catch (e) { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("获取", req.url + "文件异常!"); return; } try { var html = ejs.render(content, options); } catch (e) { res.end(e.message); return; } res.end(html); return; } let pathname = req._parsedUrl.pathname; //console.log(new Date(), 'req.url:', req.url) if (isFlow(pathname) \|\| isFunc(pathname) \|\| isInfc(pathname)) { // let url = req.url; let post = ''; postData = ''; let path; let fmodelpath = pathname; // url.split("?")[0]; var post_data = {}; // var param = req.url.split("?")[1]; if (isFlow(fmodelpath)) { var fversion = ""; var ftaskguid = ""; var fbzid = ""; if (param) { fversion = result["_version"] \|\| result["version"]; ftaskguid = result["_ftaskguid"] \|\| result["ftaskguid"]; fbzid = result["fbzid"]; } post_data = { fmodelpath: fmodelpath, fversion, ftaskguid, fbzid } path = serverPath + "/flow/open?origin=pre&skip=false&pn="; } else if (isInfc(fmodelpath)) { path = serverPath + fmodelpath + "?pn="; } else { var viewItemId = "" if (param) { viewItemId = result["__viewItemId"] \|\| result["viewItemId"] \|\| ""; } path = serverPath + fmodelpath + "?origin=pre&skip=false&viewItemId=" + viewItemId + "&pn=" } // let pn = url.split("/")[1]; function handleFunc() { let token = Cookies[TokenKey]; let requestUrl = path + process.env.VITE_APP_PN; if (param) { requestUrl = requestUrl + "&" + param; } console.log("----requestUrl:", requestUrl, "token:", token); Object.assign(post_data, postData); let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var requestOption = { url: requestUrl, method: "POST", json: true, body: post_data, headers: { "token": token, "Cookie": `locale=${lang}`, "Authorization": "Bearer " + token, "Content-Type": "application/json;charset=UTF-8" } } if (isFlow(pathname)) { requestOption["body"] = post_data; } else if (isFunc(pathname)) { //页面流用表单提交 requestOption["form"] = post_data; } request(requestOption, function (error, response, body) { //console.log(error, response, body); if (!error && response.statusCode == 200) { let pcform; let designPath; let isGuest = false; if (body) { if (isFlow(fmodelpath) && body.outParameter) { pcform = body.outParameter.task.bizpcform; if (!result["locale"] && body.outParameter.locale) { result["locale"] = body.outParameter.locale; } } else if (isFunc(fmodelpath) \|\| isInfc(fmodelpath)) { if (body && body.logicflow \|\| isInfc(fmodelpath)) { //逻辑流 let statusCode = body.status \|\| response.statusCode; res.writeHead(statusCode, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body)); return; } else if (body.dataPack) { pcform = body.dataPack.path; designPath = body.dataPack.designPath; isGuest = body.dataPack.isGuest; if (!result["locale"] && body.dataPack.locale) { result["locale"] = body.dataPack.locale; } } } } if (!pcform) { res.writeHead(500, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body)); return; } if (designPath && (designPath.endsWith(".vm") \|\| designPath.endsWith(".dvm"))) { res.writeHead(200, { 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; var pn = `pn=${process.env.VITE_APP_PN}` if (req.url.indexOf("?") == -1) { pn = "?" + pn; } else { pn = "&" + pn; } let accessToken = "" if (token) { accessToken = `&access_token=${token}`; } let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> <script> window.location.href="${serverPath}${req.url}${pn}${accessToken}"; </script> ` res.end(html); return; } // var fullPath = "eaptpl/12112/mokuai/shitumulu/biaodan/dtv/1.0.0/desktop/index.html"; renderHtml(pcform, isGuest, body); } else { if (response && response.statusCode == 401) { res.writeHead(200, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script> if(top.window.SysPage&&top.window.SysPage.openMiniLogin){//小窗口 top.window.SysPage.openMiniLogin(true); }else{ window.location.href=window.HIVUI_SETTING.loginUrl; } </script> ` res.end(html); } else { res.writeHead(500, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body)); } //res.end(requestUrl + ":" + JSON.stringify(error) + JSON.stringify(body)); } }, (msg) => { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(msg)); // console.log(msg) }); } req.on('data', (chunk) => { post += chunk; postData = querystring.parse(post); }); req.on('end', (chunk) => { handleFunc() }); return; } else if (pathname.endsWith("studio.html")) { //动态流程 let projectName = process.env.VITE_APP_PN.split("/")[0]; let pcform = `${projectName}/hivuiStudio/index.html` renderHtml(pcform, false, {}) } else { if (isHtml(pathname)) { renderHtml(pathname.substr(1), false, {}) } else { next(); } } }) }, } } export default myPlugin; var querystring = require('querystring'); var url = require('url'); const fs = require('fs') var https = require('https'); var request = require('request'); var ejs = require('ejs'); function myPlugin(rawOptions) { let projectName = process.env.VITE_APP_PN.split("/")[0]; var previewPath = `${projectName}/setting/studio/preview.json` var setting try { let settingContent = fs.readFileSync(previewPath, { encoding: 'utf8' }); setting = JSON.parse(settingContent) } catch (e) { console.log("preview数据有错！") } var VITE_APP_BASE_API, VITE_APP_SERVER; if (setting) { VITE_APP_BASE_API = (setting.server \|\| {}).VITE_APP_BASE_API \|\| process.env.VITE_APP_BASE_API; VITE_APP_SERVER = (setting.server \|\| {}).VITE_APP_SERVER \|\| process.env.VITE_APP_SERVER; } else { VITE_APP_BASE_API = process.env.VITE_APP_BASE_API; VITE_APP_SERVER = process.env.VITE_APP_SERVER; } const options = { isProduction: process.env.NODE_ENV === 'production', ...rawOptions, VITE_APP_BASE_API: VITE_APP_BASE_API, VITE_APP_SERVER: VITE_APP_SERVER, root: process.cwd(), }; let postData; let config; return { name: 'vite-plugin-func', // 必须的，将会显示在 warning 和 error 中 configResolved(resolvedConfig) { // 存储最终解析的配置 config = resolvedConfig }, configureServer(server) { server.middlewares.use((req, res, next) => { var Cookies = {}; if (req.headers.cookie != null) { req.headers.cookie.split(';').forEach(l => { var parts = l.split('='); Cookies[parts[0].trim()] = (parts[1] \|\| '').trim(); }); } var param = req._parsedUrl.query; var result = {}; if (param) { let values = param.split("&"); for (let i = 0; i < values.length; i++) { const element = values[i]; let _val = element.split("="); result[_val[0]] = _val[1]; } } function isFlow(type) { return type.endsWith(".flow") \|\| type.endsWith(".flowc"); } // 接口 function isInfc(type) { return type.endsWith(".infc") } function isFunc(type) { return type.endsWith(".func") } function isHtml(type) { return type.endsWith(".html") } // 渲染页面 function renderHtml(pcform, isGuest, body) { let content; try { content = fs.readFileSync(pcform, { encoding: 'utf8' }) } catch (e) { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("pcform:" + pcform + "文件异常!"); return; } const statusCode = 200; if (!body) throw new Error(`No body text found for the ${statusCode} status code`); try { var html = ejs.render(content, options); } catch (e) { res.end(e.message); return; } let postDataStr = JSON.stringify(postData \|\| {}); let varName = options.varName \|\| 'viteRequestData'; let varGlobal = JSON.stringify(options.global \|\| {}); let funcName = new Date().valueOf(); let queryScript = ` function _viteGetQuery${funcName}() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]); } } return theRequest; }` let titleStr = html.match(/<head(.?)>/g)[0] \|\| ""; html = html.replace( /<head(.?)>/g, `${titleStr}<script>${queryScript};window.isGuest=${isGuest}; window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}); window._global=${varGlobal}</script> ` ) let titleEnd = html.match(/<\/head(.?)>/g)[0] \|\| ""; let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var sam = ""; if (pcform.indexOf("hivuiSam/index.html") != -1) {//统计分析 sam = `<script src="/${projectName}/hivuiSam/lang/${lang}.js"></script>`; }; var platfPlugin = ''; if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件 platfPlugin = `<script src="/${projectName}/hivuiBirt/lang/${lang}.js"></script>`; }; let funcLangMap = { 'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`, 'hivuiMain/index.html': `hivuiMain/lang/${lang}.js` } let curFuncLangScript = '' for (let k in funcLangMap) { if (req.url.indexOf(k) > -1) { curFuncLangScript = `<script src="/${projectName}/${funcLangMap[k]}"></script>` break; } } html = html.replace( /<\/head(.?)>/g, `<script src="/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="/${projectName}/lang/desktop/element-ui/${lang}.js"></script> <script src="/${projectName}/lang/desktop/hi-ui/${lang}.js"></script> <script src="/${projectName}/lang/project/desktop/${lang}.js"></script> ${curFuncLangScript} ${sam} ${platfPlugin} <script> try{ // 统一输出语言包 zh-CN 名 if(!window.GLOBAL_LANG_TPL){ console.log('不影响运行,提示:[[${req.url},当前模板语言包不存在]]') } if(!window.GLOBAL_LANG_HIUI){ console.log('不影响运行,提示:[[${req.url},hiui语言包不存在]]') } Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{},window.GLOBAL_LANG_MODULE\|\|{}), } }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); console.log(lang) ELEMENT.locale(ELEMENT.lang[lang]) })('${lang}'); }catch(e){ console.log('语言包加载出错！') } </script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> ${titleEnd}`) res.writeHead(statusCode, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, // 'Content-Length': html.length, 'Content-Type': 'html' }); res.write(html) res.end(); } var serverPath = VITE_APP_BASE_API + VITE_APP_SERVER; if (req.url.indexOf("/development.js") != -1) { if (req.headers.referer) { if (req.headers.referer.startsWith("https")) { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("http://", "https://"); } else { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("https://", "http://"); } } let content; try { content = fs.readFileSync(req.url.substr(1), { encoding: 'utf8' }) } catch (e) { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("获取", req.url + "文件异常!"); return; } try { var html = ejs.render(content, options); } catch (e) { res.end(e.message); return; } res.end(html); return; } let pathname = req._parsedUrl.pathname; //console.log(new Date(), 'req.url:', req.url) if (isFlow(pathname) \|\| isFunc(pathname) \|\| isInfc(pathname)) { // let url = req.url; let post = ''; postData = ''; let path; let fmodelpath = pathname; // url.split("?")[0]; var post_data = {}; // var param = req.url.split("?")[1]; if (isFlow(fmodelpath)) { var fversion = ""; var ftaskguid = ""; var fbzid = ""; if (param) { fversion = result["_version"] \|\| result["version"]; ftaskguid = result["_ftaskguid"] \|\| result["ftaskguid"]; fbzid = result["fbzid"]; } post_data = { fmodelpath: fmodelpath, fversion, ftaskguid, fbzid } path = serverPath + "/flow/open?origin=pre&skip=false&pn="; } else if (isInfc(fmodelpath)) { path = serverPath + fmodelpath + "?pn="; } else { var viewItemId = "" if (param) { viewItemId = result["__viewItemId"] \|\| result["viewItemId"] \|\| ""; } path = serverPath + fmodelpath + "?origin=pre&skip=false&viewItemId=" + viewItemId + "&pn=" } // let pn = url.split("/")[1]; const TokenKey = 'EAP-Token'; function handleFunc() { let token = Cookies[TokenKey]; let requestUrl = path + process.env.VITE_APP_PN; if (param) { requestUrl = requestUrl + "&" + param; } console.log("----requestUrl:", requestUrl, "token:", token); Object.assign(post_data, postData); let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var requestOption = { url: requestUrl, method: "POST", json: true, body: post_data, headers: { "token": token, "Cookie": `locale=${lang}`, "Authorization": "Bearer " + token, "Content-Type": "application/json;charset=UTF-8" } } if (isFlow(pathname)) { requestOption["body"] = post_data; } else if (isFunc(pathname)) { //页面流用表单提交 requestOption["form"] = post_data; } request(requestOption, function (error, response, body) { //console.log(error, response, body); if (!error && response.statusCode == 200) { let pcform; let designPath; let isGuest = false; if (body) { if (isFlow(fmodelpath) && body.outParameter) { pcform = body.outParameter.task.bizpcform; if (!result["locale"] && body.outParameter.locale) { result["locale"] = body.outParameter.locale; } } else if (isFunc(fmodelpath) \|\| isInfc(fmodelpath)) { if (body && body.logicflow \|\| isInfc(fmodelpath)) { //逻辑流 let statusCode = body.status \|\| response.statusCode; res.writeHead(statusCode, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body)); return; } else if (body.dataPack) { pcform = body.dataPack.path; designPath = body.dataPack.designPath; isGuest = body.dataPack.isGuest; if (!result["locale"] && body.dataPack.locale) { result["locale"] = body.dataPack.locale; } } } } if (!pcform) { res.writeHead(500, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body)); return; } if (designPath && (designPath.endsWith(".vm") \|\| designPath.endsWith(".dvm"))) { res.writeHead(200, { 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; var pn = `pn=${process.env.VITE_APP_PN}` if (req.url.indexOf("?") == -1) { pn = "?" + pn; } else { pn = "&" + pn; } let accessToken = "" if (token) { accessToken = `&access_token=${token}`; } let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> <script> window.location.href="${serverPath}${req.url}${pn}${accessToken}"; </script> ` res.end(html); return; } // var fullPath = "eaptpl/12112/mokuai/shitumulu/biaodan/dtv/1.0.0/desktop/index.html"; renderHtml(pcform, isGuest, body); } else { if (response && response.statusCode == 401) { res.writeHead(200, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script> if(top.window.SysPage&&top.window.SysPage.openMiniLogin){//小窗口 top.window.SysPage.openMiniLogin(true); }else{ window.location.href=window.HIVUI_SETTING.loginUrl; } </script> ` res.end(html); } else { res.writeHead(500, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body)); } //res.end(requestUrl + ":" + JSON.stringify(error) + JSON.stringify(body)); } }, (msg) => { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(msg)); // console.log(msg) }); } req.on('data', (chunk) => { post += chunk; postData = querystring.parse(post); }); req.on('end', (chunk) => { handleFunc() }); return; } else if (pathname.endsWith("studio.html")) { //动态流程 let projectName = process.env.VITE_APP_PN.split("/")[0]; let pcform = `${projectName}/hivuiStudio/index.html` renderHtml(pcform, false, {}) } else { if (isHtml(pathname)) { renderHtml(pathname.substr(1), false, {}) } else { next(); } } }) }, } } export default myPlugin;

Ignore Space Show notes View

vite-plugin/vite-plugin-func.js

var querystring = require('querystring');
var url = require('url');
const fs = require('fs')
var https = require('https');
var request = require('request');
var ejs = require('ejs');

function isFunc(type) {
          return type.endsWith(".func")
        }

function isHtml(type) {
          return type.endsWith(".html")
        }

let funcLangMap = {
              'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`,
              'hivuiMain/index.html': `hivuiMain/lang/${lang}.js`,
              '/platf/': `hivuiBirt/lang/${lang}.js`,
            }

let pathname = req._parsedUrl.pathname;
        //console.log(new Date(), 'req.url:', req.url)
        if (isFlow(pathname) || isFunc(pathname) || isInfc(pathname)) {
          // let url = req.url;
          let post = '';
          postData = '';
          let path;
          let fmodelpath = pathname; // url.split("?")[0];
          var post_data = {};
          // var param = req.url.split("?")[1];

if (isFlow(fmodelpath)) {
            var fversion = "";
            var ftaskguid = "";
            var fbzid = "";
            if (param) {
              fversion = result["_version"] || result["version"];
              ftaskguid = result["_ftaskguid"] || result["ftaskguid"];
              fbzid = result["fbzid"];
            }
            post_data = {
              fmodelpath: fmodelpath,
              fversion,
              ftaskguid, fbzid
            }
            path = serverPath + "/flow/open?origin=pre&skip=false&pn=";
          } else if (isInfc(fmodelpath)) {
            path = serverPath + fmodelpath + "?pn=";
          } else {
            var viewItemId = ""
            if (param) {
              viewItemId = result["__viewItemId"] || result["viewItemId"] || "";
            }
            path = serverPath + fmodelpath + "?origin=pre&skip=false&viewItemId=" + viewItemId + "&pn="
          }
          // let pn = url.split("/")[1];
          function handleFunc() {

}
      })
    },
  }
}
export default myPlugin;

var querystring = require('querystring');
var url = require('url');
const fs = require('fs')
var https = require('https');
var request = require('request');
var ejs = require('ejs');

function isFunc(type) {
          return type.endsWith(".func")
        }

html = html.replace(
            /<head(.*?)>/g,
            `${titleStr}<script>${queryScript};window.isGuest=${isGuest};
                        window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}); 
                        window._global=${varGlobal}</script>
                        `
          )
          let titleEnd = html.match(/<\/head(.*?)>/g)[0] || "";
          let lang = result["locale"] || Cookies["locale"] || "zh-CN";
          lang = lang.replace("_", "-");
          var sam = "";
          if (pcform.indexOf("hivuiSam/index.html") != -1) {//统计分析
            sam = `<script src="/${projectName}/hivuiSam/lang/${lang}.js"></script>`;
          };
          var platfPlugin = '';
          if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件
            platfPlugin = `<script src="/${projectName}/hivuiBirt/lang/${lang}.js"></script>`;
          };

let funcLangMap = {
            'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`,
            'hivuiMain/index.html': `hivuiMain/lang/${lang}.js`
          }

function handleFunc() {

}
      })
    },
  }
}
export default myPlugin;

Show line notes below