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 31a00b644524d6c1c31d0777f5295ba588380145 2 parents 0907c56 + 778cdd7 zhuojinhui authored on 15 Jun 2023

Showing 12 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/hivuiBirt/index.js
import App from './App.vue' // import "hi-ui/lib/hi-ui.css"; //設置script引入全局的ELEMENT 配置 Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); // import 'zhc-flowchart/lib/zhc-flowchart.css' // import zhcflowchart from "zhc-flowchart"; // Vue.use(zhcflowchart) import UmyUi from 'umy-ui' import 'umy-ui/lib/theme-chalk/index.css'; import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) Vue.use(UmyUi) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' // import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; // Vue.use(ElementUI) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') \|\| '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 // import { Loading } from 'element-ui'; // Vue.prototype.Loading = Loading import * as XLSX from 'xlsx' // import * as echarts from "echarts" Vue.prototype.XLSX = XLSX; // Vue.prototype.$echarts = echarts; // Vue.prototype.$HCBIRT = $HCBIRT; // import i18n from './lang' console.log( '%c zhc-birt-cmps %c v'.concat(ZhcBirtCmps.Package && ZhcBirtCmps.Package.version, ' '), 'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #5584ff; font-weight: bold;', 'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;', ); Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.serverUrl, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: window.HIVUI_SETTING.saveUrl, queryUrl: window.HIVUI_SETTING.queryUrl, querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/", upload: window.HIVUI_SETTING.upload, download: window.HIVUI_SETTING.download, preview: window.HIVUI_SETTING.preview \|\| window.HIVUI_SETTING.review, getFlowInfo: window.HIVUI_SETTING.getFlowInfo, getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo, processFlow: window.HIVUI_SETTING.processFlow, queryTask: window.HIVUI_SETTING.queryTask, withdrawtask: window.HIVUI_SETTING.withdrawtask, taskDiagram: window.HIVUI_SETTING.taskDiagram, openOrdernumber: window.HIVUI_SETTING.openOrdernumber, birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcelnew", isLang: window.HIVUI_SETTING.isLang \|\| false, }; new Vue({ // i18n, render: h => h(App), }).$mount('#app') import App from './App.vue' // import "hi-ui/lib/hi-ui.css"; //設置script引入全局的ELEMENT 配置 Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); // import 'zhc-flowchart/lib/zhc-flowchart.css' // import zhcflowchart from "zhc-flowchart"; // Vue.use(zhcflowchart) import UmyUi from 'umy-ui' import 'umy-ui/lib/theme-chalk/index.css'; import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) Vue.use(UmyUi) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' // import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; // Vue.use(ElementUI) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') \|\| '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 // import { Loading } from 'element-ui'; // Vue.prototype.Loading = Loading import * as XLSX from 'xlsx' // import * as echarts from "echarts" Vue.prototype.XLSX = XLSX; // Vue.prototype.$echarts = echarts; // Vue.prototype.$HCBIRT = $HCBIRT; // import i18n from './lang' console.log( '%c zhc-birt-cmps %c v'.concat(ZhcBirtCmps.Package && ZhcBirtCmps.Package.version, ' '), 'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #5584ff; font-weight: bold;', 'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;', ); Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.serverUrl, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: window.HIVUI_SETTING.saveUrl, queryUrl: window.HIVUI_SETTING.queryUrl, querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/", upload: window.HIVUI_SETTING.upload, download: window.HIVUI_SETTING.download, preview: window.HIVUI_SETTING.preview \|\| window.HIVUI_SETTING.review, getFlowInfo: window.HIVUI_SETTING.getFlowInfo, getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo, processFlow: window.HIVUI_SETTING.processFlow, queryTask: window.HIVUI_SETTING.queryTask, withdrawtask: window.HIVUI_SETTING.withdrawtask, taskDiagram: window.HIVUI_SETTING.taskDiagram, openOrdernumber: window.HIVUI_SETTING.openOrdernumber, birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcelnew" }; new Vue({ // i18n, render: h => h(App), }).$mount('#app')

Ignore Space Show notes View

project/hivuiBirt/index.js

import App from './App.vue'

// import "hi-ui/lib/hi-ui.css";
//設置script引入全局的ELEMENT 配置
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };

import Message from './components/vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
import './assets/icon/iconfont.css';
import './styles/index.css'
import "hi-taskcenter/hi-taskcenter.css"
import hitaskcenter from 'hi-taskcenter';
Vue.use(hitaskcenter);
// import 'zhc-flowchart/lib/zhc-flowchart.css'
// import zhcflowchart from "zhc-flowchart";
// Vue.use(zhcflowchart)
import UmyUi from 'umy-ui'
import 'umy-ui/lib/theme-chalk/index.css';

import ZhcBirtCmps from 'zhc-birt-cmps'
Vue.use(ZhcBirtCmps)
Vue.use(UmyUi)
// import window.HIVUI_SETTING from './window.HIVUI_SETTING'
// import { $HCBIRT } from "@birt/funclib/HCBIRT"
import Cookies from 'js-cookie'
import {
  setToken,
} from "./utils/auth.js";
// Vue.use(ElementUI)
console.log('token', Cookies.get('EAP-Token'))
setToken(Cookies.get('EAP-Token') || '')

import axios from "./funclib/AxiosUtil";

import pinyin from 'js-pinyin'
Vue.prototype.Pinyin = pinyin
import md5 from 'js-md5'
Vue.prototype.Md5 = md5

// import { Loading } from 'element-ui';
// Vue.prototype.Loading = Loading

import * as XLSX from 'xlsx'
// import * as echarts from "echarts"
Vue.prototype.XLSX = XLSX;
// Vue.prototype.$echarts = echarts;
// Vue.prototype.$HCBIRT = $HCBIRT;

// import i18n from './lang'
console.log(
  '%c zhc-birt-cmps  %c v'.concat(ZhcBirtCmps.Package && ZhcBirtCmps.Package.version, ' '),
  'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #5584ff; font-weight: bold;',
  'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;',
);

Vue.prototype.$HI = {
  projectName: window.HIVUI_SETTING.projectName,
  serverUrl: window.HIVUI_SETTING.serverUrl,
  serverName: window.HIVUI_SETTING.serverName,
  request: axios,
  queryOperate: 'like',
  pageSize: 20,
  saveUrl: window.HIVUI_SETTING.saveUrl,
  queryUrl: window.HIVUI_SETTING.queryUrl,
  querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys",
  policyUrl: window.HIVUI_SETTING.policyUrl,
  enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/",
  upload: window.HIVUI_SETTING.upload,
  download: window.HIVUI_SETTING.download,
  preview: window.HIVUI_SETTING.preview || window.HIVUI_SETTING.review,
  getFlowInfo: window.HIVUI_SETTING.getFlowInfo,
  getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo,
  processFlow: window.HIVUI_SETTING.processFlow,
  queryTask: window.HIVUI_SETTING.queryTask,
  withdrawtask: window.HIVUI_SETTING.withdrawtask,
  taskDiagram: window.HIVUI_SETTING.taskDiagram,
  openOrdernumber: window.HIVUI_SETTING.openOrdernumber,
  birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1",
  getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo',
  exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcelnew",
  isLang: window.HIVUI_SETTING.isLang || false,
};

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

import App from './App.vue'

// import "hi-ui/lib/hi-ui.css";
//設置script引入全局的ELEMENT 配置
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };

import axios from "./funclib/AxiosUtil";

import pinyin from 'js-pinyin'
Vue.prototype.Pinyin = pinyin
import md5 from 'js-md5'
Vue.prototype.Md5 = md5

// import { Loading } from 'element-ui';
// Vue.prototype.Loading = Loading

import * as XLSX from 'xlsx'
// import * as echarts from "echarts"
Vue.prototype.XLSX = XLSX;
// Vue.prototype.$echarts = echarts;
// Vue.prototype.$HCBIRT = $HCBIRT;

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

