first commit

.editorconfig

@@ -0,0 +1,14 @@
+# https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

.env.development

@@ -0,0 +1,20 @@
+ENV = 'development'
+
+# 接口地址
+
+#内网服务地址
+VUE_APP_BASE_API  = 'http://192.168.99.107:7070'
+VUE_APP_WS_API = 'ws://192.168.99.107:7071'
+VUE_APP_CAMERA_API = '192.168.99.107:3000'
+
+# 刘力-本地服地址
+#VUE_APP_BASE_API  = 'http://192.168.99.65:7070'
+#VUE_APP_WS_API = 'ws://192.168.99.65:7071'
+
+# 许镇-本地服地址
+#VUE_APP_BASE_API  = 'http://192.168.99.84:7070'
+#VUE_APP_WS_API = 'ws://192.168.99.84:7070'
+#VUE_APP_BASE_API  = 'http://192.168.99.84:11100/' 测试新版login用过
+
+# 是否启用 babel-plugin-dynamic-import-node插件
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production

@@ -0,0 +1,9 @@
+ENV = 'production'
+
+# 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置
+# 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
+VUE_APP_BASE_API  = 'https://openapitest.aiyxlib.com'
+# VUE_APP_BASE_API  = 'http://192.168.99.107:7070'
+# 如果接口是 http 形式， wss 需要改为 ws
+VUE_APP_WS_API = 'ws://192.168.99.107:7071'
+VUE_APP_CAMERA_API = '192.168.99.107:3000'

.eslintignore

@@ -0,0 +1,4 @@
+build/*.js
+src/assets
+public
+dist

.eslintrc.js

@@ -0,0 +1,197 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: ['plugin:vue/recommended', 'eslint:recommended'],
+
+
+  rules: {
+    "vue/max-attributes-per-line": [2, {
+      "singleline": 10,
+      "multiline": {
+        "max": 1,
+        "allowFirstLine": false
+      }
+    }],
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/multiline-html-element-content-newline":"off",
+    "vue/name-property-casing": ["error", "PascalCase"],
+    "vue/no-v-html": "off",
+    'accessor-pairs': 2,
+    'arrow-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'block-spacing': [2, 'always'],
+    'brace-style': [2, '1tbs', {
+      'allowSingleLine': true
+    }],
+    'camelcase': [0, {
+      'properties': 'always'
+    }],
+    'comma-dangle': [2, 'never'],
+    'comma-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': [2, 'last'],
+    'constructor-super': 2,
+    'curly': [2, 'multi-line'],
+    'dot-location': [2, 'property'],
+    'eol-last': 2,
+    'eqeqeq': ["error", "always", {"null": "ignore"}],
+    'generator-star-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'indent': [2, 2, {
+      'SwitchCase': 1
+    }],
+    'jsx-quotes': [2, 'prefer-single'],
+    'key-spacing': [2, {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'keyword-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'new-cap': [2, {
+      'newIsCap': true,
+      'capIsNew': false
+    }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 0,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [2, 'functions'],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [2, 'functions'],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [2, {
+      'allowLoop': false,
+      'allowSwitch': false
+    }],
+    'no-lone-blocks': 2,
+    'no-mixed-spaces-and-tabs': 2,
+    'no-multi-spaces': 2,
+    'no-multi-str': 2,
+    'no-multiple-empty-lines': [2, {
+      'max': 1
+    }],
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [2, 'except-parens'],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-spaced-func': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-trailing-spaces': 2,
+    'no-undef': 2,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [2, {
+      'defaultAssignment': false
+    }],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [2, {
+      'vars': 'all',
+      'args': 'none'
+    }],
+    'no-useless-call': 2,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-whitespace-before-property': 2,
+    'no-with': 2,
+    'one-var': [2, {
+      'initialized': 'never'
+    }],
+    'operator-linebreak': [2, 'after', {
+      'overrides': {
+        '?': 'before',
+        ':': 'before'
+      }
+    }],
+    'padded-blocks': [2, 'never'],
+    'quotes': [2, 'single', {
+      'avoidEscape': true,
+      'allowTemplateLiterals': true
+    }],
+    'semi': [2, 'never'],
+    'semi-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'space-before-blocks': [2, 'always'],
+    'space-before-function-paren': [2, 'never'],
+    'space-in-parens': [2, 'never'],
+    'space-infix-ops': 2,
+    'space-unary-ops': [2, {
+      'words': true,
+      'nonwords': false
+    }],
+    'spaced-comment': [2, 'always', {
+      'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
+    }],
+    'template-curly-spacing': [2, 'never'],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [2, 'any'],
+    'yield-star-spacing': [2, 'both'],
+    'yoda': [2, 'never'],
+    'prefer-const': 2,
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'object-curly-spacing': [2, 'always', {
+      objectsInObjects: false
+    }],
+    'array-bracket-spacing': [2, 'never']
+  }
+}

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules/
+dist/
+demo/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+**/*.log
+
+tests/**/coverage/
+tests/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.local
+
+package-lock.json
+yarn.lock

.travis.yml

@@ -0,0 +1,5 @@
+language: node_js
+node_js: 10
+script: npm run test
+notifications:
+  email: false

LICENSE

@@ -0,0 +1,191 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"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.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"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.
+
+"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).
+
+"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:
+
+You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+You must cause any modified files to carry prominent notices stating that You
+changed the files; and
+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
+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 2019 Zheng Jie
+
+   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.

README.md

