管控第一次提交

.eslintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    "plugin:vue/essential",
+    "eslint:recommended",
+    "plugin:prettier/recommended"
+  ],
+  parserOptions: {
+    parser: "@babel/eslint-parser"
+  },
+  rules: {
+    "vue/multi-word-component-names": "off",
+    // 不使用script-setup
+    "vue/script-setup-uses-vars": "off"
+  },
+  ignorePatterns: ["public/*"] // 忽略 public 文件夹下的所有文件
+};

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+*.zip

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "endOfLine": "auto",
+  "trailingComma": "none"
+}

README.md

@@ -0,0 +1,19 @@
+## 下载依赖
+```
+npm install
+```
+
+### 本地运行
+```
+npm run serve
+```
+
+### 打包
+```
+npm run build
+```
+
+### 打包分析
+```
+npm run report
+```

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@vue/cli-plugin-babel/preset"]
+};

jsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "exclude": ["node_modules", "dist"]
+}

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "xhkj_bi",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "report": "vue-cli-service build --report"
+  },
+  "dependencies": {
+    "vue-simple-uploader": "^0.7.6"
+  },
+  "devDependencies": {
+    "@babel/core": "~7.12.16",
+    "@babel/eslint-parser": "~7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "eslint": "~7.32.0",
+    "eslint-config-prettier": "~8.3.0",
+    "eslint-plugin-prettier": "~4.0.0",
+    "eslint-plugin-vue": "~8.0.3",
+    "less": "~4.0.0",
+    "less-loader": "~8.0.0",
+    "prettier": "~2.4.1",
+    "quill-image-extend-module": "^1.1.2",
+    "vue-template-compiler": "~2.6.11"
+  }
+}

public/config.js

@@ -0,0 +1,34 @@
+window.isTest = true; //测试环境true 正式环境false
+window._config = window.isTest
+  ? {
+      // 测试环境
+      webUrl: "https://xhbitest.xhkjedu.com/",
+      baseUrl: "https://xhbiapitest.xhkjedu.com/",
+      baseImageUrl: "https://xhbifiletest.xhkjedu.com/",
+      showImageUrl: "https://xhbistatictest.xhkjedu.com/",
+      useMicroservice: true, // 是否使用微服务
+      axiosApiTimeout: 60, // 接口超时时间 单位秒
+      axiosFileTimeout: 120, // 上传文件超时时间 单位秒
+      // 开发者
+      developer: "河南星火燎原软件科技有限公司",
+      // 联系我们
+      contactUs: "https://www.xhkjedu.com/",
+      versionname: "测试 v1.0.0",
+      secret: false
+    }
+  : {
+      // 正式环境
+      webUrl: "https://xhbi.xhkjedu.com/",
+      baseUrl: "https://xhbiapi.xhkjedu.com/",
+      baseImageUrl: "https://xhbifile.xhkjedu.com/",
+      showImageUrl: "https://xhbistatic.xhkjedu.com/",
+      useMicroservice: true, // 是否使用微服务
+      axiosApiTimeout: 20, // 接口超时时间 单位秒
+      axiosFileTimeout: 30, // 上传文件超时时间 单位秒
+      // 开发者
+      developer: "河南星火燎原软件科技有限公司",
+      // 联系我们
+      contactUs: "https://www.xhkjedu.com/",
+      versionname: "正式 v1.0.0",
+      secret: true
+    };

public/iconfont/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

public/index.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="cache-control" content="no-cache">
+    <meta name="viewport" content="width=device-width, user-scalable=no" />
+    <link rel="stylesheet" href="/librarys/view-design@4.7.0/iview.css">
+    <link rel="stylesheet" href="/iconfont/iconfont.css">
+    <link rel="icon" href="favicon.ico" />
+    <title>星火云鸽BI</title>
+    <script src="/config.js"></script>
+  </head>
+  <body>
+    <noscript>
+      <strong>欢迎使用星火云鸽BI</strong>
+    </noscript>
+    <div id="app"></div>
+    <script src="/librarys/babel-polyfill@6.26.0/polyfill.min.js"></script>
+    <% for (var i in
+     htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.js) { %>
+     <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
+    <% } %>
+    <script src="/librarys/axios@0.21.1/axios.min.js"></script>
+    <script src="/librarys/vue-router@3.2.0/vue-router.min.js"></script>
+    <script src="/librarys/vuex@3.2.0/vuex.min.js"></script>
+    <script src="/librarys/crypto-js.js"></script>
+    <script src="/librarys/secret.js"></script>
+    <script src="/librarys/view-design@4.7.0/iview.min.js"></script>
+    <script src="/librarys/echarts@5.4.3/echarts.min.js"></script>
+    <script src="/librarys/echarts-liquidfill@3.1.0/echarts-liquidfill.min.js"></script>
+    <script src="/librarys/echarts-wordcloud@2.1.0/echarts-wordcloud.min.js"></script>
+    <script src="/librarys/xlsx/xlsx-style.full.min.js"></script>
+    <script src="/librarys/xlsx/xlsx.extendscript.js"></script>
+    <script src="./librarys/clipboard@2.0.11/clipboard.js"></script>
+  </body>
+</html>

public/librarys/clipboard@2.0.11/clipboard.js