Ignore Space Show notes View project/hivuiBirt/lang/zh-CN.language 0 → 100644
hivuiBirt_formToolBar_add=添加 hivuiBirt_formToolBar_cancel=取消 hivuiBirt_formToolBar_flowOut=流转 hivuiBirt_formToolBar_flowBack=回退 hivuiBirt_formToolBar_signOut=加签 hivuiBirt_formToolBar_turnOut=转办 hivuiBirt_formToolBar_terminate=终止 hivuiBirt_formToolBar_monitor=流程监控 hivuiBirt_formToolBar_approval=流程审批 hivuiBirt_formToolBar_print=打印 hivuiBirt_formToolBar_prints=批量打印 hivuiBirt_formToolBar_export=导出 hivuiBirt_formToolBar_import=导入 hivuiBirt_formToolBar_remove=删除 hivuiBirt_formToolBar_save=保存 hivuiBirt_formToolBar_takenorder=调单 hivuiBirt_datetime_to=至 hivuiBirt_datetime_start=开始日期 hivuiBirt_datetime_end=结束日期 hivuiBirt_datetime_now=本日 hivuiBirt_datetime_yesterday=昨日 hivuiBirt_datetime_last7=近7日 hivuiBirt_datetime_last28=近28日 hivuiBirt_datetime_last84=近84日 hivuiBirt_datetime_halfYear=近半年 hivuiBirt_datetime_oneYear=近1年 hivuiBirt_datetime_overdue=已过期 hivuiBirt_datetime_threeMonth=三个月内 hivuiBirt_datetime_three2six_months=三至六个月 hivuiBirt_datetime_six2nine_months=六至九个月 hivuiBirt_datetime_nine_months=九个月以上 hivuiBirt_datetime_eighteen_months=18个月上 hivuiBirt_datetime_two_years=二年以上 hivuiBirt_datetime_three_years=三年以上 hivuiBirt_datetime_week=本周 hivuiBirt_datetime_month=本月 hivuiBirt_datetime_quarter=本季度 hivuiBirt_datetime_year=本年度 hivuiBirt_btn_query=查询 hivuiBirt_btn_add=新增 hivuiBirt_btn_remove=删除 hivuiBirt_btn_edit=修改 hivuiBirt_btn_save=保存 hivuiBirt_btn_disabled=禁用 hivuiBirt_btn_confirm=确定 hivuiBirt_btn_cancel=取消 hivuiBirt_btn_enable=启用 hivuiBirt_btn_resetpw=重置密码 hivuiBirt_btn_model_download=模板下载 hivuiBirt_btn_return=返回 hivuiBirt_btn_detail=详情 hivuiBirt_btn_start=启动 hivuiBirt_btn_run=运行 hivuiBirt_btn_stop=停止 hivuiBirt_btn_dispatch_once=调度一次 hivuiBirt_btn_query_log=查看日志 hivuiBirt_btn_sync_job=同步作业 hivuiBirt_btn_collect=收藏 hivuiBirt_btn_collect_cancel=取消收藏 hivuiBirt_btn_click_upload=点击上传 hivuiBirt_btn_checked=已选 hivuiBirt_btn_unchecked=未选 hivuiBirt_btn_all=全部 hivuiBirt_btn_upload=上传 hivuiBirt_btn_downloadAll=下载全部 hivuiBirt_btn_downloadIncrement=增量下载 hivuiBirt_btn_addImport=新增导入 hivuiBirt_btn_unlock=解锁 hivuiBirt_table_empty_text=暂无数据 hivuiBirt_table_operate=操作 hivuiBirt_table_index=序号 hivuiBirt_table_resname=功能名称 hivuiBirt_table_assignName=授权对象 hivuiBirt_table_field=字段 hivuiBirt_table_fieldId=字段id hivuiBirt_table_fieldName=字段名 hivuiBirt_table_readOnly=只读 hivuiBirt_table_require=必填 hivuiBirt_table_hide=隐藏 hivuiBirt_table_noOutPut=不输出 hivuiBirt_table_import=导入 hivuiBirt_table_unImport=不导入 hivuiBirt_table_company=所属公司 hivuiBirt_table_dataAuth=数据权限 hivuiBirt_table_dept=部门列表 hivuiBirt_table_role=岗位列表 hivuiBirt_table_user=用户列表 hivuiBirt_table_column=列设置 hivuiBirt_message_turnOut=流转成功! hivuiBirt_message_turnBack=回退成功! hivuiBirt_message_remove=删除成功！ hivuiBirt_message_save=保存成功！ hivuiBirt_message_sureCheck=确定勾选吗? hivuiBirt_message_login=登录成功 hivuiBirt_message_nodeDel=请选择要删除的节点 hivuiBirt_message_notDir=非目录节点不能新增子节点 hivuiBirt_message_nodeEdit=请选择要修改的节点 hivuiBirt_message_flow_func=只能选中流程或功能节点 hivuiBirt_message_addData=请添加数据 hivuiBirt_message_isConfirm=此操作将永久删除该数据是否继续? hivuiBirt_message_confirm_clearLog=此操作将清理所有日志是否继续? hivuiBirt_message_confirmCancel=确定取消吗? hivuiBirt_message_confirmDisabled=确定禁用该用户吗? hivuiBirt_message_confirmEnable=确定启用用该用户吗? hivuiBirt_message_tip=提示 hivuiBirt_message_disabled=禁用成功 hivuiBirt_message_enable=启用成功 hivuiBirt_message_cancel=已取消 hivuiBirt_message_resetpw=密码重置成功 hivuiBirt_message_password=请输入新的密码(密码长度4-16) hivuiBirt_message_password_error=密码格式不正确 hivuiBirt_message_reset_user=请选择要重置的用户 hivuiBirt_message_No=第 hivuiBirt_message_phone=手机号 hivuiBirt_message_format_error=格式错误 hivuiBirt_message_missing_data=条数据缺少 hivuiBirt_message_userid=用户工号 hivuiBirt_message_username=用户姓名 hivuiBirt_message_roleid=岗位编码 hivuiBirt_message_orgid=机构编码 hivuiBirt_message_deptid=部门编码 hivuiBirt_message_no_exist=不存在 hivuiBirt_message_import=导入成功！ hivuiBirt_message_no_importData=没有检测到导入的数据 hivuiBirt_message_schedule_empty=调度配置为空 hivuiBirt_message_operate_suc=操作成功 hivuiBirt_message_sync_suc=同步成功 hivuiBirt_message_next_time=下次执行时间 hivuiBirt_message_confirm_job=确定导入作业吗 hivuiBirt_message_clear_suc=清理成功 hivuiBirt_message_collect_suc=收藏成功 hivuiBirt_message_confirm_save=是否确认保存? hivuiBirt_message_clear_add=您已选择“清空添加”，即将清空“已选功能菜单”原有的所有权限，重新分配当前权限，请慎用? hivuiBirt_message_fieldError=获取字段信息错误 hivuiBirt_message_dataScheme=请选择数据方案 hivuiBirt_message_res=请选择资源菜单 hivuiBirt_message_user=请选择用户 hivuiBirt_message_confirmStop=确定停止吗 hivuiBirt_message_confirmStart=确定启动吗 hivuiBirt_message_confirmRemove=确定删除吗 hivuiBirt_message_removeContinue=是否继续删除数据，无法还原？ hivuiBirt_message_input=请输入 hivuiBirt_message_inputKeyWord=请输入关键字 hivuiBirt_message_select=请选择 hivuiBirt_message_confirmCancel=数据已更改，是否确定取消？ hivuiBirt_message_unlock=解锁成功 hivuiBirt_message_company=请选择选择所属公司 hivuiBirt_export_name=用户信息 hivuiBirt_export_username=姓名 hivuiBirt_export_userid=工号 hivuiBirt_export_sex=性别 hivuiBirt_templates_list=列表 hivuiBirt_templates_detail=详情 hivuiBirt_templates_add=新增 hivuiBirt_templates_adds=批量新增 hivuiBirt_validate_FMBPHONE=请输入正确的电话号码 hivuiBirt_validate_FEMAIL=请输入正确的邮箱地址 hivuiBirt_validate_FIDCARD=请输入正确的身份证号 hivuiBirt_validate_FUSERID=请输入工号 hivuiBirt_validate_FTITLE=不能以数字开头且只能包含中文、字母、数字、+、-、_ hivuiBirt_validate_length4=长度不小于4 hivuiBirt_AppversionFields_FGUID=GUID hivuiBirt_AppversionFields_FNAME=名称 hivuiBirt_AppversionFields_FVERSION=版本号 hivuiBirt_AppversionFields_FTYPE=类型 hivuiBirt_AppversionFields_FDOWNLOADURL=下载地址 hivuiBirt_AppversionFields_FUPFORCE=是否强制升级 hivuiBirt_AppversionFields_FRECSTATUS=是否开启 hivuiBirt_AppversionFields_FNOTE=版本说明 hivuiBirt_CommoncodeFields_FGUID=GUID hivuiBirt_CommoncodeFields_FCODEID=功能ID hivuiBirt_CommoncodeFields_FFORMAT=编码格式 hivuiBirt_CommoncodeFields_FCOUNT=当前计数 hivuiBirt_CommoncodeFields_FCOUNTTYPE=计数方式 hivuiBirt_CommoncodeFields_FCOUNTTYPENAME=计数方式名称 hivuiBirt_CommoncodeFields_FINIT=初始值 hivuiBirt_CommoncodeFields_FDESCRIPTION=说明 hivuiBirt_ComponentVersionFields_FID=ID hivuiBirt_ComponentVersionFields_FNAME=组件名称 hivuiBirt_ComponentVersionFields_FDESC=组件描述 hivuiBirt_ComponentVersionFields_FVERSION=版本 hivuiBirt_ComponentVersionFields_FBetaVERSION=Beta版本 hivuiBirt_ComponentVersionFields_FSOURCETYPE=源类型 hivuiBirt_ComponentVersionFields_FUSETYPE=使用类型 hivuiBirt_ServerFields_FID=ID hivuiBirt_ServerFields_FDESC=名称 hivuiBirt_ServerFields_FIP=ip地址 hivuiBirt_ServerFields_FPORT=端口号 hivuiBirt_ServerFields_FNOTE=备注 hivuiBirt_ServerFields_FPASSWORD=密码 hivuiBirt_ServerFields_FSERVERID=服务器ID hivuiBirt_ServerFields_FDEPLOYID=部署ID hivuiBirt_ServerFields_FPROJECTNAME=项目名称 hivuiBirt_ServerFields_FDEVOWNER=项目拥有者 hivuiBirt_ServerFields_FOPERATORNAME=操作者 hivuiBirt_ServerFields_FCREATETIME=创建时间 hivuiBirt_EnumsFields_FENUMSGUID=枚举GUID hivuiBirt_EnumsFields_FSCHEME=方案名称 hivuiBirt_EnumsFields_FGROUPID=分组ID hivuiBirt_EnumsFields_FGROUPNAME=分组名称 hivuiBirt_EnumsFields_FOPTIONNAME=项名称 hivuiBirt_EnumsFields_FOPTIONVALUE=项显示值 hivuiBirt_EnumsFields_FOPTIONORDER=排序 hivuiBirt_ExecutorFields_FGUID=GUID hivuiBirt_ExecutorFields_FNAME=流程名称 hivuiBirt_ExecutorFields_FDISPLAYNAME=流程中文名称 hivuiBirt_ExecutorFields_FLOWPATH=流程功能路径 hivuiBirt_ExecutorFields_FVERSION=流程版本 hivuiBirt_ExecutorFields_FORGID=应用机构ID hivuiBirt_ExecutorFields_FORGNAME=应用机构名称 hivuiBirt_ExecutorDtlFields_FDTLGUID=记录GUID hivuiBirt_ExecutorDtlFields_FGUID=父记录GUID hivuiBirt_ExecutorDtlFields_FNODETYPE=环节类型 hivuiBirt_ExecutorDtlFields_FNODETYPENAME=环节类型名称 hivuiBirt_ExecutorDtlFields_FTASKNAME=环节名称 hivuiBirt_ExecutorDtlFields_FTASKDISPLAYNAME=环节中文名称 hivuiBirt_ExecutorDtlFields_FBZID=执行者编制ID hivuiBirt_ExecutorDtlFields_FBZNAME=执行者编制名称 hivuiBirt_ExecutorDtlFields_FROLEID=执行岗位ID hivuiBirt_ExecutorDtlFields_FROLENAME=执行岗位名称 hivuiBirt_ExecutorDtlFields_FP1=排序 hivuiBirt_ExecutorDtlFields_FP2=参数2 hivuiBirt_ExecutorDtlFields_FP3=参数3 hivuiBirt_FlowuxFields_FGUID=GUID hivuiBirt_FlowuxFields_FTITLE=流程标题 hivuiBirt_FlowuxFields_FBIZPATHTPL=模板流程业务路径 hivuiBirt_FlowuxFields_FBIZPATHUX=自定义流程业务路径 hivuiBirt_FlowuxFields_FBIZPATHFUN=功能路径 hivuiBirt_FlowuxFields_FNOTE=备注 hivuiBirt_JobInfoFields_id=id hivuiBirt_JobInfoFields_jobGroup=执行器主键id hivuiBirt_JobInfoFields_jobDesc=任务名称 hivuiBirt_JobInfoFields_addTime=新建时间 hivuiBirt_JobInfoFields_updateTime=更新时间 hivuiBirt_JobInfoFields_author=作者 hivuiBirt_JobInfoFields_alarmEmail=报警邮件 hivuiBirt_JobInfoFields_scheduleType=调度类型 hivuiBirt_JobInfoFields_scheduleConf=调度配置，值含义取决于调度类型 hivuiBirt_JobInfoFields_misfireStrategy=调度过期策略 hivuiBirt_JobInfoFields_executorRouteStrategy=执行器路由策略 hivuiBirt_JobInfoFields_executorHandler=执行器任务handler hivuiBirt_JobInfoFields_executorParam=执行器任务参数 hivuiBirt_JobInfoFields_executorBlockStrategy=阻塞处理策略 hivuiBirt_JobInfoFields_executorTimeout=任务执行超时时间，单位秒 hivuiBirt_JobInfoFields_executorFailRetryCount=失败重试次数 hivuiBirt_JobInfoFields_glueType=GLUE类型 hivuiBirt_JobInfoFields_glueSource=GLUE源代码 hivuiBirt_JobInfoFields_glueRemark=GLUE备注 hivuiBirt_JobInfoFields_glueUpdatetime=GLUE更新时间 hivuiBirt_JobInfoFields_childJobId=子任务id，多个逗号分隔 hivuiBirt_JobInfoFields_triggerStatus=调度状态 hivuiBirt_JobInfoFields_triggerLastTime=上次调度时间 hivuiBirt_JobInfoFields_triggerNextTime=下次调度时间 hivuiBirt_JobInfoFields_controlId=控件id hivuiBirt_JobLogFields_id=id hivuiBirt_JobLogFields_jobId=任务ID hivuiBirt_JobLogFields_jobGroup=执行器主键ID hivuiBirt_JobLogFields_executorAddress=执行器地址，本次执行的地址 hivuiBirt_JobLogFields_executorHandler=执行器任务handler hivuiBirt_JobLogFields_executorParam=执行器任务参数 hivuiBirt_JobLogFields_executorShardingParam=执行器任务分片参数，格式如 1/2 hivuiBirt_JobLogFields_executorFailRetryCount=失败重试次数 hivuiBirt_JobLogFields_triggerTime=调度时间 hivuiBirt_JobLogFields_triggerCode=调度结果 hivuiBirt_JobLogFields_triggerMsg=调度日志 hivuiBirt_JobLogFields_handleTime=执行时间 hivuiBirt_JobLogFields_handleCode=执行结果 hivuiBirt_JobLogFields_handleMsg=执行日志 hivuiBirt_JobLogFields_alarmStatus=告警状态 hivuiBirt_LevelFields_FLEVELGUID=职级ID hivuiBirt_LevelFields_FLEVELPGUID=职级父ID hivuiBirt_LevelFields_FLEVELID=职级号 hivuiBirt_LevelFields_FLEVELNAME=职级名称 hivuiBirt_LevelFields_FLEVELNAMEJP=职级简拼 hivuiBirt_LevelFields_FLEVELTREENO=树编号 hivuiBirt_LevelFields_FLEVELIDPATH=职级ID路径 hivuiBirt_LevelFields_FLEVELKIND=节点类型 hivuiBirt_LevelFields_FLEVELKINDNAME=节点类型名称 hivuiBirt_LevelFields_FSTATE=是否禁用 hivuiBirt_LevelFields_FNOTE=备注 hivuiBirt_LogLoginFields_FUSERID=用户ID hivuiBirt_LogLoginFields_FUSERNAME=姓名 hivuiBirt_LogLoginFields_FSOFTNAME=软件名称 hivuiBirt_LogLoginFields_FSOFTVER=软件版本号 hivuiBirt_LogLoginFields_FPCNAME=计算机名 hivuiBirt_LogLoginFields_FPCIP=电脑IP hivuiBirt_LogLoginFields_FPCMAC=硬件信息 hivuiBirt_LogLoginFields_FSESSIONID=会话sessionID hivuiBirt_LogLoginFields_FLOGINTIME=登录时间 hivuiBirt_LogLoginFields_FLOGOUTTIME=登出时间 hivuiBirt_LogLoginFields_FDEVICETYPE=设备类型 hivuiBirt_LogLoginFields_FNOTE=备注 hivuiBirt_LogReqFields_FGUID=GUID hivuiBirt_LogReqFields_FUSERID=用户ID hivuiBirt_LogReqFields_FUSERNAME=姓名 hivuiBirt_LogReqFields_FBZID=编制号 hivuiBirt_LogReqFields_FBZNAME=编制名称 hivuiBirt_LogReqFields_FTERMINAL=终端类型 hivuiBirt_LogReqFields_FTERMINALNAME=终端名称 hivuiBirt_LogReqFields_FIP=用户IP hivuiBirt_LogReqFields_FNAME=功能名称 hivuiBirt_LogReqFields_FURL=请求URL hivuiBirt_LogReqFields_FPARAMS=请求参数 hivuiBirt_LogReqFields_FSUCCESS=是否成功 hivuiBirt_LogReqFields_FEXCEPTION=异常信息 hivuiBirt_LogReqFields_FSTARTTIME=开始时间 hivuiBirt_LogReqFields_FENDTIME=结束时间 hivuiBirt_LogReqFields_FCOST=耗费时间(毫秒) hivuiBirt_MsgFields_FGUID=GUID hivuiBirt_MsgFields_FTITLE=消息标题 hivuiBirt_MsgFields_FSTATE=消息状态 hivuiBirt_MsgFields_FSTATENAME=消息状态名称 hivuiBirt_MsgFields_FMSGTYPE=消息类型 hivuiBirt_MsgFields_FMSGTYPENAME=消息类型 hivuiBirt_MsgFields_FCONTENT=消息内容 hivuiBirt_MsgFields_FMSGLEVEL=消息等级 hivuiBirt_MsgFields_FMSGLEVELNAME=消息等级名称 hivuiBirt_MsgFields_FSAVETAG=是否收藏 hivuiBirt_MsgSetFields_FGUID=GUID hivuiBirt_MsgSetFields_FUSERID=订阅工号 hivuiBirt_MsgSetFields_FMSGTYPE=消息类型 hivuiBirt_MsgSetFields_FMSGTYPENAME=消息类型名称 hivuiBirt_MsgSetFields_FEMAIL=邮箱订阅 hivuiBirt_MsgSetFields_FSHOTMSG=短信订阅 hivuiBirt_MsgSetFields_FWECHAT=微信订阅 hivuiBirt_MsgSetFields_FAPP=APP订阅 hivuiBirt_MsgTplFields_FGUID=GUID hivuiBirt_MsgTplFields_FMSGID=消息ID hivuiBirt_MsgTplFields_FMSGTYPE=消息类型 hivuiBirt_MsgTplFields_FMSGTYPENAME=消息类型名称 hivuiBirt_MsgTplFields_FTITLE=消息标题 hivuiBirt_MsgTplFields_FCONTENT=消息内容 hivuiBirt_OrgFields_FGUID=GUID hivuiBirt_OrgFields_FORGPGUID=机构父ID hivuiBirt_OrgFields_FORGTREENO=树编号 hivuiBirt_OrgFields_FORGID=组织机构编码 hivuiBirt_OrgFields_FORGPID=组织父机构编码 hivuiBirt_OrgFields_FPORGID=父ORGID hivuiBirt_OrgFields_FPORGNAME=父组织机构 hivuiBirt_OrgFields_FC1=组织机构编码 hivuiBirt_OrgFields_FORGSNAME=机构名称 hivuiBirt_OrgFields_FORGNAMEJP=简拼 hivuiBirt_OrgFields_FORGKIND=机构类型 hivuiBirt_OrgFields_FORGKINDNAME=机构类型 hivuiBirt_OrgFields_FORGIDPATH=组织机构路径 hivuiBirt_OrgFields_FORGDIMENSION=组织机构维度 hivuiBirt_OrgFields_FORGDIMENSIONNAME=组织机构维度 hivuiBirt_OrgFields_FLEVELID=职级ID hivuiBirt_OrgFields_FLEVELNAME=职级名称 hivuiBirt_OrgFields_FORDER=排序 hivuiBirt_OrgFields_FBZID=编制号 hivuiBirt_OrgFields_FUSERID=负责人 hivuiBirt_OrgFields_FUSERNAME=负责人 hivuiBirt_OrgFields_FORGNAME=组织机构 hivuiBirt_OrgFields_FBZNAME=编制名称 hivuiBirt_OrgFields_FDEFAULTBZ=是否默认编制 hivuiBirt_OrgFields_FSTATE=是否禁用 hivuiBirt_OrgFields_FROLEID=岗位ID hivuiBirt_OrgFields_FROLEGUID=岗位GUID hivuiBirt_OrgFields_FROLENAME=岗位名称 hivuiBirt_OrgFields_FSUPERUSERID=直属上级 hivuiBirt_OrgFields_FSUPERUSERNAME=直属上级 hivuiBirt_OrgFields_FSUPERBZID=直属上级编制 hivuiBirt_OrgFields_FSUPERBZNAME=直属上级编制 hivuiBirt_OrgFields_FNOTE=备注 hivuiBirt_OrgFields_FDEPTID=部门ID hivuiBirt_OrgFields_FDEPTGUID=部门Guid hivuiBirt_OrgFields_FDEPTNAME=部门名称 hivuiBirt_OrgFields_COMPANY=所属公司 hivuiBirt_OrgFields_Id=机构号 hivuiBirt_ResourceFields_FRESGUID=菜单GUID hivuiBirt_ResourceFields_FRESPGUID=菜单父GUID hivuiBirt_ResourceFields_FRESTREENO=树编号 hivuiBirt_ResourceFields_FPROJECTID=当前项目ID hivuiBirt_ResourceFields_FRESURL=资源(功能)路径 hivuiBirt_ResourceFields_FC1=业务路径 hivuiBirt_ResourceFields_FC2=打开方式 hivuiBirt_ResourceFields_FRESNAME=菜单名称 hivuiBirt_ResourceFields_FRESNAMEJP=简拼 hivuiBirt_ResourceFields_FRESTYPE=资源类型 hivuiBirt_ResourceFields_FRESTYPENAME=资源类型名称 hivuiBirt_ResourceFields_FORDER=排序 hivuiBirt_ResourceFields_FICONCLASS=PC图标 hivuiBirt_ResourceFields_FAPPICONCLASS=手机图标 hivuiBirt_ResourceFields_FICONCOLOR=图标颜色 hivuiBirt_ResourceFields_FSHOW=菜单显示类型 hivuiBirt_ResourceFields_FSHOWNAME=自定义菜单 hivuiBirt_ResourceFields_FISACTIVE=是否启动打开 hivuiBirt_ResourceFields_FISOFFLINE=是否支持离线 hivuiBirt_ResourceFields_FSTATE=是否禁用 hivuiBirt_ResourceFields_FPOSITION=方位 hivuiBirt_ResourceFields_FPOSITIONNAME=方位名称 hivuiBirt_ResourceFields_FSHOWLABEL=菜单显示类型 hivuiBirt_ResourceFields_FOPENLABEL=菜单打开方式 hivuiBirt_ResourceFields_FNOTE=备注 hivuiBirt_ResourceFields_FBIZPATHUX=自定义流程 hivuiBirt_RoleFields_FROLEGUID=岗位ID hivuiBirt_RoleFields_FROLEPGUID=岗位父ID hivuiBirt_RoleFields_FC1=组织机构编码 hivuiBirt_RoleFields_FC2=所属公司 hivuiBirt_RoleFields_FROLEID=岗位号 hivuiBirt_RoleFields_FROLENAME=岗位名称 hivuiBirt_RoleFields_FSUPERID=指定继承岗位 hivuiBirt_RoleFields_FSUPERGUID=指定继承岗位guid hivuiBirt_RoleFields_FSUPERNAME=指定继承岗位 hivuiBirt_RoleFields_FRESTYPENAME=资源类型名称 hivuiBirt_RoleFields_FORDER=排序 hivuiBirt_RoleFields_FICONCLASS=PC图标 hivuiBirt_RoleFields_FAPPICONCLASS=手机图标 hivuiBirt_RoleFields_FICONCOLOR=图标颜色 hivuiBirt_RoleFields_FSHOW=菜单显示类型 hivuiBirt_RoleFields_FROLEKIND=节点类型 hivuiBirt_RoleFields_FROLEKINDNAME=节点类型 hivuiBirt_RoleFields_FISACTIVE=是否启动打开 hivuiBirt_RoleFields_FISOFFLINE=是否支持离线 hivuiBirt_RoleFields_FSTATE=是否禁用 hivuiBirt_RoleFields_FPOSITION=方位 hivuiBirt_RoleFields_FPOSITIONNAME=方位名称 hivuiBirt_RoleFields_FSHOWLABEL=菜单显示名称 hivuiBirt_RoleFields_FOPENLABEL=菜单打开名称 hivuiBirt_RoleFields_FNOTE=备注 hivuiBirt_RoleMappingFields_FGUID=GUID hivuiBirt_RoleMappingFields_FSROLEID=EAP岗位号 hivuiBirt_RoleMappingFields_FSROLENAME=EAP岗位名称 hivuiBirt_RoleMappingFields_FTORGID=机构ID hivuiBirt_RoleMappingFields_FTORGNAME=机构名称 hivuiBirt_RoleMappingFields_FTROLEID=岗位号 hivuiBirt_RoleMappingFields_FTROLENAME=岗位名称 hivuiBirt_RoleMappingFields_FSTATE=是否禁用 hivuiBirt_RoleMappingFields_FROLEIDPATH=岗位ID路径 hivuiBirt_RoleMappingFields_FNOTE=备注 hivuiBirt_SchemeFields_FGUID=方案ID hivuiBirt_SchemeFields_FSCHEMENAME=方案名称 hivuiBirt_SchemeFields_FSCHEMETYPE=方案类型 hivuiBirt_SchemeFields_FSCHEMETYPENAME=机构ID hivuiBirt_SchemeFields_FCONTENT=方案类型名称 hivuiBirt_SchemeFields_FFUNCURL=统计功能URL hivuiBirt_SchemeFields_FAFFAIRNAME=事务名称 hivuiBirt_SchemeFields_FUSERID=人员权限 hivuiBirt_SchemeFields_FROLEID=岗位权限 hivuiBirt_SchemeFields_FDEPTID=部门权限 hivuiBirt_SysFields_SYS_FAUDITPOINT=审批状态 hivuiBirt_SysFields_SYS_FAUDITTASK=单据状态 hivuiBirt_SysFields_SYS_FAUDITRECORD=审批记录 hivuiBirt_SysFields_SYS_FAUDITTIME=审核时间 hivuiBirt_SysFields_SYS_FOPERATOR=制单人 hivuiBirt_SysFields_SYS_FOPERATORBZ=制单岗位号 hivuiBirt_SysFields_SYS_FOPERATORNAME=制单人 hivuiBirt_SysFields_SYS_FAGENT=代理人 hivuiBirt_SysFields_SYS_FAGENTBZ=代理岗位号 hivuiBirt_SysFields_SYS_FAGENTNAME=代理人 hivuiBirt_SysFields_SYS_FORGID=机构ID hivuiBirt_SysFields_SYS_FORGNAME=机构名称 hivuiBirt_SysFields_SYS_FWRITETIME=制单时间 hivuiBirt_SysFields_SYS_FEDITOR=修改人 hivuiBirt_SysFields_SYS_FEDITTIME=修改时间 hivuiBirt_SysFields_SYS_FMODIFY=修改记录标识 hivuiBirt_UpgradeFields_FID=GUID hivuiBirt_UpgradeFields_FTYPE=升级类型 hivuiBirt_UpgradeFields_FTYPENAME=升级类型 hivuiBirt_UpgradeFields_FOWNER=拥有者 hivuiBirt_UpgradeFields_FPN=项目名 hivuiBirt_UpgradeFields_FPW=制单岗位号 hivuiBirt_UpgradeFields_FFILE=文件 hivuiBirt_UpgradeFields_FVERSION=版本 hivuiBirt_UpgradeFields_FOPERATOR=操作者 hivuiBirt_UpgradeFields_FTIME=操作时间 hivuiBirt_UserFields_FUSERID=工号 hivuiBirt_UserFields_FUSERNAMEID=姓名 hivuiBirt_UserFields_FMBPHONE=手机号码 hivuiBirt_UserFields_FEMAIL=邮箱 hivuiBirt_UserFields_FQQ=QQ hivuiBirt_UserFields_FWEIXIN=微信帐号 hivuiBirt_UserFields_FPASSWORD=密码 hivuiBirt_UserFields_FSECONDPWD=二重密码 hivuiBirt_UserFields_FTHIRDPWD=三重密码 hivuiBirt_UserFields_FSTATE=是否禁用 hivuiBirt_UserDetailFields_FBZID=编制ID hivuiBirt_UserDetailFields_FBZNAME=编制名称 hivuiBirt_UserDetailFields_FUSERID=工号 hivuiBirt_UserDetailFields_FUSERNAME=姓名 hivuiBirt_UserDetailFields_FORGNAME=所属公司 hivuiBirt_UserDetailFields_FROLENAME=岗位名称 hivuiBirt_UserInfoFields_FUSERID=工号 hivuiBirt_UserInfoFields_FUSERID2=工号 hivuiBirt_UserInfoFields_FNUMBER=单号 hivuiBirt_UserInfoFields_FBZID=主岗编制 hivuiBirt_UserInfoFields_FUSERNAME=姓名 hivuiBirt_UserInfoFields_FUSERNAMEJP=简拼 hivuiBirt_UserInfoFields_FCITYLIST=所在城市 hivuiBirt_UserInfoFields_FUSERPROVINCE=所在省份 hivuiBirt_UserInfoFields_FUSERCITY=所在城市 hivuiBirt_UserInfoFields_FUSERSTYLE=皮肤 hivuiBirt_UserInfoFields_FUSERMAINMBURL=个人手机主页 hivuiBirt_UserInfoFields_FUSERMAINPCURL=个人PC主页 hivuiBirt_UserInfoFields_FUSERTYPE=类型 hivuiBirt_UserInfoFields_FUSERTYPENAME=用户类型 hivuiBirt_UserInfoFields_FUSERSFZ=身份证号 hivuiBirt_UserInfoFields_FUSERSFZPIC1=身份证正面照 hivuiBirt_UserInfoFields_FUSERSFZPIC2=身份证反面照 hivuiBirt_UserInfoFields_FBIRTHDAY=出生年月 hivuiBirt_UserInfoFields_FSTATE=是否禁用 hivuiBirt_UserInfoFields_FSEX=性别 hivuiBirt_UserInfoFields_FADDRESS=地址 hivuiBirt_UserInfoFields_FMBPHONE=手机号码 hivuiBirt_UserInfoFields_FPHONE=电话 hivuiBirt_UserInfoFields_FEMAIL=邮箱 hivuiBirt_UserInfoFields_FQQ=QQ号码 hivuiBirt_UserInfoFields_FWEIXIN=微信号码 hivuiBirt_UserInfoFields_FUSERPHOTO=用户头像 hivuiBirt_UserInfoFields_FUSERSIGN=电子签名 hivuiBirt_UserInfoFields_FUSERSIGN2=电子签名2 hivuiBirt_UserInfoFields_FUSERSIGN3=电子签名3 hivuiBirt_UserInfoFields_FREGIP=注册地址 hivuiBirt_UserInfoFields_FNOTE=备注 hivuiBirt_UserInfoFields_FFAX=传真 hivuiBirt_UserInfoFields_FUSERORGPATH=用户机构路径 hivuiBirt_UseroperateFields_FGUID=GUID hivuiBirt_UseroperateFields_FUSERID=工号 hivuiBirt_UseroperateFields_FKEY=KEY hivuiBirt_UseroperateFields_FVALUE=值 hivuiBirt_UseroperateFields_FWRITETIME=写入时间 hivuiBirt_UseroperateFields_FNAME=描述 hivuiBirt_UseroperateFields_FTYPE=类型 hivuiBirt_LanguageFields_FGUID=GUID hivuiBirt_LanguageFields_FLANFILE=语言文件 hivuiBirt_LanguageFields_FTYPE=语言类型 hivuiBirt_title_baseInfo=基础信息 hivuiBirt_title_contactInfo=联系方式 hivuiBirt_title_certificaInfo=认证信息 hivuiBirt_title_operatorInfo=制单信息 hivuiBirt_title_job_log=作业日志 hivuiBirt_title_clear_log=清理日志 hivuiBirt_title_cur_node=当前节点信息 hivuiBirt_title_child_node=子节点信息 hivuiBirt_title_save_confirm=保存确认 hivuiBirt_title_loading=执行中... hivuiBirt_title_clear_add=清空添加 hivuiBirt_title_query=查看 hivuiBirt_tip_disable_node=禁用此节点，其子节点也会被禁用，请慎重考虑！ hivuiBirt_tip_resource_order=提示：排序默认值为0，0不参与排序 hivuiBirt_tip_scheme=提示：当事务名称为空时方案在功能范围内可见，当事务名称有值时方案仅在此功能下相应事务范围内可见。 hivuiBirt_tip_schemetype=提示：当方案类型为权限时，人员权限、岗位权限、部门权限才有效。 hivuiBirt_tip_removeBz=当前编制关联的业务数据将无法正常使用，确定要继续删除吗？ hivuiBirt_step_assign_obj=选择分配对象 hivuiBirt_step_edit_obj=选择修改对象 hivuiBirt_step_assign_func=选择分配功能 hivuiBirt_step_edit_func=选择修改功能 hivuiBirt_step_assign_auth=分配数据权限、操作权限 hivuiBirt_step_edit_auth=修改数据权限、操作权限 hivuiBirt_step_assign_data=数据权限分配 hivuiBirt_step_assign_operate=操作权限分配 hivuiBirt_step_editAssignObj=修改授权对象 hivuiBirt_step_next=下一步 hivuiBirt_pane_editByObj=按分配对象修改 hivuiBirt_pane_editByFunc=按功能修改 hivuiBirt_pane_checkByFunc=按功能反查 hivuiBirt_pane_checkByUser=按用户反查 hivuiBirt_dialog_res=选择资源树 hivuiBirt_dialog_flowux=选择自定义流程 hivuiBirt_dialog_outputField=输出字段 hivuiBirt_dialog_org=选择组织机构 hivuiBirt_dialog_role=选择岗位 hivuiBirt_dialog_dept=选择部门 hivuiBirt_dialog_flow=选择流程 hivuiBirt_dialog_level=选择职级 hivuiBirt_dialog_user=选择负责人 hivuiBirt_dialog_username=选择用户 hivuiBirt_dialog_menu=选择菜单 hivuiBirt_dialog_superRole=选择继承岗位 hivuiBirt_dialog_exportProcess=导出进度 hivuiBirt_dialog_bz=选择编制 hivuiBirt_icon_root=根节点 hivuiBirt_icon_dir=文件夹 hivuiBirt_icon_role=岗位 hivuiBirt_icon_func=功能 hivuiBirt_icon_flow=流程 hivuiBirt_icon_level=职级 hivuiBirt_icon_addBrother=新增同级 hivuiBirt_icon_addChild=新增子级 hivuiBirt_sex_man=男 hivuiBirt_sex_woman=女 hivuiBirt_state_yes=是 hivuiBirt_state_no=否 hivuiBirt_enums_apptype_Android=Android hivuiBirt_enums_apptype_iOS=iOS hivuiBirt_enums_fcounttype_0=一直累加 hivuiBirt_enums_fcounttype_1=按年累加 hivuiBirt_enums_fcounttype_2=按月累加 hivuiBirt_enums_fcounttype_3=按日累加 hivuiBirt_enums_handleCode_200=成功 hivuiBirt_enums_handleCode_500=失败 hivuiBirt_enums_jobstatus_1=运行 hivuiBirt_enums_jobstatus_0=停止 hivuiBirt_enums_languagetype_zh-CN=中文 hivuiBirt_enums_languagetype_en=英文 hivuiBirt_enums_leveltype_.ROOT=根节点 hivuiBirt_enums_leveltype_.DIR=文件夹 hivuiBirt_enums_leveltype_.LEV=职级 hivuiBirt_enums_menuOpenType_1=默认 hivuiBirt_enums_menuOpenType_2=弹窗 hivuiBirt_enums_menuOpenType_3=浏览器标签 hivuiBirt_enums_menuShowType_0=不显示 hivuiBirt_enums_menuShowType_1=桌面端 hivuiBirt_enums_menuShowType_2=手机端 hivuiBirt_enums_menuShowType_3=所有终端 hivuiBirt_enums_msglevel_1=一般消息 hivuiBirt_enums_msglevel_2=紧急消息 hivuiBirt_enums_msgtype_1=未读消息 hivuiBirt_enums_msgtype_2=已读消息 hivuiBirt_enums_orgdimension_.ZR=职能 hivuiBirt_enums_orgdimension_.XM=项目 hivuiBirt_enums_orgtype_.ROOT=根节点 hivuiBirt_enums_orgtype_.ORG=机构 hivuiBirt_enums_orgtype_.DPT=部门 hivuiBirt_enums_orgtype_.PTM=岗位 hivuiBirt_enums_orgtype_.PSM=人员 hivuiBirt_enums_position_0=默认 hivuiBirt_enums_position_1=顶部整行 hivuiBirt_enums_position_2=底部整行 hivuiBirt_enums_position_3=左边整列 hivuiBirt_enums_position_4=右侧整列 hivuiBirt_enums_position_5=中间 hivuiBirt_enums_position_13=上左 hivuiBirt_enums_position_14=上右 hivuiBirt_enums_position_23=下左 hivuiBirt_enums_position_24=下右 hivuiBirt_enums_position_31=左上 hivuiBirt_enums_position_32=左下 hivuiBirt_enums_position_41=右上 hivuiBirt_enums_position_42=右下 hivuiBirt_enums_restype_dir=文件夹 hivuiBirt_enums_restype_func=功能 hivuiBirt_enums_restype_flow=流程 hivuiBirt_enums_restype_url=链接 hivuiBirt_enums_restype_sso=单点跳转 hivuiBirt_enums_roletype_.ROOT=根节点 hivuiBirt_enums_roletype_.DIR=文件夹 hivuiBirt_enums_roletype_.PTN=岗位 hivuiBirt_enums_sex_1=男 hivuiBirt_enums_sex_2=女 hivuiBirt_enums_triggerCode_200=成功 hivuiBirt_enums_triggerCode_500=失败 hivuiBirt_enums_usertype_1=个人用户 hivuiBirt_enums_usertype_2=企业用户