@@ -0,0 +1,88 @@
+智能库房综合管理系统
+
+##参考文档：
+
+	1.[element-ui](https://element.eleme.cn/2.15/#/zh-CN)  
+	   
+	2.[vue-element-admin](https://panjiachen.github.io/vue-element-admin-site/zh/) 
+
+
+```bash
+## 项目结构
+├── build                      # 构建相关
+├── public                     # 静态资源
+│   │── favicon.ico            # favicon图标
+│   └── index.html             # html模板
+├── src                        # 源代码
+│   ├── api                    # 所有请求
+│   ├── assets                 # 主题 字体等静态资源
+│   │   ├── icons                 # 项目所有 svg icons
+│   │   ├── images                # images
+│   │   ├── styles                # 全局样式
+│   ├── components             # 全局公用组件
+│   ├── layout                 # 全局 layout
+│   │   ├──                       # 系统布局设置
+│   │   ├──                       # 侧边栏
+│   │   ├──                       # 导航栏
+│   │   ├──                       # main
+│   ├── mixins                 # 全局共享数据和方法
+│   ├── router                 # 路由
+│   ├── store                  # 全局 store管理
+│   ├── utils                  # 全局公用方法
+│   ├── views                  # views 所有页面
+│   │   ├── archivesConfig        # 档案配置
+│   │   ├── archivesManage        # 档案管理
+│   │   ├── category              # 门类管理
+│   │   ├── environmentalScreen   # 环境监测大屏
+│   │   ├── components            # views内页面组件
+│   │   │   ├── field                 # 字段管理组件
+│   │   │   ├── category              # 门类管理
+│   │   ├── dashboard             # 首页面板内容
+│   │   ├── features              # 错误页面
+│   │   ├── storeManage           # 库房管理
+│   │   ├── system                # 权限管理
+│   │   │   ├── archiveStatistics      # 档案统计
+│   │   │   ├── dept                   # 部门管理
+│   │   │   ├── job                    # 岗位管理
+│   │   │   ├── menu                   # 菜单管理
+│   │   │   ├── role                   # 角色管理
+│   │   │   ├── user                   # 用户管理
+│   │   │   ├── log                    # 日志
+│   │   │   │   ├── errLog                # 异常日志
+│   │   │   │   ├── index                 # 操作日志
+│   │   │   ├── logManage              # 日志管理
+│   │   │   ├── messageCenter          # 消息中心
+│   │   │   ├── notifyManage           # 通知管理
+│   │   ├── home                  # 首页
+│   │   ├── login                 # 登录
+│   ├── App.vue                # 入口页面
+│   ├── main.js                # 入口文件 加载组件 初始化等
+│   └── settings.js            # 网站基本设置
+├── .env.xxx                   # 环境变量配置
+├── .eslintrc.js               # eslint 配置项
+├── .babelrc                   # babel-loader 配置
+├── .travis.yml                # 自动化CI配置
+├── vue.config.js              # vue-cli 配置
+├── postcss.config.js          # postcss 配置
+└── package.json               # package.json
+```
+
+
+```bash
+# install dependency
+npm install
+
+# develop
+npm run dev
+
+# 构建测试环境
+npm run build:stage
+
+# 构建生产环境
+npm run build:prod
+
+#打包注意
+router.js - mode改为'hash'
+vue.config.js - publicPath: './'
+.env.production - 地址改为真实的生产服务器地址
+```

babel.config.js

@@ -0,0 +1,11 @@
+const plugins = ['@vue/babel-plugin-transform-vue-jsx', '@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-nullish-coalescing-operator']
+// 生产环境移除console
+if (process.env.NODE_ENV === 'production') {
+  plugins.push('transform-remove-console')
+}
+module.exports = {
+  plugins: plugins,
+  presets: [
+    '@vue/app'
+  ]
+}

jest.config.js

@@ -0,0 +1,24 @@
+module.exports = {
+  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
+      'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: ['jest-serializer-vue'],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
+  coverageDirectory: '<rootDir>/tests/unit/coverage',
+  // 'collectCoverage': true,
+  'coverageReporters': [
+    'lcov',
+    'text-summary'
+  ],
+  testURL: 'http://localhost/'
+}

package.json

@@ -0,0 +1,115 @@
+{
+  "name": "yxk-storeroom-system",
+  "version": "1.0.0",
+  "description": "智能库房综合管理系统",
+  "author": "刘力",
+  "license": "",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build:prod": "vue-cli-service build",
+    "build:stage": "vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview",
+    "lint": "eslint --ext .js,.vue src",
+    "test:unit": "jest --clearCache && vue-cli-service test:unit",
+    "svgo": "svgo -f src/assets/icons/svg --config=src/assets/icons/svgo.yml",
+    "new": "plop"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "src/**/*.{js,vue}": [
+      "eslint --fix",
+      "git add"
+    ]
+  },
+  "dependencies": {
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
+    "@riophae/vue-treeselect": "^0.4.0",
+    "axios": "^0.21.1",
+    "clipboard": "2.0.4",
+    "codemirror": "^5.49.2",
+    "connect": "3.6.6",
+    "core-js": "^2.6.12",
+    "echarts": "^4.2.1",
+    "echarts-gl": "^1.1.1",
+    "echarts-wordcloud": "^1.1.3",
+    "element-ui": "^2.15.6",
+    "file-saver": "1.3.8",
+    "fuse.js": "3.4.4",
+    "highlight.js": "^11.5.1",
+    "html2canvas": "^1.4.1",
+    "js-beautify": "^1.10.2",
+    "js-cookie": "2.2.0",
+    "jsencrypt": "^3.0.0-rc.1",
+    "jszip": "^3.7.1",
+    "mavon-editor": "^2.9.1",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "path-to-regexp": "2.4.0",
+    "print-js": "^1.6.0",
+    "qs": "^6.10.1",
+    "screenfull": "4.2.0",
+    "sortablejs": "1.8.4",
+    "vkbeautify": "^0.99.3",
+    "vue": "^2.6.14",
+    "vue-count-to": "^1.0.13",
+    "vue-cropper": "0.4.9",
+    "vue-echarts": "^5.0.0-beta.0",
+    "vue-highlightjs": "^1.3.3",
+    "vue-image-crop-upload": "^2.5.0",
+    "vue-resource": "^1.5.3",
+    "vue-router": "3.0.2",
+    "vue-splitpane": "1.0.4",
+    "vuedraggable": "2.20.0",
+    "vuex": "3.1.0",
+    "wangeditor": "^4.7.11",
+    "x2js": "^3.4.3",
+    "xlsx": "^0.17.4"
+  },
+  "devDependencies": {
+    "@babel/parser": "^7.7.4",
+    "@babel/register": "7.0.0",
+    "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
+    "@vue/cli-plugin-babel": "3.5.3",
+    "@vue/cli-plugin-eslint": "^3.9.1",
+    "@vue/cli-plugin-unit-jest": "3.5.3",
+    "@vue/cli-service": "3.5.3",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "autoprefixer": "^9.5.1",
+    "babel-core": "7.0.0-bridge.0",
+    "babel-eslint": "10.0.1",
+    "babel-jest": "23.6.0",
+    "babel-plugin-dynamic-import-node": "2.3.0",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "chalk": "2.4.2",
+    "chokidar": "2.1.5",
+    "connect": "3.6.6",
+    "eslint": "5.15.3",
+    "eslint-plugin-vue": "5.2.2",
+    "http-proxy-middleware": "^0.19.1",
+    "husky": "1.3.1",
+    "lint-staged": "8.1.5",
+    "plop": "2.3.0",
+    "sass": "1.32.13",
+    "sass-loader": "10.2.0",
+    "script-ext-html-webpack-plugin": "2.1.3",
+    "script-loader": "0.7.2",
+    "serve-static": "^1.13.2",
+    "svg-sprite-loader": "4.1.3",
+    "svgo": "1.2.0",
+    "tasksfile": "^5.1.1",
+    "vue-template-compiler": "2.6.14"
+  },
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}

plopfile.js

@@ -0,0 +1,7 @@
+const viewGenerator = require('./plop-templates/view/prompt')
+const componentGenerator = require('./plop-templates/component/prompt')
+
+module.exports = function(plop) {
+  plop.setGenerator('view', viewGenerator)
+  plop.setGenerator('component', componentGenerator)
+}

postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}