@@ -0,0 +1,890 @@
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["ClipboardJS"] = factory();
+	else
+		root["ClipboardJS"] = factory();
+})(this, function() {
+return /******/ (function() { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 686:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ clipboard; }
+});
+
+// EXTERNAL MODULE: ./node_modules/tiny-emitter/index.js
+var tiny_emitter = __webpack_require__(279);
+var tiny_emitter_default = /*#__PURE__*/__webpack_require__.n(tiny_emitter);
+// EXTERNAL MODULE: ./node_modules/good-listener/src/listen.js
+var listen = __webpack_require__(370);
+var listen_default = /*#__PURE__*/__webpack_require__.n(listen);
+// EXTERNAL MODULE: ./node_modules/select/src/select.js
+var src_select = __webpack_require__(817);
+var select_default = /*#__PURE__*/__webpack_require__.n(src_select);
+;// CONCATENATED MODULE: ./src/common/command.js
+/**
+ * Executes a given operation type.
+ * @param {String} type
+ * @return {Boolean}
+ */
+function command(type) {
+  try {
+    return document.execCommand(type);
+  } catch (err) {
+    return false;
+  }
+}
+;// CONCATENATED MODULE: ./src/actions/cut.js
+
+
+/**
+ * Cut action wrapper.
+ * @param {String|HTMLElement} target
+ * @return {String}
+ */
+
+var ClipboardActionCut = function ClipboardActionCut(target) {
+  var selectedText = select_default()(target);
+  command('cut');
+  return selectedText;
+};
+
+/* harmony default export */ var actions_cut = (ClipboardActionCut);
+;// CONCATENATED MODULE: ./src/common/create-fake-element.js
+/**
+ * Creates a fake textarea element with a value.
+ * @param {String} value
+ * @return {HTMLElement}
+ */
+function createFakeElement(value) {
+  var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
+  var fakeElement = document.createElement('textarea'); // Prevent zooming on iOS
+
+  fakeElement.style.fontSize = '12pt'; // Reset box model
+
+  fakeElement.style.border = '0';
+  fakeElement.style.padding = '0';
+  fakeElement.style.margin = '0'; // Move element out of screen horizontally
+
+  fakeElement.style.position = 'absolute';
+  fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically
+
+  var yPosition = window.pageYOffset || document.documentElement.scrollTop;
+  fakeElement.style.top = "".concat(yPosition, "px");
+  fakeElement.setAttribute('readonly', '');
+  fakeElement.value = value;
+  return fakeElement;
+}
+;// CONCATENATED MODULE: ./src/actions/copy.js
+
+
+
+/**
+ * Create fake copy action wrapper using a fake element.
+ * @param {String} target
+ * @param {Object} options
+ * @return {String}
+ */
+
+var fakeCopyAction = function fakeCopyAction(value, options) {
+  var fakeElement = createFakeElement(value);
+  options.container.appendChild(fakeElement);
+  var selectedText = select_default()(fakeElement);
+  command('copy');
+  fakeElement.remove();
+  return selectedText;
+};
+/**
+ * Copy action wrapper.
+ * @param {String|HTMLElement} target
+ * @param {Object} options
+ * @return {String}
+ */
+
+
+var ClipboardActionCopy = function ClipboardActionCopy(target) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    container: document.body
+  };
+  var selectedText = '';
+
+  if (typeof target === 'string') {
+    selectedText = fakeCopyAction(target, options);
+  } else if (target instanceof HTMLInputElement && !['text', 'search', 'url', 'tel', 'password'].includes(target === null || target === void 0 ? void 0 : target.type)) {
+    // If input type doesn't support `setSelectionRange`. Simulate it. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
+    selectedText = fakeCopyAction(target.value, options);
+  } else {
+    selectedText = select_default()(target);
+    command('copy');
+  }
+
+  return selectedText;
+};
+
+/* harmony default export */ var actions_copy = (ClipboardActionCopy);
+;// CONCATENATED MODULE: ./src/actions/default.js
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+
+
+/**
+ * Inner function which performs selection from either `text` or `target`
+ * properties and then executes copy or cut operations.
+ * @param {Object} options
+ */
+
+var ClipboardActionDefault = function ClipboardActionDefault() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // Defines base properties passed from constructor.
+  var _options$action = options.action,
+      action = _options$action === void 0 ? 'copy' : _options$action,
+      container = options.container,
+      target = options.target,
+      text = options.text; // Sets the `action` to be performed which can be either 'copy' or 'cut'.
+
+  if (action !== 'copy' && action !== 'cut') {
+    throw new Error('Invalid "action" value, use either "copy" or "cut"');
+  } // Sets the `target` property using an element that will be have its content copied.
+
+
+  if (target !== undefined) {
+    if (target && _typeof(target) === 'object' && target.nodeType === 1) {
+      if (action === 'copy' && target.hasAttribute('disabled')) {
+        throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
+      }
+
+      if (action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {
+        throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');
+      }
+    } else {
+      throw new Error('Invalid "target" value, use a valid Element');
+    }
+  } // Define selection strategy based on `text` property.
+
+
+  if (text) {
+    return actions_copy(text, {
+      container: container
+    });
+  } // Defines which selection strategy based on `target` property.
+
+
+  if (target) {
+    return action === 'cut' ? actions_cut(target) : actions_copy(target, {
+      container: container
+    });
+  }
+};
+
+/* harmony default export */ var actions_default = (ClipboardActionDefault);
+;// CONCATENATED MODULE: ./src/clipboard.js
+function clipboard_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { clipboard_typeof = function _typeof(obj) { return typeof obj; }; } else { clipboard_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return clipboard_typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (clipboard_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+
+/**
+ * Helper function to retrieve attribute value.
+ * @param {String} suffix
+ * @param {Element} element
+ */
+
+function getAttributeValue(suffix, element) {
+  var attribute = "data-clipboard-".concat(suffix);
+
+  if (!element.hasAttribute(attribute)) {
+    return;
+  }
+
+  return element.getAttribute(attribute);
+}
+/**
+ * Base class which takes one or more elements, adds event listeners to them,
+ * and instantiates a new `ClipboardAction` on each click.
+ */
+
+
+var Clipboard = /*#__PURE__*/function (_Emitter) {
+  _inherits(Clipboard, _Emitter);
+
+  var _super = _createSuper(Clipboard);
+
+  /**
+   * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
+   * @param {Object} options
+   */
+  function Clipboard(trigger, options) {
+    var _this;
+
+    _classCallCheck(this, Clipboard);
+
+    _this = _super.call(this);
+
+    _this.resolveOptions(options);
+
+    _this.listenClick(trigger);
+
+    return _this;
+  }
+  /**
+   * Defines if attributes would be resolved using internal setter functions
+   * or custom functions that were passed in the constructor.
+   * @param {Object} options
+   */
+
+
+  _createClass(Clipboard, [{
+    key: "resolveOptions",
+    value: function resolveOptions() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      this.action = typeof options.action === 'function' ? options.action : this.defaultAction;
+      this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;
+      this.text = typeof options.text === 'function' ? options.text : this.defaultText;
+      this.container = clipboard_typeof(options.container) === 'object' ? options.container : document.body;
+    }
+    /**
+     * Adds a click event listener to the passed trigger.
+     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
+     */
+
+  }, {
+    key: "listenClick",
+    value: function listenClick(trigger) {
+      var _this2 = this;
+
+      this.listener = listen_default()(trigger, 'click', function (e) {
+        return _this2.onClick(e);
+      });
+    }
+    /**
+     * Defines a new `ClipboardAction` on each click event.
+     * @param {Event} e
+     */
+
+  }, {
+    key: "onClick",
+    value: function onClick(e) {
+      var trigger = e.delegateTarget || e.currentTarget;
+      var action = this.action(trigger) || 'copy';
+      var text = actions_default({
+        action: action,
+        container: this.container,
+        target: this.target(trigger),
+        text: this.text(trigger)
+      }); // Fires an event based on the copy operation result.
+
+      this.emit(text ? 'success' : 'error', {
+        action: action,
+        text: text,
+        trigger: trigger,
+        clearSelection: function clearSelection() {
+          if (trigger) {
+            trigger.focus();
+          }
+
+          window.getSelection().removeAllRanges();
+        }
+      });
+    }
+    /**
+     * Default `action` lookup function.
+     * @param {Element} trigger
+     */
+
+  }, {
+    key: "defaultAction",
+    value: function defaultAction(trigger) {
+      return getAttributeValue('action', trigger);
+    }
+    /**
+     * Default `target` lookup function.
+     * @param {Element} trigger
+     */
+
+  }, {
+    key: "defaultTarget",
+    value: function defaultTarget(trigger) {
+      var selector = getAttributeValue('target', trigger);
+
+      if (selector) {
+        return document.querySelector(selector);
+      }
+    }
+    /**
+     * Allow fire programmatically a copy action
+     * @param {String|HTMLElement} target
+     * @param {Object} options
+     * @returns Text copied.
+     */
+
+  }, {
+    key: "defaultText",
+
+    /**
+     * Default `text` lookup function.
+     * @param {Element} trigger
+     */
+    value: function defaultText(trigger) {
+      return getAttributeValue('text', trigger);
+    }
+    /**
+     * Destroy lifecycle.
+     */
+
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.listener.destroy();
+    }
+  }], [{
+    key: "copy",
+    value: function copy(target) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+        container: document.body
+      };
+      return actions_copy(target, options);
+    }
+    /**
+     * Allow fire programmatically a cut action
+     * @param {String|HTMLElement} target
+     * @returns Text cutted.
+     */
+
+  }, {
+    key: "cut",
+    value: function cut(target) {
+      return actions_cut(target);
+    }
+    /**
+     * Returns the support of the given action, or all actions if no action is
+     * given.
+     * @param {String} [action]
+     */
+
+  }, {
+    key: "isSupported",
+    value: function isSupported() {
+      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];
+      var actions = typeof action === 'string' ? [action] : action;
+      var support = !!document.queryCommandSupported;
+      actions.forEach(function (action) {
+        support = support && !!document.queryCommandSupported(action);
+      });
+      return support;
+    }
+  }]);
+
+  return Clipboard;
+}((tiny_emitter_default()));
+
+/* harmony default export */ var clipboard = (Clipboard);
+
+/***/ }),
+
+/***/ 828:
+/***/ (function(module) {
+
+var DOCUMENT_NODE_TYPE = 9;
+
+/**
+ * A polyfill for Element.matches()
+ */
+if (typeof Element !== 'undefined' && !Element.prototype.matches) {
+    var proto = Element.prototype;
+
+    proto.matches = proto.matchesSelector ||
+                    proto.mozMatchesSelector ||
+                    proto.msMatchesSelector ||
+                    proto.oMatchesSelector ||
+                    proto.webkitMatchesSelector;
+}
+
+/**
+ * Finds the closest parent that matches a selector.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @return {Function}
+ */
+function closest (element, selector) {
+    while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
+        if (typeof element.matches === 'function' &&
+            element.matches(selector)) {
+          return element;
+        }
+        element = element.parentNode;
+    }
+}
+
+module.exports = closest;
+
+
+/***/ }),
+
+/***/ 438:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var closest = __webpack_require__(828);
+
+/**
+ * Delegates event to a selector.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @param {Boolean} useCapture
+ * @return {Object}
+ */
+function _delegate(element, selector, type, callback, useCapture) {
+    var listenerFn = listener.apply(this, arguments);
+
+    element.addEventListener(type, listenerFn, useCapture);
+
+    return {
+        destroy: function() {
+            element.removeEventListener(type, listenerFn, useCapture);
+        }
+    }
+}
+
+/**
+ * Delegates event to a selector.
+ *
+ * @param {Element|String|Array} [elements]
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @param {Boolean} useCapture
+ * @return {Object}
+ */
+function delegate(elements, selector, type, callback, useCapture) {
+    // Handle the regular Element usage
+    if (typeof elements.addEventListener === 'function') {
+        return _delegate.apply(null, arguments);
+    }
+
+    // Handle Element-less usage, it defaults to global delegation
+    if (typeof type === 'function') {
+        // Use `document` as the first parameter, then apply arguments
+        // This is a short way to .unshift `arguments` without running into deoptimizations
+        return _delegate.bind(null, document).apply(null, arguments);
+    }
+
+    // Handle Selector-based usage
+    if (typeof elements === 'string') {
+        elements = document.querySelectorAll(elements);
+    }
+
+    // Handle Array-like based usage
+    return Array.prototype.map.call(elements, function (element) {
+        return _delegate(element, selector, type, callback, useCapture);
+    });
+}
+
+/**
+ * Finds closest match and invokes callback.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Function}
+ */
+function listener(element, selector, type, callback) {
+    return function(e) {
+        e.delegateTarget = closest(e.target, selector);
+
+        if (e.delegateTarget) {
+            callback.call(element, e);
+        }
+    }
+}
+
+module.exports = delegate;
+
+
+/***/ }),
+
+/***/ 879:
+/***/ (function(__unused_webpack_module, exports) {
+
+/**
+ * Check if argument is a HTML element.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.node = function(value) {
+    return value !== undefined
+        && value instanceof HTMLElement
+        && value.nodeType === 1;
+};
+
+/**
+ * Check if argument is a list of HTML elements.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.nodeList = function(value) {
+    var type = Object.prototype.toString.call(value);
+
+    return value !== undefined
+        && (type === '[object NodeList]' || type === '[object HTMLCollection]')
+        && ('length' in value)
+        && (value.length === 0 || exports.node(value[0]));
+};
+
+/**
+ * Check if argument is a string.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.string = function(value) {
+    return typeof value === 'string'
+        || value instanceof String;
+};
+
+/**
+ * Check if argument is a function.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.fn = function(value) {
+    var type = Object.prototype.toString.call(value);
+
+    return type === '[object Function]';
+};
+
+
+/***/ }),
+
+/***/ 370:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var is = __webpack_require__(879);
+var delegate = __webpack_require__(438);
+
+/**
+ * Validates all params and calls the right
+ * listener function based on its target type.
+ *
+ * @param {String|HTMLElement|HTMLCollection|NodeList} target
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listen(target, type, callback) {
+    if (!target && !type && !callback) {
+        throw new Error('Missing required arguments');
+    }
+
+    if (!is.string(type)) {
+        throw new TypeError('Second argument must be a String');
+    }
+
+    if (!is.fn(callback)) {
+        throw new TypeError('Third argument must be a Function');
+    }
+
+    if (is.node(target)) {
+        return listenNode(target, type, callback);
+    }
+    else if (is.nodeList(target)) {
+        return listenNodeList(target, type, callback);
+    }
+    else if (is.string(target)) {
+        return listenSelector(target, type, callback);
+    }
+    else {
+        throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');
+    }
+}
+
+/**
+ * Adds an event listener to a HTML element
+ * and returns a remove listener function.
+ *
+ * @param {HTMLElement} node
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listenNode(node, type, callback) {
+    node.addEventListener(type, callback);
+
+    return {
+        destroy: function() {
+            node.removeEventListener(type, callback);
+        }
+    }
+}
+
+/**
+ * Add an event listener to a list of HTML elements
+ * and returns a remove listener function.
+ *
+ * @param {NodeList|HTMLCollection} nodeList
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listenNodeList(nodeList, type, callback) {
+    Array.prototype.forEach.call(nodeList, function(node) {
+        node.addEventListener(type, callback);
+    });
+
+    return {
+        destroy: function() {
+            Array.prototype.forEach.call(nodeList, function(node) {
+                node.removeEventListener(type, callback);
+            });
+        }
+    }
+}
+
+/**
+ * Add an event listener to a selector
+ * and returns a remove listener function.
+ *
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listenSelector(selector, type, callback) {
+    return delegate(document.body, selector, type, callback);
+}
+
+module.exports = listen;
+
+
+/***/ }),
+
+/***/ 817:
+/***/ (function(module) {
+
+function select(element) {
+    var selectedText;
+
+    if (element.nodeName === 'SELECT') {
+        element.focus();
+
+        selectedText = element.value;
+    }
+    else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
+        var isReadOnly = element.hasAttribute('readonly');
+
+        if (!isReadOnly) {
+            element.setAttribute('readonly', '');
+        }
+
+        element.select();
+        element.setSelectionRange(0, element.value.length);
+
+        if (!isReadOnly) {
+            element.removeAttribute('readonly');
+        }
+
+        selectedText = element.value;
+    }
+    else {
+        if (element.hasAttribute('contenteditable')) {
+            element.focus();
+        }
+
+        var selection = window.getSelection();
+        var range = document.createRange();
+
+        range.selectNodeContents(element);
+        selection.removeAllRanges();
+        selection.addRange(range);
+
+        selectedText = selection.toString();
+    }
+
+    return selectedText;
+}
+
+module.exports = select;
+
+
+/***/ }),
+
+/***/ 279:
+/***/ (function(module) {
+
+function E () {
+  // Keep this empty so it's easier to inherit from
+  // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
+}
+
+E.prototype = {
+  on: function (name, callback, ctx) {
+    var e = this.e || (this.e = {});
+
+    (e[name] || (e[name] = [])).push({
+      fn: callback,
+      ctx: ctx
+    });
+
+    return this;
+  },
+
+  once: function (name, callback, ctx) {
+    var self = this;
+    function listener () {
+      self.off(name, listener);
+      callback.apply(ctx, arguments);
+    };
+
+    listener._ = callback
+    return this.on(name, listener, ctx);
+  },
+
+  emit: function (name) {
+    var data = [].slice.call(arguments, 1);
+    var evtArr = ((this.e || (this.e = {}))[name] || []).slice();
+    var i = 0;
+    var len = evtArr.length;
+
+    for (i; i < len; i++) {
+      evtArr[i].fn.apply(evtArr[i].ctx, data);
+    }
+
+    return this;
+  },
+
+  off: function (name, callback) {
+    var e = this.e || (this.e = {});
+    var evts = e[name];
+    var liveEvents = [];
+
+    if (evts && callback) {
+      for (var i = 0, len = evts.length; i < len; i++) {
+        if (evts[i].fn !== callback && evts[i].fn._ !== callback)
+          liveEvents.push(evts[i]);
+      }
+    }
+
+    // Remove event from queue to prevent memory leak
+    // Suggested by https://github.com/lazd
+    // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910
+
+    (liveEvents.length)
+      ? e[name] = liveEvents
+      : delete e[name];
+
+    return this;
+  }
+};
+
+module.exports = E;
+module.exports.TinyEmitter = E;
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		if(__webpack_module_cache__[moduleId]) {
+/******/ 			return __webpack_module_cache__[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+/******/ 	// module exports must be returned from runtime so entry inlining is disabled
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(686);
+/******/ })()
+.default;
+});

public/librarys/secret.js