Ignore Space Show notes View

project/hivuiBirt/lang/zh-CN.language 0 → 100644

hivuiBirt_formToolBar_add=添加
hivuiBirt_formToolBar_cancel=取消
hivuiBirt_formToolBar_flowOut=流转
hivuiBirt_formToolBar_flowBack=回退
hivuiBirt_formToolBar_signOut=加签
hivuiBirt_formToolBar_turnOut=转办
hivuiBirt_formToolBar_terminate=终止
hivuiBirt_formToolBar_monitor=流程监控
hivuiBirt_formToolBar_approval=流程审批
hivuiBirt_formToolBar_print=打印
hivuiBirt_formToolBar_prints=批量打印
hivuiBirt_formToolBar_export=导出
hivuiBirt_formToolBar_import=导入
hivuiBirt_formToolBar_remove=删除
hivuiBirt_formToolBar_save=保存
hivuiBirt_formToolBar_takenorder=调单

hivuiBirt_datetime_to=至
hivuiBirt_datetime_start=开始日期
hivuiBirt_datetime_end=结束日期
hivuiBirt_datetime_now=本日
hivuiBirt_datetime_yesterday=昨日
hivuiBirt_datetime_last7=近7日
hivuiBirt_datetime_last28=近28日
hivuiBirt_datetime_last84=近84日
hivuiBirt_datetime_halfYear=近半年
hivuiBirt_datetime_oneYear=近1年
hivuiBirt_datetime_overdue=已过期
hivuiBirt_datetime_threeMonth=三个月内
hivuiBirt_datetime_three2six_months=三至六个月
hivuiBirt_datetime_six2nine_months=六至九个月
hivuiBirt_datetime_nine_months=九个月以上
hivuiBirt_datetime_eighteen_months=18个月上
hivuiBirt_datetime_two_years=二年以上
hivuiBirt_datetime_three_years=三年以上
hivuiBirt_datetime_week=本周
hivuiBirt_datetime_month=本月
hivuiBirt_datetime_quarter=本季度
hivuiBirt_datetime_year=本年度

