Merge pull request 'ph1请求合并到master' (#2 ) from release/gcs_ph1 into master

Reviewed-on: http://47.117.135.175:3000/Reeve/logistics-fe-iems-winlink/pulls/2
ph1代码提交
1127 changed files with 309677 additions and 83 deletions
--- a/.dockerignore
+++ b/.dockerignore
@ -0,0 +1,23 @@
 docs
 public
 src
 .dockerignore
 .editorconfig
 .eslintignore
 .gitattributes
 .gitignore
 .prettierrc
 babel.config.js
 Dockerfile
 idea.config.js
 LICENSE
 package.json
 package-lock.json
 README.md
 vue.config.js
 yarn
 yarn.lock
 yarn-error.log
 .idea
 .svn
 node_modules
--- a/.editorconfig
+++ b/.editorconfig
@ -0,0 +1,39 @@
 [*]
 charset=utf-8
 end_of_line=crlf
 insert_final_newline=false
 indent_style=space
 indent_size=2
 [{*.ng,*.sht,*.html,*.shtm,*.shtml,*.htm}]
 indent_style=space
 indent_size=2
 [{*.jhm,*.xslt,*.xul,*.rng,*.xsl,*.xsd,*.ant,*.tld,*.fxml,*.jrxml,*.xml,*.jnlp,*.wsdl}]
 indent_style=space
 indent_size=2
 [{.babelrc,.stylelintrc,jest.config,.eslintrc,.prettierrc,*.json,*.jsb3,*.jsb2,*.bowerrc}]
 indent_style=space
 indent_size=2
 [*.svg]
 indent_style=space
 indent_size=2
 [*.js.map]
 indent_style=space
 indent_size=2
 [*.less]
 indent_style=space
 indent_size=2
 [*.vue]
 indent_style=space
 indent_size=2
 [{.analysis_options,*.yml,*.yaml}]
 indent_style=space
 indent_size=2
--- a/.env
+++ b/.env
@ -0,0 +1,3 @@
 NODE_ENV=development
 VUE_APP_PLATFORM_NAME=JeecgBoot 企业级低代码平台
 VUE_APP_SSO=false
--- a/.env.development
+++ b/.env.development
@ -0,0 +1,7 @@
 NODE_ENV=development
 VUE_APP_API_BASE_URL=https://midea-test.egyun.com.cn/gcs
 VUE_APP_API_BASE_SITE=http://localhost:9000
 VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
 VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
 VUE_APP_LOGOUT_URL=https://lsitapi.midea.com/api-auth/ssoLogout
 VUE_APP_API_AUTH=https://lsitapi.midea.com/api-auth
--- a/.env.prod
+++ b/.env.prod
@ -0,0 +1,8 @@
 NODE_ENV=prod
 VUE_APP_API_BASE_URL=https://lcapi.midea.com/api-iems-cn/gcs
 VUE_APP_API_BASE_SITE=https://lcapi.midea.com/api-iems-cn/gcs
 VUE_APP_CAS_BASE_URL=https://signin.midea.com/login
 VUE_APP_ONLINE_BASE_URL=
 VUE_APP_LOGOUT_URL=https://lcapi.midea.com/api-auth/ssoLogout
 VUE_APP_SSO=true
 VUE_APP_API_AUTH=https://lcapi.midea.com/api-auth
--- a/.env.production
+++ b/.env.production
@ -0,0 +1,8 @@
 NODE_ENV=production
 VUE_APP_API_BASE_URL=https://lcapi.midea.com/api-iems-cn/gcs
 VUE_APP_API_BASE_SITE=https://lcapi.midea.com/api-iems-cn/gcs
 VUE_APP_CAS_BASE_URL=https://signin.midea.com/login
 VUE_APP_ONLINE_BASE_URL=
 VUE_APP_LOGOUT_URL=https://lcapi.midea.com/api-auth/ssoLogout
 VUE_APP_SSO=true
 VUE_APP_API_AUTH=https://lcapi.midea.com/api-auth
--- a/.env.sit
+++ b/.env.sit
@ -0,0 +1,8 @@
 NODE_ENV=sit
 VUE_APP_API_BASE_URL=https://lsitapi.midea.com/api-iems-cn/gcs
 VUE_APP_API_BASE_SITE=http://localhost:9000
 VUE_APP_CAS_BASE_URL=https://signinuat.midea.com/login
 VUE_APP_ONLINE_BASE_URL=
 VUE_APP_LOGOUT_URL=https://lsitapi.midea.com/api-auth/ssoLogout
 VUE_APP_SSO=true
 VUE_APP_API_AUTH=https://lsitapi.midea.com/api-auth
--- a/.env.test
+++ b/.env.test
@ -0,0 +1,5 @@
 NODE_ENV=production
 VUE_APP_API_BASE_URL=https://midea-test.egyun.com.cn/gcs
 VUE_APP_API_BASE_SITE=https://midea-test.egyun.com.cn
 VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
 VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
--- a/.env.uat
+++ b/.env.uat
@ -0,0 +1,8 @@
 NODE_ENV=uat
 VUE_APP_API_BASE_URL=https://luatapi.midea.com/api-iems-cn/gcs
 VUE_APP_API_BASE_SITE=http://localhost:9000
 VUE_APP_CAS_BASE_URL=https://signinuat.midea.com/login
 VUE_APP_ONLINE_BASE_URL=
 VUE_APP_LOGOUT_URL=https://luatapi.midea.com/api-auth/ssoLogout
 VUE_APP_SSO=true
 VUE_APP_API_AUTH=https://luatapi.midea.com/api-auth
--- a/.env.ver
+++ b/.env.ver
@ -0,0 +1,8 @@
 NODE_ENV=ver
 VUE_APP_API_BASE_URL=https://lverapi.midea.com/api-iems-cn/gcs
 VUE_APP_API_BASE_SITE=http://localhost:9000
 VUE_APP_CAS_BASE_URL=https://signinuat.midea.com/login
 VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
 VUE_APP_LOGOUT_URL=https://lverapi.midea.com/api-auth/ssoLogout
 VUE_APP_SSO=true
 VUE_APP_API_AUTH=https://lverapi.midea.com/api-auth
--- a/.eslintignore
+++ b/.eslintignore
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,151 @@
 module.exports = {
    "root": true,
    "env": {
        "browser": true
    },
    "parser": "vue-eslint-parser",
    "parserOptions": {
        "parser": "@babel/eslint-parser",
        "ecmaVersion": 2020,
        "sourceType": "module"
    },
    extends: [
        // "eslint-config-md-js", 
        // "eslint-config-md-vue2",
        // 加入 Vue 推荐的规则配置
        'plugin:vue/recommended',
    ],
    rules: {
        // 关闭多行属性间必须换行的规则
        'vue/new-line-between-multi-line-attributes': 'off',
        // 关闭Vue模板缩进检查（关键：解决模板中的缩进提示）
        'vue/html-indent': 'off',
        // 强制使用分号（默认）
        'semi': ['warn', 'always'],
        // 警告但不报错（提醒清理）
        'no-console': 'warn',
        // 单行标签属性个数
        'vue/max-attributes-per-line': ['warn', {
            'singleline': 10,
            'multiline': {
                'max': 10,
                'allowFirstLine': false
            }
        }],
        // 关闭v-html的XSS风险提示
        'vue/no-v-html': 'off',
        // 关闭属性必须使用连字符命名的规则
        'vue/attribute-hyphenation': 'off',
        // 关闭组件选项顺序校验规则
        'vue/order-in-components': 'off',
        // 关闭 Vue 属性顺序强制校验规则
        'vue/attributes-order': 'off', 
        // 允许单行里展示标签和文本
        'vue/singleline-html-element-content-newline': 'off',
        // 要求使用严格相等（!==/===）
        eqeqeq: ['error', 'always'],
        // 允许在 <template v-for> 的子元素上使用 key（而非 template 标签本身）
        'vue/no-v-for-template-key-on-child': 'off',
        // 关闭 "$slots" 属性应作为函数使用的提示 好像没效果
        'vue/no-deprecated-slot-attribute': 'off',
        'vue/html-self-closing': [
            'error',
            {
                html: {
                    void: 'always', // HTML 空标签始终自闭合
                    normal: 'never', // 普通标签不自闭合
                    component: 'always', // 组件始终自闭合
                },
            },
        ],
        'vue/html-closing-bracket-spacing': [
            'error',
            {
                selfClosingTag: 'always', // 自闭合标签斜杠前必须有空格
            },
        ],
        // 插值语法内必须要有空格 {{ 1 }} 这种
        'vue/mustache-interpolation-spacing': ['error', 'always'],
        // 禁止使用var，要求用let/const
        'no-var': 'error',
        // 新增：未修改的变量必须用const，修改的用let
        'prefer-const': [
            'error',
            {
                // 允许对解构赋值中的变量使用let（可选配置）
                destructuring: 'any',
                // 忽略for循环中的初始化变量（如for(let i=0;...)）
                ignoreReadBeforeAssign: false
            }
        ],
        // if条件后必须有大括号
        curly: ['error', 'all'],
        // Props必须设置默认值
        'vue/require-default-prop': 'error',
        // Props必须定义类型
        'vue/require-prop-types': 'error',
        // 关闭 $listeners 弃用警告（适用于 Vue 2 项目）
        'vue/no-deprecated-dollar-listeners-api': 'off',
        // 禁止访问Object原型方法（如hasOwnProperty）------------- 没效果
        'no-prototype-builtins': 'error',
        // 禁止定义但未使用的变量
        'no-unused-vars': 'error',
        // 关闭 slot-scope 弃用警告
        'vue/no-deprecated-slot-scope-attribute': 'off',
        // 关闭 .native 修饰符弃用警告
        'vue/no-deprecated-v-on-native-modifier': 'off',
        // 关闭组件名必须多单词的规则
        'vue/multi-word-component-names': 'off',
        // 关闭计算属性中意外副作用的提示
        'vue/no-side-effects-in-computed-properties': 'off',
        // 关闭组件已注册但未使用的提示
        'vue/no-unused-components': 'off',
        // 关闭属性应至少定义其类型的提示（针对 Vue 组件 props 类型检查）
        'vue/require-prop-type-constructor': 'off',
        // 禁止不必要的转义字符
        'no-useless-escape': 'error',
        // 限制函数复杂度（默认最大10）
        complexity: ['error', 10],
        // 允许使用 $on, $off, $once（Vue 3 中已废弃的事件 API）
        'vue/no-deprecated-events-api': 'off',
        // 允许使用过滤器（Vue 3 中已废弃）
        'vue/no-deprecated-filter': 'off',
        // 允许以属性形式使用 $slots（Vue 3 中建议作为函数使用）
        'vue/no-deprecated-slot-scope-attribute': 'off',
        'vue/no-deprecated-dollar-scopedslots-api': 'off',
        'vue/require-slots-as-functions': 'off',
    },
 }
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1 @@
 public/* linguist-vendored
--- a/.gitignore
+++ b/.gitignore
@ -1,11 +1,21 @@
-# ---> Vue
+.DS_Store
-# gitignore template for Vue.js projects
+node_modules
-#
+/dist
 # Recommended template: Node.gitignore
-# TODO: where does this rule come from?
+# local env files
-docs/_book
+.env.local
 .env.*.local
-# TODO: where does this rule come from?
+# Log files
-test/
+npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 # Editor directories and files
 .idea
 .vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw*
--- a/.prettierrc
+++ b/.prettierrc
@ -0,0 +1,5 @@
 {
  "printWidth": 120,
  "semi": true,
  "singleQuote": true
 }
--- a/94
+++ b/94
@ -1,73 +1,21 @@
-Apache License
+MIT License
-Version 2.0, January 2004
+
-http://www.apache.org/licenses/
+Copyright (c) 2019 DaiHao Zhang
-
+
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+Permission is hereby granted, free of charge, to any person obtaining a copy
-
+of this software and associated documentation files (the "Software"), to deal
-1. Definitions.
+in the Software without restriction, including without limitation the rights
-
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+copies of the Software, and to permit persons to whom the Software is
-
+furnished to do so, subject to the following conditions:
-"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
-
+The above copyright notice and this permission notice shall be included in all
-"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+copies or substantial portions of the Software.
-
+
-"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+SOFTWARE.
 "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
 "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
 "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
     (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and
     (b) You must cause any modified files to carry prominent notices stating that You changed the files; and
     (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
     (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License.
     You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
 END OF TERMS AND CONDITIONS
 APPENDIX: How to apply the Apache License to your work.
 To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by brackets "[]" replaced with your own identifying information. (Don't include the brackets!)  The text should be enclosed in the appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose be included on the same "printed page" as the copyright notice for easier identification within third-party archives.
 Copyright [yyyy] [name of copyright owner]
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
--- a/README.md
+++ b/README.md
@ -1,3 +1,135 @@
-# logistics-fe-iems-winlink
+Ant Design Jeecg Vue
 ====
-美的项目前端代码
+当前最新版本： 3.0.0（发布日期：2021-11-01）
 Overview
 ----
 基于 [Ant Design of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 实现的 Ant Design Pro  Vue 版
 Jeecg-boot 的前端UI框架，采用前后端分离方案，提供强大代码生成器的低代码平台。
 前端页面代码和后端功能代码一键生成，不需要写任何代码，保持jeecg一贯的强大！！
 #### 前端技术
 - 基础框架：[ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现
 - JavaScript框架：Vue
 - Webpack
 - node
 - yarn
 - eslint
 - @vue/cli 3.2.1
 - [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件
 - [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表
 - [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation)  - antv/g2 封装实现
 项目下载和运行
 ----
 - 拉取项目代码
 ```bash
 git clone https://github.com/zhangdaiscott/jeecg-boot.git
 cd  jeecg-boot/ant-design-vue-jeecg
 ```
 - 安装依赖
 ```
 yarn install
 ```
 - 开发模式运行
 ```
 yarn run serve
 ```
 - 编译项目
 ```
 yarn run build
 ```
 - Lints and fixes files
 ```
 yarn run lint
 ```
 其他说明
 ----
 - 项目使用的 [vue-cli3](https://cli.vuejs.org/guide/), 请更新您的 cli
 - 关闭 Eslint (不推荐) 移除 `package.json` 中 `eslintConfig` 整个节点代码
 - 修改 Ant Design 配色，在文件 `vue.config.js` 中，其他 less 变量覆盖参考 [ant design](https://ant.design/docs/react/customize-theme-cn) 官方说明
 ```ecmascript 6
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* less 变量覆盖，用于自定义 ant design 主题 */
          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
 ```
 附属文档
 ----
 - [Ant Design Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn)
 - [报表 viser-vue](https://viserjs.github.io/demo.html#/viser/bar/basic-bar)
 - [Vue](https://cn.vuejs.org/v2/guide)
 - [路由/菜单说明](https://github.com/zhangdaiscott/jeecg-boot/tree/master/ant-design-vue-jeecg/src/router/README.md)
 - [ANTD 默认配置项](https://github.com/zhangdaiscott/jeecg-boot/tree/master/ant-design-vue-jeecg/src/defaultSettings.js)
 - 其他待补充...
 备注
 ----
 > @vue/cli 升级后，eslint 规则更新了。由于影响到全部 .vue 文件，需要逐个验证。既暂时关闭部分原本不验证的规则，后期维护时，在逐步修正这些 rules
 Docker 镜像使用
 ----
 ``` 
 # 1.修改前端项目的后台域名
    .env.development
    域名改成： http://jeecg-boot-system:8080/jeecg-boot
 # 2.先进入打包前端项目
  yarn run build
 # 3.构建镜像
  docker build -t nginx:jeecgboot .
 # 4.启动镜像
  docker run --name jeecg-boot-nginx -p 80:80 -d nginx:jeecgboot
 # 5.配置host
    # jeecgboot
    127.0.0.1   jeecg-boot-redis
    127.0.0.1   jeecg-boot-mysql
    127.0.0.1   jeecg-boot-system
 # 6.访问前台项目
  http://localhost:80
 ``` 
--- a/babel.config.js
+++ b/babel.config.js
@ -0,0 +1,5 @@
 module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
 }
--- a/idea.config.js
+++ b/idea.config.js
@ -0,0 +1,24 @@
 'use strict'
 const path = require('path')
 function resolve (dir) {
  return path.join(__dirname, '.', dir)
 }
 module.exports = {
    context: path.resolve(__dirname, './'),
    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            'config': resolve('config'),
            '@': resolve('src'),
            '@views': resolve('src/views'),
            '@comp': resolve('src/components'),
            '@core': resolve('src/core'),
            '@utils': resolve('src/utils'),
            '@entry': resolve('src/entry'),
            '@router': resolve('src/router'),
            '@store': resolve('src/store')
        }
    },
 }
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,166 @@
 {
  "name": "vue-antd-jeecg",
  "version": "3.0.0",
  "private": true,
  "scripts": {
    "pre": "cnpm install || yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ",
    "serve": "vue-cli-service serve",
    "serve:test": "vue-cli-service serve --mode test",
    "serve:pro": "vue-cli-service serve --mode production",
    "serve:sit": "vue-cli-service serve --mode sit",
    "serve:uat": "vue-cli-service serve --mode uat",
    "build:test": "vue-cli-service build --mode test",
    "build": "vue-cli-service build",
    "build:sit": "vue-cli-service build --mode sit",
    "build:uat": "vue-cli-service build --mode uat",
    "build:ver": "vue-cli-service build --mode ver",
    "build:prod": "vue-cli-service build --mode prod",
    "lint": "eslint --ext .js,.vue src/views/ --fix && stylelint src/**/*.{html,vue,css,sass,scss} --fix"
  },
  "dependencies": {
    "@antv/data-set": "^0.11.4",
    "@jeecg/antd-online-mini": "3.0.0-beta",
    "@logicflow/core": "^1.1.3",
    "@logicflow/extension": "^1.1.3",
    "@micro-zoe/micro-app": "^1.0.0-rc.26",
    "@tinymce/tinymce-vue": "^2.1.0",
    "@toast-ui/editor": "^2.1.2",
    "@vue-office/docx": "^1.6.2",
    "@vue-office/excel": "^1.7.11",
    "@vue-office/pdf": "^2.0.9",
    "@vue/composition-api": "^1.7.2",
    "@vue/reactivity": "^3.2.37",
    "ant-design-vue": "^1.7.2",
    "axios": "^0.18.0",
    "china-area-data": "^5.0.1",
    "clipboard": "^2.0.10",
    "codemirror": "^5.46.0",
    "cron-parser": "^2.10.0",
    "date-fns": "^2.28.0",
    "dayjs": "^1.8.0",
    "dom-align": "1.12.0",
    "echarts": "^5.4.0",
    "enquire.js": "^2.1.6",
    "flv.js": "^1.6.2",
    "html2canvas": "^1.4.1",
    "js-cookie": "^2.2.0",
    "jspdf": "^2.5.1",
    "less-loader": "^5.0.0",
    "lodash.get": "^4.4.2",
    "lodash.pick": "^4.4.0",
    "md5": "^2.2.1",
    "mdesign-plus": "^1.0.51",
    "mux.js": "^6.1.0",
    "normalize-wheel": "^1.0.1",
    "nprogress": "^0.2.0",
    "pdfobject": "^2.2.7",
    "screenfull": "^5.1.0",
    "scss": "^0.2.4",
    "semver": "^7.6.0",
    "throttle-debounce": "^1.1.0",
    "tinymce": "^5.3.2",
    "twtree": "^3.8.3",
    "v-viewer": "^1.7.4",
    "video.js": "^7.19.2",
    "videojs-contrib-hls": "^5.15.0",
    "viser-vue": "^2.4.8",
    "vue": "^2.7.0",
    "vue-area-linkage": "^5.1.0",
    "vue-cropper": "^0.5.4",
    "vue-demi": "^0.14.10",
    "vue-draggable-resizable": "^2.3.0",
    "vue-i18n": "^8.28.2",
    "vue-json-pretty": "^1.8.2",
    "vue-loader": "^15.7.0",
    "vue-ls": "^3.2.0",
    "vue-photo-preview": "^1.1.3",
    "vue-print-nb-jeecg": "^1.0.9",
    "vue-router": "^3.0.1",
    "vue-slider-component": "^3.2.18",
    "vue-splitpane": "^1.0.4",
    "vuedraggable": "^2.20.0",
    "vuex": "^3.1.0",
    "vxe-table": "2.9.13",
    "vxe-table-plugin-antd": "1.8.10",
    "xe-utils": "2.4.8"
  },
  "devDependencies": {
    "@babel/core": "^7.23.3",
    "@babel/eslint-parser": "^7.23.3",
    "@babel/polyfill": "^7.2.5",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "^4.5.0",
    "@vue/cli-service": "^4.5.0",
    "@vue/eslint-config-standard": "^4.0.0",
    "babel-eslint": "7.2.3",
    "babel-loader": "^9.1.3",
    "compression-webpack-plugin": "^3.1.0",
    "core-js": "^3.33.2",
    "eslint": "^5.16.0",
    "eslint-plugin-html": "^7.0.0",
    "eslint-plugin-vue": "^9.0.0",
    "html-webpack-plugin": "^4.2.0",
    "less": "^3.13.1",
    "less-loader": "^4.1.0",
    "mini-css-extract-plugin": "^2.4.5",
    "vue-eslint-parser": "^9.3.2",
    "webpack": "^4.0.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/strongly-recommended",
      "@vue/standard"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
      "generator-star-spacing": "off",
      "no-mixed-operators": 0,
      "vue/max-attributes-per-line": [
        2,
        {
          "singleline": 5,
          "multiline": {
            "max": 1,
            "allowFirstLine": false
          }
        }
      ],
      "vue/attribute-hyphenation": 0,
      "vue/html-self-closing": 0,
      "vue/component-name-in-template-casing": 0,
      "vue/html-closing-bracket-spacing": 0,
      "vue/singleline-html-element-content-newline": 0,
      "vue/no-unused-components": 0,
      "vue/multiline-html-element-content-newline": 0,
      "vue/no-use-v-if-with-v-for": 0,
      "vue/html-closing-bracket-newline": 0,
      "vue/no-parsing-error": 0,
      "no-tabs": 0,
      "indent": [
        "off",
        2
      ],
      "no-console": 0,
      "space-before-function-paren": 0
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browser": {
    "crypto": false
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ]
 }
--- a/public/avatar2.png
+++ b/public/avatar2.png
--- a/public/cdn/babel-polyfill/polyfill_7_2_5.js
+++ b/public/cdn/babel-polyfill/polyfill_7_2_5.js
--- a/public/goright.png
+++ b/public/goright.png
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,342 @@
 <!DOCTYPE html>
 <html lang="zh-cmn-Hans">
 <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">
  <title>WinLink Frame UI</title>
  <link rel="icon" href="<%= BASE_URL %>logo.png">
  <!-- <script src="<%= BASE_URL %>gcs/cacheParamCus.js"></script>
  <script src="<%= BASE_URL %>gcs/cacheParamComp.js"></script> -->
  <script src="<%= BASE_URL %>cdn/babel-polyfill/polyfill_7_2_5.js"></script>
  <script src="<%= BASE_URL %>cdn/babel-polyfill/polyfill_7_2_5.js"></script>
  <style>
    /* stylelint-disable */
    html,
    body,
    #app {
      height: 100%;
      margin: 0;
      padding: 0;
      position: relative;
    }
    /* 针对微前端环境的兼容样式 使用:root或html作为父级，避免被自动嵌套 */
    :root micro-app[name="iemsWinlink"] {
      height: 100%;
      position: relative;
    }
    .chromeframe {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
    }
    #loader-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999999;
    }
    #loader {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 120px;
      height: 120px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      /* COLOR 1 */
      border-top-color: #FFF;
      -webkit-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -ms-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -moz-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -o-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 2s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */
      z-index: 1001;
    }
    #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      /* COLOR 2 */
      border-top-color: #FFF;
      -webkit-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -moz-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -o-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -ms-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */
    }
    #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      /* COLOR 3 */
      -moz-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -o-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -ms-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -webkit-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */
    }
    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
      }
      100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
      }
    }
    @keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
      }
      100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
      }
    }
    #loader-wrapper .loader-section {
      position: absolute;
      top: 0;
      width: 51%;
      height: 100%;
      background: #002140;
      /* Old browsers */
      z-index: 1000;
      -webkit-transform: translateX(0);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(0);
      /* IE 9 */
      transform: translateX(0);
      /* Firefox 16+, IE 10+, Opera */
    }
    #loader-wrapper .loader-section.section-left {
      left: 0;
    }
    #loader-wrapper .loader-section.section-right {
      right: 0;
    }
    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
      -webkit-transform: translateX(-100%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(-100%);
      /* IE 9 */
      transform: translateX(-100%);
      /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    .loaded #loader-wrapper .loader-section.section-right {
      -webkit-transform: translateX(100%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(100%);
      /* IE 9 */
      transform: translateX(100%);
      /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    .loaded #loader {
      opacity: 0;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateY(-100%);
      /* IE 9 */
      transform: translateY(-100%);
      /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.3s 1s ease-out;
      transition: all 0.3s 1s ease-out;
    }
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
      display: none;
    }
    .no-js h1 {
      color: #222222;
    }
    #loader-wrapper .load_title {
      font-family: 'Open Sans';
      color: #FFF;
      font-size: 14px;
      width: 100%;
      text-align: center;
      z-index: 9999999999999;
      position: absolute;
      top: 60%;
      opacity: 1;
      line-height: 30px;
    }
    #loader-wrapper .load_title span {
      font-weight: normal;
      font-style: italic;
      font-size: 14px;
      color: #FFF;
      opacity: 0.5;
    }
    /* 滚动条优化 start */
    ::-webkit-scrollbar{
      width:8px;
      height:14px;
      z-index: 9;
    }
    ::-webkit-scrollbar-track{
      background: #f6f6f6;
      border-radius:2px;
    }
    ::-webkit-scrollbar-thumb{
      background: #cdcdcd;
      border-radius:2px;
    }
    ::-webkit-scrollbar-thumb:hover{
      background: #747474;
    }
    ::-webkit-scrollbar-corner {
      background: #f6f6f6;
    }
    /* 滚动条优化 end */
    /* stylelint-enable */
  </style>
  <!-- 全局配置 -->
  <script>
    window._CONFIG = {};
    // 定义加载函数但不立即执行
    window.loadRequiredScripts = function(BASE_URL) {
      function loadScript(src) {
        const script = document.createElement('script')
        script.src = src
        document.head.appendChild(script)
      }
      loadScript(BASE_URL + '/cacheParamCus.js')
      loadScript(BASE_URL + '/cacheParamComp.js')
    }
    // 微前端-创建全局变量
    window.loadRequiredScriptsMicroApp = function (BASE_URL) {
      // 初始化全局变量容器
      window.__CACHE_VARS__ = window.__CACHE_VARS__ || {};
      // 加载单个脚本并提取变量
      function loadScript(src) {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', src, true);
        // 允许跨域请求携带Cookie
        xhr.withCredentials = true;
        // 添加请求头参数
        xhr.setRequestHeader('tenantcode', 'T20210428000005');
        xhr.setRequestHeader('Gate-App-Code', 'APP202106220004');
        xhr.onreadystatechange = function () {
          if (xhr.readyState === 4 && (xhr.status === 200 || xhr.status === 304)) {
            extractVariables(xhr.responseText);
          }
        };
        xhr.send();
      }
      // 提取变量核心逻辑（无模板字符串）
      function extractVariables(scriptContent) {
        // 1. 提取所有变量名
        var varNames = [];
        var regex = /(var|let|const)\s+([a-zA-Z_$][\w$]*)\s*=/g;
        var match;
        while ((match = regex.exec(scriptContent))) {
          if (varNames.indexOf(match[2]) === -1) {
            varNames.push(match[2]);
          }
        }
        // 2. 纯字符串拼接生成提取代码
        var code = '(function(){' + scriptContent + ';var vars=window.__CACHE_VARS__;';
        // 逐个添加变量提取逻辑
        for (var i = 0; i < varNames.length; i++) {
          var name = varNames[i];
          code += 'if(typeof ' + name + '!=="undefined")vars["' + name + '"]=' + name + ';';
        }
        code += '})();';
        // 3. 执行代码
        var script = document.createElement('script');
        script.textContent = code;
        document.head.appendChild(script);
        document.head.removeChild(script); // 执行后清理
      }
      // 加载目标脚本
      loadScript(BASE_URL + '/cacheParamCus.js');
      loadScript(BASE_URL + '/cacheParamComp.js');
    };
  </script>
 </head>
 <body>
 <div id="app">
  <div id="loader-wrapper">
    <div id="loader"></div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
    <div class="load_title">正在加载 WinLink Frame UI,请耐心等待 </div>
  </div>
 </div>
 </body>
 </html>
--- a/public/logo.png
+++ b/public/logo.png
--- a/public/tinymce/langs/zh_CN.js
+++ b/public/tinymce/langs/zh_CN.js
@ -0,0 +1,262 @@
 /* eslint-disable */
 tinymce.addI18n('zh_CN',{
 "Redo": "\u91cd\u590d",
 "Undo": "\u64a4\u6d88",
 "Cut": "\u526a\u5207",
 "Copy": "\u590d\u5236",
 "Paste": "\u7c98\u8d34",
 "Select all": "\u5168\u9009",
 "New document": "\u65b0\u6587\u6863",
 "Ok": "\u786e\u5b9a",
 "Cancel": "\u53d6\u6d88",
 "Visual aids": "\u7f51\u683c\u7ebf",
 "Bold": "\u7c97\u4f53",
 "Italic": "\u659c\u4f53",
 "Underline": "\u4e0b\u5212\u7ebf",
 "Strikethrough": "\u5220\u9664\u7ebf",
 "Superscript": "\u4e0a\u6807",
 "Subscript": "\u4e0b\u6807",
 "Clear formatting": "\u6e05\u9664\u683c\u5f0f",
 "Align left": "\u5de6\u5bf9\u9f50",
 "Align center": "\u5c45\u4e2d",
 "Align right": "\u53f3\u5bf9\u9f50",
 "Justify": "\u4e24\u7aef\u5bf9\u9f50",
 "Bullet list": "\u9879\u76ee\u7b26\u53f7",
 "Numbered list": "\u7f16\u53f7\u5217\u8868",
 "Decrease indent": "\u51cf\u5c11\u7f29\u8fdb",
 "Increase indent": "\u589e\u52a0\u7f29\u8fdb",
 "Close": "\u5173\u95ed",
 "Formats": "\u683c\u5f0f",
 "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": "\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u5bf9\u526a\u8d34\u677f\u7684\u8bbf\u95ee\uff0c\u8bf7\u4f7f\u7528Ctrl+X\/C\/V\u952e\u8fdb\u884c\u590d\u5236\u7c98\u8d34\u3002",
 "Headers": "\u6807\u9898",
 "Header 1": "\u6807\u98981",
 "Header 2": "\u6807\u98982",
 "Header 3": "\u6807\u98983",
 "Header 4": "\u6807\u98984",
 "Header 5": "\u6807\u98985",
 "Header 6": "\u6807\u98986",
 "Headings": "\u6807\u9898",
 "Heading 1": "\u6807\u98981",
 "Heading 2": "\u6807\u98982",
 "Heading 3": "\u6807\u98983",
 "Heading 4": "\u6807\u98984",
 "Heading 5": "\u6807\u98985",
 "Heading 6": "\u6807\u98986",
 "Preformatted": "\u9884\u683c\u5f0f\u5316",
 "Div": "Div\u533a\u5757",
 "Pre": "\u9884\u683c\u5f0f\u6587\u672c",
 "Code": "\u4ee3\u7801",
 "Paragraph": "\u6bb5\u843d",
 "Blockquote": "\u5f15\u7528",
 "Inline": "\u6587\u672c",
 "Blocks": "\u533a\u5757",
 "Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "\u5f53\u524d\u4e3a\u7eaf\u6587\u672c\u7c98\u8d34\u6a21\u5f0f\uff0c\u518d\u6b21\u70b9\u51fb\u53ef\u4ee5\u56de\u5230\u666e\u901a\u7c98\u8d34\u6a21\u5f0f\u3002",
 "Font Family": "\u5b57\u4f53",
 "Font Sizes": "\u5b57\u53f7",
 "Class": "Class",
 "Browse for an image": "\u6d4f\u89c8\u56fe\u50cf",
 "OR": "\u6216",
 "Drop an image here": "\u62d6\u653e\u4e00\u5f20\u56fe\u50cf\u81f3\u6b64",
 "Upload": "\u4e0a\u4f20",
 "Block": "\u5757",
 "Align": "\u5bf9\u9f50",
 "Default": "\u9ed8\u8ba4",
 "Circle": "\u7a7a\u5fc3\u5706",
 "Disc": "\u5b9e\u5fc3\u5706",
 "Square": "\u65b9\u5757",
 "Lower Alpha": "\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd",
 "Lower Greek": "\u5c0f\u5199\u5e0c\u814a\u5b57\u6bcd",
 "Lower Roman": "\u5c0f\u5199\u7f57\u9a6c\u5b57\u6bcd",
 "Upper Alpha": "\u5927\u5199\u82f1\u6587\u5b57\u6bcd",
 "Upper Roman": "\u5927\u5199\u7f57\u9a6c\u5b57\u6bcd",
 "Anchor": "\u951a\u70b9",
 "Name": "\u540d\u79f0",
 "Id": "\u6807\u8bc6\u7b26",
 "Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "\u6807\u8bc6\u7b26\u5e94\u8be5\u4ee5\u5b57\u6bcd\u5f00\u5934\uff0c\u540e\u8ddf\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7834\u6298\u53f7\u3001\u70b9\u3001\u5192\u53f7\u6216\u4e0b\u5212\u7ebf\u3002",
 "You have unsaved changes are you sure you want to navigate away?": "\u4f60\u8fd8\u6709\u6587\u6863\u5c1a\u672a\u4fdd\u5b58\uff0c\u786e\u5b9a\u8981\u79bb\u5f00\uff1f",
 "Restore last draft": "\u6062\u590d\u4e0a\u6b21\u7684\u8349\u7a3f",
 "Special character": "\u7279\u6b8a\u7b26\u53f7",
 "Source code": "\u6e90\u4ee3\u7801",
 "Insert\/Edit code sample": "\u63d2\u5165\/\u7f16\u8f91\u4ee3\u7801\u793a\u4f8b",
 "Language": "\u8bed\u8a00",
 "Code sample": "\u4ee3\u7801\u793a\u4f8b",
 "Color": "\u989c\u8272",
 "R": "R",
 "G": "G",
 "B": "B",
 "Left to right": "\u4ece\u5de6\u5230\u53f3",
 "Right to left": "\u4ece\u53f3\u5230\u5de6",
 "Emoticons": "\u8868\u60c5",
 "Document properties": "\u6587\u6863\u5c5e\u6027",
 "Title": "\u6807\u9898",
 "Keywords": "\u5173\u952e\u8bcd",
 "Description": "\u63cf\u8ff0",
 "Robots": "\u673a\u5668\u4eba",
 "Author": "\u4f5c\u8005",
 "Encoding": "\u7f16\u7801",
 "Fullscreen": "\u5168\u5c4f",
 "Action": "\u64cd\u4f5c",
 "Shortcut": "\u5feb\u6377\u952e",
 "Help": "\u5e2e\u52a9",
 "Address": "\u5730\u5740",
 "Focus to menubar": "\u79fb\u52a8\u7126\u70b9\u5230\u83dc\u5355\u680f",
 "Focus to toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u5de5\u5177\u680f",
 "Focus to element path": "\u79fb\u52a8\u7126\u70b9\u5230\u5143\u7d20\u8def\u5f84",
 "Focus to contextual toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u4e0a\u4e0b\u6587\u83dc\u5355",
 "Insert link (if link plugin activated)": "\u63d2\u5165\u94fe\u63a5 (\u5982\u679c\u94fe\u63a5\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
 "Save (if save plugin activated)": "\u4fdd\u5b58(\u5982\u679c\u4fdd\u5b58\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
 "Find (if searchreplace plugin activated)": "\u67e5\u627e(\u5982\u679c\u67e5\u627e\u66ff\u6362\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
 "Plugins installed ({0}):": "\u5df2\u5b89\u88c5\u63d2\u4ef6 ({0}):",
 "Premium plugins:": "\u4f18\u79c0\u63d2\u4ef6\uff1a",
 "Learn more...": "\u4e86\u89e3\u66f4\u591a...",
 "You are using {0}": "\u4f60\u6b63\u5728\u4f7f\u7528 {0}",
 "Plugins": "\u63d2\u4ef6",
 "Handy Shortcuts": "\u5feb\u6377\u952e",
 "Horizontal line": "\u6c34\u5e73\u5206\u5272\u7ebf",
 "Insert\/edit image": "\u63d2\u5165\/\u7f16\u8f91\u56fe\u7247",
 "Image description": "\u56fe\u7247\u63cf\u8ff0",
 "Source": "\u5730\u5740",
 "Dimensions": "\u5927\u5c0f",
 "Constrain proportions": "\u4fdd\u6301\u7eb5\u6a2a\u6bd4",
 "General": "\u666e\u901a",
 "Advanced": "\u9ad8\u7ea7",
 "Style": "\u6837\u5f0f",
 "Vertical space": "\u5782\u76f4\u8fb9\u8ddd",
 "Horizontal space": "\u6c34\u5e73\u8fb9\u8ddd",
 "Border": "\u8fb9\u6846",
 "Insert image": "\u63d2\u5165\u56fe\u7247",
 "Image": "\u56fe\u7247",
 "Image list": "\u56fe\u7247\u5217\u8868",
 "Rotate counterclockwise": "\u9006\u65f6\u9488\u65cb\u8f6c",
 "Rotate clockwise": "\u987a\u65f6\u9488\u65cb\u8f6c",
 "Flip vertically": "\u5782\u76f4\u7ffb\u8f6c",
 "Flip horizontally": "\u6c34\u5e73\u7ffb\u8f6c",
 "Edit image": "\u7f16\u8f91\u56fe\u7247",
 "Image options": "\u56fe\u7247\u9009\u9879",
 "Zoom in": "\u653e\u5927",
 "Zoom out": "\u7f29\u5c0f",
 "Crop": "\u88c1\u526a",
 "Resize": "\u8c03\u6574\u5927\u5c0f",
 "Orientation": "\u65b9\u5411",
 "Brightness": "\u4eae\u5ea6",
 "Sharpen": "\u9510\u5316",
 "Contrast": "\u5bf9\u6bd4\u5ea6",
 "Color levels": "\u989c\u8272\u5c42\u6b21",
 "Gamma": "\u4f3d\u9a6c\u503c",
 "Invert": "\u53cd\u8f6c",
 "Apply": "\u5e94\u7528",
 "Back": "\u540e\u9000",
 "Insert date\/time": "\u63d2\u5165\u65e5\u671f\/\u65f6\u95f4",
 "Date\/time": "\u65e5\u671f\/\u65f6\u95f4",
 "Insert link": "\u63d2\u5165\u94fe\u63a5",
 "Insert\/edit link": "\u63d2\u5165\/\u7f16\u8f91\u94fe\u63a5",
 "Text to display": "\u663e\u793a\u6587\u5b57",
 "Url": "\u5730\u5740",
 "Target": "\u6253\u5f00\u65b9\u5f0f",
 "None": "\u65e0",
 "New window": "\u5728\u65b0\u7a97\u53e3\u6253\u5f00",
 "Remove link": "\u5220\u9664\u94fe\u63a5",
 "Anchors": "\u951a\u70b9",
 "Link": "\u94fe\u63a5",
 "Paste or type a link": "\u7c98\u8d34\u6216\u8f93\u5165\u94fe\u63a5",
 "The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u4e3a\u90ae\u4ef6\u5730\u5740\uff0c\u9700\u8981\u52a0\u4e0amailto:\u524d\u7f00\u5417\uff1f",
 "The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u5c5e\u4e8e\u5916\u90e8\u94fe\u63a5\uff0c\u9700\u8981\u52a0\u4e0ahttp:\/\/:\u524d\u7f00\u5417\uff1f",
 "Link list": "\u94fe\u63a5\u5217\u8868",
 "Insert video": "\u63d2\u5165\u89c6\u9891",
 "Insert\/edit video": "\u63d2\u5165\/\u7f16\u8f91\u89c6\u9891",
 "Insert\/edit media": "\u63d2\u5165\/\u7f16\u8f91\u5a92\u4f53",
 "Alternative source": "\u955c\u50cf",
 "Poster": "\u5c01\u9762",
 "Paste your embed code below:": "\u5c06\u5185\u5d4c\u4ee3\u7801\u7c98\u8d34\u5728\u4e0b\u9762:",
 "Embed": "\u5185\u5d4c",
 "Media": "\u5a92\u4f53",
 "Nonbreaking space": "\u4e0d\u95f4\u65ad\u7a7a\u683c",
 "Page break": "\u5206\u9875\u7b26",
 "Paste as text": "\u7c98\u8d34\u4e3a\u6587\u672c",
 "Preview": "\u9884\u89c8",
 "Print": "\u6253\u5370",
 "Save": "\u4fdd\u5b58",
 "Find": "\u67e5\u627e",
 "Replace with": "\u66ff\u6362\u4e3a",
 "Replace": "\u66ff\u6362",
 "Replace all": "\u5168\u90e8\u66ff\u6362",
 "Prev": "\u4e0a\u4e00\u4e2a",
 "Next": "\u4e0b\u4e00\u4e2a",
 "Find and replace": "\u67e5\u627e\u548c\u66ff\u6362",
 "Could not find the specified string.": "\u672a\u627e\u5230\u641c\u7d22\u5185\u5bb9.",
 "Match case": "\u533a\u5206\u5927\u5c0f\u5199",
 "Whole words": "\u5168\u5b57\u5339\u914d",
 "Spellcheck": "\u62fc\u5199\u68c0\u67e5",
 "Ignore": "\u5ffd\u7565",
 "Ignore all": "\u5168\u90e8\u5ffd\u7565",
 "Finish": "\u5b8c\u6210",
 "Add to Dictionary": "\u6dfb\u52a0\u5230\u5b57\u5178",
 "Insert table": "\u63d2\u5165\u8868\u683c",
 "Table properties": "\u8868\u683c\u5c5e\u6027",
 "Delete table": "\u5220\u9664\u8868\u683c",
 "Cell": "\u5355\u5143\u683c",
 "Row": "\u884c",
 "Column": "\u5217",
 "Cell properties": "\u5355\u5143\u683c\u5c5e\u6027",
 "Merge cells": "\u5408\u5e76\u5355\u5143\u683c",
 "Split cell": "\u62c6\u5206\u5355\u5143\u683c",
 "Insert row before": "\u5728\u4e0a\u65b9\u63d2\u5165",
 "Insert row after": "\u5728\u4e0b\u65b9\u63d2\u5165",
 "Delete row": "\u5220\u9664\u884c",
 "Row properties": "\u884c\u5c5e\u6027",
 "Cut row": "\u526a\u5207\u884c",
 "Copy row": "\u590d\u5236\u884c",
 "Paste row before": "\u7c98\u8d34\u5230\u4e0a\u65b9",
 "Paste row after": "\u7c98\u8d34\u5230\u4e0b\u65b9",
 "Insert column before": "\u5728\u5de6\u4fa7\u63d2\u5165",
 "Insert column after": "\u5728\u53f3\u4fa7\u63d2\u5165",
 "Delete column": "\u5220\u9664\u5217",
 "Cols": "\u5217",
 "Rows": "\u884c",
 "Width": "\u5bbd",
 "Height": "\u9ad8",
 "Cell spacing": "\u5355\u5143\u683c\u5916\u95f4\u8ddd",
 "Cell padding": "\u5355\u5143\u683c\u5185\u8fb9\u8ddd",
 "Caption": "\u6807\u9898",
 "Left": "\u5de6\u5bf9\u9f50",
 "Center": "\u5c45\u4e2d",
 "Right": "\u53f3\u5bf9\u9f50",
 "Cell type": "\u5355\u5143\u683c\u7c7b\u578b",
 "Scope": "\u8303\u56f4",
 "Alignment": "\u5bf9\u9f50\u65b9\u5f0f",
 "H Align": "\u6c34\u5e73\u5bf9\u9f50",
 "V Align": "\u5782\u76f4\u5bf9\u9f50",
 "Top": "\u9876\u90e8\u5bf9\u9f50",
 "Middle": "\u5782\u76f4\u5c45\u4e2d",
 "Bottom": "\u5e95\u90e8\u5bf9\u9f50",
 "Header cell": "\u8868\u5934\u5355\u5143\u683c",
 "Row group": "\u884c\u7ec4",
 "Column group": "\u5217\u7ec4",
 "Row type": "\u884c\u7c7b\u578b",
 "Header": "\u8868\u5934",
 "Body": "\u8868\u4f53",
 "Footer": "\u8868\u5c3e",
 "Border color": "\u8fb9\u6846\u989c\u8272",
 "Insert template": "\u63d2\u5165\u6a21\u677f",
 "Templates": "\u6a21\u677f",
 "Template": "\u6a21\u677f",
 "Text color": "\u6587\u5b57\u989c\u8272",
 "Background color": "\u80cc\u666f\u8272",
 "Custom...": "\u81ea\u5b9a\u4e49...",
 "Custom color": "\u81ea\u5b9a\u4e49\u989c\u8272",
 "No color": "\u65e0",
 "Table of Contents": "\u5185\u5bb9\u5217\u8868",
 "Show blocks": "\u663e\u793a\u533a\u5757\u8fb9\u6846",
 "Show invisible characters": "\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26",
 "Words: {0}": "\u5b57\u6570\uff1a{0}",
 "{0} words": "{0} \u5b57",
 "File": "\u6587\u4ef6",
 "Edit": "\u7f16\u8f91",
 "Insert": "\u63d2\u5165",
 "View": "\u89c6\u56fe",
 "Format": "\u683c\u5f0f",
 "Table": "\u8868\u683c",
 "Tools": "\u5de5\u5177",
 "Powered by {0}": "\u7531{0}\u9a71\u52a8",
 "Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "\u5728\u7f16\u8f91\u533a\u6309ALT-F9\u6253\u5f00\u83dc\u5355\uff0c\u6309ALT-F10\u6253\u5f00\u5de5\u5177\u680f\uff0c\u6309ALT-0\u67e5\u770b\u5e2e\u52a9"
 });
--- a/public/tinymce/skins/lightgray/content.min.css
+++ b/public/tinymce/skins/lightgray/content.min.css
@ -0,0 +1,554 @@
 /**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */
 .mce-content-body .mce-item-anchor {
  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  cursor: default;
  display: inline-block;
  height: 12px !important;
  padding: 0 2px;
  -webkit-user-modify: read-only;
  -moz-user-modify: read-only;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
      user-select: all;
  width: 8px !important;
 }
 .mce-content-body .mce-item-anchor[data-mce-selected] {
  outline-offset: 1px;
 }
 .tox-comments-visible .tox-comment {
  background-color: #fff0b7;
 }
 .tox-comments-visible .tox-comment--active {
  background-color: #ffe168;
 }
 .tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: .25em 0;
  position: relative;
 }
 .tox-checklist > li:not(.tox-checklist--hidden)::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  background-size: 100%;
  content: '';
  cursor: pointer;
  height: 1em;
  left: -1.5em;
  position: absolute;
  top: .125em;
  width: 1em;
 }
 .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
 }
 /* stylelint-disable */
 /* http://prismjs.com/ */
 /**
 * 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;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: .875rem;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-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: transparent !important;
  border: 1px solid #ccc;
 }
 /* Inline code */
 :not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
 }
 .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: #a67f59;
  background: rgba(255, 255, 255, 0.5);
 }
 .token.atrule,
 .token.attr-value,
 .token.keyword {
  color: #07a;
 }
 .token.function {
  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;
 }
 /* stylelint-enable */
 .mce-content-body .mce-visual-caret {
  background-color: black;
  background-color: currentcolor;
  position: absolute;
 }
 .mce-content-body .mce-visual-caret-hidden {
  display: none;
 }
 .mce-content-body *[data-mce-caret] {
  left: -1000px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: auto;
  top: 0;
 }
 .mce-content-body .mce-offscreen-selection {
  left: -9999999999px;
  max-width: 1000000px;
  position: absolute;
 }
 .mce-content-body *[contentEditable=false] {
  cursor: default;
 }
 .mce-content-body *[contentEditable=true] {
  cursor: text;
 }
 .tox-cursor-format-painter {
  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
 }
 .mce-content-body figure.align-left {
  float: left;
 }
 .mce-content-body figure.align-right {
  float: right;
 }
 .mce-content-body figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
 }
 .mce-preview-object {
  border: 1px solid gray;
  display: inline-block;
  line-height: 0;
  margin: 0 2px 0 2px;
  position: relative;
 }
 .mce-preview-object .mce-shim {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
 }
 .mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
 }
 .mce-object {
  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  border: 1px dashed #aaa;
 }
 .mce-pagebreak {
  border: 1px dashed #aaa;
  cursor: default;
  display: block;
  height: 5px;
  margin-top: 15px;
  page-break-before: always;
  width: 100%;
 }
@media print {
  .mce-pagebreak {
    border: 0;
  }
 }
 .tiny-pageembed .mce-shim {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
 }
 .tiny-pageembed[data-mce-selected="2"] .mce-shim {
  display: none;
 }
 .tiny-pageembed {
  display: inline-block;
  position: relative;
 }
 .tiny-pageembed--21by9,
 .tiny-pageembed--16by9,
 .tiny-pageembed--4by3,
 .tiny-pageembed--1by1 {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
 }
 .tiny-pageembed--21by9::before,
 .tiny-pageembed--16by9::before,
 .tiny-pageembed--4by3::before,
 .tiny-pageembed--1by1::before {
  content: "";
  display: block;
 }
 .tiny-pageembed--21by9::before {
  padding-top: 42.857143%;
 }
 .tiny-pageembed--16by9::before {
  padding-top: 56.25%;
 }
 .tiny-pageembed--4by3::before {
  padding-top: 75%;
 }
 .tiny-pageembed--1by1::before {
  padding-top: 100%;
 }
 .tiny-pageembed--21by9 iframe,
 .tiny-pageembed--16by9 iframe,
 .tiny-pageembed--4by3 iframe,
 .tiny-pageembed--1by1 iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
 }
 .mce-content-body div.mce-resizehandle {
  background-color: #4099ff;
  border-color: #4099ff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  height: 10px;
  position: absolute;
  width: 10px;
  z-index: 10000;
 }
 .mce-content-body div.mce-resizehandle:hover {
  background-color: #4099ff;
 }
 .mce-content-body div.mce-resizehandle:nth-of-type(1) {
  cursor: nwse-resize;
 }
 .mce-content-body div.mce-resizehandle:nth-of-type(2) {
  cursor: nesw-resize;
 }
 .mce-content-body div.mce-resizehandle:nth-of-type(3) {
  cursor: nwse-resize;
 }
 .mce-content-body div.mce-resizehandle:nth-of-type(4) {
  cursor: nesw-resize;
 }
 .mce-content-body .mce-clonedresizable {
  opacity: .5;
  outline: 1px dashed black;
  position: absolute;
  z-index: 10000;
 }
 .mce-content-body .mce-resize-helper {
  background: #555;
  background: rgba(0, 0, 0, 0.75);
  border: 1px;
  border-radius: 3px;
  color: white;
  display: none;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin: 5px 10px;
  padding: 5px;
  position: absolute;
  white-space: nowrap;
  z-index: 10001;
 }
 .mce-match-marker {
  background: #aaa;
  color: #fff;
 }
 .mce-match-marker-selected {
  background: #39f;
  color: #fff;
 }
 .mce-content-body img[data-mce-selected],
 .mce-content-body table[data-mce-selected] {
  outline: 3px solid #b4d7ff;
 }
 .mce-content-body hr[data-mce-selected] {
  outline: 3px solid #b4d7ff;
  outline-offset: 1px;
 }
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
  outline: 3px solid #b4d7ff;
 }
 .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
  outline: 3px solid #b4d7ff;
 }
 .mce-content-body *[contentEditable=false][data-mce-selected] {
  cursor: not-allowed;
  outline: 3px solid #b4d7ff;
 }
 .mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
 .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  outline: none;
 }
 .mce-content-body *[data-mce-selected="inline-boundary"] {
  background-color: #b4d7ff;
 }
 .mce-content-body .mce-edit-focus {
  outline: 3px solid #b4d7ff;
 }
 .mce-content-body td[data-mce-selected],
 .mce-content-body th[data-mce-selected] {
  background-color: #b4d7ff !important;
 }
 .mce-content-body td[data-mce-selected]::-moz-selection,
 .mce-content-body th[data-mce-selected]::-moz-selection {
  background: none;
 }
 .mce-content-body td[data-mce-selected]::selection,
 .mce-content-body th[data-mce-selected]::selection {
  background: none;
 }
 .mce-content-body td[data-mce-selected] *,
 .mce-content-body th[data-mce-selected] * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
 }
 .mce-content-body img::-moz-selection {
  background: none;
 }
 .mce-content-body img::selection {
  background: none;
 }
 .ephox-snooker-resizer-bar {
  background-color: #b4d7ff;
  opacity: 0;
 }
 .ephox-snooker-resizer-cols {
  cursor: col-resize;
 }
 .ephox-snooker-resizer-rows {
  cursor: row-resize;
 }
 .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  opacity: 1;
 }
 .mce-spellchecker-word {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  background-position: 0 calc(100% + 1px);
  background-repeat: repeat-x;
  background-size: auto 6px;
  cursor: default;
  height: 2rem;
 }
 .mce-spellchecker-grammar {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  background-position: 0 calc(100% + 1px);
  background-repeat: repeat-x;
  background-size: auto 6px;
  cursor: default;
 }
 .mce-toc {
  border: 1px solid gray;
 }
 .mce-toc h2 {
  margin: 4px;
 }
 .mce-toc li {
  list-style-type: none;
 }
 .mce-item-table,
 .mce-item-table td,
 .mce-item-table th,
 .mce-item-table caption {
  border: 1px dashed #bbb;
 }
 .mce-visualblocks p,
 .mce-visualblocks h1,
 .mce-visualblocks h2,
 .mce-visualblocks h3,
 .mce-visualblocks h4,
 .mce-visualblocks h5,
 .mce-visualblocks h6,
 .mce-visualblocks div:not([data-mce-bogus]),
 .mce-visualblocks section,
 .mce-visualblocks article,
 .mce-visualblocks blockquote,
 .mce-visualblocks address,
 .mce-visualblocks pre,
 .mce-visualblocks figure,
 .mce-visualblocks figcaption,
 .mce-visualblocks hgroup,
 .mce-visualblocks aside,
 .mce-visualblocks ul,
 .mce-visualblocks ol,
 .mce-visualblocks dl {
  background-repeat: no-repeat;
  border: 1px dashed #bbb;
  margin-left: 3px;
  padding-top: 10px;
 }
 .mce-visualblocks p {
  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
 }
 .mce-visualblocks h1 {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
 }
 .mce-visualblocks h2 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
 }
 .mce-visualblocks h3 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
 }
 .mce-visualblocks h4 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
 }
 .mce-visualblocks h5 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
 }
 .mce-visualblocks h6 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
 }
 .mce-visualblocks div:not([data-mce-bogus]) {
  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
 }
 .mce-visualblocks section {
  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
 }
 .mce-visualblocks article {
  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
 }
 .mce-visualblocks blockquote {
  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
 }
 .mce-visualblocks address {
  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
 }
 .mce-visualblocks pre {
  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
 }
 .mce-visualblocks figure {
  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
 }
 .mce-visualblocks figcaption {
  border: 1px dashed #bbb;
 }
 .mce-visualblocks hgroup {
  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
 }
 .mce-visualblocks aside {
  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
 }
 .mce-visualblocks ul {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
 }
 .mce-visualblocks ol {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
 }
 .mce-visualblocks dl {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
 }
 .mce-nbsp,
 .mce-shy {
  background: #aaa;
 }
 .mce-shy::after {
  content: '-';
 }
 body {
  font-family: sans-serif;
 }
 table {
  border-collapse: collapse;
 }
--- a/public/tinymce/skins/lightgray/skin.min.css
+++ b/public/tinymce/skins/lightgray/skin.min.css
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,71 @@
 <template>
  <a-config-provider :locale="locale">
    <div id="app">
      <!-- <ChangePasswordModal ref="ChangePasswordModal" title="修改密码" /> -->
      <router-view />
    </div>
  </a-config-provider>
 </template>
 <script>
 import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
 import thTh from 'ant-design-vue/lib/locale-provider/th_TH'
 import enUS from 'ant-design-vue/lib/locale-provider/en_US'
 // Fontclass模式
 import '@/components/iconfont/common.less'
 // 使用 symbol模式 支持多色
 import '@/components/iconfont/iconfont.js'
 import { mapState, mapGetters } from 'vuex'
 // import ChangePasswordModal from '@views/comp/ChangePasswordModal'
 export default {
  components: {
    // ChangePasswordModal,
  },
  data() {
    return {
      isRun: false,
    }
  },
  computed: {
    ...mapState({
      PasswordShow: (state) => state.user.PasswordShow,
    }),
    locale() {
      if (this.lang() === 'cn') {
        return zhCN
      }
      if (this.lang() === 'en') {
        return enUS
      }
      if (this.lang() === 'th') {
        return thTh
      }
      return zhCN
    },
  },
  watch: {
    PasswordShow(val) {
      if (val) {
        if (this.userInfo()) {
          const username = this.userInfo().username
          if (username) {
            // this.$refs.ChangePasswordModal.show(username)
          }
        }
      }
    },
  },
  created() {
    const that = this
    that.$i18n.locale = this.lang()
  },
  methods: {
    ...mapGetters(['lang', 'userInfo']),
  },
 }
 </script>
 <style>
 #app {
  height: 100%;
 }
 </style>
--- a/src/Global.vue
+++ b/src/Global.vue
@ -0,0 +1,11 @@
 <script>
 const ContentHeight = 200
 export default {
  ContentHeight,
  watch:{
      ContentHeight:function(){
        console.log("change...........")
      }
  }
 }
 </script>
--- a/src/api/GroupRequest.js
+++ b/src/api/GroupRequest.js
@ -0,0 +1,30 @@
 import Vue from 'vue'
 /**
 * 将一个请求分组
 *
 * @param getPromise 传入一个可以获取到Promise对象的方法
 * @param groupId 分组ID，如果不传或者为空则不分组
 * @param expire 过期时间，默认 半分钟
 */
 export function httpGroupRequest(getPromise, groupId, expire = 1000 * 30) {
  if (groupId === null || groupId === '') {
    console.log("--------popup----------getFrom  DB-------with---no--groupId ")
    return getPromise()
  }
  if (Vue.ls.get(groupId)) {
    console.log("---------popup--------getFrom  Cache--------groupId = " + groupId)
    return Promise.resolve(Vue.ls.get(groupId));
  } else {
    console.log("--------popup----------getFrom  DB---------groupId = " + groupId)
  }
  // 还没有发出请求，就发出第一次的请求
  return getPromise().then(res => {
    Vue.ls.set(groupId, res, expire);
    return Promise.resolve(res);
  })
 }
--- a/src/api/api.js
+++ b/src/api/api.js
@ -0,0 +1,297 @@
 import {
    deleteAction,
    getAction,
    httpAction,
    postAction,
    putAction
 } from '@/api/manage'
 import {
    getCompParameterName,
    getCusParameterName
 } from '@/store/category'
 import {
    UI_CACHE_DB_DICT_DATA
 } from '@/store/mutation-types'
 import Vue from 'vue'
 //角色管理
 const addRole = params => postAction('/sys/role/add', params)
 const editRole = params => putAction('/sys/role/edit', params)
 const checkRoleCode = params => getAction('/sys/role/checkRoleCode', params)
 const queryall = params => getAction('/sys/role/queryall', params)
 const querycomprole = params => getAction('/sys/role/comp', params)
 //用户管理
 const addUser = params => postAction('/sys/user/add', params)
 const editUser = params => putAction('/sys/user/edit', params)
 const queryUserRole = params => getAction('/sys/user/queryUserRole', params)
 const getUserList = params => getAction('/sys/user/list', params)
 const frozenBatch = params => putAction('/sys/user/frozenBatch', params)
 //验证用户是否存在
 const checkOnlyUser = params => getAction('/sys/user/checkOnlyUser', params)
 //改变密码
 const changePassword = params => putAction('/sys/user/changePassword', params)
 //权限管理
 const addPermission = params => postAction('/sys/permission/add', params)
 const editPermission = params => putAction('/sys/permission/edit', params)
 const getPermissionList = params => getAction('/sys/permission/list', params)
 const getSystemMenuList = params => getAction('/sys/permission/getSystemMenuList', params)
 const getSystemSubmenu = params => getAction('/sys/permission/getSystemSubmenu', params)
 const getSystemSubmenuBatch = params => getAction('/sys/permission/getSystemSubmenuBatch', params)
 const queryTreeList = params => getAction('/sys/permission/queryTreeList', params)
 const queryCompTreeList = params => getAction('/sys/permission/queryTreeList/comp', params)
 const queryTreeListForRole = params => getAction('/sys/role/queryTreeList', params)
 const queryTreeListForRoleNew = params => getAction('/sys/role/queryTreeList/new', params)
 const queryListAsync = params => getAction('/sys/permission/queryListAsync', params)
 const queryRolePermission = params => getAction('/sys/permission/queryRolePermission', params)
 const saveRolePermission = params => postAction('/sys/permission/saveRolePermission', params)
 const saveRolePermissionMenu = params => postAction('/sys/permission/saveRolePermission/menu', params)
 const queryPermissionsByUser = () => {
  const apiUrl = process.env.VUE_APP_SSO === 'true' 
    ? '/midea/auth/permission' 
    : '/sys/permission/getUserPermissionByToken';
  return getAction(apiUrl);
 };
 const loadAllRoleIds = params => getAction('/sys/permission/loadAllRoleIds', params)
 const getPermissionRuleList = params => getAction('/sys/permission/getPermRuleListByPermId', params)
 const queryPermissionRule = params => getAction('/sys/permission/queryPermissionRule', params)
 const fastSettingPermission = params => getAction('/sys/permission/fast/setting/permission', params)
 const resetCompRolePermission = params => getAction('/sys/role/reset/comp/permission', params)
 // 部门管理
 const queryDepartTreeList = params => getAction('/sys/sysDepart/queryTreeList', params)
 const queryDepartTreeSync = params => getAction('/sys/sysDepart/queryDepartTreeSync', params)
 const queryIdTree = params => getAction('/sys/sysDepart/queryIdTree', params)
 const queryParentName = params => getAction('/sys/sysDepart/queryParentName', params)
 const searchByKeywords = params => getAction('/sys/sysDepart/searchBy', params)
 const deleteByDepartId = params => deleteAction('/sys/sysDepart/delete', params)
 //二级部门管理
 const queryDepartPermission = params => getAction('/sys/permission/queryDepartPermission', params)
 const saveDepartPermission = params => postAction('/sys/permission/saveDepartPermission', params)
 const queryTreeListForDeptRole = params => getAction('/sys/sysDepartPermission/queryTreeListForDeptRole', params)
 const queryDeptRolePermission = params => getAction('/sys/sysDepartPermission/queryDeptRolePermission', params)
 const saveDeptRolePermission = params => postAction('/sys/sysDepartPermission/saveDeptRolePermission', params)
 const queryMyDepartTreeList = params => getAction('/sys/sysDepart/queryMyDeptTreeList', params)
 //日志管理
 const deleteLog = params => deleteAction('/sys/log/delete', params)
 const deleteLogList = params => deleteAction('/sys/log/deleteBatch', params)
 //数据字典
 const addDict = params => postAction('/sys/dict/add', params)
 const editDict = params => putAction('/sys/dict/edit', params)
 const treeList = params => getAction('/sys/dict/treeList', params)
 const addDictItem = params => postAction('/sys/dictItem/add', params)
 const editDictItem = params => putAction('/sys/dictItem/edit', params)
 //企业管理
 const queryTreeListForComp = params => getAction('/sys/tenant/queryTreeList', params)
 const queryExcelCompModel = params => getAction('/sys/excel/model/query/comps', params)
 const saveExcelCompModel = params => postAction('/sys/excel/model/save/comps', params)
 const queryModels = params => getAction('/sys/excel/models/get', params)
 //海关参数
 const queryCusElementsInfoByHsCode = params => getAction('/para/cusElementsInfo/queryByHsCode', params)
 const getApiPerms = params => getAction(`/system/sysApiPerms/list/info`, params)
 //字典标签专用（通过code获取字典数组）
 export const ajaxGetDictItems = (code, params) => getAction(`/sys/dict/getDictItems/${code}`, params)
 //从缓存中获取字典配置
 function getDictItemsFromCache(dictCode) {
  if (Vue.ls.get(UI_CACHE_DB_DICT_DATA) && Vue.ls.get(UI_CACHE_DB_DICT_DATA)[dictCode]) {
    const dictItems = Vue.ls.get(UI_CACHE_DB_DICT_DATA)[dictCode]
    //console.log("-----------getDictItemsFromCache----------dictCode="+dictCode+"---- dictItems=",dictItems)
    return dictItems
  }
 }
 ///从缓存中获取对应的项
 function getCusParametersItemFromCache(dict, paramType, format, value, isprecise, isIgnoreCase) {
  if (isIgnoreCase !== false && !isIgnoreCase) {
    isIgnoreCase = true
  }
  if (!dict || !value) {return null}
  let paramSourse = 'cus'
  if (dict.substring(0, 4) === 'comp') {
    paramSourse = 'comp'
  }
  const paramName = paramSourse === 'cus' ? getCusParameterName(dict) : getCompParameterName(dict)
  const items = getCusParametersFromCache(paramName, paramType, 1, format, value, paramSourse, isprecise, isIgnoreCase)
  if (!items) {throw new Error('缓存【' + dict + '】未获取到缓存中的项【' + value + '】')}
  if (items.length === 1) {
    return items[0]
  }
  throw new Error('缓存【' + dict + '】获取到缓存中的重复项【' + value + '】')
 }
 //////从缓存中获取对应的项集
 function getCusParametersItemsFromCache(dict, paramType, pageSize, format, value, isprecise, isIgnoreCase) {
  if (isIgnoreCase !== false && !isIgnoreCase) {
    isIgnoreCase = true
  }
  if (!dict) {return null}
  let paramSourse = 'cus'
  if (dict.substring(0, 4) === 'comp') {
    paramSourse = 'comp'
  }
  const paramName = paramSourse === 'cus' ? getCusParameterName(dict) : getCompParameterName(dict)
  const items = getCusParametersFromCache(paramName, paramType, pageSize, format, value, paramSourse, isprecise, isIgnoreCase)
  if (!items) {throw new Error('缓存【' + dict + '】未获取到缓存中的项【' + value + '】')}
  return items
 }
 ///从缓存中获取海关参数
 /* eslint complexity: ["error", 30] */
 function getCusParametersFromCache(parameter, parameterType, pageSize, format, value, paramSourse, isprecise, isIgnoreCase) {
  if (isIgnoreCase !== false && !isIgnoreCase) {
    isIgnoreCase = true
  }
  if (!parameter) {return null}
  // let parameters = eval(parameter)  /* eslint-disable-line no-eval */
  let parameters
  if (window.__MICRO_APP_ENVIRONMENT__) {
    parameters = window.__CACHE_VARS__[parameter]
  } else{
    parameters = eval(parameter)  /* eslint-disable-line no-eval */
  }
  if (!parameters) {return parameters}
  if (value !== '' && value !== undefined && value !== null) {
    parameters = parameters.filter(function (tmp) {
      if (!isprecise) {
        if (isIgnoreCase) {
          if (tmp.cusCode && tmp.cusCode.toLowerCase().indexOf(value.toLowerCase()) > -1) {return true}
          else if (tmp.codeName && tmp.codeName.toLowerCase().indexOf(value.toLowerCase()) > -1) {return true}
          else if (tmp.codeValue && tmp.codeValue.toLowerCase().indexOf(value.toLowerCase()) > -1) {return true}
          return false
        } else {
          if (tmp.cusCode && tmp.cusCode.indexOf(value) > -1) {return true}
          else if (tmp.codeName && tmp.codeName.indexOf(value) > -1) {return true}
          else if (tmp.codeValue && tmp.codeValue.indexOf(value) > -1) {return true}
          return false
        }
      }
      if (isIgnoreCase) {
        if (parameterType === 'codeValue') {
          return tmp.codeValue && tmp.codeValue.toLowerCase() === value.toLowerCase()
        }
        if (parameterType === 'cusCode') {
          return tmp.cusCode && tmp.cusCode.toLowerCase() === value.toLowerCase()
        }
      } else {
        if (parameterType === 'codeValue') {
          return tmp.codeValue && tmp.codeValue === value
        }
        if (parameterType === 'cusCode') {
          return tmp.cusCode && tmp.cusCode === value
        }
      }
    })
  }
  const datas = []
  let len = parameters.length
  if (pageSize && len > pageSize) {len = pageSize}
  for (let i = 0; i < len; i++) {
    const obj = parameters[i]
    let tmpParam = {
      value: obj.cusCode,
      text: obj.codeName,
      title: obj.codeName,
      name: obj.codeName
    }
    if (parameterType === 'codeValue') {
      tmpParam = {
        value: obj.codeValue,
        text: obj.codeName,
        title: obj.codeName,
        name: obj.codeName
      }
    }
    if (parameterType === 'cusCode') {
      tmpParam = {
        value: obj.cusCode,
        text: obj.codeName,
        title: obj.codeName,
        name: obj.codeName
      }
    }
    if (format === 'auto') {
      tmpParam.text = tmpParam.value + '-' + tmpParam.text
    } else if (format === 'code') {
      tmpParam.text = tmpParam.value
    }
    datas.push(tmpParam)
  }
  return datas
 }
 //获取海关参数缓存
 function getDictItemsFromCusCache(dictCode) {
  if (Vue.ls.get(dictCode)) {
    const dictItems = Vue.ls.get(dictCode)
    return dictItems
  }
 }
 //缓存页面字典
 //从缓存中获取字典配置
 function initeCusDictCache(dictCode) {
  if (Vue.ls.get(dictCode)) {
    return
  }
  //根据字典Code, 初始化字典数组
  ajaxGetDictItems(dictCode, null).then(res => {
    if (res.success) {
      Vue.ls.set(dictCode, res.result, 7 * 24 * 60 * 60 * 1000)
    }
  })
 }
 //系统通告
 const doReleaseData = params => getAction('/sys/annountCement/doReleaseData', params)
 const doReovkeData = params => getAction('/sys/annountCement/doReovkeData', params)
 //获取系统访问量
 const getLoginfo = params => getAction('/sys/loginfo', params)
 const getVisitInfo = params => getAction('/sys/visitInfo', params)
 // 根据部门主键查询用户信息
 const queryUserByDepId = params => getAction('/sys/user/queryUserByDepId', params)
 // 重复校验
 const duplicateCheck = params => getAction('/sys/duplicate/check', params)
 // 加载分类字典
 const loadCategoryData = params => getAction('/sys/category/loadAllData', params)
 const checkRuleByCode = params => getAction('/sys/checkRule/checkByCode', params)
 //加载我的通告信息
 const getUserNoticeInfo = params => getAction('/sys/sysAnnouncementSend/getMyAnnouncementSend', params)
 const getTransitURL = url => `/sys/common/transitRESTful?url=${encodeURIComponent(url)}`
 // 中转HTTP请求
 export const transitRESTful = {
  get: (url, parameter) => getAction(getTransitURL(url), parameter),
  post: (url, parameter) => postAction(getTransitURL(url), parameter),
  put: (url, parameter) => putAction(getTransitURL(url), parameter),
  http: (url, parameter) => httpAction(getTransitURL(url), parameter)
 }
 export {
    addDict, addDictItem, addPermission,
    // imgView,
    // doMian,
    addRole, addUser, changePassword, checkOnlyUser, checkRoleCode, checkRuleByCode, deleteByDepartId,
    deleteLog,
    deleteLogList, doReleaseData,
    doReovkeData, duplicateCheck, editDict, editDictItem, editPermission, editRole, editUser, fastSettingPermission, frozenBatch, getApiPerms, getCusParametersFromCache,
    getCusParametersItemFromCache,
    getCusParametersItemsFromCache, getDictItemsFromCache, getDictItemsFromCusCache, getLoginfo, getPermissionList, getPermissionRuleList, getSystemMenuList,
    getSystemSubmenu,
    getSystemSubmenuBatch, getUserList, getUserNoticeInfo, getVisitInfo, initeCusDictCache, loadAllRoleIds, loadCategoryData, queryall, querycomprole, queryCompTreeList, queryCusElementsInfoByHsCode, queryDepartPermission, queryDepartTreeList,
    queryDepartTreeSync, queryDeptRolePermission, queryExcelCompModel, queryIdTree, queryListAsync, queryModels, queryMyDepartTreeList, queryParentName, queryPermissionRule, queryPermissionsByUser, queryRolePermission, queryTreeList, queryTreeListForComp, queryTreeListForDeptRole, queryTreeListForRole,
    queryTreeListForRoleNew, queryUserByDepId, queryUserRole, resetCompRolePermission, saveDepartPermission, saveDeptRolePermission, saveExcelCompModel, saveRolePermission,
    saveRolePermissionMenu, searchByKeywords, treeList
 }
--- a/src/api/frame.js
+++ b/src/api/frame.js
@ -0,0 +1,52 @@
 import Vue from 'vue'
 import { axios } from '@/utils/request'
 /**
 * 调用api生成控件回车事件脚本，
 * @param operateType 业务类型
 * @param eventType 事件类型
 * @param tableName 表名
 * @param fieldId 字段Id
 * @param url 回车事件调用后台api获取数据值的url || 获取后台数据值的封装好的控件？
 * @param param 获取信息后，需要赋值的字段的配置 字典（需要赋值的字段名:获取到的信息的字段名） （一一对应）
 * @param callback 
 * @returns {*}
 */
 export function generateFieldEnterEvent() {
 }
 /**
 * 调用api获取关键字段值的相关信息，
 * @param fieldValue 关键字段值
 * @param url 调用api获取数据值的url
 * @param callback 获取的相关信息回填到配置的对应字段中
 */
 export function commonEnterSetData(callback) {
    const res = {};
    res['khmc'] = 'khmcdaichu'
    callback(res);
    //return true;
 }
 export function commonEnterCalculateData() {
 }
 export function commonEnterValidateData() {
 }
 export function getList(id) {
    const checkKey = Vue.ls.get('CHECK_KEY');
    const token = Vue.ls.get('TOKEN');
    const temp='/online/cgform/field/listByHeadId?_t='+checkKey+'&headId='+id+'&token='+token;
    const res = axios({
        //url: '/online/cgform/field/listByHeadId',
        url: temp,
        method: 'get',
        headers: {
            'Content-Type': 'application/json;charset=UTF-8'
        },
    });
    return res;
 }
--- a/src/api/index.js
+++ b/src/api/index.js
@ -0,0 +1,9 @@
 const api = {
    Login: '/sys/login',
    Logout: '/sys/logout',
    Register: '/auth/register',
    SendSms: '/account/sms',
    // get my info
    UserInfo: '/user/info'
 }
 export default api
--- a/src/api/login.js
+++ b/src/api/login.js
@ -0,0 +1,123 @@
 import api from './index';
 import { axios } from '@/utils/request';
 /**
 * login func
 * parameter: {
 *     username: '',
 *     password: '',
 *     remember_me: true,
 *     captcha: '12345'
 * }
 * @param parameter
 * @returns {*}
 */
 export function login(parameter) {
  return axios({
    url: '/sys/login',
    method: 'post',
    data: parameter,
  });
 }
 export function phoneLogin(parameter) {
  return axios({
    url: '/sys/phoneLogin',
    method: 'post',
    data: parameter,
  });
 }
 export function getSmsCaptcha(parameter) {
  return axios({
    url: api.SendSms,
    method: 'post',
    data: parameter,
  });
 }
 export function adminLogin(parameter) {
  return axios({
    url: '/sys/admin/login',
    method: 'post',
    data: parameter,
  });
 }
 // export function getInfo() {
 //   return axios({
 //     url: '/api/user/info',
 //     method: 'get',
 //     headers: {
 //       'Content-Type': 'application/json;charset=UTF-8'
 //     }
 //   })
 // }
 export function logoutSSO() {
  return axios({
    url: process.env.VUE_APP_LOGOUT_URL,
    method: 'get',
    headers: {
      'Content-Type': 'application/json;charset=UTF-8',
      'Gate-App-Code' : 'APP202106220004',
      'tenantCode' : 'T20210428000005'
    },
  });
 }
 export function logout(logoutToken) {
  const headers = {
    'Content-Type': 'application/json;charset=UTF-8',
  };
  if (logoutToken) {
    headers['X-Access-Token'] = logoutToken;
  }
  return axios({
    url: '/sys/logout',
    method: 'post',
    headers: headers,
  });
 }
 /**
 * 第三方登录
 * @param token
 * @param thirdType
 * @returns {*}
 */
 export function thirdLogin(token, thirdType) {
  return axios({
    url: `/sys/thirdLogin/getLoginUser/${token}/${thirdType}`,
    method: 'get',
    headers: {
      'Content-Type': 'application/json;charset=UTF-8',
    },
  });
 }
 /**
 * 强退其他账号
 * @param token
 * @returns {*}
 */
 export function forceLogout(parameter) {
  return axios({
    url: '/sys/online/forceLogout',
    method: 'post',
    data: parameter,
  });
 }
 /**
 * 获取缓存信息
 * @param token
 * @param getCusParameters
 * @returns {*}
 */
 export function getCusParameters() {
  return axios({
    url: '/sys/cus/queryAllCusParamItems',
    method: 'get',
  });
 }
--- a/src/api/manage.js
+++ b/src/api/manage.js
@ -0,0 +1,331 @@
 import Vue from 'vue';
 import { axios } from '@/utils/request';
 import signMd5Utils from '@/utils/encryption/signMd5Utils';
 const api = {
  user: '/mock/api/user',
  role: '/mock/api/role',
  service: '/mock/api/service',
  permission: '/mock/api/permission',
  permissionNoPager: '/mock/api/permission/no-pager',
 };
 export default api;
 //post
 export function postAction(url, parameter) {
  const sign = signMd5Utils.getSign(url, parameter);
  //将签名和时间戳，添加在请求接口 Header
  const signHeader = {
    'X-Sign': sign,
    'X-TIMESTAMP': signMd5Utils.getDateTimeToString(),
  };
  return axios({
    url: url,
    method: 'post',
    data: parameter,
    headers: signHeader,
  });
 }
 //post method= {post | put}
 export function httpAction(url, parameter, method) {
  const sign = signMd5Utils.getSign(url, parameter);
  //将签名和时间戳，添加在请求接口 Header
  const signHeader = {
    'X-Sign': sign,
    'X-TIMESTAMP': signMd5Utils.getDateTimeToString(),
  };
  return axios({
    url: url,
    method: method,
    data: parameter,
    headers: signHeader,
  });
 }
 //put
 export function putAction(url, parameter) {
  return axios({
    url: url,
    method: 'put',
    data: parameter,
  });
 }
 //get
 export function getAction(url, parameter) {
  const sign = signMd5Utils.getSign(url, parameter);
  //将签名和时间戳，添加在请求接口 Header
  const signHeader = {
    'X-Sign': sign,
    'X-TIMESTAMP': signMd5Utils.getDateTimeToString(),
  };
  return axios({
    url: url,
    method: 'get',
    params: parameter,
    headers: signHeader,
  });
 }
 //deleteAction
 export function deleteAction(url, parameter) {
  return axios({
    url: url,
    method: 'delete',
    params: parameter,
  });
 }
 export function getUserList(parameter) {
  return axios({
    url: api.user,
    method: 'get',
    params: parameter,
  });
 }
 export function getRoleList(parameter) {
  return axios({
    url: api.role,
    method: 'get',
    params: parameter,
  });
 }
 export function getServiceList(parameter) {
  return axios({
    url: api.service,
    method: 'get',
    params: parameter,
  });
 }
 export function getPermissions(parameter) {
  return axios({
    url: api.permissionNoPager,
    method: 'get',
    params: parameter,
  });
 }
 // id === 0 add     post
 // id !== 0 update  put
 export function saveService(parameter) {
  return axios({
    url: api.service,
    method: parameter.id === 0 ? 'post' : 'put',
    data: parameter,
  });
 }
 /**
 * 下载文件 用于excel导出
 * @param url
 * @param parameter
 * @returns {*}
 */
 export function downFile(url, parameter) {
  return axios({
    url: url,
    params: parameter,
    method: 'get',
    responseType: 'blob',
  });
 }
 /**
 * 下载文件 用于excel导出
 * @param url
 * @param parameter
 * @returns {*}
 */
 export function downFilePost(url, parameter) {
  return axios({
    url: url,
    data: parameter,
    method: 'post',
    responseType: 'blob',
  });
 }
 /**
 * 下载文件
 * @param url 文件路径
 * @param fileName 文件名
 * @param parameter
 * @returns {*}
 */
 export function downloadFile(url, fileName, parameter) {
  return downFile(url, parameter).then((data) => {
    if (!data || data.size === 0) {
      Vue.prototype['$message'].warning('文件下载失败');
      return;
    }
    if (typeof window.navigator.msSaveBlob !== 'undefined') {
      window.navigator.msSaveBlob(new Blob([data]), fileName);
    } else {
      const url = window.URL.createObjectURL(new Blob([data]));
      const link = document.createElement('a');
      link.style.display = 'none';
      link.href = url;
      link.setAttribute('download', fileName);
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link); //下载完成移除元素
      window.URL.revokeObjectURL(url); //释放掉blob对象
    }
  });
 }
 /**
 * 文件上传 用于富文本上传图片
 * @param url
 * @param parameter
 * @returns {*}
 */
 export function uploadAction(url, parameter) {
  return axios({
    url: url,
    data: parameter,
    method: 'post',
    headers: {
      'Content-Type': 'multipart/form-data', // 文件上传
    },
  });
 }
 /**
 * 带header的PDF文件URL获取（供pdfobject使用）
 * @param {string} urlParam - PDF的相对路径
 * @returns {Promise<string>} - 可直接使用的Blob URL
 */
 export function getPdfUrlWithHeader(urlParam) {
  return new Promise((resolve) => {
    (async () =>{
      try {
        // 拼接完整URL（和原逻辑保持一致）
        const fullUrl = `${window._CONFIG['domianURL']}${urlParam}`;
        // 带header请求PDF
        const response = await fetch(fullUrl, {
          method: 'GET',
          headers: {
            'Gate-App-Code': 'APP202106220004',
            tenantCode: 'T20210428000005',
          },
          credentials: 'include'
        });
        if (response.ok) {
          const blob = await response.blob();
          // 生成PDF的Blob URL（指定MIME类型为pdf）
          const blobUrl = URL.createObjectURL(new Blob([blob], { type: 'application/pdf' }));
          resolve(blobUrl);
        } else {
          resolve(''); // 请求失败返回空
        }
      } catch (err) {
        resolve('');
      }
    })();
  });
 }
 /**
 * 带自定义Header的文件访问路径获取（用于img标签，支持viewer组件）
 * @param {string} avatar - 文件ID或相对路径
 * @param {string} [subStr='http'] - 判定完整路径的前缀
 * @returns {Promise<string>} - 可直接用于img的Blob URL
 */
 export function getImgUrlWithHeader(avatar, subStr = 'http') {
  // 执行器函数去掉 async
  return new Promise((resolve) => {
    // 用立即执行的 async 函数包裹内部异步逻辑
    (async () => {
      try {
        let url;
        if (avatar && avatar.startsWith(subStr)) {
          url = avatar;
        } else if (avatar && avatar.length > 0 && avatar.indexOf('[') === -1) {
          url = window._CONFIG['staticDomainURL'] + '/' + avatar;
        } else {
          resolve('');
          return;
        }
        const response = await fetch(url, {
          method: 'GET',
          headers: {
            'Gate-App-Code': 'APP202106220004',
            tenantCode: 'T20210428000005',
          },
          credentials: 'include'
        });
        if (response.ok) {
          const blob = await response.blob();
          const blobUrl = URL.createObjectURL(blob);
          resolve(blobUrl);
        } else {
          resolve('');
        }
      } catch (err) {
        resolve('');
      }
    })();
  });
 }
 /**
 * 获取文件服务访问路径（逐步废弃，被上面函数替代）
 * @param avatar
 * @param subStr
 * @returns {*}
 */
 export function getFileAccessHttpUrl(avatar, subStr) {
  if (!subStr) {
    subStr = 'http';
  }
  try {
    if (avatar && avatar.startsWith(subStr)) {
      return avatar;
    } else {
      if (avatar && avatar.length > 0 && avatar.indexOf('[') === -1) {
        return window._CONFIG['staticDomainURL'] + '/' + avatar;
      }
    }
  } catch (err) {
    return;
  }
 }
 // 附件上传
 export function uploadFile(url, data) {
  return axios({
    url: url,
    method: 'post',
    headers: {
      'Content-Type': 'multipart/form-data; charset=utf-8',
    },
    data: data,
  }).then((res) => {
    if (res.success) {
      return Promise.resolve(res);
    } else {
      return Promise.reject(res.message);
    }
  });
 }
 // 获取文件名
 export function getFileName(path) {
  const pos1 = path.lastIndexOf('/');
  const pos2 = path.lastIndexOf('\\');
  const pos = Math.max(pos1, pos2);
  return pos < 0 ? path : path.substring(pos + 1);
 }
--- a/src/assets/404.svg
+++ b/src/assets/404.svg
@ -0,0 +1,314 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="423px" height="341px" viewBox="0 0 423 341" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
    <title>Group 4</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Ant-Design-Pro-3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="404" transform="translate(-484.000000, -221.000000)">
            <g id="Group-4" transform="translate(464.000000, 222.000000)">
                <g id="Group-5" transform="translate(75.417348, 0.163879)" stroke="#A3B1BF" stroke-width="1.62" opacity="0.6" stroke-linejoin="round" stroke-dasharray="12.15">
                    <path d="M169.575185,288.890375 C103.647066,288.890375 50.2010204,235.455806 50.2010204,169.540425 C50.2010204,103.625045 103.647066,50.1904762 169.575185,50.1904762 C235.50394,50.1904762 288.94935,103.625045 288.94935,169.540425 C288.94935,235.455806 235.50394,288.890375 169.575185,288.890375 Z" id="Stroke-1"></path>
                    <path d="M169.405699,338.555288 C76.0274364,338.555288 0.329411882,262.872619 0.329411882,169.513299 C0.329411882,76.1539786 76.0274364,0.471309613 169.405699,0.471309613 C262.783961,0.471309613 338.481985,76.1539786 338.481985,169.513299 C338.481985,262.872619 262.783961,338.555288 169.405699,338.555288 Z" id="Stroke-3"></path>
                </g>
                <polygon id="Fill-6" fill="#F5F5F5" transform="translate(106.914750, 199.432805) rotate(22.000000) translate(-106.914750, -199.432805) " points="97.7112298 198.803016 116.11827 190.231152 107.544667 208.634458"></polygon>
                <polygon id="Stroke-7" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(106.914750, 199.432805) rotate(22.000000) translate(-106.914750, -199.432805) " points="97.7112298 198.803016 116.11827 190.231152 107.544667 208.634458"></polygon>
                <polygon id="Fill-8" transform="translate(58.996118, 219.767028) rotate(22.000000) translate(-58.996118, -219.767028) " points="38.8543444 215.183828 54.4119879 199.629341 79.1378915 224.350228 63.580248 239.904716"></polygon>
                <polygon id="Stroke-9" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(58.996118, 219.767028) rotate(22.000000) translate(-58.996118, -219.767028) " points="38.8543444 215.183828 54.4119879 199.629341 79.1378915 224.350228 63.580248 239.904716"></polygon>
                <polygon id="Fill-10" fill="#F5F5F5" transform="translate(71.226096, 214.577614) rotate(22.000000) translate(-71.226096, -214.577614) " points="51.4642422 198.657893 55.3028278 194.820086 90.9879502 230.497335 87.1487294 234.335141"></polygon>
                <polygon id="Stroke-11" stroke="#A3B1BF" stroke-width="1.62" fill="#F0F2F5" stroke-linejoin="round" transform="translate(71.226096, 214.577614) rotate(22.000000) translate(-71.226096, -214.577614) " points="51.4642422 198.657893 55.3028278 194.820086 90.9879502 230.497335 87.1487294 234.335141"></polygon>
                <polygon id="Fill-12" transform="translate(84.698338, 273.903349) rotate(22.000000) translate(-84.698338, -273.903349) " points="56.0769883 259.690379 70.4821667 245.288122 113.319688 288.116319 98.9145099 302.518575"></polygon>
                <polygon id="Stroke-13" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(84.698338, 273.903349) rotate(22.000000) translate(-84.698338, -273.903349) " points="56.0769883 259.690379 70.4821667 245.288122 113.319688 288.116319 98.9145099 302.518575"></polygon>
                <polygon id="Fill-14" transform="translate(75.456149, 212.782520) rotate(22.000000) translate(-75.456149, -212.782520) " points="63.8911557 203.879723 66.5512281 201.22019 87.0211429 221.685318 84.3604352 224.34485"></polygon>
                <polygon id="Stroke-15" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(75.456149, 212.782520) rotate(22.000000) translate(-75.456149, -212.782520) " points="63.8911557 203.879723 66.5512281 201.22019 87.0211429 221.685318 84.3604352 224.34485"></polygon>
                <polygon id="Fill-16" fill="#F5F5F5" transform="translate(78.176142, 202.618192) rotate(22.000000) translate(-78.176142, -202.618192) " points="74.4026766 205.006817 80.5652518 198.845492 81.9496076 200.229567 75.7870324 206.390892"></polygon>
                <polygon id="Stroke-17" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(78.176142, 202.618192) rotate(22.000000) translate(-78.176142, -202.618192) " points="74.4026766 205.006817 80.5652518 198.845492 81.9496076 200.229567 75.7870324 206.390892"></polygon>
                <polygon id="Fill-18" fill="#F5F5F5" transform="translate(84.676979, 217.928886) rotate(22.000000) translate(-84.676979, -217.928886) " points="80.9035138 220.317511 87.066089 214.156186 88.4504448 215.540261 82.2878696 221.701586"></polygon>
                <polygon id="Stroke-19" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(84.676979, 217.928886) rotate(22.000000) translate(-84.676979, -217.928886) " points="80.9035138 220.317511 87.066089 214.156186 88.4504448 215.540261 82.2878696 221.701586"></polygon>
                <polygon id="Fill-20" transform="translate(70.238421, 242.404581) rotate(22.000000) translate(-70.238421, -242.404581) " points="67.8493111 238.631881 74.0118863 244.793206 72.6275305 246.177281 66.4649553 240.015956"></polygon>
                <polygon id="Stroke-21" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(70.238421, 242.404581) rotate(22.000000) translate(-70.238421, -242.404581) " points="67.8493111 238.631881 74.0118863 244.793206 72.6275305 246.177281 66.4649553 240.015956"></polygon>
                <polygon id="Fill-22" transform="translate(48.081755, 224.398789) rotate(22.000000) translate(-48.081755, -224.398789) " points="35.1127107 220.725179 36.3242602 211.432376 61.0507992 236.153899 51.756111 237.365203"></polygon>
                <polygon id="Stroke-23" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(48.081755, 224.398789) rotate(22.000000) translate(-48.081755, -224.398789) " points="35.1127107 220.725179 36.3242602 211.432376 61.0507992 236.153899 51.756111 237.365203"></polygon>
                <polygon id="Fill-24" transform="translate(38.612968, 228.416820) rotate(22.000000) translate(-38.612968, -228.416820) " points="32.9179858 217.470622 26.2496982 216.056058 50.9762371 240.777581 49.5613861 234.110647"></polygon>
                <polygon id="Stroke-25" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(38.612968, 228.416820) rotate(22.000000) translate(-38.612968, -228.416820) " points="32.9179858 217.470622 26.2496982 216.056058 50.9762371 240.777581 49.5613861 234.110647"></polygon>
                <polygon id="Fill-26" transform="translate(31.086342, 221.523909) rotate(22.000000) translate(-31.086342, -221.523909) " points="32.6469986 217.297684 26.8592604 218.37941 34.2314793 225.750133 35.3134242 219.963569"></polygon>
                <polygon id="Stroke-27" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(31.086342, 221.523909) rotate(22.000000) translate(-31.086342, -221.523909) " points="32.6469986 217.297684 26.8592604 218.37941 34.2314793 225.750133 35.3134242 219.963569"></polygon>
                <polygon id="Fill-28" transform="translate(38.344372, 238.617819) rotate(22.000000) translate(-38.344372, -238.617819) " points="39.9050284 234.391595 34.1172902 235.47332 41.4895091 242.844044 42.571454 237.05748"></polygon>
                <polygon id="Stroke-29" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(38.344372, 238.617819) rotate(22.000000) translate(-38.344372, -238.617819) " points="39.9050284 234.391595 34.1172902 235.47332 41.4895091 242.844044 42.571454 237.05748"></polygon>
                <polygon id="Fill-30" fill="#F0F2F5" transform="translate(75.352798, 203.766862) rotate(22.000000) translate(-75.352798, -203.766862) " points="71.4417859 201.708217 73.2937351 199.856644 79.2638092 205.824871 77.4118601 207.67708"></polygon>
                <polygon id="Stroke-31" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(75.352798, 203.766862) rotate(22.000000) translate(-75.352798, -203.766862) " points="71.4417859 201.708217 73.2937351 199.856644 79.2638092 205.824871 77.4118601 207.67708"></polygon>
                <polygon id="Fill-32" fill="#F0F2F5" transform="translate(81.871541, 219.119730) rotate(22.000000) translate(-81.871541, -219.119730) " points="77.9605297 217.061085 79.8124789 215.209512 85.7825531 221.177739 83.9306039 223.029948"></polygon>
                <polygon id="Stroke-33" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(81.871541, 219.119730) rotate(22.000000) translate(-81.871541, -219.119730) " points="77.9605297 217.061085 79.8124789 215.209512 85.7825531 221.177739 83.9306039 223.029948"></polygon>
                <polygon id="Fill-34" transform="translate(68.034935, 237.215417) rotate(22.000000) translate(-68.034935, -237.215417) " points="65.1594898 237.106164 67.9256601 234.340555 70.9103796 237.324669 68.1442092 240.090278"></polygon>
                <polygon id="Stroke-35" stroke="#A3B1BF" stroke-width="1.62" fill="#F5F5F5" stroke-linejoin="round" transform="translate(68.034935, 237.215417) rotate(22.000000) translate(-68.034935, -237.215417) " points="65.1594898 237.106164 67.9256601 234.340555 70.9103796 237.324669 68.1442092 240.090278"></polygon>
                <path d="M90.2556147,213.065319 C79.2271463,202.039088 74.6433339,188.153875 78.4889079,179.512775 C79.1248602,178.084237 80.8319571,175.429786 84.5339495,179.131027 C88.2353065,182.832268 120.560237,215.150007 123.931865,218.52095 C127.303492,221.891894 125.245065,224.192545 123.817508,224.827733 C115.174655,228.675068 101.284718,224.092186 90.2556147,213.065319 Z" id="Fill-36" fill="#F5F5F5" transform="translate(101.453924, 201.708917) rotate(22.000000) translate(-101.453924, -201.708917) "></path>
                <path d="M90.2556147,213.065319 C79.2271463,202.039088 74.6433339,188.153875 78.4889079,179.512775 C79.1248602,178.084237 80.8319571,175.429786 84.5339495,179.131027 C88.2353065,182.832268 120.560237,215.150007 123.931865,218.52095 C127.303492,221.891894 125.245065,224.192545 123.817508,224.827733 C115.174655,228.675068 101.284718,224.092186 90.2556147,213.065319 Z" id="Stroke-38" stroke="#A3B1BF" stroke-width="1.62" fill="#F0F2F5" stroke-linejoin="round" transform="translate(101.453924, 201.708917) rotate(22.000000) translate(-101.453924, -201.708917) "></path>
                <polygon id="Fill-40" fill="#F0F2F5" transform="translate(86.633853, 208.038961) rotate(22.000000) translate(-86.633853, -208.038961) " points="77.9716233 201.230061 79.8235724 199.378488 95.2960835 214.84786 93.4441343 216.699433"></polygon>
                <polygon id="Stroke-42" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(86.633853, 208.038961) rotate(22.000000) translate(-86.633853, -208.038961) " points="77.9716233 201.230061 79.8235724 199.378488 95.2960835 214.84786 93.4441343 216.699433"></polygon>
                <path d="M121.635514,196.068815 C120.517356,197.186746 118.704797,197.186746 117.586639,196.068815 C116.469116,194.950884 116.469116,193.138692 117.586639,192.020761 C118.704797,190.903465 120.517356,190.903465 121.635514,192.020761 C122.753672,193.138692 122.753672,194.950884 121.635514,196.068815" id="Fill-44" fill="#A3B1BF" transform="translate(119.611315, 194.045026) rotate(22.000000) translate(-119.611315, -194.045026) "></path>
                <polygon id="Fill-46" fill-opacity="0.6" fill="#A3B1BF" transform="translate(81.250567, 248.056422) rotate(22.000000) translate(-81.250567, -248.056422) " points="81.2505672 249.672341 79.6343206 248.056422 81.2505672 246.440503 82.8668137 248.056422"></polygon>
                <polygon id="Stroke-48" transform="translate(81.250567, 248.056422) rotate(22.000000) translate(-81.250567, -248.056422) " points="81.2505672 249.672341 79.6343206 248.056422 81.2505672 246.440503 82.8668137 248.056422"></polygon>
                <polygon id="Fill-50" fill-opacity="0.6" fill="#A3B1BF" transform="translate(82.702196, 251.475282) rotate(22.000000) translate(-82.702196, -251.475282) " points="82.7021965 253.091201 81.0859499 251.475282 82.7021965 249.859363 84.318443 251.475282"></polygon>
                <polygon id="Stroke-52" transform="translate(82.702196, 251.475282) rotate(22.000000) translate(-82.702196, -251.475282) " points="82.7021965 253.091201 81.0859499 251.475282 82.7021965 249.859363 84.318443 251.475282"></polygon>
                <polygon id="Fill-54" fill-opacity="0.6" fill="#A3B1BF" transform="translate(84.153791, 254.894059) rotate(22.000000) translate(-84.153791, -254.894059) " points="84.1537906 256.509978 82.5375441 254.894059 84.1537906 253.278141 85.7700372 254.894059"></polygon>
                <polygon id="Stroke-56" transform="translate(84.153791, 254.894059) rotate(22.000000) translate(-84.153791, -254.894059) " points="84.1537906 256.509978 82.5375441 254.894059 84.1537906 253.278141 85.7700372 254.894059"></polygon>
                <polygon id="Fill-58" fill-opacity="0.6" fill="#A3B1BF" transform="translate(85.605385, 258.312837) rotate(22.000000) translate(-85.605385, -258.312837) " points="85.6053848 259.928756 83.9891383 258.312837 85.6053848 256.696918 87.2216313 258.312837"></polygon>
                <polygon id="Stroke-60" transform="translate(85.605385, 258.312837) rotate(22.000000) translate(-85.605385, -258.312837) " points="85.6053848 259.928756 83.9891383 258.312837 85.6053848 256.696918 87.2216313 258.312837"></polygon>
                <polygon id="Fill-62" fill-opacity="0.6" fill="#A3B1BF" transform="translate(78.094482, 249.395723) rotate(22.000000) translate(-78.094482, -249.395723) " points="78.0944819 251.011642 76.4782353 249.395723 78.0944819 247.779804 79.7107284 249.395723"></polygon>
                <polygon id="Stroke-64" transform="translate(78.094482, 249.395723) rotate(22.000000) translate(-78.094482, -249.395723) " points="78.0944819 251.011642 76.4782353 249.395723 78.0944819 247.779804 79.7107284 249.395723"></polygon>
                <polygon id="Fill-66" fill-opacity="0.6" fill="#A3B1BF" transform="translate(79.546052, 252.814559) rotate(22.000000) translate(-79.546052, -252.814559) " points="79.5460522 254.430478 77.9298057 252.814559 79.5460522 251.198641 81.1622988 252.814559"></polygon>
                <polygon id="Stroke-68" transform="translate(79.546052, 252.814559) rotate(22.000000) translate(-79.546052, -252.814559) " points="79.5460522 254.430478 77.9298057 252.814559 79.5460522 251.198641 81.1622988 252.814559"></polygon>
                <polygon id="Fill-70" fill-opacity="0.6" fill="#A3B1BF" transform="translate(80.997705, 256.233360) rotate(22.000000) translate(-80.997705, -256.233360) " points="80.9977053 257.849279 79.3814588 256.23336 80.9977053 254.617442 82.6139518 256.23336"></polygon>
                <polygon id="Stroke-72" transform="translate(80.997705, 256.233360) rotate(22.000000) translate(-80.997705, -256.233360) " points="79.3814588 256.23336 80.9977053 254.617442 82.6139518 256.23336 80.9977053 257.849279"></polygon>
                <polygon id="Fill-74" fill-opacity="0.6" fill="#A3B1BF" transform="translate(82.449276, 259.652197) rotate(22.000000) translate(-82.449276, -259.652197) " points="82.4492757 261.268115 80.8330292 259.652197 82.4492757 258.036278 84.0655222 259.652197"></polygon>
                <polygon id="Stroke-76" transform="translate(82.449276, 259.652197) rotate(22.000000) translate(-82.449276, -259.652197) " points="82.4492757 261.268115 80.8330292 259.652197 82.4492757 258.036278 84.0655222 259.652197"></polygon>
                <polygon id="Fill-78" fill-opacity="0.6" fill="#A3B1BF" transform="translate(74.938373, 250.735083) rotate(22.000000) translate(-74.938373, -250.735083) " points="74.9383727 252.351002 73.3221262 250.735083 74.9383727 249.119164 76.5546193 250.735083"></polygon>
                <polygon id="Stroke-80" transform="translate(74.938373, 250.735083) rotate(22.000000) translate(-74.938373, -250.735083) " points="74.9383727 252.351002 73.3221262 250.735083 74.9383727 249.119164 76.5546193 250.735083"></polygon>
                <polygon id="Fill-82" fill-opacity="0.6" fill="#A3B1BF" transform="translate(76.389967, 254.153860) rotate(22.000000) translate(-76.389967, -254.153860) " points="76.3899669 255.769779 74.7737204 254.15386 76.3899669 252.537942 78.0062134 254.15386"></polygon>
                <polygon id="Stroke-84" transform="translate(76.389967, 254.153860) rotate(22.000000) translate(-76.389967, -254.153860) " points="76.3899669 255.769779 74.7737204 254.15386 76.3899669 252.537942 78.0062134 254.15386"></polygon>
                <polygon id="Fill-86" fill-opacity="0.6" fill="#A3B1BF" transform="translate(77.841620, 257.572661) rotate(22.000000) translate(-77.841620, -257.572661) " points="77.84162 259.18858 76.2253735 257.572661 77.84162 255.956743 79.4578665 257.572661"></polygon>
                <polygon id="Stroke-88" transform="translate(77.841620, 257.572661) rotate(22.000000) translate(-77.841620, -257.572661) " points="77.84162 259.18858 76.2253735 257.572661 77.84162 255.956743 79.4578665 257.572661"></polygon>
                <polygon id="Fill-90" fill-opacity="0.6" fill="#A3B1BF" transform="translate(79.293190, 260.991498) rotate(22.000000) translate(-79.293190, -260.991498) " points="79.2931904 262.607416 77.6769438 260.991498 79.2931904 259.375579 80.9094369 260.991498"></polygon>
                <polygon id="Stroke-92" transform="translate(79.293190, 260.991498) rotate(22.000000) translate(-79.293190, -260.991498) " points="79.2931904 262.607416 77.6769438 260.991498 79.2931904 259.375579 80.9094369 260.991498"></polygon>
                <polygon id="Fill-94" fill-opacity="0.6" fill="#A3B1BF" transform="translate(71.782287, 252.074384) rotate(22.000000) translate(-71.782287, -252.074384) " points="71.7822874 253.690302 70.1660409 252.074384 71.7822874 250.458465 73.3985339 252.074384"></polygon>
                <polygon id="Stroke-96" transform="translate(71.782287, 252.074384) rotate(22.000000) translate(-71.782287, -252.074384) " points="71.7822874 253.690302 70.1660409 252.074384 71.7822874 250.458465 73.3985339 252.074384"></polygon>
                <polygon id="Fill-98" fill-opacity="0.6" fill="#A3B1BF" transform="translate(73.233882, 255.493161) rotate(22.000000) translate(-73.233882, -255.493161) " points="73.2338816 257.10908 71.6176351 255.493161 73.2338816 253.877242 74.8501281 255.493161"></polygon>
                <polygon id="Stroke-100" transform="translate(73.233882, 255.493161) rotate(22.000000) translate(-73.233882, -255.493161) " points="73.2338816 257.10908 71.6176351 255.493161 73.2338816 253.877242 74.8501281 255.493161"></polygon>
                <polygon id="Fill-102" fill-opacity="0.6" fill="#A3B1BF" transform="translate(74.685535, 258.911962) rotate(22.000000) translate(-74.685535, -258.911962) " points="74.6855347 260.527881 73.0692881 258.911962 74.6855347 257.296044 76.3017812 258.911962"></polygon>
                <polygon id="Stroke-104" transform="translate(74.685535, 258.911962) rotate(22.000000) translate(-74.685535, -258.911962) " points="74.6855347 260.527881 73.0692881 258.911962 74.6855347 257.296044 76.3017812 258.911962"></polygon>
                <polygon id="Fill-106" fill-opacity="0.6" fill="#A3B1BF" transform="translate(76.137105, 262.330799) rotate(22.000000) translate(-76.137105, -262.330799) " points="76.137105 263.946717 74.5208585 262.330799 76.137105 260.71488 77.7533516 262.330799"></polygon>
                <polygon id="Stroke-108" transform="translate(76.137105, 262.330799) rotate(22.000000) translate(-76.137105, -262.330799) " points="76.137105 263.946717 74.5208585 262.330799 76.137105 260.71488 77.7533516 262.330799"></polygon>
                <polygon id="Fill-110" fill-opacity="0.6" fill="#A3B1BF" transform="translate(68.626202, 253.413685) rotate(22.000000) translate(-68.626202, -253.413685) " points="68.6262021 255.029603 67.0099556 253.413685 68.6262021 251.797766 70.2424486 253.413685"></polygon>
                <polygon id="Stroke-112" transform="translate(68.626202, 253.413685) rotate(22.000000) translate(-68.626202, -253.413685) " points="68.6262021 255.029603 67.0099556 253.413685 68.6262021 251.797766 70.2424486 253.413685"></polygon>
                <polygon id="Fill-114" fill-opacity="0.6" fill="#A3B1BF" transform="translate(70.077796, 256.832462) rotate(22.000000) translate(-70.077796, -256.832462) " points="70.0777963 258.448381 68.4615497 256.832462 70.0777963 255.216543 71.6940428 256.832462"></polygon>
                <polygon id="Stroke-116" transform="translate(70.077796, 256.832462) rotate(22.000000) translate(-70.077796, -256.832462) " points="70.0777963 258.448381 68.4615497 256.832462 70.0777963 255.216543 71.6940428 256.832462"></polygon>
                <polygon id="Fill-118" fill-opacity="0.6" fill="#A3B1BF" transform="translate(71.529426, 260.251322) rotate(22.000000) translate(-71.529426, -260.251322) " points="71.5294256 261.867241 69.913179 260.251322 71.5294256 258.635403 73.1456721 260.251322"></polygon>
                <polygon id="Stroke-120" transform="translate(71.529426, 260.251322) rotate(22.000000) translate(-71.529426, -260.251322) " points="71.5294256 261.867241 69.913179 260.251322 71.5294256 258.635403 73.1456721 260.251322"></polygon>
                <polygon id="Fill-122" fill-opacity="0.6" fill="#A3B1BF" transform="translate(72.981020, 263.670099) rotate(22.000000) translate(-72.981020, -263.670099) " points="72.9810197 265.286018 71.3647732 263.670099 72.9810197 262.054181 74.5972663 263.670099"></polygon>
                <polygon id="Stroke-124" transform="translate(72.981020, 263.670099) rotate(22.000000) translate(-72.981020, -263.670099) " points="72.9810197 265.286018 71.3647732 263.670099 72.9810197 262.054181 74.5972663 263.670099"></polygon>
                <polygon id="Fill-126" fill-opacity="0.6" fill="#A3B1BF" transform="translate(88.852907, 265.961362) rotate(22.000000) translate(-88.852907, -265.961362) " points="88.8529067 267.577281 87.2366602 265.961362 88.8529067 264.345443 90.4691533 265.961362"></polygon>
                <polygon id="Stroke-128" transform="translate(88.852907, 265.961362) rotate(22.000000) translate(-88.852907, -265.961362) " points="88.8529067 267.577281 87.2366602 265.961362 88.8529067 264.345443 90.4691533 265.961362"></polygon>
                <polygon id="Fill-130" fill-opacity="0.6" fill="#A3B1BF" transform="translate(90.304501, 269.380139) rotate(22.000000) translate(-90.304501, -269.380139) " points="90.3045009 270.996058 88.6882544 269.380139 90.3045009 267.764221 91.9207474 269.380139"></polygon>
                <polygon id="Stroke-132" transform="translate(90.304501, 269.380139) rotate(22.000000) translate(-90.304501, -269.380139) " points="90.3045009 270.996058 88.6882544 269.380139 90.3045009 267.764221 91.9207474 269.380139"></polygon>
                <polygon id="Fill-134" fill-opacity="0.6" fill="#A3B1BF" transform="translate(91.756130, 272.798999) rotate(22.000000) translate(-91.756130, -272.798999) " points="91.7561302 274.414918 90.1398837 272.798999 91.7561302 271.183081 93.3723767 272.798999"></polygon>
                <polygon id="Stroke-136" transform="translate(91.756130, 272.798999) rotate(22.000000) translate(-91.756130, -272.798999) " points="91.7561302 274.414918 90.1398837 272.798999 91.7561302 271.183081 93.3723767 272.798999"></polygon>
                <polygon id="Fill-138" fill-opacity="0.6" fill="#A3B1BF" transform="translate(93.207724, 276.217777) rotate(22.000000) translate(-93.207724, -276.217777) " points="93.2077244 277.833695 91.5914778 276.217777 93.2077244 274.601858 94.8239709 276.217777"></polygon>
                <polygon id="Stroke-140" transform="translate(93.207724, 276.217777) rotate(22.000000) translate(-93.207724, -276.217777) " points="93.2077244 277.833695 91.5914778 276.217777 93.2077244 274.601858 94.8239709 276.217777"></polygon>
                <polygon id="Fill-142" fill-opacity="0.6" fill="#A3B1BF" transform="translate(85.696821, 267.300663) rotate(22.000000) translate(-85.696821, -267.300663) " points="85.6968214 268.916582 84.0805749 267.300663 85.6968214 265.684744 87.313068 267.300663"></polygon>
                <polygon id="Stroke-144" transform="translate(85.696821, 267.300663) rotate(22.000000) translate(-85.696821, -267.300663) " points="85.6968214 268.916582 84.0805749 267.300663 85.6968214 265.684744 87.313068 267.300663"></polygon>
                <polygon id="Fill-146" fill-opacity="0.6" fill="#A3B1BF" transform="translate(87.148416, 270.719440) rotate(22.000000) translate(-87.148416, -270.719440) " points="87.1484156 272.335359 85.5321691 270.71944 87.1484156 269.103521 88.7646621 270.71944"></polygon>
                <polygon id="Stroke-148" transform="translate(87.148416, 270.719440) rotate(22.000000) translate(-87.148416, -270.719440) " points="87.1484156 272.335359 85.5321691 270.71944 87.1484156 269.103521 88.7646621 270.71944"></polygon>
                <polygon id="Fill-150" fill-opacity="0.6" fill="#A3B1BF" transform="translate(88.599986, 274.138276) rotate(22.000000) translate(-88.599986, -274.138276) " points="88.599986 275.754195 86.9837394 274.138276 88.599986 272.522358 90.2162325 274.138276"></polygon>
                <polygon id="Stroke-152" transform="translate(88.599986, 274.138276) rotate(22.000000) translate(-88.599986, -274.138276) " points="88.599986 275.754195 86.9837394 274.138276 88.599986 272.522358 90.2162325 274.138276"></polygon>
                <polygon id="Fill-154" fill-opacity="0.6" fill="#A3B1BF" transform="translate(90.051639, 277.557078) rotate(22.000000) translate(-90.051639, -277.557078) " points="90.0516391 279.172996 88.4353925 277.557078 90.0516391 275.941159 91.6678856 277.557078"></polygon>
                <polygon id="Stroke-156" transform="translate(90.051639, 277.557078) rotate(22.000000) translate(-90.051639, -277.557078) " points="90.0516391 279.172996 88.4353925 277.557078 90.0516391 275.941159 91.6678856 277.557078"></polygon>
                <polygon id="Fill-158" fill-opacity="0.6" fill="#A3B1BF" transform="translate(82.540736, 268.639964) rotate(22.000000) translate(-82.540736, -268.639964) " points="82.5407361 270.255882 80.9244896 268.639964 82.5407361 267.024045 84.1569826 268.639964"></polygon>
                <polygon id="Stroke-160" transform="translate(82.540736, 268.639964) rotate(22.000000) translate(-82.540736, -268.639964) " points="82.5407361 270.255882 80.9244896 268.639964 82.5407361 267.024045 84.1569826 268.639964"></polygon>
                <polygon id="Fill-162" fill-opacity="0.6" fill="#A3B1BF" transform="translate(83.992306, 272.058800) rotate(22.000000) translate(-83.992306, -272.058800) " points="83.9923065 273.674719 82.3760599 272.0588 83.9923065 270.442881 85.608553 272.0588"></polygon>
                <polygon id="Stroke-164" transform="translate(83.992306, 272.058800) rotate(22.000000) translate(-83.992306, -272.058800) " points="83.9923065 273.674719 82.3760599 272.0588 83.9923065 270.442881 85.608553 272.0588"></polygon>
                <polygon id="Fill-166" fill-opacity="0.6" fill="#A3B1BF" transform="translate(85.443901, 275.477577) rotate(22.000000) translate(-85.443901, -275.477577) " points="85.4439007 277.093496 83.8276541 275.477577 85.4439007 273.861659 87.0601472 275.477577"></polygon>
                <polygon id="Stroke-168" transform="translate(85.443901, 275.477577) rotate(22.000000) translate(-85.443901, -275.477577) " points="85.4439007 277.093496 83.8276541 275.477577 85.4439007 273.861659 87.0601472 275.477577"></polygon>
                <polygon id="Fill-170" fill-opacity="0.6" fill="#A3B1BF" transform="translate(86.895554, 278.896378) rotate(22.000000) translate(-86.895554, -278.896378) " points="86.8955537 280.512297 85.2793072 278.896378 86.8955537 277.28046 88.5118003 278.896378"></polygon>
                <polygon id="Stroke-172" transform="translate(86.895554, 278.896378) rotate(22.000000) translate(-86.895554, -278.896378) " points="86.8955537 280.512297 85.2793072 278.896378 86.8955537 277.28046 88.5118003 278.896378"></polygon>
                <polygon id="Fill-174" fill-opacity="0.6" fill="#A3B1BF" transform="translate(79.384651, 269.979265) rotate(22.000000) translate(-79.384651, -269.979265) " points="79.3846508 271.595183 77.7684043 269.979265 79.3846508 268.363346 81.0008973 269.979265"></polygon>
                <polygon id="Stroke-176" transform="translate(79.384651, 269.979265) rotate(22.000000) translate(-79.384651, -269.979265) " points="79.3846508 271.595183 77.7684043 269.979265 79.3846508 268.363346 81.0008973 269.979265"></polygon>
                <polygon id="Fill-178" fill-opacity="0.6" fill="#A3B1BF" transform="translate(80.836221, 273.398101) rotate(22.000000) translate(-80.836221, -273.398101) " points="80.8362212 275.01402 79.2199746 273.398101 80.8362212 271.782182 82.4524677 273.398101"></polygon>
                <polygon id="Stroke-180" transform="translate(80.836221, 273.398101) rotate(22.000000) translate(-80.836221, -273.398101) " points="80.8362212 275.01402 79.2199746 273.398101 80.8362212 271.782182 82.4524677 273.398101"></polygon>
                <polygon id="Fill-182" fill-opacity="0.6" fill="#A3B1BF" transform="translate(82.287815, 276.816878) rotate(22.000000) translate(-82.287815, -276.816878) " points="82.2878153 278.432797 80.6715688 276.816878 82.2878153 275.20096 83.9040619 276.816878"></polygon>
                <polygon id="Stroke-184" transform="translate(82.287815, 276.816878) rotate(22.000000) translate(-82.287815, -276.816878) " points="82.2878153 278.432797 80.6715688 276.816878 82.2878153 275.20096 83.9040619 276.816878"></polygon>
                <polygon id="Fill-186" fill-opacity="0.6" fill="#A3B1BF" transform="translate(83.739445, 280.235738) rotate(22.000000) translate(-83.739445, -280.235738) " points="83.7394446 281.851657 82.1231981 280.235738 83.7394446 278.61982 85.3556912 280.235738"></polygon>
                <polygon id="Stroke-188" transform="translate(83.739445, 280.235738) rotate(22.000000) translate(-83.739445, -280.235738) " points="83.7394446 281.851657 82.1231981 280.235738 83.7394446 278.61982 85.3556912 280.235738"></polygon>
                <polygon id="Fill-190" fill-opacity="0.6" fill="#A3B1BF" transform="translate(76.228483, 271.318601) rotate(22.000000) translate(-76.228483, -271.318601) " points="76.2284828 272.934519 74.6122362 271.318601 76.2284828 269.702682 77.8447293 271.318601"></polygon>
                <polygon id="Stroke-192" transform="translate(76.228483, 271.318601) rotate(22.000000) translate(-76.228483, -271.318601) " points="76.2284828 272.934519 74.6122362 271.318601 76.2284828 269.702682 77.8447293 271.318601"></polygon>
                <polygon id="Fill-194" fill-opacity="0.6" fill="#A3B1BF" transform="translate(77.680136, 274.737402) rotate(22.000000) translate(-77.680136, -274.737402) " points="77.6801358 276.353321 76.0638893 274.737402 77.6801358 273.121483 79.2963824 274.737402"></polygon>
                <polygon id="Stroke-196" transform="translate(77.680136, 274.737402) rotate(22.000000) translate(-77.680136, -274.737402) " points="77.6801358 276.353321 76.0638893 274.737402 77.6801358 273.121483 79.2963824 274.737402"></polygon>
                <polygon id="Fill-198" fill-opacity="0.6" fill="#A3B1BF" transform="translate(79.131730, 278.156179) rotate(22.000000) translate(-79.131730, -278.156179) " points="79.13173 279.772098 77.5154835 278.156179 79.13173 276.540261 80.7479765 278.156179"></polygon>
                <polygon id="Stroke-200" transform="translate(79.131730, 278.156179) rotate(22.000000) translate(-79.131730, -278.156179) " points="79.13173 279.772098 77.5154835 278.156179 79.13173 276.540261 80.7479765 278.156179"></polygon>
                <polygon id="Fill-202" fill-opacity="0.6" fill="#A3B1BF" transform="translate(80.583359, 281.575039) rotate(22.000000) translate(-80.583359, -281.575039) " points="80.5833593 283.190958 78.9671128 281.575039 80.5833593 279.959121 82.1996058 281.575039"></polygon>
                <polygon id="Stroke-204" transform="translate(80.583359, 281.575039) rotate(22.000000) translate(-80.583359, -281.575039) " points="80.5833593 283.190958 78.9671128 281.575039 80.5833593 279.959121 82.1996058 281.575039"></polygon>
                <polygon id="Fill-206" fill-opacity="0.6" fill="#A3B1BF" transform="translate(96.455246, 283.866302) rotate(22.000000) translate(-96.455246, -283.866302) " points="96.4552463 285.48222 94.8389998 283.866302 96.4552463 282.250383 98.0714929 283.866302"></polygon>
                <polygon id="Stroke-208" transform="translate(96.455246, 283.866302) rotate(22.000000) translate(-96.455246, -283.866302) " points="96.4552463 285.48222 94.8389998 283.866302 96.4552463 282.250383 98.0714929 283.866302"></polygon>
                <polygon id="Fill-210" fill-opacity="0.6" fill="#A3B1BF" transform="translate(97.906840, 287.285079) rotate(22.000000) translate(-97.906840, -287.285079) " points="97.9068405 288.900998 96.290594 287.285079 97.9068405 285.66916 99.523087 287.285079"></polygon>
                <polygon id="Stroke-212" transform="translate(97.906840, 287.285079) rotate(22.000000) translate(-97.906840, -287.285079) " points="97.9068405 288.900998 96.290594 287.285079 97.9068405 285.66916 99.523087 287.285079"></polygon>
                <polygon id="Fill-214" fill-opacity="0.6" fill="#A3B1BF" transform="translate(99.358435, 290.703856) rotate(22.000000) translate(-99.358435, -290.703856) " points="99.3584347 292.319775 97.7421881 290.703856 99.3584347 289.087938 100.974681 290.703856"></polygon>
                <polygon id="Stroke-216" transform="translate(99.358435, 290.703856) rotate(22.000000) translate(-99.358435, -290.703856) " points="99.3584347 292.319775 97.7421881 290.703856 99.3584347 289.087938 100.974681 290.703856"></polygon>
                <polygon id="Fill-218" fill-opacity="0.6" fill="#A3B1BF" transform="translate(100.810064, 294.122716) rotate(22.000000) translate(-100.810064, -294.122716) " points="100.810064 295.738635 99.1938174 294.122716 100.810064 292.506798 102.42631 294.122716"></polygon>
                <polygon id="Stroke-220" transform="translate(100.810064, 294.122716) rotate(22.000000) translate(-100.810064, -294.122716) " points="100.810064 295.738635 99.1938174 294.122716 100.810064 292.506798 102.42631 294.122716"></polygon>
                <polygon id="Fill-222" fill-opacity="0.6" fill="#A3B1BF" transform="translate(93.299102, 285.205579) rotate(22.000000) translate(-93.299102, -285.205579) " points="93.2991021 286.821497 91.6828556 285.205579 93.2991021 283.58966 94.9153486 285.205579"></polygon>
                <polygon id="Stroke-224" transform="translate(93.299102, 285.205579) rotate(22.000000) translate(-93.299102, -285.205579) " points="93.2991021 286.821497 91.6828556 285.205579 93.2991021 283.58966 94.9153486 285.205579"></polygon>
                <polygon id="Fill-226" fill-opacity="0.6" fill="#A3B1BF" transform="translate(94.750755, 288.624380) rotate(22.000000) translate(-94.750755, -288.624380) " points="94.7507552 290.240299 93.1345086 288.62438 94.7507552 287.008461 96.3670017 288.62438"></polygon>
                <polygon id="Stroke-228" transform="translate(94.750755, 288.624380) rotate(22.000000) translate(-94.750755, -288.624380) " points="94.7507552 290.240299 93.1345086 288.62438 94.7507552 287.008461 96.3670017 288.62438"></polygon>
                <polygon id="Fill-230" fill-opacity="0.6" fill="#A3B1BF" transform="translate(96.202326, 292.043216) rotate(22.000000) translate(-96.202326, -292.043216) " points="96.2023255 293.659135 94.586079 292.043216 96.2023255 290.427297 97.8185721 292.043216"></polygon>
                <polygon id="Stroke-232" transform="translate(96.202326, 292.043216) rotate(22.000000) translate(-96.202326, -292.043216) " points="96.2023255 293.659135 94.586079 292.043216 96.2023255 290.427297 97.8185721 292.043216"></polygon>
                <polygon id="Fill-234" fill-opacity="0.6" fill="#A3B1BF" transform="translate(97.653979, 295.462017) rotate(22.000000) translate(-97.653979, -295.462017) " points="97.6539786 297.077936 96.0377321 295.462017 97.6539786 293.846099 99.2702252 295.462017"></polygon>
                <polygon id="Stroke-236" transform="translate(97.653979, 295.462017) rotate(22.000000) translate(-97.653979, -295.462017) " points="97.6539786 297.077936 96.0377321 295.462017 97.6539786 293.846099 99.2702252 295.462017"></polygon>
                <polygon id="Fill-238" fill-opacity="0.6" fill="#A3B1BF" transform="translate(90.143017, 286.544880) rotate(22.000000) translate(-90.143017, -286.544880) " points="90.1430168 288.160798 88.5267702 286.54488 90.1430168 284.928961 91.7592633 286.54488"></polygon>
                <polygon id="Stroke-240" transform="translate(90.143017, 286.544880) rotate(22.000000) translate(-90.143017, -286.544880) " points="90.1430168 288.160798 88.5267702 286.54488 90.1430168 284.928961 91.7592633 286.54488"></polygon>
                <polygon id="Fill-242" fill-opacity="0.6" fill="#A3B1BF" transform="translate(91.594670, 289.963681) rotate(22.000000) translate(-91.594670, -289.963681) " points="91.5946698 291.5796 89.9784233 289.963681 91.5946698 288.347762 93.2109164 289.963681"></polygon>
                <polygon id="Stroke-244" transform="translate(91.594670, 289.963681) rotate(22.000000) translate(-91.594670, -289.963681) " points="91.5946698 291.5796 89.9784233 289.963681 91.5946698 288.347762 93.2109164 289.963681"></polygon>
                <polygon id="Fill-246" fill-opacity="0.6" fill="#A3B1BF" transform="translate(93.046240, 293.382517) rotate(22.000000) translate(-93.046240, -293.382517) " points="93.0462402 294.998436 91.4299937 293.382517 93.0462402 291.766598 94.6624868 293.382517"></polygon>
                <polygon id="Stroke-248" transform="translate(93.046240, 293.382517) rotate(22.000000) translate(-93.046240, -293.382517) " points="93.0462402 294.998436 91.4299937 293.382517 93.0462402 291.766598 94.6624868 293.382517"></polygon>
                <polygon id="Fill-250" fill-opacity="0.6" fill="#A3B1BF" transform="translate(94.497893, 296.801318) rotate(22.000000) translate(-94.497893, -296.801318) " points="94.4978933 298.417237 92.8816468 296.801318 94.4978933 295.1854 96.1141398 296.801318"></polygon>
                <polygon id="Stroke-252" transform="translate(94.497893, 296.801318) rotate(22.000000) translate(-94.497893, -296.801318) " points="94.4978933 298.417237 92.8816468 296.801318 94.4978933 295.1854 96.1141398 296.801318"></polygon>
                <polygon id="Fill-254" fill-opacity="0.6" fill="#A3B1BF" transform="translate(86.986931, 287.884181) rotate(22.000000) translate(-86.986931, -287.884181) " points="86.9869315 289.500099 85.3706849 287.884181 86.9869315 286.268262 88.603178 287.884181"></polygon>
                <polygon id="Stroke-256" transform="translate(86.986931, 287.884181) rotate(22.000000) translate(-86.986931, -287.884181) " points="86.9869315 289.500099 85.3706849 287.884181 86.9869315 286.268262 88.603178 287.884181"></polygon>
                <polygon id="Fill-258" fill-opacity="0.6" fill="#A3B1BF" transform="translate(88.438585, 291.302982) rotate(22.000000) translate(-88.438585, -291.302982) " points="88.4385845 292.9189 86.822338 291.302982 88.4385845 289.687063 90.0548311 291.302982"></polygon>
                <polygon id="Stroke-260" transform="translate(88.438585, 291.302982) rotate(22.000000) translate(-88.438585, -291.302982) " points="88.4385845 292.9189 86.822338 291.302982 88.4385845 289.687063 90.0548311 291.302982"></polygon>
                <polygon id="Fill-262" fill-opacity="0.6" fill="#A3B1BF" transform="translate(89.890155, 294.721818) rotate(22.000000) translate(-89.890155, -294.721818) " points="89.8901549 296.337737 88.2739084 294.721818 89.8901549 293.105899 91.5064014 294.721818"></polygon>
                <polygon id="Stroke-264" transform="translate(89.890155, 294.721818) rotate(22.000000) translate(-89.890155, -294.721818) " points="89.8901549 296.337737 88.2739084 294.721818 89.8901549 293.105899 91.5064014 294.721818"></polygon>
                <polygon id="Fill-266" fill-opacity="0.6" fill="#A3B1BF" transform="translate(91.341749, 298.140595) rotate(22.000000) translate(-91.341749, -298.140595) " points="91.3417491 299.756514 89.7255025 298.140595 91.3417491 296.524677 92.9579956 298.140595"></polygon>
                <polygon id="Stroke-268" transform="translate(91.341749, 298.140595) rotate(22.000000) translate(-91.341749, -298.140595) " points="91.3417491 299.756514 89.7255025 298.140595 91.3417491 296.524677 92.9579956 298.140595"></polygon>
                <polygon id="Fill-270" fill-opacity="0.6" fill="#A3B1BF" transform="translate(83.830846, 289.223482) rotate(22.000000) translate(-83.830846, -289.223482) " points="83.8308461 290.8394 82.2145996 289.223482 83.8308461 287.607563 85.4470927 289.223482"></polygon>
                <polygon id="Stroke-272" transform="translate(83.830846, 289.223482) rotate(22.000000) translate(-83.830846, -289.223482) " points="82.2145996 289.223482 83.8308461 287.607563 85.4470927 289.223482 83.8308461 290.8394"></polygon>
                <polygon id="Fill-274" fill-opacity="0.6" fill="#A3B1BF" transform="translate(85.282417, 292.642318) rotate(22.000000) translate(-85.282417, -292.642318) " points="85.2824165 294.258236 83.66617 292.642318 85.2824165 291.026399 86.898663 292.642318"></polygon>
                <polygon id="Stroke-276" transform="translate(85.282417, 292.642318) rotate(22.000000) translate(-85.282417, -292.642318) " points="85.2824165 294.258236 83.66617 292.642318 85.2824165 291.026399 86.898663 292.642318"></polygon>
                <polygon id="Fill-278" fill-opacity="0.6" fill="#A3B1BF" transform="translate(86.734070, 296.061119) rotate(22.000000) translate(-86.734070, -296.061119) " points="86.7340696 297.677038 85.1178231 296.061119 86.7340696 294.4452 88.3503161 296.061119"></polygon>
                <polygon id="Stroke-280" transform="translate(86.734070, 296.061119) rotate(22.000000) translate(-86.734070, -296.061119) " points="86.7340696 297.677038 85.1178231 296.061119 86.7340696 294.4452 88.3503161 296.061119"></polygon>
                <polygon id="Fill-282" fill-opacity="0.6" fill="#A3B1BF" transform="translate(88.185664, 299.479896) rotate(22.000000) translate(-88.185664, -299.479896) " points="88.1856638 301.095815 86.5694172 299.479896 88.1856638 297.863978 89.8019103 299.479896"></polygon>
                <polygon id="Stroke-284" transform="translate(88.185664, 299.479896) rotate(22.000000) translate(-88.185664, -299.479896) " points="88.1856638 301.095815 86.5694172 299.479896 88.1856638 297.863978 89.8019103 299.479896"></polygon>
                <polygon id="Fill-286" transform="translate(37.779995, 163.402514) rotate(22.000000) translate(-37.779995, -163.402514) " points="51.9961666 192.018058 66.401345 177.615802 23.5644587 134.78697 9.15864501 149.189862"></polygon>
                <polygon id="Fill-290" transform="translate(50.400318, 195.682118) rotate(22.000000) translate(-50.400318, -195.682118) " points="54.1737837 198.070743 48.0112085 191.909418 46.6268527 193.293493 52.7894279 199.454818"></polygon>
                <polygon id="Stroke-292" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(50.400318, 195.682118) rotate(22.000000) translate(-50.400318, -195.682118) " points="54.1737837 198.070743 48.0112085 191.909418 46.6268527 193.293493 52.7894279 199.454818"></polygon>
                <polygon id="Fill-294" fill-opacity="0.8" fill="#A3B1BF" transform="translate(52.603532, 200.871447) rotate(22.000000) translate(-52.603532, -200.871447) " points="52.712807 203.746308 55.4789773 200.980699 52.4942579 197.996585 49.7280876 200.762195"></polygon>
                <polygon id="Stroke-296" stroke="#A3B1BF" stroke-width="1.62" fill="#FFFFFF" stroke-linejoin="round" transform="translate(52.603532, 200.871447) rotate(22.000000) translate(-52.603532, -200.871447) " points="52.712807 203.746308 55.4789773 200.980699 52.4942579 197.996585 49.7280876 200.762195"></polygon>
                <polygon id="Fill-298" fill-opacity="0.8" fill="#A3B1BF" transform="translate(53.983257, 183.836778) rotate(22.000000) translate(-53.983257, -183.836778) " points="52.3670108 183.836778 53.9832574 185.452697 55.5995039 183.836778 53.9832574 182.22086"></polygon>
                <polygon id="Stroke-300" transform="translate(53.983257, 183.836778) rotate(22.000000) translate(-53.983257, -183.836778) " points="52.3670108 183.836778 53.9832574 185.452697 55.5995039 183.836778 53.9832574 182.22086"></polygon>
                <polygon id="Fill-302" fill-opacity="0.8" fill="#A3B1BF" transform="translate(52.531663, 180.418001) rotate(22.000000) translate(-52.531663, -180.418001) " points="50.9154167 180.418001 52.5316632 182.03392 54.1479097 180.418001 52.5316632 178.802082"></polygon>
                <polygon id="Stroke-304" transform="translate(52.531663, 180.418001) rotate(22.000000) translate(-52.531663, -180.418001) " points="50.9154167 180.418001 52.5316632 182.03392 54.1479097 180.418001 52.5316632 178.802082"></polygon>
                <polygon id="Fill-306" fill-opacity="0.8" fill="#A3B1BF" transform="translate(51.080034, 176.999141) rotate(22.000000) translate(-51.080034, -176.999141) " points="49.4637874 176.999141 51.0800339 178.61506 52.6962805 176.999141 51.0800339 175.383222"></polygon>
                <polygon id="Stroke-308" transform="translate(51.080034, 176.999141) rotate(22.000000) translate(-51.080034, -176.999141) " points="49.4637874 176.999141 51.0800339 178.61506 52.6962805 176.999141 51.0800339 175.383222"></polygon>
                <polygon id="Fill-310" fill-opacity="0.8" fill="#A3B1BF" transform="translate(49.628440, 173.580364) rotate(22.000000) translate(-49.628440, -173.580364) " points="48.0121932 173.580364 49.6284397 175.196282 51.2446863 173.580364 49.6284397 171.964445"></polygon>
                <polygon id="Stroke-312" transform="translate(49.628440, 173.580364) rotate(22.000000) translate(-49.628440, -173.580364) " points="48.0121932 173.580364 49.6284397 175.196282 51.2446863 173.580364 49.6284397 171.964445"></polygon>
                <polygon id="Fill-314" fill-opacity="0.8" fill="#A3B1BF" transform="translate(50.827172, 185.176079) rotate(22.000000) translate(-50.827172, -185.176079) " points="49.2109255 185.176079 50.8271721 186.791998 52.4434186 185.176079 50.8271721 183.560161"></polygon>
                <polygon id="Stroke-316" transform="translate(50.827172, 185.176079) rotate(22.000000) translate(-50.827172, -185.176079) " points="49.2109255 185.176079 50.8271721 186.791998 52.4434186 185.176079 50.8271721 183.560161"></polygon>
                <polygon id="Fill-318" fill-opacity="0.8" fill="#A3B1BF" transform="translate(49.375578, 181.757302) rotate(22.000000) translate(-49.375578, -181.757302) " points="47.7593313 181.757302 49.3755779 183.373221 50.9918244 181.757302 49.3755779 180.141383"></polygon>
                <polygon id="Stroke-320" transform="translate(49.375578, 181.757302) rotate(22.000000) translate(-49.375578, -181.757302) " points="47.7593313 181.757302 49.3755779 183.373221 50.9918244 181.757302 49.3755779 180.141383"></polygon>
                <polygon id="Fill-322" fill-opacity="0.8" fill="#A3B1BF" transform="translate(47.923949, 178.338442) rotate(22.000000) translate(-47.923949, -178.338442) " points="46.3077021 178.338442 47.9239486 179.954361 49.5401951 178.338442 47.9239486 176.722523"></polygon>
                <polygon id="Stroke-324" transform="translate(47.923949, 178.338442) rotate(22.000000) translate(-47.923949, -178.338442) " points="46.3077021 178.338442 47.9239486 179.954361 49.5401951 178.338442 47.9239486 176.722523"></polygon>
                <polygon id="Fill-326" fill-opacity="0.8" fill="#A3B1BF" transform="translate(46.472354, 174.919665) rotate(22.000000) translate(-46.472354, -174.919665) " points="44.8561079 174.919665 46.4723544 176.535583 48.088601 174.919665 46.4723544 173.303746"></polygon>
                <polygon id="Stroke-328" transform="translate(46.472354, 174.919665) rotate(22.000000) translate(-46.472354, -174.919665) " points="44.8561079 174.919665 46.4723544 176.535583 48.088601 174.919665 46.4723544 173.303746"></polygon>
                <polygon id="Fill-330" fill-opacity="0.8" fill="#A3B1BF" transform="translate(47.671087, 186.515380) rotate(22.000000) translate(-47.671087, -186.515380) " points="46.0548402 186.51538 47.6710867 188.131299 49.2873333 186.51538 47.6710867 184.899461"></polygon>
                <polygon id="Stroke-332" transform="translate(47.671087, 186.515380) rotate(22.000000) translate(-47.671087, -186.515380) " points="46.0548402 186.51538 47.6710867 188.131299 49.2873333 186.51538 47.6710867 184.899461"></polygon>
                <polygon id="Fill-334" fill-opacity="0.8" fill="#A3B1BF" transform="translate(46.219493, 183.096603) rotate(22.000000) translate(-46.219493, -183.096603) " points="44.603246 183.096603 46.2194926 184.712521 47.8357391 183.096603 46.2194926 181.480684"></polygon>
                <polygon id="Stroke-336" transform="translate(46.219493, 183.096603) rotate(22.000000) translate(-46.219493, -183.096603) " points="44.603246 183.096603 46.2194926 184.712521 47.8357391 183.096603 46.2194926 181.480684"></polygon>
                <polygon id="Fill-338" fill-opacity="0.8" fill="#A3B1BF" transform="translate(44.767839, 179.677802) rotate(22.000000) translate(-44.767839, -179.677802) " points="43.1515929 179.677802 44.7678395 181.29372 46.384086 179.677802 44.7678395 178.061883"></polygon>
                <polygon id="Stroke-340" transform="translate(44.767839, 179.677802) rotate(22.000000) translate(-44.767839, -179.677802) " points="43.1515929 179.677802 44.7678395 181.29372 46.384086 179.677802 44.7678395 178.061883"></polygon>
                <polygon id="Fill-342" fill-opacity="0.8" fill="#A3B1BF" transform="translate(43.316269, 176.258965) rotate(22.000000) translate(-43.316269, -176.258965) " points="41.7000226 176.258965 43.3162691 177.874884 44.9325156 176.258965 43.3162691 174.643047"></polygon>
                <polygon id="Stroke-344" transform="translate(43.316269, 176.258965) rotate(22.000000) translate(-43.316269, -176.258965) " points="41.7000226 176.258965 43.3162691 177.874884 44.9325156 176.258965 43.3162691 174.643047"></polygon>
                <polygon id="Fill-346" fill-opacity="0.8" fill="#A3B1BF" transform="translate(44.514978, 187.854740) rotate(22.000000) translate(-44.514978, -187.854740) " points="42.8987311 187.85474 44.5149776 189.470659 46.1312242 187.85474 44.5149776 186.238821"></polygon>
                <polygon id="Stroke-348" transform="translate(44.514978, 187.854740) rotate(22.000000) translate(-44.514978, -187.854740) " points="42.8987311 187.85474 44.5149776 189.470659 46.1312242 187.85474 44.5149776 186.238821"></polygon>
                <polygon id="Fill-350" fill-opacity="0.8" fill="#A3B1BF" transform="translate(43.063348, 184.435880) rotate(22.000000) translate(-43.063348, -184.435880) " points="41.4471018 184.43588 43.0633483 186.051799 44.6795949 184.43588 43.0633483 182.819961"></polygon>
                <polygon id="Stroke-352" transform="translate(43.063348, 184.435880) rotate(22.000000) translate(-43.063348, -184.435880) " points="41.4471018 184.43588 43.0633483 186.051799 44.6795949 184.43588 43.0633483 182.819961"></polygon>
                <polygon id="Fill-354" fill-opacity="0.8" fill="#A3B1BF" transform="translate(41.611754, 181.017103) rotate(22.000000) translate(-41.611754, -181.017103) " points="39.9955076 181.017103 41.6117542 182.633021 43.2280007 181.017103 41.6117542 179.401184"></polygon>
                <polygon id="Stroke-356" transform="translate(41.611754, 181.017103) rotate(22.000000) translate(-41.611754, -181.017103) " points="39.9955076 181.017103 41.6117542 182.633021 43.2280007 181.017103 41.6117542 179.401184"></polygon>
                <polygon id="Fill-358" fill-opacity="0.8" fill="#A3B1BF" transform="translate(40.160184, 177.598266) rotate(22.000000) translate(-40.160184, -177.598266) " points="38.5439373 177.598266 40.1601838 179.214185 41.7764303 177.598266 40.1601838 175.982348"></polygon>
                <polygon id="Stroke-360" transform="translate(40.160184, 177.598266) rotate(22.000000) translate(-40.160184, -177.598266) " points="38.5439373 177.598266 40.1601838 179.214185 41.7764303 177.598266 40.1601838 175.982348"></polygon>
                <polygon id="Fill-362" fill-opacity="0.8" fill="#A3B1BF" transform="translate(41.358892, 189.194041) rotate(22.000000) translate(-41.358892, -189.194041) " points="39.7426458 189.194041 41.3588923 190.80996 42.9751388 189.194041 41.3588923 187.578122"></polygon>
                <polygon id="Stroke-364" transform="translate(41.358892, 189.194041) rotate(22.000000) translate(-41.358892, -189.194041) " points="39.7426458 189.194041 41.3588923 190.80996 42.9751388 189.194041 41.3588923 187.578122"></polygon>
                <polygon id="Fill-366" fill-opacity="0.8" fill="#A3B1BF" transform="translate(39.907263, 185.775181) rotate(22.000000) translate(-39.907263, -185.775181) " points="38.2910165 185.775181 39.907263 187.3911 41.5235095 185.775181 39.907263 184.159262"></polygon>
                <polygon id="Stroke-368" transform="translate(39.907263, 185.775181) rotate(22.000000) translate(-39.907263, -185.775181) " points="38.2910165 185.775181 39.907263 187.3911 41.5235095 185.775181 39.907263 184.159262"></polygon>
                <polygon id="Fill-370" fill-opacity="0.8" fill="#A3B1BF" transform="translate(38.455669, 182.356404) rotate(22.000000) translate(-38.455669, -182.356404) " points="36.8394223 182.356404 38.4556688 183.972322 40.0719154 182.356404 38.4556688 180.740485"></polygon>
                <polygon id="Stroke-372" transform="translate(38.455669, 182.356404) rotate(22.000000) translate(-38.455669, -182.356404) " points="36.8394223 182.356404 38.4556688 183.972322 40.0719154 182.356404 38.4556688 180.740485"></polygon>
                <polygon id="Fill-374" fill-opacity="0.8" fill="#A3B1BF" transform="translate(37.004016, 178.937602) rotate(22.000000) translate(-37.004016, -178.937602) " points="35.3877692 178.937602 37.0040158 180.553521 38.6202623 178.937602 37.0040158 177.321684"></polygon>
                <polygon id="Stroke-376" transform="translate(37.004016, 178.937602) rotate(22.000000) translate(-37.004016, -178.937602) " points="35.3877692 178.937602 37.0040158 180.553521 38.6202623 178.937602 37.0040158 177.321684"></polygon>
                <polygon id="Fill-378" fill-opacity="0.8" fill="#A3B1BF" transform="translate(46.380894, 165.931897) rotate(22.000000) translate(-46.380894, -165.931897) " points="44.7646475 165.931897 46.380894 167.547816 47.9971405 165.931897 46.380894 164.315979"></polygon>
                <polygon id="Stroke-380" transform="translate(46.380894, 165.931897) rotate(22.000000) translate(-46.380894, -165.931897) " points="44.7646475 165.931897 46.380894 167.547816 47.9971405 165.931897 46.380894 164.315979"></polygon>
                <polygon id="Fill-382" fill-opacity="0.8" fill="#A3B1BF" transform="translate(44.929324, 162.513061) rotate(22.000000) translate(-44.929324, -162.513061) " points="43.3130771 162.513061 44.9293236 164.12898 46.5455702 162.513061 44.9293236 160.897143"></polygon>
                <polygon id="Stroke-384" transform="translate(44.929324, 162.513061) rotate(22.000000) translate(-44.929324, -162.513061) " points="43.3130771 162.513061 44.9293236 164.12898 46.5455702 162.513061 44.9293236 160.897143"></polygon>
                <polygon id="Fill-386" fill-opacity="0.8" fill="#A3B1BF" transform="translate(43.477729, 159.094284) rotate(22.000000) translate(-43.477729, -159.094284) " points="41.8614829 159.094284 43.4777295 160.710203 45.093976 159.094284 43.4777295 157.478365"></polygon>
                <polygon id="Stroke-388" transform="translate(43.477729, 159.094284) rotate(22.000000) translate(-43.477729, -159.094284) " points="41.8614829 159.094284 43.4777295 160.710203 45.093976 159.094284 43.4777295 157.478365"></polygon>
                <polygon id="Fill-390" fill-opacity="0.8" fill="#A3B1BF" transform="translate(42.026100, 155.675424) rotate(22.000000) translate(-42.026100, -155.675424) " points="40.4098536 155.675424 42.0261002 157.291342 43.6423467 155.675424 42.0261002 154.059505"></polygon>
                <polygon id="Stroke-392" transform="translate(42.026100, 155.675424) rotate(22.000000) translate(-42.026100, -155.675424) " points="40.4098536 155.675424 42.0261002 157.291342 43.6423467 155.675424 42.0261002 154.059505"></polygon>
                <polygon id="Fill-394" fill-opacity="0.8" fill="#A3B1BF" transform="translate(43.224809, 167.271198) rotate(22.000000) translate(-43.224809, -167.271198) " points="41.6085622 167.271198 43.2248087 168.887117 44.8410552 167.271198 43.2248087 165.65528"></polygon>
                <polygon id="Stroke-396" transform="translate(43.224809, 167.271198) rotate(22.000000) translate(-43.224809, -167.271198) " points="41.6085622 167.271198 43.2248087 168.887117 44.8410552 167.271198 43.2248087 165.65528"></polygon>
                <polygon id="Fill-398" fill-opacity="0.8" fill="#A3B1BF" transform="translate(41.773238, 163.852362) rotate(22.000000) translate(-41.773238, -163.852362) " points="40.1569918 163.852362 41.7732383 165.468281 43.3894848 163.852362 41.7732383 162.236443"></polygon>
                <polygon id="Stroke-400" transform="translate(41.773238, 163.852362) rotate(22.000000) translate(-41.773238, -163.852362) " points="40.1569918 163.852362 41.7732383 165.468281 43.3894848 163.852362 41.7732383 162.236443"></polygon>
                <polygon id="Fill-402" fill-opacity="0.8" fill="#A3B1BF" transform="translate(40.321585, 160.433561) rotate(22.000000) translate(-40.321585, -160.433561) " points="38.7053387 160.433561 40.3215852 162.04948 41.9378318 160.433561 40.3215852 158.817642"></polygon>
                <polygon id="Stroke-404" transform="translate(40.321585, 160.433561) rotate(22.000000) translate(-40.321585, -160.433561) " points="38.7053387 160.433561 40.3215852 162.04948 41.9378318 160.433561 40.3215852 158.817642"></polygon>
                <polygon id="Fill-406" fill-opacity="0.8" fill="#A3B1BF" transform="translate(38.869991, 157.014784) rotate(22.000000) translate(-38.869991, -157.014784) " points="37.2537445 157.014784 38.8699911 158.630702 40.4862376 157.014784 38.8699911 155.398865"></polygon>
                <polygon id="Stroke-408" transform="translate(38.869991, 157.014784) rotate(22.000000) translate(-38.869991, -157.014784) " points="37.2537445 157.014784 38.8699911 158.630702 40.4862376 157.014784 38.8699911 155.398865"></polygon>
                <polygon id="Fill-410" fill-opacity="0.8" fill="#A3B1BF" transform="translate(40.068723, 168.610499) rotate(22.000000) translate(-40.068723, -168.610499) " points="38.4524768 168.610499 40.0687234 170.226418 41.6849699 168.610499 40.0687234 166.994581"></polygon>
                <polygon id="Stroke-412" transform="translate(40.068723, 168.610499) rotate(22.000000) translate(-40.068723, -168.610499) " points="38.4524768 168.610499 40.0687234 170.226418 41.6849699 168.610499 40.0687234 166.994581"></polygon>
                <polygon id="Fill-414" fill-opacity="0.8" fill="#A3B1BF" transform="translate(38.617129, 165.191722) rotate(22.000000) translate(-38.617129, -165.191722) " points="37.0008827 165.191722 38.6171292 166.807641 40.2333757 165.191722 38.6171292 163.575803"></polygon>
                <polygon id="Stroke-416" transform="translate(38.617129, 165.191722) rotate(22.000000) translate(-38.617129, -165.191722) " points="37.0008827 165.191722 38.6171292 166.807641 40.2333757 165.191722 38.6171292 163.575803"></polygon>
                <polygon id="Fill-418" fill-opacity="0.8" fill="#A3B1BF" transform="translate(37.165500, 161.772862) rotate(22.000000) translate(-37.165500, -161.772862) " points="35.5492534 161.772862 37.1654999 163.388781 38.7817464 161.772862 37.1654999 160.156943"></polygon>
                <polygon id="Stroke-420" transform="translate(37.165500, 161.772862) rotate(22.000000) translate(-37.165500, -161.772862) " points="35.5492534 161.772862 37.1654999 163.388781 38.7817464 161.772862 37.1654999 160.156943"></polygon>
                <polygon id="Fill-422" fill-opacity="0.8" fill="#A3B1BF" transform="translate(35.713906, 158.354085) rotate(22.000000) translate(-35.713906, -158.354085) " points="34.0976592 158.354085 35.7139057 159.970003 37.3301523 158.354085 35.7139057 156.738166"></polygon>
                <polygon id="Stroke-424" transform="translate(35.713906, 158.354085) rotate(22.000000) translate(-35.713906, -158.354085) " points="34.0976592 158.354085 35.7139057 159.970003 37.3301523 158.354085 35.7139057 156.738166"></polygon>
                <polygon id="Fill-426" fill-opacity="0.8" fill="#A3B1BF" transform="translate(36.912638, 169.949800) rotate(22.000000) translate(-36.912638, -169.949800) " points="35.2963915 169.9498 36.912638 171.565719 38.5288846 169.9498 36.912638 168.333882"></polygon>
                <polygon id="Stroke-428" transform="translate(36.912638, 169.949800) rotate(22.000000) translate(-36.912638, -169.949800) " points="35.2963915 169.9498 36.912638 171.565719 38.5288846 169.9498 36.912638 168.333882"></polygon>
                <polygon id="Fill-430" fill-opacity="0.8" fill="#A3B1BF" transform="translate(35.461068, 166.530964) rotate(22.000000) translate(-35.461068, -166.530964) " points="33.8448211 166.530964 35.4610677 168.146883 37.0773142 166.530964 35.4610677 164.915045"></polygon>
                <polygon id="Stroke-432" transform="translate(35.461068, 166.530964) rotate(22.000000) translate(-35.461068, -166.530964) " points="33.8448211 166.530964 35.4610677 168.146883 37.0773142 166.530964 35.4610677 164.915045"></polygon>
                <polygon id="Fill-434" fill-opacity="0.8" fill="#A3B1BF" transform="translate(34.009415, 163.112163) rotate(22.000000) translate(-34.009415, -163.112163) " points="32.3931681 163.112163 34.0094146 164.728081 35.6256611 163.112163 34.0094146 161.496244"></polygon>
                <polygon id="Stroke-436" transform="translate(34.009415, 163.112163) rotate(22.000000) translate(-34.009415, -163.112163) " points="32.3931681 163.112163 34.0094146 164.728081 35.6256611 163.112163 34.0094146 161.496244"></polygon>
                <polygon id="Fill-438" fill-opacity="0.8" fill="#A3B1BF" transform="translate(32.557820, 159.693385) rotate(22.000000) translate(-32.557820, -159.693385) " points="30.9415739 159.693385 32.5578204 161.309304 34.174067 159.693385 32.5578204 158.077467"></polygon>
                <polygon id="Stroke-440" transform="translate(32.557820, 159.693385) rotate(22.000000) translate(-32.557820, -159.693385) " points="30.9415739 159.693385 32.5578204 161.309304 34.174067 159.693385 32.5578204 158.077467"></polygon>
                <polygon id="Fill-442" fill-opacity="0.8" fill="#A3B1BF" transform="translate(33.756553, 171.289101) rotate(22.000000) translate(-33.756553, -171.289101) " points="32.1403062 171.289101 33.7565527 172.90502 35.3727993 171.289101 33.7565527 169.673182"></polygon>
                <polygon id="Stroke-444" transform="translate(33.756553, 171.289101) rotate(22.000000) translate(-33.756553, -171.289101) " points="32.1403062 171.289101 33.7565527 172.90502 35.3727993 171.289101 33.7565527 169.673182"></polygon>
                <polygon id="Fill-446" fill-opacity="0.8" fill="#A3B1BF" transform="translate(32.304959, 167.870324) rotate(22.000000) translate(-32.304959, -167.870324) " points="30.688712 167.870324 32.3049586 169.486242 33.9212051 167.870324 32.3049586 166.254405"></polygon>
                <polygon id="Stroke-448" transform="translate(32.304959, 167.870324) rotate(22.000000) translate(-32.304959, -167.870324) " points="30.688712 167.870324 32.3049586 169.486242 33.9212051 167.870324 32.3049586 166.254405"></polygon>
                <polygon id="Fill-450" fill-opacity="0.8" fill="#A3B1BF" transform="translate(30.853329, 164.451464) rotate(22.000000) translate(-30.853329, -164.451464) " points="29.2370827 164.451464 30.8533293 166.067382 32.4695758 164.451464 30.8533293 162.835545"></polygon>
                <polygon id="Stroke-452" transform="translate(30.853329, 164.451464) rotate(22.000000) translate(-30.853329, -164.451464) " points="29.2370827 164.451464 30.8533293 166.067382 32.4695758 164.451464 30.8533293 162.835545"></polygon>
                <polygon id="Fill-454" fill-opacity="0.8" fill="#A3B1BF" transform="translate(29.401735, 161.032686) rotate(22.000000) translate(-29.401735, -161.032686) " points="27.7854886 161.032686 29.4017351 162.648605 31.0179816 161.032686 29.4017351 159.416768"></polygon>
                <polygon id="Stroke-456" transform="translate(29.401735, 161.032686) rotate(22.000000) translate(-29.401735, -161.032686) " points="27.7854886 161.032686 29.4017351 162.648605 31.0179816 161.032686 29.4017351 159.416768"></polygon>
                <polygon id="Fill-458" fill-opacity="0.8" fill="#A3B1BF" transform="translate(38.778613, 148.026981) rotate(22.000000) translate(-38.778613, -148.026981) " points="37.1623668 148.026981 38.7786133 149.6429 40.3948599 148.026981 38.7786133 146.411063"></polygon>
                <polygon id="Stroke-460" transform="translate(38.778613, 148.026981) rotate(22.000000) translate(-38.778613, -148.026981) " points="37.1623668 148.026981 38.7786133 149.6429 40.3948599 148.026981 38.7786133 146.411063"></polygon>
                <polygon id="Fill-462" fill-opacity="0.8" fill="#A3B1BF" transform="translate(37.326984, 144.608121) rotate(22.000000) translate(-37.326984, -144.608121) " points="35.7107375 144.608121 37.3269841 146.22404 38.9432306 144.608121 37.3269841 142.992203"></polygon>
                <polygon id="Stroke-464" transform="translate(37.326984, 144.608121) rotate(22.000000) translate(-37.326984, -144.608121) " points="35.7107375 144.608121 37.3269841 146.22404 38.9432306 144.608121 37.3269841 142.992203"></polygon>
                <polygon id="Fill-466" fill-opacity="0.8" fill="#A3B1BF" transform="translate(35.875390, 141.189344) rotate(22.000000) translate(-35.875390, -141.189344) " points="34.2591433 141.189344 35.8753899 142.805263 37.4916364 141.189344 35.8753899 139.573425"></polygon>
                <polygon id="Stroke-468" transform="translate(35.875390, 141.189344) rotate(22.000000) translate(-35.875390, -141.189344) " points="34.2591433 141.189344 35.8753899 142.805263 37.4916364 141.189344 35.8753899 139.573425"></polygon>
                <polygon id="Fill-470" fill-opacity="0.8" fill="#A3B1BF" transform="translate(34.423796, 137.770567) rotate(22.000000) translate(-34.423796, -137.770567) " points="32.8075492 137.770567 34.4237957 139.386485 36.0400422 137.770567 34.4237957 136.154648"></polygon>
                <polygon id="Stroke-472" fill="#B2BECA" transform="translate(34.423796, 137.770567) rotate(22.000000) translate(-34.423796, -137.770567) " points="34.4237957 139.386485 36.0400422 137.770567 34.4237957 136.154648 32.8075492 137.770567"></polygon>
                <polygon id="Fill-474" fill-opacity="0.8" fill="#A3B1BF" transform="translate(35.622528, 149.366282) rotate(22.000000) translate(-35.622528, -149.366282) " points="34.0062815 149.366282 35.622528 150.982201 37.2387746 149.366282 35.622528 147.750364"></polygon>
                <polygon id="Stroke-476" transform="translate(35.622528, 149.366282) rotate(22.000000) translate(-35.622528, -149.366282) " points="34.0062815 149.366282 35.622528 150.982201 37.2387746 149.366282 35.622528 147.750364"></polygon>
                <polygon id="Fill-478" fill-opacity="0.8" fill="#A3B1BF" transform="translate(34.170875, 145.947481) rotate(22.000000) translate(-34.170875, -145.947481) " points="32.5546284 145.947481 34.1708749 147.5634 35.7871215 145.947481 34.1708749 144.331563"></polygon>
                <polygon id="Stroke-480" transform="translate(34.170875, 145.947481) rotate(22.000000) translate(-34.170875, -145.947481) " points="32.5546284 145.947481 34.1708749 147.5634 35.7871215 145.947481 34.1708749 144.331563"></polygon>
                <polygon id="Fill-482" fill-opacity="0.8" fill="#A3B1BF" transform="translate(32.719305, 142.528645) rotate(22.000000) translate(-32.719305, -142.528645) " points="31.103058 142.528645 32.7193046 144.144564 34.3355511 142.528645 32.7193046 140.912726"></polygon>
                <polygon id="Stroke-484" transform="translate(32.719305, 142.528645) rotate(22.000000) translate(-32.719305, -142.528645) " points="31.103058 142.528645 32.7193046 144.144564 34.3355511 142.528645 32.7193046 140.912726"></polygon>
                <polygon id="Fill-486" fill-opacity="0.8" fill="#A3B1BF" transform="translate(31.267651, 139.109844) rotate(22.000000) translate(-31.267651, -139.109844) " points="29.651405 139.109844 31.2676515 140.725763 32.883898 139.109844 31.2676515 137.493925"></polygon>
                <polygon id="Stroke-488" transform="translate(31.267651, 139.109844) rotate(22.000000) translate(-31.267651, -139.109844) " points="29.651405 139.109844 31.2676515 140.725763 32.883898 139.109844 31.2676515 137.493925"></polygon>
                <polygon id="Fill-490" fill-opacity="0.8" fill="#A3B1BF" transform="translate(32.466384, 150.705559) rotate(22.000000) translate(-32.466384, -150.705559) " points="30.8501373 150.705559 32.4663838 152.321478 34.0826303 150.705559 32.4663838 149.089641"></polygon>
                <polygon id="Stroke-492" transform="translate(32.466384, 150.705559) rotate(22.000000) translate(-32.466384, -150.705559) " points="30.8501373 150.705559 32.4663838 152.321478 34.0826303 150.705559 32.4663838 149.089641"></polygon>
                <polygon id="Fill-494" fill-opacity="0.8" fill="#A3B1BF" transform="translate(31.014790, 147.286782) rotate(22.000000) translate(-31.014790, -147.286782) " points="29.3985431 147.286782 31.0147896 148.902701 32.6310362 147.286782 31.0147896 145.670863"></polygon>
                <polygon id="Stroke-496" transform="translate(31.014790, 147.286782) rotate(22.000000) translate(-31.014790, -147.286782) " points="29.3985431 147.286782 31.0147896 148.902701 32.6310362 147.286782 31.0147896 145.670863"></polygon>
                <polygon id="Fill-498" fill-opacity="0.8" fill="#A3B1BF" transform="translate(29.563219, 143.867946) rotate(22.000000) translate(-29.563219, -143.867946) " points="27.9469727 143.867946 29.5632192 145.483865 31.1794658 143.867946 29.5632192 142.252027"></polygon>
                <polygon id="Stroke-500" transform="translate(29.563219, 143.867946) rotate(22.000000) translate(-29.563219, -143.867946) " points="27.9469727 143.867946 29.5632192 145.483865 31.1794658 143.867946 29.5632192 142.252027"></polygon>
                <polygon id="Fill-502" fill-opacity="0.8" fill="#A3B1BF" transform="translate(28.111566, 140.449145) rotate(22.000000) translate(-28.111566, -140.449145) " points="26.4953196 140.449145 28.1115662 142.065063 29.7278127 140.449145 28.1115662 138.833226"></polygon>
                <polygon id="Stroke-504" transform="translate(28.111566, 140.449145) rotate(22.000000) translate(-28.111566, -140.449145) " points="26.4953196 140.449145 28.1115662 142.065063 29.7278127 140.449145 28.1115662 138.833226"></polygon>
                <polygon id="Fill-506" fill-opacity="0.8" fill="#A3B1BF" transform="translate(29.310298, 152.044860) rotate(22.000000) translate(-29.310298, -152.044860) " points="27.6940519 152.04486 29.3102985 153.660779 30.926545 152.04486 29.3102985 150.428942"></polygon>
                <polygon id="Stroke-508" transform="translate(29.310298, 152.044860) rotate(22.000000) translate(-29.310298, -152.044860) " points="27.6940519 152.04486 29.3102985 153.660779 30.926545 152.04486 29.3102985 150.428942"></polygon>
                <polygon id="Fill-510" fill-opacity="0.8" fill="#A3B1BF" transform="translate(27.858704, 148.626083) rotate(22.000000) translate(-27.858704, -148.626083) " points="26.2424578 148.626083 27.8587043 150.242002 29.4749508 148.626083 27.8587043 147.010164"></polygon>
                <polygon id="Stroke-512" transform="translate(27.858704, 148.626083) rotate(22.000000) translate(-27.858704, -148.626083) " points="26.2424578 148.626083 27.8587043 150.242002 29.4749508 148.626083 27.8587043 147.010164"></polygon>
                <polygon id="Fill-514" fill-opacity="0.8" fill="#A3B1BF" transform="translate(26.407134, 145.207247) rotate(22.000000) translate(-26.407134, -145.207247) " points="24.7908874 145.207247 26.4071339 146.823166 28.0233805 145.207247 26.4071339 143.591328"></polygon>
                <polygon id="Stroke-516" transform="translate(26.407134, 145.207247) rotate(22.000000) translate(-26.407134, -145.207247) " points="24.7908874 145.207247 26.4071339 146.823166 28.0233805 145.207247 26.4071339 143.591328"></polygon>
                <polygon id="Fill-518" fill-opacity="0.8" fill="#A3B1BF" transform="translate(24.955481, 141.788446) rotate(22.000000) translate(-24.955481, -141.788446) " points="23.3392343 141.788446 24.9554808 143.404364 26.5717274 141.788446 24.9554808 140.172527"></polygon>
                <polygon id="Stroke-520" transform="translate(24.955481, 141.788446) rotate(22.000000) translate(-24.955481, -141.788446) " points="23.3392343 141.788446 24.9554808 143.404364 26.5717274 141.788446 24.9554808 140.172527"></polygon>
                <polygon id="Fill-522" fill-opacity="0.8" fill="#A3B1BF" transform="translate(26.154213, 153.384161) rotate(22.000000) translate(-26.154213, -153.384161) " points="24.5379666 153.384161 26.1542132 155.00008 27.7704597 153.384161 26.1542132 151.768243"></polygon>
                <polygon id="Stroke-524" transform="translate(26.154213, 153.384161) rotate(22.000000) translate(-26.154213, -153.384161) " points="24.5379666 153.384161 26.1542132 155.00008 27.7704597 153.384161 26.1542132 151.768243"></polygon>
                <polygon id="Fill-526" fill-opacity="0.8" fill="#A3B1BF" transform="translate(24.702619, 149.965384) rotate(22.000000) translate(-24.702619, -149.965384) " points="23.0863724 149.965384 24.702619 151.581303 26.3188655 149.965384 24.702619 148.349465"></polygon>
                <polygon id="Stroke-528" transform="translate(24.702619, 149.965384) rotate(22.000000) translate(-24.702619, -149.965384) " points="23.0863724 149.965384 24.702619 151.581303 26.3188655 149.965384 24.702619 148.349465"></polygon>
                <polygon id="Fill-530" fill-opacity="0.8" fill="#A3B1BF" transform="translate(23.250966, 146.546583) rotate(22.000000) translate(-23.250966, -146.546583) " points="21.6347194 146.546583 23.2509659 148.162502 24.8672124 146.546583 23.2509659 144.930664"></polygon>
                <polygon id="Stroke-532" transform="translate(23.250966, 146.546583) rotate(22.000000) translate(-23.250966, -146.546583) " points="21.6347194 146.546583 23.2509659 148.162502 24.8672124 146.546583 23.2509659 144.930664"></polygon>
                <polygon id="Fill-534" fill-opacity="0.8" fill="#A3B1BF" transform="translate(21.799396, 143.127747) rotate(22.000000) translate(-21.799396, -143.127747) " points="20.183149 143.127747 21.7993955 144.743665 23.4156421 143.127747 21.7993955 141.511828"></polygon>
                <polygon id="Stroke-536" transform="translate(21.799396, 143.127747) rotate(22.000000) translate(-21.799396, -143.127747) " points="20.183149 143.127747 21.7993955 144.743665 23.4156421 143.127747 21.7993955 141.511828"></polygon>
                <path d="M129.314819,189.942425 C126.372666,187.000233 124.490222,184.112668 125.110927,183.492089 C125.731631,182.87151 128.619783,184.753573 131.562571,187.695129 C134.504724,190.637321 136.387169,193.524886 135.766464,194.145465 C135.145759,194.766044 132.257608,192.883981 129.314819,189.942425 Z" id="Fill-538" fill="#F5F5F5" transform="translate(130.438695, 188.818777) rotate(22.000000) translate(-130.438695, -188.818777) "></path>
                <path d="M129.314819,189.942425 C126.372666,187.000233 124.490222,184.112668 125.110927,183.492089 C125.731631,182.87151 128.619783,184.753573 131.562571,187.695129 C134.504724,190.637321 136.387169,193.524886 135.766464,194.145465 C135.145759,194.766044 132.257608,192.883981 129.314819,189.942425 Z" id="Stroke-540" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(130.438695, 188.818777) rotate(22.000000) translate(-130.438695, -188.818777) "></path>
                <path d="M136.083433,187.715086 C130.20421,181.837055 126.443133,176.067006 127.683272,174.827118 C128.92341,173.587231 134.69463,177.347545 140.573854,183.225576 C146.453713,189.104243 150.21479,194.874292 148.974651,196.114179 C147.734513,197.354066 141.963293,193.593752 136.083433,187.715086 Z" id="Fill-542" fill="#F5F5F5" transform="translate(138.328961, 185.470648) rotate(22.000000) translate(-138.328961, -185.470648) "></path>
                <path d="M136.083433,187.715086 C130.20421,181.837055 126.443133,176.067006 127.683272,174.827118 C128.92341,173.587231 134.69463,177.347545 140.573854,183.225576 C146.453713,189.104243 150.21479,194.874292 148.974651,196.114179 C147.734513,197.354066 141.963293,193.593752 136.083433,187.715086 Z" id="Stroke-544" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(138.328961, 185.470648) rotate(22.000000) translate(-138.328961, -185.470648) "></path>
                <path d="M146.697288,183.650834 C138.818086,175.773231 133.777481,168.04045 135.43947,166.378798 C137.101459,164.717146 144.835809,169.756729 152.715011,177.634332 C160.594213,185.511936 165.634818,193.244716 163.972829,194.906369 C162.310839,196.568021 154.57649,191.528438 146.697288,183.650834 Z" id="Fill-546" fill-opacity="0.35" fill="#F5F5F5" transform="translate(149.706149, 180.642583) rotate(22.000000) translate(-149.706149, -180.642583) "></path>
                <path d="M146.697288,183.650834 C138.818086,175.773231 133.777481,168.04045 135.43947,166.378798 C137.101459,164.717146 144.835809,169.756729 152.715011,177.634332 C160.594213,185.511936 165.634818,193.244716 163.972829,194.906369 C162.310839,196.568021 154.57649,191.528438 146.697288,183.650834 Z" id="Stroke-548" stroke="#A3B1BF" stroke-width="1.62" stroke-linejoin="round" transform="translate(149.706149, 180.642583) rotate(22.000000) translate(-149.706149, -180.642583) "></path>
                <path d="M65.2279553,90.2345285 C62.4548336,90.0320836 60.4105231,89.3345405 60.4105231,88.5051511 C60.4105231,87.676673 62.4503446,86.9797514 65.2188187,86.7764428 C65.4149139,84.0068366 66.0879499,81.9659221 66.8880741,81.9659221 C67.6881984,81.9659221 68.3612344,84.0068366 68.5573295,86.7764428 C71.3258036,86.9797514 73.3656251,87.676673 73.3656251,88.5051511 C73.3656251,89.3345405 71.3213146,90.0320836 68.548193,90.2345285 C68.3410329,92.9408238 67.6762073,94.9210242 66.8880741,94.9210242 C66.0999409,94.9210242 65.4351154,92.9408238 65.2279553,90.2345285 Z" id="Oval-80-Copy-3" fill-opacity="0.4" fill="#A3B1BF" opacity="0.85" transform="translate(66.888074, 88.443473) rotate(-340.000000) translate(-66.888074, -88.443473) "></path>
                <path d="M118.775569,329.140492 L118.424988,329.526146 C117.522244,330.5192 115.985396,330.592411 114.992341,329.689667 C114.596934,329.330218 114.331035,328.850456 114.235803,328.324641 L114.143075,327.812647 L113.669257,327.599091 C112.445737,327.047635 111.900921,325.608734 112.452377,324.385214 C112.672015,323.8979 113.046204,323.496601 113.516991,323.243469 L113.97521,322.997095 L114.032158,322.478985 C114.178786,321.144967 115.379087,320.182398 116.713105,320.329026 C117.24418,320.387399 117.741214,320.61917 118.127299,320.988476 L118.503957,321.348765 L119.01334,321.242962 C120.327346,320.970031 121.613813,321.813989 121.886744,323.127995 C121.995449,323.651349 121.928561,324.195943 121.696437,324.677436 L121.470742,325.145594 L121.728812,325.597409 C122.394441,326.762759 121.989337,328.247061 120.823987,328.91269 C120.359975,329.177726 119.82154,329.282421 119.292023,329.21057 L118.775569,329.140492 Z" id="Star-1-Copy-16" fill-opacity="0.4" fill="#A3B1BF"></path>
                <path d="M432.83752,120.004816 L432.837087,120.005044 L432.837087,120.005044 C432.092472,120.396429 431.171561,120.110079 430.780176,119.365464 C430.624337,119.068978 430.570573,118.729391 430.627206,118.399266 L430.627206,118.399266 L430.627206,118.399266 L430.627206,118.399266 C430.024845,117.812233 430.01242,116.848039 430.599453,116.245678 C430.833262,116.005765 431.139652,115.849637 431.471171,115.801474 L431.471471,115.801431 L431.471471,115.801431 L431.471471,115.801431 C431.843891,115.046982 432.757399,114.737288 433.511848,115.109709 C433.812195,115.25797 434.055308,115.501083 434.20357,115.801431 L434.20357,115.801431 L434.203869,115.801474 L434.203869,115.801474 C435.036229,115.922398 435.612963,116.695187 435.492039,117.527547 C435.443876,117.859067 435.287748,118.165457 435.047835,118.399266 L435.047835,118.399266 L435.047835,118.399266 L435.047835,118.399266 C435.190066,119.228364 434.63325,120.015783 433.804152,120.158014 C433.474027,120.214647 433.134439,120.160883 432.837954,120.005044 L432.83752,120.004816 Z" id="Star-1-Copy-18" fill-opacity="0.4" fill="#A3B1BF" transform="translate(432.837619, 117.566125) rotate(-3.000000) translate(-432.837619, -117.566125) "></path>
                <path d="M99.7727703,38.762372 L99.0266308,39.1545584 L99.0266308,39.1545584 C97.8386845,39.7789675 96.36948,39.3221304 95.7450708,38.134184 C95.4964477,37.6611755 95.4106732,37.1194035 95.5010241,36.5927278 L95.6433921,35.7628333 L95.0407812,35.1755563 L95.0407812,35.1755563 C94.0796578,34.2388893 94.059832,32.7004261 94.996499,31.7393027 C95.369563,31.3564979 95.8584376,31.1073808 96.3874089,31.0305329 L97.2206742,30.9094778 L97.5937913,30.1536188 L97.5937913,30.1536188 C98.1878378,28.950202 99.6449697,28.4562097 100.848387,29.0502562 C101.327469,29.2867472 101.715258,29.6745363 101.951749,30.1536188 L102.324866,30.9094778 L103.158132,31.0305329 L103.158132,31.0305329 C104.486241,31.223478 105.406474,32.4565366 105.213529,33.7846464 C105.136681,34.3136177 104.887564,34.8024923 104.504759,35.1755563 L103.902148,35.7628333 L104.044516,36.5927278 L104.044516,36.5927278 C104.27143,37.9154575 103.383095,39.1716915 102.060366,39.398605 C101.53369,39.4889559 100.991918,39.4031814 100.51891,39.1545584 L99.7727703,38.762372 Z" id="Star-1-Copy-19" fill-opacity="0.4" fill="#A3B1BF" transform="translate(99.772928, 34.116388) rotate(19.000000) translate(-99.772928, -34.116388) "></path>
                <path d="M396.631073,305.744172 L396.098125,305.608596 C394.797498,305.277731 394.01135,303.955146 394.342215,302.654518 C394.473956,302.136643 394.772729,301.676633 395.192288,301.345694 L395.623376,301.00566 L395.587617,300.458372 C395.500116,299.119176 396.514815,297.962609 397.854012,297.875108 C398.387399,297.840257 398.917395,297.982247 399.361919,298.279089 L399.818473,298.583965 L400.329362,298.380373 C401.576068,297.883555 402.989473,298.491459 403.486291,299.738164 C403.684076,300.23448 403.712777,300.782145 403.567956,301.296416 L403.418882,301.825788 L403.76981,302.247972 C404.627682,303.280038 404.486471,304.812135 403.454406,305.670007 C403.043346,306.011688 402.531095,306.208301 401.996987,306.229395 L401.44896,306.251039 L401.15585,306.715309 C400.439401,307.850123 398.938655,308.189275 397.80384,307.472826 C397.351988,307.187555 397.006767,306.761296 396.821614,306.260029 L396.631073,305.744172 Z" id="Star-1-Copy-20" fill-opacity="0.4" fill="#A3B1BF"></path>
                <path d="M439.755536,146.347757 L439.755103,146.347984 L439.755103,146.347984 C439.010488,146.739369 438.089577,146.45302 437.698192,145.708405 C437.542353,145.411919 437.488589,145.072331 437.545222,144.742206 L437.545222,144.742206 L437.545222,144.742206 L437.545222,144.742206 C436.942861,144.155173 436.930436,143.190979 437.517469,142.588619 C437.751277,142.348705 438.057668,142.192577 438.389187,142.144415 L438.389487,142.144371 L438.389487,142.144371 L438.389487,142.144371 C438.761907,141.389923 439.675415,141.080228 440.429864,141.452649 C440.730211,141.600911 440.973324,141.844024 441.121586,142.144371 L441.121586,142.144371 L441.121885,142.144415 L441.121885,142.144415 C441.954245,142.265338 442.530978,143.038128 442.410055,143.870488 C442.361892,144.202007 442.205764,144.508398 441.965851,144.742206 L441.965851,144.742206 L441.965851,144.742206 L441.965851,144.742206 C442.108082,145.571305 441.551266,146.358723 440.722168,146.500955 C440.392043,146.557588 440.052455,146.503823 439.755969,146.347984 L439.755536,146.347757 Z" id="Star-1-Copy-21" fill-opacity="0.4" fill="#A3B1BF" transform="translate(439.755635, 143.909066) rotate(-12.000000) translate(-439.755635, -143.909066) "></path>
                <path d="M244.621971,220.61341 C277.15945,220.61341 303.536288,194.242112 303.536288,161.711467 C303.536288,129.180822 277.15945,102.809524 244.621971,102.809524 C212.084491,102.809524 185.707653,129.180822 185.707653,161.711467 C185.707653,194.242112 212.084491,220.61341 244.621971,220.61341 Z" id="Oval-8-Copy-2" fill-opacity="0.66" fill="#A3B1BF"></path>
                <path d="M245.345696,141.060063 C241.146656,141.060063 237.880736,142.342349 235.547936,144.906921 C233.215136,147.354921 232.107056,150.618921 232.107056,154.698921 L236.714336,154.698921 C236.714336,151.842921 237.355856,149.628063 238.638896,147.996063 C240.038576,146.072635 242.196416,145.140063 245.112416,145.140063 C247.561856,145.140063 249.486416,145.781206 250.827776,147.180063 C252.110816,148.462349 252.810656,150.269206 252.810656,152.600635 C252.810656,154.232635 252.227456,155.748063 251.061056,157.205206 C250.711136,157.671492 250.011296,158.370921 249.078176,159.303492 C245.928896,162.101206 244.004336,164.316063 243.187856,166.064635 C242.488016,167.521778 242.138096,169.212063 242.138096,171.135492 L242.138096,172.476063 L246.803696,172.476063 L246.803696,171.135492 C246.803696,169.561778 247.153616,168.162921 247.911776,166.880635 C248.494976,165.831492 249.369776,164.782349 250.652816,163.674921 C253.218896,161.401778 254.793536,159.886349 255.376736,159.186921 C256.834736,157.263492 257.592896,154.990349 257.592896,152.367492 C257.592896,148.870349 256.484816,146.130921 254.326976,144.149206 C252.052496,142.050921 249.078176,141.060063 245.345696,141.060063 Z M244.470896,176.556063 C243.479456,176.556063 242.662976,176.847492 241.963136,177.546921 C241.263296,178.188063 240.971696,179.004063 240.971696,179.994921 C240.971696,180.985778 241.263296,181.801778 241.963136,182.501206 C242.662976,183.142349 243.479456,183.492063 244.470896,183.492063 C245.462336,183.492063 246.278816,183.142349 246.978656,182.501206 C247.678496,181.860063 248.028416,181.044063 248.028416,179.994921 C248.028416,179.004063 247.678496,178.188063 247.036976,177.546921 C246.337136,176.847492 245.462336,176.556063 244.470896,176.556063 Z" id="？" fill="#FFFFFF"></path>
                <path d="M223.261662,133.139924 C229.077338,129.782947 239.631808,125.828273 236.274126,120.013819 C232.916444,114.199364 220.565868,115.043746 214.750193,118.400722 C208.934517,121.757699 202.729834,131.623951 206.087516,137.438405 C209.445198,143.252859 217.445986,136.4969 223.261662,133.139924" id="Oval-8-Copy-2" fill="#FAFAFA"></path>
                <path d="M249.679003,119.820589 C252.365149,119.820589 254.5427,117.643495 254.5427,114.957913 C254.5427,112.272332 252.365149,110.095238 249.679003,110.095238 C246.992857,110.095238 244.815306,112.272332 244.815306,114.957913 C244.815306,117.643495 246.992857,119.820589 249.679003,119.820589 Z" id="Oval-10-Copy" fill="#FAFAFA"></path>
                <path d="M421.5,321.5 L423,323" id="Line-2" stroke="#979797" stroke-linecap="square"></path>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/ai.png
+++ b/src/assets/ai.png
--- a/src/assets/background.svg
+++ b/src/assets/background.svg
@ -0,0 +1,69 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="1361px" height="609px" viewBox="0 0 1361 609" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
    <title>Group 21</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Ant-Design-Pro-3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="账户密码登录-校验" transform="translate(-79.000000, -82.000000)">
            <g id="Group-21" transform="translate(77.000000, 73.000000)">
                <g id="Group-18" opacity="0.8" transform="translate(74.901416, 569.699158) rotate(-7.000000) translate(-74.901416, -569.699158) translate(4.901416, 525.199158)">
                    <ellipse id="Oval-11" fill="#CFDAE6" opacity="0.25" cx="63.5748792" cy="32.468367" rx="21.7830479" ry="21.766008"></ellipse>
                    <ellipse id="Oval-3" fill="#CFDAE6" opacity="0.599999964" cx="5.98746479" cy="13.8668601" rx="5.2173913" ry="5.21330997"></ellipse>
                    <path d="M38.1354514,88.3520215 C43.8984227,88.3520215 48.570234,83.6838647 48.570234,77.9254015 C48.570234,72.1669383 43.8984227,67.4987816 38.1354514,67.4987816 C32.3724801,67.4987816 27.7006688,72.1669383 27.7006688,77.9254015 C27.7006688,83.6838647 32.3724801,88.3520215 38.1354514,88.3520215 Z" id="Oval-3-Copy" fill="#CFDAE6" opacity="0.45"></path>
                    <path d="M64.2775582,33.1704963 L119.185836,16.5654915" id="Path-12" stroke="#CFDAE6" stroke-width="1.73913043" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M42.1431708,26.5002681 L7.71190162,14.5640702" id="Path-16" stroke="#E0B4B7" stroke-width="0.702678964" opacity="0.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
                    <path d="M63.9262187,33.521561 L43.6721326,69.3250951" id="Path-15" stroke="#BACAD9" stroke-width="0.702678964" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
                    <g id="Group-17" transform="translate(126.850922, 13.543654) rotate(30.000000) translate(-126.850922, -13.543654) translate(117.285705, 4.381889)" fill="#CFDAE6">
                        <ellipse id="Oval-4" opacity="0.45" cx="9.13482653" cy="9.12768076" rx="9.13482653" ry="9.12768076"></ellipse>
                        <path d="M18.2696531,18.2553615 C18.2696531,13.2142826 14.1798519,9.12768076 9.13482653,9.12768076 C4.08980114,9.12768076 0,13.2142826 0,18.2553615 L18.2696531,18.2553615 Z" id="Oval-4" transform="translate(9.134827, 13.691521) scale(-1, -1) translate(-9.134827, -13.691521) "></path>
                    </g>
                </g>
                <g id="Group-14" transform="translate(216.294700, 123.725600) rotate(-5.000000) translate(-216.294700, -123.725600) translate(106.294700, 35.225600)">
                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.25" cx="29.1176471" cy="29.1402439" rx="29.1176471" ry="29.1402439"></ellipse>
                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.3" cx="29.1176471" cy="29.1402439" rx="21.5686275" ry="21.5853659"></ellipse>
                    <ellipse id="Oval-2-Copy" stroke="#CFDAE6" opacity="0.4" cx="179.019608" cy="138.146341" rx="23.7254902" ry="23.7439024"></ellipse>
                    <ellipse id="Oval-2" fill="#BACAD9" opacity="0.5" cx="29.1176471" cy="29.1402439" rx="10.7843137" ry="10.7926829"></ellipse>
                    <path d="M29.1176471,39.9329268 L29.1176471,18.347561 C23.1616351,18.347561 18.3333333,23.1796097 18.3333333,29.1402439 C18.3333333,35.1008781 23.1616351,39.9329268 29.1176471,39.9329268 Z" id="Oval-2" fill="#BACAD9"></path>
                    <g id="Group-9" opacity="0.45" transform="translate(172.000000, 131.000000)" fill="#E6A1A6">
                        <ellipse id="Oval-2-Copy-2" cx="7.01960784" cy="7.14634146" rx="6.47058824" ry="6.47560976"></ellipse>
                        <path d="M0.549019608,13.6219512 C4.12262681,13.6219512 7.01960784,10.722722 7.01960784,7.14634146 C7.01960784,3.56996095 4.12262681,0.670731707 0.549019608,0.670731707 L0.549019608,13.6219512 Z" id="Oval-2-Copy-2" transform="translate(3.784314, 7.146341) scale(-1, 1) translate(-3.784314, -7.146341) "></path>
                    </g>
                    <ellipse id="Oval-10" fill="#CFDAE6" cx="218.382353" cy="138.685976" rx="1.61764706" ry="1.61890244"></ellipse>
                    <ellipse id="Oval-10-Copy-2" fill="#E0B4B7" opacity="0.35" cx="179.558824" cy="175.381098" rx="1.61764706" ry="1.61890244"></ellipse>
                    <ellipse id="Oval-10-Copy" fill="#E0B4B7" opacity="0.35" cx="180.098039" cy="102.530488" rx="2.15686275" ry="2.15853659"></ellipse>
                    <path d="M28.9985381,29.9671598 L171.151018,132.876024" id="Path-11" stroke="#CFDAE6" opacity="0.8"></path>
                </g>
                <g id="Group-10" opacity="0.799999952" transform="translate(1054.100635, 36.659317) rotate(-11.000000) translate(-1054.100635, -36.659317) translate(1026.600635, 4.659317)">
                    <ellipse id="Oval-7" stroke="#CFDAE6" stroke-width="0.941176471" cx="43.8135593" cy="32" rx="11.1864407" ry="11.2941176"></ellipse>
                    <g id="Group-12" transform="translate(34.596774, 23.111111)" fill="#BACAD9">
                        <ellipse id="Oval-7" opacity="0.45" cx="9.18534718" cy="8.88888889" rx="8.47457627" ry="8.55614973"></ellipse>
                        <path d="M9.18534718,17.4450386 C13.8657264,17.4450386 17.6599235,13.6143199 17.6599235,8.88888889 C17.6599235,4.16345787 13.8657264,0.332739156 9.18534718,0.332739156 L9.18534718,17.4450386 Z" id="Oval-7"></path>
                    </g>
                    <path d="M34.6597385,24.809694 L5.71666084,4.76878945" id="Path-2" stroke="#CFDAE6" stroke-width="0.941176471"></path>
                    <ellipse id="Oval" stroke="#CFDAE6" stroke-width="0.941176471" cx="3.26271186" cy="3.29411765" rx="3.26271186" ry="3.29411765"></ellipse>
                    <ellipse id="Oval-Copy" fill="#F7E1AD" cx="2.79661017" cy="61.1764706" rx="2.79661017" ry="2.82352941"></ellipse>
                    <path d="M34.6312443,39.2922712 L5.06366663,59.785082" id="Path-10" stroke="#CFDAE6" stroke-width="0.941176471"></path>
                </g>
                <g id="Group-19" opacity="0.33" transform="translate(1282.537219, 446.502867) rotate(-10.000000) translate(-1282.537219, -446.502867) translate(1142.537219, 327.502867)">
                    <g id="Group-17" transform="translate(141.333539, 104.502742) rotate(275.000000) translate(-141.333539, -104.502742) translate(129.333539, 92.502742)" fill="#BACAD9">
                        <circle id="Oval-4" opacity="0.45" cx="11.6666667" cy="11.6666667" r="11.6666667"></circle>
                        <path d="M23.3333333,23.3333333 C23.3333333,16.8900113 18.1099887,11.6666667 11.6666667,11.6666667 C5.22334459,11.6666667 0,16.8900113 0,23.3333333 L23.3333333,23.3333333 Z" id="Oval-4" transform="translate(11.666667, 17.500000) scale(-1, -1) translate(-11.666667, -17.500000) "></path>
                    </g>
                    <circle id="Oval-5-Copy-6" fill="#CFDAE6" cx="201.833333" cy="87.5" r="5.83333333"></circle>
                    <path d="M143.5,88.8126685 L155.070501,17.6038544" id="Path-17" stroke="#BACAD9" stroke-width="1.16666667"></path>
                    <path d="M17.5,37.3333333 L127.466252,97.6449735" id="Path-18" stroke="#BACAD9" stroke-width="1.16666667"></path>
                    <polyline id="Path-19" stroke="#CFDAE6" stroke-width="1.16666667" points="143.902597 120.302281 174.935455 231.571342 38.5 147.510847 126.366941 110.833333"></polyline>
                    <path d="M159.833333,99.7453842 L195.416667,89.25" id="Path-20" stroke="#E0B4B7" stroke-width="1.16666667" opacity="0.6"></path>
                    <path d="M205.333333,82.1372105 L238.719406,36.1666667" id="Path-24" stroke="#BACAD9" stroke-width="1.16666667"></path>
                    <path d="M266.723424,132.231988 L207.083333,90.4166667" id="Path-25" stroke="#CFDAE6" stroke-width="1.16666667"></path>
                    <circle id="Oval-5" fill="#C1D1E0" cx="156.916667" cy="8.75" r="8.75"></circle>
                    <circle id="Oval-5-Copy-3" fill="#C1D1E0" cx="39.0833333" cy="148.75" r="5.25"></circle>
                    <circle id="Oval-5-Copy-2" fill-opacity="0.6" fill="#D1DEED" cx="8.75" cy="33.25" r="8.75"></circle>
                    <circle id="Oval-5-Copy-4" fill-opacity="0.6" fill="#D1DEED" cx="243.833333" cy="30.3333333" r="5.83333333"></circle>
                    <circle id="Oval-5-Copy-5" fill="#E0B4B7" cx="175.583333" cy="232.75" r="5.25"></circle>
                </g>
            </g>
        </g>
    </g>
 </svg>
--- a/src/assets/checkcode.png
+++ b/src/assets/checkcode.png
--- a/src/assets/daiban.png
+++ b/src/assets/daiban.png
--- a/src/assets/duban.png
+++ b/src/assets/duban.png
--- a/src/assets/guaz.png
+++ b/src/assets/guaz.png
--- a/src/assets/iconfont/demo.css
+++ b/src/assets/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: 0;
  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%, 50%);
 }
 .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;
 }
--- a/src/assets/iconfont/demo_index.html
+++ b/src/assets/iconfont/demo_index.html
@ -0,0 +1,234 @@
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }
    .main .logo a {
      display: flex;
      align-items: center;
    }
    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
 </head>
 <body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4966310" target="_blank" class="nav-more">查看项目</a>
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">下载2</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>
          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
 <pre><code class="language-css"
 >@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1751596850969') format('woff2'),
       url('iconfont.woff?t=1751596850969') format('woff'),
       url('iconfont.ttf?t=1751596850969') format('truetype');
 }
 </code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
 <pre><code class="language-css"
 >.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 </code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
 <pre>
 <code class="language-html"
 >&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
 </code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          <li class="dib">
            <span class="icon iconfont icon-download-2"></span>
            <div class="name">
              下载2
            </div>
            <div class="code-name">.icon-download-2
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>
        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
 <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
 </code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
 <pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
 </code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-download-2"></use>
                </svg>
                <div class="name">下载2</div>
                <div class="code-name">#icon-download-2</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>
          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
 <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
 </code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
 <pre><code class="language-html">&lt;style&gt;
 .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
 }
 &lt;/style&gt;
 </code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
 <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 </code></pre>
          </div>
      </div>
    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()
      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()
        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')
          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
 </body>
 </html>
--- a/src/assets/iconfont/iconfont.css
+++ b/src/assets/iconfont/iconfont.css
@ -0,0 +1,23 @@
@font-face {
  font-family: "iconfont"; /* Project id 4966310 */
  src: url('iconfont.woff2?t=1751596850969') format('woff2'),
       url('iconfont.woff?t=1751596850969') format('woff'),
       url('iconfont.ttf?t=1751596850969') format('truetype');
 }
 .iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 .icon-download-2:before {
  content: "\e600";
 }
 .icon-shaixuan:before {
  content: "\e6c9";
 }
--- a/src/assets/iconfont/iconfont.js
+++ b/src/assets/iconfont/iconfont.js
@ -0,0 +1,2 @@
 /* eslint-disable */
 window._iconfont_svg_string_4966310='<svg><symbol id="icon-download-2" viewBox="0 0 1024 1024"><path d="M768.355 416a256 256 0 1 0-512 0 192 192 0 1 0 0 384v64a256 256 0 0 1-58.88-505.216 320.128 320.128 0 0 1 629.76 0A256.128 256.128 0 0 1 768.355 864v-64a192 192 0 0 0 0-384z m-512 384h64v64h-64v-64z m448 0h64v64h-64v-64z" fill="" ></path><path d="M539.043 845.248V512.192a32.448 32.448 0 0 0-32-32.192c-17.664 0-32 14.912-32 32.192v333.056l-36.096-36.096a32.192 32.192 0 0 0-45.056 0.192 31.616 31.616 0 0 0-0.192 45.056l90.88 90.944a31.36 31.36 0 0 0 22.528 9.088 30.08 30.08 0 0 0 22.4-9.088l90.88-90.88a32.192 32.192 0 0 0-0.192-45.12 31.616 31.616 0 0 0-45.056-0.192l-36.096 36.096z" fill="" ></path></symbol><symbol id="icon-shaixuan" viewBox="0 0 1024 1024"><path d="M128 128a42.666667 42.666667 0 0 1 42.666667-42.666667h682.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v149.333333a42.666667 42.666667 0 0 1-17.578667 34.496L661.333333 469.717333V768a42.666667 42.666667 0 0 1-20.714666 36.586667l-213.333334 128A42.666667 42.666667 0 0 1 362.666667 896V469.717333l-217.088-157.866666A42.666667 42.666667 0 0 1 128 277.333333V128z m85.333333 42.666667v84.949333l217.088 157.866667A42.666667 42.666667 0 0 1 448 448v372.650667l128-76.8V448a42.666667 42.666667 0 0 1 17.578667-34.496L810.666667 255.616V170.666667H213.333333z" fill="#000000" ></path><path d="M917.333333 640h-170.666666v-85.333333h170.666666v85.333333zM917.333333 810.666667h-170.666666v-85.333334h170.666666v85.333334z" fill="#000000" ></path></symbol></svg>',(n=>{var t=(e=(e=document.getElementsByTagName("script"))[e.length-1]).getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var i,o,a,l,d,c=function(t,e){e.parentNode.insertBefore(t,e)};if(t&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4966310,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?c(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(a=i,l=n.document,d=!1,r(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}function s(){d||(d=!0,a())}function r(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}s()}})(window);
--- a/src/assets/iconfont/iconfont.json
+++ b/src/assets/iconfont/iconfont.json
@ -0,0 +1,23 @@
 {
  "id": "4966310",
  "name": "wilink-美的",
  "font_family": "iconfont",
  "css_prefix_text": "icon-",
  "description": "",
  "glyphs": [
    {
      "icon_id": "2784748",
      "name": "下载2",
      "font_class": "download-2",
      "unicode": "e600",
      "unicode_decimal": 58880
    },
    {
      "icon_id": "37053339",
      "name": "筛选",
      "font_class": "shaixuan",
      "unicode": "e6c9",
      "unicode_decimal": 59081
    }
  ]
 }
--- a/src/assets/iconfont/iconfont.ttf
+++ b/src/assets/iconfont/iconfont.ttf
--- a/src/assets/iconfont/iconfont.woff
+++ b/src/assets/iconfont/iconfont.woff
--- a/src/assets/iconfont/iconfont.woff2
+++ b/src/assets/iconfont/iconfont.woff2
--- a/src/assets/images/play-btn.png
+++ b/src/assets/images/play-btn.png
--- a/src/assets/images/tools/close.png
+++ b/src/assets/images/tools/close.png
--- a/src/assets/images/tools/max.png
+++ b/src/assets/images/tools/max.png
--- a/src/assets/images/tools/restore.png
+++ b/src/assets/images/tools/restore.png
--- a/src/assets/less/JAreaLinkage.less
+++ b/src/assets/less/JAreaLinkage.less
@ -0,0 +1,259 @@
 .area-zoom-in-top-enter-active,
 .area-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
 }
 .area-zoom-in-top-enter,
 .area-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
 }
 .area-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  outline: 0;
  display: block;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }
 .area-select-wrap .area-select {
  display: inline-block;
 }
 .area-select * {
  box-sizing: border-box;
 }
 .area-select:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
 }
 .area-select:active {
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
 }
 .area-select.small {
  width: 126px;
 }
 .area-select.medium {
  width: 160px;
 }
 .area-select.large {
  width: 194px;
 }
 .area-select.is-disabled {
  background: #eceff5;
  cursor: not-allowed;
 }
 .area-select.is-disabled:hover {
  border-color: #e1e2e6;
 }
 .area-select.is-disabled .area-selected-trigger {
  cursor: not-allowed;
 }
 .area-select .area-selected-trigger {
  position: relative;
  display: block;
  font-size: 14px;
  cursor: pointer;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 100%;
  padding: 8px 20px 7px 12px;
 }
 .area-select .area-select-icon {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.25);
  transition: all .3s linear;
  transform-origin: center;
 }
 .area-select .area-select-icon.active {
  margin-top: -8px;
  transform: rotate(180deg);
 }
 .area-selectable-list-wrap {
  position: absolute;
  width: 100%;
  max-height: 275px;
  z-index: 15000;
  background-color: #fff;
  box-sizing: border-box;
  overflow-x: auto;
  margin: 2px 0;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: opacity 0.15s, transform 0.3s !important;
  transform-origin: center top !important;
 }
 .area-selectable-list {
  position: relative;
  margin: 0;
  padding: 6px 0;
  width: 100%;
  font-size: 14px;
  color: #565656;
  list-style: none;
 }
 .area-selectable-list .area-select-option {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 0 15px 0 10px;
  height: 32px;
  line-height: 32px;
 }
 .area-selectable-list .area-select-option.hover {
  background-color: #e6f7ff;
 }
 .area-selectable-list .area-select-option.selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #efefef;
 }
 .cascader-menu-list-wrap {
  position: absolute;
  white-space: nowrap;
  z-index: 15000;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0;
  margin: 2px 0;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: opacity 0.15s, transform 0.3s !important;
  transform-origin: center top !important;
 }
 .cascader-menu-list {
  position: relative;
  margin: 0;
  font-size: 14px;
  color: #565656;
  padding: 6px 0;
  list-style: none;
  display: inline-block;
  height: 204px;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 160px;
  vertical-align: top;
  background-color: #fff;
  border-right: 1px solid #e4e7ed;
 }
 .cascader-menu-list:last-child {
  border-right: none;
 }
 .cascader-menu-list .cascader-menu-option {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 0 15px 0 10px;
  height: 32px;
  line-height: 32px;
 }
 .cascader-menu-list .cascader-menu-option.hover,
 .cascader-menu-list .cascader-menu-option:hover {
  background-color: #e6f7ff;
 }
 .cascader-menu-list .cascader-menu-option.selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #efefef;
 }
 .cascader-menu-list .cascader-menu-option.cascader-menu-extensible:after {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 5px;
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #a1a4ad;
 }
 .cascader-menu-list::-webkit-scrollbar,
 .area-selectable-list-wrap::-webkit-scrollbar {
  width: 8px;
  background: transparent;
 }
 .area-selectable-list-wrap::-webkit-scrollbar-button:vertical:decremen,
 .area-selectable-list-wrap::-webkit-scrollbar-button:vertical:end:decrement,
 .area-selectable-list-wrap::-webkit-scrollbar-button:vertical:increment,
 .area-selectable-list-wrap::-webkit-scrollbar-button:vertical:start:increment,
 .cascader-menu-list::-webkit-scrollbar-button:vertical:decremen,
 .cascader-menu-list::-webkit-scrollbar-button:vertical:end:decrement,
 .cascader-menu-list::-webkit-scrollbar-button:vertical:increment,
 .cascader-menu-list::-webkit-scrollbar-button:vertical:start:increment {
  display: none;
 }
 .cascader-menu-list::-webkit-scrollbar-thumb:vertical,
 .area-selectable-list-wrap::-webkit-scrollbar-thumb:vertical {
  background-color: #b8b8b8;
  border-radius: 4px;
 }
 .cascader-menu-list::-webkit-scrollbar-thumb:vertical:hover,
 .area-selectable-list-wrap::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #777;
 }
--- a/src/assets/less/codemirror_idea.css
+++ b/src/assets/less/codemirror_idea.css
@ -0,0 +1 @@
 .cm-s-idea span.cm-meta{color:olive}.cm-s-idea span.cm-number{color:#00f}.cm-s-idea span.cm-keyword{line-height:1em;font-weight:700;color:navy}.cm-s-idea span.cm-atom{font-weight:700;color:navy}.cm-s-idea span.cm-def{color:#000}.cm-s-idea span.cm-variable{color:#000}.cm-s-idea span.cm-variable-2{color:#000}.cm-s-idea span.cm-type,.cm-s-idea span.cm-variable-3{color:#000}.cm-s-idea span.cm-property{color:#000}.cm-s-idea span.cm-operator{color:#000}.cm-s-idea span.cm-comment{color:grey}.cm-s-idea span.cm-string{color:green}.cm-s-idea span.cm-string-2{color:green}.cm-s-idea span.cm-qualifier{color:#555}.cm-s-idea span.cm-error{color:red}.cm-s-idea span.cm-attribute{color:#00f}.cm-s-idea span.cm-tag{color:navy}.cm-s-idea span.cm-link{color:#00f}.cm-s-idea .CodeMirror-activeline-background{background:#fffae3}.cm-s-idea span.cm-builtin{color:#30a}.cm-s-idea span.cm-bracket{color:#cc7}.cm-s-idea{font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.cm-s-idea .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.CodeMirror-hints.idea{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;color:#616569;background-color:#ebf3fd!important}.CodeMirror-hints.idea .CodeMirror-hint-active{background-color:#a2b8c9!important;color:#5c6065!important}
--- a/src/assets/less/common.less
+++ b/src/assets/less/common.less
@ -0,0 +1,113 @@
 ///命名规范采用BEM CSS命名规范 
 ///author:tianxiu
 ///
 /*
 1. .block{}  
 2. .block__element{} 
 3. .block--modifier{} 
 .block 代表了更⾼级别的抽象或组件。 
 .block__element 代表.block的后代，⽤于形成⼀个完整的.block的整体。 
 .block--modifier代表.block的不同状态或不同版本
 .模块名-一级模块-二级模块....
 */
 /*
 定义主题颜色
 定义主题字体
 定义主题大小字号 
 */
@font-face {
    font-family: "Source Han Sans CN";
    src: url('./font/Source Han Sans CN.ttf');
 }
@fant-family: "Arial, sans-serif";
@theme-color: #0077ff;
@theme-color-dark: #195AA4;
@theme-color-background: #ffffff;
@theme-color-border: #E8E8E8;
@theme-color-shadow: rgba(0, 0, 0, 0.20);
@theme-color_active: #1890ff;
@theme-color_placeholder: #CCCCCC;
@theme-color-container: #F2F9FF;
@theme-color-blur: #999999;
@theme-color-table-th: #f8f8f8; ///f2f9ff
 html {
    --antd-wave-shadow-color: @theme-color;
 }
 ///公用的兼容样式
 ///flex布局兼容 多种浏览器
 .display_flex {
    display: -webkit-flex;
    /* Safari */
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    /* Safari */
    display: flex;
 }
 .border-soild(@width: 1px, @style: "soild", @color: @theme-color-border) {
    border: @arguments;
 }
 .box-shadow (@x: 0, @y: 0, @blur: 1px, @spread: 0, @color: @theme-color-shadow) {
    box-shadow: @arguments;
    -moz-box-shadow: @arguments;
    -webkit-box-shadow: @arguments;
 }
 .table-operator-right {
    float: right;
 }
 th {
    cursor: move !important;
 }
 .ant-table-column-sorter{
    cursor: pointer !important;
 }
 .ant-table-column-sorter-inner-full{
    height: auto !important;
    margin-bottom: 0.3em;
 }
 .resize-table-th {
    position: relative;
 }
 .table-draggable-handle {
    width: 10px !important;
    bottom: 0;
    transform: none !important;
    height: 100% !important;
    left: auto !important;
    right: -5px;
    cursor: col-resize !important;
    touch-action: none !important;
    border: none !important;
 }
 .ant-table-header-cc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #d6d6d673;
    border-right: 1px solid #aaa;
 }
--- a/src/assets/less/dashboard.less
+++ b/src/assets/less/dashboard.less
@ -0,0 +1,272 @@
@import 'common.less';
 .dashboard-analysis {
  margin: 15px;
  height: calc(100% - 30px);
  .top-zone {
    height: 55%;
    .display_flex;
    .left-zone {
      width: 62%;
      .display_flex;
      flex: 5;
      flex-direction: column;
      padding-right: 8px;
      overflow: auto;
      ///四个面板
      .number-card-bar {
        .display_flex;
        justify-content: space-between;
        ///数字看板
        .number-card {
          // flex: 1;
          width: 24%;
          height: 130px;
          border-radius: 10px;
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          .chart-card-content {
            height: 0 !important;
          }
          .ant-card {
            background-color: transparent !important;
            color: #ffffff;
          }
          .ant-card-body {
            margin: 0;
          }
        }
        .number-card.blue {
          background-color: #1c66b9 !important;
        }
        .number-card.orange {
          background-color: #fecc2f !important;
        }
        .number-card.violet {
          background-color: #b472ff !important;
        }
        .number-card.green {
          background-color: #8dde47 !important;
        }
        .trend-text {
          display: flex;
          justify-content: space-around;
          div {
            font-size: 0.7rem;
          }
          div:nth-child(1) {
            margin-right: 0.1rem;
          }
        }
      }
      // 政策法规 表格
      .content-card {
        .display_flex;
        width: 100%;
        margin-top: 15px;
        border-radius: 10px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        height: calc(100% - 147px);
        .dashboard-tab {
          width: 100%;
          .display_flex;
          flex-direction: column;
          background-color: #ffffff;
          .ant-tabs-tabpane {
            box-shadow: none !important;
          }
        }
      }
    }
    .right-zone {
      width: 38%;
      .display_flex;
      padding-left: 8px;
      flex-direction: column;
      height: 100%;
      // 代办列表
      .right-important-task {
        height: 100%;
        background: #ffffff;
        border-radius: 10px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        .display_flex;
        flex-direction: column;
        width: 100%;
      }
      .r-zone-bar {
        height: 47px;
        line-height: 47px;
        border-bottom: 1px solid #dedede;
        padding: 0 15px;
        font-size: 18px;
        .display_flex;
        justify-content: space-between;
        width: 100%;
        color: #333333;
        flex-wrap: nowrap;
        .r-zone-bar-right {
          font-size: 0.9rem;
        }
      }
      .card_container {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        overflow: auto;
        .card_container_title {
          display: flex;
          cursor: pointer;
          color: #0077ff;
          border: 1px solid #81b2e9;
          border-radius: 5px;
          padding: 5px;
          align-items: center;
          min-width: 0;
          height: 38px;
          a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 1;
            margin-left: 5px;
          }
        }
      }
    }
  }
  .bottom-zone {
    margin-top: 15px;
    height: calc(45% - 15px);
    // 预警信息
    .right-important-waring {
      height: 100%;
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      overflow-y: auto;
      .display_flex;
      flex-direction: column;
    }
    .r-zone-bar {
      height: 47px;
      line-height: 47px;
      border-bottom: 1px solid #dedede;
      padding: 0 15px;
      font-size: 18px;
      .display_flex;
      justify-content: space-between;
      width: 100%;
      color: #333333;
      flex-wrap: nowrap;
      .r-zone-bar-right {
        font-size: 0.9rem;
      }
    }
    .r-zone-content {
      height: 100%;
      width: 100%;
      .display_flex;
      font-size: 16px;
      overflow-y: auto;
      padding: 0 !important;
      ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
      }
      ul > li {
        height: 34px;
        line-height: 34px;
        .display_flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 4px;
        margin-top: 6px;
        padding-left: 6px;
        width: 100%;
      }
      ul > li > a {
        color: #0076f6;
      }
      ul > li > .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        .time {
          font-size: 12px;
        }
        .title_left,
        .title_right {
          flex: 0 1 auto;
          white-space: nowrap;
        }
        .title_center {
          flex: 1;
          min-width: 0;
          height: 40px;
          padding: 0 10px;
          span {
            display: inline-block;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
      ul > li > .number {
        height: 34px;
        width: 34px;
        background: #fecc2f;
        border-radius: 4px;
        text-align: center;
        justify-content: center;
        color: #ffffff;
        span {
          display: block;
          height: 34px;
          width: 34px;
        }
      }
    }
  }
 }
--- a/src/assets/less/font/Source
+++ b/src/assets/less/font/Source
--- a/src/assets/less/images/login/login-adv-01.png
+++ b/src/assets/less/images/login/login-adv-01.png
--- a/src/assets/less/images/login/login-bg-01.png
+++ b/src/assets/less/images/login/login-bg-01.png
--- a/src/assets/less/images/login/login-ele-01.png
+++ b/src/assets/less/images/login/login-ele-01.png
--- a/src/assets/less/images/login/login-logo-01.png
+++ b/src/assets/less/images/login/login-logo-01.png
--- a/src/assets/less/images/tabLayout/lang.png
+++ b/src/assets/less/images/tabLayout/lang.png
--- a/src/assets/less/images/tabLayout/language.png
+++ b/src/assets/less/images/tabLayout/language.png
--- a/src/assets/less/images/tabLayout/lenovo.png
+++ b/src/assets/less/images/tabLayout/lenovo.png
--- a/src/assets/less/images/tabLayout/logo.png
+++ b/src/assets/less/images/tabLayout/logo.png
--- a/src/assets/less/images/tabLayout/lscms.png
+++ b/src/assets/less/images/tabLayout/lscms.png
--- a/src/assets/less/index.less
+++ b/src/assets/less/index.less
@ -0,0 +1,30 @@
 /**
 * 列表查询通用样式，移动端自适应
 */
 .search{
  margin-bottom: 54px;
 }
 .fold{
  width: calc(100% - 216px);
  display: inline-block
 }
 .operator{
  margin-bottom: 18px;
 }
@media screen and (max-width: 900px) {
  .fold {
    width: 100%;
  }
 }
 .operator button {
  margin-right: 5px;
 }
 i {
  cursor: pointer;
 }
 .trcolor{
  background-color: rgba(255, 192, 203, 0.31);
  color:red;
 }
--- a/src/assets/less/login.less
+++ b/src/assets/less/login.less
@ -0,0 +1,311 @@
 ///命名规范采用BEM CSS命名规范
 ///author:tianxiu
 ///
 /*
 1. .block{}  
 2. .block__element{} 
 3. .block--modifier{} 
 .block 代表了更⾼级别的抽象或组件。 
 .block__element 代表.block的后代，⽤于形成⼀个完整的.block的整体。 
 .block--modifier代表.block的不同状态或不同版本
 .模块名-一级模块-二级模块....
 */
 /*
 定义主题颜色
 定义主题字体
 定义主题大小字号
 lg:登录页面
 */
@import 'common.less';
@lg-fant-family: @fant-family;
@lg-color-background: @theme-color-background;
@lg-color-border: @theme-color-border;
@lg-color_placeholder: @theme-color_placeholder;
 /* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) {
  .lg-body {
    transform: scale(0.665, 0.665); /* 缩放数值需要根据效果调试 */
    transform-origin: left top;
  }
 }
 /* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .lg-body {
    transform: scale(0.799, 0.799);
    transform-origin: left top;
  }
 }
 .lg-body {
  font-family: @lg-fant-family;
  .display_flex;
  flex-direction: row;
  height: 100% !important;
  background-color: transparent;
  justify-content: center;
  .user-layout-pic {
    float: left;
    width: 45%;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .user-layout-register {
    width: 28px;
    height: 76px;
    background: @theme-color;
    border-radius: 0 6px 6px 0;
    margin-top: 30px;
    padding-left: 7px;
    padding-top: 2px;
    span {
      width: 14px;
      height: 68px;
      font-size: 14px;
      font-weight: 400;
      text-align: left;
      color: @lg-color-background;
      line-height: 18px;
      display: block;
    }
  }
  .user-layout-opt {
    z-index: 9999;
    position: absolute;
    width: 368px;
    bottom: 119px;
  }
  .user-layout-login {
    height: 480px;
    width: 448px;
    float: right;
    margin-left: percentage(130/1520);
    margin-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
    background: @lg-color-background;
    border-radius: 10px;
    .box-shadow(0, 0, 20px, 0);
    .user-layout-title {
      height: 84px;
      line-height: 84px;
      text-align: center;
      h1 {
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        color: #333333;
      }
    }
    .getCaptcha {
      display: block;
      width: 90%;
      height: 48px;
      font-size: 16px;
      margin-top: 24px;
      padding-left: 5px;
      padding-right: 5px;
      .border-soild(1px, solid, @theme-color);
      color: @theme-color;
    }
    .forge-password {
      font-size: 14px;
    }
    button.login-button {
      padding: 0 15px;
      font-size: 18px;
      height: 48px;
      width: 100%;
      background-color: @theme-color_active;
      border-radius: 6px;
      color: white;
      margin-top: 10px;
      // :active {
      //     background-color: @theme-color_active;
      // }
    }
    .user-login-other {
      text-align: left;
      margin-top: 24px;
      line-height: 22px;
      .item-icon {
        font-size: 24px;
        color: rgba(0, 0, 0, 0.2);
        margin-left: 16px;
        vertical-align: middle;
        cursor: pointer;
        transition: color 0.3s;
        &:hover {
          color: @theme-color_active;
        }
      }
      .register {
        float: right;
      }
    }
    .ant-form-item {
      border: 0;
    }
    .md-form {
      .md-row {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        .md-form-item {
          width: 100%;
          .md-input__inner {
            padding-left: 50px;
          }
          .md-input__prefix {
            left: 10px;
            display: flex;
            align-items: center;
          }
        }
      }
    }
    form {
      // height: 360px;
      height: 320px;
      border: 0;
      background-color: @lg-color-background;
      .md-form-item {
        border: none;
      }
      .ant-form .ant-form-item {
        background-color: @lg-color-background;
        margin-top: 24px;
        border: 0;
      }
      .ant-input-affix-wrapper {
        font-size: 22px;
      }
      .ant-input-affix-wrapper .ant-input:not(:first-child) {
        padding-left: 50px;
      }
      input {
        height: 48px;
        background: @lg-color-background;
        border: 1px solid @lg-color-border;
        border-radius: 6px;
        font-size: 22px;
        // padding-left: 150px;
      }
      ::placeholder {
        color: @lg-color_placeholder;
        font-weight: 100 !important;
      }
      input::placeholder > input::-webkit-input-placeholder > input::-moz-placeholder,
      input:-moz-placeholder,
      input:-ms-input-placeholder {
        color: @lg-color_placeholder;
        font-weight: 300 !important;
      }
      img {
        height: 48px;
        // margin-top: 24px;
        width: 90%;
      }
    }
    .ant-tabs-bar {
      position: absolute;
      bottom: 0;
      width: 368px;
      z-index: 1;
      font-size: 18px;
      .ant-tabs-tab-prev {
        display: none;
        width: 0;
      }
      .ant-tabs-tab-next {
        display: none;
        width: 0;
      }
    }
    .ant-tabs-nav {
      width: 368px;
    }
    .ant-tabs-nav-container-scrolling {
      padding-right: 0;
      padding-left: 0;
      width: 368px;
    }
    .ant-tabs-nav-container {
      font-size: 18px;
      font-weight: 400;
      color: #333333;
      height: 50px;
      background-color: @lg-color-background;
      font-family: @lg-fant-family;
    }
    .ant-tabs-nav .ant-tabs-tab {
      position: relative;
      width: 184px;
      display: inline-block;
      box-sizing: border-box;
      margin: 0;
      height: 100%;
      text-decoration: none;
      cursor: pointer;
      transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      text-align: center;
    }
    .ant-btn-primary:hover,
    .ant-btn-primary:focus {
      background-color: @theme-color_active;
      border-color: @theme-color_active;
    }
  }
  // 美的
  .md-tabs__header.is-bottom {
    .md-tabs__nav-scroll {
      .md-tabs__nav.is-bottom {
        width: 100%;
        .md-tabs__active-bar.is-bottom {
          width: 50%;
        }
        .md-tabs__item.is-bottom {
          text-align: center;
          width: 50%;
          font-size: 18px;
        }
      }
    }
  }
 }
--- a/src/assets/less/tabLayout.less
+++ b/src/assets/less/tabLayout.less
@ -0,0 +1,164 @@
 ///命名规范采用BEM CSS命名规范 
 ///author:tianxiu
 ///
 /*
 1. .block{}  
 2. .block__element{} 
 3. .block--modifier{} 
 .block 代表了更⾼级别的抽象或组件。 
 .block__element 代表.block的后代，⽤于形成⼀个完整的.block的整体。 
 .block--modifier代表.block的不同状态或不同版本
 .模块名-一级模块-二级模块....
 */
 /*
 定义主题颜色
 定义主题字体
 定义主题大小字号
 lg:登录页面
 */
@import "common.less";
@tab-theme-color: @theme-color;
@tab-theme-color-dark: @theme-color-dark;
@tab-color-sider: #fff;
 .tab-box {
    .display_flex;
    position: fixed;
    flex-direction: column;
    height: 40px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.06); 
    ///tab 的样式
    .tab-layout-tabs,
    .tab-layout-tabs.ant-tabs .ant-tabs-bar,
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container,
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
        height: 40px !important;
        background-color: #FFFFFF;
        border-bottom: 1px solid #E8E8E8;
    }
    .tab-layout-tabs.ant-tabs .ant-tabs-bar {
        margin: 0; 
    }
    .ant-tabs-nav-scroll{
        padding-left: 20px;
    }
 }
 .box {
    .display_flex;
    position: relative;
    flex-direction: column;
    // background-color: @theme-color-container;
    background-color: #FFFFFF;
 }
 /*
   * The following styles are auto-applied to elements with
   * transition="page-transition" when their visibility is toggled
   * by Vue.js.
   *
   * You can easily play with the page transition by editing
   * these styles.
   */
 .page-transition-enter {
    opacity: 0;
 }
 .page-transition-leave-active {
    opacity: 0;
 }
 .page-transition-enter .page-transition-container,
 .page-transition-leave-active .page-transition-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
 }
 ///定义主题颜色
 .ant-menu-dark,
 .ant-menu-dark .ant-menu-sub {
    color: @tab-color-sider  !important;
    background: @tab-theme-color  !important;
    font-weight: 400 !important;
    font-size: 14px !important;
 }
 // 隐藏第一个路由(就是首页)底部的白色样式
 // .ant-menu.ant-menu-root>.ant-menu-item:first-child {
 //     width: 90%;
 //     height: 46px;
 //     line-height: 46px;
 //     background: #ffffff;
 //     border-radius: 6px;
 //     color: @tab-theme-color  !important;
 //     margin-left: 5%;
 //     margin-right: 5%;
 //     .anticon,
 //     .anticon+span {
 //         color: @tab-theme-color  !important;
 //     }
 // }
 // .ant-menu.ant-menu-root.ant-menu-dark>.ant-menu-item:first-child.ant-menu-item-selected>a,
 // .ant-menu.ant-menu-root.ant-menu-dark>.ant-menu-item:first-child.ant-menu-item-selected>a:hover,
 // .ant-menu.ant-menu-root.ant-menu-dark>.ant-menu-item:first-child>a,
 // .ant-menu.ant-menu-root.ant-menu-dark>.ant-menu-item:first-child>a:hover {
 //     color: @tab-theme-color  !important;
 //     height: 46px;
 //     line-height: 46px;
 //     background: #ffffff;
 //     border-radius: 6px;
 //     color: @tab-theme-color  !important;
 // }
 .ant-menu-item:not(:first-child) {
    .ant-menu-item-selected .anticon,
    .ant-menu-item-selected .anticon+span {
        color: @tab-color-sider  !important;
    }
 }
 .ant-menu-item:first-child {
    .ant-menu-item-selected .anticon,
    .ant-menu-item-selected .anticon+span {
        color: @tab-theme-color  !important;
    }
 }
 .ant-menu-dark,
 .ant-menu-dark .ant-menu-sub,
 .ant-menu-dark .ant-menu-item,
 .ant-menu-dark .ant-menu-item-group-title,
 .ant-menu-dark .ant-menu-item>a {
    color: @tab-color-sider  !important;
 }
 .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: @tab-theme-color-dark  !important;
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 45%) inset;
    box-shadow: 0 2px 8px rgb(0 0 0 / 45%) inset;
    color: @tab-color-sider  !important;
 }
 .ant-layout-sider {
    background: @tab-theme-color  !important;
 }
 .sider .logo {
    background: @tab-theme-color  !important;
 }
--- a/src/assets/less/userLayout.less
+++ b/src/assets/less/userLayout.less
@ -0,0 +1,158 @@
 ///命名规范采用BEM CSS命名规范 
 ///author:tianxiu
 ///
 /*
 1. .block{}  
 2. .block__element{} 
 3. .block--modifier{} 
 .block 代表了更⾼级别的抽象或组件。 
 .block__element 代表.block的后代，⽤于形成⼀个完整的.block的整体。 
 .block--modifier代表.block的不同状态或不同版本
 .模块名-一级模块-二级模块....
 */
 /*
 定义主题颜色
 定义主题字体
 定义主题大小字号
 lg:登录页面
 */
@import "common.less";
 #userLayout.user-layout-wrapper {
    font-family: @fant-family;
    height: 100%;
    width: 100%;
    .container {
        width: 100%;
        height: 100%;
        background-color: #f0f2f5;
        background-image: url('./images/login/login-bg-01.png');
        background-repeat: round;
        background-size: cover;
        position: relative;
        a {
            text-decoration: none;
        }
        .top {
            .header {
                height: 180px;
                line-height: 180px;
                background-image: url('./images/login/login-ele-01.png');
                background-position-x: 86px;
                background-repeat: no-repeat;
                .header_title {
                    display: block;
                    font-size: 24px;
                    font-family: fangsong;
                    margin-left: 200px;
                    height: 180px;
                    line-height: 100px;
                    width: 650px;
                    .logo_title{
                        display: block;
                        font-size: 28px;
                        height: 80px;
                        line-height: 80px;
                        width: 70px;
                        float: left;
                        text-align: left;
                        font-family: fantasy;
                        font-weight: 400;
                    }
                    .logo_sys{
                        display: block;
                        margin-left: 4px;
                        height: 80px;
                        line-height: 80px;
                        font-size: 24px;
                        float: left;
                        width: 560px;
                        font-weight: 800;
                    }
                }
                .badge {
                    position: absolute;
                    display: inline-block;
                    line-height: 1;
                    vertical-align: middle;
                    margin-left: -12px;
                    margin-top: -10px;
                    opacity: 0.8;
                }
                .logo {
                    height: 32px;
                    width: 128px;
                    vertical-align: top;
                    margin-left: 200px;
                    margin-top: 40px;
                    border-style: none;
                }
                .title {
                    font-size: 33px;
                    color: rgba(0, 0, 0, .85);
                    font-family: @fant-family;
                    font-weight: 600;
                    position: relative;
                    top: 2px;
                }
            }
            .desc {
                font-size: 14px;
                color: rgba(0, 0, 0, 0.45);
                margin-top: 12px;
                margin-bottom: 40px;
            }
        }
        .main {
            min-width: 1520px;
            width: 100%;
            height: 50%;
            min-height: 528px;
            top: 25%;
            position: absolute;
            left: 0;
        }
        .footer {
            position: absolute;
            width: 100%;
            bottom: 0;
            padding: 0 16px;
            margin: 48px 0 24px;
            text-align: center;
            .links {
                margin-bottom: 8px;
                font-size: 16px;
                a {
                    color: rgba(0, 0, 0, 0.45);
                    transition: all 0.3s;
                    &:not(:last-child) {
                        margin-right: 40px;
                    }
                }
            }
            .copyright {
                color: rgba(0, 0, 0, 0.45);
                font-size: 16px;
            }
        }
    }
 }
--- a/src/assets/linkmenu/out.png
+++ b/src/assets/linkmenu/out.png
--- a/src/assets/logo-white.png
+++ b/src/assets/logo-white.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
@ -0,0 +1,172 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="293px" height="293px" viewBox="0 0 293 293" enable-background="new 0 0 293 293" xml:space="preserve">  <image id="image0" width="293" height="293" x="0" y="0"
    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASUAAAElCAQAAAAIbjz8AAAABGdBTUEAALGOfPtRkwAAACBjSFJN
 AAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZ
 cwAACxMAAAsTAQCanBgAAAAHdElNRQfjBgUEFBDQiqnzAAAkNUlEQVR42u2dfXwU1bnHz+zbZDfJ
 ErJsAmQDJLBAIQQUbgS0UbQNasVKxZbeaFtTFajFWkRtMRWwkVZFaqUWUBvbq7mXVixWrEpaRVMF
 zAWFELjAQgJkAyTLhrBJdjP7ev+YO3d2ZmdmZ7PzcmZzvnz4ZHZ2dvec2d+e85znPOc5WAwgEFKg
 U7sAiEwBSQkhEUhKCIlAUkJIBJISQiKQlBASgaSEkAgkJYREICn9H26H2iXQOpgU3m6X0+niOt9S
 fmAOAADYPYt2qV3RZPgtH97ksQMAAE44XRXNXNe4HY1VZH1u+tDiV7vEyWiucDkJHAAAHO7ZB21e
 uT8vQUovPrR3vriXXh7Zn0Me6SMjrmQPsJ8PG3rzAmYA9BFzYORluSuSPj5rf05ET9Ynp9/qS6xP
 Xy5ZY3Mgr9cQVru8yRjI7s8JmshjcyC3Tx9hl5m6Qh/J6bf4xdZo0a7qBq7zCVIqbessUvsmIGDm
 ms//898d7sTzyFZCSASSEkIiDLxPhLMGAQAghglZ5jGM/o/F6GtjGABk74nFJLHsJYIsp/AVMYws
 PVUDZo3gqk/8neavD3VVfJ2oM2R9xNQpYCYtST54pfSV/zkwB4Dmit68ace4ekaalvKTk31Wrmfs
 nqu+FH6t0ric7SWjL5a3CF9zeCZffaYe5x6rqoXb0VYKwPSjQuMzr+3o9I5icizHBCeKO4RfG8+4
 c90F8ZJkYxB6cXNFaxkABB4wC93A8hbyP/y4nM0VBO6xC5fX6eKubWNVsh+V0nhtx6a5HQAMZlU1
 8l9l81Y2KVEaXilF9G6Hy1lTL+ZNtCEkfpGIQwnfTGrYvEISUhpes1sfMQdwQu3iwQRsQoINgRGc
 zTvzsNrFQ2gHQWcAXCYmAm6QXwkhEUhKCIlAUkJIBJISQiKQlBASgaSEkAgkJYREICkhJIIlJb9F
 7QIhtApLSp9ep3aBEFqFJSWfVTi8CYHggyUlAkdSQgyNBCkJxckhEPwkjOCQlBBDAzkDEBLBkFJz
 hdrFQWgXhpTKWunlzcj8hoOmSrVLIBaGlCz+ufupFVHUanOEupyapHYJxMJaceJwU1IKG/wW+LN1
 qMOOJZ9cL9+7B8xeW18u1StMOSFu1Y/6MKTktdm8xhB5HMNay7hTwyCWbleu+//0uq3L1a6vOBgd
 3N75Lif96Nw4r03t4iG0A6NV8th91pCReuSzopVf6gNXhgIhWLYS8nangilY2ibNO0X0AOgj8Wdc
 TrITjWFemzmgBauVISWrz2dFUhJPccf/fEWK93E7EnMR2D2XRpFHpydqw2Zl2EozD086RT/SyshB
 67gdX16VeJbu2LoKtWGzMlolp6uoE/4ci5mGwy2cH0UrNitrDk58ckuEUnBlRoIRgUwmahdtOONy
 RjU30c5bYDJ9IEIdDs+knaBasVlRqwQldGC0dvxKmmtGEbCCpAQldL497fj5GFJqKVe7OAiSimZd
 VO0ypArDr3RxtFYSlGYS9TUAAGD1LdhD+4+cLu05ZRhSKmlXuziZgcv5p+8zz9TVkn/pGDCv7Tc/
 BQCAKyMujCFN7LfvKOqkQny+/Rf+Vqm2DgAACrqrG+ByXbK83WoXJzN4/pHX7o1/fMPH5F+349i0
 rMExF5wut6OsNWDme73VR0mPawT33KMAAGDxm4LLt6pd03iQ2S07N3y8eyEAALicX17ldpyadHjm
 jiXTjgkJidyXjgSLeW3NFfP2Wfw4Qf5Tuz4U7JlBw9DeBiEWSkhe2/GppETOTFi/lj9yPrcvXkgA
 kLsBnJkA37INdveKpCQrlJBoevKfepJfSNkDh2axz00/qo2lAqiDk5F4Idm8U49bfT35Tz3JPz2b
 PbB5ZVsp81zIqA0hISnJCLtFKuokcGEhbVxN4N0FzA2hNeqiREgHV9e2Ygu/kHL6ty/FCQAI/Ng0
 Me+PxUxBterGHV+FpCQLiULy2mYcEWqR3r9l9EWrDycI3GeNX/fDDRa78aOl29WuJRNkdssAtXLN
 bwmYyXGO1zbpFH9yxpz+5x51OalF9j7r8an5PZdH8r8/Fvv6P7Ytg23pAJKSbLic7SUAlLQXdfbk
 zzjCL6TsgW3LfFYC91kJnPQa+az/9t/8g38sduNHf/yBep5uenkbEyQlmXA7yG1TPXYAHnyJ3yGZ
 23du3KlJZ8d77AROBd/W1p0fy3c9Fvv6P9QQkt9CiZvvR4GkJAt+S1spuf/uhTFCozbSs13eUtR5
 emJXIemc/OUvhIR0y/uv3qdGi9RZRI0lwzyaQVKSAb+lsyiv1+H22IWFlD1AebZtXpvX7Wgr7S54
 9DkYheS1JY/nRFKSgVOTzo4ff3b2wT0LhIX08gNeGy0Mhzu/Z9YhISHd8XZ9jTrG9tHpya9BUpKc
 lvIjMwC4OBqA+18Rdkj6rAdnX/cpLY5/+++z4/mu10W/+Te1hATAqUk4Qa2B4YukQn4lifHaTk4m
 cAJvK73+E6HhP+mQ9Fk7i6hzQnNtuuidb6knJADiV+PxlQJJSWLMAasPgP6cx54VEtKeBXm9pG+7
 vYQM1hASkj5y51svP8D8CpO7MaWGapWo8Dw2SEoSY/FPOxY01dYJTZE89+iRGV2FAABA4B776YnC
 QjKE376DLaQdS+54mwzkhQdkK0mOw/3PrwkLiZQQ6Y4k8K7CKSfOTOB/vz0L2JlMdix54GVls4Xa
 PewoqkRQqyQD/CubR1zZP9fhpkREnnvoRSEhGcJcQhrIVjZioLArefQmapVkIKef+3xeb1chAEWd
 pyadHe+zklISckgCAAB7uUBD9crNA9lK12jiabJDBoA/DTeSkmKQQgLA4ie92+fGEbjQFAkX6giJ
 DNyjlv6jOTiVoYREYvPavCMvL9ytDSEBAEBRJ+Xt5rMDka2UJuJWNDOFRHLL+7RPiY0hnNfLPldf
 o56QALD4kyUkQVJKC68t0T+d6E/K6U8U0uSTHcV872oI71nA9inX1zzyvHpCiodvOhdJKS1s3sIu
 9rkDc/pz4h/n9L/4EHsjoskn+adIDOHE4f/W5as2wb6vMZJSmpS1ss90FPfk049y+p97lMCZ6fRT
 FVJt3c9+zR/xpAzxeejWr+W6AkkpTRJnpAicdh6OuPJf3yXP0XPrqQpp1aaNq9UWEgDNFZQTQBfl
 njpBUpIc2pmX2/fF1aMv4gROEHhHMTlrlqqQIvqXHoRhAROBU60SX2IMJCXJcbrMAQAAyOl/9rEv
 r+rNs3sAICdu/ZZUhQTnvnzcLlgkpZRxOYVbiYrmEVeouTaPvaOYmr3yWacfTVVI8ED+IEiCpoZq
 jhqoXUStQQa2CZPTP+LKZ9deGNNdQE2PAADAwy/wT4mmLiSna/5eJes9fy/lnggbBrK53JSoVUqJ
 5oqTk+nbyDc3X1PfXeB0VTbNPGz3UJbTk0+lJiSmQ4HNpFO/+7GyGfpsXuSilBDSs0Ob1SEjt6+b
 koXTNX9vcYfVhxOpCmnVpsEs/nKUtm1ZoV5naAhnD3CeV6tAWsTir2gee57ONRLRn5ws3DbYvJVN
 bse1n6UqpJce5H/P0rZtyyqb1LwLE87Q23XH1US9ImkT5uY25Fo3YW786OJovue0JyQAjKHJJ+N3
 6KKAoIPjGg3ATfIM/3Rim9QdknALCQAA8nu4lgqoLqWGaq3sLJSIIcwXW0h1gsJC2jcvNSEVd6gn
 pOQb+KguJatPK9vBJJI1OOMI9zPdBS3lyYXEtrOSCam+Rr0Wqb0kmc9dZSk1VC/apW4J0kEX5TO6
 Cfzs+NK2zBESAB471FKqr6luUPPz5YPAV2wRCmxLVUhFnb//kbo2UvINulWVkna7NiHqa+prhP1I
 qQrp6i+2Lq9qjD/jtS3Ys2OJ2jVl1UvtAmQiOxdLKaQ5Bz67lnnGb7n6i4FsasdvZZh0KtkGPqqb
 3ZkHl/uOInUh6aKJQipr7SpUOmJg+tFkLhAkJcmZeZh7YmEoQkrMG+K3lLWeH6t8BJPNi1olxXG6
 EleLADA0IbFRS0hiQLaSQnAJaflW5g5NyfBbyltgFRJqlRQidSElJsTyW8pb3A5YhYSkpAipC2nO
 AXYnCbuQkJQUYChCYo/aAJh1CG4hISnJTupC+uq/EoU05URHMdxCQma3zAxFSP/8GvvcqEsD2cnm
 5dUHSUlGpBBSDLN5heO8YQF6rWsXaVqksEEbQkJSkg1phIS2Fhz2SCUkfqy+0ja1a8kESUkGZh1K
 X0jCZnb2wNr1zLAT9UFmtwws35p4JjUh+S1CWwtmD2xYA1+sF2qVFCB1ITnc/DZS9sCGNYliVR8k
 JdkRFtJNH3IJiT9VIKxCQlKSnWRCeu9W5hmvTZtCQraSzKQupImn+TO8wSwk1CrJynASEpKSjEgr
 JHNg3TqYhYSkJBtSC6m27qEX1a6TMMNaSm5HfApkKZFWSFZfbd3qjcxz973aVKnUfRLHEMzulnJl
 843Jh8PdWJU1KP2q163LUxVSSXuyDeSZzNt3ZsKcA+rnNIlnCK3SgTlqF1o63A7+3SGHzqFZ/M/d
 +l5qQsJiiUKqbDo8E778L0OQEnwue+1w63s7FzPPCAuJa6fayqYDc2BMwTysbSUAcCL57ovSkbqQ
 ElmwRyoh0enEpCFBSmMukJlQPfbGKmk/CkaqG4aSS4Xa0LSjmDsFxLhzXAKddOrnv2Ke8dqu/iLZ
 Drgh4+PP0I8W7qY3iEiXtlJpxTTMWyXlmHTqtXuZOd68tqu/6Crkm7blWla9cPen14Ulm5+Q2mhH
 UlKExPTIwkIyB0ZeZp+TVkgAABCfoDV9BKTkdrB3MUMMjcRkpMmE9NSTBd3Mc2whxbCefHE7ZCoF
 r5TChrZScq8gRHoMRUhsz3ZiixTDLoxJvkWGkvA2mFHdlRHw+S60hxRCmnGkrZTdtUV1fblwpV9M
 kBL8S/e0hBRCeuNuZfO7DZUE4dC7yFv8XDnjEeJJFJLfkqqQYlh3AffViblO1IUlJa8tZCQrqouW
 tMM1x6M1uIRU1pqakADgXwk3+qLaNWTCktLpiVSfbAgXdapdOC3DLST+RFt8QuJDF2WP8dSGISW/
 pauQtpWUnFLINObtk1dIAGAxU1DtWjJhmN2dRWJ2EkIkY82GNRuYZ4SFxBVq21Es/BnJt+xRGkar
 pP4W5JlJ6kJauJvcxlBLoKG/7AxFSJ9epz2njOYKrDWGJiRp59qUgSElc0Dt4mQa8gkJvmQ5DCnl
 98RvqoCmTdJFzhYphiWLdFIahpRs3hFXqDiZsAGN5tJD3q4tqoMtGxzLVhpzgZJSVHdhjNqF0zLy
 20iwzcyxpOR04QTlsTg/Vu3CaRfhLSSkMbZh6zUSRnB0ICg9sYtIDeHM/1KN2mAb5SVIKXGxDCJV
 Xni4u2A4DP+ZIL+SomSukASkpIta/GoXLtOQUki6aG5ffY3aNWKUiO8JFGQiNdK2SFhs1KWyVrXr
 FI9ABzf1uNqFyySk7tqwWGEXXFLKgD5aC3AJKf21/3CZIMjsVgB5hAQbSEqyMzyEJCClGAabN1Wb
 yCUk6OfgaMKGMxO0F8kHG/K1SFHd+bFwrZ4WaJU89s4itYunbeTt2nry20tg+rEnSIkOBA0ZhbZs
 QSRDfhuJwGGKxheYzrX4ExOzIMQiv5AM4RFXYIp75fUr6aIOt9OldvG0yqhLjz0r96jN5i1tg8mz
 xCslNHEydG579+EX2F+y1ELSR4o6pU21lS4CmUzQ6tyhkpjXXHo/EnyrcxNspcEstYuUeWSiQzIR
 gREcQhqGh5BQFKXsDBchISnJzPARkqBfCZEuw0lIGo8M8FuaK7jz+cPA8BKSxkPfLP6yVmqTCNgY
 bkLSeKsEgMUP5950w09ImpaS2wHTvHg8G1cfmjXchKThDq6heteivN6aeubOIUrDne0FthwjyqBR
 KdXXAPCXb8ewv37r3duUFxO18haLocklGk12cPU1APz4dzEMAI/95g+U346YWnCki8bnoxruaFJK
 Vt/r91BBX5dHfuuvSu9ARE0u6aKwjh/VQINScjkLuj+5nn7stS3Yo6yYKCmZgmMuqH034EGDUnK6
 Fu5m5gnpyb/hYyXFRH16YZcSwYGwZegezDo2jWvsrEEpLdiTGAhzeWRlk/IbIfJ1b5mXmcpvaSmn
 LMSA+fjUT69LvEZzUmqu+PgG6nj+XjqvwZUR1362dbkyJaBapbxe7iuujEg/fy1cGXAt/iMzKE9Z
 VPfQi1WNiddoTkrXfkYdlbT/8A+PPnfTh9TjsOFHv2fHU8vBj39HHXGHLLucPflwCUEKkudL1piU
 ph+lmlmcuONtAKy+LSueeJp6NoZtWzbzsNw+8ONTyb+6KLeldHimlOtmsRhsthIfmpJSfc2xaeQR
 Frv+k7JWnBh3rqizrvbNu+jb3VLucMtrNVFSNQdueZ/r+cxcIG/1UeFHfAumNCWl+1+hjiad+s6f
 ccLpKmu1+AFYsuPEFH2Eeu7yyHn71q+VqwxNlZTN4HQp42eHo1WafJK6w3wLpjQhJXKgX9hF+XMs
 /uoGq48SEgAAOF1hQ04/dX1Ut27dnAPydHTf+TN1NOUE3zVSOi7hEBIA5S3JgiI1IaWz47222jpq
 D1ksdsv78/bNPFzRzPx99OXGB5wcnF3Q3VglfVm6Csm/WYP8+2lnDaYrAC3GFWhASvU1HvvR6RvW
 UI/nHHjyqdkHuUzewzPjv96B7Js/uPsNacuyfCs1Npt1aNEu7musvvSXX2txBAi9lMgssLR/u6jz
 r98qb7F5ua9+4+7dC2mrKYY1VJuCUnqbXn6A/KuL8gkJAJxIf6kFLSVYOrjkQC8lAAD4/Y8o/7Y+
 UlsnvLy5qjFsmHaMfhwyrthS0C3NmC6nn/qKy1vYW5rSEHhmjuFo3A6us5BLyeXEiYujD86mHt/x
 thgn5NHp8W0TAB77NZ/PPMx9A8SzcPdANnmkj9z7Gv91Pmt/TrodFB0Rxd8qQb/QGy7MAZxYu556
 NPH0f3xP3OtGXxx5mWmxtJQXd0w/OvQ8aZVNtBF/w8fCu29fHimdrcM3boJvkRnkUgqY12yg/du/
 /pnYJDB3vdmfE9FPPc6U07Fpk09OPjmUGILpR//1Veq4qPPP3xG+2mtLT0r0+I2/TVI6gtPlTJYC
 AGop+S1/+ybdjizdvmSHuNfd/UZnUVQHQFtpSftjzxrCzFsy87AhvGSH1ya2FI1VWYOUlx0Ac6C+
 hs/op+jLTU9K9JfGLyWlW6X2kmR1glpKnUWPP0Mdl7X+8QfiXtVY9fdvUGEepya9deeHN/3wD8wb
 H9G/deeoSzhx9xvJBOVyWn0Ld9NTmRb/23dwzYozGchOT0pixm+6qLKtktuh4VappbyyiSq+OfD8
 I2Jft3xrfIbGjuJ7Xv/m3yL6LSvYtz5oaqgedUkXtfpWbUr0jN/9RvaALjr5ZF8ufW70xX3zhIXk
 tTVWAeC3SGMrCRndyttKmpVSU+WmVRdHk8dY7Id/SN4WkNz6Xlch84u8OPre1xqql28dzOooTgwL
 iWF9ub/5afYAFmP+a6hmCgKLLdt2YQzpT+cfC9q8sw+mm1go/tVC4ze1ligMZh2bxjV8gVRKDdWn
 JtGjtXn7Nq8U97odS/bOT9yApi932bZVmwBwuN2OGPbE06lncBx5+YObaVenkGfL5m2uSG93NzFG
 NwBZg3yBd3ITMLeUc/npoJRSfQ2B/+S3VJuQ27dlhdhXPvwCd9a6kHHLCsrUrqsdyI5hTzwtdnoj
 r/fNu3ryqVYx+STxF1en1yqJ83RnDyi72oVuA6O6gWyuQDgopQTA6/dQ4WO66EMvis0LUNnEH78Y
 1b172y3v046Aulq/JYbFsKpGPvMVi+X1rlsXwy6PjB85tpYlK8XZ8elMxsYLScgeyu3L7xn6p6SK
 3zL5JLM0idsaQrg6t6EaJ+jFSQv21NWKe92GNcIr9WPY4Zm3vL91OXP2bPdC6qipsr7m8MzBLACm
 Hl+/lk++wjFKfssLD6eXlp3uHIXjJ/N6lZSSxV/eQs0f6KLZA1ZfQTf7GgildP0nk09Sv027R2zn
 5rVtXpl8rf6lUd/9rzve/u1PuDxDlU2VTemWvbWsoTq99SZiJ3ILu5TO2U1HUZa3TDuWKGQIO7gV
 W6jftT7y2LNiV5rd+FFvnpgheMj45l3XfC5HJBMAALxze0dxOpaS2O4Ni6m3mDNrcNoxhztRyNBJ
 yeX8+zeo41veX71R3KtWbWorFf8VdhQv2bFys9RRlvU19TXptkliuzdTsLBL2tKnD3RSKmulfpkT
 ziSb66JwOf/je6kloiHwV+4vb5G6bdq1yGNXYvQGQE7/qEvSll0YMdNMkElp3j5KEqZgXa1Ya+C2
 d6nwD/HEsI7ixTsX7k439ISiofri6E+uT69Nol+ti8YHySQy8vK4c9KUWxw2r9eW7EcCldm9Y8n+
 udTx4p38sdNMqMnb1AkbPr5h1qGVm+kwltRprjg3jsABwInf/iTdLlN87KTDPfZ8ep+VKgdna2g6
 1+1Yup06droS/RbcNFa9d2s6bUFf7q9+Pv7sxtVDfX1Z6+STVp/Vt2pTusu74+2kZDNs048qvVVO
 8q4bIilVNFNeoazB5x8R27nd/0r6bcHF0U88bfMu3T6Uzs7iL28h8Pte7S5Idwo3PrREuFXCiQln
 0vus1NHQQu+mygtjqOO5+/mD8Jks2nVplDSz8P05OxdPPT7zcOqvvPuNe18T54gQgm5ZsZiwnQRA
 Xm9JuxR1TgW7J1lLCY2tNP2oPkK1Sp9cv3KzmAnchup/fTW9qVMmIePxqThh8U879rNfc4vZa9s7
 32Mnjx3urMEXH/roRmlCSuLtpGSWUnEHncFFKaYeT1YqSKTkcjpdZyaMO0fe0Bj20oMW/zOPC7/G
 b3nsWTm2HPNbDsxZssMcKOiecuIbf7/pw/we2jdu8xZ2EbjP2pO/f+7+uclHNWJJpU0CYMYR5fcP
 LerUSKvkdAHgcB+aNesQJaaNqy1+4ZHVzR9IGY7PJmA+O/7s+MYqXdQYwglTECeyBwxhAAay+3IH
 soMmKT85qqPfTRdN9us3huIXZylFctsVEimRlLd8cPPNH5C3Nap76kljiH+12dblyqRZj+oIPLnJ
 mR50J53MnwQAAKMvKt+9iQEas5ukqvHV+6jjqO4Xv6SXdzPx2tavzZRE6/GuDDFhtnP3X/ep2mXm
 Ik0pDX1dGR819U8/QR3zi0ns5C38RPTxnVtyKRlD7LQbsJCmlOQw/9ZsWLeOOuYW0+PPpDJ5Czfx
 4bfJOzcARl+cdUjseyu7BwyUX8ja9XRSwKiuto65uNvl/MMPM7Fz00fEpJqYu198VJWyrReUUgKg
 rnbZNuo4hm1bRiczHdrkLZyEjKl1bgBkD9z4kdql5gNSKQGwdfmWFfSvdO/8knZyWuMHfxzq5C1s
 hA3xbknmGmI+ylrFLuJSHoi/lOVbD82if6lnJkw50VjVVPnO7ZmRYD1siJ9zE2MlAWAI3/6O0tO4
 4oHKr8SmvCWiNwUp6fgtt76X0y+Hf1t54oUEgD4ibq3thDPpR5/LB8StEknQNPIydRzRXxkh5Zyb
 WjCFZAiLE5Iu+u2/qLuRYpLyqV2A5PTkzz5IP4roQ0Zt20rM8osVEgATznDnCYcFTXwpB+bER1TG
 sLBBixlkSeJHbeK7NgD0kXteh7lN0oiUAHjj7jfvir/pWm2bmNPA+og4cxsAAKacuO1dtUsvjGa+
 jiU7Ivr4eOYYFjZoy26K6piOVUNYvJCMoeoGscvd1UIzUgIAgM6ip5+I9whHdUGTVtqmkJEpfPE2
 EgAAVDYJJVJNl8YqKaZYNPJFUKzZENUxM3iEDUzrA0aiOmbHhsWMoVSENOPIwy8kS1qYDiXtUkyx
 aExKAAAQMMeP6ACIYSFjvOcYNtjtERYzhFNJ7I7FDsyR08fdVMm9r12qaFBKAByYs24d81cd1cEp
 p5CRHW+pjxhDqe0QcNWX8pZx+lFppn01KSUA1q5/5nF2qirY5BQ2sGWExYwh8aY2SX7PI8/zP+u1
 tZQ3VwgvwxaOKXM7pOo6BaRE4NIHtknH6o2v3jfyMtviiOpCRhjcBGFD4oAg9fYIAJz4+a/4U0x7
 bUenH5nhcgqLQTimTLo5PYGb7rFTW3vCSXXD9qU2L06wv54YFjYETWq1T1FdyJgoI1009fYIAF30
 +3/i37fAbzk9sbuAwMUuiJcbASkFTXKHx6dLVeNn1xZ0m4KmYOKvnfxKlfWKh4xcEtZFjaHUDG0S
 LPa1f9LxpNwQeE29kjUUQsDJV9QJ58qGeJyu41Ov+fzUJGOIPUlKEtFH9OQ6Djk3w4phfG1gqqO1
 eGYf3LRKqOuy+CeehmkqRaBVwgnlF+6ljsV/ZMbNHxjCABjCpiB3J0K2UHJ0ehF9yBg0cXu2dFFj
 KHXriGLyyd/8NNn9l9PXlDqqG6hSsHPxE09nDwAAgD5iCvK3A5SkgqZ0TPMYFjZQ7xO/XoQGixnC
 QuVITnHHSw/C1OKIISOkBMCaDZ9fU9RJfnW6qDGU7IskTXNKVmFDRM8tCvpqSjykDPmv1UeModR8
 2YlMO/bXb8Ec5MaNpiZEhXC62koX72ysojzLZNh9VCckEZIYRl6RnomOxcQHjAi/z7x9r98Db9gt
 PxnSKpHsXPzyAyOuxLdGZAuVbishDNmdSfMZ+sjS7X//hhaFlGFSAqC64cyEq75kG9/kl20KmoLS
 jeSwmD5iDJmCUgoVJx5/5o8/gHPtbXIyTEoAWPz75tXWkUZ4ItTXbwoawrpo8kxGTGj5mILGkNQO
 BrunoTqdrJhqw7CVvDa4hpdDZc2G295dtq2lXCg0TtwSRqXQRRfsefkBbXZs/1+H+AenJ6pdHGnw
 2s6Ov/+Vx56dcAYmufAz4sozj793q7aFxGqVzo0be179qdD0sXkX7QKgvubJp86O37asuwDmOhlD
 t7370oOZ0BswbvKSHcemaXctB5uaegKfc+CLq3/xy/weOadNho4uOvnkRzduX5oJQkowuz122Kdw
 U6Gm3mM/PfHhFy6MWb0xeYZXpRl7/tX7jszQmk+bH5aUCFxbqziSUd1Q0dyTD0Bdrduxe+GcA8aQ
 2iUCAAAsZvM+/UR7CSzhIdLAYUXAE4coDQ43uZ6isumza/tzHnjZ5lWzuzOGZhx55/bzY8XuKaUd
 EqQEs4k6VOKdfptXnh/7zu0zjijfPmExu+fBl86OlzfoXz0yqjsTS1XjdZ+2lr1154c3nR3flyt/
 K4zFcvpnH3zuUdgXRaYHS0p8WxJnGj3558ZNOTHlBAB2zxdX71rUXjKQLYekDOGRl+fu/9XPtRD5
 lXZdmQ/tHrULpAwONx18v2jX2vUAuB2bV354U0dxX2767hAsZgravLMO1dSL3aslE2BJqaSdSmQX
 0WeSWyA5Dje1EcaOJf/82rlx3QU9+QPZBC4uPlwXNYayBrMHbN6y1q//Y/FOrU7JpgNLSk4XFTIW
 1VHbwgw3luxIXC7ktfXkB8yDWYNZzKxzeb1jz+f3DEfhJJJgdlMjmxh2cbTahYMHmzczPNJywhr6
 t5TTx1dGqF04hJZgSenIDNpCUjYXPULrcEycZJq3G6EMw8LbjVAClnAcbtjmzzMf4Twk2oElpdkH
 udbfI+QkU8aGLCnZvLSPBHlLEKnAaxnpotKklUMMF3ilpI/EpzZGIJLBKyUsZvWpXTiElkBDf4RE
 ICkhJAJJCSERLCllirsMoTwsKZkDahcIoVUYUvJbkFsSMVQYUkJCQgwdZHYjJAJJCSERSEoIiYBY
 Sn5LY5XaZUCIB+KF3hZ/SbvaZZCb+hoAcMLuKWnP7zk6vaOYwAFwuGcf1GIME8RSSrb9lPbwW1rL
 zo3zWXGiuKO07fzYc+MAAIDA3Q6ftaA7a9Dq89gBcDvyes0B7Y2meaXksX/7L+oH5/bkp3J1fo/a
 5U1OVBfVAUBm5yWTz5PR9OS9po5Tzd2rBAGz8AISXilF9AGz2oUfPukwtASfMiA2uxFw4re0l3Cd
 R1JCpEjQ1FLeXJF4PqFL3rHkg5uZKRbkJ2wYyAYgYA6aqDP6iClo8eOEIQzAYFZfLtmk5vRbfVSm
 lcEsAg+aAmYAzIHcPkOYOg8DYQOBEzizIzAFzYHsAbI+fkvAHNHz1ccUzO0jaw4Pg1l+S0RPZnVp
 quS+BgrrrqX87Pipx/N7Tk88N47AqaXmdk9h18TTNi8Absf+uT4rAHbP/L3xw2S/pbPo8kjyGphw
 O45Ny+sde74n/+x4Oh+M1VfQXdrmcAPgte2d77EDYPVNPhmfCc5v6SwKmIs6YauP13Z6IgATT/fk
 t5fwJz9UXUp+y6lJmZ1YT+t4bQdnux1s2SeiupQQcOO3HJjTUSxmu2dkdiOSkNcLgJh9w1GrhJAI
 1CohJAJJCSERSEoIifhfYiLpk0SDlz8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDYtMDRUMjA6
 MjA6MTYrMDg6MDBOMzq8AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA2LTA0VDIwOjIwOjE2KzA4
 OjAwP26CAAAAAABJRU5ErkJggg==" />
 </svg>
--- a/src/assets/nodata.png
+++ b/src/assets/nodata.png
--- a/src/assets/pdf4.jpg
+++ b/src/assets/pdf4.jpg
--- a/src/assets/zaiban.png
+++ b/src/assets/zaiban.png
--- a/src/components/AppprovalUserSelect/UserSelectModal.vue
+++ b/src/components/AppprovalUserSelect/UserSelectModal.vue
@ -0,0 +1,244 @@
 <template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :ok-button-props="{ class: { 'jee-hidden': true } }"
    @cancel="close"
    :containerSelector="'.WmdCard'"
    switch-fullscreen
    cancel-text="关闭"
  >
    <!-- 内容区域 -->
    <div class="user-select-modal-content">
      <!-- 左侧搜索与结果区域 -->
      <div class="left-area">
        <div class="search-bar">
          <w-input v-model.trim="searchVal" :placeholder="placeholder" @keyup.enter.native="handleSearch" />
          <w-button type="primary" icon="search" @click="handleSearch">搜索</w-button>
        </div>
        <a-spin class="spin-loading" :spinning="loading">
          <div class="result-list" v-if="searchResult.length > 0">
            <div v-for="item in searchResult" :key="item.userCode" class="result-item">
              <w-checkbox v-model="item.checked" @change="() => handleItemCheck(item)">
                {{ `${item.userCode}-${item.userName}` }}
              </w-checkbox>
            </div>
          </div>
          <div v-else class="empty-tip">无信息</div>
        </a-spin>
      </div>
      <!-- 右侧已选区域 -->
      <div class="right-area">
        <div class="selected-header">
          已选 {{ selectedItems.length }}/{{ maxSelectNum }}
          <a @click="clearSelected" class="clear-btn">清空</a>
        </div>
        <div class="selected-list" v-if="selectedItems.length > 0">
          <div v-for="item in selectedItems" :key="item.userCode" class="selected-item">
            {{ `${item.userCode}-${item.userName}` }}
            <a class="delete-btn" @click="handleDeleteSelected(item)"> 删除 </a>
          </div>
        </div>
      </div>
    </div>
    <template slot="footer">
      <w-button @click="close"> 关闭 </w-button>
      <w-button @click="handleOk" type="primary"> 确认 </w-button>
    </template>
  </j-modal>
 </template>
 <script>
 import { getAction } from '@/api/manage';
 export default {
  name: 'UserSelectModal',
  components: {},
  props: {
    // 接收父组件已选中的数据
    initialSelected: {
      type: Array,
      default: () => [],
    },
    placeholder: {
      type: String,
      default: '支持多个关键字搜索，空格隔开',
    },
    maxSelectNum: {
      type: Number,
      default: 1,
    },
  },
  data() {
    return {
      title: '选择人员',
      width: 800,
      visible: false,
      loading: false,
      searchVal: '',
      searchResult: [],
      selectedItems: [],
    };
  },
  methods: {
    // 打开弹窗时初始化已选数据
    open() {
      this.visible = true;
      // 同步父组件已选中的数据到弹窗的已选列表
      this.selectedItems = [...this.initialSelected];
      // 如果有搜索结果，同步勾选状态（避免已有选中项在弹窗中未勾选）
      this.syncCheckedStatus();
    },
    // 同步左侧搜索结果的勾选状态（与已选列表匹配）
    syncCheckedStatus() {
      if (!this.searchResult.length) {
        return;
      }
      this.searchResult.forEach((item) => {
        // 检查当前项是否在已选列表中，同步勾选状态
        item.checked = this.selectedItems.some((selected) => selected.userCode === item.userCode);
      });
    },
    close() {
      this.visible = false;
      this.searchVal = '';
      this.searchResult = [];
    },
    async handleSearch() {
      if (!this.searchVal) {
        this.searchResult = [];
        return;
      }
      this.loading = true;
      const res = await getAction(process.env.VUE_APP_API_AUTH + '/userInfos', {
        queryParam: this.searchVal,
      });
      if (res.code === '0') {
        this.searchResult = res.data.list;
        // 搜索完成后同步勾选状态（匹配已选列表）
        this.syncCheckedStatus();
      } else {
        this.searchResult = [];
        this.$message.warning(res.msg || '获取数据失败');
      }
      this.loading = false;
    },
    handleItemCheck(item) {
      if (item.checked) {
        if (this.selectedItems.length >= this.maxSelectNum) {
          item.checked = false;
          this.$message.warning(`最多只能选择${this.maxSelectNum}项`);
          return;
        }
        this.selectedItems.push({ ...item });
      } else {
        const index = this.selectedItems.findIndex((selectedItem) => selectedItem.userCode === item.userCode);
        if (index !== -1) {
          this.selectedItems.splice(index, 1);
        }
      }
    },
    // 处理已选列表中单项删除
    handleDeleteSelected(item) {
      // 从已选数组中移除
      const index = this.selectedItems.findIndex((selectedItem) => selectedItem.userCode === item.userCode);
      if (index !== -1) {
        this.selectedItems.splice(index, 1);
      }
      // 同时取消左侧对应项的勾选状态
      const resultItem = this.searchResult.find((resultItem) => resultItem.userCode === item.userCode);
      if (resultItem) {
        resultItem.checked = false;
      }
    },
    clearSelected() {
      this.selectedItems = [];
      this.searchResult.forEach((item) => {
        item.checked = false;
      });
    },
    handleOk() {
      // 将选中数据同步到AppprovalUserSelect组件
      this.$emit('select-confirm', this.selectedItems);
      this.close();
    },
  },
 };
 </script>
 <style lang="less">
 .user-select-modal-content {
  display: flex;
  height: 400px;
  .left-area,
  .right-area {
    border: 1px solid #e8e8e8;
    height: 100%;
    overflow: hidden;
  }
  .left-area {
    flex: 3;
    .search-bar {
      padding: 10px;
      border-bottom: 1px solid #e8e8e8;
      display: flex;
      align-items: center;
    }
    .spin-loading {
      width: 100%;
      height: calc(100% - 50px);
      .ant-spin-container {
        height: 100%;
      }
      .result-list {
        height: 100%;
        overflow-y: auto;
        .result-item {
          padding: 10px;
          cursor: pointer;
          &:hover {
            background-color: #f5f5f5;
          }
        }
      }
    }
    .empty-tip {
      height: calc(100% - 50px);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #cccccc;
    }
  }
  .right-area {
    flex: 2;
    margin-left: 10px;
    .selected-header {
      padding: 10px;
      border-bottom: 1px solid #e8e8e8;
      display: flex;
      justify-content: space-between;
      .clear-btn {
        color: #1890ff;
        cursor: pointer;
      }
    }
    .selected-list {
      height: calc(100% - 50px);
      overflow-y: auto;
      .selected-item {
        padding: 10px;
        border-bottom: 1px solid #e8e8e8;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .delete-btn {
          color: #f5222d;
          cursor: pointer;
        }
      }
    }
  }
 }
 </style>
--- a/src/components/AppprovalUserSelect/index.vue
+++ b/src/components/AppprovalUserSelect/index.vue
@ -0,0 +1,270 @@
 <template>
  <div class="personnel-selector">
    <div class="selector-wrapper">
      <md-select
        v-model="selectedCodes"
        remote
        multiple
        filterable
        collapse-tags
        :placeholder="placeholder"
        :disabled="disabled"
        :remote-method="handleRemoteSearch"
        :loading="loading"
        @change="handleSelectChange"
        :inputtranslatevalue="selectedCodes"
      >
        <md-option
          v-for="item in options"
          :key="item.userCode"
          :label="`${item.userCode}-${item.userName}`"
          :value="item.userCode"
        />
      </md-select>
      <a-icon class="user-icon" type="user" @click="openUserSelectModal()" :disabled="disabled" />
    </div>
    <user-select-modal
      :placeholder="placeholder"
      :max-select-num="maxSelectNum"
      :initial-selected="selectedItems"
      @select-confirm="handleSelectConfirm"
      ref="userSelectModal"
    />
  </div>
 </template>
 <script>
 import UserSelectModal from './UserSelectModal.vue';
 import { getAction, postAction } from '@/api/manage';
 export default {
  name: 'AppprovalUserSelect',
  components: { UserSelectModal },
  props: {
    // 父组件传入的选中值（逗号分隔字符串）
    value: {
      type: String,
      default: '',
    },
    // 占位符文本
    placeholder: {
      type: String,
      default: '请输入关键词搜索',
    },
    // 是否禁用
    disabled: {
      type: Boolean,
      default: false,
    },
    // 最大选择数量
    maxSelectNum: {
      type: Number,
      default: 1,
    },
  },
  data() {
    return {
      options: [], // 下拉选项列表（随搜索变化）
      selectedCodes: [], // 选中的code数组（与父组件同步）
      selectedItems: [], // 存储选中项的完整数据对象（核心新增）
      loading: false,
    };
  },
  watch: {
    // 监听父组件传入的value变化，同步到组件内部
    value: {
      immediate: true,
      handler(newVal) {
        // 统一转为数组（空值则为空数组）
        const codes = newVal ? newVal.split(',') : [];
        // 关键判断：只有当父组件传入的codes与当前selectedCodes不一致时，才执行后续逻辑
        const isEqual = this.arrayEqual(codes, this.selectedCodes);
        // 一致则直接返回，避免重复操作
        if (isEqual) {
          return;
        }
        // 同步选中的code数组
        this.selectedCodes = codes;
        // 初始化时同步选中项完整数据
        if (codes.length) {
          this.fetchUserInfoByCodes(codes);
        } else {
          this.selectedItems = [];
        }
      },
    },
    // 监听组件内部选中值变化，同步到父组件（双向绑定）
    selectedCodes(newVal) {
      this.$emit('input', newVal.join(','));
    },
  },
  methods: {
    /**
     * 远程搜索处理函数
     * @param {String} query 搜索关键词
     */
    async handleRemoteSearch(query) {
      // 去除前后空格
      const trimmedQuery = query?.trim() || '';
      // 若处理后为空，或长度小于3，则不执行后续逻辑
      if (!trimmedQuery || trimmedQuery.length < 3) {
        this.options = [];
        return;
      }
      this.loading = true;
      const res = await getAction(process.env.VUE_APP_API_AUTH + '/userInfos', {
        queryParam: trimmedQuery,
      });
      if (res.code === '0') {
        this.options = res.data.list;
        // 搜索后更新选中项：确保已选项在新options中时数据同步
        this.syncSelectedItems();
      } else {
        this.options = [];
        this.$message.warning(res.msg || '获取数据失败');
      }
      this.loading = false;
    },
    // 辅助方法：判断两个数组是否完全相等（顺序无关，值相等即可）
    arrayEqual(arr1, arr2) {
      if (arr1.length !== arr2.length) {
        return false;
      }
      // 排序后对比字符串（避免顺序不同导致误判）
      return arr1.sort().join(',') === arr2.sort().join(',');
    },
    /**
     * 根据用户code数组获取完整信息（用于回显）
     * @param {Array} codes 用户code数组
     */
    async fetchUserInfoByCodes(codes) {
      this.loading = true;
      const res = await postAction(process.env.VUE_APP_API_AUTH + '/userInfosExt', {
        userCodes: codes,
      });
      if (res.code === '0') {
        // 初始化选中项完整数据
        this.selectedItems = res.data.list;
        // 将回显数据添加到当前选项中（确保显示正常）
        res.data.list.forEach((item) => {
          const exists = this.options.some((option) => option.userCode === item.userCode);
          if (!exists) {
            this.options.push(item);
          }
        });
      } else {
        this.selectedItems = [];
        this.$message.error(res.msg || '获取默认数据失败');
      }
      // 默认值时触发Change事件
      this.handleSelectChange();
      this.loading = false;
    },
    /** 同步选中项完整数据（核心方法） */
    syncSelectedItems() {
      // 1. 过滤出当前已选中但不在selectedItems中的新项（从options中取）
      const newItems = this.selectedCodes
        .filter((code) => !this.selectedItems.some((item) => item.userCode === code))
        .map((code) => this.options.find((item) => item.userCode === code))
        .filter(Boolean); // 过滤无效项
      // 2. 保留已在selectedItems中且仍被选中的项
      const retainedItems = this.selectedItems.filter((item) => this.selectedCodes.includes(item.userCode));
      // 3. 合并新项和保留项，得到最新的选中项完整数据
      this.selectedItems = [...retainedItems, ...newItems];
    },
    /**
     * 处理选择变化
     */
    handleSelectChange() {
      // 检查是否超出最大选择数量
      if (this.selectedCodes.length > this.maxSelectNum) {
        // 截断数组保留前maxSelectNum项
        this.selectedCodes = this.selectedCodes.slice(0, this.maxSelectNum);
        this.$message.warning('超出了最大选中数量');
      }
      // 同步选中项完整数据
      this.syncSelectedItems();
      // 触发change事件，返回最新的选中项完整数据数组 用 $nextTick 延迟触发 change，等待 input 事件的异步更新完成
      this.$nextTick(() => {
        this.$emit('change', [...this.selectedItems]);
      });
    },
    /* 打开弹窗 */
    openUserSelectModal() {
      if (!this.disabled) {
        this.$refs.userSelectModal.open();
      }
    },
    handleSelectConfirm(selectedItems) {
      // 处理从弹窗回传的选中数据，更新自身selectedCodes和selectedItems等
      this.selectedCodes = selectedItems.map((item) => item.userCode);
      this.selectedItems = selectedItems;
      this.options.push(...selectedItems);
      // 用 $nextTick 延迟触发 change，等待 input 事件的异步更新完成
      this.$nextTick(() => {
        this.$emit('change', [...this.selectedItems]);
      });
    },
  },
 };
 </script>
 <style lang="less">
 .personnel-selector {
  width: 100%;
  .selector-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    .md-select {
      width: calc(100% - 26px);
      height: 100% !important;
    }
    .user-icon {
      border: 1px solid #c4cdd5;
      padding: 5px;
      height: 26px;
      width: 26px;
      text-align: center;
      border-left: none;
      cursor: pointer;
    }
  }
  .md-select__tags {
    height: 26px !important;
    max-width: none !important;
    .md-tag {
      font-size: 12px !important;
      height: 20px !important;
      max-width: none !important;
      .md-select__tags-text {
        max-width: none !important;
      }
    }
  }
  .md-input__inner {
    height: 26px !important;
    padding-right: 0 !important;
  }
  .md-select__input {
    padding-left: 2px !important;
    margin-left: 0 !important;
  }
 }
 </style>
--- a/src/components/ApprovalProgressTemplate/components/passModal.vue
+++ b/src/components/ApprovalProgressTemplate/components/passModal.vue
@ -0,0 +1,148 @@
 <template>
    <j-modal class="noBorder" :title="title" :width="width" :visible="visible" @cancel="handleCancel">
        <template slot="footer">
            <w-button @click="handleCancel">取消</w-button>
            <w-button type="primary" @click="handleOk">确定</w-button>
        </template>
        <a-spin :spinning="loading">
            <div>
                <div v-if="['handler_communicate', 'handler_commission'].includes(flag)" class="passLabel">处理人</div>
                <AppprovalUserSelect style="margin-bottom: 20px;" v-model="operator" @change="getOperator"
                    v-if="['handler_communicate', 'handler_commission'].includes(flag)" />
                <!-- @change="
                    (data) => {
                        currentByName = (data && data.length > 0) ? data[0].userName : ''
                    }"  -->
                <!-- <w-input style="margin-bottom: 20px;" v-model="operator"
                    v-if="['handler_communicate', 'handler_commission'].includes(flag)" placeholder="请输入关键字" /> -->
                <div class="passLabel">
                    <span class="required"
                        v-if="['handler_communicate', 'handler_refuse', 'handler_abandon'].includes(flag)">*</span>
                    处理意见
                    <span class="required_text"
                        v-if="['handler_communicate', 'handler_refuse', 'handler_abandon'].includes(flag)">(必填)</span>
                </div>
                <w-input style="margin-bottom: 20px;" v-model="remark" type="textarea" :rows="3" />
                <div v-if="flag === 'handler_refuse'">
                    <div class="passLabel">
                        驳回到
                    </div>
                    <md-select v-model="node">
                        <md-option v-for="item in refuseNodeList" :key="item.nodeId" :value="item.nodeId"
                            :label="item.nodeName" />
                    </md-select>
                    <div>
                        <md-checkbox v-model="refusePassedToThisNode">重新提交后直接返回本节点</md-checkbox>
                    </div>
                    <div>
                        <md-checkbox v-if="refusePassedToThisNode"
                            v-model="refusePassedToAllApprover">返回后该节点人员默认全部重审</md-checkbox>
                    </div>
                </div>
            </div>
        </a-spin>
    </j-modal>
 </template>
 <script>
 import AppprovalUserSelect from '@/components/AppprovalUserSelect/index'
 export default {
    name: "passModal",
    components: {
        AppprovalUserSelect
    },
    data() {
        return {
            visible: false,
            width: 500,
            title: '',
            flag: '',
            remark: '同意',
            operator: '',
            node: "",
            refusePassedToThisNode: false,
            refusePassedToAllApprover: false,
            refuseNodeList: [],
            loading: false,
            operatorName:'',
        }
    },
    created() {
    },
    methods: {
        show(obj) {
            this.flag = obj.flag
            this.title = obj.title
            this.refuseNodeList = obj.refuseNodeList || []
            if (this.refuseNodeList.length) {
                this.node = this.refuseNodeList[0].nodeId
            }
            if (this.flag === 'draft_submit') {
                this.remark = '同意'
            }
            this.visible = true
        },
        getOperator(data){
            if (data && data.length > 0) {
                this.operatorName = data[0].userName;
            } else {
                this.operatorName = '';
            }
        },
        handleCancel() {
            this.remark = ''
            this.visible = false
        },
        handleOk() {
            if (this.flag === 'handler_refuse' && !this.node) {
                return this.$message.error('请选择驳回节点')
            }
            if (['handler_communicate', 'handler_commission'].includes(this.flag) && !this.operator) {
                this.$message.error('处理人必选')
                return
            }
            this.loading = true
            this.$emit('ok', {
                remark: this.remark,
                operator: this.operator,
                operatorName: this.operatorName,
                node: this.node,
                refusePassedToThisNode: this.refusePassedToThisNode,
                refusePassedToAllApprover: this.refusePassedToAllApprover,
            })
        }
    }
 }
 </script>
 <style scoped lang="less">
 .noBorder /deep/ .ant-modal-content {
    .ant-modal-header {
        border: none;
        .leftTitle {
            padding: 0 8px;
        }
    }
    .passLabel {
        margin-bottom: 10px;
        .required {
            color: red;
        }
        .required_text {
            font-size: 12px;
            color: #cccccc;
        }
    }
    .ant-modal-footer {
        border: none;
        padding: 6px 8px;
    }
 }
 </style>
--- a/src/components/ApprovalProgressTemplate/index.vue
+++ b/src/components/ApprovalProgressTemplate/index.vue
@ -0,0 +1,494 @@
 <template>
    <j-modal :title="title" :width="width" :visible="visible" @cancel="handleCancel" :footer="null">
        <!-- <template slot="footer">
            <w-button type="primary" @click="handleCancel">关闭</w-button>
        </template> -->
        <a-spin :spinning="loading">
            <div v-if="type === 'submit'">
                <div>
                    <div class="topArea">
                        <div class="topArea_box">
                            <div class="topArea_theme">
                                <div class="topArea_theme_label">
                                    主题
                                </div>
                                <w-input style="width: 300px;" v-model="themeTitle" />
                            </div>
                            <div class="buttonArea">
                                <w-button v-for="item in buttonList" :key="item.name" type="primary"
                                    @click="openFlowModal(item)">{{
                                        item.name }}</w-button>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <w-tabs v-model="activeKey" type="card" style="width: 100%" size="mini">
                        <w-tab-pane tab="流程表格" key="flowTable" :forceRender="true">
                            <a-table ref="table" :columns="submitColumns" :pagination="false" :dataSource="dataSource"
                                bordered size="middle" row-key="id" class="j-table-force-nowrap">
                                <span slot="operator" slot-scope="text, record">
                                    <span v-if="record.currentNode">{{ record.handlerNames }} </span>
                                    <!-- <w-input v-else-if="record.showType === 'input'" v-model="operator" /> -->
                                    <AppprovalUserSelect v-model="operator" v-else-if="record.showType === 'input'" @change="getOperator" />
                                    <span v-else></span>
                                </span>
                            </a-table>
                        </w-tab-pane>
                    </w-tabs>
                </div>
            </div>
            <div v-if="type === 'audit'">
                <div>
                    <div class="topArea">
                        <div class="topArea_box">
                            <div class="topArea_theme">
                                <!-- <div class="topArea_theme_label">
                                主题
                            </div> -->
                                <div>
                                    {{ themeTitle }}
                                </div>
                            </div>
                            <div class="buttonArea">
                                <!-- 遍历 -->
                                <w-button v-for="(item, index) in buttonList" :key="item.name"
                                    :type="index === 0 ? 'primary' : ''" @click="openFlowModal(item)">{{
                                        item.name }}</w-button>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <w-tabs v-model="activeKey" type="card" style="width: 100%" size="mini">
                        <w-tab-pane tab="审批记录" key="auditRecord" :forceRender="true">
                            <a-table ref="table" :columns="auditColumns" :pagination="false" :dataSource="dataSource"
                                bordered size="middle" row-key="id" class="j-table-force-nowrap" />
                        </w-tab-pane>
                        <w-tab-pane tab="日志" key="auditLog" :forceRender="true">
                            <a-table ref="table" :columns="auditColumns" :pagination="false" :dataSource="logList"
                                bordered size="middle" row-key="id" class="j-table-force-nowrap" />
                        </w-tab-pane>
                    </w-tabs>
                </div>
            </div>
        </a-spin>
        <passModal ref="passModal" @ok="hanledOK" />
    </j-modal>
 </template>
 <script>
 import { postAction } from '@/api/manage'
 import passModal from './components/passModal.vue'
 import { mapGetters } from 'vuex'
 import AppprovalUserSelect from '@/components/AppprovalUserSelect/index'
 export default {
    name: "ApprovalProgressTemplate",
    components: {
        passModal,
        AppprovalUserSelect
    },
    data() {
        return {
            loading: false,
            type: 'submit',
            activeKey: 'flowTable',
            title: "提交",
            width: 800,
            visible: false,
            themeTitle: '',
            // 业务id
            businessId: '',
            // 流程id
            flowId: "",
            // 操作人
            operator: "",
            operatorName:'',
            submitColumns: [
                {
                    title: '序号',
                    dataIndex: 'nodeId',
                    key: 'nodeId',
                    width: 60,
                    align: 'center',
                },
                {
                    title: '节点',
                    align: 'center',
                    dataIndex: 'nodeName',
                    ellipsis: true,
                    width: 200,
                },
                {
                    title: '处理人',
                    align: 'center',
                    width: 300,
                    dataIndex: 'operator',
                    ellipsis: true,
                    scopedSlots: { customRender: 'operator' },
                },
                {
                    title: '类型',
                    align: 'center',
                    dataIndex: 'processType',
                    ellipsis: true,
                },
            ],
            auditColumns: [
                {
                    title: '节点',
                    align: 'center',
                    dataIndex: 'fdNodeId',
                    ellipsis: true,
                    width: 100,
                },
                {
                    title: '节点名称',
                    align: 'center',
                    dataIndex: 'fdNodeName',
                    ellipsis: true,
                    width: 100,
                },
                {
                    title: '操作人',
                    align: 'center',
                    width: 100,
                    dataIndex: 'fdHandlerName',
                    ellipsis: true,
                },
                {
                    title: '操作',
                    align: 'center',
                    dataIndex: 'fdOperationName',
                    ellipsis: true,
                    width: 100,
                },
                {
                    title: '附件/审批意见',
                    align: 'center',
                    dataIndex: 'fdAuditeInfo',
                    ellipsis: true,
                    width: 200,
                },
                // {
                //     title: '时间',
                //     align: 'center',
                //     dataIndex: 'time',
                //     ellipsis: true,
                //     width: 100,
                // },
            ],
            dataSource: [],
            url: {
                // 流程初始化
                initProcess: '/flow/common/initProcess',
                // 按钮list
                optionList: '/flow/common/optionList',
                // 流程list
                flowList: '/flow/common/info/table',
                // 提交
                submit: '/flow/common/submit',
                // 审核
                approve: '/flow/common/approve',
                // 审批记录
                auditeNote: '/flow/common/auditeNote',
                // 补充审批记录
                auditeNoteSupply: '/flow/common/info/process',
                // 日志
                logList: '/flow/common/log/list',
                // 驳回节点列表
                refuseNode: '/flow/common/refuseNode/process',
            },
            buttonList: [],
            fdActivityType: '',
            taskId: "",
            nodeInstanceId: '',
            refuseNodeList: [],
            logList: [],
        }
    },
    created() {
    },
    methods: {
        ...mapGetters(['userInfo']),
        async getFlowList() {
            const res = await postAction(this.url.optionList, {
                fdId: this.flowId,
                loginName: this.userInfo().username,
            })
            const resp = await postAction(this.url.flowList, {
                fdId: this.flowId,
                loginName: this.userInfo().username,
                fdTemplateCode: 'mergerApply',
            })
            if (res.success) {
                if (res.result.length) {
                    this.buttonList = res.result[0].operationList.filter(item => !['沟通', '废弃'].includes(item.name))
                    this.buttonList = this.buttonList.sort((a, b) => a.order - b.order)
                } else {
                    this.buttonList = []
                }
            } else {
                this.$message.error(res.message)
                this.loading = false
            }
            if (resp.success) {
                this.dataSource = resp.result.processNodes || []
                const Index = this.dataSource.findIndex(item => !item.currentNode)
                this.dataSource.forEach((item, index) => {
                    this.$set(item, 'showType', 'text')
                    if (Index === index) {
                        item.showType = 'input'
                    }
                })
            } else {
                this.$message.error(res.message)
                this.loading = false
            }
            setTimeout(() => {
                this.loading = false
            }, 100);
        },
        async getLogList() {
            const res = await postAction(this.url.optionList, {
                fdId: this.flowId,
                loginName: this.userInfo().username,
            })
            if (res.success) {
                if (res.result.length) {
                    this.buttonList = res.result[0].operationList.filter(item => !['沟通', '废弃'].includes(item.name))
                    this.buttonList = this.buttonList.sort((a, b) => a.order - b.order)
                } else {
                    this.buttonList = []
                }
            } else {
                this.$message.error(res.message)
                this.loading = false
            }
            const resp = await postAction(this.url.auditeNote, {
                bsId: this.businessId,
                fdId: this.flowId,
                loginName: this.userInfo().username,
                fdTemplateCode: 'mergerApply',
            })
            const resppp = await postAction(this.url.logList, {
                bsId: this.businessId,
                fdId: this.flowId,
                loginName: this.userInfo().username,
                fdTemplateCode: 'mergerApply',
            })
            this.logList = JSON.parse(resppp.result)
            if (resp.success) {
                this.dataSource = resp.result
                const response = await postAction(this.url.auditeNoteSupply, {
                    // bsId: this.businessId,
                    fdId: this.flowId,
                    loginName: this.userInfo().username,
                    fdTemplateCode: 'mergerApply',
                })
                if (response.result.currNodes && response.result.currNodes.length > 0) {
                    this.themeTitle = response.result.subject
                    this.nodeInstanceId = response.result.currNodes[0].nodeInstanceId
                    this.dataSource.push({
                        fdNodeId: response.result.currNodeIds,
                        fdNodeName: response.result.currNodes[0].nodeName,
                        fdHandlerName: response.result.currNodes[0].handlers[0].name,
                        fdOperationName: response.result.fdStatus,
                        fdAuditeInfo: response.result.nodeDesc,
                    })
                }
                console.log(response, 'response');
            } else {
                this.$message.error(res.message)
                this.loading = false
            }
            setTimeout(() => {
                this.loading = false
            }, 100);
        },
        async openFlowModal(obj) {
            this.operationFlag = obj.operationType
            this.taskId = obj.operationTaskList[0].fdTaskId
            this.fdActivityType = obj.operationTaskList[0].fdActivityType
            let title = ''
            if (this.operationFlag === 'handler_pass') {
                title = '通过'
            } else if (this.operationFlag === 'draft_submit') {
                title = '提交'
                if (!this.operator) {
                    return this.$message.info('请先选择处理人')
                }
            } else if (this.operationFlag === 'handler_commission') {
                title = '转办'
            } else if (this.operationFlag === 'handler_refuse') {
                title = '驳回'
                const res = await postAction(this.url.refuseNode, {
                    fdId: this.flowId,
                    loginName: this.userInfo().username,
                    nodeInstanceId: this.nodeInstanceId
                })
                this.refuseNodeList = res.result
            } else if (['draft_abandon', 'handler_abandon'].includes(this.operationFlag)) {
                title = '废弃'
            } else if (this.operationFlag === 'handler_communicate') {
                title = '沟通'
            }
            this.$refs.passModal.show({
                title,
                flag: this.operationFlag,
                refuseNodeList: this.refuseNodeList
            })
        },
        async show(obj) {
            this.type = obj.type
            this.activeKey = this.type === 'submit' ? 'flowTable' : 'auditRecord'
            this.businessId = obj.id
            this.visible = true
            this.flowId = obj.flowId
            this.operator = obj.defaultverifyBy || ''
            this.loading = true
            this.themeTitle = obj.title || ''
            if (this.type === 'submit') {
                if (this.flowId) {
                    this.getFlowList()
                } else {
                    const res = await postAction(this.url.initProcess, {
                        fdTemplateCode: 'mergerApply',
                        loginName: this.userInfo().username,
                        id: this.businessId
                    })
                    if (res.success) {
                        this.flowId = res.result
                        this.getFlowList()
                    } else {
                        this.$message.error(res.message)
                        this.loading = false
                    }
                }
            } else {
                this.title = '审核'
                this.flowId = obj.flowId
                this.getLogList()
            }
            console.log(this.businessId, 'this.businessId');
        },
        handleCancel() {
            this.visible = false
            this.operator = ''
        },
        getOperator(data){
            if(data && data.length > 0){
                this.operatorName = data[0].userName
            }else{
                this.operatorName = ''
            }
        },
        async hanledOK(obj) {
            // 提交
            if (this.operationFlag === 'draft_submit') {
                const tableObj = this.dataSource.find(item => !item.currentNode)
                const res = await postAction(this.url.submit, {
                    bsId: this.businessId,
                    loginName: this.userInfo().username,
                    docSubject: this.themeTitle,
                    fdId: this.flowId,
                    fdTemplateCode: "mergerApply",
                    auditNote: obj.remark,
                    processParam: {
                        changeNodeHandler: [
                            {
                                nodeId: tableObj.nodeId,
                                handlers: [
                                    {
                                        type: "USER",
                                        id: this.operator,
                                        name: this.operatorName
                                    }
                                ]
                            }
                        ],
                        taskId: this.taskId,
                        activityType: this.fdActivityType,
                        operationType: this.operationFlag,
                    },
                    formParam: {
                        formInstanceId: this.businessId
                    }
                })
                if (res.success) {
                    this.$refs.passModal.handleCancel()
                    this.$refs.passModal.remark = ''
                    this.visible = false
                    this.$refs.passModal.loading = false
                    this.$emit('ok')
                } else {
                    this.$refs.passModal.loading = false
                    this.$message.error(res.message)
                }
            }
            // 审核 
            else {
                // else if (this.operationFlag === 'handler_pass') {
                const res = await postAction(this.url.approve, {
                    fdId: this.flowId,
                    // activityType: this.fdActivityType,
                    // operationType: this.operationFlag,
                    // taskId: this.taskId,
                    auditNote: obj.remark,
                    fdTemplateCode: "mergerApply",
                    bsId: this.businessId,
                    loginName: this.userInfo().username,
                    processParam: {
                        jumpToNodeId: obj.node,
                        refusePassedToThisNode: obj.refusePassedToThisNode,
                        refusePassedToAllApprover: obj.refusePassedToAllApprover,
                        toOtherPersons: this.operationFlag === 'handler_commission' ? obj.operator : '',
                        toOtherPersonsName:   this.operationFlag === 'handler_commission' ? obj.operatorName : '' ,
                        changeNodeHandler: [],
                        taskId: this.taskId,
                        activityType: this.fdActivityType,
                        operationType: this.operationFlag,
                    },
                    // formParam: {
                    //     formInstanceId: this.businessId
                    // }
                })
                if (res.success) {
                    this.$refs.passModal.handleCancel()
                    this.$refs.passModal.remark = ''
                    this.visible = false
                    this.$refs.passModal.loading = false
                    this.$emit('ok')
                } else {
                    this.$message.error(res.message)
                    this.$refs.passModal.loading = false
                }
            }
            this.operator = ''
        }
    }
 }
 </script>
 <style scoped lang="less">
 .topArea {
    .topArea_box {
        .topArea_theme {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            .topArea_theme_label {
                margin-right: 20px;
            }
        }
        .buttonArea {
            margin-bottom: 20px;
        }
    }
 }
 </style>
--- a/src/components/AvatarList/Item.vue
+++ b/src/components/AvatarList/Item.vue
@ -0,0 +1,46 @@
 <template>
  <tooltip v-if="tips !== ''">
    <template slot="title">{{ tips }}</template>
    <avatar :size="avatarSize" :src="src" />
  </tooltip>
  <avatar v-else :size="avatarSize" :src="src" />
 </template>
 <script>
  import Avatar from 'ant-design-vue/es/avatar'
  import Tooltip from 'ant-design-vue/es/tooltip'
  export default {
    name: "AvatarItem",
    components: {
      Avatar,
      Tooltip
    },
    props: {
      tips: {
        type: String,
        default: '',
        required: false
      },
      src: {
        type: String,
        default: ''
      }
    },
    data () {
      return {
        size: this.$parent.size
      }
    },
    computed: {
      avatarSize () {
        return this.size !== 'mini' && this.size || 20
      }
    },
    watch: {
      '$parent.size' (val) {
        this.size = val
      }
    }
  }
 </script>
--- a/src/components/AvatarList/List.vue
+++ b/src/components/AvatarList/List.vue
@ -0,0 +1,112 @@
 <!--
 <template>
  <div :class="[prefixCls]">
    <ul>
      <slot></slot>
      <template v-for="item in filterEmpty($slots.default).slice(0, 3)"></template>
      <template v-if="maxLength > 0 && filterEmpty($slots.default).length > maxLength">
        <avatar-item :size="size">
          <avatar :size="size !== 'mini' && size || 20" :style="excessItemsStyle">{{ `+${maxLength}` }}</avatar>
        </avatar-item>
      </template>
    </ul>
  </div>
 </template>
 -->
 <script>
 import Avatar from 'ant-design-vue/es/avatar'
 import AvatarItem from './Item'
 import { filterEmpty } from '@/components/_util/util'
 export default {
  AvatarItem,
  name: "AvatarList",
  components: {
    Avatar,
    AvatarItem
  },
  props: {
    prefixCls: {
      type: String,
      default: 'ant-pro-avatar-list'
    },
    /**
     * 头像大小 类型: large、small 、mini, default
     * 默认值: default
     */
    size: {
      type: [String, Number],
      default: 'default'
    },
    /**
     * 要显示的最大项目
     */
    maxLength: {
      type: Number,
      default: 0
    },
    /**
     * 多余的项目风格
     */
    excessItemsStyle: {
      type: Object,
      default: () => {
        return {
          color: '#f56a00',
          backgroundColor: '#fde3cf'
        }
      }
    }
  },
  data() {
    return {}
  },
  methods: {
    getItems(items) {
      const classString = {
        [`${this.prefixCls}-item`]: true,
        [`${this.size}`]: true
      }
      if (this.maxLength > 0) {
        items = items.slice(0, this.maxLength)
        // items.push(
        //   <Avatar size={this.size} style={this.excessItemsStyle}>
        //     {`+${this.maxLength}`}
        //   </Avatar>
        // );
        items.push(`
          <Avatar
            size="${this.size}"
            style="${this.excessItemsStyle}"
          >
            +${this.maxLength}
          </Avatar>
        `);
      }
      const itemList = items.map((item) => (
        <li class={classString}>{item}</li>
      ))
      return itemList
    }
  },
  render() {
    const { prefixCls, size } = this.$props
    const classString = {
      [`${prefixCls}`]: true,
      [`${size}`]: true,
    }
    const items = filterEmpty(this.$slots.default)
    const itemsDom = items && items.length ? <ul class={`${prefixCls}-items`}>{this.getItems(items)}</ul> : null
    return (
      <div class={classString}>
        {itemsDom}
      </div>
    )
  }
 }
 </script>
--- a/src/components/AvatarList/index.js
+++ b/src/components/AvatarList/index.js
@ -0,0 +1,4 @@
 import AvatarList from './List'
 import "./index.less"
 export default AvatarList
--- a/src/components/AvatarList/index.less
+++ b/src/components/AvatarList/index.less
@ -0,0 +1,60 @@
@import url(../index);
@avatar-list-prefix-cls: ~"@{ant-pro-prefix}-avatar-list";
@avatar-list-item-prefix-cls: ~"@{ant-pro-prefix}-avatar-list-item";
 .@{avatar-list-prefix-cls} {
  display: inline-block;
  ul {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 8px;
    font-size: 0;
  }
 }
 .@{avatar-list-item-prefix-cls} {
  display: inline-block;
  font-size: @font-size-base;
  margin-left: -8px;
  width: @avatar-size-base;
  height: @avatar-size-base;
  :global {
    .ant-avatar {
      border: 1px solid #ffffff;
      cursor: pointer;
    }
  }
  &.large {
    width: @avatar-size-lg;
    height: @avatar-size-lg;
  }
  &.small {
    width: @avatar-size-sm;
    height: @avatar-size-sm;
  }
  &.mini {
    width: 20px;
    height: 20px;
    :global {
      .ant-avatar {
        width: 20px;
        height: 20px;
        line-height: 20px;
        .ant-avatar-string {
          font-size: 12px;
          line-height: 18px;
        }
      }
    }
  }
 }
--- a/src/components/ChartCard.vue
+++ b/src/components/ChartCard.vue
@ -0,0 +1,119 @@
 <template>
  <a-card :loading="loading" :body-style="bodyStyleObject" :bordered="false">
    <div class="chart-card-header">
      <div class="meta">
        <span class="chart-card-title">{{ title }}</span>
        <span class="chart-card-action">
          <slot name="action"></slot>
        </span>
      </div>
      <div class="total">
        <span>{{ total }}</span>
      </div>
    </div>
    <div class="chart-card-content">
      <div class="content-fix">
        <slot></slot>
      </div>
    </div>
    <div class="chart-card-footer">
      <div class="field">
        <slot name="footer"></slot>
      </div>
    </div>
  </a-card>
 </template>
 <script>
 export default {
  name: 'ChartCard',
  props: {
    title: {
      type: String,
      default: ''
    },
    total: {
      type: String,
      default: ''
    },
    loading: {
      type: Boolean,
      default: false
    },
    bodyStyleObject: {
      type: Object,
      default: () => {
        return { padding: '20px 24px 8px'}
      }
    }
  }
 }
 </script>
 <style lang="less" scoped>
 .chart-card-header {
  position: relative;
  overflow: hidden;
  width: 100%;
  .meta {
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
  }
 }
 .chart-card-action {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
 }
 .chart-card-footer {
  border-top: 1px solid #e8e8e8;
  padding-top: 9px;
  margin-top: 8px;
  > * {
    position: relative;
  }
  .field {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
  }
 }
 .chart-card-content {
  margin-bottom: 12px;
  position: relative;
  height: 46px;
  width: 100%;
  .content-fix {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
 }
 .total {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  color: #ffffff;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 38px;
  height: 38px;
 }
 </style>
--- a/src/components/CountDown/CountDown.vue
+++ b/src/components/CountDown/CountDown.vue
@ -0,0 +1,100 @@
 <template>
  <span>
    {{ lastTime | format }}
  </span>
 </template>
 <script>
  function fixedZero(val) {
    return val * 1 < 10 ? `0${val}` : val;
  }
  export default {
    name: "CountDown",
    props: {
      format: {
        type: Function,
        default: undefined
      },
      target: {
        type: [Date, Number],
        required: true,
      },
      onEnd: {
        type: Function,
        default: () => {
        }
      }
    },
    data() {
      return {
        dateTime: '0',
        originTargetTime: 0,
        lastTime: 0,
        timer: 0,
        interval: 1000
      }
    },
    filters: {
      format(time) {
        const hours = 60 * 60 * 1000;
        const minutes = 60 * 1000;
        const h = Math.floor(time / hours);
        const m = Math.floor((time - h * hours) / minutes);
        const s = Math.floor((time - h * hours - m * minutes) / 1000);
        return `${fixedZero(h)}:${fixedZero(m)}:${fixedZero(s)}`
      }
    },
    created() {
      this.initTime()
      this.tick()
    },
    methods: {
      initTime() {
        let lastTime = 0;
        let targetTime = 0;
        this.originTargetTime = this.target
        try {
          if (Object.prototype.toString.call(this.target) === '[object Date]') {
            targetTime = this.target
          } else {
            targetTime = new Date(this.target).getTime()
          }
        } catch (e) {
          throw new Error('invalid target prop')
        }
        lastTime = targetTime - new Date().getTime();
        this.lastTime = lastTime < 0 ? 0 : lastTime
      },
      tick() {
        const {onEnd} = this
        this.timer = setTimeout(() => {
          if (this.lastTime < this.interval) {
            clearTimeout(this.timer)
            this.lastTime = 0
            if (typeof onEnd === 'function') {
              onEnd();
            }
          } else {
            this.lastTime -= this.interval
            this.tick()
          }
        }, this.interval)
      }
    },
    beforeUpdate () {
      if (this.originTargetTime !== this.target) {
        this.initTime()
      }
    },
    beforeUnmount() {
      clearTimeout(this.timer)
    }
  }
 </script>
--- a/src/components/CountDown/index.js
+++ b/src/components/CountDown/index.js
@ -0,0 +1,3 @@
 import CountDown from './CountDown'
 export default CountDown
--- a/src/components/Ellipsis/Ellipsis.vue
+++ b/src/components/Ellipsis/Ellipsis.vue
@ -0,0 +1,49 @@
 <script>
  import { cutStrByFullLength, getStrFullLength } from '@/components/_util/StringUtil'
  export default {
    name: 'Ellipsis',
    props: {
      prefixCls: {
        type: String,
        default: 'ant-pro-ellipsis'
      },
      tooltip: {
        type: Boolean,
        default: true,
      },
      length: {
        type: Number,
        default: 25,
      },
      lines: {
        type: Number,
        default: 1
      },
      fullWidthRecognition: {
        type: Boolean,
        default: false
      }
    },
    methods: {},
    render() {
      const { tooltip, length } = this.$props
      let text = ''
      // 处理没有default插槽时的特殊情况
      if (this.$slots.default) {
        text = this.$slots.default.map(vNode => vNode.text).join('')
      }
      // 判断是否显示 tooltip
      if (tooltip && getStrFullLength(text) > length) {
        return `
          <a-tooltip>
            <template slot="title">${text}</template>
            <span>${cutStrByFullLength(text, this.length)}…</span>
          </a-tooltip>
        `;
      } else {
        return (<span>{text}</span>)
      }
    }
  }
 </script>
--- a/src/components/Ellipsis/index.js
+++ b/src/components/Ellipsis/index.js
@ -0,0 +1,3 @@
 import Ellipsis from './Ellipsis'
 export default Ellipsis
--- a/src/components/JVxeCells/BizCells/WElementCell.vue
+++ b/src/components/JVxeCells/BizCells/WElementCell.vue
@ -0,0 +1,136 @@
 <template>
  <j-dict-select-tag
    v-if="row.type === 'list'"
    format="auto"
    type="list"
    v-model="innerValue"
    :dictCode="row.dictCode"
    v-bind="cellProps"
    @blur="handleSelectBlur"
    @change="handleSelectChange"
  />
  <j-search-select-tag
    v-else-if="row.type === 'select'"
    v-model="innerValue"
    :dictOptions="row.options"
    @blur="handleSelectBlur"
    @change="handleSelectChange"
  />
  <a-auto-complete
    v-else-if="row.type === 'option'"
    v-model="innerValue"
    :dataSource="row.options"
    @blur="handleSelectBlur"
    @change="handleSelectChange"
    :filterOption="filterOption"
  />
  <w-input
    v-else
    :value="innerValue"
    :disabled="row.disabled"
    v-bind="cellProps"
    @blur="handleBlur"
    @change="handleChange"
  />
 </template>
 <script>
 import { initSyncDictOptions } from '@/components/dict/JDictSelectUtil'
 import { JVXETypes } from '@/components/jeecg/JVxeTable'
 import JVxeCellMixins from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins'
 const NumberRegExp = /^-?\d+\.?\d*$/
 export default {
  name: 'WElementCell',
  mixins: [JVxeCellMixins],
  props: {
    alwaysEdit: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
      // 当前正在编辑的行的id
      currentEditRows: {},
    }
  },
  created() {},
  methods: {
    // 判定当前行是否是正在编辑的
    isEditRow(row, col) {
      //debugger
      if (this.alwaysEdit) {
        return true
      }
      const current = this.currentEditRows[row.id]
      return !!(current && current[col.key] === true)
    },
    /** 处理blur失去焦点事件 */
    handleSelectBlur(value) {
      //debugger
      this.handleBlurCommon(value)
    },
    handleSelectChange(value) {
      //debugger
      this.handleChangeCommon(value)
    },
    /** 处理change事件 */
    handleChange(event) {
      const { target } = event
      const { value } = target
      const change = true
      // 触发事件，存储输入的值
      if (change) {
        this.handleChangeCommon(value)
      }
    },
    /** 处理blur失去焦点事件 */
    handleBlur(event) {
      const { target } = event
      this.handleBlurCommon(target.value)
    },
     filterOption(input, option) {
      return option.componentOptions.children[0].text.indexOf(input) !== -1
    },
  },
  // 【组件增强】注释详见：JVxeCellMixins.js
  enhanced: {
    installOptions: {
      // 自动聚焦的 class 类名
      autofocus: '.ant-input',
    },
    getValue(value) {
      if (this.$type === JVXETypes.inputNumber && typeof value === 'string') {
        if (NumberRegExp.test(value)) {
          return Number.parseFloat(value)
        }
      }
      return value
    },
    aopEvents: {
      // editActived(event) {
      //   dispatchEvent.call(this, event, 'ant-select')
      // },
    },
    translate: {
      enabled: true,
      handler(value) {
        //debugger
        if (value === null) {return value}
        if (!this.row.dictCode) {
          return value
        }
        const options = initSyncDictOptions(this.row.dictCode)
        if (options && options.result) {
          const first = options.result.find((o) => {
            return o.value === value
          })
          if (first) {return first.text}
        }
        return value
      },
    },
  },
 }
 </script>
--- a/src/components/JVxeCells/JVxeFileCell.vue
+++ b/src/components/JVxeCells/JVxeFileCell.vue
@ -0,0 +1,222 @@
 <template>
  <div>
    <div v-if="hasFile">
      <template v-for="(file, fileKey) of [innerFile || {}]">
        <div :key="fileKey" style="position: relative">
          <a-tooltip v-if="file.status === 'uploading'" :title="`上传中(${Math.floor(file.percent)}%)`">
            <a-icon type="loading" />
            <span style="margin-left: 5px">上传中…</span>
          </a-tooltip>
          <a-tooltip v-else-if="file.status === 'done'" :title="file.name">
            <a-icon type="paper-clip" />
            <span style="margin-left: 5px">{{ ellipsisFileName }}</span>
          </a-tooltip>
          <a-tooltip v-else :title="file.message || '上传失败'">
            <a-icon type="exclamation-circle" style="color: red" />
            <span style="margin-left: 5px">{{ ellipsisFileName }}</span>
          </a-tooltip>
          <template style="width: 30px">
            <a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px">
              <a-tooltip title="操作">
                <a-icon v-if="file.status !== 'uploading'" type="setting" style="cursor: pointer" />
              </a-tooltip>
              <a-menu slot="overlay">
                <a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile">
                  <span><a-icon type="download" />&nbsp;下载</span>
                </a-menu-item>
                <a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile">
                  <span><a-icon type="delete" />&nbsp;删除</span>
                </a-menu-item>
                <a-menu-item @click="handleMoreOperation(originColumn)">
                  <span><a-icon type="bars" /> 更多</span>
                </a-menu-item>
              </a-menu>
            </a-dropdown>
          </template>
        </div>
      </template>
    </div>
    <a-upload
      v-show="!hasFile"
      name="file"
      :data="{ isup: 1 }"
      :multiple="false"
      :action="uploadAction"
      :headers="uploadHeaders"
      :showUploadList="false"
      v-bind="cellProps"
      @change="handleChangeUpload"
    >
      <w-button icon="upload">{{ originColumn.btnText || '上传文件' }}</w-button>
    </a-upload>
    <j-file-pop ref="filePop" @ok="handleFileSuccess" :number="number" />
  </div>
 </template>
 <script>
 import JVxeCellMixins from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins';
 import JFilePop from '@/components/jeecg/minipop/JFilePop';
 import { ACCESS_TOKEN } from '@/store/mutation-types';
 import { getImgUrlWithHeader } from '@api/manage';
 import JVxeUploadCell from '@/components/jeecg/JVxeTable/components/cells/JVxeUploadCell';
 export default {
  name: 'JVxeFileCell',
  mixins: [JVxeCellMixins],
  components: { JFilePop },
  props: {},
  data() {
    return {
      innerFile: null,
      number: 0,
    };
  },
  computed: {
    /** upload headers */
    uploadHeaders() {
      const { originColumn: col } = this;
      const headers = {};
      if (col.token === true) {
        headers['X-Access-Token'] = this.$ls.get(ACCESS_TOKEN);
      }
      return headers;
    },
    /** 上传请求地址 */
    uploadAction() {
      if (!this.originColumn.action) {
        return window._CONFIG['domianURL'] + '/sys/common/upload';
      } else {
        return this.originColumn.action;
      }
    },
    hasFile() {
      return this.innerFile !== null;
    },
    ellipsisFileName() {
      const length = 5;
      const file = this.innerFile;
      if (!file || !file.name) {
        return '';
      }
      if (file.name.length > length) {
        return file.name.substr(0, length) + '…';
      }
      return file.name;
    },
    responseName() {
      if (this.originColumn.responseName) {
        return this.originColumn.responseName;
      } else {
        return 'message';
      }
    },
  },
  watch: {
    innerValue: {
      immediate: true,
      handler() {
        if (this.innerValue) {
          this.innerFile = this.innerValue;
        } else {
          this.innerFile = null;
        }
      },
    },
  },
  methods: {
    // 点击更多按钮
    handleMoreOperation(originColumn) {
      //update-begin-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件
      if (originColumn.number) {
        this.number = originColumn.number;
      } else {
        this.number = 0;
      }
      //update-end-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件
      if (originColumn && originColumn.fieldExtendJson) {
        const json = JSON.parse(originColumn.fieldExtendJson);
        this.number = json.uploadnum ? json.uploadnum : 0;
      }
      let path = '';
      if (this.innerFile) {
        path = this.innerFile.path;
      }
      this.$refs.filePop.show('', path);
    },
    // 更多上传回调
    handleFileSuccess(file) {
      if (file) {
        this.innerFile.path = file.path;
        this.handleChangeCommon(this.innerFile);
      }
    },
    handleChangeUpload(info) {
      const { file } = info;
      const value = {
        name: file.name,
        type: file.type,
        size: file.size,
        status: file.status,
        percent: file.percent,
      };
      if (file.response) {
        value['responseName'] = file.response[this.responseName];
      }
      if (file.status === 'done') {
        if (typeof file.response.success === 'boolean') {
          if (file.response.success) {
            value['path'] = file.response[this.responseName];
            this.handleChangeCommon(value);
          } else {
            value['status'] = 'error';
            value['message'] = file.response.message || '未知错误';
          }
        } else {
          // 考虑到如果设置action上传路径为非jeecg-boot后台，可能不会返回 success 属性的情况，就默认为成功
          value['path'] = file.response[this.responseName];
          this.handleChangeCommon(value);
        }
      } else if (file.status === 'error') {
        value['message'] = file.response.message || '未知错误';
      }
      this.innerFile = value;
    },
    async handleClickDownloadFile() {
      const { path } = this.innerFile || {};
      let { url } = this.innerFile || {};
      if (!url || url.length === 0) {
        if (path && path.length > 0) {
          // url = getFileAccessHttpUrl(path.split(',')[0]);
          url = await getImgUrlWithHeader(path.split(',')[0]);
        }
      }
      if (url) {
        window.open(url);
      }
    },
    handleClickDeleteFile() {
      this.handleChangeCommon(null);
    },
  },
  // 【组件增强】注释详见：JVxeCellMixins.js
  enhanced: {
    switches: { visible: true },
    getValue: (value) => JVxeUploadCell.enhanced.getValue(value),
    setValue: (value) => JVxeUploadCell.enhanced.setValue(value),
  },
 };
 </script>
--- a/src/components/JVxeCells/JVxeImageCell.vue
+++ b/src/components/JVxeCells/JVxeImageCell.vue
@ -0,0 +1,237 @@
 <template>
  <div>
    <div v-if="hasFile">
      <template v-for="(file, fileKey) of [innerFile || {}]">
        <div :key="fileKey" style="position: relative">
          <template v-if="!file || !(file['url'] || file['path'] || file['message'])">
            <a-tooltip :title="'请稍后: ' + JSON.stringify(file) + (file['url'] || file['path'] || file['message'])">
              <a-icon type="loading" />
            </a-tooltip>
          </template>
          <template v-else-if="file['path']">
            <img class="j-editable-image" :src="imgSrc" alt="无图片" @click="handleMoreOperation" />
          </template>
          <a-tooltip v-else :title="file.message || '上传失败'" @click="handleClickShowImageError">
            <a-icon type="exclamation-circle" style="color: red" />
          </a-tooltip>
          <template style="width: 30px">
            <a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px">
              <a-tooltip title="操作">
                <a-icon v-if="file.status !== 'uploading'" type="setting" style="cursor: pointer" />
              </a-tooltip>
              <a-menu slot="overlay">
                <a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile">
                  <span><a-icon type="download" />&nbsp;下载</span>
                </a-menu-item>
                <a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile">
                  <span><a-icon type="delete" />&nbsp;删除</span>
                </a-menu-item>
                <a-menu-item @click="handleMoreOperation(originColumn)">
                  <span><a-icon type="bars" /> 更多</span>
                </a-menu-item>
              </a-menu>
            </a-dropdown>
          </template>
        </div>
      </template>
    </div>
    <a-upload
      v-show="!hasFile"
      name="file"
      :data="{ isup: 1 }"
      :multiple="false"
      :action="uploadAction"
      :headers="uploadHeaders"
      :showUploadList="false"
      v-bind="cellProps"
      @change="handleChangeUpload"
    >
      <w-button icon="upload">{{ originColumn.btnText || '上传图片' }}</w-button>
    </a-upload>
    <j-file-pop ref="filePop" @ok="handleFileSuccess" :number="number" />
  </div>
 </template>
 <script>
 import JVxeCellMixins from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins';
 import JFilePop from '@/components/jeecg/minipop/JFilePop';
 import { ACCESS_TOKEN } from '@/store/mutation-types';
 import { getImgUrlWithHeader } from '@api/manage';
 import JVxeUploadCell from '@/components/jeecg/JVxeTable/components/cells/JVxeUploadCell';
 export default {
  name: 'JVxeImageCell',
  mixins: [JVxeCellMixins],
  components: { JFilePop },
  props: {},
  data() {
    return {
      innerFile: null,
      number: 0,
    };
  },
  computed: {
    /** upload headers */
    uploadHeaders() {
      const { originColumn: col } = this;
      const headers = {};
      if (col.token === true) {
        headers['X-Access-Token'] = this.$ls.get(ACCESS_TOKEN);
      }
      return headers;
    },
    /** 上传请求地址 */
    uploadAction() {
      if (!this.originColumn.action) {
        return window._CONFIG['domianURL'] + '/sys/common/upload';
      } else {
        return this.originColumn.action;
      }
    },
    hasFile() {
      return this.innerFile !== null;
    },
    /** 预览图片地址 */
    imgSrc() {
      if (this.innerFile) {
        if (this.innerFile['url']) {
          return this.innerFile['url'];
        } else if (this.innerFile['path']) {
          const path = this.innerFile['path'].split(',')[0];
          // return getFileAccessHttpUrl(path);
          return getImgUrlWithHeader(path);
        }
      }
      return '';
    },
    responseName() {
      if (this.originColumn.responseName) {
        return this.originColumn.responseName;
      } else {
        return 'message';
      }
    },
  },
  watch: {
    innerValue: {
      immediate: true,
      handler() {
        if (this.innerValue) {
          this.innerFile = this.innerValue;
        } else {
          this.innerFile = null;
        }
      },
    },
  },
  methods: {
    // 点击更多按钮
    handleMoreOperation(originColumn) {
      //update-begin-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件
      if (originColumn.number) {
        this.number = originColumn.number;
      } else {
        this.number = 0;
      }
      //update-end-author:wangshuai date:20201021 for:LOWCOD-969 判断传过来的字段是否存在number，用于控制上传文件
      if (originColumn && originColumn.fieldExtendJson) {
        const json = JSON.parse(originColumn.fieldExtendJson);
        this.number = json.uploadnum ? json.uploadnum : 0;
      }
      let path = '';
      if (this.innerFile) {
        path = this.innerFile.path;
      }
      this.$refs.filePop.show('', path, 'img');
    },
    // 更多上传回调
    handleFileSuccess(file) {
      if (file) {
        this.innerFile.path = file.path;
        this.handleChangeCommon(this.innerFile);
      }
    },
    // 弹出上传出错详细信息
    handleClickShowImageError() {
      const file = this.innerFile || null;
      if (file && file['message']) {
        this.$error({ title: '上传出错', content: '错误信息：' + file['message'], maskClosable: true });
      }
    },
    handleChangeUpload(info) {
      const { file } = info;
      const value = {
        name: file.name,
        type: file.type,
        size: file.size,
        status: file.status,
        percent: file.percent,
      };
      if (file.response) {
        value['responseName'] = file.response[this.responseName];
      }
      if (file.status === 'done') {
        if (typeof file.response.success === 'boolean') {
          if (file.response.success) {
            value['path'] = file.response[this.responseName];
            this.handleChangeCommon(value);
          } else {
            value['status'] = 'error';
            value['message'] = file.response.message || '未知错误';
          }
        } else {
          // 考虑到如果设置action上传路径为非jeecg-boot后台，可能不会返回 success 属性的情况，就默认为成功
          value['path'] = file.response[this.responseName];
          this.handleChangeCommon(value);
        }
      } else if (file.status === 'error') {
        value['message'] = file.response.message || '未知错误';
      }
      this.innerFile = value;
    },
    handleClickDownloadFile() {
      if (this.imgSrc) {
        window.open(this.imgSrc);
      }
    },
    handleClickDeleteFile() {
      this.handleChangeCommon(null);
    },
  },
  // 【组件增强】注释详见：JVxeCellMixins.js
  enhanced: {
    switches: { visible: true },
    getValue: (value) => JVxeUploadCell.enhanced.getValue(value),
    setValue: (value) => JVxeUploadCell.enhanced.setValue(value),
  },
 };
 </script>
 <style scoped lang="less">
 .j-editable-image {
  height: 32px;
  max-width: 100px !important;
  cursor: pointer;
  &:hover {
    opacity: 0.8;
  }
  &:active {
    opacity: 0.6;
  }
 }
 </style>
--- a/src/components/JVxeCells/JVxePopupCell.vue
+++ b/src/components/JVxeCells/JVxePopupCell.vue
@ -0,0 +1,60 @@
 <template>
  <j-popup
    v-bind="popupProps"
    @input="handlePopupInput"
  />
 </template>
 <script>
  import JVxeCellMixins, { dispatchEvent, vModel } from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins'
  export default {
    name: 'JVxePopupCell',
    mixins: [JVxeCellMixins],
    computed: {
      popupProps() {
        const {innerValue, originColumn: col, caseId, cellProps} = this
        return {
          ...cellProps,
          value: innerValue,
          field: col.field || col.key,
          code: col.popupCode,
          orgFields: col.orgFields,
          destFields: col.destFields,
          groupId: caseId,
          param: col.param,
          sorter: col.sorter,
        }
      },
    },
    methods: {
      /** popup回调 */
      handlePopupInput(value, others) {
        const {row, originColumn: col} = this
        // 存储输入的值
        let popupValue = value
        if (others && Object.keys(others).length > 0) {
          Object.keys(others).forEach(key => {
            const currentValue = others[key]
            // 当前列直接赋值，其他列通过vModel赋值
            if (key === col.key) {
              popupValue = currentValue
            } else {
              vModel.call(this, currentValue, row, key)
            }
          })
        }
        this.handleChangeCommon(popupValue)
      },
    },
    // 【组件增强】注释详见：JVxeCellMixins.js
    enhanced: {
      aopEvents: {
        editActived(event) {
          dispatchEvent.call(this, event, 'ant-input')
        },
      },
    },
  }
 </script>
--- a/src/components/JVxeCells/JVxeRadioCell.vue
+++ b/src/components/JVxeCells/JVxeRadioCell.vue
@ -0,0 +1,60 @@
 <template>
  <a-radio-group
    :class="clazz"
    :value="innerValue"
    v-bind="cellProps"
    @change="(e)=>handleChangeCommon(e.target.value)"
  >
    <a-radio
      v-for="item of originColumn.options"
      :key="item.value"
      :value="item.value"
      @click="$event=>handleRadioClick(item,$event)"
    >{{ item.text }}
    </a-radio>
  </a-radio-group>
 </template>
 <script>
  import JVxeCellMixins from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins'
  export default {
    name: 'JVxeRadioCell',
    mixins: [JVxeCellMixins],
    computed: {
      scrolling() {
        return !!this.renderOptions.scrolling
      },
      clazz() {
        return {
          'j-vxe-radio': true,
          'no-animation': this.scrolling
        }
      },
    },
    methods: {
      handleRadioClick(item) {
        if (this.originColumn.allowClear === true) {
          // 取消选择
          if (item.value === this.innerValue) {
            this.handleChangeCommon(null)
          }
        }
      },
    },
    // 【组件增强】注释详见：JVxeCellMixins.js
    enhanced: {
      switches: {visible: true},
    }
  }
 </script>
 <style lang="less">
  // 关闭动画，防止滚动时动态赋值出现问题
  .j-vxe-radio.no-animation {
    .ant-radio-inner,
    .ant-radio-inner::after {
      transition: none !important;
    }
  }
 </style>
--- a/src/components/JVxeCells/JVxeSelectDictSearchCell.js
+++ b/src/components/JVxeCells/JVxeSelectDictSearchCell.js
@ -0,0 +1,263 @@
 import debounce from 'lodash/debounce'
 import { getAction } from '@/api/manage'
 import { cloneObject } from '@/utils/util'
 import { filterDictText } from '@/components/dict/JDictSelectUtil'
 import { ajaxGetDictItems, getDictItemsFromCache } from '@/api/api'
 import JVxeCellMixins, { dispatchEvent } from '@/components/jeecg/JVxeTable/mixins/JVxeCellMixins'
 /** 公共资源 */
 const common = {
  /** value - label map，防止重复查询（刷新清空缓存） */
  labelMap: new Map(),
  /** 公共data */
  data() {
    return {
      loading: false,
      innerSelectValue: null,
      innerOptions: [],
    }
  },
  /** 公共计算属性 */
  computed: {
    dict() {
      return this.originColumn.dict
    },
    options() {
      if (this.isAsync) {
        return this.innerOptions
      } else {
        return this.originColumn.options || []
      }
    },
    // 是否是异步模式
    isAsync() {
      const isAsync = this.originColumn.async
      return (isAsync !== null && isAsync !== '') ? !!isAsync : true
    },
  },
  /** 公共属性监听 */
  watch: {
    innerValue: {
      immediate: true,
      handler(value) {
        if (value === null || value === '') {
          this.innerSelectValue = null
        } else {
          this.loadDataByValue(value)
        }
      }
    },
    dict() {
      this.loadDataByDict()
    }
  },
  /** 公共方法 */
  methods: {
    // 根据 value 查询数据，用于回显
    async loadDataByValue(value) {
      if (this.isAsync) {
        if (this.innerSelectValue !== value) {
          if (common.labelMap.has(value)) {
            this.innerOptions = cloneObject(common.labelMap.get(value))
          } else {
            const {success, result} = await getAction(`/sys/dict/loadDictItem/${this.dict}`, {key: value})
            if (success && result && result.length > 0) {
              this.innerOptions = [{value: value, text: result[0]}]
              common.labelMap.set(value, cloneObject(this.innerOptions))
            }
          }
        }
      }
      this.innerSelectValue = (value || '').toString()
    },
    // 初始化字典
    async loadDataByDict() {
      if (!this.isAsync) {
        // 如果字典项集合有数据
        if (!this.originColumn.options || this.originColumn.options.length === 0) {
          // 根据字典Code, 初始化字典数组
          let dictStr = ''
          if (this.dict) {
            const arr = this.dict.split(',')
            if (arr[0].indexOf('where') > 0) {
              const tbInfo = arr[0].split('where')
              dictStr = tbInfo[0].trim() + ',' + arr[1] + ',' + arr[2] + ',' + encodeURIComponent(tbInfo[1])
            } else {
              dictStr = this.dict
            }
            if (this.dict.indexOf(',') === -1) {
              //优先从缓存中读取字典配置
              const cache = getDictItemsFromCache(this.dict)
              if (cache) {
                this.innerOptions = cache
                return
              }
            }
            const {success, result} = await ajaxGetDictItems(dictStr, null)
            if (success) {
              this.innerOptions = result
            }
          }
        }
      }
    },
  },
 }
 // 显示组件，自带翻译
 export const DictSearchSpanCell = {
  name: 'JVxeSelectSearchSpanCell',
  mixins: [JVxeCellMixins],
  data() {
    return {
      ...common.data.apply(this),
    }
  },
  computed: {
    ...common.computed,
  },
  watch: {
    ...common.watch,
  },
  methods: {
    ...common.methods,
  },
  render(h) {
    return h('span', {}, [
      filterDictText(this.innerOptions, this.innerSelectValue || this.innerValue)
    ])
  },
 }
 // 请求id
 let requestId = 0
 // 输入选择组件
 export const DictSearchInputCell = {
  name: 'JVxeSelectSearchInputCell',
  mixins: [JVxeCellMixins],
  data() {
    return {
      ...common.data.apply(this),
      hasRequest: false,
      scopedSlots: {
        notFoundContent: () => {
          if (this.loading) {
            // return <a-spin size="small"/>
            return ''
          } else if (this.hasRequest) {
            return '没有查询到任何数据'
          } else {
            return this.tipsContent
          }
        }
      }
    }
  },
  computed: {
    ...common.computed,
    tipsContent() {
      return this.originColumn.tipsContent || '请输入搜索内容'
    },
    filterOption() {
      if (this.isAsync) {
        return null
      }
      return (input, option) => option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
    },
  },
  watch: {
    ...common.watch,
  },
  created() {
    this.loadData = debounce(this.loadData, 300)//消抖
  },
  methods: {
    ...common.methods,
    loadData(value) {
      const currentRequestId = ++requestId
      this.loading = true
      this.innerOptions = []
      if (value === null || value.trim() === '') {
        this.loading = false
        this.hasRequest = false
        return
      }
      // 字典code格式：table,text,code
      this.hasRequest = true
      getAction(`/sys/dict/loadDict/${this.dict}`, {keyword: value}).then(res => {
        if (currentRequestId !== requestId) {
          return
        }
        const {success, result, message} = res
        if (success) {
          this.innerOptions = result
          result.forEach((item) => {
            common.labelMap.set(item.value, [item])
          })
        } else {
          this.$message.warning(message)
        }
      }).finally(() => {
        this.loading = false
      })
    },
    handleChange(selectedValue) {
      this.innerSelectValue = selectedValue
      this.handleChangeCommon(this.innerSelectValue)
    },
    handleSearch(value) {
      if (this.isAsync) {
        // 在输入时也应该开启加载，因为loadData加了消抖，所以会有800ms的用户主观上认为的卡顿时间
        this.loading = true
        if (this.innerOptions.length > 0) {
          this.innerOptions = []
        }
        this.loadData(value)
      }
    },
    renderOptionItem() {
      const options = []
      this.options.forEach(({value, text, label, title, disabled}) => {
        options.push(
          <a-select-option key={value} value={value} disabled={disabled}>{text || label || title}</a-select-option>
        )
      })
      return options
    },
  },
  render() {
    return (
      <a-select
        showSearch
        allowClear
        value={this.innerSelectValue}
        filterOption={this.filterOption}
        style="width: 100%"
        {...this.cellProps}
        onSearch={this.handleSearch}
        onChange={this.handleChange}
        scopedSlots={this.scopedSlots}
      >
        {this.renderOptionItem()}
      </a-select>
    )
  },
  // 【组件增强】注释详见：JVxeCellMixins.js
  enhanced: {
    aopEvents: {
      editActived(event) {
        dispatchEvent.call(this, event, 'ant-select')
      },
    },
  }
 }
Author	SHA1	Message	Date
Reeve	3b6bb724b0	Merge pull request 'ph1请求合并到master' (#2 ) from release/gcs_ph1 into master Reviewed-on: http://47.117.135.175:3000/Reeve/logistics-fe-iems-winlink/pulls/2	2 days ago
luwenlong	e7fb4a3f1b	ph1代码提交	2 days ago
	`@ -0,0 +1,2 @@`
					`/* eslint-disable */`
					window._iconfont_svg_string_4966310='<svg><symbol id="icon-download-2" viewBox="0 0 1024 1024"><path d="M768.355 416a256 256 0 1 0-512 0 192 192 0 1 0 0 384v64a256 256 0 0 1-58.88-505.216 320.128 320.128 0 0 1 629.76 0A256.128 256.128 0 0 1 768.355 864v-64a192 192 0 0 0 0-384z m-512 384h64v64h-64v-64z m448 0h64v64h-64v-64z" fill="" ></path><path d="M539.043 845.248V512.192a32.448 32.448 0 0 0-32-32.192c-17.664 0-32 14.912-32 32.192v333.056l-36.096-36.096a32.192 32.192 0 0 0-45.056 0.192 31.616 31.616 0 0 0-0.192 45.056l90.88 90.944a31.36 31.36 0 0 0 22.528 9.088 30.08 30.08 0 0 0 22.4-9.088l90.88-90.88a32.192 32.192 0 0 0-0.192-45.12 31.616 31.616 0 0 0-45.056-0.192l-36.096 36.096z" fill="" ></path></symbol><symbol id="icon-shaixuan" viewBox="0 0 1024 1024"><path d="M128 128a42.666667 42.666667 0 0 1 42.666667-42.666667h682.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v149.333333a42.666667 42.666667 0 0 1-17.578667 34.496L661.333333 469.717333V768a42.666667 42.666667 0 0 1-20.714666 36.586667l-213.333334 128A42.666667 42.666667 0 0 1 362.666667 896V469.717333l-217.088-157.866666A42.666667 42.666667 0 0 1 128 277.333333V128z m85.333333 42.666667v84.949333l217.088 157.866667A42.666667 42.666667 0 0 1 448 448v372.650667l128-76.8V448a42.666667 42.666667 0 0 1 17.578667-34.496L810.666667 255.616V170.666667H213.333333z" fill="#000000" ></path><path d="M917.333333 640h-170.666666v-85.333333h170.666666v85.333333zM917.333333 810.666667h-170.666666v-85.333334h170.666666v85.333334z" fill="#000000" ></path></symbol></svg>',(n=>{var t=(e=(e=document.getElementsByTagName("script"))[e.length-1]).getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var i,o,a,l,d,c=function(t,e){e.parentNode.insertBefore(t,e)};if(t&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4966310,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?c(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(a=i,l=n.document,d=!1,r(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}function s(){d\|\|(d=!0,a())}function r(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}s()}})(window);
	`@ -0,0 +1 @@`
					.cm-s-idea span.cm-meta{color:olive}.cm-s-idea span.cm-number{color:#00f}.cm-s-idea span.cm-keyword{line-height:1em;font-weight:700;color:navy}.cm-s-idea span.cm-atom{font-weight:700;color:navy}.cm-s-idea span.cm-def{color:#000}.cm-s-idea span.cm-variable{color:#000}.cm-s-idea span.cm-variable-2{color:#000}.cm-s-idea span.cm-type,.cm-s-idea span.cm-variable-3{color:#000}.cm-s-idea span.cm-property{color:#000}.cm-s-idea span.cm-operator{color:#000}.cm-s-idea span.cm-comment{color:grey}.cm-s-idea span.cm-string{color:green}.cm-s-idea span.cm-string-2{color:green}.cm-s-idea span.cm-qualifier{color:#555}.cm-s-idea span.cm-error{color:red}.cm-s-idea span.cm-attribute{color:#00f}.cm-s-idea span.cm-tag{color:navy}.cm-s-idea span.cm-link{color:#00f}.cm-s-idea .CodeMirror-activeline-background{background:#fffae3}.cm-s-idea span.cm-builtin{color:#30a}.cm-s-idea span.cm-bracket{color:#cc7}.cm-s-idea{font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.cm-s-idea .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.CodeMirror-hints.idea{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;color:#616569;background-color:#ebf3fd!important}.CodeMirror-hints.idea .CodeMirror-hint-active{background-color:#a2b8c9!important;color:#5c6065!important}
	`@ -0,0 +1,3 @@`
					`import CountDown from './CountDown'`

					`export default CountDown`
	`@ -0,0 +1,3 @@`
					`import Ellipsis from './Ellipsis'`

					`export default Ellipsis`