@@ -0,0 +1,34 @@
+let keystr = "XINGHUOLIAOYUAN7"; //密钥
+
+// 字符串转hex
+let string_to_hex = function (str) {
+  let tempstr = "";
+  for (let i = 0; i < str.length; i++) {
+    if (tempstr === "") tempstr = str.charCodeAt(i).toString(16);
+    else tempstr += str.charCodeAt(i).toString(16);
+  }
+  return tempstr;
+};
+let key = string_to_hex(keystr);
+key = CryptoJS.enc.Hex.parse(key);
+
+// 加密
+const getEncryptedString = (src) => {
+  const enc = CryptoJS.AES.encrypt(src, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  const enced = enc.ciphertext.toString();
+  return enced;
+};
+// 解密
+const getDecryptString = (enced) => {
+  const dec = CryptoJS.AES.decrypt(CryptoJS.format.Hex.parse(enced), key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  let decstr = CryptoJS.enc.Utf8.stringify(dec);
+  return decstr;
+};
+window.getEncryptedString = getEncryptedString;
+window.getDecryptString = getDecryptString;

src/App.vue

@@ -0,0 +1,78 @@
+<template>
+  <div id="app">
+    <div class="btn">新建</div>
+    <Button type="primary" class="my_btn">Primary</Button>
+
+    1212
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  created() {},
+  methods: {}
+};
+</script>
+<style lang="less">
+@import "@/assets/less/reset.less";
+@import "@/assets/less/common.less";
+@import "@/assets/less/customModal.less";
+
+// 加载动画
+.ivu-spin {
+  z-index: 1000;
+}
+.demo-spin-icon-load {
+  animation: ani-demo-spin 1s linear infinite;
+}
+@keyframes ani-demo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  50% {
+    transform: rotate(180deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.require {
+  .ivu-form-item-label {
+    &::before {
+      content: "*" !important;
+      display: inline-block;
+      margin-right: 4px;
+      line-height: 1;
+      font-family: SimSun;
+      font-size: 14px;
+      color: #ed4014;
+    }
+  }
+}
+.btn {
+  margin: 20px;
+  width: 80px;
+  height: 32px;
+  text-align: center;
+  line-height: 32px;
+  color: #fff;
+  border-radius: 8px;
+  opacity: 1;
+  background: linear-gradient(180deg, #30e5fc 0%, #34a4ff 100%);
+  box-shadow: inset 0 1px 2px 0 #ffffffb3, inset 0 -2px 3px 0 #ffffff4d,
+    0 3px 5px 0 #339dff80, inset 0 -2px 0 0 #2b89e0;
+}
+.primary_btn.ivu-btn.ivu-btn-primary {
+  margin: 20px;
+  border: none;
+  border-radius: 8px;
+  opacity: 1;
+  background: linear-gradient(180deg, #30e5fc 0%, #34a4ff 100%);
+  box-shadow: inset 0 1px 2px 0 #ffffffb3, inset 0 -2px 3px 0 #ffffff4d,
+    0 3px 5px 0 #339dff80, inset 0 -2px 0 0 #2b89e0;
+}
+</style>

src/api/system.js

@@ -0,0 +1,279 @@
+import { ssystem_url } from "@/utils/httpRequest";
+
+/**
+ * 用户登录
+ */
+export const login_login = (data) => ssystem_url("login/login", data);
+/**
+ * 用户退出/断开连接
+ */
+export const login_out = (data) => ssystem_url("login/out", data);
+/**
+ *1.2.6分组--用户列表（分享用）
+ */
+export const group_list_gu = (data) => ssystem_url("group/list_gu", data);
+/**
+ * 1.3.1角色--选择列表（分享用）
+ */
+export const role_list_sel = (data) => ssystem_url("role/list_sel", data);
+/**
+ * 4.1.2参数--保存
+ */
+export const dict_add_dict = (data) => ssystem_url("dict/add_dict", data);
+/**
+ * 4.1.3参数--详情
+ */
+export const dict_detail = (data) => ssystem_url("dict/detail", data);
+/**
+ * 4.1.3.2参数--属性
+ */
+export const dict_property = (data) => ssystem_url("dict/property", data);
+/**
+ * 4.1.3.3参数--更新
+ */
+export const dict_edit = (data) => ssystem_url("dict/edit", data);
+/**
+ * 4.1.2.2参数--保存参数详情
+ */
+export const dict_add_detail = (data) => ssystem_url("dict/add_detail", data);
+/**
+ * 4.1.1参数--列表
+ */
+export const dict_list_sel = (data) => ssystem_url("dict/list_sel", data);
+/**
+ * 4.1.4参数--数据列表
+ */
+export const dict_list_data = (data) => ssystem_url("dict/list_data", data);
+/**
+ * 4.1.6参数--分页列表
+ */
+export const dict_list = (data) => ssystem_url("dict/list", data);
+/**
+ * 4.1.7参数--删除
+ */
+export const dict_delete = (data) => ssystem_url("dict/delete", data);
+/**
+ * 4.1.8参数--移动
+ */
+export const dict_move = (data) => ssystem_url("dict/move", data);
+/**
+ * 4.2.3地区--根据名称获取编码
+ */
+export const areazone_get_code = (data) =>
+  ssystem_url("areazone/get_code", data);
+/**
+ * 1.1.1用户--列表
+ */
+export const user_list = (data) => ssystem_url("user/list", data);
+/**
+ * 1.1.2用户--添加
+ */
+export const user_add = (data) => ssystem_url("user/add", data);
+/**
+ * 1.1.3用户--更新
+ */
+export const user_edit = (data) => ssystem_url("user/edit", data);
+/**
+ * 1.1.3.2用户--改头像
+ */
+export const user_edit_userpic = (data) =>
+  ssystem_url("user/edit_userpic", data);
+/**
+ * 1.1.4用户--删除
+ */
+export const user_delete = (data) => ssystem_url("user/delete", data);
+/**
+ * 1.1.5用户--移除分组
+ */
+export const user_remove_group = (data) =>
+  ssystem_url("user/remove_group", data);
+/**
+ * 1.1.5.2用户--分组列表
+ */
+export const user_list_group = (data) => ssystem_url("user/list_group", data);
+/**
+ * 1.1.6.2用户--角色列表
+ */
+export const user_list_role = (data) => ssystem_url("user/list_role", data);
+/**
+ * 1.1.7用户--修改手机号
+ */
+export const user_edit_phone = (data) => ssystem_url("user/edit_phone", data);
+/**
+ * 1.1.8用户--修改密码
+ */
+export const user_edit_pwd = (data) => ssystem_url("user/edit_pwd", data);
+/**
+ * 1.1.9用户--获取验证码
+ */
+export const user_get_code = (data) => ssystem_url("user/get_code", data);
+/**
+ * 1.1.10用户--功能菜单
+ */
+export const power_list_user = (data) => ssystem_url("power/list_user", data);
+/**
+ * 1.2.1分组--列表
+ */
+export const group_list = (data) => ssystem_url("group/list", data);
+/**
+ * 1.2.2分组--添加
+ */
+export const group_add = (data) => ssystem_url("group/add", data);
+/**
+ * 1.2.3分组--更新
+ */
+export const group_edit = (data) => ssystem_url("group/edit", data);
+/**
+ * 1.2.4分组--删除
+ */
+export const group_delete = (data) => ssystem_url("group/delete", data);
+/**
+ * 1.3.1角色--列表
+ */
+export const role_list = (data) => ssystem_url("role/list", data);
+/**
+ * 1.3.2角色--添加
+ */
+export const role_add = (data) => ssystem_url("role/add", data);
+/**
+ * 1.3.2.2角色--添加角色分组用户
+ */
+export const role_add_group_user = (data) =>
+  ssystem_url("role/add_group_user", data);
+/**
+ * 1.3.2.3角色--获取角色分组用户
+ */
+export const role_list_gu = (data) => ssystem_url("role/list_gu", data);
+/**
+ * 1.3.2.4角色--角色分组用户选择列表
+ */
+export const role_list_gu_sel = (data) => ssystem_url("role/list_gu_sel", data);
+/**
+ * 1.3.2.5角色--权限选择列表
+ */
+export const power_list_sel = (data) => ssystem_url("power/list_sel", data);
+/**
+ * 1.3.2.6角色--角色权限列表
+ */
+export const role_list_power = (data) => ssystem_url("role/list_power", data);
+/**
+ * 1.3.2.7角色--保存角色权限
+ */
+export const role_add_power = (data) => ssystem_url("role/add_power", data);
+/**
+ * 1.3.2.9 角色--角色资源保存
+ */
+export const roletree_add = (data) => ssystem_url("roletree/add", data);
+/**
+ * 1.3.2.10 角色--角色资源
+ */
+export const roletree_list_role = (data) =>
+  ssystem_url("roletree/list_role", data);
+/**
+ * 1.3.3角色--更新
+ */
+export const role_edit = (data) => ssystem_url("role/edit", data);
+/**
+ * 1.3.4角色--删除
+ */
+export const role_delete = (data) => ssystem_url("role/delete", data);
+/**
+ * 1.3.5角色--添加分组
+ */
+export const role_add_group = (data) => ssystem_url("role/add_group", data);
+/**
+ * 1.3.6角色--添加用户
+ */
+export const role_add_user = (data) => ssystem_url("role/add_user", data);
+/**
+ * 1.4.0会话--列表
+ */
+export const user_session_list = (data) =>
+  ssystem_url("user_session/list", data);
+/**
+ * 1.4.1会话--单独断开
+ */
+export const user_login_out = (data) => ssystem_url("login/out", data);
+/**
+ * 1.4.2会话--批量断开
+ */
+export const user_session_batch_out = (data) =>
+  ssystem_url("user_session/batch_out", data);
+/**
+ * 1.4.3用户--校验用户登录状态
+ */
+export const user_check_login = (data) => ssystem_url("user/check_login", data);
+/**
+ * 1.4.4消息推送--列表
+ */
+export const notice_list = (data) => ssystem_url("notice/list", data);
+/**
+ * 1.4.5消息推送--发送
+ */
+export const notice_send = (data) => ssystem_url("notice/send", data);
+/**
+ * 1.4.6消息推送--删除
+ */
+export const notice_delete = (data) => ssystem_url("notice/delete", data);
+/**
+ * 1.4.7消息推送--置顶
+ */
+export const notice_toped = (data) => ssystem_url("notice/toped", data);
+/**
+ * 1.4.8消息推送--取消置顶
+ */
+export const notice_untoped = (data) => ssystem_url("notice/untoped", data);
+/**
+ * 1.4.9消息推送--批量删除
+ */
+export const notice_deletebatch = (data) =>
+  ssystem_url("notice/deletebatch", data);
+/**
+ * 1.4.9消息推送--新增
+ */
+export const notice_add = (data) => ssystem_url("notice/add", data);
+/**
+ * 1.4.10消息推送--编辑
+ */
+export const notice_edit = (data) => ssystem_url("notice/edit", data);
+/**
+ * 1.4.11消息推送--详情
+ */
+export const notice_detail = (data) => ssystem_url("notice/detail", data);
+/**
+ * 1.4.12消息推送--用户列表
+ */
+export const notice_list_user = (data) => ssystem_url("notice/list_user", data);
+/**
+ * 1.4.13消息推送--用户详情
+ */
+export const notice_detail_user = (data) =>
+  ssystem_url("notice/detail_user", data);
+/**
+ * 9.1.1 脱敏规则--列表
+ */
+export const tm_list = (data) => ssystem_url("tm/list", data);
+/**
+ * 9.1.2 脱敏规则--添加
+ */
+export const tm_add = (data) => ssystem_url("tm/add", data);
+/**
+ * 9.1.3 脱敏规则--修改
+ */
+export const tm_edit = (data) => ssystem_url("tm/edit", data);
+/**
+ * 9.1.4 脱敏规则--删除
+ */
+export const tm_delete = (data) => ssystem_url("tm/delete", data);
+/**
+ * 9.1.5 脱敏规则--详情
+ */
+export const tm_detail = (data) => ssystem_url("tm/detail", data);
+/**
+ * 9.1.6 脱敏规则--移动
+ */
+export const tm_move = (data) => ssystem_url("tm/move", data);
+/**
+ * 9.1.7 脱敏规则--属性
+ */
+export const tm_attr = (data) => ssystem_url("tm/attr", data);

src/assets/less/common.less

@@ -0,0 +1,333 @@
+:root {
+  --blue: #007bff;
+}
+html,
+body,
+#app,
+.dashboard_wrap {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  font-family: "Microsoft YaHei", "微软雅黑" !important;
+  color: #253a70;
+  font-size: 14px;
+  user-select: none;
+  background: #ffff;
+  box-sizing: border-box;
+  overflow: hidden;
+  // 设置弥散渐变
+  background-image: url("~@/assets/img/dispersion_gradient.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
+  // scrollbar-color: #7c8db5 #f3f4fc;
+  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
+  // scrollbar-width: thin;
+  // -ms-overflow-style: none;
+}
+
+// 自定义滚动条样式
+::-webkit-scrollbar {
+  width: 10px !important;
+  height: 10px !important;
+  background: #fff;
+}
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-track:hover {
+  background: #f3f4fc;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  border-style: dashed;
+  background: #7c8db5;
+  border-color: transparent;
+  border-width: 2px;
+  background-clip: padding-box;
+}
+::-webkit-scrollbar-thumb:hover {
+  border-radius: 4px;
+  background: #7c8db5;
+  background-clip: border-box;
+}
+.theme_color_h:hover {
+  cursor: pointer;
+  color: #339dff;
+}
+// iview表格全局自定义样式
+.ivu-table {
+  background-color: #ffffff66;
+  .ivu-table-header,
+  .ivu-table-fixed-header {
+    thead tr {
+      background-color: #e9f0ff;
+      th {
+        padding: 12px 0;
+        line-height: 1;
+        background-color: #e9f0ff;
+      }
+    }
+  }
+  .ivu-table-fixed .ivu-table-tbody tr,
+  .ivu-table-fixed-right .ivu-table-tbody tr,
+  .ivu-table-body .ivu-table-tbody tr {
+    &.ivu-table-row-hover {
+      background-color: #ffffff;
+      box-shadow: 6px 1px 9px 0 #0879cd24;
+      td {
+        background-color: #ffffff;
+      }
+    }
+    td {
+      position: relative;
+      background-color: #ffffff66;
+      .tree_open_column {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        .tree_column_arrow {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          padding: 6px;
+          cursor: pointer;
+          .tree_arrow {
+            transition: all 0.2s ease-in-out;
+            &.tree_arrow_down {
+              transform: rotate(90deg);
+            }
+          }
+        }
+        .tree_column_content {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .column_icon {
+            padding: 6px;
+          }
+        }
+      }
+    }
+  }
+  .ivu-table-fixed .ivu-table-tbody tr,
+  .ivu-table-body .ivu-table-tbody tr {
+    &.ivu-table-row-hover {
+      td:first-child::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        display: inline-block;
+        width: 4px;
+        height: auto;
+        background-color: #339dff;
+        z-index: 1;
+      }
+    }
+  }
+  .ivu-table-cell {
+    line-height: 1.6;
+  }
+  .ivu-table-overflowX{
+    overflow: visible;
+  }
+  .ivu-table-tip {
+    overflow: hidden;
+  }
+}
+// iview表单全局自定义样式
+.ivu-form {
+  .ivu-form-item-label {
+    color: #253a70;
+  }
+}
+// iview分页全局自定义样式
+.ivu-page {
+  .ivu-page-total {
+    color: #253a70;
+    font-weight: bold;
+  }
+  .ivu-page-item,
+  .ivu-page-next,
+  .ivu-page-prev {
+    border-radius: 8px;
+    border-color: #b8c2d9;
+  }
+  .ivu-page-item-active {
+    border-color: #339cff;
+    a {
+      color: #339cff;
+    }
+  }
+}
+//按钮圆角
+.ivu-btn,
+.ivu-input {
+  border-radius: 6px;
+}
+// 模拟输入框样式
+.imitate_input {
+  font-size: 14px;
+  line-height: 30px;
+  padding: 0 7px;
+  color: #515a6e;
+  border: 1px solid #dcdee2;
+  border-radius: 6px;
+  background-color: #fff;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  &.disabled {
+    color: #253a70;
+    border-color: #d8dce9;
+    background-color: #f3f4fc;
+    cursor: not-allowed;
+  }
+}
+// 禁用输入框背景色
+.ivu-input[disabled],
+fieldset[disabled] .ivu-input,
+.ivu-select-disabled .ivu-select-selection {
+  color: #253a70;
+  border-color: #d8dce9;
+  background-color: #f3f4fc;
+  user-select: none;
+}
+// 二级路由页面全局样式
+.page_root {
+  width: 100%;
+  height: 100%;
+  .page_root_main {
+    margin-right: 16px;
+    margin-bottom: 16px;
+    padding: 16px;
+    width: calc(100% - 16px);
+    height: calc(100% - 16px);
+    border-radius: 10px;
+    background: #ffffff66;
+    border: 2px solid #fff;
+    box-shadow: 0 12px 16px 0 #0000000a;
+    overflow: auto;
+  }
+}
+// iview颜色拾取器
+.color_picker_transfer {
+  width: 260px;
+}
+// 更多菜单弹窗
+.more_menu {
+  position: fixed;
+  left: -999999999999px;
+  top: -999999999999px;
+  display: none;
+  padding: 10px 0;
+  width: 152px;
+  font-size: 12px;
+  border-radius: 6px;
+  background: #fff;
+  box-shadow: 0 12px 16px 0 #798cb524;
+  border: 1px solid #ced9f2;
+  z-index: 9999999;
+  .menu_group {
+    .group_separator {
+      margin: 2px 0;
+      width: 100%;
+      height: 1px;
+      background: #ced9f2;
+    }
+    &:last-child {
+      .group_separator {
+        display: none;
+      }
+    }
+    .menu_group_item {
+      position: relative;
+      line-height: 35px;
+      text-align: left;
+      cursor: pointer;
+      .menu_group_item_pop {
+        display: none;
+      }
+      &:hover {
+        background-color: #dbeeffcc;
+        .menu_group_item_pop {
+          display: block;
+          position: absolute;
+          top: -10px;
+          left: 150px;
+          padding: 10px 0;
+          width: 152px;
+          border-radius: 6px;
+          background: #fff;
+          box-shadow: 0 12px 16px 0 #798cb524;
+          border: 1px solid #ced9f2;
+          cursor: pointer;
+          .menu_pop_group {
+            .menu_pop_group_item {
+              position: relative;
+              padding: 0 14px;
+              line-height: 35px;
+              text-align: left;
+              cursor: pointer;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              &:hover {
+                background-color: #dbeeffcc;
+              }
+            }
+            .pop_group_separator {
+              margin: 2px 0;
+              width: 100%;
+              height: 1px;
+              background: #ced9f2;
+            }
+            &:last-child {
+              .pop_group_separator {
+                display: none;
+              }
+            }
+          }
+        }
+      }
+      .menu_group_item_main {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .menu_title {
+          margin-left: 14px;
+          width: calc(100% - 28px);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+        .menu_dropright {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 14px;
+        }
+      }
+    }
+  }
+}
+// 多选框禁用时选中颜色修改
+.ivu-checkbox-disabled {
+  &.ivu-checkbox-checked .ivu-checkbox-inner,
+  .ivu-checkbox-inner {
+    background-color: #D2DBF3;
+    border-color: #98AAE1;
+    &:after {
+      border-color: #253A70;
+    }
+  }
+}
+// 没有权限禁止操作
+.no_auth {
+  cursor: not-allowed !important;
+}
+// 可关闭的错误消息可复制消息
+.ivu-message-custom-content.ivu-message-error {
+  user-select: text;
+}

src/assets/less/customModal.less

@@ -0,0 +1,71 @@
+.modal1 {
+  .ivu-modal {
+    width: 50% !important;
+    min-width: 1000px;
+  }
+}
+.modal2 {
+  .ivu-modal {
+    width: 70% !important;
+  }
+}
+.modal3 {
+  .ivu-modal {
+    width: 300px !important;
+  }
+}
+.modal4 {
+  .ivu-modal {
+    width: 30% !important;
+    min-width: 500px;
+  }
+}
+
+.modal5 {
+  .ivu-modal {
+    width: 90% !important;
+    min-width: 500px;
+  }
+}
+.modal_tip {
+  .ivu-modal {
+    width: 450px !important;
+  }
+}
+.ivu-modal-content {
+  border-radius: 16px;
+  overflow: hidden;
+  .ivu-modal-header {
+    padding: 13px 16px !important;
+    border-bottom: none;
+    // 设置弥散渐变
+    background-image: url("~@/assets/img/dispersion_gradient1.png");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    .ivu-modal-header-inner {
+      font-size: 16px !important;
+      color: #253A70;
+    }
+  }
+  .ivu-modal-close {
+    top: 4px;
+    .ivu-icon-ios-close:before {
+      color: #253A70;
+      font-size: 36px;
+      font-weight: 600;
+    }
+  }
+  .ivu-modal-footer {
+    border-top: none;
+
+  }
+}
+
+.ivu-modal-body {
+  max-height: calc(100vh - 260px);
+  overflow: auto;
+}
+.ivu-modal-fullscreen .ivu-modal-body {
+  max-height: none !important;
+}

src/assets/less/reset.less

@@ -0,0 +1,174 @@
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+  box-sizing: border-box;
+}
+
+body {
+  line-height: 1;
+}
+
+:focus {
+  outline: 1;
+}
+
+article,
+aside,
+canvas,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+
+a {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title],
+dfn[title] {
+  border-bottom: 1px dotted #000;
+  cursor: help;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #cccccc;
+  margin: 1em 0;
+  padding: 0;
+}
+
+// 清除浮动
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: table;
+}
+
+.clearfix:after {
+  clear: both;
+}

src/assets/less/rootPage.less

@@ -0,0 +1,70 @@
+.root_main_box {
+  display: flex;
+  justify-content: space-between;
+  height: calc(100% - 50px);
+  overflow: hidden;
+  > .root_main_tree {
+    width: 266px;
+    height: 100%;
+    overflow: hidden;
+    box-shadow: 0 0 30px 0 #95abdf33;
+    &.hide_left {
+      display: none;
+    }
+    > .main_tree_top {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin: 10px;
+      .search_input {
+        // width: calc(100% - 38px);
+        width: 100%;
+        /deep/.ivu-input {
+          border: none;
+          &:focus {
+            box-shadow: none;
+          }
+        }
+      }
+    }
+    > .tree_list_box {
+      margin-top: 10px;
+      height: calc(100% - 52px);
+      box-shadow: 0 0 30px 0 #95abdf33;
+      border-radius: 4px;
+      background-color: #ffffff66;
+      overflow: hidden;
+      &:hover {
+        overflow: auto;
+      }
+    }
+  }
+  .root_main_content {
+    width: calc(100% - 282px);
+    height: 100%;
+    overflow: hidden;
+    &.full_right {
+      width: 100% !important;
+      /deep/ .page_root,
+      /deep/ .nav_page_root,
+      /deep/ .navigation_list {
+        padding-left: 16px;
+      }
+    }
+    > .navigation_list {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      height: 52px;
+      .move_btn {
+        transform: rotate(90deg);
+        cursor: e-resize;
+      }
+    }
+    > .navigation_content {
+      width: 100%;
+      height: calc(100% - 52px);
+      overflow: auto;
+    }
+  }
+}

src/components/ImgPreview/ImgPreview.vue

@@ -0,0 +1,467 @@
+<template>
+  <div>
+    <div id="imgPreviewContainer" ref="imgPreviewContainer"><slot></slot></div>
+    <div ref="imgPreviewMask">
+      <Transition name="fade">
+        <div v-if="showPreview" class="image_preview_mask"></div>
+      </Transition>
+      <Transition name="fade">
+        <div class="image_preview_wrap" v-if="showPreview">
+          <div
+            class="image_preview"
+            ref="imagePreview"
+            @click.stop="handleOperation('close')"
+          >
+            <img
+              :class="imgClasses"
+              :style="imageStyle"
+              :src="currentSrc"
+              @click.stop
+              @load="setImgScale"
+              @error="imgLoadError"
+              @mousedown.stop.prevent="handleMousedown"
+            />
+            <div class="image_preview_operations">
+              <div class="img_name">
+                {{ currentImgName }}
+                <span v-if="originalSize.width && originalSize.height"
+                  >（{{ originalSize.width }} *
+                  {{ originalSize.height }}）</span
+                >
+              </div>
+              <div class="operations_btn_box">
+                <div class="operations_btn_main">
+                  <div title="放大" @click.stop="handleOperation('zoomIn')">
+                    <svg
+                      class="operations_btn_item"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="7197"
+                      width="200"
+                      height="200"
+                    >
+                      <path
+                        d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
+                        p-id="7198"
+                        fill="#ffffff"
+                      ></path>
+                      <path
+                        d="M921 867L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"
+                        p-id="7199"
+                        fill="#ffffff"
+                      ></path>
+                    </svg>
+                  </div>
+                  <div title="缩小" @click.stop="handleOperation('zoomOut')">
+                    <svg
+                      class="operations_btn_item"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="7412"
+                      width="200"
+                      height="200"
+                    >
+                      <path
+                        d="M637 443H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
+                        p-id="7413"
+                        fill="#ffffff"
+                      ></path>
+                      <path
+                        d="M921 867L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"
+                        p-id="7414"
+                        fill="#ffffff"
+                      ></path>
+                    </svg>
+                  </div>
+                  <div
+                    title="向左旋转"
+                    @click.stop="handleOperation('rotateLeft')"
+                  >
+                    <svg
+                      class="operations_btn_item"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="13308"
+                      width="200"
+                      height="200"
+                    >
+                      <path
+                        d="M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H188V494h440v326z m191.3-491.5c-78.8-100.7-196-153.6-314.6-154.2l-0.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7 0.4 12.6-6.1v-63.9c12.9 0.1 25.9 0.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8 11 40.7 14 82.7 8.9 124.8-0.7 5.4-1.4 10.8-2.4 16.1h74.9c14.8-103.6-11.3-213-81-302.3z"
+                        p-id="13309"
+                        fill="#ffffff"
+                      ></path>
+                    </svg>
+                  </div>
+                  <div
+                    title="向右旋转"
+                    @click.stop="handleOperation('rotateRight')"
+                  >
+                    <svg
+                      class="operations_btn_item"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="13521"
+                      width="200"
+                      height="200"
+                    >
+                      <path
+                        d="M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-0.4-12.6 6.1l-0.2 64c-118.6 0.5-235.8 53.4-314.6 154.2-69.6 89.2-95.7 198.6-81.1 302.4h74.9c-0.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8zM880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H396V494h440v326z"
+                        p-id="13522"
+                        fill="#ffffff"
+                      ></path>
+                    </svg>
+                  </div>
+                  <div
+                    v-if="images && images.length > 1"
+                    title="上一张"
+                    @click.stop="handleOperation('previous')"
+                  >
+                    <Icon class="operations_btn_item" type="ios-arrow-back" />
+                  </div>
+                  <div
+                    v-if="images && images.length > 1"
+                    title="下一张"
+                    @click.stop="handleOperation('next')"
+                  >
+                    <Icon
+                      class="operations_btn_item"
+                      type="ios-arrow-forward"
+                    />
+                  </div>
+                  <div title="关闭" @click.stop="handleOperation('close')">
+                    <Icon class="operations_btn_item" type="md-close" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </Transition>
+    </div>
+  </div>
+</template>
+
+<script>
+import KeyCode from "@/utils/keyCode";
+import { on, off } from "@/utils/dom";
+export default {
+  props: {
+    images: {
+      type: Array,
+      default: function () {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      // 图片原始尺寸
+      originalSize: {
+        width: 0,
+        height: 0
+      },
+      isAddScale: false,
+      scale: 1,
+      degree: 0,
+      translate: { x: 0, y: 0 },
+      startX: 0,
+      startY: 0,
+      transition: true,
+      showPreview: false,
+      currentSrc: "",
+      previewIndex: 0,
+      changeTimer: null
+    };
+  },
+  computed: {
+    currentImgName() {
+      let _url = this.currentSrc;
+      if (!_url || _url.startsWith("data:image/")) {
+        return "";
+      }
+      return _url.slice(_url.lastIndexOf("/") + 1);
+    },
+    imgClasses() {
+      return [
+        "image_preview_image",
+        {
+          ["image_preview_transition"]: this.transition
+        }
+      ];
+    },
+    imageStyle() {
+      let translateX = this.translate.x / this.scale;
+      let translateY = this.translate.y / this.scale;
+      const mod = this.degree % 360;
+      if ([90, -270].includes(mod)) {
+        [translateX, translateY] = [translateY, -translateX];
+      }
+      if ([180, -180].includes(mod)) {
+        [translateX, translateY] = [-translateX, -translateY];
+      }
+      if ([270, -90].includes(mod)) {
+        [translateX, translateY] = [-translateY, translateX];
+      }
+      return {
+        transform: `scale(${this.scale}) rotate(${this.degree}deg) translate(${translateX}px, ${translateY}px)`
+      };
+    }
+  },
+  mounted() {
+    on(document, "keydown", this.handleKeydown);
+    on(document, "keyup", this.handleKeyup);
+    on(document, "wheel", this.handleWheel);
+    on(this.$refs.imgPreviewContainer, "click", this.containerImgsClick);
+    this.$nextTick(() => {
+      const body = document.querySelector("body");
+      if (body.append) {
+        body.append(this.$refs.imgPreviewMask);
+      } else {
+        body.appendChild(this.$refs.imgPreviewMask);
+      }
+    });
+  },
+  beforeDestroy() {
+    off(document, "keydown", this.handleKeydown);
+    off(document, "keyup", this.handleKeyup);
+    off(document, "wheel", this.handleWheel);
+    off(this.$refs.imgPreviewContainer, "click", this.containerImgsClick);
+    if (this.changeTimer) {
+      clearTimeout(this.changeTimer);
+      this.changeTimer = null;
+    }
+  },
+  methods: {
+    // 图片加载失败
+    imgLoadError() {
+      this.originalSize.width = 0;
+      this.originalSize.height = 0;
+    },
+    // 图片加载完成
+    setImgScale(event) {
+      let imgEl = event.target;
+      let imgWith = imgEl.offsetWidth;
+      this.originalSize.width = imgWith;
+      let imgHeight = imgEl.offsetHeight;
+      this.originalSize.height = imgHeight;
+      let _maskW = this.$refs.imagePreview.offsetWidth;
+      let _maskH = this.$refs.imagePreview.offsetHeight;
+      let _wScale = 1;
+      let _hScale = 1;
+      if (imgWith > _maskW) {
+        _wScale = _maskW / imgWith;
+      }
+      if (imgHeight > _maskH) {
+        _hScale = _maskH / imgHeight;
+      }
+      let scale = _wScale > _hScale ? _hScale : _wScale;
+      if (this.changeTimer) {
+        clearTimeout(this.changeTimer);
+        this.changeTimer = null;
+      }
+      this.changeTimer = setTimeout(() => {
+        this.resetStyle(scale);
+      }, 100);
+    },
+    containerImgsClick(event) {
+      this.$refs.imgPreviewContainer
+        .getElementsByTagName("img")
+        .forEach((imgDom, imgIndex) => {
+          imgDom.setAttribute("preview_index", imgIndex);
+        });
+      let previewIndex = event.target.getAttribute("preview_index");
+      let selectUrl = event.target.src;
+      if (selectUrl) {
+        selectUrl = decodeURI(selectUrl);
+        if (this.images.includes(selectUrl)) {
+          this.currentSrc = selectUrl;
+          this.previewIndex = Number(previewIndex);
+          this.showPreview = true;
+        }
+      }
+      event.stopPropagation();
+    },
+    resetStyle(scale = 1) {
+      this.scale = scale;
+      // 就近纠正，防止切换图片后旋转多圈
+      let _degree = this.degree % 360;
+      if (_degree > 0) {
+        if (_degree >= 180) {
+          this.degree = this.degree + 360 - _degree;
+        } else {
+          this.degree = this.degree - _degree;
+        }
+      } else if (_degree < 0) {
+        if (_degree >= -180) {
+          this.degree = this.degree - (360 + _degree);
+        } else {
+          this.degree = this.degree - _degree;
+        }
+      }
+      this.translate.x = 0;
+      this.translate.y = 0;
+    },
+    handleOperation(operationType) {
+      if (operationType === "zoomIn" && this.scale < 6) this.scale += 0.25;
+      if (operationType === "zoomOut" && this.scale > 0.25) this.scale -= 0.25;
+      if (operationType === "rotateLeft") this.degree -= 90;
+      if (operationType === "rotateRight") this.degree += 90;
+      if (operationType === "previous") {
+        if (this.previewIndex === 0) {
+          this.previewIndex = this.images.length - 1;
+        } else {
+          this.previewIndex -= 1;
+        }
+        this.currentSrc = this.images[this.previewIndex];
+        if (this.isAddScale) {
+          this.scale += 0.02;
+        } else {
+          this.scale -= 0.02;
+        }
+        this.isAddScale = !this.isAddScale;
+      }
+      if (operationType === "next") {
+        if (this.previewIndex + 1 === this.images.length) {
+          this.previewIndex = 0;
+        } else {
+          this.previewIndex += 1;
+        }
+        this.currentSrc = this.images[this.previewIndex];
+        if (this.isAddScale) {
+          this.scale += 0.02;
+        } else {
+          this.scale -= 0.02;
+        }
+        this.isAddScale = !this.isAddScale;
+      }
+      if (operationType === "close") {
+        this.showPreview = false;
+        this.resetStyle();
+      }
+    },
+    handleMousedown(event) {
+      const { pageX, pageY, which } = event;
+      if (which !== 1) return;
+      this.startX = pageX;
+      this.startY = pageY;
+      this.transition = false;
+      on(document, "mousemove", this.handleMousemove);
+      on(document, "mouseup", this.handleMouseup);
+    },
+    handleMousemove(event) {
+      event.stopPropagation();
+      const { pageX, pageY } = event;
+      this.translate.x += pageX - this.startX;
+      this.translate.y += pageY - this.startY;
+      this.startX = pageX;
+      this.startY = pageY;
+    },
+    handleMouseup() {
+      this.transition = true;
+      off(document, "mousemove", this.handleMousemove);
+      off(document, "mouseup", this.handleMouseup);
+    },
+    handleKeydown(event) {
+      if (!this.showPreview) return;
+      const { keyCode } = event;
+      if (keyCode === KeyCode.LEFT) this.handleOperation("previous");
+      if (keyCode === KeyCode.RIGHT) this.handleOperation("next");
+      if (keyCode === KeyCode.UP) this.handleOperation("zoomIn");
+      if (keyCode === KeyCode.DOWN) this.handleOperation("zoomOut");
+    },
+    handleKeyup(event) {
+      if (!this.showPreview) return;
+      const { keyCode } = event;
+      if (keyCode === KeyCode.ESC) this.handleOperation("close");
+    },
+    handleWheel(event) {
+      if (!this.showPreview) return;
+      const { deltaY } = event;
+      this.handleOperation(deltaY < 0 ? "zoomIn" : "zoomOut");
+    }
+  }
+};
+</script>
+
+<style scoped lang="less">
+#imgPreviewContainer img {
+  cursor: pointer;
+}
+.image_preview_mask {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(55, 55, 55, 0.6);
+  height: 100%;
+  z-index: 9999;
+}
+.image_preview_wrap {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9999;
+  user-select: none;
+  overflow: hidden;
+  .image_preview {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    .image_preview_image {
+      cursor: grab;
+    }
+    .image_preview_transition {
+      transition: transform 0.3s ease;
+    }
+    .image_preview_operations {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 30px;
+      margin: 0 auto;
+      text-align: center;
+      .img_name {
+        margin-bottom: 10px;
+        font-size: 12px;
+        color: #ccc;
+        line-height: 20px;
+        white-space: nowrap;
+      }
+      .operations_btn_box {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .operations_btn_main {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          background: rgba(55, 55, 55, 0.4);
+          border-radius: 4px;
+          overflow: hidden;
+          .operations_btn_item {
+            margin: 0 6px;
+            padding: 4px 8px;
+            width: 36px;
+            height: 40px;
+            line-height: 32px;
+            font-size: 18px;
+            color: #fff;
+            text-align: center;
+            cursor: pointer;
+            transition: opacity 0.1s ease-in-out;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/components/ImgPreview/index.js

@@ -0,0 +1,69 @@
+import ImgPreview from "./ImgPreview.vue";
+function setPreview(Vue, el) {
+  if (el.nodeName.toLowerCase() === "img") {
+    let imgUrl = el.src;
+    if (imgUrl) {
+      el.style.cursor = "pointer";
+      el.onclick = () => {
+        let _ImgPreview = Vue.extend(ImgPreview);
+        const instance = new _ImgPreview({
+          propsData: {
+            images: [imgUrl]
+          }
+        });
+        instance.$mount();
+        document.body.appendChild(instance.$el);
+        instance.previewIndex = 0;
+        instance.currentSrc = imgUrl;
+        instance.showPreview = true;
+      };
+    }
+  } else {
+    let imgEls = el.getElementsByTagName("img");
+    let imgUrls = [];
+    for (let imgIndex = 0; imgIndex < imgEls.length; imgIndex++) {
+      let imgEl = imgEls[imgIndex];
+      imgEl.setAttribute("preview_index", imgIndex);
+      let imgUrl = imgEl.src;
+      if (imgUrl) {
+        imgUrls.push(imgUrl);
+      }
+    }
+    for (const imgEl of imgEls) {
+      let imgIndex = imgEl.getAttribute("preview_index");
+      let imgUrl = imgEl.src;
+      if (imgUrl) {
+        imgEl.style.cursor = "pointer";
+        imgEl.onclick = () => {
+          let _ImgPreview = Vue.extend(ImgPreview);
+          const instance = new _ImgPreview({
+            propsData: {
+              images: imgUrls
+            }
+          });
+          instance.$mount();
+          document.body.appendChild(instance.$el);
+          instance.$nextTick(() => {
+            instance.currentSrc = imgUrl;
+            instance.previewIndex = Number(imgIndex);
+            instance.showPreview = true;
+          });
+        };
+      }
+    }
+  }
+}
+const installObj = {
+  install: function (Vue) {
+    Vue.component("ImgPreview", ImgPreview);
+    Vue.directive("preview", {
+      inserted: function (el) {
+        setPreview(Vue, el);
+      },
+      componentUpdated: function (el) {
+        setPreview(Vue, el);
+      }
+    });
+  }
+};
+export default installObj;

src/main.js

@@ -0,0 +1,29 @@
+import Vue from "vue";
+import ViewUI from "view-design";
+import axios from "axios";
+import uploader from "vue-simple-uploader";
+import App from "./App.vue";
+import router from "./router";
+import store from "./store";
+import { message } from "@/utils/resetMessage.js";
+import ImgPreview from "./components/ImgPreview";
+
+Vue.use(uploader);
+Vue.use(ViewUI);
+Vue.use(ImgPreview);
+Vue.prototype.$Message = message;
+Vue.prototype.$api = window._config;
+// 全局事件总线
+Vue.prototype.$EventBus = new Vue();
+
+axios.defaults.baseURL = window._config.baseUrl;
+Vue.prototype.axios = axios;
+window.axios = axios;
+
+Vue.config.productionTip = false;
+
+window.vue = new Vue({
+  router,
+  store,
+  render: (h) => h(App)
+}).$mount("#app");

src/router/index.js

@@ -0,0 +1,113 @@
+import Vue from "vue";
+import VueRouter from "vue-router";
+Vue.use(VueRouter);
+function queryStorage(location) {
+  if (location instanceof Object && location.path) {
+    let _location = {};
+    _location.path = location.path;
+    let _queryStorage = sessionStorage.getItem("_queryStorage");
+    _queryStorage = _queryStorage ? JSON.parse(_queryStorage) : {};
+    if (location.query) {
+      _queryStorage[location.path] = location.query;
+      _location.query = location.query;
+    } else {
+      if (
+        _queryStorage[location.path] &&
+        window.location.href.includes(location.path)
+      ) {
+        _location.query = _queryStorage[location.path];
+      }
+    }
+    sessionStorage.setItem("_queryStorage", JSON.stringify(_queryStorage));
+    return _location;
+  }
+  return location;
+}
+const routerPush = VueRouter.prototype.push;
+VueRouter.prototype.push = function push(location) {
+  let newLocation = queryStorage(location);
+  return routerPush.call(this, newLocation).catch((error) => error);
+};
+const originalReplace = VueRouter.prototype.replace;
+VueRouter.prototype.replace = function replace(location) {
+  let newLocation = queryStorage(location);
+  return originalReplace.call(this, newLocation).catch((err) => err);
+};
+const createRouter = () =>
+  new VueRouter({
+    scrollBehavior: () => ({
+      y: 0
+    }),
+    routes: [
+      /* {
+        path: "/login",
+        name: "login",
+        component: () => import("@/views/login/login.vue"),
+        meta: {
+          // 缓存
+          keepAlive: true,
+          // 需要登录权限
+          isAuth: false,
+          // 路由名称
+          title: "登录"
+        }
+      }, */
+      {
+        path: "/",
+        component: () => import("@/views/layout.vue"),
+        name: "layout"
+        // redirect: {
+        //   path: "/"
+        // },
+        // children: []
+      }
+    ]
+  });
+const router = createRouter();
+/**
+ * 路由守卫(拦截)
+ */
+router.beforeEach((to, from, next) => {
+  if (!to.meta.isAuth) {
+    next();
+  } else {
+    /**
+     * bi_userInfo 登录用户信息
+     * {content, datetime}
+     */
+    let _userInfo = localStorage.getItem("bi_userInfo");
+    if (_userInfo) {
+      _userInfo = JSON.parse(_userInfo) || {};
+      if (_userInfo.content) {
+        const bi_userInfo = _userInfo.content;
+        const datetime = _userInfo.datetime;
+        const nowtime = new Date().getTime();
+        let diff = nowtime - datetime;
+        if (bi_userInfo && diff < 1000 * 60 * 60 * 24) {
+          _userInfo.datetime = nowtime;
+          localStorage.setItem("bi_userInfo", JSON.stringify(_userInfo));
+          next();
+        } else {
+          console.log("文件名：router index.vue，退出原因：超过24小时未登录");
+          next({
+            path: "/login",
+            query: to.query
+          });
+        }
+      } else {
+        console.log("文件名：router index.vue，退出原因：userInfo不存在1");
+        next({
+          path: "/login",
+          query: to.query
+        });
+      }
+    } else {
+      console.log("文件名：router index.vue，退出原因：userInfo不存在2");
+      next({
+        path: "/login",
+        query: to.query
+      });
+    }
+  }
+});
+export default router;

src/store/index.js

@@ -0,0 +1,9 @@
+import Vue from "vue";
+import Vuex from "vuex";
+Vue.use(Vuex);
+
+export default new Vuex.Store({
+  state: {},
+  mutations: {},
+  actions: {}
+});

src/utils/httpRequest.js

@@ -0,0 +1,164 @@
+import axios from "axios";
+import { message } from "@/utils/resetMessage.js";
+
+let errTimer = null;
+let setErrorMsg = function (err) {
+  let err_msg = "请求失败";
+  if (err.message.includes("timeout")) {
+    err_msg = "请求超时，请刷新后重试！";
+  } else if (err.message.includes("Network Error")) {
+    err_msg = "网络连接错误,请刷新后重试！";
+  }
+  if (errTimer) {
+    clearTimeout(errTimer);
+    errTimer = null;
+  }
+  errTimer = setTimeout(() => {
+    message.error(err_msg);
+  }, 1500);
+  err.message = err_msg;
+  return err;
+};
+const http = axios.create({
+  retry: 2,
+  retryDelay: 1000,
+  timeout: 1000 * window._config.axiosApiTimeout,
+  validateStatus: function (status) {
+    return status >= 200 && status <= 500; // 默认的
+  },
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
+
+/**
+ * HTTP request拦截
+ */
+http.interceptors.request.use(
+  (config) => {
+    // 登录后校验账号
+    let bi_userInfo = localStorage.getItem("bi_userInfo");
+    if (bi_userInfo) {
+      bi_userInfo = JSON.parse(bi_userInfo).content;
+      if (bi_userInfo) {
+        config.headers["Token-Key"] = bi_userInfo.token_key;
+        config.headers["Token-Value"] = bi_userInfo.token_value;
+        // 验证登陆人
+        config.headers["XH-UserId"] = bi_userInfo.userid;
+      }
+    }
+    config.headers.st = window._config.secret;
+    if (window._config.secret) {
+      let config_data_str = JSON.stringify(config.data);
+      config.data = window.getEncryptedString(config_data_str);
+    }
+    return config;
+  },
+  (err) => {
+    err.message = "请求失败";
+    return Promise.reject(err);
+  }
+);
+
+/**
+ * HTTP response拦截
+ */
+http.interceptors.response.use(
+  (response) => {
+    let resData = response.data;
+    if (resData.code === 2) {
+      console.log(
+        "文件名：httpRequest.js，退出原因：" +
+          response.config.url +
+          "返回code等于2"
+      );
+      window.vue.$router.push("/login");
+    }
+    return resData;
+  },
+  function axiosRetryInterceptor(err) {
+    let config = (err && err.config) || {};
+    if (!config.retry) {
+      return Promise.reject(setErrorMsg(err));
+    }
+    config.__retryCount = config.__retryCount || 0;
+    if (config.__retryCount >= config.retry) {
+      return Promise.reject(setErrorMsg(err));
+    }
+    config.__retryCount += 1;
+    let backoff = new Promise(function (resolve) {
+      setTimeout(function () {
+        resolve();
+      }, config.retryDelay || 1);
+    });
+    return backoff.then(function () {
+      if (window._config.secret) {
+        let config_data_str = window.getDecryptString(config.data);
+        config.data = JSON.parse(config_data_str);
+      }
+      return http(config);
+    });
+  }
+);
+/**
+ * @param {*} prefix 微服务前缀
+ * @param {*} url 不带前缀的url
+ * @param {*} data 传参
+ * @returns Promise
+ */
+const setRequest = ({ prefix, url, data }) =>
+  http({
+    url: `${window._config.baseUrl}${
+      window._config.useMicroservice ? prefix : ""
+    }${url}`,
+    method: "post",
+    data: data || {}
+  });
+/**
+ * 微服务前缀 sdatasource/
+ * @param {*} url 不带前缀的url
+ * @param {*} data 传参
+ * @returns Promise
+ */
+export const sdatasource_url = (url, data) =>
+  setRequest({
+    prefix: "sdatasource/",
+    url,
+    data
+  });
+/**
+ * 微服务前缀 ssystem/
+ * @param {*} url 不带前缀的url
+ * @param {*} data 传参
+ * @returns Promise
+ */
+export const ssystem_url = (url, data) =>
+  setRequest({
+    prefix: "ssystem/",
+    url,
+    data
+  });
+/**
+ * 微服务前缀 sdataintegration/
+ * @param {*} url 不带前缀的url
+ * @param {*} data 传参
+ * @returns Promise
+ */
+export const sdataintegration_url = (url, data) =>
+  setRequest({
+    prefix: "sdataintegration/",
+    url,
+    data
+  });
+/**
+ * 微服务前缀 sanalysis/
+ * @param {*} url 不带前缀的url
+ * @param {*} data 传参
+ * @returns Promise
+ */
+export const sanalysis_url = (url, data) =>
+  setRequest({
+    prefix: "sanalysis/",
+    url,
+    data
+  });

src/utils/index.js

@@ -0,0 +1,722 @@
+// 东八区时间差
+let _timezone = 8; //目标时区时间，东八区   东时区正数 西时区负数
+let _offset_GMT = new Date().getTimezoneOffset(); // 本地时间和格林威治的时间差，单位为分钟
+let diffTime = _offset_GMT * 60 * 1000 + _timezone * 60 * 60 * 1000; //0
+export const weekDay = [
+  {
+    label: "周一",
+    alias: "星期一",
+    value: 1
+  },
+  {
+    label: "周二",
+    alias: "星期二",
+    value: 2
+  },
+  {
+    label: "周三",
+    alias: "星期三",
+    value: 3
+  },
+  {
+    label: "周四",
+    alias: "星期四",
+    value: 4
+  },
+  {
+    label: "周五",
+    alias: "星期五",
+    value: 5
+  },
+  {
+    label: "周六",
+    alias: "星期六",
+    value: 6
+  },
+  {
+    label: "周日",
+    alias: "星期日",
+    value: 0
+  }
+];
+export const getWeekNameFromVal = (index) => {
+  const week = weekDay.map((v) => v.label);
+  return week[index - 1 < 0 ? 6 : index - 1];
+};
+export const getWeekDateName = (date, useAlias = false) => {
+  const week = weekDay.map((v) => {
+    return useAlias ? v.alias : v.label;
+  });
+  const index = new Date(date).getDay();
+  return week[index - 1 < 0 ? 6 : index - 1];
+};
+export const toChinesNum = (num) => {
+  let changeNum = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
+  let unit = ["", "十", "百", "千", "万"];
+  num = parseInt(num);
+  let getWan = (temp) => {
+    let strArr = temp.toString().split("").reverse();
+    let newNum = "";
+    for (var i = 0; i < strArr.length; i++) {
+      newNum =
+        (i == 0 && strArr[i] == 0
+          ? ""
+          : i > 0 && strArr[i] == 0 && strArr[i - 1] == 0
+          ? ""
+          : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i])) +
+        newNum;
+    }
+    return newNum;
+  };
+  let overWan = Math.floor(num / 10000);
+  let noWan = num % 10000;
+  if (noWan.toString().length < 4) {
+    noWan = "0" + noWan;
+  }
+  return overWan ? getWan(overWan) + "万" + getWan(noWan) : getWan(num);
+};
+// 保留小数(四舍五入)
+export const fomatFloat = (src, pos) => {
+  return Math.round(src * Math.pow(10, pos)) / Math.pow(10, pos);
+};
+export const setStringToDate = (timeStr) => {
+  // IE不能识别字符串日期
+  let splitArray = timeStr.split(" ");
+  let dateArray = splitArray[0].split("-");
+  let d = new Date();
+  d.setFullYear(dateArray[0], dateArray[1] - 1, dateArray[2]);
+  d.setHours(0);
+  d.setMinutes(0);
+  d.setSeconds(0);
+  return d;
+};
+//  获取当前时间
+export const getNow = () => {
+  var date = new Date();
+  var year = date.getFullYear();
+  var month = date.getMonth() + 1;
+  var day = date.getDate();
+  if (month < 10) {
+    month = "0" + month;
+  }
+  if (day < 10) {
+    day = "0" + day;
+  }
+  return year + month + day;
+};
+/**
+ * 格式化秒
+ * @param int  value 总秒数
+ * @return string result 格式化后的字符串
+ */
+export const formatSeconds = (value) => {
+  var theTime = parseInt(value); // 需要转换的时间秒
+  var theTime1 = 0; // 分
+  var theTime2 = 0; // 小时
+  if (theTime > 60) {
+    theTime1 = parseInt(theTime / 60);
+    theTime = parseInt(theTime % 60);
+    if (theTime1 > 60) {
+      theTime2 = parseInt(theTime1 / 60);
+      theTime1 = parseInt(theTime1 % 60);
+    }
+  }
+  var result = "";
+  if (theTime === 0 && theTime1 === 0 && theTime2 === 0) {
+    result = "0秒";
+  }
+  if (theTime > 0) {
+    result = "" + parseInt(theTime) + "秒";
+  }
+  if (theTime1 > 0) {
+    result = "" + parseInt(theTime1) + "分" + result;
+  }
+  if (theTime2 > 0) {
+    result = "" + parseInt(theTime2) + "小时" + result;
+  }
+  return result;
+};
+/**
+ * 格式化秒
+ * @param int  value 总秒数
+ * @return string result 格式化后的字符串 HH:mm:ss
+ */
+export const format_seconds = (value) => {
+  let theTime = parseInt(value); // 需要转换的时间秒
+  let theTime1 = 0; // 分
+  let theTime2 = 0; // 小时
+  if (theTime > 60) {
+    theTime1 = parseInt(theTime / 60);
+    theTime = parseInt(theTime % 60);
+    if (theTime1 > 60) {
+      theTime2 = parseInt(theTime1 / 60);
+      theTime1 = parseInt(theTime1 % 60);
+    }
+  }
+  let t_hour = 0;
+  let t_min = 0;
+  let t_sec = 0;
+  if (theTime > 0) {
+    t_sec = parseInt(theTime);
+  }
+  if (theTime1 > 0) {
+    t_min = parseInt(theTime1);
+  }
+  if (theTime2 > 0) {
+    t_hour = parseInt(theTime2);
+  }
+  return t_hour > 0
+    ? `${t_hour > 9 ? "" : 0}${t_hour}:${t_min > 9 ? "" : 0}${t_min}:${
+        t_sec > 9 ? "" : 0
+      }${t_sec}`
+    : `${t_min > 9 ? "" : 0}${t_min}:${t_sec > 9 ? "" : 0}${t_sec}`;
+};
+/**
+ * 获取对象类型
+ */
+export const getObjType = (obj) => {
+  var toString = Object.prototype.toString;
+  var map = {
+    "[object Boolean]": "boolean",
+    "[object Number]": "number",
+    "[object String]": "string",
+    "[object Function]": "function",
+    "[object Array]": "array",
+    "[object Date]": "date",
+    "[object RegExp]": "regExp",
+    "[object Undefined]": "undefined",
+    "[object Null]": "null",
+    "[object Object]": "object"
+  };
+  if (obj instanceof Element) {
+    return "element";
+  }
+  return map[toString.call(obj)];
+};
+//时间戳转时间
+export const date_format = (unixtimestamp, type) => {
+  if (!unixtimestamp) {
+    return "";
+  }
+  unixtimestamp = new Date(unixtimestamp * 1000 + diffTime);
+  var year = 1900 + unixtimestamp.getYear();
+  var month = "0" + (unixtimestamp.getMonth() + 1);
+  var date = "0" + unixtimestamp.getDate();
+  var hour = "0" + unixtimestamp.getHours();
+  var minute = "0" + unixtimestamp.getMinutes();
+  var second = "0" + unixtimestamp.getSeconds();
+  return (
+    year +
+    "-" +
+    month.substring(month.length - 2, month.length) +
+    "-" +
+    date.substring(date.length - 2, date.length) +
+    " " +
+    hour.substring(hour.length - 2, hour.length) +
+    ":" +
+    minute.substring(minute.length - 2, minute.length) +
+    (type ? "" : ":" + second.substring(second.length - 2, second.length))
+  );
+};
+//时间转化为时间戳
+export const date_time = (datestring) => {
+  let time = new Date(datestring).getTime() / 1000;
+  if (!time && datestring) {
+    //兼容火狐浏览器
+    datestring = datestring.replace(new RegExp(/-/gm), "/");
+    time = new Date(datestring).getTime() / 1000;
+  }
+  return parseInt(time);
+};
+/**
+ * 对象深拷贝
+ */
+export const deepClone = (data) => {
+  var type = getObjType(data);
+  var obj;
+  if (type === "array") {
+    obj = [];
+  } else if (type === "object") {
+    obj = {};
+  } else {
+    // 不再具有下一层次
+    return data;
+  }
+  if (type === "array") {
+    for (var i = 0, len = data.length; i < len; i++) {
+      obj.push(deepClone(data[i]));
+    }
+  } else if (type === "object") {
+    for (var key in data) {
+      obj[key] = deepClone(data[key]);
+    }
+  }
+  return obj;
+};
+
+/**
+ * 日期格式化,时间戳
+ */
+export function format_date(time, format = "yyyy-MM-dd hh:mm:ss") {
+  let date = new Date(time * 1000 + diffTime);
+  if (date !== "Invalid Date") {
+    let o = {
+      "M+": date.getMonth() + 1, // month
+      "d+": date.getDate(), // day
+      "h+": date.getHours(), // hour
+      "m+": date.getMinutes(), // minute
+      "s+": date.getSeconds(), // second
+      "q+": Math.floor((date.getMonth() + 3) / 3), // quarter
+      S: date.getMilliseconds() // millisecond
+    };
+    if (/(y+)/.test(format)) {
+      format = format.replace(
+        RegExp.$1,
+        (date.getFullYear() + "").substr(4 - RegExp.$1.length)
+      );
+    }
+    for (let k in o) {
+      if (new RegExp("(" + k + ")").test(format)) {
+        format = format.replace(
+          RegExp.$1,
+          RegExp.$1.length === 1
+            ? o[k]
+            : ("00" + o[k]).substr(("" + o[k]).length)
+        );
+      }
+    }
+    return format;
+  }
+  return "";
+}
+/**
+ * 日期格式化
+ */
+export function dateFormat(dateDemo, format = "yyyy-MM-dd hh:mm:ss") {
+  let date = new Date(dateDemo);
+  if (date !== "Invalid Date") {
+    var o = {
+      "M+": date.getMonth() + 1, // month
+      "d+": date.getDate(), // day
+      "h+": date.getHours(), // hour
+      "m+": date.getMinutes(), // minute
+      "s+": date.getSeconds(), // second
+      "q+": Math.floor((date.getMonth() + 3) / 3), // quarter
+      S: date.getMilliseconds() // millisecond
+    };
+    if (/(y+)/.test(format)) {
+      format = format.replace(
+        RegExp.$1,
+        (date.getFullYear() + "").substr(4 - RegExp.$1.length)
+      );
+    }
+    for (var k in o) {
+      if (new RegExp("(" + k + ")").test(format)) {
+        format = format.replace(
+          RegExp.$1,
+          RegExp.$1.length === 1
+            ? o[k]
+            : ("00" + o[k]).substr(("" + o[k]).length)
+        );
+      }
+    }
+    return format;
+  }
+  return "";
+}
+
+// 颜色渐变函数
+export function hexToRgba(hex, opacity) {
+  let rgbaColor = "";
+  let reg = /^#[\da-f]{6}$/i;
+  if (reg.test(hex)) {
+    rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
+      "0x" + hex.slice(3, 5)
+    )},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
+  }
+  return rgbaColor;
+}
+export const unitsDigit = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+export const upperCaseLetters = [
+  "A",
+  "B",
+  "C",
+  "D",
+  "E",
+  "F",
+  "G",
+  "H",
+  "I",
+  "J",
+  "K",
+  "L",
+  "M",
+  "N",
+  "O",
+  "P",
+  "Q",
+  "R",
+  "S",
+  "T",
+  "U",
+  "V",
+  "W",
+  "X",
+  "Y",
+  "Z"
+];
+export const lowerCaseLetters = [
+  "a",
+  "b",
+  "c",
+  "d",
+  "e",
+  "f",
+  "g",
+  "h",
+  "i",
+  "j",
+  "k",
+  "l",
+  "m",
+  "n",
+  "o",
+  "p",
+  "q",
+  "r",
+  "s",
+  "t",
+  "u",
+  "v",
+  "w",
+  "x",
+  "y",
+  "z"
+];
+// 随机字母和数字组合
+export const getRandomPassword = (num = 6) => {
+  if (num <= 0) {
+    return "";
+  }
+  let passwordArr = [unitsDigit, upperCaseLetters, lowerCaseLetters];
+  let psw = "";
+  let numDigit = 0;
+  for (let i = 0; i < num; i++) {
+    let selectIndex = Math.floor(Math.random() * passwordArr.length);
+    if (selectIndex === 0) {
+      numDigit++;
+    }
+    if (numDigit === num && i === num - 1) {
+      let selectArr = [upperCaseLetters, lowerCaseLetters][
+        Math.floor(Math.random() * 2)
+      ];
+      psw += selectArr[Math.floor(Math.random() * selectArr.length)];
+    } else if (numDigit === 0 && i === num - 1) {
+      psw += unitsDigit[Math.floor(Math.random() * unitsDigit.length)];
+    } else {
+      let selectArr = passwordArr[selectIndex];
+      psw += selectArr[Math.floor(Math.random() * selectArr.length)];
+    }
+  }
+  return psw;
+};
+/**
+ * 提取html字符串中的文字
+ */
+export const getHtmlPlainText = (html_str = "") => {
+  let text = html_str.replace(/<[^<>]+>/g, "").trim();
+  return text;
+};
+//判断html中是否有文字或图片
+export const htmlHasContent = (html_str = "") => {
+  let text = html_str.replace(/<[^<>]+>/g, "").trim();
+  let imgReg = /<img [^>]*src=['"]([^'"]+)[^>]*>/gi;
+  let imgUrls = html_str.match(imgReg) || [];
+  imgUrls.filter((url) => {
+    return url && url.match(/src=['"]?([^'"]*)['"]?/i);
+  });
+  return Boolean(text) || imgUrls.length > 0;
+};
+/**
+ * 压缩图片方法
+ * @param {file} file 文件或文件数组
+ * @param {Number} quality 图片质量(取值0-1之间默认0.92)
+ */
+export const compressImg = (file, quality) => {
+  if (Array.isArray(file)) {
+    return Promise.all(Array.from(file).map((e) => compressImg(e, quality))); // 如果是 file 数组返回 Promise 数组
+  } else {
+    let qualitys = 1;
+    //单位：MB
+    let fileSize = parseInt((file.size / 1024 / 1024).toFixed(2));
+    if (1 < fileSize && fileSize < 5) {
+      qualitys = 0.92;
+    }
+    if (5 < fileSize && fileSize < 10) {
+      qualitys = 0.85;
+    }
+    if (10 < fileSize) {
+      qualitys = 0.52;
+    }
+    if (quality) {
+      qualitys = quality;
+    }
+    return new Promise((resolve) => {
+      if (qualitys >= 1) {
+        resolve(file);
+      } else {
+        let fileType = file.type;
+        if (!fileType || !fileType.includes("image/")) {
+          resolve(file);
+          return;
+        }
+        const fileReader = new FileReader(); // 创建 FileReader
+        fileReader.onload = ({ target: { result: src } }) => {
+          const image = new Image(); // 创建 img 元素
+          image.onload = () => {
+            const mCanvas = document.createElement("canvas"); // 创建 canvas 元素
+            const mCtx = mCanvas.getContext("2d");
+            let targetWidth = image.width;
+            let targetHeight = image.height;
+            let originWidth = image.width;
+            let originHeight = image.height;
+            if (1 <= fileSize) {
+              let maxWidth = 1400;
+              let maxHeight = 1400;
+              if (5 < fileSize) {
+                maxWidth = 1920;
+                maxHeight = 1920;
+              }
+              targetWidth = originWidth;
+              targetHeight = originHeight;
+              // 图片尺寸超过的限制
+              if (originWidth > maxWidth || originHeight > maxHeight) {
+                if (originWidth / originHeight > maxWidth / maxHeight) {
+                  // 更宽，按照宽度限定尺寸
+                  targetWidth = maxWidth;
+                  targetHeight = Math.round(
+                    maxWidth * (originHeight / originWidth)
+                  );
+                } else {
+                  targetHeight = maxHeight;
+                  targetWidth = Math.round(
+                    maxHeight * (originWidth / originHeight)
+                  );
+                }
+              }
+            }
+            mCanvas.width = targetWidth;
+            mCanvas.height = targetHeight;
+            mCtx.clearRect(0, 0, targetWidth, targetHeight);
+            mCtx.drawImage(image, 0, 0, targetWidth, targetHeight); // 绘制 canvas
+            const canvasURL = mCanvas.toDataURL(fileType, qualitys);
+            const buffer = atob(canvasURL.split(",")[1]);
+            let length = buffer.length;
+            const bufferArray = new Uint8Array(new ArrayBuffer(length));
+            while (length--) {
+              bufferArray[length] = buffer.charCodeAt(length);
+            }
+            const miniFile = new File([bufferArray], file.name, {
+              type: fileType
+            });
+            resolve(miniFile);
+          };
+          image.src = src;
+        };
+        fileReader.readAsDataURL(file);
+      }
+    });
+  }
+};
+/**
+ * 连接类型列表
+ */
+export const relationTypeList = [
+  {
+    label: "左连接",
+    value: "left join"
+  },
+  {
+    label: "右连接",
+    value: "right join"
+  },
+  {
+    label: "内连接",
+    value: "inner join"
+  }
+];
+/**
+ * 根据value获取连接的label
+ */
+export const getRelationTypeName = (relationType) => {
+  let relationTypeItem = relationTypeList.filter(
+    (v) => v.value === relationType
+  )[0];
+  return relationTypeItem ? relationTypeItem.label : null;
+};
+/**
+ * 支持字段
+ */
+export const behaviorList = [
+  { id: "long", name: "整型" },
+  { id: "double", name: "浮点型" },
+  { id: "string", name: "文本" },
+  { id: "text", name: "长文本" },
+  { id: "date", name: "日期" },
+  { id: "datetime", name: "日期时间" },
+  { id: "time", name: "时间" }
+];
+export function uuid() {
+  const s = [];
+  const hexDigits = "0123456789abcdef";
+  for (let i = 0; i < 36; i++) {
+    let start = Math.floor(Math.random() * 0x10);
+    s[i] = hexDigits.substring(start, start + 1);
+  }
+  s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
+  let start = (s[19] & 0x3) | 0x8;
+  s[19] = hexDigits.substring(start, start + 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+  s[8] = s[13] = s[18] = s[23] = "-";
+
+  return s.join("");
+}
+
+export function getPosInDom(outerDom, innerDom) {
+  // 元素的坐标和大小
+  const rect = outerDom.getBoundingClientRect();
+  const rect2 = innerDom.getBoundingClientRect();
+  const x = rect2.left - rect.left;
+  const y = rect2.top - rect.top;
+
+  return {
+    x: x,
+    y: y,
+    width: rect2.width,
+    height: rect2.height
+  };
+}
+
+export function getPosInDomByEvent(outerDom, event) {
+  // 元素的坐标和大小
+  const rect = outerDom.getBoundingClientRect();
+
+  // 鼠标坐标
+  const x = event.clientX;
+  const y = event.clientY;
+
+  // 计算鼠标在元素中的坐标
+  const elementX = x - rect.left;
+  const elementY = y - rect.top;
+
+  return {
+    x: elementX,
+    y: elementY
+  };
+}
+//表单正则验证
+export function testVerify(eleProps) {
+  //添加编辑状态不执行
+  if (!eleProps.infoFilling) {
+    return;
+  }
+  if (eleProps.isrequired) {
+    eleProps.iserr = false;
+    //必填校验
+    if (
+      eleProps.compType === "tpl_comp_select_muti" ||
+      eleProps.compType === "tpl_comp_cascade" ||
+      eleProps.compType === "tpl_comp_pic" ||
+      eleProps.compType === "tpl_comp_annex" ||
+      eleProps.compType === "tpl_comp_sign"
+    ) {
+      //多选 级联
+      if (eleProps.fieldvalue.length === 0) {
+        this.$Message.error(`${eleProps.requiredmsg}`);
+        eleProps.iserr = true;
+        return;
+      }
+    } else if (eleProps.compType === "tpl_comp_stepper") {
+      //步进器
+      if (eleProps.fieldvalue === 0) {
+        this.$Message.error(`${eleProps.requiredmsg}`);
+        eleProps.iserr = true;
+        return;
+      }
+    } else if (eleProps.compType === "tpl_comp_table") {
+      eleProps.tbodyObj.forEach((arr) => {
+        arr.forEach((item) => {
+          if (item.state && !item.title) {
+            this.$Message.error(`${eleProps.requiredmsg}`);
+            eleProps.iserr = true;
+            return;
+          }
+        });
+      });
+    } else {
+      if (eleProps.fieldvalue === "") {
+        this.$Message.error(`${eleProps.requiredmsg}`);
+        eleProps.iserr = true;
+        return;
+      }
+    }
+    if (eleProps.isverification) {
+      //正则校验
+      if (eleProps.showrule) {
+        //自定义正则 customrules
+        let reg = new RegExp(eleProps.customrules);
+        if (!reg.test(eleProps.fieldvalue)) {
+          this.$Message.error(`${eleProps.errmsg}`);
+          eleProps.iserr = true;
+        }
+      } else {
+        //选定正则 selectrule
+        if (eleProps.selectrule === "^1\\d{10}$") {
+          eleProps.fieldvalue = parseInt(eleProps.fieldvalue); //手机号 需要转数字
+        }
+        let reg = new RegExp(eleProps.selectrule);
+        if (!reg.test(eleProps.fieldvalue)) {
+          this.$Message.error(`${eleProps.errmsg}`);
+          eleProps.iserr = true;
+        }
+      }
+    }
+  }
+  this.$forceUpdate();
+}
+/**
+ * 返回开始日期（以0点开始）和结束日期（以24点结束）的秒数
+ * @param beginDate 开始日期
+ * @param endDate 结束日期
+ */
+export const dateRangeToSecond = ([beginDate, endDate]) => {
+  let _begintime = null;
+  let _endtime = null;
+  if (beginDate) {
+    let _beginDate = new Date(beginDate);
+    _begintime = new Date(
+      _beginDate.getFullYear(),
+      _beginDate.getMonth(),
+      _beginDate.getDate(),
+      0,
+      0,
+      0
+    ).getTime();
+    _begintime = parseInt(_begintime / 1000);
+  }
+  if (endDate) {
+    let _endDate = new Date(endDate);
+    _endtime = new Date(
+      _endDate.getFullYear(),
+      _endDate.getMonth(),
+      _endDate.getDate(),
+      23,
+      59,
+      59
+    ).getTime();
+    _endtime = parseInt(_endtime / 1000);
+  }
+  return {
+    begintime: _begintime,
+    endtime: _endtime
+  };
+};

src/utils/resetMessage.js

@@ -0,0 +1,30 @@
+import ViewUI from "view-design";
+let errorTipMinTime = 3;
+let msgInstance = null;
+let resetMessage = {
+  destroy: ViewUI.Message.destroy
+};
+["error", "success", "info", "warning", "loading", "config"].forEach((type) => {
+  resetMessage[type] = (options) => {
+    if (msgInstance) {
+      ViewUI.Message.destroy();
+    }
+    if (type === "error" || type === "warning") {
+      if (typeof options === "string") {
+        options = {
+          content: options,
+          duration: errorTipMinTime
+        };
+      } else {
+        if (options.duration !== 0) {
+          options.duration =
+            options.duration > errorTipMinTime
+              ? options.duration
+              : errorTipMinTime;
+        }
+      }
+    }
+    msgInstance = ViewUI.Message[type](options);
+  };
+});
+export const message = resetMessage;

src/views/layout.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="layout_box"></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  created() {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/login/login.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/personal/personal.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/platform/admin/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/platform/home/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/platform/log/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/platform/networkManage/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/platform/notice/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/platform/regionManage/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/region/admin/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/region/home/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/region/regionManage/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/region/schoolManage/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/school/admin/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/school/home/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/school/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/school/regionManage/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped></style>

vue.config.js

@@ -0,0 +1,57 @@
+const { defineConfig } = require("@vue/cli-service");
+const timestamp = new Date().getTime();
+//生产环境标记
+const IS_PRODUCTION = process.env.NODE_ENV === "production";
+
+// 生产配置
+const cdn_production = {
+  js: ["/librarys/vue@2.6.11/vue.min.js"]
+};
+// 开发配置
+const cdn_development = {
+  js: ["/librarys/vue@2.6.11/vue.js"]
+};
+module.exports = defineConfig({
+  lintOnSave: false,
+  productionSourceMap: !IS_PRODUCTION, //打包不生成map文件
+  devServer: {
+    open: false
+  },
+  css: {
+    extract: IS_PRODUCTION
+      ? {
+          filename: `css/[name].${timestamp}.css`,
+          chunkFilename: `css/[name].${timestamp}.css`
+        }
+      : false,
+    loaderOptions: {
+      less: {
+        lessOptions: {
+          javascriptEnabled: true
+        }
+      }
+    }
+  },
+  configureWebpack: {
+    output: {
+      filename: `js/[name].${timestamp}.js`,
+      chunkFilename: `js/[name].${timestamp}.js`
+    },
+    // 排除不引用
+    externals: {
+      vue: "Vue",
+      "vue-router": "VueRouter",
+      vuex: "Vuex",
+      echarts: "echarts",
+      axios: "axios",
+      "view-design": "iview",
+      "crypto-js": "CryptoJS"
+    }
+  },
+  chainWebpack: (config) => {
+    config.plugin("html").tap((args) => {
+      args[0].cdn = IS_PRODUCTION ? cdn_production : cdn_development;
+      return args;
+    });
+  }
+});