hivuiBirt_btn_query=查询
hivuiBirt_btn_add=新增
hivuiBirt_btn_remove=删除
hivuiBirt_btn_edit=修改
hivuiBirt_btn_save=保存
hivuiBirt_btn_disabled=禁用
hivuiBirt_btn_confirm=确定
hivuiBirt_btn_cancel=取消
hivuiBirt_btn_enable=启用
hivuiBirt_btn_resetpw=重置密码
hivuiBirt_btn_model_download=模板下载
hivuiBirt_btn_return=返回
hivuiBirt_btn_detail=详情
hivuiBirt_btn_start=启动
hivuiBirt_btn_run=运行
hivuiBirt_btn_stop=停止
hivuiBirt_btn_dispatch_once=调度一次
hivuiBirt_btn_query_log=查看日志
hivuiBirt_btn_sync_job=同步作业
hivuiBirt_btn_collect=收藏
hivuiBirt_btn_collect_cancel=取消收藏
hivuiBirt_btn_click_upload=点击上传
hivuiBirt_btn_checked=已选
hivuiBirt_btn_unchecked=未选
hivuiBirt_btn_all=全部
hivuiBirt_btn_upload=上传
hivuiBirt_btn_downloadAll=下载全部
hivuiBirt_btn_downloadIncrement=增量下载
hivuiBirt_btn_addImport=新增导入
hivuiBirt_btn_unlock=解锁