public/favicon.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:#198CFF;}
+	.st2{fill:url(#SVGID_2_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:#33D0FF;}
+	.st5{fill:#0053EB;}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="216.1168" y1="856.3585" x2="216.1168" y2="345.3465">
+	<stop  offset="0" style="stop-color:#1C78FF"/>
+	<stop  offset="1" style="stop-color:#52C6FF"/>
+</linearGradient>
+<polygon class="st0" points="3.9,184.5 3.8,412.8 3.8,484.7 3.8,484.7 3.8,712.7 428.5,974.4 428.5,446.4 "/>
+<path class="st1" d="M563.9,46.8L361,96.7c-15.7,3.8-18.9,24.6-5.2,33.1l119.1,73.5c24.2,14.9,56.1,4.9,67.3-21.2l45.9-106.6
+	C595,59.6,580.7,42.7,563.9,46.8z"/>
+<path class="st1" d="M3.9,184.5l424.5,261.9l53-123.7c9.4-21.9,1.4-47.3-18.8-59.8L257.1,135.4c-10.9-6.8-24-8.8-36.5-5.8L3.9,184.5
+	z"/>
+<g>
+	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="708.7628" y1="415.2324" x2="723.4354" y2="785.7179">
+		<stop  offset="0" style="stop-color:#4ABEFF"/>
+		<stop  offset="1" style="stop-color:#198CFF"/>
+	</linearGradient>
+	<path class="st2" d="M887,632.9L428.5,746.4v228l511-126.3c49.6-12.1,84.5-56.5,84.5-107.6C1024,668.7,956.8,615.9,887,632.9z
+		 M902.8,787.9c-19.5,0-35.4-18.8-35.4-42c0-23.2,15.8-42,35.4-42c19.5,0,35.4,18.8,35.4,42C938.2,769.1,922.3,787.9,902.8,787.9z"
+		/>
+	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="720.6134" y1="414.763" x2="735.2861" y2="785.2486">
+		<stop  offset="0" style="stop-color:#4ABEFF"/>
+		<stop  offset="1" style="stop-color:#198CFF"/>
+	</linearGradient>
+	<path class="st3" d="M1024,440.7c0-71.9-67.3-124.8-137.2-107.7L428.5,446.4v228.3l510.9-126.2C989,536.4,1024,491.9,1024,440.7z
+		 M902.8,489.3c-19.5,0-35.4-18.8-35.4-42c0-23.2,15.8-42,35.4-42c19.5,0,35.4,18.8,35.4,42C938.2,470.5,922.3,489.3,902.8,489.3z"
+		/>
+</g>
+<path class="st4" d="M684.3,86.5L684.3,86.5c-15.7-9.8-36.4-3.3-43.7,13.7l-93.7,217.6c-9.9,22.9,10.8,47.2,35,41.2l0,0
+	c9.2-2.3,16.7-8.7,20.5-17.4L696,124C701.9,110.3,696.9,94.4,684.3,86.5z"/>
+<path class="st1" d="M788.3,151.5l-0.8-0.5c-15.7-9.8-36.4-3.3-43.7,13.7l-50.3,116.8c-9.9,22.9,10.8,47.2,35,41.2l1.2-0.3
+	c9.2-2.3,16.7-8.7,20.5-17.4l49.9-116C806,175.3,801,159.4,788.3,151.5z"/>
+<path class="st5" d="M896.6,219.2L896.6,219.2c-17.9-11.2-41.6-3.8-50,15.6l-0.8,1.8c-11.3,26.2,12.3,54,40,47.1h0
+	c10.5-2.6,19.1-9.9,23.4-19.8l0.8-1.8C916.8,246.4,911.1,228.2,896.6,219.2z"/>
+</svg>

public/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" href="<%= BASE_URL %>favicon.svg" type="image/svg+xml">
+    <title><%= webpackConfig.name %></title>
+  </head>
+  <body>
+    <div id="app"></div>
+   
+  </body>
+</html>

public/webA/index.html

@@ -0,0 +1,905 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
+  <meta name="screen-orientation" content="landscape" charset="UTF-8" />
+  <meta content="width=device-width, initial-scale=0.4, maximum-scale=0.4, user-scalable=0" name="viewport">
+  <meta http-equiv="Pragma" content="Cache-control: max-age=10000" />
+  <title>档案库</title>
+  <style>
+    html,
+    body {
+      overflow: hidden;
+      margin: 0;
+      padding: 0;
+    }
+
+    img {
+      width: 100%;
+      height: auto;
+    }
+
+    video {
+      width: 100%;
+      height: auto;
+    }
+
+    .font22 {
+      font-size: 20px;
+    }
+
+    .jiazaiimg {
+      width: 436px;
+      height: auto;
+      margin: 50% auto 0;
+      padding: 0px 200px;
+      font-size: 30px;
+    }
+
+    .zc {
+      color: white;
+      width: 436px;
+      height: 140px;
+      margin: 85% auto 0;
+      padding: 0px 240px;
+      font-size: 30px;
+    }
+
+    .zcpc {
+      color: white;
+      width: 100%;
+      height: 40px;
+
+      font-size: 20px;
+      position: fixed;
+      bottom: 10px;
+      text-align: center;
+    }
+
+    .divTransform {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+
+    #renderCanvas {
+      width: 100%;
+      height: 100vh;
+      touch-action: none;
+
+      outline: none;
+      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+      /* mobile webkit */
+      touch-action: none;
+
+      background-repeat: no-repeat no-repeat;
+      background-size: cover;
+
+    }
+
+    #show {
+      width: 100%;
+      font-size: 35px;
+      line-height: 70px;
+    }
+
+    .mytitle {
+      width: 100%;
+      text-align: center;
+      font-size: 43px;
+      font-weight: 700;
+      color: white;
+      margin-top: 75px;
+      margin-bottom: 20px;
+    }
+
+    .introduce {
+      width: 600px;
+      height: auto;
+      background: url('img/shuomingkuang@2x.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 38%;
+      left: 19%;
+      z-index: 99;
+      color: white;
+      padding: 35px 28px;
+      font-size: 10px;
+      display: none;
+    }
+
+    .introduce2 {
+      width: 520px;
+      height: auto;
+      background: url('img/shuomingkuang@2x.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      bottom: 10%;
+      left: 30%;
+      z-index: 99;
+      color: white;
+      padding: 20px;
+      font-size: 14px;
+      line-height: 19px;
+      display: none;
+    }
+
+    .xingshang {
+      width: 100%;
+      position: fixed;
+      bottom: 0px;
+      left: 0;
+      height: 340px;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      border-radius: 35px 35px 0 0;
+      display: none;
+    }
+
+    .xingshangpc {
+      width: 520px;
+      height: 100%;
+      margin: 0 auto;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+    }
+
+    .zuoimg {
+      width: 38px;
+      height: 72px;
+      margin: 48px 29px;
+    }
+
+    .zuoimgpc {
+      width: 13px;
+      height: 22px;
+      margin: 18px 7px;
+    }
+
+    .xsul {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      margin-top: 50px;
+    }
+
+    .xsli {
+      /* margin: 0 10px; */
+      font-size: 28px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .xslipc {
+      font-size: 14px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .xsimg {
+      width: 72px;
+      height: 72px;
+      margin: 25px;
+    }
+
+    .xsimgpc {
+      width: 32px;
+      height: 32px;
+      margin: 12px;
+    }
+
+    .jiange {
+      width: 22px;
+      height: 22px;
+      margin-top: 53px;
+    }
+
+    .jiangepc {
+      width: 15px;
+      height: 15px;
+      margin-top: 22px;
+    }
+
+    .beijing {
+      width: 100%;
+      position: fixed;
+      bottom: 0px;
+      left: 0;
+      height: 420px;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      border-radius: 35px 35px 0 0;
+      display: none;
+    }
+
+    .beijingpc-di,
+    .xingsh-di {
+      width: 81.2%;
+      position: fixed;
+      bottom: 30px;
+      left: 0px;
+      height: 220px;
+      background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 8%, rgba(0, 0, 0, 0.5) 18%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 90%, rgba(0, 0, 0, 0) 100%);
+      display: none;
+    }
+
+    /*.xingsh-di{
+			display: block;
+		}*/
+    .beijingpc {
+      width: 50%;
+      height: 100%;
+      margin: 0 auto;
+      box-sizing: border-box;
+      padding: 10px 15px;
+      color: white;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .leftpc,
+    .rightpc {
+      width: 12px;
+      height: 21px;
+      margin: 0 12px;
+      display: flex;
+      align-items: center;
+    }
+
+    .leftimgpc,
+    .rightimgpc {
+      width: 12px;
+      height: 21px;
+      margin-top: 25px;
+    }
+
+    .zhongj {
+      width: 93%;
+      max-width: 880px;
+      height: 100%;
+      overflow-x: auto;
+      overflow-y: hidden;
+
+    }
+
+    .bjtit {
+      font-size: 38px;
+      display: flex;
+      justify-content: space-between;
+      margin: 37px 0 27px;
+    }
+
+    .bjtitpc {
+      font-size: 18px;
+      display: flex;
+      justify-content: space-between;
+      margin: 14px 0;
+    }
+
+    .ycdiv {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 132px;
+    }
+
+    .ycdivpc {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 45px;
+      font-size: 11px;
+    }
+
+    .ycimg {
+      width: 38px;
+      height: 28px;
+    }
+
+    .ycimgpc {
+      width: 16px;
+      height: 12px;
+    }
+
+    .bjul {
+      width: 100%;
+      display: flex;
+      margin: 0;
+      padding: 0;
+      overflow-y: hidden;
+      overflow-x: auto;
+    }
+
+    .bjulpc {
+      /*width: 100%;*/
+      height: 140px;
+      display: flex;
+    }
+
+    .bjulpc-di {
+      width: 100%;
+      height: 140px;
+      display: flex;
+      margin: 0;
+      padding: 0;
+      overflow-y: hidden;
+      overflow-x: auto;
+    }
+
+    .bjulpc-di::-webkit-scrollbar {
+      display: none
+    }
+
+    .bjli {
+      margin: 0 10px;
+      font-size: 36px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .bjlipc {
+      margin: 0 5px;
+      font-size: 14px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .bjdiv {
+      height: 188px;
+      display: flex;
+      justify-content: center;
+      align-items: flex-end;
+    }
+
+    .bjdivpc {
+      height: 120px;
+      display: flex;
+      justify-content: center;
+      align-items: flex-end;
+    }
+
+    .bjimg {
+      width: 138px;
+      height: 138px;
+      margin-bottom: 20px;
+      border-radius: 14px;
+    }
+
+    .bjimgpc {
+      width: 98px;
+      height: 98px;
+      margin-bottom: 10px;
+      border-radius: 6px;
+    }
+
+    .contint2 {
+      width: 100%;
+      position: fixed;
+      bottom: 0px;
+      left: 0;
+      height: 300px;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      border-radius: 35px 35px 0 0;
+
+    }
+
+    .contint2::-webkit-scrollbar {
+      display: none;
+    }
+
+    .main2 {
+      width: 100%;
+      height: auto;
+      display: none;
+    }
+
+    .shangla,
+    .xiala {
+      width: 100%;
+      height: 160px;
+      text-align: center;
+      position: fixed;
+      bottom: 140px;
+      left: 0;
+      border-radius: 35px 35px 0 0;
+      display: block;
+      z-index: 99;
+      background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.18));
+    }
+
+    .xialaimg {
+      width: 80px;
+      height: 11px;
+      margin-top: 44px;
+    }
+
+    .oprition {
+      width: 100%;
+      position: fixed;
+      top: 30px;
+      left: 0;
+      z-index: 999;
+      display: flex;
+      justify-content: center;
+    }
+
+    .listimg {
+      width: 150px;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    .listimg img {
+      width: 103px;
+      height: 103px;
+    }
+
+    .conts {
+      width: 100%;
+      font-size: 28px;
+      color: white;
+      height: 101px;
+      box-sizing: border-box;
+      padding: 30px;
+      text-align: center;
+      border-radius: 5px;
+      text-align: center;
+    }
+
+    .contcj,
+    .contzk,
+    .contxx {
+      width: 124px;
+    }
+
+    .contbj,
+    .conthy,
+    .contcz {
+      width: 178px;
+    }
+
+    .mengban {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      z-index: 1000;
+      background-color: rgba(0, 0, 0, 0);
+    }
+
+    .articcont {
+      width: 100%;
+
+      position: fixed;
+      top: 30%;
+      left: 0;
+      z-index: 9999;
+      background-color: rgba(0, 0, 0, 0.6);
+      border-radius: 10px;
+      padding: 30px;
+      box-sizing: border-box;
+      display: none;
+    }
+
+    .articcont:after {
+      content: '';
+      display: inline-block;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-bottom: 20px solid rgba(0, 0, 0, 0.6);
+      position: absolute;
+      top: -38px;
+      right: 48%;
+    }
+
+    .ul {
+      width: 100%;
+    }
+
+    .shoushi {
+      width: 800px;
+      height: auto;
+      padding: 110px
+    }
+
+    .span1 {
+      font-size: 66px;
+      color: white;
+      margin-right: 13px;
+      position: relative;
+      bottom: 10px;
+    }
+
+    .know {
+      width: 200px;
+      text-align: center;
+      padding: 16px 0;
+      font-size: 32px;
+      margin: 30px auto 0;
+      border-radius: 10px;
+      color: white;
+      font-weight: 600;
+    }
+
+    .ikngb {
+      width: 57px;
+      height: 57px;
+    }
+
+    /*pc端*/
+    .mains {
+      width: 18.8%;
+      display: none;
+      box-sizing: border-box;
+    }
+
+    .contint {
+      width: 100%;
+      /*height: 250px;*/
+      box-sizing: border-box;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      background: #151837;
+    }
+
+    .title2 {
+      width: 100%;
+      height: 62px;
+      background-color: #151837;
+      color: white;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      box-sizing: border-box;
+      padding: 0 20px;
+      font-size: 22px;
+      font-weight: 700;
+    }
+
+    .oprition2 {
+      position: fixed;
+      top: 10px;
+      right: 19%;
+      width: 56px;
+    }
+
+    .listimg2 {
+      margin-top: 20px;
+      position: relative;
+    }
+
+    .listimg2 img {
+      width: 47px;
+      height: 47px;
+    }
+
+    .conts2 {
+      background: rgb(0, 0, 0, 0.5);
+      font-size: 14px;
+      color: white;
+      height: 32px;
+      line-height: 32px;
+      box-sizing: border-box;
+      text-align: center;
+      border-radius: 3px;
+      position: absolute;
+      right: 73px;
+      top: 10px;
+      display: none;
+    }
+
+    .conts2:after {
+      content: '';
+      display: inline-block;
+      width: 0;
+      height: 0;
+      border: 7px solid transparent;
+      border-left: 7px solid rgba(0, 0, 0, 0.8);
+      position: absolute;
+      top: 7px;
+      right: -14px;
+    }
+
+    .articcont2 {
+      width: 800px;
+      height: 700px;
+      margin: 50px auto;
+      background-color: rgba(0, 0, 0, 0.6);
+      border-radius: 10px;
+      padding: 20px;
+      box-sizing: border-box;
+    }
+
+    .articcont2:after {
+      content: '';
+      display: inline-block;
+      width: 0;
+      height: 0;
+      border: 10px solid transparent;
+      border-top: 10px solid rgba(0, 0, 0, 0.6);
+      position: absolute;
+      top: 202px;
+      right: 48%;
+    }
+
+    .ul2 {
+      width: 100%;
+      color: white;
+    }
+
+    .li2 {
+      width: 100%;
+      font-size: 14px;
+      line-height: 19px;
+    }
+
+    .mengban2 {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 81.2%;
+      background-color: rgba(0, 0, 0, 0.2);
+      display: none;
+      z-index: 10;
+    }
+
+    .knowpc {
+      font-size: 14px;
+      width: 83px;
+      height: 33px;
+      line-height: 33px;
+      text-align: center;
+      background-color: #008aff;
+      margin: 20px auto 0;
+      border-radius: 5px;
+      color: white;
+      font-weight: 600;
+      cursor: pointer;
+    }
+
+    .span2 {
+      font-size: 36px;
+      color: white;
+      margin-right: 13px;
+      position: relative;
+      bottom: 3px;
+    }
+
+    .shuop1 {
+      font-size: 15px;
+    }
+
+    .oka {
+      width: 100%;
+      height: 100%;
+
+      background: #021941;
+      position: fixed;
+
+      z-index: 99;
+      /* padding: 35px 28px; */
+      font-size: 30px;
+      /*display: none;*/
+    }
+
+    /*下面是音乐的css*/
+    .lohingif {
+      width: 100%;
+      height: auto;
+      display: flex;
+      justify-content: center;
+    }
+
+    .lohingifpc {
+      width: 100%;
+      height: auto;
+      display: flex;
+      top: 50%;
+      /*偏移*/
+      transform: translateY(-50%);
+    }
+
+    .feitimg {
+      width: 20px;
+      height: auto;
+      position: relative;
+      top: 3px;
+    }
+
+    .fatherdiv {
+      margin: 25px;
+      width: 72px;
+      height: 72px;
+
+      position: relative;
+      background-color: #f3f3f3;
+      border-radius: 50%;
+    }
+
+    .persentdiv {
+      display: none;
+      margin: -24px 0px 0px 0px;
+      width: 72px;
+      height: 72px;
+      border-radius: 50%;
+      position: absolute;
+      clip: rect(0, 72px, 72px, 36px);
+    }
+
+    .persentleft {
+      position: absolute;
+      width: 72px;
+      height: 72px;
+      border: 10px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 36px, 72px, 0);
+    }
+
+    .persentright {
+      position: absolute;
+      width: 72px;
+      height: 72px;
+      border: 10px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 72px, 72px, 36px);
+    }
+
+
+    .persentdivpc {
+      display: none;
+      margin: -10px 0px 0px 0px;
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      position: absolute;
+      clip: rect(0, 32px, 32px, 16px);
+    }
+
+    .persentleftpc {
+      position: absolute;
+      width: 32px;
+      height: 32px;
+      border: 5px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 16px, 32px, 0);
+    }
+
+    .persentrightpc {
+      position: absolute;
+      width: 32px;
+      height: 32px;
+      border: 5px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 32px, 32px, 16px);
+    }
+
+    .wth0 {
+      width: 0;
+    }
+
+    .num {
+      position: absolute;
+      box-sizing: border-box;
+      width: 130px;
+      height: 130px;
+      line-height: 130px;
+      text-align: center;
+      font-size: 32px;
+      left: 10px;
+      top: 10px;
+      border-radius: 50%;
+      background-color: #fff;
+      color: #1890ff;
+      z-index: 1;
+    }
+
+    .clip-auto {
+      clip: rect(auto, auto, auto, auto);
+    }
+
+    .rotate {
+      -webkit-animation: rotating 3s linear infinite;
+      animation: rotating 3s linear infinite;
+
+      animation-play-state: running;
+      -webkit-animation-play-state: running;
+      /* Safari 和 Chrome */
+    }
+
+    .rotate-pause {
+      animation-play-state: paused;
+      -webkit-animation-play-state: paused;
+      /* Safari 和 Chrome */
+    }
+
+    @-webkit-keyframes rotating {
+      from {
+        -webkit-transform: rotate(0)
+      }
+
+      to {
+        -webkit-transform: rotate(360deg)
+      }
+    }
+
+    @keyframes rotating {
+      from {
+        transform: rotate(0)
+      }
+
+      to {
+        transform: rotate(360deg)
+      }
+    }
+
+    @-moz-keyframes rotating {
+      from {
+        -moz-transform: rotate(0)
+      }
+
+      to {
+        -moz-transform: rotate(360deg)
+      }
+    }
+
+  </style>
+</head>
+
+<body>
+  <div class="divTransform">
+    <canvas id="renderCanvas" touch-action="none"></canvas>
+  </div>
+  <div id="customLoadingScreenDiv_first"
+    style="position: absolute;left: 0px;top: 0px;width: 1158.1px;height: 1211px;display: initial;">
+    <div class="oka">
+      <div class="lohingif"><img src="./logok.gif" class="jiazaiimg">
+      </div>
+      <div class="zcpc">&nbsp;&nbsp;</div>
+    </div>
+  </div>
+  <!--- Link to the last version of BabylonJS --->
+  <script src="./js/jquery-3.5.1.min.js"></script>
+
+  <script src="./js/pep.js"></script>
+  <script src="https://qiniu.aiyxlib.com/babylon.js"></script>
+  <script src="https://qiniu.aiyxlib.com//babylonjs.loaders.min.js"></script>
+  <script src="https://qiniu.aiyxlib.com//babylon.gui.min.js"></script>
+  <script src="https://qiniu.aiyxlib.com//draco_wasm_wrapper_gltf.js"></script>
+  <script src="./index.js"></script>
+
+</body>
+
+</html>

public/webB/index.html

@@ -0,0 +1,903 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
+  <meta name="screen-orientation" content="landscape" charset="UTF-8" />
+  <meta content="width=device-width, initial-scale=0.4, maximum-scale=0.4, user-scalable=0" name="viewport">
+  <meta http-equiv="Pragma" content="Cache-control: max-age=10000" />
+  <title>整理室</title>
+  <style>
+    html,
+    body {
+      overflow: hidden;
+      margin: 0;
+      padding: 0;
+    }
+
+    img {
+      width: 100%;
+      height: auto;
+    }
+
+    video {
+      width: 100%;
+      height: auto;
+    }
+
+    .font22 {
+      font-size: 20px;
+    }
+
+    .jiazaiimg {
+      width: 436px;
+      height: auto;
+      margin: 50% auto 0;
+      padding: 0px 200px;
+      font-size: 30px;
+    }
+
+    .zc {
+      color: white;
+      width: 436px;
+      height: 140px;
+      margin: 85% auto 0;
+      padding: 0px 240px;
+      font-size: 30px;
+    }
+
+    .zcpc {
+      color: white;
+      width: 100%;
+      height: 40px;
+
+      font-size: 20px;
+      position: fixed;
+      bottom: 10px;
+      text-align: center;
+    }
+
+    .divTransform {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+
+    #renderCanvas {
+      width: 100%;
+      height: 100vh;
+      touch-action: none;
+
+      outline: none;
+      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+      /* mobile webkit */
+      touch-action: none;
+
+      background-repeat: no-repeat no-repeat;
+      background-size: cover;
+
+    }
+
+    #show {
+      width: 100%;
+      font-size: 35px;
+      line-height: 70px;
+    }
+
+    .mytitle {
+      width: 100%;
+      text-align: center;
+      font-size: 43px;
+      font-weight: 700;
+      color: white;
+      margin-top: 75px;
+      margin-bottom: 20px;
+    }
+
+    .introduce {
+      width: 600px;
+      height: auto;
+      background: url('img/shuomingkuang@2x.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 38%;
+      left: 19%;
+      z-index: 99;
+      color: white;
+      padding: 35px 28px;
+      font-size: 10px;
+      display: none;
+    }
+
+    .introduce2 {
+      width: 520px;
+      height: auto;
+      background: url('img/shuomingkuang@2x.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      bottom: 10%;
+      left: 30%;
+      z-index: 99;
+      color: white;
+      padding: 20px;
+      font-size: 14px;
+      line-height: 19px;
+      display: none;
+    }
+
+    .xingshang {
+      width: 100%;
+      position: fixed;
+      bottom: 0px;
+      left: 0;
+      height: 340px;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      border-radius: 35px 35px 0 0;
+      display: none;
+    }
+
+    .xingshangpc {
+      width: 520px;
+      height: 100%;
+      margin: 0 auto;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+    }
+
+    .zuoimg {
+      width: 38px;
+      height: 72px;
+      margin: 48px 29px;
+    }
+
+    .zuoimgpc {
+      width: 13px;
+      height: 22px;
+      margin: 18px 7px;
+    }
+
+    .xsul {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      margin-top: 50px;
+    }
+
+    .xsli {
+      /* margin: 0 10px; */
+      font-size: 28px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .xslipc {
+      font-size: 14px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .xsimg {
+      width: 72px;
+      height: 72px;
+      margin: 25px;
+    }
+
+    .xsimgpc {
+      width: 32px;
+      height: 32px;
+      margin: 12px;
+    }
+
+    .jiange {
+      width: 22px;
+      height: 22px;
+      margin-top: 53px;
+    }
+
+    .jiangepc {
+      width: 15px;
+      height: 15px;
+      margin-top: 22px;
+    }
+
+    .beijing {
+      width: 100%;
+      position: fixed;
+      bottom: 0px;
+      left: 0;
+      height: 420px;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      border-radius: 35px 35px 0 0;
+      display: none;
+    }
+
+    .beijingpc-di,
+    .xingsh-di {
+      width: 81.2%;
+      position: fixed;
+      bottom: 30px;
+      left: 0px;
+      height: 220px;
+      background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 8%, rgba(0, 0, 0, 0.5) 18%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 90%, rgba(0, 0, 0, 0) 100%);
+      display: none;
+    }
+
+    /*.xingsh-di{
+			display: block;
+		}*/
+    .beijingpc {
+      width: 50%;
+      height: 100%;
+      margin: 0 auto;
+      box-sizing: border-box;
+      padding: 10px 15px;
+      color: white;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .leftpc,
+    .rightpc {
+      width: 12px;
+      height: 21px;
+      margin: 0 12px;
+      display: flex;
+      align-items: center;
+    }
+
+    .leftimgpc,
+    .rightimgpc {
+      width: 12px;
+      height: 21px;
+      margin-top: 25px;
+    }
+
+    .zhongj {
+      width: 93%;
+      max-width: 880px;
+      height: 100%;
+      overflow-x: auto;
+      overflow-y: hidden;
+
+    }
+
+    .bjtit {
+      font-size: 38px;
+      display: flex;
+      justify-content: space-between;
+      margin: 37px 0 27px;
+    }
+
+    .bjtitpc {
+      font-size: 18px;
+      display: flex;
+      justify-content: space-between;
+      margin: 14px 0;
+    }
+
+    .ycdiv {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 132px;
+    }
+
+    .ycdivpc {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 45px;
+      font-size: 11px;
+    }
+
+    .ycimg {
+      width: 38px;
+      height: 28px;
+    }
+
+    .ycimgpc {
+      width: 16px;
+      height: 12px;
+    }
+
+    .bjul {
+      width: 100%;
+      display: flex;
+      margin: 0;
+      padding: 0;
+      overflow-y: hidden;
+      overflow-x: auto;
+    }
+
+    .bjulpc {
+      /*width: 100%;*/
+      height: 140px;
+      display: flex;
+    }
+
+    .bjulpc-di {
+      width: 100%;
+      height: 140px;
+      display: flex;
+      margin: 0;
+      padding: 0;
+      overflow-y: hidden;
+      overflow-x: auto;
+    }
+
+    .bjulpc-di::-webkit-scrollbar {
+      display: none
+    }
+
+    .bjli {
+      margin: 0 10px;
+      font-size: 36px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .bjlipc {
+      margin: 0 5px;
+      font-size: 14px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .bjdiv {
+      height: 188px;
+      display: flex;
+      justify-content: center;
+      align-items: flex-end;
+    }
+
+    .bjdivpc {
+      height: 120px;
+      display: flex;
+      justify-content: center;
+      align-items: flex-end;
+    }
+
+    .bjimg {
+      width: 138px;
+      height: 138px;
+      margin-bottom: 20px;
+      border-radius: 14px;
+    }
+
+    .bjimgpc {
+      width: 98px;
+      height: 98px;
+      margin-bottom: 10px;
+      border-radius: 6px;
+    }
+
+    .contint2 {
+      width: 100%;
+      position: fixed;
+      bottom: 0px;
+      left: 0;
+      height: 300px;
+      box-sizing: border-box;
+      padding: 20px 30px;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      border-radius: 35px 35px 0 0;
+
+    }
+
+    .contint2::-webkit-scrollbar {
+      display: none;
+    }
+
+    .main2 {
+      width: 100%;
+      height: auto;
+      display: none;
+    }
+
+    .shangla,
+    .xiala {
+      width: 100%;
+      height: 160px;
+      text-align: center;
+      position: fixed;
+      bottom: 140px;
+      left: 0;
+      border-radius: 35px 35px 0 0;
+      display: block;
+      z-index: 99;
+      background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.18));
+    }
+
+    .xialaimg {
+      width: 80px;
+      height: 11px;
+      margin-top: 44px;
+    }
+
+    .oprition {
+      width: 100%;
+      position: fixed;
+      top: 30px;
+      left: 0;
+      z-index: 999;
+      display: flex;
+      justify-content: center;
+    }
+
+    .listimg {
+      width: 150px;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    .listimg img {
+      width: 103px;
+      height: 103px;
+    }
+
+    .conts {
+      width: 100%;
+      font-size: 28px;
+      color: white;
+      height: 101px;
+      box-sizing: border-box;
+      padding: 30px;
+      text-align: center;
+      border-radius: 5px;
+      text-align: center;
+    }
+
+    .contcj,
+    .contzk,
+    .contxx {
+      width: 124px;
+    }
+
+    .contbj,
+    .conthy,
+    .contcz {
+      width: 178px;
+    }
+
+    .mengban {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      z-index: 1000;
+      background-color: rgba(0, 0, 0, 0);
+    }
+
+    .articcont {
+      width: 100%;
+
+      position: fixed;
+      top: 30%;
+      left: 0;
+      z-index: 9999;
+      background-color: rgba(0, 0, 0, 0.6);
+      border-radius: 10px;
+      padding: 30px;
+      box-sizing: border-box;
+      display: none;
+    }
+
+    .articcont:after {
+      content: '';
+      display: inline-block;
+      width: 0;
+      height: 0;
+      border: 20px solid transparent;
+      border-bottom: 20px solid rgba(0, 0, 0, 0.6);
+      position: absolute;
+      top: -38px;
+      right: 48%;
+    }
+
+    .ul {
+      width: 100%;
+    }
+
+    .shoushi {
+      width: 800px;
+      height: auto;
+      padding: 110px
+    }
+
+    .span1 {
+      font-size: 66px;
+      color: white;
+      margin-right: 13px;
+      position: relative;
+      bottom: 10px;
+    }
+
+    .know {
+      width: 200px;
+      text-align: center;
+      padding: 16px 0;
+      font-size: 32px;
+      margin: 30px auto 0;
+      border-radius: 10px;
+      color: white;
+      font-weight: 600;
+    }
+
+    .ikngb {
+      width: 57px;
+      height: 57px;
+    }
+
+    /*pc端*/
+    .mains {
+      width: 18.8%;
+      display: none;
+      box-sizing: border-box;
+    }
+
+    .contint {
+      width: 100%;
+      /*height: 250px;*/
+      box-sizing: border-box;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.6);
+      overflow-x: hidden;
+      overflow-y: hidden;
+      background: #151837;
+    }
+
+    .title2 {
+      width: 100%;
+      height: 62px;
+      background-color: #151837;
+      color: white;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      box-sizing: border-box;
+      padding: 0 20px;
+      font-size: 22px;
+      font-weight: 700;
+    }
+
+    .oprition2 {
+      position: fixed;
+      top: 10px;
+      right: 19%;
+      width: 56px;
+    }
+
+    .listimg2 {
+      margin-top: 20px;
+      position: relative;
+    }
+
+    .listimg2 img {
+      width: 47px;
+      height: 47px;
+    }
+
+    .conts2 {
+      background: rgb(0, 0, 0, 0.5);
+      font-size: 14px;
+      color: white;
+      height: 32px;
+      line-height: 32px;
+      box-sizing: border-box;
+      text-align: center;
+      border-radius: 3px;
+      position: absolute;
+      right: 73px;
+      top: 10px;
+      display: none;
+    }
+
+    .conts2:after {
+      content: '';
+      display: inline-block;
+      width: 0;
+      height: 0;
+      border: 7px solid transparent;
+      border-left: 7px solid rgba(0, 0, 0, 0.8);
+      position: absolute;
+      top: 7px;
+      right: -14px;
+    }
+
+    .articcont2 {
+      width: 800px;
+      height: 700px;
+      margin: 50px auto;
+      background-color: rgba(0, 0, 0, 0.6);
+      border-radius: 10px;
+      padding: 20px;
+      box-sizing: border-box;
+    }
+
+    .articcont2:after {
+      content: '';
+      display: inline-block;
+      width: 0;
+      height: 0;
+      border: 10px solid transparent;
+      border-top: 10px solid rgba(0, 0, 0, 0.6);
+      position: absolute;
+      top: 202px;
+      right: 48%;
+    }
+
+    .ul2 {
+      width: 100%;
+      color: white;
+    }
+
+    .li2 {
+      width: 100%;
+      font-size: 14px;
+      line-height: 19px;
+    }
+
+    .mengban2 {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 81.2%;
+      background-color: rgba(0, 0, 0, 0.2);
+      display: none;
+      z-index: 10;
+    }
+
+    .knowpc {
+      font-size: 14px;
+      width: 83px;
+      height: 33px;
+      line-height: 33px;
+      text-align: center;
+      background-color: #008aff;
+      margin: 20px auto 0;
+      border-radius: 5px;
+      color: white;
+      font-weight: 600;
+      cursor: pointer;
+    }
+
+    .span2 {
+      font-size: 36px;
+      color: white;
+      margin-right: 13px;
+      position: relative;
+      bottom: 3px;
+    }
+
+    .shuop1 {
+      font-size: 15px;
+    }
+
+    .oka {
+      width: 100%;
+      height: 100%;
+      background: #021941;
+      position: fixed;
+      z-index: 99;
+      /* padding: 35px 28px; */
+      font-size: 30px;
+      /*display: none;*/
+    }
+
+    /*下面是音乐的css*/
+    .lohingif {
+      width: 100%;
+      height: auto;
+      display: flex;
+      justify-content: center;
+    }
+
+    .lohingifpc {
+      width: 100%;
+      height: auto;
+      display: flex;
+      top: 50%;
+      /*偏移*/
+      transform: translateY(-50%);
+    }
+
+    .feitimg {
+      width: 20px;
+      height: auto;
+      position: relative;
+      top: 3px;
+    }
+
+    .fatherdiv {
+      margin: 25px;
+      width: 72px;
+      height: 72px;
+
+      position: relative;
+      background-color: #f3f3f3;
+      border-radius: 50%;
+    }
+
+    .persentdiv {
+      display: none;
+      margin: -24px 0px 0px 0px;
+      width: 72px;
+      height: 72px;
+      border-radius: 50%;
+      position: absolute;
+      clip: rect(0, 72px, 72px, 36px);
+    }
+
+    .persentleft {
+      position: absolute;
+      width: 72px;
+      height: 72px;
+      border: 10px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 36px, 72px, 0);
+    }
+
+    .persentright {
+      position: absolute;
+      width: 72px;
+      height: 72px;
+      border: 10px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 72px, 72px, 36px);
+    }
+
+
+    .persentdivpc {
+      display: none;
+      margin: -10px 0px 0px 0px;
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      position: absolute;
+      clip: rect(0, 32px, 32px, 16px);
+    }
+
+    .persentleftpc {
+      position: absolute;
+      width: 32px;
+      height: 32px;
+      border: 5px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 16px, 32px, 0);
+    }
+
+    .persentrightpc {
+      position: absolute;
+      width: 32px;
+      height: 32px;
+      border: 5px solid #1890ff;
+      box-sizing: border-box;
+      border-radius: 50%;
+      clip: rect(0, 32px, 32px, 16px);
+    }
+
+    .wth0 {
+      width: 0;
+    }
+
+    .num {
+      position: absolute;
+      box-sizing: border-box;
+      width: 130px;
+      height: 130px;
+      line-height: 130px;
+      text-align: center;
+      font-size: 32px;
+      left: 10px;
+      top: 10px;
+      border-radius: 50%;
+      background-color: #fff;
+      color: #1890ff;
+      z-index: 1;
+    }
+
+    .clip-auto {
+      clip: rect(auto, auto, auto, auto);
+    }
+
+    .rotate {
+      -webkit-animation: rotating 3s linear infinite;
+      animation: rotating 3s linear infinite;
+
+      animation-play-state: running;
+      -webkit-animation-play-state: running;
+      /* Safari 和 Chrome */
+    }
+
+    .rotate-pause {
+      animation-play-state: paused;
+      -webkit-animation-play-state: paused;
+      /* Safari 和 Chrome */
+    }
+
+    @-webkit-keyframes rotating {
+      from {
+        -webkit-transform: rotate(0)
+      }
+
+      to {
+        -webkit-transform: rotate(360deg)
+      }
+    }
+
+    @keyframes rotating {
+      from {
+        transform: rotate(0)
+      }
+
+      to {
+        transform: rotate(360deg)
+      }
+    }
+
+    @-moz-keyframes rotating {
+      from {
+        -moz-transform: rotate(0)
+      }
+
+      to {
+        -moz-transform: rotate(360deg)
+      }
+    }
+
+  </style>
+</head>
+
+<body>
+  <div class="divTransform">
+    <canvas id="renderCanvas" touch-action="none"></canvas>
+  </div>
+  <div id="customLoadingScreenDiv_first"
+    style="position: absolute;left: 0px;top: 0px;width: 1158.1px;height: 1211px;display: initial;">
+    <div class="oka">
+      <div class="lohingif"><img src="./logok.gif" class="jiazaiimg">
+      </div>
+      <div class="zcpc">&nbsp;&nbsp;</div>
+    </div>
+  </div>
+  <!--- Link to the last version of BabylonJS --->
+  <script src="./js/jquery-3.5.1.min.js"></script>
+
+  <script src="./js/pep.js"></script>
+  <script src="https://qiniu.aiyxlib.com/babylon.js"></script>
+  <script src="https://qiniu.aiyxlib.com//babylonjs.loaders.min.js"></script>
+  <script src="https://qiniu.aiyxlib.com//babylon.gui.min.js"></script>
+  <script src="https://qiniu.aiyxlib.com//draco_wasm_wrapper_gltf.js"></script>
+  <script src="./index.js"></script>
+
+</body>
+
+</html>