пре 2 недеља · f97bd52387
--- a/.editorconfig
+++ b/.editorconfig
@@ -0,0 +1,12 @@
 
				+root = true # 控制配置文件 .editorconfig 是否生效的字段
			
 
				+ 
			
 
				+[**] # 匹配全部文件
			
 
				+indent_style = space # 缩进风格，可选space｜tab
			
 
				+indent_size = 2 # 缩进的空格数
			
 
				+charset = utf-8 # 设置字符集
			
 
				+trim_trailing_whitespace = true # 删除一行中的前后空格
			
 
				+insert_final_newline = true # 设为true表示使文件以一个空白行结尾
			
 
				+end_of_line = lf
			
 
				+ 
			
 
				+[**.md] # 匹配md文件
			
 
				+trim_trailing_whitespace = false
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
 
				+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
			
 
				+
			
 
				+# dependencies
			
 
				+/node_modules
			
 
				+/.pnp
			
 
				+.pnp.js
			
 
				+
			
 
				+# testing
			
 
				+/coverage
			
 
				+
			
 
				+# production
			
 
				+/build
			
 
				+
			
 
				+# misc
			
 
				+.DS_Store
			
 
				+.env.local
			
 
				+.env.development.local
			
 
				+.env.test.local
			
 
				+.env.production.local
			
 
				+
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -0,0 +1,11 @@
 
				+module.exports = {
			
 
				+  printWidth: 90, // 一行的字符数，如果超过会进行换行
			
 
				+  tabWidth: 2, // 一个tab代表几个空格数，默认就是2
			
 
				+  useTabs: false, // 是否启用tab取代空格符缩进，.editorconfig设置空格缩进，所以设置为false
			
 
				+  semi: false, // 行尾是否使用分号，默认为true
			
 
				+  singleQuote: true, // 字符串是否使用单引号
			
 
				+  trailingComma: 'none', // 对象或数组末尾是否添加逗号 none| es5| all
			
 
				+  jsxSingleQuote: true, // 在jsx里是否使用单引号，你看着办
			
 
				+  bracketSpacing: true, // 对象大括号直接是否有空格，默认为true，效果：{ foo: bar }
			
 
				+  arrowParens: 'avoid' // 箭头函数如果只有一个参数则省略括号
			
 
				+}
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,2 @@
 
				+1.使用 yarn。 npm有问题
			
 
				+
			
--- a/config-overrides.js
+++ b/config-overrides.js
@@ -0,0 +1,10 @@
 
				+const path = require('path')
			
 
				+const { override, addWebpackAlias } = require('customize-cra')
			
 
				+
			
 
				+// 添加 @ 别名
			
 
				+const webpackAlias = addWebpackAlias({
			
 
				+  '@': path.resolve(__dirname, 'src'),
			
 
				+})
			
 
				+
			
 
				+// 导出要进行覆盖的 webpack 配置
			
 
				+module.exports = override(webpackAlias)
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,67 @@
 
				+{
			
 
				+  "name": "demo2",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "dependencies": {
			
 
				+    "@amap/amap-jsapi-loader": "^1.0.1",
			
 
				+    "@ant-design/cssinjs": "^1.5.6",
			
 
				+    "@testing-library/jest-dom": "^5.16.5",
			
 
				+    "@testing-library/react": "^13.4.0",
			
 
				+    "@testing-library/user-event": "^13.5.0",
			
 
				+    "@types/jest": "^27.5.2",
			
 
				+    "@types/node": "^16.18.3",
			
 
				+    "@types/react": "^18.0.24",
			
 
				+    "@types/react-dom": "^18.0.8",
			
 
				+    "@types/react-slick": "^0.23.13",
			
 
				+    "@zxing/library": "^0.21.3",
			
 
				+    "antd": "^5.8.3",
			
 
				+    "antd-mobile": "^5.30.0",
			
 
				+    "axios": "^1.1.3",
			
 
				+    "react": "^18.2.0",
			
 
				+    "react-countup": "^6.5.3",
			
 
				+    "react-dom": "^18.2.0",
			
 
				+    "react-redux": "^8.0.4",
			
 
				+    "react-router-dom": "5.3",
			
 
				+    "react-scripts": "5.0.1",
			
 
				+    "react-slick": "^0.31.0",
			
 
				+    "react-sortablejs": "^6.1.4",
			
 
				+    "redux": "^4.2.0",
			
 
				+    "redux-devtools-extension": "^2.13.9",
			
 
				+    "redux-thunk": "^2.4.1",
			
 
				+    "sass": "^1.55.0",
			
 
				+    "slick-carousel": "^1.8.1",
			
 
				+    "typescript": "^4.8.4",
			
 
				+    "web-vitals": "^2.1.4"
			
 
				+  },
			
 
				+  "scripts": {
			
 
				+    "dev": "react-app-rewired start",
			
 
				+    "build": "react-app-rewired build",
			
 
				+    "test": "react-app-rewired test",
			
 
				+    "eject": "react-scripts eject"
			
 
				+  },
			
 
				+  "eslintConfig": {
			
 
				+    "extends": [
			
 
				+      "react-app",
			
 
				+      "react-app/jest"
			
 
				+    ]
			
 
				+  },
			
 
				+  "browserslist": {
			
 
				+    "production": [
			
 
				+      ">0.2%",
			
 
				+      "not dead",
			
 
				+      "not op_mini all"
			
 
				+    ],
			
 
				+    "development": [
			
 
				+      "last 1 chrome version",
			
 
				+      "last 1 firefox version",
			
 
				+      "last 1 safari version"
			
 
				+    ]
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@types/history": "^5.0.0",
			
 
				+    "@types/react-router-dom": "^5.3.3",
			
 
				+    "customize-cra": "^1.0.0",
			
 
				+    "react-app-rewired": "^2.2.1"
			
 
				+  },
			
 
				+  "homepage": "."
			
 
				+}
			