hivuiBirt_table_empty_text=暂无数据
hivuiBirt_table_operate=操作
hivuiBirt_table_index=序号
hivuiBirt_table_resname=功能名称
hivuiBirt_table_assignName=授权对象
hivuiBirt_table_field=字段
hivuiBirt_table_fieldId=字段id
hivuiBirt_table_fieldName=字段名
hivuiBirt_table_readOnly=只读
hivuiBirt_table_require=必填
hivuiBirt_table_hide=隐藏
hivuiBirt_table_noOutPut=不输出
hivuiBirt_table_import=导入
hivuiBirt_table_unImport=不导入
hivuiBirt_table_company=所属公司
hivuiBirt_table_dataAuth=数据权限
hivuiBirt_table_dept=部门列表
hivuiBirt_table_role=岗位列表
hivuiBirt_table_user=用户列表
hivuiBirt_table_column=列设置

hivuiBirt_message_turnOut=流转成功!
hivuiBirt_message_turnBack=回退成功!
hivuiBirt_message_remove=删除成功！
hivuiBirt_message_save=保存成功！
hivuiBirt_message_sureCheck=确定勾选吗?
hivuiBirt_message_login=登录成功
hivuiBirt_message_nodeDel=请选择要删除的节点
hivuiBirt_message_notDir=非目录节点不能新增子节点
hivuiBirt_message_nodeEdit=请选择要修改的节点
hivuiBirt_message_flow_func=只能选中流程或功能节点
hivuiBirt_message_addData=请添加数据
hivuiBirt_message_isConfirm=此操作将永久删除该数据 是否继续?
hivuiBirt_message_confirm_clearLog=此操作将清理所有日志 是否继续?
hivuiBirt_message_confirmCancel=确定取消吗?
hivuiBirt_message_confirmDisabled=确定禁用该用户吗?
hivuiBirt_message_confirmEnable=确定启用用该用户吗?
hivuiBirt_message_tip=提示
hivuiBirt_message_disabled=禁用成功
hivuiBirt_message_enable=启用成功
hivuiBirt_message_cancel=已取消
hivuiBirt_message_resetpw=密码重置成功
hivuiBirt_message_password=请输入新的密码(密码长度4-16)
hivuiBirt_message_password_error=密码格式不正确
hivuiBirt_message_reset_user=请选择要重置的用户
hivuiBirt_message_No=第
hivuiBirt_message_phone=手机号
hivuiBirt_message_format_error=格式错误
hivuiBirt_message_missing_data=条数据缺少
hivuiBirt_message_userid=用户工号
hivuiBirt_message_username=用户姓名
hivuiBirt_message_roleid=岗位编码
hivuiBirt_message_orgid=机构编码
hivuiBirt_message_deptid=部门编码
hivuiBirt_message_no_exist=不存在
hivuiBirt_message_import=导入成功！
hivuiBirt_message_no_importData=没有检测到导入的数据
hivuiBirt_message_schedule_empty=调度配置为空
hivuiBirt_message_operate_suc=操作成功
hivuiBirt_message_sync_suc=同步成功
hivuiBirt_message_next_time=下次执行时间
hivuiBirt_message_confirm_job=确定导入作业吗
hivuiBirt_message_clear_suc=清理成功
hivuiBirt_message_collect_suc=收藏成功
hivuiBirt_message_confirm_save=是否确认保存?
hivuiBirt_message_clear_add=您已选择“清空添加”，即将清空“已选功能菜单”原有的所有权限，重新分配当前权限，请慎用?
hivuiBirt_message_fieldError=获取字段信息错误
hivuiBirt_message_dataScheme=请选择数据方案
hivuiBirt_message_res=请选择资源菜单
hivuiBirt_message_user=请选择用户
hivuiBirt_message_confirmStop=确定停止吗
hivuiBirt_message_confirmStart=确定启动吗
hivuiBirt_message_confirmRemove=确定删除吗
hivuiBirt_message_removeContinue=是否继续删除数据，无法还原？
hivuiBirt_message_input=请输入
hivuiBirt_message_inputKeyWord=请输入关键字
hivuiBirt_message_select=请选择
hivuiBirt_message_confirmCancel=数据已更改，是否确定取消？
hivuiBirt_message_unlock=解锁成功
hivuiBirt_message_company=请选择选择所属公司

hivuiBirt_export_name=用户信息
hivuiBirt_export_username=姓名
hivuiBirt_export_userid=工号
hivuiBirt_export_sex=性别

hivuiBirt_templates_list=列表
hivuiBirt_templates_detail=详情
hivuiBirt_templates_add=新增
hivuiBirt_templates_adds=批量新增

hivuiBirt_validate_FMBPHONE=请输入正确的电话号码
hivuiBirt_validate_FEMAIL=请输入正确的邮箱地址
hivuiBirt_validate_FIDCARD=请输入正确的身份证号
hivuiBirt_validate_FUSERID=请输入工号
hivuiBirt_validate_FTITLE=不能以数字开头且只能包含中文、字母、数字、+、-、_
hivuiBirt_validate_length4=长度不小于4

hivuiBirt_AppversionFields_FGUID=GUID
hivuiBirt_AppversionFields_FNAME=名称
hivuiBirt_AppversionFields_FVERSION=版本号
hivuiBirt_AppversionFields_FTYPE=类型
hivuiBirt_AppversionFields_FDOWNLOADURL=下载地址
hivuiBirt_AppversionFields_FUPFORCE=是否强制升级
hivuiBirt_AppversionFields_FRECSTATUS=是否开启
hivuiBirt_AppversionFields_FNOTE=版本说明

hivuiBirt_CommoncodeFields_FGUID=GUID
hivuiBirt_CommoncodeFields_FCODEID=功能ID
hivuiBirt_CommoncodeFields_FFORMAT=编码格式
hivuiBirt_CommoncodeFields_FCOUNT=当前计数
hivuiBirt_CommoncodeFields_FCOUNTTYPE=计数方式
hivuiBirt_CommoncodeFields_FCOUNTTYPENAME=计数方式名称
hivuiBirt_CommoncodeFields_FINIT=初始值
hivuiBirt_CommoncodeFields_FDESCRIPTION=说明

hivuiBirt_ComponentVersionFields_FID=ID
hivuiBirt_ComponentVersionFields_FNAME=组件名称
hivuiBirt_ComponentVersionFields_FDESC=组件描述
hivuiBirt_ComponentVersionFields_FVERSION=版本
hivuiBirt_ComponentVersionFields_FBetaVERSION=Beta版本
hivuiBirt_ComponentVersionFields_FSOURCETYPE=源类型
hivuiBirt_ComponentVersionFields_FUSETYPE=使用类型

hivuiBirt_ServerFields_FID=ID
hivuiBirt_ServerFields_FDESC=名称
hivuiBirt_ServerFields_FIP=ip地址
hivuiBirt_ServerFields_FPORT=端口号
hivuiBirt_ServerFields_FNOTE=备注
hivuiBirt_ServerFields_FPASSWORD=密码
hivuiBirt_ServerFields_FSERVERID=服务器ID
hivuiBirt_ServerFields_FDEPLOYID=部署ID
hivuiBirt_ServerFields_FPROJECTNAME=项目名称
hivuiBirt_ServerFields_FDEVOWNER=项目拥有者
hivuiBirt_ServerFields_FOPERATORNAME=操作者
hivuiBirt_ServerFields_FCREATETIME=创建时间

hivuiBirt_EnumsFields_FENUMSGUID=枚举GUID
hivuiBirt_EnumsFields_FSCHEME=方案名称
hivuiBirt_EnumsFields_FGROUPID=分组ID
hivuiBirt_EnumsFields_FGROUPNAME=分组名称
hivuiBirt_EnumsFields_FOPTIONNAME=项名称
hivuiBirt_EnumsFields_FOPTIONVALUE=项显示值
hivuiBirt_EnumsFields_FOPTIONORDER=排序

hivuiBirt_ExecutorFields_FGUID=GUID
hivuiBirt_ExecutorFields_FNAME=流程名称
hivuiBirt_ExecutorFields_FDISPLAYNAME=流程中文名称
hivuiBirt_ExecutorFields_FLOWPATH=流程功能路径
hivuiBirt_ExecutorFields_FVERSION=流程版本
hivuiBirt_ExecutorFields_FORGID=应用机构ID
hivuiBirt_ExecutorFields_FORGNAME=应用机构名称

hivuiBirt_ExecutorDtlFields_FDTLGUID=记录GUID
hivuiBirt_ExecutorDtlFields_FGUID=父记录GUID
hivuiBirt_ExecutorDtlFields_FNODETYPE=环节类型
hivuiBirt_ExecutorDtlFields_FNODETYPENAME=环节类型名称
hivuiBirt_ExecutorDtlFields_FTASKNAME=环节名称
hivuiBirt_ExecutorDtlFields_FTASKDISPLAYNAME=环节中文名称
hivuiBirt_ExecutorDtlFields_FBZID=执行者编制ID
hivuiBirt_ExecutorDtlFields_FBZNAME=执行者编制名称
hivuiBirt_ExecutorDtlFields_FROLEID=执行岗位ID
hivuiBirt_ExecutorDtlFields_FROLENAME=执行岗位名称
hivuiBirt_ExecutorDtlFields_FP1=排序
hivuiBirt_ExecutorDtlFields_FP2=参数2
hivuiBirt_ExecutorDtlFields_FP3=参数3

hivuiBirt_FlowuxFields_FGUID=GUID
hivuiBirt_FlowuxFields_FTITLE=流程标题
hivuiBirt_FlowuxFields_FBIZPATHTPL=模板流程业务路径
hivuiBirt_FlowuxFields_FBIZPATHUX=自定义流程业务路径
hivuiBirt_FlowuxFields_FBIZPATHFUN=功能路径
hivuiBirt_FlowuxFields_FNOTE=备注

hivuiBirt_JobInfoFields_id=id
hivuiBirt_JobInfoFields_jobGroup=执行器主键id
hivuiBirt_JobInfoFields_jobDesc=任务名称
hivuiBirt_JobInfoFields_addTime=新建时间
hivuiBirt_JobInfoFields_updateTime=更新时间
hivuiBirt_JobInfoFields_author=作者
hivuiBirt_JobInfoFields_alarmEmail=报警邮件
hivuiBirt_JobInfoFields_scheduleType=调度类型
hivuiBirt_JobInfoFields_scheduleConf=调度配置，值含义取决于调度类型
hivuiBirt_JobInfoFields_misfireStrategy=调度过期策略
hivuiBirt_JobInfoFields_executorRouteStrategy=执行器路由策略
hivuiBirt_JobInfoFields_executorHandler=执行器任务handler
hivuiBirt_JobInfoFields_executorParam=执行器任务参数
hivuiBirt_JobInfoFields_executorBlockStrategy=阻塞处理策略
hivuiBirt_JobInfoFields_executorTimeout=任务执行超时时间，单位秒
hivuiBirt_JobInfoFields_executorFailRetryCount=失败重试次数
hivuiBirt_JobInfoFields_glueType=GLUE类型
hivuiBirt_JobInfoFields_glueSource=GLUE源代码
hivuiBirt_JobInfoFields_glueRemark=GLUE备注
hivuiBirt_JobInfoFields_glueUpdatetime=GLUE更新时间
hivuiBirt_JobInfoFields_childJobId=子任务id，多个逗号分隔
hivuiBirt_JobInfoFields_triggerStatus=调度状态
hivuiBirt_JobInfoFields_triggerLastTime=上次调度时间
hivuiBirt_JobInfoFields_triggerNextTime=下次调度时间
hivuiBirt_JobInfoFields_controlId=控件id

hivuiBirt_JobLogFields_id=id
hivuiBirt_JobLogFields_jobId=任务ID
hivuiBirt_JobLogFields_jobGroup=执行器主键ID
hivuiBirt_JobLogFields_executorAddress=执行器地址，本次执行的地址
hivuiBirt_JobLogFields_executorHandler=执行器任务handler
hivuiBirt_JobLogFields_executorParam=执行器任务参数
hivuiBirt_JobLogFields_executorShardingParam=执行器任务分片参数，格式如 1/2
hivuiBirt_JobLogFields_executorFailRetryCount=失败重试次数
hivuiBirt_JobLogFields_triggerTime=调度时间
hivuiBirt_JobLogFields_triggerCode=调度结果
hivuiBirt_JobLogFields_triggerMsg=调度日志
hivuiBirt_JobLogFields_handleTime=执行时间
hivuiBirt_JobLogFields_handleCode=执行结果
hivuiBirt_JobLogFields_handleMsg=执行日志
hivuiBirt_JobLogFields_alarmStatus=告警状态

hivuiBirt_LevelFields_FLEVELGUID=职级ID
hivuiBirt_LevelFields_FLEVELPGUID=职级父ID
hivuiBirt_LevelFields_FLEVELID=职级号
hivuiBirt_LevelFields_FLEVELNAME=职级名称
hivuiBirt_LevelFields_FLEVELNAMEJP=职级简拼
hivuiBirt_LevelFields_FLEVELTREENO=树编号
hivuiBirt_LevelFields_FLEVELIDPATH=职级ID路径
hivuiBirt_LevelFields_FLEVELKIND=节点类型
hivuiBirt_LevelFields_FLEVELKINDNAME=节点类型名称
hivuiBirt_LevelFields_FSTATE=是否禁用
hivuiBirt_LevelFields_FNOTE=备注

hivuiBirt_LogLoginFields_FUSERID=用户ID
hivuiBirt_LogLoginFields_FUSERNAME=姓名
hivuiBirt_LogLoginFields_FSOFTNAME=软件名称
hivuiBirt_LogLoginFields_FSOFTVER=软件版本号
hivuiBirt_LogLoginFields_FPCNAME=计算机名
hivuiBirt_LogLoginFields_FPCIP=电脑IP
hivuiBirt_LogLoginFields_FPCMAC=硬件信息
hivuiBirt_LogLoginFields_FSESSIONID=会话sessionID
hivuiBirt_LogLoginFields_FLOGINTIME=登录时间
hivuiBirt_LogLoginFields_FLOGOUTTIME=登出时间
hivuiBirt_LogLoginFields_FDEVICETYPE=设备类型
hivuiBirt_LogLoginFields_FNOTE=备注

hivuiBirt_LogReqFields_FGUID=GUID
hivuiBirt_LogReqFields_FUSERID=用户ID
hivuiBirt_LogReqFields_FUSERNAME=姓名
hivuiBirt_LogReqFields_FBZID=编制号
hivuiBirt_LogReqFields_FBZNAME=编制名称
hivuiBirt_LogReqFields_FTERMINAL=终端类型
hivuiBirt_LogReqFields_FTERMINALNAME=终端名称
hivuiBirt_LogReqFields_FIP=用户IP
hivuiBirt_LogReqFields_FNAME=功能名称
hivuiBirt_LogReqFields_FURL=请求URL
hivuiBirt_LogReqFields_FPARAMS=请求参数
hivuiBirt_LogReqFields_FSUCCESS=是否成功
hivuiBirt_LogReqFields_FEXCEPTION=异常信息
hivuiBirt_LogReqFields_FSTARTTIME=开始时间
hivuiBirt_LogReqFields_FENDTIME=结束时间
hivuiBirt_LogReqFields_FCOST=耗费时间(毫秒)