--- a/path.tsconfig.json
+++ b/path.tsconfig.json
@@ -0,0 +1,8 @@
 
				+{
			
 
				+    "compilerOptions": {
			
 
				+      "baseUrl": "./",
			
 
				+      "paths": {
			
 
				+        "@/*": ["src/*"]
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,32 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8" />
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+    <meta name="theme-color" content="#000000" />
			
 
				+    <meta name="description" content="Web site created using create-react-app" />
			
 
				+    <meta
			
 
				+      name="viewport"
			
 
				+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
			
 
				+    />
			
 
				+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
			
 
				+    <!-- <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" /> -->
			
 
				+
			
 
				+    <title>烈士寻亲 济南革命烈士寻求中心</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>You need to enable JavaScript to run this app.</noscript>
			
 
				+    <div id="root"></div>
			
 
				+  </body>
			
 
				+
			
 
				+  <!-- <script>
			
 
				+    window.onload = function () {
			
 
				+      var script = document.createElement('script')
			
 
				+      script.src = 'https://cdn.bootcss.com/eruda/1.5.4/eruda.min.js'
			
 
				+      document.body.appendChild(script)
			
 
				+      script.onload = function () {
			
 
				+        eruda.init()
			
 
				+      }
			
 
				+    }
			
 
				+  </script> -->
			
 
				+</html>
			
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -0,0 +1,80 @@
 
				+import '@/assets/styles/base.css'
			
 
				+// 关于路由
			
 
				+import React, { useCallback, useEffect } from 'react'
			
 
				+import { Router, Route, Switch } from 'react-router-dom'
			
 
				+import history, { isMobileFu } from './utils/history'
			
 
				+import SpinLoding from './components/SpinLoding'
			
 
				+import AsyncSpinLoding from './components/AsyncSpinLoding'
			
 
				+
			
 
				+import UpAsyncLoding from './components/UpAsyncLoding'
			
 
				+import MessageCom from './components/Message'
			
 
				+
			
 
				+import screenImg from '@/assets/img/landtip.png'
			
 
				+
			
 
				+const A0base = React.lazy(() => import('./pages/A0base'))
			
 
				+
			
 
				+export default function App() {
			
 
				+  // 从仓库中获取查看图片的信息
			
 
				+  // const lookBigImg = useSelector((state: RootState) => state.A0Layout.lookBigImg)
			
 
				+
			
 
				+  const rootDomFu = useCallback(() => {
			
 
				+    const rootDom: HTMLDivElement = document.querySelector('#root')!
			
 
				+    if (rootDom) {
			
 
				+      rootDom.style.height = window.innerHeight + 'px'
			
 
				+    }
			
 
				+  }, [])
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    window.addEventListener('resize', rootDomFu, true)
			
 
				+    rootDomFu()
			
 
				+  }, [rootDomFu])
			
 
				+
			
 
				+  return (
			
 
				+    <>
			
 
				+      {/* 关于路由 */}
			
 
				+      <Router history={history}>
			
 
				+        <React.Suspense fallback={<SpinLoding />}>
			
 
				+          <Switch>
			
 
				+            {/* <Route path='/codeSucc/:id' component={A3codeSucc} /> */}
			
 
				+            <Route path='/' component={A0base} />
			
 
				+          </Switch>
			
 
				+        </React.Suspense>
			
 
				+      </Router>
			
 
				+
			
 
				+      {/* 发送请求的加载组件 */}
			
 
				+      <AsyncSpinLoding />
			
 
				+
			
 
				+      {/* 所有图片点击预览查看大图 */}
			
 
				+      {/* <Image
			
 
				+        preview={{
			
 
				+          visible: lookBigImg.show,
			
 
				+          src: lookBigImg.url,
			
 
				+          onVisibleChange: value => {
			
 
				+            // 清除仓库信息
			
 
				+            store.dispatch({
			
 
				+              type: 'layout/lookBigImg',
			
 
				+              payload: { url: '', show: false }
			
 
				+            })
			
 
				+          }
			
 
				+        }}
			
 
				+      /> */}
			
 
				+
			
 
				+      {/* 上传附件的进度条元素 */}
			
 
				+      <UpAsyncLoding />
			
 
				+
			
 
				+      {/* 查看视频音频 */}
			
 
				+      {/* <LookDom /> */}
			
 
				+
			
 
				+      {/* antd 轻提示 ---兼容360浏览器 */}
			
 
				+      <MessageCom />
			
 
				+
			
 
				+      {/* 横屏提示 */}
			
 
				+      {isMobileFu() ? (
			
 
				+        <div id='ScreenChange'>
			
 
				+          <img src={screenImg} alt='' />
			
 
				+          <p>请在竖屏模式浏览</p>
			
 
				+        </div>
			
 
				+      ) : null}
			
 
				+    </>
			
 
				+  )
			
 
				+}
			
--- a/src/assets/img/IMGerror.png
+++ b/src/assets/img/IMGerror.png
--- a/src/assets/img/landtip.png
+++ b/src/assets/img/landtip.png
--- a/src/assets/img/loading.gif
+++ b/src/assets/img/loading.gif
--- a/src/assets/img/logo.png
+++ b/src/assets/img/logo.png
--- a/src/assets/styles/base.css
+++ b/src/assets/styles/base.css
@@ -0,0 +1,314 @@
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+html {
			
 
				+  height: 100%;
			
 
				+  font-size: 14px;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+body {
			
 
				+  font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB',
			
 
				+    'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
			
 
				+  height: 100%;
			
 
				+  color: black;
			
 
				+}
			
 
				+i {
			
 
				+  font-style: normal;
			
 
				+}
			
 
				+img {
			
 
				+  max-width: 100%;
			
 
				+  max-height: 100%;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+ul {
			
 
				+  list-style: none;
			
 
				+}
			
 
				+body {
			
 
				+  overflow: auto;
			
 
				+  overflow-y: overlay;
			
 
				+}
			
 
				+/* 文本域取消下拉 */
			
 
				+textarea {
			
 
				+  resize: none !important;
			
 
				+  min-height: 100px !important;
			
 
				+}
			
 
				+/* 主题色 */
			
 
				+:root {
			
 
				+  --themeColor: #042b8f;
			
 
				+  --themeColor2: #69c690;
			
 
				+}
			
 
				+/* 找不到页面 */
			
 
				+.noFindPage {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity 0.5s;
			
 
				+}
			
 
				+/* 兼容360浏览器的下拉框 */
			
 
				+.ant-select-selector {
			
 
				+  position: relative;
			
 
				+  background-color: #ffffff;
			
 
				+  border: 1px solid #d9d9d9;
			
 
				+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
			
 
				+}
			
 
				+.ant-popconfirm {
			
 
				+  width: 240px;
			
 
				+}
			
 
				+#root {
			
 
				+  margin: 0 auto;
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  overflow: auto;
			
 
				+  overflow-y: overlay;
			
 
				+  /* 普通文字按钮的颜色 */
			
 
				+  /* 按钮的危险颜色 */
			
 
				+  /* antd分页器样式 */
			
 
				+  /* 表格的图片居中 */
			
 
				+  /* antd图片预览组件 */
			
 
				+  /* antd表格居中 */
			
 
				+}
			
 
				+#root > div {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+#root a {
			
 
				+  text-decoration: none;
			
 
				+  color: black;
			
 
				+  outline: none;
			
 
				+}
			
 
				+#root .iconHoverTit {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+}
			
 
				+#root .iconHoverTitTxt {
			
 
				+  background-color: var(--themeColor);
			
 
				+  color: #fff;
			
 
				+  width: 16px;
			
 
				+  height: 16px;
			
 
				+  line-height: 16px;
			
 
				+  text-align: center;
			
 
				+  font-size: 12px;
			
 
				+  border-radius: 50%;
			
 
				+}
			
 
				+#root .ant-btn-text {
			
 
				+  color: var(--themeColor);
			
 
				+}
			
 
				+#root .ant-btn-text:disabled {
			
 
				+  cursor: not-allowed;
			
 
				+  color: rgba(0, 0, 0, 0.25);
			
 
				+}
			
 
				+#root .ant-btn-text.ant-btn-dangerous {
			
 
				+  color: #ff4d4d;
			
 
				+}
			
 
				+#root .tableImgAuto {
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+}
			
 
				+#root .ant-image {
			
 
				+  display: none;
			
 
				+}
			
 
				+#root .ant-table-cell {
			
 
				+  text-align: center !important;
			
 
				+}
			
 
				+#root #A2Table3 .ant-table-row-expand-icon {
			
 
				+  background-color: var(--themeColor);
			
 
				+  color: #fff;
			
 
				+}
			
 
				+#root #A2Table3 .ant-table-cell-with-append {
			
 
				+  display: flex;
			
 
				+  justify-content: flex-start;
			
 
				+}
			
 
				+[hidden] {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+#upInput {
			
 
				+  display: none;
			
 
				+}
			
 
				+#upInput2 {
			
 
				+  display: none;
			
 
				+}
			
 
				+#upInputAudio {
			
 
				+  display: none;
			
 
				+}
			
 
				+.pageTitle {
			
 
				+  font-size: 18px;
			
 
				+  font-weight: 700;
			
 
				+  position: absolute;
			
 
				+  z-index: 11;
			
 
				+  top: -56px;
			
 
				+  left: -18px;
			
 
				+  padding-left: 40px;
			
 
				+}
			
 
				+.pageTitle::before {
			
 
				+  position: absolute;
			
 
				+  left: 20px;
			
 
				+  top: 50%;
			
 
				+  transform: translateY(-50%);
			
 
				+  content: '';
			
 
				+  width: 6px;
			
 
				+  height: 20px;
			
 
				+  background-color: var(--themeColor);
			
 
				+}
			
 
				+.mySorrl::-webkit-scrollbar {
			
 
				+  /*滚动条整体样式*/
			
 
				+  width: 5px;
			
 
				+  /*高宽分别对应横竖滚动条的尺寸*/
			
 
				+  height: 1px;
			
 
				+}
			
 
				+.mySorrl::-webkit-scrollbar-thumb {
			
 
				+  /*滚动条里面小方块*/
			
 
				+  border-radius: 10px;
			
 
				+  -webkit-box-shadow: inset 0 0 5px transparent;
			
 
				+  background: var(--themeColor);
			
 
				+}
			
 
				+.mySorrl::-webkit-scrollbar-track {
			
 
				+  /*滚动条里面轨道*/
			
 
				+  -webkit-box-shadow: inset 0 0 5px transparent;
			
 
				+  border-radius: 10px;
			
 
				+  background: transparent;
			
 
				+}
			
 
				+.ant-image-preview-operations {
			
 
				+  background-color: rgba(0, 0, 0, 0.8) !important;
			
 
				+}
			
 
				+.ant-image-preview-mask {
			
 
				+  z-index: 9999 !important;
			
 
				+}
			
 
				+.ant-image-preview-wrap {
			
 
				+  z-index: 9999 !important;
			
 
				+}
			
 
				+.ant-image-preview-operations-wrapper {
			
 
				+  z-index: 9999 !important;
			
 
				+}
			
 
				+.ant-notification-notice {
			
 
				+  max-height: 500px !important;
			
 
				+  overflow-y: auto !important;
			
 
				+}
			
 
				+.ant-picker-dropdown {
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.ant-picker-selection-item-remove {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+#ScreenChange {
			
 
				+  position: fixed;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  z-index: 10000;
			
 
				+  background-color: rgba(0, 0, 0, 0.8);
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  opacity: 0;
			
 
				+  pointer-events: none;
			
 
				+  transition: all 0.5s;
			
 
				+}
			
 
				+#ScreenChange > img {
			
 
				+  width: 200px;
			
 
				+}
			
 
				+#ScreenChange > p {
			
 
				+  margin-top: 20px;
			
 
				+  color: #fff;
			
 
				+  font-size: 18px;
			
 
				+  height: 40px;
			
 
				+}
			
 
				+/*横屏*/
			
 
				+@media screen and (orientation: landscape) {
			
 
				+  #ScreenChange {
			
 
				+    opacity: 1;
			
 
				+    pointer-events: auto;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fade-out-bck {
			
 
				+  0% {
			
 
				+    -webkit-transform: translateZ(0);
			
 
				+    transform: translateZ(0);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translateZ(-80px);
			
 
				+    transform: translateZ(-80px);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+@keyframes fade-out-bck {
			
 
				+  0% {
			
 
				+    -webkit-transform: translateZ(0);
			
 
				+    transform: translateZ(0);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translateZ(-80px);
			
 
				+    transform: translateZ(-80px);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fade-in-fwd {
			
 
				+  0% {
			
 
				+    -webkit-transform: translateZ(-80px);
			
 
				+    transform: translateZ(-80px);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translateZ(0);
			
 
				+    transform: translateZ(0);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+@keyframes fade-in-fwd {
			
 
				+  0% {
			
 
				+    -webkit-transform: translateZ(-80px);
			
 
				+    transform: translateZ(-80px);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translateZ(0);
			
 
				+    transform: translateZ(0);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fade-in-out-in {
			
 
				+  0% {
			
 
				+    -webkit-transform: translateZ(0);
			
 
				+    transform: translateZ(0);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+  30% {
			
 
				+    -webkit-transform: translateZ(-80px);
			
 
				+    transform: translateZ(-80px);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: translateZ(0);
			
 
				+    transform: translateZ(0);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+@-webkit-keyframes flip-vertical-right {
			
 
				+  0% {
			
 
				+    -webkit-transform: rotateY(0);
			
 
				+    transform: rotateY(0);
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: rotateY(180deg);
			
 
				+    transform: rotateY(180deg);
			
 
				+  }
			
 
				+}
			
 
				+@keyframes flip-vertical-right {
			
 
				+  0% {
			
 
				+    -webkit-transform: rotateY(0);
			
 
				+    transform: rotateY(0);
			
 
				+  }
			
 
				+  100% {
			
 
				+    -webkit-transform: rotateY(180deg);
			
 
				+    transform: rotateY(180deg);
			
 
				+  }
			
 
				+}
			
--- a/src/assets/styles/base.less
+++ b/src/assets/styles/base.less
@@ -0,0 +1,342 @@
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+html {
			
 
				+  height: 100%;
			
 
				+  font-size: 14px;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB',
			
 
				+    'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
			
 
				+  height: 100%;
			
 
				+  color: black;
			
 
				+}
			
 
				+
			
 
				+i {
			
 
				+  font-style: normal;
			
 
				+}
			
 
				+
			
 
				+img {
			
 
				+  max-width: 100%;
			
 
				+  max-height: 100%;
			
 
				+  vertical-align: middle;
			
 
				+  // object-fit: cover;
			
 
				+}
			
 
				+
			
 
				+ul {
			
 
				+  list-style: none;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  overflow: auto;
			
 
				+  overflow-y: overlay;
			
 
				+}
			
 
				+
			
 
				+/* 文本域取消下拉 */
			
 
				+textarea {
			
 
				+  resize: none !important;
			
 
				+  min-height: 100px !important;
			
 
				+}
			
 
				+
			
 
				+/* 主题色 */
			
 
				+:root {
			
 
				+  // --themeColor: #69c790;
			
 
				+  --themeColor: #042b8f;
			
 
				+  --themeColor2: #69c690;
			
 
				+}
			
 
				+
			
 
				+/* 找不到页面 */
			
 
				+.noFindPage {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity 0.5s;
			
 
				+}
			
 
				+
			
 
				+/* 兼容360浏览器的下拉框 */
			
 
				+.ant-select-selector {
			
 
				+  position: relative;
			
 
				+  background-color: #ffffff;
			
 
				+  border: 1px solid #d9d9d9;
			
 
				+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
			
 
				+}
			
 
				+
			
 
				+// 气泡框闪烁问题
			
 
				+.ant-popconfirm {
			
 
				+  width: 240px;
			
 
				+}
			
 
				+
			
 
				+// 重置antd样式
			
 
				+#root {
			
 
				+  // max-width: 500px;
			
 
				+  margin: 0 auto;
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  overflow: auto;
			
 
				+  overflow-y: overlay;
			
 
				+
			
 
				+  & > div {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+  }
			
 
				+
			
 
				+  a {
			
 
				+    text-decoration: none;
			
 
				+    color: black;
			
 
				+    outline: none;
			
 
				+  }
			
 
				+
			
 
				+  // ？的提示
			
 
				+  .iconHoverTit {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+  }
			
 
				+
			
 
				+  .iconHoverTitTxt {
			
 
				+    background-color: var(--themeColor);
			
 
				+    color: #fff;
			
 
				+    width: 16px;
			
 
				+    height: 16px;
			
 
				+    line-height: 16px;
			
 
				+    text-align: center;
			
 
				+    font-size: 12px;
			
 
				+    border-radius: 50%;
			
 
				+  }
			
 
				+
			
 
				+  // a {
			
 
				+  //   color: var(--themeColor);
			
 
				+  // }
			
 
				+
			
 
				+  /* 普通文字按钮的颜色 */
			
 
				+  .ant-btn-text {
			
 
				+    color: var(--themeColor);
			
 
				+  }
			
 
				+
			
 
				+  .ant-btn-text:disabled {
			
 
				+    cursor: not-allowed;
			
 
				+    color: rgba(0, 0, 0, 0.25);
			
 
				+  }
			
 
				+
			
 
				+  /* 按钮的危险颜色 */
			
 
				+  .ant-btn-text.ant-btn-dangerous {
			
 
				+    color: #ff4d4d;
			
 
				+  }
			
 
				+
			
 
				+  /* antd分页器样式 */
			
 
				+  // .ant-pagination .ant-pagination-item {
			
 
				+  //   border-radius: 50%;
			
 
				+  //   border: 1px solid #999;
			
 
				+  //   background-color: transparent !important;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination .ant-pagination-item-active {
			
 
				+  //   background-color: var(--themeColor) !important;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination .ant-pagination-item-active a {
			
 
				+  //   color: #fff !important;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination .ant-pagination-item:hover {
			
 
				+  //   background-color: var(--themeColor) !important;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination .ant-pagination-item:hover a {
			
 
				+  //   color: #fff !important;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-prev {
			
 
				+  //   border-radius: 50% !important;
			
 
				+  //   border: 1px solid #999;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-prev:hover {
			
 
				+  //   background-color: var(--themeColor);
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-prev:hover button {
			
 
				+  //   color: #fff;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-next {
			
 
				+  //   border-radius: 50% !important;
			
 
				+  //   border: 1px solid #999;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-next:hover {
			
 
				+  //   background-color: var(--themeColor);
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-next:hover button {
			
 
				+  //   color: #fff;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-disabled {
			
 
				+  //   border: 1px solid #ccc;
			
 
				+  // }
			
 
				+
			
 
				+  // .ant-pagination-disabled:hover {
			
 
				+  //   background-color: transparent;
			
 
				+  // }
			
 
				+
			
 
				+  /* 表格的图片居中 */
			
 
				+  .tableImgAuto {
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+  }
			
 
				+
			
 
				+  /* antd图片预览组件 */
			
 
				+  .ant-image {
			
 
				+    display: none;
			
 
				+  }
			
 
				+
			
 
				+  /* antd表格居中 */
			
 
				+
			
 
				+  .ant-table-cell {
			
 
				+    text-align: center !important;
			
 
				+  }
			
 
				+
			
 
				+  // 树型 表格 定制化
			
 
				+  #A2Table3 {
			
 
				+    .ant-table-row-expand-icon {
			
 
				+      background-color: var(--themeColor);
			
 
				+      color: #fff;
			
 
				+    }
			
 
				+
			
 
				+    .ant-table-cell-with-append {
			
 
				+      display: flex;
			
 
				+      justify-content: flex-start;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+[hidden] {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+#upInput {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+#upInput2 {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+#upInputAudio {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+// 页面标题
			
 
				+.pageTitle {
			
 
				+  font-size: 18px;
			
 
				+  font-weight: 700;
			
 
				+  position: absolute;
			
 
				+  z-index: 11;
			
 
				+  top: -56px;
			
 
				+  left: -18px;
			
 
				+  padding-left: 40px;
			
 
				+
			
 
				+  &::before {
			
 
				+    position: absolute;
			
 
				+    left: 20px;
			
 
				+    top: 50%;
			
 
				+    transform: translateY(-50%);
			
 
				+    content: '';
			
 
				+    width: 6px;
			
 
				+    height: 20px;
			
 
				+    background-color: var(--themeColor);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 滚动条
			
 
				+.mySorrl::-webkit-scrollbar {
			
 
				+  /*滚动条整体样式*/
			
 
				+  width: 5px;
			
 
				+  /*高宽分别对应横竖滚动条的尺寸*/
			
 
				+  height: 1px;
			
 
				+}
			
 
				+
			
 
				+.mySorrl::-webkit-scrollbar-thumb {
			
 
				+  /*滚动条里面小方块*/
			
 
				+  border-radius: 10px;
			
 
				+  -webkit-box-shadow: inset 0 0 5px transparent;
			
 
				+  background: var(--themeColor);
			
 
				+}
			
 
				+
			
 
				+.mySorrl::-webkit-scrollbar-track {
			
 
				+  /*滚动条里面轨道*/
			
 
				+  -webkit-box-shadow: inset 0 0 5px transparent;
			
 
				+  border-radius: 10px;
			
 
				+  background: transparent;
			
 
				+}
			
 
				+.ant-image-preview-operations {
			
 
				+  background-color: rgba(0, 0, 0, 0.8) !important;
			
 
				+}
			
 
				+.ant-image-preview-mask {
			
 
				+  z-index: 9999 !important;
			
 
				+}
			
 
				+.ant-image-preview-wrap {
			
 
				+  z-index: 9999 !important;
			
 
				+}
			
 
				+.ant-image-preview-operations-wrapper {
			
 
				+  z-index: 9999 !important;
			
 
				+}
			
 
				+
			
 
				+.ant-notification-notice {
			
 
				+  max-height: 500px !important;
			
 
				+  overflow-y: auto !important;
			
 
				+}
			
 
				+
			
 
				+// 多日期选择器居中 挡住 按钮（即必须失焦才能点击确定）
			
 
				+.ant-picker-dropdown {
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.ant-picker-selection-item-remove {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+// .ant-picker-year-btn,
			
 
				+// .ant-picker-header-super-prev-btn,
			
 
				+// .ant-picker-header-super-next-btn {
			
 
				+//   display: none;
			
 
				+// }
			
 
				+
			
 
				+// 横屏 竖屏的切换
			
 
				+#ScreenChange {
			
 
				+  position: fixed;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  z-index: 10000;
			
 
				+  background-color: rgba(0, 0, 0, 0.8);
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  opacity: 0;
			
 
				+  pointer-events: none;
			
 
				+  transition: all 0.5s;
			
 
				+
			
 
				+  & > img {
			
 
				+    width: 200px;
			
 
				+  }
			
 
				+
			
 
				+  & > p {
			
 
				+    margin-top: 20px;
			
 
				+    color: #fff;
			
 
				+    font-size: 18px;
			
 
				+    height: 40px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/*横屏*/
			
 
				+@media screen and (orientation: landscape) {
			
 
				+  #ScreenChange {
			
 
				+    opacity: 1;
			
 
				+    pointer-events: auto;
			
 
				+  }
			
 
				+}
			
--- a/src/components/AsyncSpinLoding/index.module.scss
+++ b/src/components/AsyncSpinLoding/index.module.scss
@@ -0,0 +1,21 @@
 
				+.AsyncSpinLoding {
			
 
				+  opacity: 0;
			
 
				+  pointer-events: none;
			
 
				+  transition: all .5s;
			
 
				+  position: fixed;
			
 
				+  z-index: 9998;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  // background-color: rgba(0, 0, 0, .6);
			
 
				+  background-color: transparent;
			
 
				+  :global{
			
 
				+    .ant-spin-spinning{
			
 
				+      position: absolute;
			
 
				+      top: 50%;
			
 
				+      left: 50%;
			
 
				+      transform: translate(-50%,-50%);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/components/AsyncSpinLoding/index.tsx
+++ b/src/components/AsyncSpinLoding/index.tsx
@@ -0,0 +1,15 @@
 
				+import styles from "./index.module.scss";
			
 
				+import { Spin } from "antd";
			
 
				+import React from "react";
			
 
				+
			
 
				+function AsyncSpinLoding() {
			
 
				+  return (
			
 
				+    <div id="AsyncSpinLoding" className={styles.AsyncSpinLoding}>
			
 
				+      <Spin size="large" />
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoAsyncSpinLoding = React.memo(AsyncSpinLoding);
			
 
				+
			
 
				+export default MemoAsyncSpinLoding;
			
--- a/src/components/AuthRoute/index.tsx
+++ b/src/components/AuthRoute/index.tsx
@@ -0,0 +1,32 @@
 
				+import { hasToken } from "@//utils/storage";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import React from "react";
			
 
				+import { Redirect, Route } from "react-router-dom";
			
 
				+
			
 
				+type AtahType = {
			
 
				+  path: string;
			
 
				+  component: React.FC;
			
 
				+  [x: string]: any;
			
 
				+};
			
 
				+
			
 
				+export default function AuthRoute({ path, component: Com, ...rest }: AtahType) {
			
 
				+  return (
			
 
				+    <Route
			
 
				+      path={path}
			
 
				+      {...rest}
			
 
				+      render={() => {
			
 
				+        if (hasToken()) return <Com />;
			
 
				+        else {
			
 
				+          MessageFu.warning("登录失效!");
			
 
				+          return (
			
 
				+            <Redirect
			
 
				+              to={{
			
 
				+                pathname: "/login",
			
 
				+              }}
			
 
				+            />
			
 
				+          );
			
 
				+        }
			
 
				+      }}
			
 
				+    />
			
 
				+  );
			
 
				+}
			
--- a/src/components/ImageLazy/index.module.scss
+++ b/src/components/ImageLazy/index.module.scss
@@ -0,0 +1,51 @@
 
				+.ImageLazy {
			
 
				+  position: relative;
			
 
				+
			
 
				+  :global {
			
 
				+    .lazyBox {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      position: relative;
			
 
				+
			
 
				+      .adm-image {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+
			
 
				+        img {
			
 
				+          width: 100%;
			
 
				+          height: 100%;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .lookImg {
			
 
				+        cursor: pointer;
			
 
				+        transition: opacity .3s;
			
 
				+        opacity: 0;
			
 
				+        pointer-events: none;
			
 
				+        position: absolute;
			
 
				+        top: 0;
			
 
				+        left: 0;
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+        align-items: center;
			
 
				+        font-size: 18px;
			
 
				+        color: #fff;
			
 
				+        background-color: rgba(0, 0, 0, .6);
			
 
				+
			
 
				+        &>div {
			
 
				+          font-size: 14px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      &:hover {
			
 
				+        .lookImg {
			
 
				+          opacity: 1;
			
 
				+          pointer-events: auto;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+}
			
--- a/src/components/ImageLazy/index.tsx
+++ b/src/components/ImageLazy/index.tsx
@@ -0,0 +1,63 @@
 
				+import React, { useCallback, useState } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+import { baseURL } from '@/utils/http'
			
 
				+import imgLoding from '@/assets/img/loading.gif'
			
 
				+import imgErr from '@/assets/img/IMGerror.png'
			
 
				+import { EyeOutlined } from '@ant-design/icons'
			
 
				+import store from '@/store'
			
 
				+import { Image } from 'antd-mobile'
			
 
				+
			
 
				+type Props = {
			
 
				+  width?: number | string
			
 
				+  height?: number | string
			
 
				+  src: string
			
 
				+  srcBig?: string
			
 
				+  noLook?: boolean
			
 
				+  offline?: boolean
			
 
				+}
			
 
				+
			
 
				+function ImageLazy({ width = 100, height = 100, src, srcBig, noLook, offline = false }: Props) {
			
 
				+  // 默认不能预览图片，加载成功之后能预览
			
 
				+  const [lookImg, setLookImg] = useState(false)
			
 
				+
			
 
				+  // 图片加载完成
			
 
				+  const onLoad = useCallback(() => {
			
 
				+    setLookImg(true)
			
 
				+  }, [])
			
 
				+
			
 
				+  // 点击预览图片
			
 
				+  const lookBigImg = useCallback(() => {
			
 
				+    store.dispatch({
			
 
				+      type: 'layout/lookBigImg',
			
 
				+      payload: { url: offline ? src : srcBig ? baseURL + srcBig : baseURL + src, show: true }
			
 
				+    })
			
 
				+  }, [offline, src, srcBig])
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.ImageLazy} style={{ width: width, height: height }}>
			
 
				+      <div className='lazyBox'>
			
 
				+        <Image
			
 
				+          lazy
			
 
				+          onLoad={onLoad}
			
 
				+          src={src ? (offline ? src : baseURL + src) : ''}
			
 
				+          placeholder={<img src={imgLoding} alt='' />}
			
 
				+          fallback={<img src={imgErr} alt='' />}
			
 
				+          fit='cover'
			
 
				+        />
			
 
				+
			
 
				+        {/* 图片预览 */}
			
 
				+        {noLook || !lookImg ? null : (
			
 
				+          <div className='lookImg' onClick={lookBigImg}>
			
 
				+            <EyeOutlined rev={undefined} />
			
 
				+            &nbsp;
			
 
				+            <div>预览</div>
			
 
				+          </div>
			
 
				+        )}
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoImageLazy = React.memo(ImageLazy)
			
 
				+
			
 
				+export default MemoImageLazy
			
--- a/src/components/LookDom/index.module.scss
+++ b/src/components/LookDom/index.module.scss
@@ -0,0 +1,65 @@
 
				+.LookDom {
			
 
				+  transition: opacity .3s;
			
 
				+  position: fixed;
			
 
				+  z-index: 9991;
			
 
				+  opacity: 0;
			
 
				+  pointer-events: none;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  background-color: rgba(0, 0, 0, .6);
			
 
				+
			
 
				+  :global {
			
 
				+    .close {
			
 
				+      color: #fff;
			
 
				+      position: absolute;
			
 
				+      right: 70px;
			
 
				+      top: 70px;
			
 
				+      font-size: 30px;
			
 
				+      cursor: pointer;
			
 
				+      z-index: 10;
			
 
				+    }
			
 
				+
			
 
				+    .viedoBox {
			
 
				+      position: absolute;
			
 
				+      top: 50%;
			
 
				+      left: 50%;
			
 
				+      transform: translate(-50%, -50%);
			
 
				+      width: 800px;
			
 
				+      height: 500px;
			
 
				+
			
 
				+      video {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .audioBox {
			
 
				+      position: absolute;
			
 
				+      top: 50%;
			
 
				+      left: 50%;
			
 
				+      transform: translate(-50%, -50%);
			
 
				+      width: 500px;
			
 
				+      height: 60px;
			
 
				+
			
 
				+      audio {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .modelBox {
			
 
				+      position: absolute;
			
 
				+      top: 0;
			
 
				+      left: 0;
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+
			
 
				+      iframe {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/components/LookDom/index.tsx
+++ b/src/components/LookDom/index.tsx
@@ -0,0 +1,52 @@
 
				+/* eslint-disable jsx-a11y/iframe-has-title */
			
 
				+import React from "react";
			
 
				+import { CloseCircleOutlined } from "@ant-design/icons";
			
 
				+import styles from "./index.module.scss";
			
 
				+import { useSelector } from "react-redux";
			
 
				+import store, { RootState } from "@/store";
			
 
				+import { baseURL } from "@/utils/http";
			
 
				+function LookDom() {
			
 
				+  const { src, type, flag } = useSelector(
			
 
				+    (state: RootState) => state.A0Layout.lookDom
			
 
				+  );
			
 
				+  return (
			
 
				+    <div
			
 
				+      className={styles.LookDom}
			
 
				+      style={src ? { opacity: 1, pointerEvents: "auto" } : {}}
			
 
				+    >
			
 
				+      {src ? (
			
 
				+        <>
			
 
				+          {type === "video" ? (
			
 
				+            <div className="viedoBox">
			
 
				+              <video autoPlay controls src={flag ? src : baseURL + src}></video>
			
 
				+            </div>
			
 
				+          ) : type === "audio" ? (
			
 
				+            <div className="audioBox">
			
 
				+              <audio autoPlay controls src={flag ? src : baseURL + src}></audio>
			
 
				+            </div>
			
 
				+          ) : (
			
 
				+            <div className="modelBox">
			
 
				+              <iframe src={`model.html?m=${src}`}></iframe>
			
 
				+            </div>
			
 
				+          )}
			
 
				+
			
 
				+          <div
			
 
				+            className="close"
			
 
				+            onClick={() =>
			
 
				+              store.dispatch({
			
 
				+                type: "layout/lookDom",
			
 
				+                payload: { src: "", type: "", flag: false },
			
 
				+              })
			
 
				+            }
			
 
				+          >
			
 
				+            <CloseCircleOutlined rev={undefined} />
			
 
				+          </div>
			
 
				+        </>
			
 
				+      ) : null}
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoLookDom = React.memo(LookDom);
			
 
				+
			
 
				+export default MemoLookDom;
			
--- a/src/components/Message/index.tsx
+++ b/src/components/Message/index.tsx
@@ -0,0 +1,29 @@
 
				+import React, { useEffect } from "react";
			
 
				+import { message } from "antd";
			
 
				+import { useSelector } from "react-redux";
			
 
				+import { RootState } from "@/store";
			
 
				+
			
 
				+function MessageCom() {
			
 
				+  // 从仓库中获取 antd 轻提示信息
			
 
				+  const messageReducerInfo = useSelector(
			
 
				+    (state: RootState) => state.A0Layout.message
			
 
				+  );
			
 
				+
			
 
				+  const [messageApi, contextHolder] = message.useMessage();
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    if (messageReducerInfo.txt) {
			
 
				+      messageApi.open({
			
 
				+        type: messageReducerInfo.type,
			
 
				+        content: messageReducerInfo.txt,
			
 
				+        duration: messageReducerInfo.duration,
			
 
				+      });
			
 
				+    }
			
 
				+  }, [messageApi, messageReducerInfo]);
			
 
				+
			
 
				+  return <>{contextHolder}</>;
			
 
				+}
			
 
				+
			
 
				+const MemoMessage = React.memo(MessageCom);
			
 
				+
			
 
				+export default MemoMessage;
			
--- a/src/components/MyPopconfirm.tsx
+++ b/src/components/MyPopconfirm.tsx
@@ -0,0 +1,48 @@
 
				+import React, { useMemo } from 'react'
			
 
				+import { Button, Popconfirm } from 'antd'
			
 
				+
			
 
				+type Props = {
			
 
				+  txtK: '删除' | '取消' | '重置密码' | '退出登录' | '清空' | '取消认证'
			
 
				+  onConfirm: () => void
			
 
				+  Dom?: React.ReactNode
			
 
				+  loc?: 'bottom'
			
 
				+}
			
 
				+
			
 
				+function MyPopconfirm({ txtK, onConfirm, Dom, loc }: Props) {
			
 
				+  const txt = useMemo(() => {
			
 
				+    const obj = {
			
 
				+      删除: ['删除后无法恢复，是否删除?', '删除'],
			
 
				+      取消: ['放弃编辑后，信息将不会保存!', '放弃'],
			
 
				+      重置密码: ['密码重制后为123456，是否重置?', '重置'],
			
 
				+      退出登录: ['确定退出吗?', '确定'],
			
 
				+      清空: ['确定清空吗?', '确定'],
			
 
				+      取消认证: ['是否移除该用户的团队认证资格及信息?', '移除']
			
 
				+    }
			
 
				+    return Reflect.get(obj, txtK) || ['', '']
			
 
				+  }, [txtK])
			
 
				+
			
 
				+  return (
			
 
				+    <Popconfirm
			
 
				+      placement={loc}
			
 
				+      title={txt[0]}
			
 
				+      okText={txt[1]}
			
 
				+      cancelText='取消'
			
 
				+      onConfirm={onConfirm}
			
 
				+      okButtonProps={{ loading: false }}
			
 
				+    >
			
 
				+      {Dom ? (
			
 
				+        Dom
			
 
				+      ) : txtK === '删除' ? (
			
 
				+        <Button size='small' type='text' danger>
			
 
				+          {txtK}
			
 
				+        </Button>
			
 
				+      ) : (
			
 
				+        <Button>{txtK}</Button>
			
 
				+      )}
			
 
				+    </Popconfirm>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoMyPopconfirm = React.memo(MyPopconfirm)
			
 
				+
			
 
				+export default MemoMyPopconfirm
			
--- a/src/components/MyTable/index.module.scss
+++ b/src/components/MyTable/index.module.scss
@@ -0,0 +1,21 @@
 
				+.MyTable {
			
 
				+  :global {
			
 
				+    .ant-table-body {
			
 
				+      overflow-y: auto !important;
			
 
				+      overflow-y: overlay !important;
			
 
				+
			
 
				+      .ant-table-row {
			
 
				+        .ant-table-cell {
			
 
				+          padding: 10px;
			
 
				+
			
 
				+          a {
			
 
				+            color: var(--themeColor) !important;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      .tabx {
			
 
				+        color: #ff4d4d;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/components/MyTable/index.tsx
+++ b/src/components/MyTable/index.tsx
@@ -0,0 +1,171 @@
 
				+import React, { useCallback, useEffect, useMemo } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+import { Table } from 'antd'
			
 
				+import ImageLazy from '../ImageLazy'
			
 
				+
			
 
				+type Props = {
			
 
				+  yHeight?: number //设置表格的高度
			
 
				+  list: any //表格数据
			
 
				+  columnsTemp: any[][] //表格展示
			
 
				+  total?: number //总数
			
 
				+  pageNum?: number
			
 
				+  pageSize?: number
			
 
				+  pagingInfo?: any | boolean
			
 
				+  onChange?: (pageNum: number, pageSize: number) => void
			
 
				+  lastBtn?: any
			
 
				+  classKey?: string //一个组件多次使用的时候要传递，分别设置style
			
 
				+  // 表格简单的合并
			
 
				+  merge?: { type: string; num: number; loc: 'rowSpan' | 'colSpan' }
			
 
				+  // 定制化表头
			
 
				+  myTitle?: { name: string; Com: React.ReactNode }
			
 
				+  // 为空的定制字段
			
 
				+  isNull?: string
			
 
				+}
			
 
				+
			
 
				+// 表格内容定制化
			
 
				+const tableComObj = (key: string, val: string[]) => {
			
 
				+  const obj = {
			
 
				+    A: (
			
 
				+      <a href={val[1]} target='_blank' title={val[1]} rel='noreferrer'>
			
 
				+        {val[0]}
			
 
				+      </a>
			
 
				+    )
			
 
				+  }
			
 
				+  return Reflect.get(obj, key)
			
 
				+}
			
 
				+
			
 
				+function MyTable({
			
 
				+  yHeight,
			
 
				+  list,
			
 
				+  columnsTemp,
			
 
				+  total,
			
 
				+  pageNum = 1,
			
 
				+  pageSize = 10,
			
 
				+  pagingInfo = {
			
 
				+    showQuickJumper: true,
			
 
				+    position: ['bottomCenter'],
			
 
				+    showSizeChanger: true
			
 
				+  },
			
 
				+  onChange,
			
 
				+  lastBtn = [],
			
 
				+  classKey = '',
			
 
				+  merge,
			
 
				+  myTitle,
			
 
				+  isNull = '（空）'
			
 
				+}: Props) {
			
 
				+  useEffect(() => {
			
 
				+    const dom = document.querySelector(`.MyTable${classKey} .ant-table-body`) as HTMLDivElement
			
 
				+
			
 
				+    if (dom && yHeight) dom.style.height = yHeight + 'px'
			
 
				+  }, [classKey, yHeight])
			
 
				+
			
 
				+  // 页码变化
			
 
				+  const paginationChange = useCallback(
			
 
				+    () => (pageNum: number, pageSize: number) => {
			
 
				+      if (onChange) {
			
 
				+        onChange(pageNum, pageSize)
			
 
				+      }
			
 
				+    },
			
 
				+    [onChange]
			
 
				+  )
			
 
				+
			
 
				+  const dataChangeFu = useCallback(
			
 
				+    (v: any) => {
			
 
				+      /**
			
 
				+       * index:序号
			
 
				+       * txt:正常数据
			
 
				+       * img:图片
			
 
				+       * txtChange:判断显示不同字段
			
 
				+       * text:文字比较多的情况
			
 
				+       */
			
 
				+
			
 
				+      const obj = {
			
 
				+        index: (_: any, __: any, index: number) => index + 1 + (pageNum - 1) * pageSize,
			
 
				+        txt: (item: any) =>
			
 
				+          v[3] && !item[v[2]] ? (
			
 
				+            <div dangerouslySetInnerHTML={{ __html: v[3] }}></div>
			
 
				+          ) : (
			
 
				+            item[v[2]] || isNull
			
 
				+          ),
			
 
				+        img: (item: any) =>
			
 
				+          v[3] && !item[v[2]] ? (
			
 
				+            <div dangerouslySetInnerHTML={{ __html: v[3] }}></div>
			
 
				+          ) : (
			
 
				+            <div className='tableImgAuto'>
			
 
				+              <ImageLazy
			
 
				+                width={60}
			
 
				+                height={60}
			
 
				+                srcBig={item.thumbPc}
			
 
				+                src={item[v[2]] || item.thumb}
			
 
				+                offline={(item[v[2]] || item.thumb).includes('http')}
			
 
				+              />
			
 
				+            </div>
			
 
				+          ),
			
 
				+        txtChange: (item: any) => Reflect.get(v[3], item[v[2]]) || v[4] || isNull,
			
 
				+        text: (item: any) => {
			
 
				+          let tempCom: any = item[v[2]] || isNull
			
 
				+
			
 
				+          if (tempCom.length >= v[3]) {
			
 
				+            tempCom = tempCom.substring(0, v[3]) + '...'
			
 
				+          }
			
 
				+
			
 
				+          if (v[4]) {
			
 
				+            tempCom = tableComObj(v[4], [tempCom, item[v[2]]])
			
 
				+          } else if (item[v[2]].length >= v[3]) {
			
 
				+            tempCom = (
			
 
				+              <span style={{ cursor: 'pointer' }} title={item[v[2]]}>
			
 
				+                {tempCom}
			
 
				+              </span>
			
 
				+            )
			
 
				+          }
			
 
				+
			
 
				+          return tempCom
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      return Reflect.get(obj, v[0])
			
 
				+    },
			
 
				+    [isNull, pageNum, pageSize]
			
 
				+  )
			
 
				+
			
 
				+  const columns = useMemo(() => {
			
 
				+    const arr: any = columnsTemp.map((v: any) => ({
			
 
				+      title: myTitle && v.includes(myTitle.name) ? myTitle.Com : v[1],
			
 
				+      render: dataChangeFu(v),
			
 
				+      onCell:
			
 
				+        merge && v.includes(merge.type)
			
 
				+          ? // {rowSpan:3}
			
 
				+            (item: any, index: number) => ({
			
 
				+              rowSpan: index === 0 ? merge.num : 0
			
 
				+            })
			
 
				+          : ''
			
 
				+    }))
			
 
				+
			
 
				+    return arr
			
 
				+  }, [columnsTemp, dataChangeFu, merge, myTitle])
			
 
				+
			
 
				+  return (
			
 
				+    <Table
			
 
				+      className={`${styles.MyTable} MyTable${classKey}`}
			
 
				+      scroll={{ y: yHeight ? yHeight : '' }}
			
 
				+      dataSource={list}
			
 
				+      columns={[...columns, ...lastBtn]}
			
 
				+      rowKey='id'
			
 
				+      pagination={
			
 
				+        pagingInfo
			
 
				+          ? {
			
 
				+              ...pagingInfo,
			
 
				+              current: pageNum,
			
 
				+              pageSize: pageSize,
			
 
				+              total: total,
			
 
				+              onChange: paginationChange()
			
 
				+            }
			
 
				+          : false
			
 
				+      }
			
 
				+    />
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoMyTable = React.memo(MyTable)
			
 
				+
			
 
				+export default MemoMyTable
			
--- a/src/components/NotFound/index.tsx
+++ b/src/components/NotFound/index.tsx
@@ -0,0 +1,26 @@
 
				+import { Result } from "antd";
			
 
				+import { useEffect, useRef } from "react";
			
 
				+
			
 
				+export default function NotFound() {
			
 
				+  const timeRef = useRef(-1);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    timeRef.current = window.setTimeout(() => {
			
 
				+      const dom: HTMLDivElement = document.querySelector(".noFindPage")!;
			
 
				+      dom.style.opacity = "1";
			
 
				+    }, 500);
			
 
				+    return () => {
			
 
				+      clearTimeout(timeRef.current);
			
 
				+    };
			
 
				+  }, []);
			
 
				+
			
 
				+  return (
			
 
				+    <div className="noFindPage">
			
 
				+      <Result
			
 
				+        status="404"
			
 
				+        title="404"
			
 
				+        subTitle="找不到页面，或没有权限!"
			
 
				+      />
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
--- a/src/components/SpinLoding/index.module.scss
+++ b/src/components/SpinLoding/index.module.scss
@@ -0,0 +1,10 @@
 
				+.SpinLoding {
			
 
				+  position: relative;
			
 
				+  z-index: 9999;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background-color: #fff;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+}
			
--- a/src/components/SpinLoding/index.tsx
+++ b/src/components/SpinLoding/index.tsx
@@ -0,0 +1,13 @@
 
				+import styles from "./index.module.scss";
			
 
				+import { Spin } from "antd";
			
 
				+import React from "react";
			
 
				+function SpinLoding() {
			
 
				+  return (
			
 
				+    <div className={styles.SpinLoding}>
			
 
				+      <Spin size='large'/>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+const MemoSpinLoding = React.memo(SpinLoding);
			
 
				+
			
 
				+export default MemoSpinLoding;
			
--- a/src/components/UpAsyncLoding/index.module.scss
+++ b/src/components/UpAsyncLoding/index.module.scss
@@ -0,0 +1,43 @@
 
				+.UpAsyncLoding {
			
 
				+  opacity: 0;
			
 
				+  pointer-events: none;
			
 
				+  position: fixed;
			
 
				+  z-index: 10000;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background-color: rgba(0, 0, 0, .4);
			
 
				+
			
 
				+  :global {
			
 
				+    .progressBox {
			
 
				+      position: absolute;
			
 
				+      top: 60%;
			
 
				+      left: 50%;
			
 
				+      transform: translate(-50%, -50%);
			
 
				+      width: 500px;
			
 
				+      height: 6px;
			
 
				+      border-radius: 3px;
			
 
				+      border: 1px solid var(--themeColor);
			
 
				+      overflow: hidden;
			
 
				+
			
 
				+      #progress {
			
 
				+        position: absolute;
			
 
				+        top: 0;
			
 
				+        left: 0;
			
 
				+        width: 0%;
			
 
				+        height: 100%;
			
 
				+        background-color: var(--themeColor);
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    .closeUpBtn {
			
 
				+      position: absolute;
			
 
				+      top: 70%;
			
 
				+      left: 50%;
			
 
				+      transform: translate(-50%, -50%);
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+}
			
--- a/src/components/UpAsyncLoding/index.tsx
+++ b/src/components/UpAsyncLoding/index.tsx
@@ -0,0 +1,38 @@
 
				+import store, { RootState } from "@/store";
			
 
				+import { Button } from "antd";
			
 
				+import React, { useCallback } from "react";
			
 
				+import { useSelector } from "react-redux";
			
 
				+import styles from "./index.module.scss";
			
 
				+function UpAsyncLoding() {
			
 
				+  // 从仓库中获取取消上传的函数
			
 
				+  const closeUpFile = useSelector(
			
 
				+    (state: RootState) => state.A0Layout.closeUpFile
			
 
				+  );
			
 
				+
			
 
				+  const btnClose = useCallback(() => {
			
 
				+    closeUpFile.fu();
			
 
				+
			
 
				+    setTimeout(() => {
			
 
				+      store.dispatch({
			
 
				+        type: "layout/closeUpFile",
			
 
				+        payload: { fu: () => {}, state: false },
			
 
				+      });
			
 
				+    }, 200);
			
 
				+  }, [closeUpFile]);
			
 
				+
			
 
				+  return (
			
 
				+    <div id="UpAsyncLoding" className={styles.UpAsyncLoding}>
			
 
				+      <div className="progressBox">
			
 
				+        <div id="progress"></div>
			
 
				+      </div>
			
 
				+      {/* 手动取消上传按钮 */}
			
 
				+      <div className="closeUpBtn">
			
 
				+        <Button onClick={btnClose}>取消上传</Button>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoUpAsyncLoding = React.memo(UpAsyncLoding);
			
 
				+
			
 
				+export default MemoUpAsyncLoding;
			
--- a/src/components/ZupAudio/index.module.scss
+++ b/src/components/ZupAudio/index.module.scss
@@ -0,0 +1,63 @@
 
				+// 上传无障碍音频的样式
			
 
				+.ZupAudio {
			
 
				+  margin-left: 20px;
			
 
				+  width: 180px;
			
 
				+  height: 32px;
			
 
				+  // position: relative;
			
 
				+  // top: -4px;
			
 
				+  border: 1px solid #ccc;
			
 
				+  border-radius: 16px;
			
 
				+  background-color: #fff;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+    .ZupAudio1 {
			
 
				+      cursor: pointer;
			
 
				+
			
 
				+      display: flex;
			
 
				+      justify-content: center;
			
 
				+
			
 
				+      .anticon-upload {
			
 
				+        font-size: 20px;
			
 
				+      }
			
 
				+
			
 
				+      .ZupAudio1_1 {
			
 
				+        line-height: 15px;
			
 
				+        color: #aaa5cb;
			
 
				+        margin-left: 10px;
			
 
				+
			
 
				+        &>p {
			
 
				+          &:nth-of-type(2) {
			
 
				+            font-size: 10px;
			
 
				+            // color: red;
			
 
				+            opacity: .7;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .ZupAudio2 {
			
 
				+      padding: 0 10px;
			
 
				+      height: 100%;
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+
			
 
				+      .anticon {
			
 
				+        font-size: 18px;
			
 
				+        cursor: pointer;
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      &>div {
			
 
				+        height: 100%;
			
 
				+        line-height: 30px;
			
 
				+        width: calc(100% - 35px);
			
 
				+        overflow: hidden;
			
 
				+        text-overflow: ellipsis;
			
 
				+        white-space: nowrap;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+  }
			
 
				+}
			
--- a/src/components/ZupAudio/index.tsx
+++ b/src/components/ZupAudio/index.tsx
@@ -0,0 +1,135 @@
 
				+import React, { useCallback, useRef } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+import { MessageFu } from '@/utils/message'
			
 
				+import { API_upFile } from '@/store/action/layout'
			
 
				+import { fileDomInitialFu } from '@/utils/domShow'
			
 
				+import { UploadOutlined, DeleteOutlined, EyeOutlined } from '@ant-design/icons'
			
 
				+import store from '@/store'
			
 
				+import MyPopconfirm from '../MyPopconfirm'
			
 
				+
			
 
				+export type ZupAudioType = {
			
 
				+  fileName: string
			
 
				+  filePath: string
			
 
				+}
			
 
				+
			
 
				+type Props = {
			
 
				+  fileInfo: ZupAudioType
			
 
				+  upDataFu: (info: ZupAudioType) => void
			
 
				+  delFu: () => void
			
 
				+  dirCode: string
			
 
				+  myUrl: string
			
 
				+  size?: number
			
 
				+  isLook?: boolean
			
 
				+}
			
 
				+
			
 
				+function ZupAudio({
			
 
				+  size = 10,
			
 
				+  isLook = false,
			
 
				+  fileInfo,
			
 
				+  upDataFu,
			
 
				+  delFu,
			
 
				+  dirCode,
			
 
				+  myUrl
			
 
				+}: Props) {
			
 
				+  // 上传 无障碍音频的 点击
			
 
				+  const handeUpAudio = useCallback(
			
 
				+    async (e: React.ChangeEvent<HTMLInputElement>) => {
			
 
				+      if (e.target.files) {
			
 
				+        // 拿到files信息
			
 
				+        const filesInfo = e.target.files[0]
			
 
				+        // console.log("-----", filesInfo);
			
 
				+
			
 
				+        // 校验格式
			
 
				+        const type = ['audio/mpeg']
			
 
				+        if (!type.includes(filesInfo.type)) {
			
 
				+          e.target.value = ''
			
 
				+          return MessageFu.warning(`只支持.mp3格式!`)
			
 
				+        }
			
 
				+
			
 
				+        // 校验大小
			
 
				+        if (filesInfo.size > size * 1024 * 1024) {
			
 
				+          e.target.value = ''
			
 
				+          return MessageFu.warning(`最大支持${size}M!`)
			
 
				+        }
			
 
				+        // 创建FormData对象
			
 
				+        const fd = new FormData()
			
 
				+
			
 
				+        fd.append('type', 'audio')
			
 
				+        fd.append('dirCode', dirCode)
			
 
				+        fd.append('file', filesInfo)
			
 
				+        e.target.value = ''
			
 
				+
			
 
				+        try {
			
 
				+          const res = await API_upFile(fd, myUrl)
			
 
				+          if (res.code === 0) {
			
 
				+            MessageFu.success('上传成功!')
			
 
				+            // console.log(res);
			
 
				+            upDataFu(res.data)
			
 
				+          }
			
 
				+          fileDomInitialFu()
			
 
				+        } catch (error) {
			
 
				+          fileDomInitialFu()
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    [dirCode, myUrl, size, upDataFu]
			
 
				+  )
			
 
				+
			
 
				+  // 上传附近的ref
			
 
				+  const myInput = useRef<HTMLInputElement>(null)
			
 
				+
			
 
				+  return (
			
 
				+    <div
			
 
				+      className={styles.ZupAudio}
			
 
				+      id='upInputAudioBox'
			
 
				+      hidden={isLook && !fileInfo.filePath}
			
 
				+    >
			
 
				+      {/* 上传无障碍音频 */}
			
 
				+      <input
			
 
				+        id='upInputAudio'
			
 
				+        type='file'
			
 
				+        accept='.mp3'
			
 
				+        onChange={e => handeUpAudio(e)}
			
 
				+        ref={myInput}
			
 
				+      />
			
 
				+      {fileInfo.filePath ? (
			
 
				+        <div className='ZupAudio2'>
			
 
				+          <div title={fileInfo.fileName}>{fileInfo.fileName}</div>
			
 
				+          <EyeOutlined
			
 
				+            rev={undefined}
			
 
				+            title='预览'
			
 
				+            onClick={() =>
			
 
				+              store.dispatch({
			
 
				+                type: 'layout/lookDom',
			
 
				+                payload: { src: fileInfo.filePath, type: 'audio' }
			
 
				+              })
			
 
				+            }
			
 
				+          />
			
 
				+
			
 
				+          {isLook ? null : (
			
 
				+            <>
			
 
				+              &nbsp;
			
 
				+              <MyPopconfirm
			
 
				+                txtK='删除'
			
 
				+                onConfirm={delFu}
			
 
				+                Dom={<DeleteOutlined title='删除' className='ZTbox2X' rev={undefined} />}
			
 
				+              />
			
 
				+            </>
			
 
				+          )}
			
 
				+        </div>
			
 
				+      ) : (
			
 
				+        <div className='ZupAudio1' onClick={() => myInput.current?.click()}>
			
 
				+          <UploadOutlined rev={undefined} />
			
 
				+          <div className='ZupAudio1_1'>
			
 
				+            <p>上传无障碍音频</p>
			
 
				+            <p>支持{size}MB以下mp3格式</p>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      )}
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoZupAudio = React.memo(ZupAudio)
			
 
				+
			
 
				+export default MemoZupAudio
			
--- a/src/components/ZupOne/index.module.scss
+++ b/src/components/ZupOne/index.module.scss
@@ -0,0 +1,101 @@
 
				+.ZupOne {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  position: relative;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+    .file_upIcon {
			
 
				+      color: #a6a6a6;
			
 
				+      border-radius: 3px;
			
 
				+      cursor: pointer;
			
 
				+      font-size: 30px;
			
 
				+      width: 100px;
			
 
				+      height: 100px;
			
 
				+      border: 1px dashed #797979;
			
 
				+      display: flex;
			
 
				+      justify-content: center;
			
 
				+      align-items: center;
			
 
				+
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    .file_img {
			
 
				+      width: 100px;
			
 
				+      height: 126px;
			
 
				+      position: relative;
			
 
				+      margin-top: 10px;
			
 
				+
			
 
				+      .file_closeBox {
			
 
				+        position: absolute;
			
 
				+        right: -10px;
			
 
				+        top: -10px;
			
 
				+        z-index: 99;
			
 
				+        background-color: rgba(0, 0, 0, 0.8);
			
 
				+        width: 20px;
			
 
				+        height: 20px;
			
 
				+        border-radius: 50%;
			
 
				+        font-size: 16px;
			
 
				+        color: #fff;
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+        align-items: center;
			
 
				+      }
			
 
				+
			
 
				+
			
 
				+
			
 
				+      .file_lookBox {
			
 
				+        width: 100%;
			
 
				+        background-color: rgba(0, 0, 0, .6);
			
 
				+        color: #fff;
			
 
				+        display: flex;
			
 
				+        justify-content: space-around;
			
 
				+
			
 
				+        &>a {
			
 
				+          color: #fff !important;
			
 
				+        }
			
 
				+
			
 
				+        font-size: 16px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .fileInfo {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      font-size: 16px;
			
 
				+
			
 
				+      .clearCover {
			
 
				+        margin-left: 20px;
			
 
				+        cursor: pointer;
			
 
				+        font-size: 16px;
			
 
				+      }
			
 
				+
			
 
				+      &>a {
			
 
				+        color: black;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .fileBoxRow_r_tit {
			
 
				+      height: 46px;
			
 
				+      margin-top: 5px;
			
 
				+      font-size: 14px;
			
 
				+      color: rgb(126, 124, 124);
			
 
				+
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    .noUpThumb {
			
 
				+      position: relative;
			
 
				+      overflow: hidden;
			
 
				+      opacity: 0;
			
 
				+      transition: top .2s;
			
 
				+      color: #ff4d4f;
			
 
				+      top: -10px;
			
 
				+    }
			
 
				+
			
 
				+    .noUpThumbAc {
			
 
				+      top: 0;
			
 
				+      opacity: 1;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/components/ZupOne/index.tsx
+++ b/src/components/ZupOne/index.tsx
@@ -0,0 +1,295 @@
 
				+import React, { useCallback, useMemo, useRef, useState } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+import ImageLazy from '@/components/ImageLazy'
			
 
				+import {
			
 
				+  PlusOutlined,
			
 
				+  EyeOutlined,
			
 
				+  CloseOutlined,
			
 
				+  DownloadOutlined,
			
 
				+  UploadOutlined
			
 
				+} from '@ant-design/icons'
			
 
				+import store from '@/store'
			
 
				+import { baseURL } from '@/utils/http'
			
 
				+import classNames from 'classnames'
			
 
				+import { Button } from 'antd'
			
 
				+import { MessageFu } from '@/utils/message'
			
 
				+import { fileDomInitialFu } from '@/utils/domShow'
			
 
				+import { API_upFile } from '@/store/action/layout'
			
 
				+import { forwardRef, useImperativeHandle } from 'react'
			
 
				+import MyPopconfirm from '../MyPopconfirm'
			
 
				+
			
 
				+type MyTypeType = 'thumb' | 'video' | 'audio' | 'model' | 'pdf' | 'epub'
			
 
				+
			
 
				+// 这个组件 只处理 上传 一张图片或者 视频 音频 模型 pdf 的情况
			
 
				+
			
 
				+type Props = {
			
 
				+  fileCheck: boolean //有没有点击过确定
			
 
				+  size: number //上传附件大小（M）
			
 
				+  dirCode: string //文件的code码
			
 
				+  myUrl: string //请求地址
			
 
				+  format: string[] //上传格式 ["image/jpeg", "image/png"] ["video/mp4"] ,application/pdf
			
 
				+  formatTxt: string //上传图片提示
			
 
				+  checkTxt: string
			
 
				+  upTxt: string
			
 
				+  myType: MyTypeType
			
 
				+  isLook?: boolean //是不是查看
			
 
				+  ref: any //当前自己的ref，给父组件调用
			
 
				+  // 其他后端需要的配置项
			
 
				+  otherArr?: { key: string; value: string }[]
			
 
				+}
			
 
				+
			
 
				+function ZupOne(
			
 
				+  {
			
 
				+    fileCheck,
			
 
				+    size,
			
 
				+    dirCode,
			
 
				+    myUrl,
			
 
				+    format,
			
 
				+    formatTxt,
			
 
				+    checkTxt,
			
 
				+    upTxt,
			
 
				+    myType,
			
 
				+    isLook = false,
			
 
				+    otherArr
			
 
				+  }: Props,
			
 
				+  ref: any
			
 
				+) {
			
 
				+  const [fileUrl, setFileUrl] = useState({
			
 
				+    fileName: '',
			
 
				+    filePath: '',
			
 
				+    thumb: '' //压缩图
			
 
				+  })
			
 
				+
			
 
				+  const myInput = useRef<HTMLInputElement>(null)
			
 
				+
			
 
				+  // 上传封面图
			
 
				+  const handeUpPhoto = useCallback(
			
 
				+    async (e: React.ChangeEvent<HTMLInputElement>) => {
			
 
				+      if (e.target.files) {
			
 
				+        // 拿到files信息
			
 
				+        const filesInfo = e.target.files[0]
			
 
				+        // console.log("-----", filesInfo.type);
			
 
				+
			
 
				+        // 校验格式
			
 
				+        const type = format
			
 
				+
			
 
				+        if (myType === 'pdf') {
			
 
				+          if (!filesInfo.type.includes('pdf')) {
			
 
				+            e.target.value = ''
			
 
				+            return MessageFu.warning(`只支持${formatTxt}格式!`)
			
 
				+          }
			
 
				+        } else if (myType === 'epub') {
			
 
				+          if (!filesInfo.name.endsWith('.epub')) {
			
 
				+            e.target.value = ''
			
 
				+            return MessageFu.warning(`只支持${formatTxt}格式!`)
			
 
				+          }
			
 
				+        } else {
			
 
				+          if (!type.includes(filesInfo.type)) {
			
 
				+            e.target.value = ''
			
 
				+            return MessageFu.warning(`只支持${formatTxt}格式!`)
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        // 校验大小
			
 
				+        if (filesInfo.size > size * 1024 * 1024) {
			
 
				+          e.target.value = ''
			
 
				+          return MessageFu.warning(`最大支持${size}M!`)
			
 
				+        }
			
 
				+        // 创建FormData对象
			
 
				+        const fd = new FormData()
			
 
				+        // 把files添加进FormData对象（‘photo’为后端需要的字段）
			
 
				+        let myTypeRes: string = myType
			
 
				+        if (['pdf', 'epub'].includes(myTypeRes)) myTypeRes = 'doc'
			
 
				+        fd.append('type', myTypeRes)
			
 
				+        fd.append('dirCode', dirCode)
			
 
				+        fd.append('file', filesInfo)
			
 
				+
			
 
				+        if (otherArr) {
			
 
				+          otherArr.forEach((v: any) => {
			
 
				+            fd.append(v.key, v.value)
			
 
				+          })
			
 
				+        }
			
 
				+
			
 
				+        if (filesInfo.size > 1 * 1024 * 1024) {
			
 
				+          // 开启压缩图片
			
 
				+          fd.append('isCompress', 'true')
			
 
				+        }
			
 
				+
			
 
				+        e.target.value = ''
			
 
				+
			
 
				+        try {
			
 
				+          const res = await API_upFile(fd, myUrl)
			
 
				+          if (res.code === 0) {
			
 
				+            MessageFu.success('上传成功!')
			
 
				+            setFileUrl(res.data)
			
 
				+          }
			
 
				+          fileDomInitialFu()
			
 
				+        } catch (error) {
			
 
				+          fileDomInitialFu()
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    [dirCode, format, formatTxt, myType, myUrl, otherArr, size]
			
 
				+  )
			
 
				+
			
 
				+  // 让父组件调用的 回显 附件 地址
			
 
				+  const setFileComFileFu = useCallback(
			
 
				+    (valObj: { fileName: string; filePath: string; thumb: string }) => {
			
 
				+      setFileUrl(valObj)
			
 
				+    },
			
 
				+    []
			
 
				+  )
			
 
				+
			
 
				+  // 让父组件调用的返回 附件 名字和路径
			
 
				+  const fileComFileResFu = useCallback(() => {
			
 
				+    return fileUrl
			
 
				+  }, [fileUrl])
			
 
				+
			
 
				+  // 可以让父组件调用子组件的方法
			
 
				+  useImperativeHandle(ref, () => ({
			
 
				+    setFileComFileFu,
			
 
				+    fileComFileResFu
			
 
				+  }))
			
 
				+
			
 
				+  const acceptRes = useMemo(() => {
			
 
				+    let accept = '.png,.jpg,.jpeg'
			
 
				+    if (myType === 'video') accept = '.mp4'
			
 
				+    else if (myType === 'audio') accept = '.mp3'
			
 
				+    else if (myType === 'model') accept = '.4dage'
			
 
				+    else if (myType === 'pdf') accept = '.pdf'
			
 
				+    else if (myType === 'epub') accept = '.epub'
			
 
				+    return accept
			
 
				+  }, [myType])
			
 
				+
			
 
				+  // 点击 预览（除了图片）
			
 
				+  const lookFileNoImgFu = useCallback(
			
 
				+    (type: MyTypeType) => {
			
 
				+      if (type === 'pdf' || type === 'thumb') {
			
 
				+        // 新窗口打开
			
 
				+        window.open(baseURL + fileUrl.filePath)
			
 
				+      } else if (type !== 'epub') {
			
 
				+        store.dispatch({
			
 
				+          type: 'layout/lookDom',
			
 
				+          payload: { src: fileUrl.filePath, type }
			
 
				+        })
			
 
				+      }
			
 
				+
			
 
				+      // if (type === "pdf") {
			
 
				+      // } else {
			
 
				+      // }
			
 
				+    },
			
 
				+    [fileUrl.filePath]
			
 
				+  )
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.ZupOne}>
			
 
				+      <input
			
 
				+        id='upInput'
			
 
				+        type='file'
			
 
				+        accept={acceptRes}
			
 
				+        ref={myInput}
			
 
				+        onChange={e => handeUpPhoto(e)}
			
 
				+      />
			
 
				+      {myType === 'thumb' ? (
			
 
				+        <div
			
 
				+          hidden={fileUrl.filePath !== ''}
			
 
				+          className='file_upIcon'
			
 
				+          onClick={() => myInput.current?.click()}
			
 
				+        >
			
 
				+          <PlusOutlined rev={undefined} />
			
 
				+        </div>
			
 
				+      ) : (
			
 
				+        <Button
			
 
				+          hidden={fileUrl.filePath !== ''}
			
 
				+          onClick={() => myInput.current?.click()}
			
 
				+          icon={<UploadOutlined rev={undefined} />}
			
 
				+        >
			
 
				+          上传
			
 
				+        </Button>
			
 
				+      )}
			
 
				+
			
 
				+      {/* 为图片的情况-------------- */}
			
 
				+      {myType === 'thumb' ? (
			
 
				+        <div className='file_img' hidden={fileUrl.filePath === ''}>
			
 
				+          {fileUrl ? (
			
 
				+            <ImageLazy
			
 
				+              width={100}
			
 
				+              height={100}
			
 
				+              srcBig={fileUrl.filePath}
			
 
				+              src={fileUrl.thumb}
			
 
				+              noLook
			
 
				+            />
			
 
				+          ) : null}
			
 
				+
			
 
				+          {/* 删除 */}
			
 
				+          <div className='file_closeBox' hidden={isLook}>
			
 
				+            <MyPopconfirm
			
 
				+              txtK='删除'
			
 
				+              onConfirm={() => setFileUrl({ fileName: '', filePath: '', thumb: '' })}
			
 
				+              Dom={<CloseOutlined rev={undefined} />}
			
 
				+            />
			
 
				+          </div>
			
 
				+
			
 
				+          {/* 预览 下载 */}
			
 
				+          <div className='file_lookBox'>
			
 
				+            <EyeOutlined
			
 
				+              onClick={() =>
			
 
				+                store.dispatch({
			
 
				+                  type: 'layout/lookBigImg',
			
 
				+                  payload: { url: baseURL + fileUrl.filePath, show: true }
			
 
				+                })
			
 
				+              }
			
 
				+              rev={undefined}
			
 
				+            />
			
 
				+            <a href={baseURL + fileUrl.filePath} download target='_blank' rel='noreferrer'>
			
 
				+              <DownloadOutlined rev={undefined} />
			
 
				+            </a>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      ) : fileUrl.filePath ? (
			
 
				+        <div className='fileInfo'>
			
 
				+          <div className='upSuccTxt'>{fileUrl.fileName}</div>
			
 
				+          {/* 视频预览 */}
			
 
				+          <div
			
 
				+            className='clearCover'
			
 
				+            hidden={!fileUrl.filePath || myType === 'epub'}
			
 
				+            onClick={() => lookFileNoImgFu(myType)}
			
 
				+          >
			
 
				+            <EyeOutlined rev={undefined} />
			
 
				+          </div>
			
 
				+          {/* 视频下载 */}
			
 
				+          <a
			
 
				+            href={baseURL + fileUrl.filePath}
			
 
				+            download
			
 
				+            target='_blank'
			
 
				+            className='clearCover'
			
 
				+            rel='noreferrer'
			
 
				+          >
			
 
				+            <DownloadOutlined rev={undefined} />
			
 
				+          </a>
			
 
				+          {/* 视频删除 */}
			
 
				+
			
 
				+          {isLook ? null : (
			
 
				+            <MyPopconfirm
			
 
				+              txtK='删除'
			
 
				+              onConfirm={() => setFileUrl({ fileName: '', filePath: '', thumb: '' })}
			
 
				+              Dom={<CloseOutlined className='clearCover' rev={undefined} />}
			
 
				+            />
			
 
				+          )}
			
 
				+        </div>
			
 
				+      ) : null}
			
 
				+
			
 
				+      <div className='fileBoxRow_r_tit' hidden={isLook}>
			
 
				+        格式要求：支持{formatTxt}格式；最大支持{size}M。{upTxt}
			
 
				+        <br />
			
 
				+        <div
			
 
				+          className={classNames('noUpThumb', !fileUrl.filePath && fileCheck ? 'noUpThumbAc' : '')}
			
 
				+        >
			
 
				+          {checkTxt}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+export default forwardRef(ZupOne)
			
--- a/src/components/ZupTypes/index.module.scss
+++ b/src/components/ZupTypes/index.module.scss
@@ -0,0 +1,215 @@
 
				+.ZupTypes {
			
 
				+  padding-top: 3px;
			
 
				+
			
 
				+  :global {
			
 
				+    .ZTboxTit {
			
 
				+      margin-left: 10px;
			
 
				+      font-size: 14px;
			
 
				+      color: rgb(126, 124, 124);
			
 
				+      position: relative;
			
 
				+      top: 4px;
			
 
				+    }
			
 
				+
			
 
				+    .ZTbox {
			
 
				+      margin-top: 20px;
			
 
				+      display: flex;
			
 
				+
			
 
				+      .ZTbox1 {
			
 
				+        position: relative;
			
 
				+        top: 3px;
			
 
				+        width: 60px;
			
 
				+
			
 
				+        & > span {
			
 
				+          color: #ff4d4f;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .ZTbox2 {
			
 
				+        width: calc(100% - 60px);
			
 
				+        margin-left: 5px;
			
 
				+        display: flex;
			
 
				+        font-size: 16px;
			
 
				+        align-items: center;
			
 
				+
			
 
				+        .ZTbox2Look {
			
 
				+          margin-left: 20px;
			
 
				+          cursor: pointer;
			
 
				+        }
			
 
				+
			
 
				+        .ZTbox2Down {
			
 
				+          margin-left: 15px;
			
 
				+          color: black;
			
 
				+        }
			
 
				+
			
 
				+        .ZTbox2X {
			
 
				+          cursor: pointer;
			
 
				+          margin-left: 15px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    // 图片
			
 
				+    .ZTboxImgMain {
			
 
				+      margin-top: 20px;
			
 
				+
			
 
				+      .ZTboxImgBox {
			
 
				+        display: flex;
			
 
				+
			
 
				+        .ZTbox1 {
			
 
				+          position: relative;
			
 
				+          top: 3px;
			
 
				+          width: 60px;
			
 
				+
			
 
				+          & > span {
			
 
				+            color: #ff4d4f;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .ZTbox1Img {
			
 
				+          width: calc(100% - 60px);
			
 
				+          display: flex;
			
 
				+          flex-wrap: wrap;
			
 
				+
			
 
				+          .ZTbox1ImgIcon {
			
 
				+            margin-right: 20px;
			
 
				+            color: #a6a6a6;
			
 
				+            border-radius: 3px;
			
 
				+            cursor: pointer;
			
 
				+            font-size: 30px;
			
 
				+            width: 100px;
			
 
				+            height: 100px;
			
 
				+            border: 1px dashed #797979;
			
 
				+            display: flex;
			
 
				+            justify-content: center;
			
 
				+            align-items: center;
			
 
				+          }
			
 
				+
			
 
				+          .ZTbox1ImgRow {
			
 
				+            // content-visibility:auto;
			
 
				+            margin-right: 20px;
			
 
				+            width: 100px;
			
 
				+            height: 125px;
			
 
				+            position: relative;
			
 
				+            margin-bottom: 20px;
			
 
				+            cursor: move;
			
 
				+            position: relative;
			
 
				+
			
 
				+            // 第一张作为封面
			
 
				+            .ZTbox1ImgRowCover {
			
 
				+              font-size: 12px;
			
 
				+              line-height: 22px;
			
 
				+              position: absolute;
			
 
				+              left: 0;
			
 
				+              top: 0;
			
 
				+              width: 100%;
			
 
				+              height: 24px;
			
 
				+              background-color: rgba(0, 0, 0, 0.8);
			
 
				+              color: #fff;
			
 
				+              text-align: center;
			
 
				+              pointer-events: none;
			
 
				+            }
			
 
				+
			
 
				+            // 修改图片名字
			
 
				+            .ZTbox1ImgRowName {
			
 
				+              font-size: 12px;
			
 
				+              line-height: 22px;
			
 
				+              position: absolute;
			
 
				+              left: 0;
			
 
				+              bottom: 25px;
			
 
				+              width: 100%;
			
 
				+              cursor: pointer;
			
 
				+              height: 24px;
			
 
				+              padding: 0 3px;
			
 
				+              background-color: rgba(0, 0, 0, 0.8);
			
 
				+              color: #fff;
			
 
				+              text-align: center;
			
 
				+              overflow: hidden;
			
 
				+              text-overflow: ellipsis;
			
 
				+              white-space: nowrap;
			
 
				+
			
 
				+              &:hover {
			
 
				+                color: var(--themeColor);
			
 
				+              }
			
 
				+            }
			
 
				+
			
 
				+            .ZTbox1ImgRowIcon {
			
 
				+              width: 100%;
			
 
				+              background-color: rgba(0, 0, 0, 0.6);
			
 
				+              color: #fff;
			
 
				+              display: flex;
			
 
				+              justify-content: space-around;
			
 
				+              font-size: 16px;
			
 
				+
			
 
				+              a {
			
 
				+                color: #fff !important;
			
 
				+              }
			
 
				+            }
			
 
				+
			
 
				+            .ZTbox1ImgRowX {
			
 
				+              cursor: pointer;
			
 
				+              position: absolute;
			
 
				+              right: -10px;
			
 
				+              top: -10px;
			
 
				+              z-index: 99;
			
 
				+              background-color: rgba(0, 0, 0, 0.8);
			
 
				+              width: 20px;
			
 
				+              height: 20px;
			
 
				+              border-radius: 50%;
			
 
				+              font-size: 16px;
			
 
				+              color: #fff;
			
 
				+              display: flex;
			
 
				+              justify-content: center;
			
 
				+              align-items: center;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .ZcheckTxt {
			
 
				+      position: relative;
			
 
				+      overflow: hidden;
			
 
				+      opacity: 0;
			
 
				+      transition: top 0.2s;
			
 
				+      color: #ff4d4f;
			
 
				+      top: -10px;
			
 
				+    }
			
 
				+
			
 
				+    .ZcheckTxtAc {
			
 
				+      top: 2px;
			
 
				+      opacity: 1;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 查看情况
			
 
				+.ZupTypesLook {
			
 
				+  :global {
			
 
				+    .ZTbox1ImgRowName {
			
 
				+      cursor: default !important;
			
 
				+      color: #fff !important;
			
 
				+    }
			
 
				+
			
 
				+    .ZTbox1ImgRow {
			
 
				+      cursor: default !important;
			
 
				+    }
			
 
				+
			
 
				+    .ZTbox1ImgRowX {
			
 
				+      display: none !important;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 修改图片名字的弹窗
			
 
				+.ZupTypesMo {
			
 
				+  :global {
			
 
				+    .ant-modal-close {
			
 
				+      display: none;
			
 
				+    }
			
 
				+
			
 
				+    .ZupTypesMoBtn {
			
 
				+      margin-top: 24px;
			
 
				+      text-align: center;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/components/ZupTypes/index.tsx
+++ b/src/components/ZupTypes/index.tsx
@@ -0,0 +1,585 @@
 
				+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+import { Button, Checkbox, Input, Modal } from 'antd'
			
 
				+import { forwardRef, useImperativeHandle } from 'react'
			
 
				+import { baseURL } from '@/utils/http'
			
 
				+import {
			
 
				+  PlusOutlined,
			
 
				+  CloseCircleOutlined,
			
 
				+  UploadOutlined,
			
 
				+  CloseOutlined,
			
 
				+  DownloadOutlined,
			
 
				+  EyeOutlined
			
 
				+} from '@ant-design/icons'
			
 
				+import { MessageFu } from '@/utils/message'
			
 
				+import { API_upFile } from '@/store/action/layout'
			
 
				+import { fileDomInitialFu } from '@/utils/domShow'
			
 
				+import store from '@/store'
			
 
				+import ImageLazy from '../ImageLazy'
			
 
				+import classNames from 'classnames'
			
 
				+import MyPopconfirm from '../MyPopconfirm'
			
 
				+// import { A2_APIchangeImgName } from "@/store/action/A2exhibition";
			
 
				+
			
 
				+export type FileListType = {
			
 
				+  fileName: string
			
 
				+  thumb?: string
			
 
				+  filePath: string
			
 
				+  id: number
			
 
				+  type: 'model' | 'img' | 'audio' | 'video'
			
 
				+  imgName: string
			
 
				+}
			
 
				+
			
 
				+type Props = {
			
 
				+  ref: any //当前自己的ref，给父组件调用
			
 
				+  selecFlag: string //筛选的字符串 模型/图片/音频/视频
			
 
				+  fileCheck: boolean //有没有点击过确定
			
 
				+  dirCode: string //文件的code码
			
 
				+  myUrl: string //请求地址
			
 
				+  isLook?: boolean //是不是查看
			
 
				+  modelSize?: number //模型文件大小限制
			
 
				+  imgSize?: number //图片大小限制
			
 
				+  imgLength?: number //图片数量限制
			
 
				+  audioSize?: number //音频大小限制
			
 
				+  videoSize?: number //视频大小限制
			
 
				+  videoTit?: string //视频上传的提示语
			
 
				+  isTypeShow?: boolean //默认就选中（只有一个类型的时候）
			
 
				+  isUpName?: boolean //是否能修改图片名字
			
 
				+  lastImgTxt?: string //加载最后面的上传提示
			
 
				+  oneIsCover?: boolean //是否将第一张作为封面
			
 
				+}
			
 
				+
			
 
				+function ZupTypes(
			
 
				+  {
			
 
				+    selecFlag,
			
 
				+    fileCheck,
			
 
				+    dirCode,
			
 
				+    myUrl,
			
 
				+    isLook = false,
			
 
				+    modelSize = 500,
			
 
				+    imgSize = 5,
			
 
				+    imgLength = 9,
			
 
				+    audioSize = 10,
			
 
				+    videoSize = 500,
			
 
				+    videoTit = '',
			
 
				+    isTypeShow = false,
			
 
				+    isUpName = false,
			
 
				+    lastImgTxt = '',
			
 
				+    oneIsCover = false
			
 
				+  }: Props,
			
 
				+  ref: any
			
 
				+) {
			
 
				+  // 筛选
			
 
				+  const [typeCheck, setTypeCheck] = useState<string[]>([])
			
 
				+
			
 
				+  // 筛选数组
			
 
				+  const typeCheckArr = useMemo(() => {
			
 
				+    const arr = [
			
 
				+      { label: '模型', value: 'model' },
			
 
				+      { label: '图片', value: 'img' },
			
 
				+      { label: '音频', value: 'audio' },
			
 
				+      { label: '视频', value: 'video' }
			
 
				+    ]
			
 
				+
			
 
				+    const arrRes = arr.filter(v => selecFlag.includes(v.label))
			
 
				+    if (arrRes.length <= 1 && isTypeShow) {
			
 
				+      setTypeCheck([arrRes[0].value])
			
 
				+      // 默认就选中（只有一个类型的时候）
			
 
				+    }
			
 
				+
			
 
				+    return arrRes
			
 
				+  }, [isTypeShow, selecFlag])
			
 
				+
			
 
				+  // 上传附件的信息
			
 
				+  const [fileList, setFileList] = useState({
			
 
				+    model: {} as FileListType,
			
 
				+    img: [] as FileListType[],
			
 
				+    audio: {} as FileListType,
			
 
				+    video: {} as FileListType
			
 
				+  })
			
 
				+
			
 
				+  // 附件信息的校验，不满足返回 true
			
 
				+  const fileCheckFu = useMemo(() => {
			
 
				+    let flag = false
			
 
				+    if (typeCheck.length === 0) flag = true
			
 
				+    if (typeCheck.includes('model') && !fileList.model.id) flag = true
			
 
				+    if (typeCheck.includes('img') && fileList.img.length === 0) flag = true
			
 
				+    if (typeCheck.includes('audio') && !fileList.audio.id) flag = true
			
 
				+    if (typeCheck.includes('video') && !fileList.video.id) flag = true
			
 
				+    return flag
			
 
				+  }, [fileList, typeCheck])
			
 
				+
			
 
				+  // 点击上传附件按钮
			
 
				+  const myInput = useRef<HTMLInputElement>(null)
			
 
				+
			
 
				+  const [fileOneType, setFileOneType] = useState('')
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    if (fileOneType) myInput.current?.click()
			
 
				+  }, [fileOneType])
			
 
				+
			
 
				+  const upFileFu = useCallback((type: string) => {
			
 
				+    setFileOneType('')
			
 
				+    window.setTimeout(() => {
			
 
				+      setFileOneType(type)
			
 
				+    }, 100)
			
 
				+  }, [])
			
 
				+
			
 
				+  // 上传附件的处理函数
			
 
				+  const handeUpPhoto2 = useCallback(
			
 
				+    async (e: React.ChangeEvent<HTMLInputElement>) => {
			
 
				+      if (e.target.files) {
			
 
				+        // 拿到files信息
			
 
				+        const filesInfo = e.target.files[0]
			
 
				+
			
 
				+        let anType = ['image/jpeg', 'image/png']
			
 
				+        let anTit1 = '只支持png、jpg格式!'
			
 
				+        let anTit2 = `最大支持${imgSize}M!`
			
 
				+        let anSize = imgSize * 1024 * 1024
			
 
				+
			
 
				+        if (fileOneType === 'audio') {
			
 
				+          anType = ['audio/mpeg']
			
 
				+          anTit1 = '只支持mp3格式!'
			
 
				+          anTit2 = `最大支持${audioSize}M!`
			
 
				+          anSize = audioSize * 1024 * 1024
			
 
				+        } else if (fileOneType === 'video') {
			
 
				+          anType = ['video/mp4']
			
 
				+          anTit1 = '只支持mp4格式!'
			
 
				+          anTit2 = `最大支持${videoSize}M!`
			
 
				+          anSize = videoSize * 1024 * 1024
			
 
				+        } else if (fileOneType === 'model') {
			
 
				+          anType = ['']
			
 
				+          anTit1 = '只支持4dage格式!'
			
 
				+          anTit2 = `最大支持${modelSize}M!`
			
 
				+          anSize = modelSize * 1024 * 1024
			
 
				+        }
			
 
				+
			
 
				+        // 校验格式
			
 
				+        if (fileOneType !== 'model') {
			
 
				+          if (!anType.includes(filesInfo.type)) {
			
 
				+            e.target.value = ''
			
 
				+            return MessageFu.warning(anTit1)
			
 
				+          }
			
 
				+        } else {
			
 
				+          if (!filesInfo.name.includes('.4dage')) {
			
 
				+            e.target.value = ''
			
 
				+            return MessageFu.warning(anTit1)
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        // 校验大小
			
 
				+        if (filesInfo.size > anSize) {
			
 
				+          e.target.value = ''
			
 
				+          return MessageFu.warning(anTit2)
			
 
				+        }
			
 
				+        // 创建FormData对象
			
 
				+        const fd = new FormData()
			
 
				+        // 把files添加进FormData对象（‘photo’为后端需要的字段）
			
 
				+        fd.append('type', fileOneType)
			
 
				+        fd.append('dirCode', dirCode)
			
 
				+        fd.append('isDb', 'true')
			
 
				+
			
 
				+        //初始图片 fileName为：未命名
			
 
				+        if (isUpName) {
			
 
				+          fd.append('isDefaultName', 'false')
			
 
				+        }
			
 
				+
			
 
				+        fd.append('file', filesInfo)
			
 
				+
			
 
				+        if (fileOneType === 'img' && filesInfo.size > 1 * 1024 * 1024) {
			
 
				+          // 开启压缩图片
			
 
				+          fd.append('isCompress', 'true')
			
 
				+        }
			
 
				+
			
 
				+        e.target.value = ''
			
 
				+
			
 
				+        const res = await API_upFile(fd, myUrl)
			
 
				+
			
 
				+        try {
			
 
				+          if (res.code === 0) {
			
 
				+            MessageFu.success('上传成功!')
			
 
				+            if (fileOneType === 'img')
			
 
				+              setFileList({
			
 
				+                ...fileList,
			
 
				+                img: [...fileList.img, { ...res.data, imgName: '未命名' }]
			
 
				+              })
			
 
				+            else setFileList({ ...fileList, [fileOneType]: res.data })
			
 
				+          }
			
 
				+          fileDomInitialFu()
			
 
				+        } catch (error) {
			
 
				+          fileDomInitialFu()
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    [audioSize, dirCode, fileList, fileOneType, imgSize, isUpName, modelSize, myUrl, videoSize]
			
 
				+  )
			
 
				+
			
 
				+  // 附件图片的拖动
			
 
				+  const [dragImg, setDragImg] = useState<any>(null)
			
 
				+
			
 
				+  const handleDragOver = useCallback(
			
 
				+    (e: React.DragEvent<HTMLDivElement>, item: FileListType) => {
			
 
				+      if (isLook) return
			
 
				+      e.dataTransfer.dropEffect = 'move'
			
 
				+    },
			
 
				+    [isLook]
			
 
				+  )
			
 
				+
			
 
				+  const handleDragEnter = useCallback(
			
 
				+    (e: React.DragEvent<HTMLDivElement>, item: FileListType) => {
			
 
				+      if (isLook) return
			
 
				+
			
 
				+      e.dataTransfer.effectAllowed = 'move'
			
 
				+      if (item === dragImg) return
			
 
				+      const newItems = [...fileList.img] //拷贝一份数据进行交换操作。
			
 
				+      const src = newItems.indexOf(dragImg) //获取数组下标
			
 
				+      const dst = newItems.indexOf(item)
			
 
				+      newItems.splice(dst, 0, ...newItems.splice(src, 1)) //交换位置
			
 
				+      setFileList({ ...fileList, img: newItems })
			
 
				+    },
			
 
				+    [dragImg, fileList, isLook]
			
 
				+  )
			
 
				+
			
 
				+  // 删除某一张图片
			
 
				+  const delImgListFu = useCallback(
			
 
				+    (id: number) => {
			
 
				+      const newItems = fileList.img.filter(v => v.id !== id)
			
 
				+      setFileList({ ...fileList, img: newItems })
			
 
				+    },
			
 
				+    [fileList]
			
 
				+  )
			
 
				+
			
 
				+  // 模型 音频 视频 的 dom
			
 
				+  const resOneDivDom = useCallback(
			
 
				+    (type: 'model' | 'audio' | 'video') => {
			
 
				+      const dom = (
			
 
				+        <div className='ZTbox' hidden={!typeCheck.includes(type)}>
			
 
				+          <div className='ZTbox1'>
			
 
				+            <span> </span>
			
 
				+            {type === 'model' ? '模型' : type === 'audio' ? '音频' : '视频'}：
			
 
				+          </div>
			
 
				+          {fileList[type].id ? (
			
 
				+            <div className='ZTbox2'>
			
 
				+              <div className='ZTbox2Name'>{fileList[type].fileName}</div>
			
 
				+
			
 
				+              <div
			
 
				+                className='ZTbox2Look'
			
 
				+                onClick={() =>
			
 
				+                  store.dispatch({
			
 
				+                    type: 'layout/lookDom',
			
 
				+                    payload: { src: fileList[type].filePath, type }
			
 
				+                  })
			
 
				+                }
			
 
				+              >
			
 
				+                <EyeOutlined rev={undefined} />
			
 
				+              </div>
			
 
				+
			
 
				+              <a
			
 
				+                href={baseURL + fileList[type].filePath}
			
 
				+                download
			
 
				+                target='_blank'
			
 
				+                className='ZTbox2Down'
			
 
				+                rel='noreferrer'
			
 
				+              >
			
 
				+                <DownloadOutlined rev={undefined} />
			
 
				+              </a>
			
 
				+
			
 
				+              <MyPopconfirm
			
 
				+                txtK='删除'
			
 
				+                onConfirm={() => setFileList({ ...fileList, [type]: {} as FileListType })}
			
 
				+                Dom={<CloseCircleOutlined className='ZTbox2X' rev={undefined} />}
			
 
				+              />
			
 
				+            </div>
			
 
				+          ) : (
			
 
				+            <>
			
 
				+              <Button onClick={() => upFileFu(type)} icon={<UploadOutlined rev={undefined} />}>
			
 
				+                上传
			
 
				+              </Button>
			
 
				+
			
 
				+              <div className='ZTboxTit'>
			
 
				+                {type === 'model'
			
 
				+                  ? `仅支持4dage格式的模型文件，大小不能超过${modelSize}M。`
			
 
				+                  : type === 'audio'
			
 
				+                  ? `仅支持mp3格式的音频文件，大小不得超过${audioSize}MB。`
			
 
				+                  : `仅支持mp4格式的视频文件，大小不得超过${videoSize}MB。${videoTit}`}
			
 
				+              </div>
			
 
				+            </>
			
 
				+          )}
			
 
				+        </div>
			
 
				+      )
			
 
				+      return dom
			
 
				+    },
			
 
				+    [audioSize, fileList, modelSize, typeCheck, upFileFu, videoSize, videoTit]
			
 
				+  )
			
 
				+
			
 
				+  // ------------让父组件调用的 回显
			
 
				+  const setFileComFileFu = useCallback((info: any) => {
			
 
				+    if (info.type) setTypeCheck(info.type.split(','))
			
 
				+
			
 
				+    if (info.fileList && info.fileList.length) {
			
 
				+      const data: FileListType[] = info.fileList
			
 
				+      const obj = {
			
 
				+        model: {} as FileListType,
			
 
				+        img: [] as FileListType[],
			
 
				+        audio: {} as FileListType,
			
 
				+        video: {} as FileListType
			
 
				+      }
			
 
				+
			
 
				+      data.forEach(v => {
			
 
				+        if (v.type === 'img') {
			
 
				+          obj.img.push({ ...v, imgName: v.fileName })
			
 
				+        } else obj[v.type!] = v
			
 
				+      })
			
 
				+      setFileList(obj)
			
 
				+    }
			
 
				+  }, [])
			
 
				+
			
 
				+  // --------------让父组件调用的返回 附件 信息
			
 
				+  const fileComFileResFu = useCallback(() => {
			
 
				+    let coverUrl = ''
			
 
				+    const fileIds = []
			
 
				+    if (fileList.model.id && typeCheck.includes('model')) fileIds.push(fileList.model.id)
			
 
				+    if (fileList.audio.id && typeCheck.includes('audio')) fileIds.push(fileList.audio.id)
			
 
				+    if (fileList.video.id && typeCheck.includes('video')) fileIds.push(fileList.video.id)
			
 
				+    if (typeCheck.includes('img')) {
			
 
				+      fileList.img.forEach((v, i) => {
			
 
				+        if (v.id) {
			
 
				+          fileIds.push(v.id)
			
 
				+          if (oneIsCover && i === 0) {
			
 
				+            // 返回 第一张图的url 作为封面
			
 
				+            coverUrl = v.thumb || v.filePath
			
 
				+          }
			
 
				+        }
			
 
				+      })
			
 
				+    }
			
 
				+    return {
			
 
				+      sonType: typeCheck,
			
 
				+      sonFileIds: fileIds,
			
 
				+      sonIsOk: fileCheckFu,
			
 
				+      coverUrl
			
 
				+    }
			
 
				+  }, [
			
 
				+    fileCheckFu,
			
 
				+    fileList.audio.id,
			
 
				+    fileList.img,
			
 
				+    fileList.model.id,
			
 
				+    fileList.video.id,
			
 
				+    oneIsCover,
			
 
				+    typeCheck
			
 
				+  ])
			
 
				+
			
 
				+  // 可以让父组件调用子组件的方法
			
 
				+  useImperativeHandle(ref, () => ({
			
 
				+    setFileComFileFu,
			
 
				+    fileComFileResFu
			
 
				+  }))
			
 
				+
			
 
				+  // 修改图片名称
			
 
				+  const [isNameChange, setIsNameChange] = useState({
			
 
				+    id: 0,
			
 
				+    oldName: '',
			
 
				+    newName: ''
			
 
				+  })
			
 
				+
			
 
				+  // 关闭弹窗
			
 
				+  const isNameChangeXFu = useCallback(() => {
			
 
				+    setIsNameChange({ id: 0, oldName: '', newName: '' })
			
 
				+  }, [])
			
 
				+
			
 
				+  // 点击图片名字-出来弹窗
			
 
				+  const isNameChangeFu = useCallback(
			
 
				+    (item: FileListType) => {
			
 
				+      if (isLook) return
			
 
				+      setIsNameChange({ id: item.id, oldName: item.imgName, newName: '' })
			
 
				+    },
			
 
				+    [isLook]
			
 
				+  )
			
 
				+
			
 
				+  // 修改完这点击 确定修改
			
 
				+  const isNameChangeOkFu = useCallback(async () => {
			
 
				+    // if (!isNameChange.newName) return MessageFu.warning("图片名不能为空!");
			
 
				+    // const res = await A2_APIchangeImgName({
			
 
				+    //   id: isNameChange.id,
			
 
				+    //   fileName: isNameChange.newName,
			
 
				+    // });
			
 
				+    // if (res.code === 0) {
			
 
				+    //   MessageFu.success("修改图片名成功!");
			
 
				+    //   setFileList({
			
 
				+    //     ...fileList,
			
 
				+    //     img: fileList.img.map((v) => ({
			
 
				+    //       ...v,
			
 
				+    //       imgName: v.id === isNameChange.id ? isNameChange.newName : v.imgName,
			
 
				+    //     })),
			
 
				+    //   });
			
 
				+    //   isNameChangeXFu();
			
 
				+    // }
			
 
				+  }, [])
			
 
				+  //
			
 
				+
			
 
				+  return (
			
 
				+    <div className={classNames(styles.ZupTypes, isLook ? styles.ZupTypesLook : '')}>
			
 
				+      <input
			
 
				+        id='upInput'
			
 
				+        type='file'
			
 
				+        accept={
			
 
				+          fileOneType === 'img'
			
 
				+            ? '.png,.jpg,.jpeg'
			
 
				+            : fileOneType === 'audio'
			
 
				+            ? '.mp3'
			
 
				+            : fileOneType === 'model'
			
 
				+            ? '.4dage'
			
 
				+            : '.mp4'
			
 
				+        }
			
 
				+        ref={myInput}
			
 
				+        onChange={e => handeUpPhoto2(e)}
			
 
				+      />
			
 
				+      <div hidden={isTypeShow}>
			
 
				+        <Checkbox.Group
			
 
				+          options={typeCheckArr}
			
 
				+          value={typeCheck}
			
 
				+          onChange={e => setTypeCheck(e as string[])}
			
 
				+        />
			
 
				+      </div>
			
 
				+
			
 
				+      {/* -----------模型 */}
			
 
				+      {resOneDivDom('model')}
			
 
				+
			
 
				+      {/* -----------图片 */}
			
 
				+      <div className='ZTboxImgMain' hidden={!typeCheck.includes('img')}>
			
 
				+        <div className='ZTboxImgBox'>
			
 
				+          <div className='ZTbox1' hidden={isTypeShow}>
			
 
				+            <span> </span> 图片：
			
 
				+          </div>
			
 
				+
			
 
				+          <div className='ZTbox1Img' style={{ width: isTypeShow ? '100%' : '' }}>
			
 
				+            <div
			
 
				+              hidden={(!!fileList.img.length && fileList.img.length >= imgLength) || isLook}
			
 
				+              className='ZTbox1ImgIcon'
			
 
				+              onClick={() => upFileFu('img')}
			
 
				+            >
			
 
				+              <PlusOutlined rev={undefined} />
			
 
				+            </div>
			
 
				+            {fileList.img.map((v, i) => (
			
 
				+              <div
			
 
				+                className='ZTbox1ImgRow'
			
 
				+                key={v.id}
			
 
				+                draggable='true'
			
 
				+                onDragStart={() => setDragImg(v)}
			
 
				+                onDragOver={e => handleDragOver(e, v)}
			
 
				+                onDragEnter={e => handleDragEnter(e, v)}
			
 
				+                onDragEnd={() => setDragImg(null)}
			
 
				+              >
			
 
				+                {v.thumb || v.filePath ? (
			
 
				+                  <ImageLazy noLook={true} width={100} height={100} src={v.thumb || v.filePath} />
			
 
				+                ) : null}
			
 
				+
			
 
				+                {oneIsCover && i === 0 ? <div className='ZTbox1ImgRowCover'>封面</div> : null}
			
 
				+
			
 
				+                {/* 修改图片名字 */}
			
 
				+                {isUpName ? (
			
 
				+                  <div
			
 
				+                    title={v.imgName}
			
 
				+                    className='ZTbox1ImgRowName'
			
 
				+                    onClick={() => isNameChangeFu(v)}
			
 
				+                  >
			
 
				+                    {v.imgName}
			
 
				+                  </div>
			
 
				+                ) : null}
			
 
				+
			
 
				+                <div className='ZTbox1ImgRowIcon'>
			
 
				+                  <EyeOutlined
			
 
				+                    onClick={() =>
			
 
				+                      store.dispatch({
			
 
				+                        type: 'layout/lookBigImg',
			
 
				+                        payload: {
			
 
				+                          url: baseURL + v.filePath,
			
 
				+                          show: true
			
 
				+                        }
			
 
				+                      })
			
 
				+                    }
			
 
				+                    rev={undefined}
			
 
				+                  />
			
 
				+                  <a href={baseURL + v.filePath} download target='_blank' rel='noreferrer'>
			
 
				+                    <DownloadOutlined rev={undefined} />
			
 
				+                  </a>
			
 
				+                </div>
			
 
				+
			
 
				+                <MyPopconfirm
			
 
				+                  txtK='删除'
			
 
				+                  onConfirm={() => delImgListFu(v.id!)}
			
 
				+                  Dom={<CloseOutlined className='ZTbox1ImgRowX' rev={undefined} />}
			
 
				+                />
			
 
				+              </div>
			
 
				+            ))}
			
 
				+          </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <div className='ZTboxTit' hidden={isLook}>
			
 
				+          {fileList.img.length && fileList.img.length >= 2 ? (
			
 
				+            <>
			
 
				+              按住鼠标可拖动图片调整顺序。
			
 
				+              <br />
			
 
				+            </>
			
 
				+          ) : null}
			
 
				+          支持png、jpg的图片格式；最大支持5M；最多支持{imgLength}张。
			
 
				+          {lastImgTxt}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      {/* -----------音频 */}
			
 
				+      {resOneDivDom('audio')}
			
 
				+
			
 
				+      {/* -----------视频 */}
			
 
				+      {resOneDivDom('video')}
			
 
				+
			
 
				+      {/* 最后的提示 */}
			
 
				+      <div className={classNames('ZcheckTxt', fileCheck && fileCheckFu ? 'ZcheckTxtAc' : '')}>
			
 
				+        请最少上传一张图片!
			
 
				+      </div>
			
 
				+
			
 
				+      {/* 点击修改名字出来的弹窗 */}
			
 
				+      {isNameChange.id ? (
			
 
				+        <Modal
			
 
				+          wrapClassName={styles.ZupTypesMo}
			
 
				+          open={true}
			
 
				+          title='修改展品图片名称'
			
 
				+          footer={
			
 
				+            [] // 设置footer为空，去掉 取消 确定默认按钮
			
 
				+          }
			
 
				+        >
			
 
				+          <br />
			
 
				+          <div className='ZupTypesMoRow'>
			
 
				+            <strong>当前名：</strong>
			
 
				+            {isNameChange.oldName}
			
 
				+          </div>
			
 
				+          <div className='ZupTypesMoRow'>
			
 
				+            <br />
			
 
				+            <strong>修改为：</strong>
			
 
				+            <Input
			
 
				+              style={{ width: 400 }}
			
 
				+              placeholder='请输入图片名'
			
 
				+              maxLength={50}
			
 
				+              showCount
			
 
				+              value={isNameChange.newName}
			
 
				+              onChange={e => {
			
 
				+                setIsNameChange({
			
 
				+                  ...isNameChange,
			
 
				+                  newName: e.target.value.replace(/\s+/g, '')
			
 
				+                })
			
 
				+              }}
			
 
				+            />
			
 
				+          </div>
			
 
				+
			
 
				+          <div className='ZupTypesMoBtn'>
			
 
				+            <Button onClick={isNameChangeXFu}>取消</Button>
			
 
				+            &emsp;
			
 
				+            <Button type='primary' onClick={isNameChangeOkFu}>
			
 
				+              修改
			
 
				+            </Button>
			
 
				+          </div>
			
 
				+        </Modal>
			
 
				+      ) : null}
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+export default forwardRef(ZupTypes)
			
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -0,0 +1,38 @@
 
				+// import 'default-passive-events';
			
 
				+
			
 
				+import App from './App'
			
 
				+import store from './store/index'
			
 
				+
			
 
				+import { Provider } from 'react-redux'
			
 
				+import { createRoot } from 'react-dom/client'
			
 
				+
			
 
				+import { ConfigProvider } from 'antd'
			
 
				+
			
 
				+// 兼容360浏览器
			
 
				+import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs'
			
 
				+
			
 
				+import 'dayjs/locale/zh-cn'
			
 
				+import locale from 'antd/locale/zh_CN'
			
 
				+
			
 
				+const container = document.getElementById('root') as HTMLElement
			
 
				+const root = createRoot(container)
			
 
				+
			
 
				+root.render(
			
 
				+  <ConfigProvider
			
 
				+    locale={locale}
			
 
				+    theme={{
			
 
				+      token: {
			
 
				+        colorPrimary: '#042b8f'
			
 
				+      }
			
 
				+    }}
			
 
				+  >
			
 
				+    <Provider store={store}>
			
 
				+      <StyleProvider
			
 
				+        hashPriority='high'
			
 
				+        transformers={[legacyLogicalPropertiesTransformer]}
			
 
				+      >
			
 
				+        <App />
			
 
				+      </StyleProvider>
			
 
				+    </Provider>
			
 
				+  </ConfigProvider>
			
 
				+)
			
--- a/src/pages/A0base/index.module.scss
+++ b/src/pages/A0base/index.module.scss
@@ -0,0 +1,4 @@
 
				+.A0base {
			
 
				+  :global {
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A0base/index.tsx
+++ b/src/pages/A0base/index.tsx
@@ -0,0 +1,18 @@
 
				+import React, { useState } from 'react'
			
 
				+import isMobile from '../../utils/isMobile'
			
 
				+// import A5Mobile from '../A5Mobile'
			
 
				+import A1home from '../A1home'
			
 
				+import styles from './index.module.scss'
			
 
				+function A0base() {
			
 
				+  const [show, setShow] = useState(true)
			
 
				+  return (
			
 
				+    <div>
			
 
				+      {/* 初始封面 */}
			
 
				+      <A1home show={show} setShow={setShow} />
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA0base = React.memo(A0base)
			
 
				+
			
 
				+export default MemoA0base
			
--- a/src/pages/A1home/components/Background/index.module.scss
+++ b/src/pages/A1home/components/Background/index.module.scss
@@ -0,0 +1,35 @@
 
				+.bg {
			
 
				+  position: fixed;
			
 
				+  top: 50%;
			
 
				+  left: 50%;
			
 
				+  transform: translate(-50%, -50%);
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  & > img {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    object-fit: cover;
			
 
				+    transform-origin: center center;
			
 
				+    position: absolute;
			
 
				+  }
			
 
				+  :global {
			
 
				+    .leave {
			
 
				+      transition: all 1s ease-in 1s;
			
 
				+      opacity: 1;
			
 
				+      z-index: 55;
			
 
				+      transform: rotate(0deg);
			
 
				+      -webkit-animation: fade-out-bck 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
			
 
				+      animation: fade-out-bck 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
			
 
				+    }
			
 
				+    .enter {
			
 
				+      transition: all 1s ease-in 1s;
			
 
				+      opacity: 0;
			
 
				+      z-index: 55;
			
 
				+      transform: rotate(0deg);
			
 
				+      -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
			
 
				+      animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A1home/components/Background/index.tsx
+++ b/src/pages/A1home/components/Background/index.tsx
@@ -0,0 +1,32 @@
 
				+import React, { useEffect } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+import isMobile from '@/utils/isMobile'
			
 
				+
			
 
				+const Background = ({ activeIndex }: { activeIndex: number }) => {
			
 
				+  return (
			
 
				+    <div className={styles.bg}>
			
 
				+      <img
			
 
				+        key="bg3 "
			
 
				+        className={`bgImg1 ${activeIndex === 2 ? 'enter' : 'leave'}`}
			
 
				+        src={require(`../../image/caro3/${isMobile() ? 'bg3_M' : 'bg3'}.png`)}
			
 
				+        alt=''
			
 
				+        draggable='false'
			
 
				+      />
			
 
				+      <img
			
 
				+        key="bg2"
			
 
				+        className={`bgImg2 ${activeIndex === 1 ? 'enter' : 'leave'}`}
			
 
				+        src={require(`../../image/caro2/${isMobile() ? 'bg2_M' : 'bg2'}.png`)}
			
 
				+        alt=''
			
 
				+        draggable='false'
			
 
				+      />
			
 
				+      <img
			
 
				+        key="bg1"
			
 
				+        className={`bgImg3 ${activeIndex === 0 ? 'enter' : 'leave'}`}
			
 
				+        src={require(`../../image/caro1/${isMobile() ? 'bg1_M' : 'bg1'}.png`)}
			
 
				+        alt=''
			
 
				+        draggable='false'
			
 
				+      />
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+export default Background
			
--- a/src/pages/A1home/components/Banner/banner.tsx
+++ b/src/pages/A1home/components/Banner/banner.tsx
@@ -0,0 +1,110 @@
 
				+import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react'
			
 
				+import { useImperativeHandle } from 'react'
			
 
				+import Slider from 'react-slick'
			
 
				+import 'slick-carousel/slick/slick.css'
			
 
				+import 'slick-carousel/slick/slick-theme.css'
			
 
				+import classNames from 'classnames'
			
 
				+import styles from './index.module.scss' // 自定义样式
			
 
				+
			
 
				+type Slide = {
			
 
				+  id: number
			
 
				+  background: string
			
 
				+  content: React.ReactNode
			
 
				+}
			
 
				+
			
 
				+type BannerProps = {
			
 
				+  slides: Slide[]
			
 
				+  activeIndex: number
			
 
				+  setActiveIndex: (index: number) => void
			
 
				+}
			
 
				+
			
 
				+const VerticalBanner = forwardRef<Slider, BannerProps>(({ slides, activeIndex, setActiveIndex }, ref) => {
			
 
				+  const sliderRef = useRef<Slider>(null)
			
 
				+
			
 
				+  // 暴露内部slider实例
			
 
				+  useImperativeHandle(ref, () => sliderRef.current as Slider)
			
 
				+
			
 
				+  const isScrolling = useRef(false)
			
 
				+
			
 
				+
			
 
				+  // 垂直轮播配置
			
 
				+  const settings = {
			
 
				+    vertical: true,
			
 
				+    verticalSwiping: true,
			
 
				+    dots: true,
			
 
				+    dotsClass: 'slick-dots vertical-dots', // 自定义垂直dots样式
			
 
				+    infinite: true,
			
 
				+    speed: 800,
			
 
				+    slidesToShow: 1,
			
 
				+    slidesToScroll: 1,
			
 
				+    arrows: false,
			
 
				+    autoplay: false,
			
 
				+    adaptiveHeight: true,
			
 
				+    initialSlide: 0,
			
 
				+    beforeChange: (current: number, next: number) => {
			
 
				+      setActiveIndex(next)
			
 
				+      sliderRef.current?.slickGoTo(next)
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 处理滚轮事件
			
 
				+  const handleWheel = useCallback((e: WheelEvent) => {
			
 
				+    if (isScrolling.current) return
			
 
				+
			
 
				+    // 阻止页面默认滚动
			
 
				+    e.preventDefault()
			
 
				+
			
 
				+    // 设置滚动锁定，避免连续触发
			
 
				+    isScrolling.current = true
			
 
				+    setTimeout(() => {
			
 
				+      isScrolling.current = false
			
 
				+    }, 1000) // 滚动动画期间锁定
			
 
				+
			
 
				+    // 根据滚轮方向切换幻灯片
			
 
				+    if (e.deltaY > 0) {
			
 
				+      sliderRef.current?.slickNext()
			
 
				+      setActiveIndex((activeIndex + 1) % slides.length)
			
 
				+    } else {
			
 
				+      sliderRef.current?.slickPrev()
			
 
				+      setActiveIndex((activeIndex - 1 + slides.length) % slides.length)
			
 
				+    }
			
 
				+    console.log('滚轮事件', slides.length)
			
 
				+  }, [activeIndex, setActiveIndex, slides.length])
			
 
				+
			
 
				+  // 注册滚轮事件
			
 
				+  useEffect(() => {
			
 
				+    const handleScroll = (e: WheelEvent) => {
			
 
				+      // 仅在组件挂载时处理
			
 
				+      if (sliderRef.current) {
			
 
				+        handleWheel(e)
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    // 添加滚轮事件监听器
			
 
				+    window.addEventListener('wheel', handleScroll, { passive: false })
			
 
				+
			
 
				+    return () => {
			
 
				+
			
 
				+      window.removeEventListener('wheel', handleScroll)
			
 
				+    }
			
 
				+  }, [handleWheel, setActiveIndex])
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.banner}>
			
 
				+      <Slider ref={sliderRef} {...settings}>
			
 
				+        {slides.map((slide, index) => {
			
 
				+          const isActive = activeIndex === index
			
 
				+          return (
			
 
				+            <div key={slide.id} className='fullscreen-slide'>
			
 
				+              <div className={classNames('slide-content', { animate: isActive })} style={{ background: `url(${slide.background}) no-repeat center center/cover` }}>
			
 
				+                {slide.content}
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          )
			
 
				+        })}
			
 
				+      </Slider>
			
 
				+    </div>
			
 
				+  )
			
 
				+})
			
 
				+
			
 
				+export default VerticalBanner
			
--- a/src/pages/A1home/components/Banner/index.module.scss
+++ b/src/pages/A1home/components/Banner/index.module.scss
@@ -0,0 +1,225 @@
 
				+.banner {
			
 
				+  width: 45%;
			
 
				+  height: 100vh;
			
 
				+  overflow: hidden;
			
 
				+  :global {
			
 
				+    .fullscreen-slide {
			
 
				+      height: 100vh !important;
			
 
				+      display: flex !important;
			
 
				+      align-items: center;
			
 
				+      justify-content: center;
			
 
				+      background-size: cover;
			
 
				+      background-position: center;
			
 
				+
			
 
				+      .slide-content {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+        position: relative;
			
 
				+        background-size: 100% 100% !important;
			
 
				+        text-align: center;
			
 
				+        color: white;
			
 
				+        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
			
 
				+
			
 
				+        .iconList {
			
 
				+          position: absolute;
			
 
				+          top: 10%;
			
 
				+          right: 3%;
			
 
				+          width: 60px;
			
 
				+          height: 245px;
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          flex-direction: column;
			
 
				+          opacity: 0;
			
 
				+          transition: all 0.6s ease-in-out;
			
 
				+          .icon {
			
 
				+            width: 100%;
			
 
				+            height: 50%;
			
 
				+            & > img {
			
 
				+              width: 66px;
			
 
				+              height: 68px;
			
 
				+              object-fit: contain;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        & > img {
			
 
				+          width: 100%;
			
 
				+          position: absolute;
			
 
				+          top: 50%;
			
 
				+          left: 50%;
			
 
				+          transform: translate(-50%, -50%);
			
 
				+          object-fit: contain;
			
 
				+        }
			
 
				+
			
 
				+        // 图1
			
 
				+        .title1 {
			
 
				+          width: 75%;
			
 
				+          transform: translate(-50%, -30%);
			
 
				+          opacity: 0.3;
			
 
				+          transition: all 1.5s ease-in-out 0.2s;
			
 
				+        }
			
 
				+        .button1 {
			
 
				+          width: 30%;
			
 
				+          opacity: 0;
			
 
				+          cursor: pointer;
			
 
				+          transition: all 0.3s ease-in-out 0.4s;
			
 
				+          transform: translate(-50%, 230%);
			
 
				+          object-fit: cover;
			
 
				+        }
			
 
				+
			
 
				+        // 图3
			
 
				+        .title3 {
			
 
				+          width: 37%;
			
 
				+          transform: translate(-60%, -20%);
			
 
				+          opacity: 0;
			
 
				+          transition: all 1.5s ease-in-out;
			
 
				+        }
			
 
				+
			
 
				+        .button3 {
			
 
				+          width: 4%;
			
 
				+          opacity: 0;
			
 
				+          cursor: pointer;
			
 
				+          transition: all 0.6s ease-in-out 0.4s;
			
 
				+          transform: translate(230%, 30%);
			
 
				+          object-fit: cover;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      // 动画效果
			
 
				+      .animate {
			
 
				+        -webkit-animation: fade-in-fwd 1s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.6s;
			
 
				+        animation: fade-in-fwd 1s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.6s;
			
 
				+        .iconList {
			
 
				+          top: 5%;
			
 
				+          height: 195px;
			
 
				+          opacity: 1;
			
 
				+        }
			
 
				+        .title1 {
			
 
				+          opacity: 1;
			
 
				+          transform: translate(-50%, -70%);
			
 
				+        }
			
 
				+        .button1 {
			
 
				+          opacity: 1;
			
 
				+          transform: translate(-50%, 200%);
			
 
				+        }
			
 
				+        .title3 {
			
 
				+          transform: translate(-60%, -60%);
			
 
				+          opacity: 1;
			
 
				+        }
			
 
				+        .button3 {
			
 
				+          opacity: 1;
			
 
				+          transform: translate(260%, 30%);
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    /* 垂直dots样式 */
			
 
				+    .vertical-dots {
			
 
				+      position: fixed;
			
 
				+      left: 30px;
			
 
				+      top: 50%;
			
 
				+      height: 420px;
			
 
				+      transform: translateY(-50%);
			
 
				+      display: flex !important;
			
 
				+      flex-direction: column;
			
 
				+      align-items: center;
			
 
				+      background: url('../../image/scroll2.png') no-repeat center;
			
 
				+      background-size: 2px 100%;
			
 
				+      width: auto;
			
 
				+      gap: 60px;
			
 
				+      & li {
			
 
				+        margin: 0 !important;
			
 
				+        width: 26px;
			
 
				+        height: 26px;
			
 
				+      }
			
 
				+      & li:nth-child(1) {
			
 
				+        padding-top: 93px;
			
 
				+      }
			
 
				+      & li:nth-child(2) {
			
 
				+        padding-top: 59px;
			
 
				+      }
			
 
				+      & li:nth-child(3) {
			
 
				+        padding-top: 59px;
			
 
				+      }
			
 
				+      & li:nth-child(4) {
			
 
				+        padding-top: 62px;
			
 
				+      }
			
 
				+      & .slick-active {
			
 
				+        & button {
			
 
				+          background: url('../../image/scroll3.png') no-repeat center center;
			
 
				+          background-size: cover;
			
 
				+        }
			
 
				+      }
			
 
				+      & li button {
			
 
				+        width: 26px;
			
 
				+        height: 26px;
			
 
				+        background: url('../../image/scroll1.png') no-repeat center center;
			
 
				+        background-size: cover;
			
 
				+        font-size: 12px !important;
			
 
				+        color: transparent !important;
			
 
				+        border: none;
			
 
				+        opacity: 1 !important;
			
 
				+      }
			
 
				+      & li button::before {
			
 
				+        width: 26px;
			
 
				+        height: 26px;
			
 
				+        font-size: 12px !important;
			
 
				+        color: transparent !important;
			
 
				+        border: none;
			
 
				+        opacity: 0 !important;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 768px) {
			
 
				+  .banner {
			
 
				+    width: 100%;
			
 
				+    :global {
			
 
				+      .fullscreen-slide {
			
 
				+        .slide-content {
			
 
				+          .title1 {
			
 
				+            width: 90%;
			
 
				+            transition: all 0.6s ease-in-out;
			
 
				+            transform: translate(-50%, -100%);
			
 
				+          }
			
 
				+          .button1 {
			
 
				+            width: 50%;
			
 
				+            transition: all 0.3s ease-in-out;
			
 
				+            transform: translate(-50%, 380%);
			
 
				+          }
			
 
				+          .title3 {
			
 
				+            width: 50%;
			
 
				+            transition: all 0.6s ease-in-out;
			
 
				+            transform: translate(-60%, -60%);
			
 
				+          }
			
 
				+          .button3 {
			
 
				+            width: 45%;
			
 
				+            transition: all 0.3s ease-in-out;
			
 
				+            transform: translate(-60%, 380%);
			
 
				+          }
			
 
				+        } // 动画效果
			
 
				+        .animate {
			
 
				+          .title1 {
			
 
				+            transform: translate(-50%, -140%);
			
 
				+          }
			
 
				+          .button1 {
			
 
				+            transform: translate(-50%, 350%);
			
 
				+          }
			
 
				+          .title3 {
			
 
				+            transform: translate(-60%, -70%);
			
 
				+          }
			
 
				+          .button3 {
			
 
				+            transform: translate(-60%, 700%);
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .vertical-dots {
			
 
				+        transform: scale(0.8);
			
 
				+        left: 10px;
			
 
				+        top: 30%;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A1home/components/TabBar/index.module.scss
+++ b/src/pages/A1home/components/TabBar/index.module.scss
@@ -0,0 +1,46 @@
 
				+.tabBar {
			
 
				+  position: fixed;
			
 
				+  top: 4%;
			
 
				+  right: 4%;
			
 
				+  width: 40%;
			
 
				+  height: 50px;
			
 
				+  :global {
			
 
				+    .tabBarBox {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      gap: 3%;
			
 
				+      .tabItem {
			
 
				+        width: 30%;
			
 
				+        font-size: 18px;
			
 
				+        font-weight: 500;
			
 
				+        color: #fff;
			
 
				+        cursor: pointer;
			
 
				+      }
			
 
				+    }
			
 
				+    .underline {
			
 
				+      position: absolute;
			
 
				+      bottom: 0;
			
 
				+      left: 0;
			
 
				+      width: 25%;
			
 
				+      height: 4px;
			
 
				+      background-color: #fff;
			
 
				+      transition: transform 0.3s ease-in-out;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 768px) {
			
 
				+  .tabBar {
			
 
				+    width: 90%;
			
 
				+    :global {
			
 
				+      .tabBarBox {
			
 
				+        .tabItem {
			
 
				+          font-size: 15px;
			
 
				+          width: 33%;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A1home/components/TabBar/index.tsx
+++ b/src/pages/A1home/components/TabBar/index.tsx
@@ -0,0 +1,21 @@
 
				+
			
 
				+import style from './index.module.scss'
			
 
				+
			
 
				+const TabBar = ({ activeIndex, goTo }: { activeIndex: number; goTo: (index: number) => void }) => {
			
 
				+  return (
			
 
				+    <div className={style.tabBar}><div className='tabBarBox'>
			
 
				+      <div className='tabItem' onClick={() => goTo(0)}>
			
 
				+        湖北古代文明
			
 
				+      </div>
			
 
				+      <div className='tabItem' onClick={() => goTo(1)}>
			
 
				+        湖北近代风云
			
 
				+      </div>
			
 
				+      <div className='tabItem' onClick={() => goTo(2)}>
			
 
				+        湖北现当代英杰
			
 
				+      </div>
			
 
				+
			
 
				+    </div><div className="underline" style={{ transform: `translateX(${activeIndex * 132}%)` }}></div></div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+export default TabBar
			
--- a/src/pages/A1home/components/flipPic/index.module.scss
+++ b/src/pages/A1home/components/flipPic/index.module.scss
@@ -0,0 +1,62 @@
 
				+.flipPic {
			
 
				+  width: 0;
			
 
				+  height: 65%;
			
 
				+  position: relative;
			
 
				+  flex: 1;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: end;
			
 
				+  gap: 16px;
			
 
				+  perspective: 1000px;
			
 
				+
			
 
				+  :global {
			
 
				+    .picBox {
			
 
				+      display: flex;
			
 
				+      flex-direction: column;
			
 
				+      .title {
			
 
				+        font-size: 16px;
			
 
				+        color: #fff;
			
 
				+        margin-top: 40px;
			
 
				+        letter-spacing: 1px;
			
 
				+        line-height: 30px;
			
 
				+        max-width: 300px;
			
 
				+      }
			
 
				+      .pic {
			
 
				+        width: 310px;
			
 
				+        height: 480px;
			
 
				+        position: relative;
			
 
				+        transform-style: preserve-3d;
			
 
				+        .back {
			
 
				+          transform: rotateY(-180deg);
			
 
				+        }
			
 
				+
			
 
				+        & > img {
			
 
				+          position: absolute;
			
 
				+          width: 100%;
			
 
				+          height: 100%;
			
 
				+          backface-visibility: hidden; /* 隐藏背面 */
			
 
				+          border-radius: 8px;
			
 
				+          object-fit: contain;
			
 
				+          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			
 
				+          transition: transform 0.8s ease-in-out, opacity 0.6s ease-in-out;
			
 
				+          will-change: transform;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    .picBox1 {
			
 
				+      .title {
			
 
				+        margin-top: 0;
			
 
				+      }
			
 
				+      .pic {
			
 
				+        width: 340px;
			
 
				+        height: 530px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 768px) {
			
 
				+  .flipPic {
			
 
				+    display: none;
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A1home/components/flipPic/index.tsx
+++ b/src/pages/A1home/components/flipPic/index.tsx
@@ -0,0 +1,79 @@
 
				+import React, { useEffect, useState, useRef } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+
			
 
				+const FlipPic = ({ activeIndex }: { activeIndex: number }) => {
			
 
				+  const [prevIndex, setPrevIndex] = useState(activeIndex);
			
 
				+  const [isAnimating, setIsAnimating] = useState(true);
			
 
				+  const [displayIndex, setDisplayIndex] = useState(activeIndex);
			
 
				+  const [isForward, setIsForward] = useState<boolean>(false);
			
 
				+  const containerRef = useRef<HTMLDivElement>(null);
			
 
				+
			
 
				+  // 添加图片预加载逻辑
			
 
				+  useEffect(() => {
			
 
				+    const caroIndexes = [
			
 
				+      activeIndex + 1,
			
 
				+      (activeIndex + 1) % 3 + 1,
			
 
				+      (activeIndex + 3) % 3 + 1
			
 
				+    ];
			
 
				+
			
 
				+    caroIndexes.forEach(caro => {
			
 
				+      [1, 2, 3].forEach(i => {
			
 
				+        const img = new Image();
			
 
				+        img.src = require(`../../image/caro${caro}/pic${i}.png`);
			
 
				+      });
			
 
				+    });
			
 
				+  }, [activeIndex]);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    const diff = (activeIndex - prevIndex + 3) % 3;
			
 
				+    if (diff !== 0) {
			
 
				+      setIsForward(diff === 1);
			
 
				+      setIsAnimating(false);
			
 
				+      requestAnimationFrame(() => {
			
 
				+        setIsAnimating(true);
			
 
				+        const timer = setTimeout(() => {
			
 
				+          setPrevIndex(activeIndex);
			
 
				+          setDisplayIndex(activeIndex);
			
 
				+        }, 300);
			
 
				+        return () => clearTimeout(timer);
			
 
				+      });
			
 
				+    }
			
 
				+  }, [activeIndex, prevIndex]);
			
 
				+
			
 
				+  const title: Record<string, string[]> = {
			
 
				+    pic1: ['元青花四爱图梅瓶', '“太阳人”石刻', '铜钺'],
			
 
				+    pic2: ['《甘绩熙自述》', '起义军占领武昌后制发的出入城门证', '王汉烈士画像'],
			
 
				+    pic3: ['战争年代李先念使用过的怀表', `郭天民1955年荣获的八一、解放、独立一级勋章`, '123']
			
 
				+  }
			
 
				+
			
 
				+  return (
			
 
				+    <div
			
 
				+      ref={containerRef}
			
 
				+      className={`${styles.flipPic} ${isAnimating ? 'active' : ''}`}
			
 
				+    >
			
 
				+      {[1, 2, 3].map((i) => (
			
 
				+        <div className={`picBox picBox${i}`} key={`bg${i}-${activeIndex}`}>
			
 
				+          <div className="title">●{title[`pic${displayIndex + 1}`][i - 1] as any}</div>
			
 
				+          <div className='pic'>
			
 
				+            <img
			
 
				+              className='front'
			
 
				+              src={require(`../../image/caro${isForward // 使用存储的方向状态
			
 
				+                ? (activeIndex + 2) % 3 + 1       // 向前切换：下一张
			
 
				+                : (activeIndex + 1) % 3 + 1       // 向后切换：上一张
			
 
				+                }/pic${i}.png`)}
			
 
				+              alt=''
			
 
				+              draggable='false'
			
 
				+            />
			
 
				+            <img
			
 
				+              className='back'
			
 
				+              src={require(`../../image/caro${(activeIndex) % 3 + 1}/pic${i}.png`)}
			
 
				+              alt=''
			
 
				+              draggable='false'
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      ))}
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+export default FlipPic
			
--- a/src/pages/A1home/image/arr1.png
+++ b/src/pages/A1home/image/arr1.png
--- a/src/pages/A1home/image/arr2.png
+++ b/src/pages/A1home/image/arr2.png
--- a/src/pages/A1home/image/arr3.png
+++ b/src/pages/A1home/image/arr3.png
--- a/src/pages/A1home/image/arr4.png
+++ b/src/pages/A1home/image/arr4.png
--- a/src/pages/A1home/image/arr5.png
+++ b/src/pages/A1home/image/arr5.png
--- a/src/pages/A1home/image/caro1/bg1.png
+++ b/src/pages/A1home/image/caro1/bg1.png
--- a/src/pages/A1home/image/caro1/bg1_M.png
+++ b/src/pages/A1home/image/caro1/bg1_M.png
--- a/src/pages/A1home/image/caro1/button1.png
+++ b/src/pages/A1home/image/caro1/button1.png
--- a/src/pages/A1home/image/caro1/pic1.png
+++ b/src/pages/A1home/image/caro1/pic1.png
--- a/src/pages/A1home/image/caro1/pic2.png
+++ b/src/pages/A1home/image/caro1/pic2.png
--- a/src/pages/A1home/image/caro1/pic3.png
+++ b/src/pages/A1home/image/caro1/pic3.png
--- a/src/pages/A1home/image/caro1/title1.png
+++ b/src/pages/A1home/image/caro1/title1.png
--- a/src/pages/A1home/image/caro2/bg2.png
+++ b/src/pages/A1home/image/caro2/bg2.png
--- a/src/pages/A1home/image/caro2/bg2_M.png
+++ b/src/pages/A1home/image/caro2/bg2_M.png
--- a/src/pages/A1home/image/caro2/button2.png
+++ b/src/pages/A1home/image/caro2/button2.png
--- a/src/pages/A1home/image/caro2/pic1.png
+++ b/src/pages/A1home/image/caro2/pic1.png
--- a/src/pages/A1home/image/caro2/pic2.png
+++ b/src/pages/A1home/image/caro2/pic2.png
--- a/src/pages/A1home/image/caro2/pic3.png
+++ b/src/pages/A1home/image/caro2/pic3.png
--- a/src/pages/A1home/image/caro2/title2.png
+++ b/src/pages/A1home/image/caro2/title2.png
--- a/src/pages/A1home/image/caro3/bg3.png
+++ b/src/pages/A1home/image/caro3/bg3.png
--- a/src/pages/A1home/image/caro3/bg3_M.png
+++ b/src/pages/A1home/image/caro3/bg3_M.png
--- a/src/pages/A1home/image/caro3/button3.png
+++ b/src/pages/A1home/image/caro3/button3.png
--- a/src/pages/A1home/image/caro3/button3_M.png
+++ b/src/pages/A1home/image/caro3/button3_M.png
--- a/src/pages/A1home/image/caro3/pic1.png
+++ b/src/pages/A1home/image/caro3/pic1.png
--- a/src/pages/A1home/image/caro3/pic2.png
+++ b/src/pages/A1home/image/caro3/pic2.png
--- a/src/pages/A1home/image/caro3/pic3.png
+++ b/src/pages/A1home/image/caro3/pic3.png
--- a/src/pages/A1home/image/caro3/title3.png
+++ b/src/pages/A1home/image/caro3/title3.png
--- a/src/pages/A1home/image/logo.png
+++ b/src/pages/A1home/image/logo.png
--- a/src/pages/A1home/image/logo2.png
+++ b/src/pages/A1home/image/logo2.png
--- a/src/pages/A1home/image/next.png
+++ b/src/pages/A1home/image/next.png
--- a/src/pages/A1home/image/scroll1.png
+++ b/src/pages/A1home/image/scroll1.png
--- a/src/pages/A1home/image/scroll2.png
+++ b/src/pages/A1home/image/scroll2.png
--- a/src/pages/A1home/image/scroll3.png
+++ b/src/pages/A1home/image/scroll3.png
--- a/src/pages/A1home/index.module.scss
+++ b/src/pages/A1home/index.module.scss
@@ -0,0 +1,38 @@
 
				+.A1home {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  :global {
			
 
				+    .logo {
			
 
				+      position: fixed;
			
 
				+      width: 8%;
			
 
				+      top: 4%;
			
 
				+      left: 2%;
			
 
				+      object-fit: contain;
			
 
				+    }
			
 
				+
			
 
				+    .active {
			
 
				+      .title {
			
 
				+        animation: fade-in-out-in 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
			
 
				+      }
			
 
				+      .pic {
			
 
				+        -webkit-animation: flip-vertical-right 0.6s
			
 
				+          cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
			
 
				+        animation: flip-vertical-right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    @media screen and (max-width: 768px) {
			
 
				+      .arrowAnimation {
			
 
				+        .arror,
			
 
				+        .arrorBg {
			
 
				+          height: 65px;
			
 
				+        }
			
 
				+        .arror {
			
 
				+          width: 28px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A1home/index.tsx
+++ b/src/pages/A1home/index.tsx
@@ -0,0 +1,109 @@
 
				+import React, { useRef, useState, useEffect } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+import { useHistory } from 'react-router-dom'
			
 
				+import VerticalBanner from './components/Banner/banner'
			
 
				+import Background from './components/Background'
			
 
				+import TabBar from './components/TabBar'
			
 
				+import Slider from 'react-slick'
			
 
				+import FlipPic from './components/flipPic'
			
 
				+import isMobile from '@/utils/isMobile'
			
 
				+
			
 
				+function A1home({ show, setShow }: { show: boolean; setShow: (show: boolean) => void }) {
			
 
				+  const history = useHistory()
			
 
				+  const sliderRef = useRef<Slider>(null)
			
 
				+  const [activeIndex, setActiveIndex] = useState<number>(0)
			
 
				+
			
 
				+  const goTo = (index: number) => {
			
 
				+    sliderRef.current?.slickGoTo(index)
			
 
				+  }
			
 
				+
			
 
				+  const slides = [
			
 
				+    {
			
 
				+      id: 1,
			
 
				+      background: 'transparent',
			
 
				+      content: (
			
 
				+        <>
			
 
				+          <img
			
 
				+            className='title1'
			
 
				+            src={require('./image/caro1/title1.png')}
			
 
				+            alt=''
			
 
				+            draggable='false'
			
 
				+          />
			
 
				+          <img
			
 
				+            onClick={() => window.open('https://houseoss.4dkankan.com/project/hubeiMuseum/hbgdwm/scene/index.html#/home?m=SG-nlIdX3CyQyJ-06')}
			
 
				+            className='button1'
			
 
				+            src={require('./image/caro1/button1.png')}
			
 
				+            alt=''
			
 
				+            draggable='false'
			
 
				+          />
			
 
				+        </>
			
 
				+      )
			
 
				+    },
			
 
				+    {
			
 
				+      id: 2,
			
 
				+      background: 'transparent',
			
 
				+      content: (
			
 
				+        <>
			
 
				+          <img
			
 
				+            className='title1'
			
 
				+            src={require('./image/caro2/title2.png')}
			
 
				+            alt=''
			
 
				+            draggable='false'
			
 
				+          />
			
 
				+          <img
			
 
				+            onClick={() => window.open('https://houseoss.4dkankan.com/project/hubeiMuseum/hbjdfy/scene/index.html#/home?m=SG-NhzxmM4kcLn-05')}
			
 
				+            className='button1'
			
 
				+            src={require('./image/caro2/button2.png')}
			
 
				+            alt=''
			
 
				+            draggable='false'
			
 
				+          />
			
 
				+        </>
			
 
				+      )
			
 
				+    },
			
 
				+    {
			
 
				+      id: 3,
			
 
				+      background: 'transparent',
			
 
				+      content: (
			
 
				+        <>
			
 
				+          <img
			
 
				+            className='title3'
			
 
				+            src={require('./image/caro3/title3.png')}
			
 
				+            alt=''
			
 
				+            draggable='false'
			
 
				+          />
			
 
				+          <img
			
 
				+            onClick={() => window.open('https://houseoss.4dkankan.com/project/hubeiMuseum/hbxddyjz/scene/index.html#/home?m=SG-eIO0OyK0Iuk-03')}
			
 
				+            className='button3'
			
 
				+            src={require(`./image/caro3/${isMobile() ? 'button3_M' : 'button3'}.png`)}
			
 
				+            alt=''
			
 
				+            draggable='false'
			
 
				+          />
			
 
				+        </>
			
 
				+      )
			
 
				+    }
			
 
				+  ]
			
 
				+  return (
			
 
				+    <div className={styles.A1home} style={{ display: show ? 'flex' : 'none' }}>
			
 
				+      <Background activeIndex={activeIndex} />
			
 
				+      <VerticalBanner
			
 
				+        ref={sliderRef}
			
 
				+        slides={slides}
			
 
				+        activeIndex={activeIndex}
			
 
				+        setActiveIndex={setActiveIndex}
			
 
				+      />
			
 
				+      <FlipPic activeIndex={activeIndex} />
			
 
				+      <img
			
 
				+        className='logo'
			
 
				+        src={require('./image/logo.png')}
			
 
				+        alt=''
			
 
				+        draggable='false'
			
 
				+      />
			
 
				+      <TabBar activeIndex={activeIndex} goTo={goTo} />
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA1home = React.memo(A1home)
			
 
				+
			
 
				+export default MemoA1home
			
 
				+
			
--- a/src/pages/A2layout/index.module.scss
+++ b/src/pages/A2layout/index.module.scss
@@ -0,0 +1,45 @@
 
				+.A2layout {
			
 
				+  position: fixed;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: space-between;
			
 
				+  :global {
			
 
				+    .left {
			
 
				+      position: absolute;
			
 
				+      background-color: #ccc;
			
 
				+      width: 23%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+    .right {
			
 
				+      position: absolute;
			
 
				+      background-color: #ccc;
			
 
				+      right: 0;
			
 
				+      width: 23%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+
			
 
				+    .head {
			
 
				+      position: absolute;
			
 
				+      top: 0;
			
 
				+      left: 50%;
			
 
				+      transform: translateX(-50%);
			
 
				+      width: 750px;
			
 
				+      height: 100px;
			
 
				+      background-color: rgba(255, 255, 255, 0.4);
			
 
				+      margin: 0 auto;
			
 
				+      clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%);
			
 
				+    }
			
 
				+    .bottomSearch {
			
 
				+      position: absolute;
			
 
				+      bottom: 0;
			
 
				+      left: 50%;
			
 
				+      transform: translateX(-50%);
			
 
				+      width: 750px;
			
 
				+      height: 100px;
			
 
				+      background-color: rgba(255, 255, 255, 0.4);
			
 
				+      margin: 0 auto;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A2layout/index.tsx
+++ b/src/pages/A2layout/index.tsx
@@ -0,0 +1,10 @@
 
				+import React, { useEffect, useState } from 'react'
			
 
				+import styles from './index.module.scss'
			
 
				+
			
 
				+function A2layout() {
			
 
				+  return <div className={styles.A2layout}>123</div>
			
 
				+}
			
 
				+
			
 
				+const MemoA2layout = React.memo(A2layout)
			
 
				+
			
 
				+export default MemoA2layout
			
--- a/src/pages/初始化组件/index.module.scss
+++ b/src/pages/初始化组件/index.module.scss
@@ -0,0 +1,5 @@
 
				+.AAAAA{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/初始化组件/index.tsx
+++ b/src/pages/初始化组件/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function AAAAA() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.AAAAA}>
			
 
				+      <h1>AAAAA</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoAAAAA = React.memo(AAAAA);
			
 
				+
			
 
				+export default MemoAAAAA;
			
--- a/src/store/action/layout.ts
+++ b/src/store/action/layout.ts
@@ -0,0 +1,28 @@
 
				+import { domShowFu, progressDomFu } from '@/utils/domShow'
			
 
				+import http from '@/utils/http'
			
 
				+import axios from 'axios'
			
 
				+import store from '..'
			
 
				+
			
 
				+const CancelToken = axios.CancelToken
			
 
				+/**
			
 
				+ * 上传封面图和附件
			
 
				+ */
			
 
				+export const API_upFile = (data: any, url: string) => {
			
 
				+  domShowFu('#UpAsyncLoding', true)
			
 
				+
			
 
				+  return http.post(url, data, {
			
 
				+    timeout: 0,
			
 
				+    // 显示进度条
			
 
				+    onUploadProgress: (e: any) => {
			
 
				+      const complete = (e.loaded / e.total) * 100 || 0
			
 
				+      progressDomFu(complete + '%')
			
 
				+    },
			
 
				+    // 取消上传
			
 
				+    cancelToken: new CancelToken(function executor(c) {
			
 
				+      store.dispatch({
			
 
				+        type: 'layout/closeUpFile',
			
 
				+        payload: { fu: c, state: true }
			
 
				+      })
			
 
				+    })
			
 
				+  })
			
 
				+}
			
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -0,0 +1,20 @@
 
				+// 导入 redux
			
 
				+import { applyMiddleware, legacy_createStore as createStore } from 'redux'
			
 
				+// 导入自己封装的  rootReducer 
			
 
				+import rootReducer from './reducer'
			
 
				+// 导入调试工具和 异步的 redux（用来发送异步请求）
			
 
				+// 调试工具需要下载谷歌 扩展程序 我用的是 Redux DevTools 3.0.17
			
 
				+import { composeWithDevTools } from 'redux-devtools-extension'
			
 
				+import thunk from 'redux-thunk'
			
 
				+
			
 
				+// 创建仓库实例
			
 
				+const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)))
			
 
				+
			
 
				+// 声明 RootState，在使用仓库的时候用来使用
			
 
				+export type RootState = ReturnType<typeof store.getState>
			
 
				+
			
 
				+// 声明 AppDispatch，在异步请求的时候来使用
			
 
				+export type AppDispatch = typeof store.dispatch
			
 
				+
			
 
				+// 导出仓库实例
			
 
				+export default store
			
--- a/src/store/reducer/A1list.ts
+++ b/src/store/reducer/A1list.ts
@@ -0,0 +1,26 @@
 
				+// 初始化状态
			
 
				+const initState = {
			
 
				+  // 列表数据
			
 
				+  tableInfo: {
			
 
				+    list: [] as any[],
			
 
				+    total: 0
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 定义 action 类型
			
 
				+type Props = {
			
 
				+  type: 'A1/getList'
			
 
				+  payload: { list: any[]; total: number }
			
 
				+}
			
 
				+
			
 
				+// reducer
			
 
				+export default function Reducer(state = initState, action: Props) {
			
 
				+  switch (action.type) {
			
 
				+    // 获取列表数据
			
 
				+    case 'A1/getList':
			
 
				+      return { ...state, tableInfo: action.payload }
			
 
				+
			
 
				+    default:
			
 
				+      return state
			
 
				+  }
			
 
				+}
			
--- a/src/store/reducer/index.ts
+++ b/src/store/reducer/index.ts
@@ -0,0 +1,15 @@
 
				+// 导入合并reducer的依赖
			
 
				+import { combineReducers } from 'redux'
			
 
				+
			
 
				+// 导入 登录 模块的 reducer
			
 
				+import A0Layout from './layout'
			
 
				+import A1list from './A1list'
			
 
				+
			
 
				+// 合并 reducer
			
 
				+const rootReducer = combineReducers({
			
 
				+  A0Layout,
			
 
				+  A1list
			
 
				+})
			
 
				+
			
 
				+// 默认导出
			
 
				+export default rootReducer
			
--- a/src/store/reducer/layout.ts
+++ b/src/store/reducer/layout.ts
@@ -0,0 +1,65 @@
 
				+import { LookDomType } from "@/types";
			
 
				+import { MessageType } from "@/utils/message";
			
 
				+
			
 
				+// 初始化状态
			
 
				+const initState = {
			
 
				+  // 所有图片点击预览查看大图
			
 
				+  lookBigImg: {
			
 
				+    url: "",
			
 
				+    show: false,
			
 
				+  },
			
 
				+  // 查看视频、音频、模型
			
 
				+  lookDom: {
			
 
				+    src: "",
			
 
				+    type: "",
			
 
				+  } as LookDomType,
			
 
				+
			
 
				+  // antd轻提示(兼容360浏览器)
			
 
				+  message: {
			
 
				+    txt: "",
			
 
				+    type: "info",
			
 
				+    duration: 3,
			
 
				+  } as MessageType,
			
 
				+  // 上传文件点击取消
			
 
				+  closeUpFile: {
			
 
				+    fu: () => {},
			
 
				+    state: false,
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+// 定义 action 类型
			
 
				+type LayoutActionType =
			
 
				+  | { type: "layout/lookBigImg"; payload: { url: string; show: boolean } }
			
 
				+  | { type: "layout/lookDom"; payload: LookDomType }
			
 
				+  | { type: "layout/message"; payload: MessageType }
			
 
				+  | {
			
 
				+      type: "layout/closeUpFile";
			
 
				+      payload: {
			
 
				+        fu: () => void;
			
 
				+        state: boolean;
			
 
				+      };
			
 
				+    };
			
 
				+
			
 
				+// 频道 reducer
			
 
				+export default function layoutReducer(
			
 
				+  state = initState,
			
 
				+  action: LayoutActionType
			
 
				+) {
			
 
				+  switch (action.type) {
			
 
				+    // 所有图片点击预览查看大图
			
 
				+    case "layout/lookBigImg":
			
 
				+      return { ...state, lookBigImg: action.payload };
			
 
				+    // 查看视频
			
 
				+    case "layout/lookDom":
			
 
				+      return { ...state, lookDom: action.payload };
			
 
				+
			
 
				+    // antd轻提示(兼容360浏览器)
			
 
				+    case "layout/message":
			
 
				+      return { ...state, message: action.payload };
			
 
				+    // 上传文件点击取消
			
 
				+    case "layout/closeUpFile":
			
 
				+      return { ...state, closeUpFile: action.payload };
			
 
				+    default:
			
 
				+      return state;
			
 
				+  }
			
 
				+}
			
--- a/src/types/api/layot.d.ts
+++ b/src/types/api/layot.d.ts
@@ -0,0 +1,31 @@
 
				+export type LookDomType = {
			
 
				+  src: string
			
 
				+  type: 'video' | 'audio' | 'model' | ''
			
 
				+  flag?: boolean
			
 
				+}
			
 
				+
			
 
				+export type RouterTypeRow = {
			
 
				+  id: number
			
 
				+  name: string
			
 
				+  path: string
			
 
				+  Com: React.LazyExoticComponent<React.MemoExoticComponent<() => JSX.Element>>
			
 
				+}[]
			
 
				+
			
 
				+export type RouterType = {
			
 
				+  id: number
			
 
				+  name: string
			
 
				+  son: RouterTypeRow
			
 
				+}[]
			
 
				+
			
 
				+export type FileImgListType = {
			
 
				+  id: number
			
 
				+  fileName: string
			
 
				+  filePath: string
			
 
				+  type: 'img' | 'video' | 'doc'
			
 
				+}
			
 
				+
			
 
				+export type FileType = {
			
 
				+  id: number
			
 
				+  fileName: string
			
 
				+  filePath: string
			
 
				+}
			
--- a/src/types/declaration.d.ts
+++ b/src/types/declaration.d.ts
@@ -0,0 +1,11 @@
 
				+declare module 'history'
			
 
				+declare module '*.scss'
			
 
				+declare module '*.png'
			
 
				+declare module '*.mp3'
			
 
				+declare module '*.jpg'
			
 
				+declare module '*.gif'
			
 
				+declare module '*.svg'
			
 
				+declare module 'js-export-excel'
			
 
				+declare module 'braft-utils'
			
 
				+
			
 
				+declare const infoTemo
			
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -0,0 +1 @@
 
				+export * from './api/layot'
			
--- a/src/utils/domShow.ts
+++ b/src/utils/domShow.ts
@@ -0,0 +1,35 @@
 
				+import store from "@/store";
			
 
				+
			
 
				+// 加载和上传的盒子的显示隐藏
			
 
				+export const domShowFu = (ele: string, val: boolean) => {
			
 
				+  const dom: HTMLDivElement = document.querySelector(ele)!;
			
 
				+  if (val) {
			
 
				+    dom.style.opacity = "1";
			
 
				+    dom.style.pointerEvents = "auto";
			
 
				+  } else {
			
 
				+    dom.style.opacity = "0";
			
 
				+    dom.style.pointerEvents = "none";
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 上传附件的进度条
			
 
				+let progressDom: HTMLDivElement = document.querySelector("#progress")!;
			
 
				+export const progressDomFu = (val: string) => {
			
 
				+  if (!progressDom) progressDom = document.querySelector("#progress")!;
			
 
				+  progressDom.style.width = val;
			
 
				+};
			
 
				+
			
 
				+// 上传附件的dom操作
			
 
				+export const fileDomInitialFu = () => {
			
 
				+  // 隐藏进度条的dom
			
 
				+  domShowFu("#UpAsyncLoding", false);
			
 
				+  progressDomFu("0%");
			
 
				+  // 初始化 上传附件 的状态
			
 
				+  setTimeout(() => {
			
 
				+    if (store.getState().A0Layout.closeUpFile.state)
			
 
				+      store.dispatch({
			
 
				+        type: "layout/closeUpFile",
			
 
				+        payload: { fu: () => {}, state: false },
			
 
				+      });
			
 
				+  }, 200);
			
 
				+};
			
--- a/src/utils/history.ts
+++ b/src/utils/history.ts
@@ -0,0 +1,28 @@
 
				+import { createHashHistory } from 'history'
			
 
				+const history = createHashHistory()
			
 
				+export default history
			
 
				+
			
 
				+// 判断是手机端还是pc端
			
 
				+export const isMobileFu = () => {
			
 
				+  if (
			
 
				+    window.navigator.userAgent.match(
			
 
				+      /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
			
 
				+    )
			
 
				+  ) {
			
 
				+    return true
			
 
				+  } else return false
			
 
				+}
			
 
				+
			
 
				+export type A1listType = {
			
 
				+  id: number
			
 
				+  name: string
			
 
				+  partOf: string
			
 
				+  link: string
			
 
				+  code: string
			
 
				+  oldNum: number
			
 
				+  newNum: number
			
 
				+  changeSta: boolean
			
 
				+  loc: 1
			
 
				+  isSW?: boolean
			
 
				+  type?: 'x1' | 'x2'
			
 
				+}
			
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -0,0 +1,109 @@
 
				+import axios from 'axios'
			
 
				+import history from './history'
			
 
				+import { getTokenInfo, removeTokenInfo } from './storage'
			
 
				+import store from '@/store'
			
 
				+import { MessageFu } from './message'
			
 
				+import { domShowFu } from './domShow'
			
 
				+
			
 
				+const envFlag = process.env.NODE_ENV === 'development'
			
 
				+
			
 
				+const baseUrlTemp = 'https://sit-cctvyunzhan.4dage.com' // 测试环境
			
 
				+// const baseUrlTemp = 'http://192.168.20.61:8097' // 线下环境
			
 
				+
			
 
				+const baseFlag = baseUrlTemp.includes('https://')
			
 
				+
			
 
				+// 请求基地址
			
 
				+export const baseURL = envFlag
			
 
				+  ? `${baseUrlTemp}${baseFlag ? '' : '/api/'}`
			
 
				+  : // ''
			
 
				+    baseUrlTemp
			
 
				+
			
 
				+// 处理  类型“AxiosResponse<any, any>”上不存在属性“code”
			
 
				+declare module 'axios' {
			
 
				+  interface AxiosResponse {
			
 
				+    code: number
			
 
				+    timestamp: string
			
 
				+    // 这里追加你的参数
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 创建 axios 实例
			
 
				+const http = axios.create({
			
 
				+  baseURL: `${baseURL}${baseFlag ? '/api/' : ''}`,
			
 
				+  timeout: 10000
			
 
				+})
			
 
				+
			
 
				+let axajInd = 0
			
 
				+
			
 
				+// 请求拦截器
			
 
				+http.interceptors.request.use(
			
 
				+  function (config: any) {
			
 
				+    // 发请求前打开加载提示
			
 
				+    domShowFu('#AsyncSpinLoding', true)
			
 
				+
			
 
				+    axajInd++
			
 
				+
			
 
				+    const { token } = getTokenInfo()
			
 
				+    if (token) config.headers.token = token
			
 
				+    return config
			
 
				+  },
			
 
				+  function (err) {
			
 
				+    return Promise.reject(err)
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+let timeId = -1
			
 
				+
			
 
				+// 响应拦截器
			
 
				+http.interceptors.response.use(
			
 
				+  function (response) {
			
 
				+    // 请求回来的关闭加载提示
			
 
				+    axajInd--
			
 
				+    if (axajInd === 0) {
			
 
				+      domShowFu('#AsyncSpinLoding', false)
			
 
				+    }
			
 
				+    if (response.data.code === 5001 || response.data.code === 5002) {
			
 
				+      removeTokenInfo()
			
 
				+      history.replace('/login')
			
 
				+      clearTimeout(timeId)
			
 
				+      timeId = window.setTimeout(() => {
			
 
				+        MessageFu.warning('登录失效!')
			
 
				+      }, 200)
			
 
				+    } else if (response.data.code === 0) {
			
 
				+      // MessageFu.success(response.data.msg);
			
 
				+    } else if (response.data.code !== 3014) MessageFu.warning(response.data.msg)
			
 
				+
			
 
				+    return response.data
			
 
				+  },
			
 
				+  async function (err) {
			
 
				+    clearTimeout(timeId)
			
 
				+    timeId = window.setTimeout(() => {
			
 
				+      axajInd = 0
			
 
				+      domShowFu('#AsyncSpinLoding', false)
			
 
				+      // 如果因为网络原因，response没有，给提示消息
			
 
				+      if (!err.response) {
			
 
				+        if (store.getState().A0Layout.closeUpFile.state) MessageFu.warning('取消上传!')
			
 
				+        else MessageFu.error('网络繁忙，请稍后重试!')
			
 
				+      } else {
			
 
				+        if (
			
 
				+          err.response &&
			
 
				+          err.response.data &&
			
 
				+          err.response.data.msg &&
			
 
				+          err.response.data.msg.length < 30
			
 
				+        ) {
			
 
				+          MessageFu.error(err.response.data.msg)
			
 
				+          // 没有权限
			
 
				+          if (err.response.data.code === 5003) {
			
 
				+            removeTokenInfo()
			
 
				+            history.replace('/login')
			
 
				+          }
			
 
				+        } else MessageFu.error('响应错误，请联系管理员!')
			
 
				+      }
			
 
				+    }, 100)
			
 
				+
			
 
				+    return Promise.reject(err)
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+// 导出 axios 实例
			
 
				+export default http
			
--- a/src/utils/isMobile.ts
+++ b/src/utils/isMobile.ts