hivuiBirt_MsgFields_FGUID=GUID
hivuiBirt_MsgFields_FTITLE=消息标题
hivuiBirt_MsgFields_FSTATE=消息状态
hivuiBirt_MsgFields_FSTATENAME=消息状态名称
hivuiBirt_MsgFields_FMSGTYPE=消息类型
hivuiBirt_MsgFields_FMSGTYPENAME=消息类型
hivuiBirt_MsgFields_FCONTENT=消息内容
hivuiBirt_MsgFields_FMSGLEVEL=消息等级
hivuiBirt_MsgFields_FMSGLEVELNAME=消息等级名称
hivuiBirt_MsgFields_FSAVETAG=是否收藏

hivuiBirt_MsgSetFields_FGUID=GUID
hivuiBirt_MsgSetFields_FUSERID=订阅工号
hivuiBirt_MsgSetFields_FMSGTYPE=消息类型
hivuiBirt_MsgSetFields_FMSGTYPENAME=消息类型名称
hivuiBirt_MsgSetFields_FEMAIL=邮箱订阅
hivuiBirt_MsgSetFields_FSHOTMSG=短信订阅
hivuiBirt_MsgSetFields_FWECHAT=微信订阅
hivuiBirt_MsgSetFields_FAPP=APP订阅

hivuiBirt_MsgTplFields_FGUID=GUID
hivuiBirt_MsgTplFields_FMSGID=消息ID
hivuiBirt_MsgTplFields_FMSGTYPE=消息类型
hivuiBirt_MsgTplFields_FMSGTYPENAME=消息类型名称
hivuiBirt_MsgTplFields_FTITLE=消息标题
hivuiBirt_MsgTplFields_FCONTENT=消息内容

hivuiBirt_OrgFields_FGUID=GUID
hivuiBirt_OrgFields_FORGPGUID=机构父ID
hivuiBirt_OrgFields_FORGTREENO=树编号
hivuiBirt_OrgFields_FORGID=组织机构编码
hivuiBirt_OrgFields_FORGPID=组织父机构编码
hivuiBirt_OrgFields_FPORGID=父ORGID
hivuiBirt_OrgFields_FPORGNAME=父组织机构
hivuiBirt_OrgFields_FC1=组织机构编码
hivuiBirt_OrgFields_FORGSNAME=机构名称
hivuiBirt_OrgFields_FORGNAMEJP=简拼
hivuiBirt_OrgFields_FORGKIND=机构类型
hivuiBirt_OrgFields_FORGKINDNAME=机构类型
hivuiBirt_OrgFields_FORGIDPATH=组织机构路径
hivuiBirt_OrgFields_FORGDIMENSION=组织机构维度
hivuiBirt_OrgFields_FORGDIMENSIONNAME=组织机构维度
hivuiBirt_OrgFields_FLEVELID=职级ID
hivuiBirt_OrgFields_FLEVELNAME=职级名称
hivuiBirt_OrgFields_FORDER=排序
hivuiBirt_OrgFields_FBZID=编制号
hivuiBirt_OrgFields_FUSERID=负责人
hivuiBirt_OrgFields_FUSERNAME=负责人
hivuiBirt_OrgFields_FORGNAME=组织机构
hivuiBirt_OrgFields_FBZNAME=编制名称
hivuiBirt_OrgFields_FDEFAULTBZ=是否默认编制
hivuiBirt_OrgFields_FSTATE=是否禁用
hivuiBirt_OrgFields_FROLEID=岗位ID
hivuiBirt_OrgFields_FROLEGUID=岗位GUID
hivuiBirt_OrgFields_FROLENAME=岗位名称
hivuiBirt_OrgFields_FSUPERUSERID=直属上级
hivuiBirt_OrgFields_FSUPERUSERNAME=直属上级
hivuiBirt_OrgFields_FSUPERBZID=直属上级编制
hivuiBirt_OrgFields_FSUPERBZNAME=直属上级编制
hivuiBirt_OrgFields_FNOTE=备注
hivuiBirt_OrgFields_FDEPTID=部门ID
hivuiBirt_OrgFields_FDEPTGUID=部门Guid
hivuiBirt_OrgFields_FDEPTNAME=部门名称
hivuiBirt_OrgFields_COMPANY=所属公司
hivuiBirt_OrgFields_Id=机构号

hivuiBirt_ResourceFields_FRESGUID=菜单GUID
hivuiBirt_ResourceFields_FRESPGUID=菜单父GUID
hivuiBirt_ResourceFields_FRESTREENO=树编号
hivuiBirt_ResourceFields_FPROJECTID=当前项目ID
hivuiBirt_ResourceFields_FRESURL=资源(功能)路径
hivuiBirt_ResourceFields_FC1=业务路径
hivuiBirt_ResourceFields_FC2=打开方式
hivuiBirt_ResourceFields_FRESNAME=菜单名称
hivuiBirt_ResourceFields_FRESNAMEJP=简拼
hivuiBirt_ResourceFields_FRESTYPE=资源类型
hivuiBirt_ResourceFields_FRESTYPENAME=资源类型名称
hivuiBirt_ResourceFields_FORDER=排序
hivuiBirt_ResourceFields_FICONCLASS=PC图标
hivuiBirt_ResourceFields_FAPPICONCLASS=手机图标
hivuiBirt_ResourceFields_FICONCOLOR=图标颜色
hivuiBirt_ResourceFields_FSHOW=菜单显示类型
hivuiBirt_ResourceFields_FSHOWNAME=自定义菜单
hivuiBirt_ResourceFields_FISACTIVE=是否启动打开
hivuiBirt_ResourceFields_FISOFFLINE=是否支持离线
hivuiBirt_ResourceFields_FSTATE=是否禁用
hivuiBirt_ResourceFields_FPOSITION=方位
hivuiBirt_ResourceFields_FPOSITIONNAME=方位名称
hivuiBirt_ResourceFields_FSHOWLABEL=菜单显示类型
hivuiBirt_ResourceFields_FOPENLABEL=菜单打开方式
hivuiBirt_ResourceFields_FNOTE=备注
hivuiBirt_ResourceFields_FBIZPATHUX=自定义流程

hivuiBirt_RoleFields_FROLEGUID=岗位ID
hivuiBirt_RoleFields_FROLEPGUID=岗位父ID
hivuiBirt_RoleFields_FC1=组织机构编码
hivuiBirt_RoleFields_FC2=所属公司
hivuiBirt_RoleFields_FROLEID=岗位号
hivuiBirt_RoleFields_FROLENAME=岗位名称
hivuiBirt_RoleFields_FSUPERID=指定继承岗位
hivuiBirt_RoleFields_FSUPERGUID=指定继承岗位guid
hivuiBirt_RoleFields_FSUPERNAME=指定继承岗位
hivuiBirt_RoleFields_FRESTYPENAME=资源类型名称
hivuiBirt_RoleFields_FORDER=排序
hivuiBirt_RoleFields_FICONCLASS=PC图标
hivuiBirt_RoleFields_FAPPICONCLASS=手机图标
hivuiBirt_RoleFields_FICONCOLOR=图标颜色
hivuiBirt_RoleFields_FSHOW=菜单显示类型
hivuiBirt_RoleFields_FROLEKIND=节点类型
hivuiBirt_RoleFields_FROLEKINDNAME=节点类型
hivuiBirt_RoleFields_FISACTIVE=是否启动打开
hivuiBirt_RoleFields_FISOFFLINE=是否支持离线
hivuiBirt_RoleFields_FSTATE=是否禁用
hivuiBirt_RoleFields_FPOSITION=方位
hivuiBirt_RoleFields_FPOSITIONNAME=方位名称
hivuiBirt_RoleFields_FSHOWLABEL=菜单显示名称
hivuiBirt_RoleFields_FOPENLABEL=菜单打开名称
hivuiBirt_RoleFields_FNOTE=备注

hivuiBirt_RoleMappingFields_FGUID=GUID
hivuiBirt_RoleMappingFields_FSROLEID=EAP岗位号
hivuiBirt_RoleMappingFields_FSROLENAME=EAP岗位名称
hivuiBirt_RoleMappingFields_FTORGID=机构ID
hivuiBirt_RoleMappingFields_FTORGNAME=机构名称
hivuiBirt_RoleMappingFields_FTROLEID=岗位号
hivuiBirt_RoleMappingFields_FTROLENAME=岗位名称
hivuiBirt_RoleMappingFields_FSTATE=是否禁用
hivuiBirt_RoleMappingFields_FROLEIDPATH=岗位ID路径
hivuiBirt_RoleMappingFields_FNOTE=备注

hivuiBirt_SchemeFields_FGUID=方案ID
hivuiBirt_SchemeFields_FSCHEMENAME=方案名称
hivuiBirt_SchemeFields_FSCHEMETYPE=方案类型
hivuiBirt_SchemeFields_FSCHEMETYPENAME=机构ID
hivuiBirt_SchemeFields_FCONTENT=方案类型名称
hivuiBirt_SchemeFields_FFUNCURL=统计功能URL
hivuiBirt_SchemeFields_FAFFAIRNAME=事务名称
hivuiBirt_SchemeFields_FUSERID=人员权限
hivuiBirt_SchemeFields_FROLEID=岗位权限
hivuiBirt_SchemeFields_FDEPTID=部门权限

hivuiBirt_SysFields_SYS_FAUDITPOINT=审批状态
hivuiBirt_SysFields_SYS_FAUDITTASK=单据状态
hivuiBirt_SysFields_SYS_FAUDITRECORD=审批记录
hivuiBirt_SysFields_SYS_FAUDITTIME=审核时间
hivuiBirt_SysFields_SYS_FOPERATOR=制单人
hivuiBirt_SysFields_SYS_FOPERATORBZ=制单岗位号
hivuiBirt_SysFields_SYS_FOPERATORNAME=制单人
hivuiBirt_SysFields_SYS_FAGENT=代理人
hivuiBirt_SysFields_SYS_FAGENTBZ=代理岗位号
hivuiBirt_SysFields_SYS_FAGENTNAME=代理人
hivuiBirt_SysFields_SYS_FORGID=机构ID
hivuiBirt_SysFields_SYS_FORGNAME=机构名称
hivuiBirt_SysFields_SYS_FWRITETIME=制单时间
hivuiBirt_SysFields_SYS_FEDITOR=修改人
hivuiBirt_SysFields_SYS_FEDITTIME=修改时间
hivuiBirt_SysFields_SYS_FMODIFY=修改记录标识

hivuiBirt_UpgradeFields_FID=GUID
hivuiBirt_UpgradeFields_FTYPE=升级类型
hivuiBirt_UpgradeFields_FTYPENAME=升级类型
hivuiBirt_UpgradeFields_FOWNER=拥有者
hivuiBirt_UpgradeFields_FPN=项目名
hivuiBirt_UpgradeFields_FPW=制单岗位号
hivuiBirt_UpgradeFields_FFILE=文件
hivuiBirt_UpgradeFields_FVERSION=版本
hivuiBirt_UpgradeFields_FOPERATOR=操作者
hivuiBirt_UpgradeFields_FTIME=操作时间

hivuiBirt_UserFields_FUSERID=工号
hivuiBirt_UserFields_FUSERNAMEID=姓名
hivuiBirt_UserFields_FMBPHONE=手机号码
hivuiBirt_UserFields_FEMAIL=邮箱
hivuiBirt_UserFields_FQQ=QQ
hivuiBirt_UserFields_FWEIXIN=微信帐号
hivuiBirt_UserFields_FPASSWORD=密码
hivuiBirt_UserFields_FSECONDPWD=二重密码
hivuiBirt_UserFields_FTHIRDPWD=三重密码
hivuiBirt_UserFields_FSTATE=是否禁用

hivuiBirt_UserDetailFields_FBZID=编制ID
hivuiBirt_UserDetailFields_FBZNAME=编制名称
hivuiBirt_UserDetailFields_FUSERID=工号
hivuiBirt_UserDetailFields_FUSERNAME=姓名
hivuiBirt_UserDetailFields_FORGNAME=所属公司
hivuiBirt_UserDetailFields_FROLENAME=岗位名称

hivuiBirt_UserInfoFields_FUSERID=工号
hivuiBirt_UserInfoFields_FUSERID2=工号
hivuiBirt_UserInfoFields_FNUMBER=单号
hivuiBirt_UserInfoFields_FBZID=主岗编制
hivuiBirt_UserInfoFields_FUSERNAME=姓名
hivuiBirt_UserInfoFields_FUSERNAMEJP=简拼
hivuiBirt_UserInfoFields_FCITYLIST=所在城市
hivuiBirt_UserInfoFields_FUSERPROVINCE=所在省份
hivuiBirt_UserInfoFields_FUSERCITY=所在城市
hivuiBirt_UserInfoFields_FUSERSTYLE=皮肤
hivuiBirt_UserInfoFields_FUSERMAINMBURL=个人手机主页
hivuiBirt_UserInfoFields_FUSERMAINPCURL=个人PC主页
hivuiBirt_UserInfoFields_FUSERTYPE=类型
hivuiBirt_UserInfoFields_FUSERTYPENAME=用户类型
hivuiBirt_UserInfoFields_FUSERSFZ=身份证号
hivuiBirt_UserInfoFields_FUSERSFZPIC1=身份证正面照
hivuiBirt_UserInfoFields_FUSERSFZPIC2=身份证反面照
hivuiBirt_UserInfoFields_FBIRTHDAY=出生年月
hivuiBirt_UserInfoFields_FSTATE=是否禁用
hivuiBirt_UserInfoFields_FSEX=性别
hivuiBirt_UserInfoFields_FADDRESS=地址
hivuiBirt_UserInfoFields_FMBPHONE=手机号码
hivuiBirt_UserInfoFields_FPHONE=电话
hivuiBirt_UserInfoFields_FEMAIL=邮箱
hivuiBirt_UserInfoFields_FQQ=QQ号码
hivuiBirt_UserInfoFields_FWEIXIN=微信号码
hivuiBirt_UserInfoFields_FUSERPHOTO=用户头像
hivuiBirt_UserInfoFields_FUSERSIGN=电子签名
hivuiBirt_UserInfoFields_FUSERSIGN2=电子签名2
hivuiBirt_UserInfoFields_FUSERSIGN3=电子签名3
hivuiBirt_UserInfoFields_FREGIP=注册地址
hivuiBirt_UserInfoFields_FNOTE=备注
hivuiBirt_UserInfoFields_FFAX=传真
hivuiBirt_UserInfoFields_FUSERORGPATH=用户机构路径

hivuiBirt_UseroperateFields_FGUID=GUID
hivuiBirt_UseroperateFields_FUSERID=工号
hivuiBirt_UseroperateFields_FKEY=KEY
hivuiBirt_UseroperateFields_FVALUE=值
hivuiBirt_UseroperateFields_FWRITETIME=写入时间
hivuiBirt_UseroperateFields_FNAME=描述
hivuiBirt_UseroperateFields_FTYPE=类型

hivuiBirt_LanguageFields_FGUID=GUID
hivuiBirt_LanguageFields_FLANFILE=语言文件
hivuiBirt_LanguageFields_FTYPE=语言类型

hivuiBirt_title_baseInfo=基础信息
hivuiBirt_title_contactInfo=联系方式
hivuiBirt_title_certificaInfo=认证信息
hivuiBirt_title_operatorInfo=制单信息
hivuiBirt_title_job_log=作业日志
hivuiBirt_title_clear_log=清理日志
hivuiBirt_title_cur_node=当前节点信息
hivuiBirt_title_child_node=子节点信息
hivuiBirt_title_save_confirm=保存确认
hivuiBirt_title_loading=执行中...
hivuiBirt_title_clear_add=清空添加
hivuiBirt_title_query=查看

hivuiBirt_tip_disable_node=禁用此节点，其子节点也会被禁用，请慎重考虑！
hivuiBirt_tip_resource_order=提示：排序默认值为0，0不参与排序
hivuiBirt_tip_scheme=提示：当事务名称为空时方案在功能范围内可见，当事务名称有值时方案仅在此功能下相应事务范围内可见。
hivuiBirt_tip_schemetype=提示：当方案类型为权限时，人员权限、岗位权限、部门权限才有效。
hivuiBirt_tip_removeBz=当前编制关联的业务数据将无法正常使用，确定要继续删除吗？

hivuiBirt_step_assign_obj=选择分配对象
hivuiBirt_step_edit_obj=选择修改对象
hivuiBirt_step_assign_func=选择分配功能
hivuiBirt_step_edit_func=选择修改功能
hivuiBirt_step_assign_auth=分配数据权限、操作权限
hivuiBirt_step_edit_auth=修改数据权限、操作权限
hivuiBirt_step_assign_data=数据权限分配
hivuiBirt_step_assign_operate=操作权限分配
hivuiBirt_step_editAssignObj=修改授权对象
hivuiBirt_step_next=下一步

hivuiBirt_pane_editByObj=按分配对象修改
hivuiBirt_pane_editByFunc=按功能修改
hivuiBirt_pane_checkByFunc=按功能反查
hivuiBirt_pane_checkByUser=按用户反查

hivuiBirt_dialog_res=选择资源树
hivuiBirt_dialog_flowux=选择自定义流程
hivuiBirt_dialog_outputField=输出字段
hivuiBirt_dialog_org=选择组织机构
hivuiBirt_dialog_role=选择岗位
hivuiBirt_dialog_dept=选择部门
hivuiBirt_dialog_flow=选择流程
hivuiBirt_dialog_level=选择职级
hivuiBirt_dialog_user=选择负责人
hivuiBirt_dialog_username=选择用户
hivuiBirt_dialog_menu=选择菜单
hivuiBirt_dialog_superRole=选择继承岗位
hivuiBirt_dialog_exportProcess=导出进度
hivuiBirt_dialog_bz=选择编制

hivuiBirt_icon_root=根节点
hivuiBirt_icon_dir=文件夹
hivuiBirt_icon_role=岗位
hivuiBirt_icon_func=功能
hivuiBirt_icon_flow=流程
hivuiBirt_icon_level=职级
hivuiBirt_icon_addBrother=新增同级
hivuiBirt_icon_addChild=新增子级

hivuiBirt_sex_man=男
hivuiBirt_sex_woman=女

hivuiBirt_state_yes=是
hivuiBirt_state_no=否

hivuiBirt_enums_apptype_Android=Android
hivuiBirt_enums_apptype_iOS=iOS
hivuiBirt_enums_fcounttype_0=一直累加
hivuiBirt_enums_fcounttype_1=按年累加
hivuiBirt_enums_fcounttype_2=按月累加
hivuiBirt_enums_fcounttype_3=按日累加
hivuiBirt_enums_handleCode_200=成功
hivuiBirt_enums_handleCode_500=失败
hivuiBirt_enums_jobstatus_1=运行
hivuiBirt_enums_jobstatus_0=停止
hivuiBirt_enums_languagetype_zh-CN=中文
hivuiBirt_enums_languagetype_en=英文
hivuiBirt_enums_leveltype_.ROOT=根节点
hivuiBirt_enums_leveltype_.DIR=文件夹
hivuiBirt_enums_leveltype_.LEV=职级
hivuiBirt_enums_menuOpenType_1=默认
hivuiBirt_enums_menuOpenType_2=弹窗
hivuiBirt_enums_menuOpenType_3=浏览器标签
hivuiBirt_enums_menuShowType_0=不显示
hivuiBirt_enums_menuShowType_1=桌面端
hivuiBirt_enums_menuShowType_2=手机端
hivuiBirt_enums_menuShowType_3=所有终端
hivuiBirt_enums_msglevel_1=一般消息
hivuiBirt_enums_msglevel_2=紧急消息
hivuiBirt_enums_msgtype_1=未读消息
hivuiBirt_enums_msgtype_2=已读消息
hivuiBirt_enums_orgdimension_.ZR=职能
hivuiBirt_enums_orgdimension_.XM=项目
hivuiBirt_enums_orgtype_.ROOT=根节点
hivuiBirt_enums_orgtype_.ORG=机构
hivuiBirt_enums_orgtype_.DPT=部门
hivuiBirt_enums_orgtype_.PTM=岗位
hivuiBirt_enums_orgtype_.PSM=人员
hivuiBirt_enums_position_0=默认
hivuiBirt_enums_position_1=顶部整行
hivuiBirt_enums_position_2=底部整行
hivuiBirt_enums_position_3=左边整列
hivuiBirt_enums_position_4=右侧整列
hivuiBirt_enums_position_5=中间
hivuiBirt_enums_position_13=上左
hivuiBirt_enums_position_14=上右
hivuiBirt_enums_position_23=下左
hivuiBirt_enums_position_24=下右
hivuiBirt_enums_position_31=左上
hivuiBirt_enums_position_32=左下
hivuiBirt_enums_position_41=右上
hivuiBirt_enums_position_42=右下
hivuiBirt_enums_restype_dir=文件夹
hivuiBirt_enums_restype_func=功能
hivuiBirt_enums_restype_flow=流程
hivuiBirt_enums_restype_url=链接
hivuiBirt_enums_restype_sso=单点跳转
hivuiBirt_enums_roletype_.ROOT=根节点
hivuiBirt_enums_roletype_.DIR=文件夹
hivuiBirt_enums_roletype_.PTN=岗位
hivuiBirt_enums_sex_1=男
hivuiBirt_enums_sex_2=女
hivuiBirt_enums_triggerCode_200=成功
hivuiBirt_enums_triggerCode_500=失败
hivuiBirt_enums_usertype_1=个人用户
hivuiBirt_enums_usertype_2=企业用户

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 + (ssoServe.endsWith("/")?"":"/") + "/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 + (ssoServe.endsWith("/")?"":"/") + "/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 + (state.ssoInfo.serverUrl.endsWith("/")?"":"/")+"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 + (state.ssoInfo.serverUrl.endsWith("/")?"":"/")+"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()

Show line notes below