1 year ago · c5763d87b4
--- 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/README.md
+++ b/README.md
@@ -0,0 +1,25 @@
 
				+-----定义函数的时候设置返回值为any----- 以下 问题1 可以忽略
			
 
				+
			
 
				+1.版本类型问题
			
 
				+
			
 
				+找到 import { useDispatch } from "react-redux";
			
 
				+
			
 
				+按住 Ctrl 点击 useDispatch 出来 useDispatch.d.ts类型声明文件
			
 
				+（路径node_modules>react-redux>es>hooks>useDispatch.d.ts）
			
 
				+
			
 
				+找到最后面的 AnyAction，按住 Ctrl 点击 进入
			
 
				+（路径node_modules>redux>index.d.ts）
			
 
				+
			
 
				+找到
			
 
				+export interface Action<T = any> {
			
 
				+  type: T
			
 
				+}
			
 
				+
			
 
				+在type后面加一个 ?   即=>
			
 
				+
			
 
				+export interface Action<T = any> {
			
 
				+  type?: T
			
 
				+}
			
 
				+
			
 
				+2.使用 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,65 @@
 
				+{
			
 
				+  "name": "demo2",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "dependencies": {
			
 
				+    "@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",
			
 
				+    "antd": "^5.8.3",
			
 
				+    "antd-mobile": "^5.30.0",
			
 
				+    "axios": "^1.1.3",
			
 
				+    "braft-editor": "^2.3.9",
			
 
				+    "braft-utils": "^3.0.12",
			
 
				+    "echarts": "^5.5.0",
			
 
				+    "js-base64": "^3.7.3",
			
 
				+    "react": "^18.2.0",
			
 
				+    "react-dom": "^18.2.0",
			
 
				+    "react-redux": "^8.0.4",
			
 
				+    "react-router-dom": "5.3",
			
 
				+    "react-scripts": "5.0.1",
			
 
				+    "react-sortablejs": "^6.1.4",
			
 
				+    "redux": "^4.2.0",
			
 
				+    "redux-devtools-extension": "^2.13.9",
			
 
				+    "redux-thunk": "^2.4.1",
			
 
				+    "sass": "^1.55.0",
			
 
				+    "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/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,43 @@
 
				+<!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"
			
 
				+    />
			
 
				+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
			
 
				+    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
			
 
				+    <!--
			
 
				+      manifest.json provides metadata used when your web app is installed on a
			
 
				+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
			
 
				+    -->
			
 
				+
			
 
				+    <!--
			
 
				+      Notice the use of %PUBLIC_URL% in the tags above.
			
 
				+      It will be replaced with the URL of the `public` folder during the build.
			
 
				+      Only files inside the `public` folder can be referenced from the HTML.
			
 
				+
			
 
				+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
			
 
				+      work correctly both with client-side routing and a non-root public URL.
			
 
				+      Learn how to configure a non-root public URL by running `npm run build`.
			
 
				+    -->
			
 
				+    <title>宁国市博物馆-管理后台</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>You need to enable JavaScript to run this app.</noscript>
			
 
				+    <div id="root"></div>
			
 
				+    <!--
			
 
				+      This HTML file is a template.
			
 
				+      If you open it directly in the browser, you will see an empty page.
			
 
				+
			
 
				+      You can add webfonts, meta tags, or analytics to this file.
			
 
				+      The build step will place the bundled scripts into the <body> tag.
			
 
				+
			
 
				+      To begin the development, run `npm start` or `yarn start`.
			
 
				+      To create a production bundle, use `npm run build` or `yarn build`.
			
 
				+    -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -0,0 +1,65 @@
 
				+import "@/assets/styles/base.css";
			
 
				+// 关于路由
			
 
				+import React from "react";
			
 
				+import { Router, Route, Switch } from "react-router-dom";
			
 
				+import history from "./utils/history";
			
 
				+import AuthRoute from "./components/AuthRoute";
			
 
				+import SpinLoding from "./components/SpinLoding";
			
 
				+import AsyncSpinLoding from "./components/AsyncSpinLoding";
			
 
				+import { Image } from "antd";
			
 
				+import { useSelector } from "react-redux";
			
 
				+import store, { RootState } from "./store";
			
 
				+import UpAsyncLoding from "./components/UpAsyncLoding";
			
 
				+import MessageCom from "./components/Message";
			
 
				+import LookDom from "./components/LookDom";
			
 
				+const Layout = React.lazy(() => import("./pages/Layout"));
			
 
				+const Login = React.lazy(() => import("./pages/Login"));
			
 
				+
			
 
				+export default function App() {
			
 
				+  // 从仓库中获取查看图片的信息
			
 
				+  const lookBigImg = useSelector(
			
 
				+    (state: RootState) => state.A0Layout.lookBigImg
			
 
				+  );
			
 
				+
			
 
				+  return (
			
 
				+    <>
			
 
				+      {/* 关于路由 */}
			
 
				+      <Router history={history}>
			
 
				+        <React.Suspense fallback={<SpinLoding />}>
			
 
				+          <Switch>
			
 
				+            {/* 测试页面 */}
			
 
				+            <Route path="/login" component={Login} />
			
 
				+            <AuthRoute path="/" component={Layout} />
			
 
				+          </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 />
			
 
				+    </>
			
 
				+  );
			
 
				+}
			
--- a/src/assets/img/IMGerror.png
+++ b/src/assets/img/IMGerror.png
--- a/src/assets/img/loading.gif
+++ b/src/assets/img/loading.gif
--- a/src/assets/img/loginBac.jpg
+++ b/src/assets/img/loginBac.jpg
--- a/src/assets/img/logo.png
+++ b/src/assets/img/logo.png
--- a/src/assets/img/logo2.png
+++ b/src/assets/img/logo2.png
--- a/src/assets/img/user.png
+++ b/src/assets/img/user.png
--- a/src/assets/styles/base.css
+++ b/src/assets/styles/base.css
@@ -0,0 +1,203 @@
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+html {
			
 
				+  height: 100%;
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+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;
			
 
				+}
			
 
				+a {
			
 
				+  text-decoration: none;
			
 
				+  color: black;
			
 
				+  outline: none;
			
 
				+}
			
 
				+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: #0A3B40;
			
 
				+  --themeColor2: #2CD196;
			
 
				+}
			
 
				+/* 找不到页面 */
			
 
				+.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);
			
 
				+}
			
 
				+#root {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  min-width: 1600px;
			
 
				+  min-height: 900px;
			
 
				+  overflow: auto;
			
 
				+  overflow-y: overlay;
			
 
				+  /* 普通文字按钮的颜色 */
			
 
				+  /* 按钮的危险颜色 */
			
 
				+  /* antd分页器样式 */
			
 
				+  /* 表格的图片居中 */
			
 
				+  /* antd图片预览组件 */
			
 
				+  /* antd表格居中 */
			
 
				+}
			
 
				+#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 .ant-pagination .ant-pagination-item {
			
 
				+  border-radius: 50%;
			
 
				+  border: 1px solid #999;
			
 
				+  background-color: transparent !important;
			
 
				+}
			
 
				+#root .ant-pagination .ant-pagination-item-active {
			
 
				+  background-color: var(--themeColor) !important;
			
 
				+}
			
 
				+#root .ant-pagination .ant-pagination-item-active a {
			
 
				+  color: #fff !important;
			
 
				+}
			
 
				+#root .ant-pagination .ant-pagination-item:hover {
			
 
				+  background-color: var(--themeColor) !important;
			
 
				+}
			
 
				+#root .ant-pagination .ant-pagination-item:hover a {
			
 
				+  color: #fff !important;
			
 
				+}
			
 
				+#root .ant-pagination-prev {
			
 
				+  border-radius: 50% !important;
			
 
				+  border: 1px solid #999;
			
 
				+}
			
 
				+#root .ant-pagination-prev:hover {
			
 
				+  background-color: var(--themeColor);
			
 
				+}
			
 
				+#root .ant-pagination-prev:hover button {
			
 
				+  color: #fff;
			
 
				+}
			
 
				+#root .ant-pagination-next {
			
 
				+  border-radius: 50% !important;
			
 
				+  border: 1px solid #999;
			
 
				+}
			
 
				+#root .ant-pagination-next:hover {
			
 
				+  background-color: var(--themeColor);
			
 
				+}
			
 
				+#root .ant-pagination-next:hover button {
			
 
				+  color: #fff;
			
 
				+}
			
 
				+#root .ant-pagination-disabled {
			
 
				+  border: 1px solid #ccc;
			
 
				+}
			
 
				+#root .ant-pagination-disabled:hover {
			
 
				+  background-color: transparent;
			
 
				+}
			
 
				+#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;
			
 
				+}
			
 
				+.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;
			
 
				+}
			
--- a/src/assets/styles/base.less
+++ b/src/assets/styles/base.less
@@ -0,0 +1,276 @@
 
				+* {
			
 
				+  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;
			
 
				+}
			
 
				+
			
 
				+a {
			
 
				+  text-decoration: none;
			
 
				+  color: black;
			
 
				+  outline: none;
			
 
				+}
			
 
				+
			
 
				+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:  #0A3B40;
			
 
				+  --themeColor2: #2CD196;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+/* 找不到页面 */
			
 
				+.noFindPage {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity .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);
			
 
				+}
			
 
				+
			
 
				+
			
 
				+// 重置antd样式
			
 
				+#root {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  min-width: 1600px;
			
 
				+  min-height: 900px;
			
 
				+  overflow: auto;
			
 
				+  overflow-y: overlay;
			
 
				+
			
 
				+  // ？的提示
			
 
				+  .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;
			
 
				+}
			
 
				+
			
 
				+// 页面标题
			
 
				+.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;
			
 
				+}
			
--- 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,68 @@
 
				+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;
			
 
				+  noLook?: boolean;
			
 
				+  offline?: boolean;
			
 
				+};
			
 
				+
			
 
				+function ImageLazy({
			
 
				+  width = 100,
			
 
				+  height = 100,
			
 
				+  src,
			
 
				+  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 : baseURL + src, show: true },
			
 
				+    });
			
 
				+  }, [offline, src]);
			
 
				+
			
 
				+  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,46 @@
 
				+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,14 @@
 
				+.MyTable{
			
 
				+  :global{
			
 
				+    .ant-table-body {
			
 
				+      overflow-y: auto !important;
			
 
				+      overflow-y: overlay !important;
			
 
				+
			
 
				+      .ant-table-row {
			
 
				+        .ant-table-cell {
			
 
				+          padding: 10px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/components/MyTable/index.tsx
+++ b/src/components/MyTable/index.tsx
@@ -0,0 +1,141 @@
 
				+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 };
			
 
				+};
			
 
				+
			
 
				+function MyTable({
			
 
				+  yHeight,
			
 
				+  list,
			
 
				+  columnsTemp,
			
 
				+  total,
			
 
				+  pageNum = 1,
			
 
				+  pageSize = 10,
			
 
				+  pagingInfo = {
			
 
				+    showQuickJumper: true,
			
 
				+    position: ["bottomCenter"],
			
 
				+    showSizeChanger: true,
			
 
				+  },
			
 
				+  onChange,
			
 
				+  lastBtn = [],
			
 
				+  classKey = "",
			
 
				+  merge,
			
 
				+  myTitle,
			
 
				+}: 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) => {
			
 
				+      const nullTxt = "（空）";
			
 
				+
			
 
				+      /**
			
 
				+       * index:序号
			
 
				+       * txt:正常数据
			
 
				+       * img:图片
			
 
				+       * txtChange:判断显示不同字段
			
 
				+       * text:文字比较多的情况
			
 
				+       */
			
 
				+
			
 
				+      const obj = {
			
 
				+        index: (_: any, __: any, index: number) =>
			
 
				+          index + 1 + (pageNum - 1) * pageSize,
			
 
				+        txt: (item: any) => item[v[2]] || nullTxt,
			
 
				+        img: (item: any) => (
			
 
				+          <div className="tableImgAuto">
			
 
				+            <ImageLazy width={60} height={60} src={item.thumb} />
			
 
				+          </div>
			
 
				+        ),
			
 
				+        txtChange: (item: any) =>
			
 
				+          Reflect.get(v[3], item[v[2]]) || v[4] || nullTxt,
			
 
				+        text: (item: any) =>
			
 
				+          item[v[2]] ? (
			
 
				+            item[v[2]].length >= v[3] ? (
			
 
				+              <span style={{ cursor: "pointer" }} title={item[v[2]]}>
			
 
				+                {item[v[2]].substring(0, v[3]) + "..."}
			
 
				+              </span>
			
 
				+            ) : (
			
 
				+              item[v[2]]
			
 
				+            )
			
 
				+          ) : (
			
 
				+            nullTxt
			
 
				+          ),
			
 
				+      };
			
 
				+
			
 
				+      return Reflect.get(obj, v[0]);
			
 
				+    },
			
 
				+    [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";
			
 
				+    }, 300);
			
 
				+    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/ZRichText/index.module.scss
+++ b/src/components/ZRichText/index.module.scss
@@ -0,0 +1,66 @@
 
				+.ZRichText {
			
 
				+  width: 1000px;
			
 
				+  :global {
			
 
				+    .txtBox {
			
 
				+      width: 100%;
			
 
				+      border: 1px solid #ccc;
			
 
				+
			
 
				+      // 隐藏媒体功能
			
 
				+      .control-item.media {
			
 
				+        display: none;
			
 
				+      }
			
 
				+
			
 
				+      .bf-content {
			
 
				+        height: calc(100% - 92px);
			
 
				+      }
			
 
				+
			
 
				+      .bf-controlbar {
			
 
				+        position: relative;
			
 
				+
			
 
				+        .upImgBox {
			
 
				+          position: absolute;
			
 
				+          bottom: 13px;
			
 
				+          right: 15px;
			
 
				+          cursor: pointer;
			
 
				+          color: var(--themeColor);
			
 
				+          display: none;
			
 
				+        }
			
 
				+
			
 
				+        .upImgBoxNo {
			
 
				+          display: none;
			
 
				+        }
			
 
				+
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .noUpThumb {
			
 
				+      position: relative;
			
 
				+      overflow: hidden;
			
 
				+      opacity: 0;
			
 
				+      transition: top .2s;
			
 
				+      color: #ff4d4f;
			
 
				+      top: -10px;
			
 
				+    }
			
 
				+
			
 
				+    .noUpThumbAc {
			
 
				+      top: 0;
			
 
				+      opacity: 1;
			
 
				+    }
			
 
				+
			
 
				+    .bf-media .bf-image {
			
 
				+      float: initial !important;
			
 
				+      display: block;
			
 
				+      margin: 10px auto;
			
 
				+      text-align: center;
			
 
				+      // 不让拖动放大缩小图片（会报错）
			
 
				+      .bf-csize-icon{
			
 
				+        display: none !important;
			
 
				+      }
			
 
				+      img{
			
 
				+        max-width: 500px;
			
 
				+        max-height: 300px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+}
			
--- a/src/components/ZRichText/index.tsx
+++ b/src/components/ZRichText/index.tsx
@@ -0,0 +1,203 @@
 
				+import React, {
			
 
				+  useCallback,
			
 
				+  useEffect,
			
 
				+  useMemo,
			
 
				+  useRef,
			
 
				+  useState,
			
 
				+} from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+
			
 
				+// 引入编辑器组件
			
 
				+
			
 
				+// 安装---npm install braft-editor --save --force
			
 
				+// npm install braft-utils --save --force
			
 
				+import { ContentUtils } from "braft-utils";
			
 
				+import BraftEditor from "braft-editor";
			
 
				+// 引入编辑器样式
			
 
				+import "braft-editor/dist/index.css";
			
 
				+
			
 
				+import classNames from "classnames";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import { fileDomInitialFu } from "@/utils/domShow";
			
 
				+import { baseURL } from "@/utils/http";
			
 
				+
			
 
				+import { forwardRef, useImperativeHandle } from "react";
			
 
				+import { API_upFile } from "@/store/action/layout";
			
 
				+
			
 
				+type Props = {
			
 
				+  check: boolean; //表单校验，为fasle表示不校验
			
 
				+  dirCode: string; //文件的code码
			
 
				+  isLook: boolean; //是否是查看进来
			
 
				+  ref: any; //当前自己的ref，给父组件调用
			
 
				+  myUrl: string; //上传的api地址
			
 
				+  full?: boolean;
			
 
				+};
			
 
				+
			
 
				+function ZRichText({ check, dirCode, isLook, myUrl, full }: Props, ref: any) {
			
 
				+  // 添加 上传 图片的dom
			
 
				+  useEffect(() => {
			
 
				+    setTimeout(() => {
			
 
				+      const dom = document.querySelector(".bf-controlbar")!;
			
 
				+      const div = document.createElement("div");
			
 
				+      div.className = "upImgBox";
			
 
				+      // div.title = "上传图片";
			
 
				+      div.innerHTML = "上传图片";
			
 
				+      div.onclick = async () => {
			
 
				+        myInput.current?.click();
			
 
				+      };
			
 
				+      dom.appendChild(div);
			
 
				+    }, 200);
			
 
				+
			
 
				+    // 监听 富文本 的 class 变化，在全屏的时候会 富文本会添加上 fullscreen 的类
			
 
				+    // 修复顶部样式冲突问题
			
 
				+
			
 
				+    const editorDom = document.querySelector(".bf-container") as HTMLDivElement;
			
 
				+
			
 
				+    const observer = new MutationObserver(() => {
			
 
				+      // console.log("change");
			
 
				+      const dom = document.querySelector(".layoutRightTop") as HTMLDivElement;
			
 
				+
			
 
				+      if (editorDom.className.includes("fullscreen")) dom.style.zIndex = "-1";
			
 
				+      else dom.style.zIndex = "100";
			
 
				+    });
			
 
				+
			
 
				+    observer.observe(editorDom, {
			
 
				+      attributes: true,
			
 
				+    });
			
 
				+
			
 
				+    // 销毁监听
			
 
				+    return () => {
			
 
				+      observer.disconnect();
			
 
				+    };
			
 
				+  }, []);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    const testDom = document.querySelector(".upImgBox") as HTMLDivElement;
			
 
				+    if (testDom) {
			
 
				+      isLook
			
 
				+        ? (testDom.style.display = "none")
			
 
				+        : (testDom.style.display = "block");
			
 
				+    }
			
 
				+  }, [isLook]);
			
 
				+
			
 
				+  // 编辑器文本
			
 
				+  const [editorValue, setEditorValue] = useState(
			
 
				+    // 初始内容
			
 
				+    BraftEditor.createEditorState("")
			
 
				+  );
			
 
				+
			
 
				+  // 判断 富文本是否为空
			
 
				+  const isTxtFlag = useMemo(() => {
			
 
				+    const txt: string = editorValue.toHTML();
			
 
				+    if (
			
 
				+      txt.replaceAll("<p>", "").replaceAll("</p>", "").replaceAll(" ", "") ===
			
 
				+      ""
			
 
				+    ) {
			
 
				+      return true;
			
 
				+    } else return false;
			
 
				+  }, [editorValue]);
			
 
				+
			
 
				+  const myInput = useRef<HTMLInputElement>(null);
			
 
				+
			
 
				+  // 上传图片
			
 
				+  const handeUpPhoto = useCallback(
			
 
				+    async (e: React.ChangeEvent<HTMLInputElement>) => {
			
 
				+      if (e.target.files) {
			
 
				+        // 拿到files信息
			
 
				+        const filesInfo = e.target.files[0];
			
 
				+        // 校验格式
			
 
				+        const type = ["image/jpeg", "image/png"];
			
 
				+        if (!type.includes(filesInfo.type)) {
			
 
				+          e.target.value = "";
			
 
				+          return MessageFu.warning("只支持png、jpg和jpeg格式!");
			
 
				+        }
			
 
				+        // 校验大小
			
 
				+        if (filesInfo.size > 5 * 1024 * 1024) {
			
 
				+          e.target.value = "";
			
 
				+          return MessageFu.warning("最大支持5M!");
			
 
				+        }
			
 
				+        // 创建FormData对象
			
 
				+        const fd = new FormData();
			
 
				+        // 把files添加进FormData对象（‘photo’为后端需要的字段）
			
 
				+        fd.append("type", "img");
			
 
				+        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("上传成功!");
			
 
				+            // 在光标位置插入图片
			
 
				+            const newTxt = ContentUtils.insertMedias(editorValue, [
			
 
				+              {
			
 
				+                type: "IMAGE",
			
 
				+                url: baseURL + res.data.filePath,
			
 
				+              },
			
 
				+            ]);
			
 
				+
			
 
				+            setEditorValue(newTxt);
			
 
				+          }
			
 
				+          fileDomInitialFu();
			
 
				+        } catch (error) {
			
 
				+          fileDomInitialFu();
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    [dirCode, editorValue, myUrl]
			
 
				+  );
			
 
				+
			
 
				+  // 让父组件调用的 回显 富文本
			
 
				+  const ritxtShowFu = useCallback((val: string) => {
			
 
				+    setEditorValue(BraftEditor.createEditorState(val));
			
 
				+  }, []);
			
 
				+
			
 
				+  // 让父组件调用的返回 富文本信息 和 表单校验
			
 
				+  const fatherBtnOkFu = useCallback(() => {
			
 
				+    return { val: editorValue.toHTML(), flag: isTxtFlag };
			
 
				+  }, [editorValue, isTxtFlag]);
			
 
				+
			
 
				+  // 可以让父组件调用子组件的方法
			
 
				+  useImperativeHandle(ref, () => ({
			
 
				+    ritxtShowFu,
			
 
				+    fatherBtnOkFu,
			
 
				+  }));
			
 
				+
			
 
				+  return (
			
 
				+    <div
			
 
				+      className={styles.ZRichText}
			
 
				+      style={{ width: full ? "100%" : "", height: full ? "100%" : "" }}
			
 
				+    >
			
 
				+      <input
			
 
				+        id="upInput"
			
 
				+        type="file"
			
 
				+        accept=".png,.jpg,.jpeg"
			
 
				+        ref={myInput}
			
 
				+        onChange={(e) => handeUpPhoto(e)}
			
 
				+      />
			
 
				+
			
 
				+      <div className="txtBox" style={{ height: full ? "100%" : "" }}>
			
 
				+        <BraftEditor
			
 
				+          readOnly={isLook}
			
 
				+          placeholder="请输入内容"
			
 
				+          value={editorValue}
			
 
				+          onChange={(e) => setEditorValue(e)}
			
 
				+          imageControls={["remove"]}
			
 
				+        />
			
 
				+      </div>
			
 
				+      <div
			
 
				+        className={classNames(
			
 
				+          "noUpThumb",
			
 
				+          check && isTxtFlag ? "noUpThumbAc" : ""
			
 
				+        )}
			
 
				+      >
			
 
				+        请输入正文!
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+// const MemoZRichText = React.memo(ZRichText);
			
 
				+
			
 
				+export default forwardRef(ZRichText);
			
--- a/src/components/ZupOne/index.module.scss
+++ b/src/components/ZupOne/index.module.scss
@@ -0,0 +1,100 @@
 
				+.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;
			
 
				+
			
 
				+      .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;
			
 
				+        }
			
 
				+
			
 
				+        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,282 @@
 
				+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";
			
 
				+
			
 
				+// 这个组件 只处理 上传 一张图片或者 视频 音频 模型 pdf 的情况
			
 
				+
			
 
				+type Props = {
			
 
				+  fileCheck: boolean; //有没有点击过确定
			
 
				+  size: number; //上传附件大小（M）
			
 
				+  dirCode: string; //文件的code码
			
 
				+  myUrl: string; //请求地址
			
 
				+  format: string[]; //上传格式 ["image/jpeg", "image/png"] ["video/mp4"]
			
 
				+  formatTxt: string; //上传图片提示
			
 
				+  checkTxt: string;
			
 
				+  upTxt: string;
			
 
				+  myType: MyTypeType;
			
 
				+  isLook?: boolean; //是不是查看
			
 
				+  fromData?: any;
			
 
				+  ref: any; //当前自己的ref，给父组件调用
			
 
				+};
			
 
				+
			
 
				+function ZupOne(
			
 
				+  {
			
 
				+    fileCheck,
			
 
				+    size,
			
 
				+    dirCode,
			
 
				+    myUrl,
			
 
				+    format,
			
 
				+    formatTxt,
			
 
				+    checkTxt,
			
 
				+    upTxt,
			
 
				+    myType,
			
 
				+    isLook = false,
			
 
				+    fromData,
			
 
				+  }: Props,
			
 
				+  ref: any
			
 
				+) {
			
 
				+  const [fileUrl, setFileUrl] = useState({
			
 
				+    fileName: "",
			
 
				+    filePath: "",
			
 
				+  });
			
 
				+
			
 
				+  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 (!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"].includes(myTypeRes)) myTypeRes = "doc";
			
 
				+        fd.append("type", myTypeRes);
			
 
				+        fd.append("dirCode", dirCode);
			
 
				+        fd.append("file", filesInfo);
			
 
				+
			
 
				+        if (fromData) {
			
 
				+          for (const k in fromData) {
			
 
				+            if (fromData[k]) fd.append(k, fromData[k]);
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        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, fromData, myType, myUrl, size]
			
 
				+  );
			
 
				+
			
 
				+  // 让父组件调用的 回显 附件 地址
			
 
				+  const setFileComFileFu = useCallback(
			
 
				+    (valObj: { fileName: string; filePath: 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";
			
 
				+    return accept;
			
 
				+  }, [myType]);
			
 
				+
			
 
				+  // 点击 预览（除了图片）
			
 
				+  const lookFileNoImgFu = useCallback(
			
 
				+    (type: MyTypeType) => {
			
 
				+      if (type === "pdf" || type === "thumb") {
			
 
				+        // 新窗口打开
			
 
				+        window.open(baseURL + fileUrl.filePath);
			
 
				+      } else {
			
 
				+        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} src={fileUrl.filePath} noLook />
			
 
				+          ) : null}
			
 
				+
			
 
				+          {/* 删除 */}
			
 
				+          <div className="file_closeBox" hidden={isLook}>
			
 
				+            <MyPopconfirm
			
 
				+              txtK="删除"
			
 
				+              onConfirm={() => setFileUrl({ fileName: "", filePath: "" })}
			
 
				+              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}
			
 
				+            onClick={() => lookFileNoImgFu(myType)}
			
 
				+          >
			
 
				+            <EyeOutlined rev={undefined} />
			
 
				+          </div>
			
 
				+          {/* 视频下载 */}
			
 
				+          <a
			
 
				+            href={baseURL + fileUrl.filePath}
			
 
				+            download
			
 
				+            target="_blank"
			
 
				+            className="clearCover"
			
 
				+            rel="noreferrer"
			
 
				+          >
			
 
				+            <DownloadOutlined rev={undefined} />
			
 
				+          </a>
			
 
				+          {/* 视频删除 */}
			
 
				+
			
 
				+          <MyPopconfirm
			
 
				+            txtK="删除"
			
 
				+            onConfirm={() => setFileUrl({ fileName: "", filePath: "" })}
			
 
				+            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,147 @@
 
				+.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 {
			
 
				+            margin-right: 20px;
			
 
				+            width: 100px;
			
 
				+            height: 125px;
			
 
				+            position: relative;
			
 
				+            margin-bottom: 20px;
			
 
				+
			
 
				+            .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;
			
 
				+              }
			
 
				+            }
			
 
				+
			
 
				+            .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;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/components/ZupTypes/index.tsx
+++ b/src/components/ZupTypes/index.tsx
@@ -0,0 +1,480 @@
 
				+import React, {
			
 
				+  useCallback,
			
 
				+  useEffect,
			
 
				+  useMemo,
			
 
				+  useRef,
			
 
				+  useState,
			
 
				+} from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+import { Button, Checkbox } 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";
			
 
				+
			
 
				+export type FileListType = {
			
 
				+  fileName: string;
			
 
				+  filePath: string;
			
 
				+  id: number;
			
 
				+  type: "model" | "img" | "audio" | "video";
			
 
				+};
			
 
				+
			
 
				+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; //视频上传的提示语
			
 
				+};
			
 
				+
			
 
				+function ZupTypes(
			
 
				+  {
			
 
				+    selecFlag,
			
 
				+    fileCheck,
			
 
				+    dirCode,
			
 
				+    myUrl,
			
 
				+    isLook = false,
			
 
				+    modelSize = 500,
			
 
				+    imgSize = 5,
			
 
				+    imgLength = 9,
			
 
				+    audioSize = 10,
			
 
				+    videoSize = 500,
			
 
				+    videoTit = "",
			
 
				+  }: Props,
			
 
				+  ref: any
			
 
				+) {
			
 
				+  // 筛选数组
			
 
				+  const typeCheckArr = useMemo(() => {
			
 
				+    const arr = [
			
 
				+      { label: "模型", value: "model" },
			
 
				+      { label: "图片", value: "img" },
			
 
				+      { label: "音频", value: "audio" },
			
 
				+      { label: "视频", value: "video" },
			
 
				+    ];
			
 
				+    return arr.filter((v) => selecFlag.includes(v.label));
			
 
				+  }, [selecFlag]);
			
 
				+
			
 
				+  // 筛选
			
 
				+  const [typeCheck, setTypeCheck] = useState<string[]>([]);
			
 
				+
			
 
				+  // 上传附件的信息
			
 
				+  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", "image/gif"];
			
 
				+        let anTit1 = "只支持png、jpg、gif和jpeg格式!";
			
 
				+        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("file", filesInfo);
			
 
				+
			
 
				+        e.target.value = "";
			
 
				+
			
 
				+        const res = await API_upFile(fd, myUrl);
			
 
				+
			
 
				+        try {
			
 
				+          if (res.code === 0) {
			
 
				+            MessageFu.success("上传成功!");
			
 
				+            if (fileOneType === "img")
			
 
				+              setFileList({ ...fileList, img: [res.data, ...fileList.img] });
			
 
				+            else setFileList({ ...fileList, [fileOneType]: res.data });
			
 
				+          }
			
 
				+          fileDomInitialFu();
			
 
				+        } catch (error) {
			
 
				+          fileDomInitialFu();
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    [
			
 
				+      audioSize,
			
 
				+      dirCode,
			
 
				+      fileList,
			
 
				+      fileOneType,
			
 
				+      imgSize,
			
 
				+      modelSize,
			
 
				+      myUrl,
			
 
				+      videoSize,
			
 
				+    ]
			
 
				+  );
			
 
				+
			
 
				+  // 附件图片的拖动
			
 
				+  const [dragImg, setDragImg] = useState<any>(null);
			
 
				+
			
 
				+  const handleDragOver = useCallback(
			
 
				+    (e: React.DragEvent<HTMLDivElement>, item: FileListType) => {
			
 
				+      e.dataTransfer.dropEffect = "move";
			
 
				+    },
			
 
				+    []
			
 
				+  );
			
 
				+
			
 
				+  const handleDragEnter = useCallback(
			
 
				+    (e: React.DragEvent<HTMLDivElement>, item: FileListType) => {
			
 
				+      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]
			
 
				+  );
			
 
				+
			
 
				+  // 删除某一张图片
			
 
				+  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);
			
 
				+        else obj[v.type!] = v;
			
 
				+      });
			
 
				+      setFileList(obj);
			
 
				+    }
			
 
				+  }, []);
			
 
				+
			
 
				+  // --------------让父组件调用的返回 附件 信息
			
 
				+  const fileComFileResFu = useCallback(() => {
			
 
				+    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) => {
			
 
				+        if (v.id) fileIds.push(v.id);
			
 
				+      });
			
 
				+    }
			
 
				+    return {
			
 
				+      sonType: typeCheck,
			
 
				+      sonFileIds: fileIds,
			
 
				+      sonIsOk: fileCheckFu,
			
 
				+    };
			
 
				+  }, [
			
 
				+    fileCheckFu,
			
 
				+    fileList.audio.id,
			
 
				+    fileList.img,
			
 
				+    fileList.model.id,
			
 
				+    fileList.video.id,
			
 
				+    typeCheck,
			
 
				+  ]);
			
 
				+
			
 
				+  // 可以让父组件调用子组件的方法
			
 
				+  useImperativeHandle(ref, () => ({
			
 
				+    setFileComFileFu,
			
 
				+    fileComFileResFu,
			
 
				+  }));
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.ZupTypes}>
			
 
				+      <input
			
 
				+        id="upInput"
			
 
				+        type="file"
			
 
				+        accept={
			
 
				+          fileOneType === "img"
			
 
				+            ? ".gif,.png,.jpg,.jpeg"
			
 
				+            : fileOneType === "audio"
			
 
				+            ? ".mp3"
			
 
				+            : fileOneType === "model"
			
 
				+            ? ".4dage"
			
 
				+            : ".mp4"
			
 
				+        }
			
 
				+        ref={myInput}
			
 
				+        onChange={(e) => handeUpPhoto2(e)}
			
 
				+      />
			
 
				+
			
 
				+      <Checkbox.Group
			
 
				+        options={typeCheckArr}
			
 
				+        value={typeCheck}
			
 
				+        onChange={(e) => setTypeCheck(e as string[])}
			
 
				+      />
			
 
				+
			
 
				+      {/* -----------模型 */}
			
 
				+      {resOneDivDom("model")}
			
 
				+
			
 
				+      {/* -----------图片 */}
			
 
				+      <div className="ZTboxImgMain" hidden={!typeCheck.includes("img")}>
			
 
				+        <div className="ZTboxImgBox">
			
 
				+          <div className="ZTbox1">
			
 
				+            <span> </span> 图片：
			
 
				+          </div>
			
 
				+
			
 
				+          <div className="ZTbox1Img">
			
 
				+            <div
			
 
				+              hidden={!!fileList.img.length && fileList.img.length >= imgLength}
			
 
				+              className="ZTbox1ImgIcon"
			
 
				+              onClick={() => upFileFu("img")}
			
 
				+            >
			
 
				+              <PlusOutlined rev={undefined} />
			
 
				+            </div>
			
 
				+            {fileList.img.map((v) => (
			
 
				+              <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.filePath ? (
			
 
				+                  <ImageLazy
			
 
				+                    noLook={true}
			
 
				+                    width={100}
			
 
				+                    height={100}
			
 
				+                    src={v.filePath}
			
 
				+                  />
			
 
				+                ) : 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">
			
 
				+          {fileList.img.length && fileList.img.length >= 2 ? (
			
 
				+            <>
			
 
				+              按住鼠标可拖动图片调整顺序。
			
 
				+              <br />
			
 
				+            </>
			
 
				+          ) : null}
			
 
				+          支持png、jpg、gif和jpeg的图片格式；最大支持5M；最多支持{imgLength}张。
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      {/* -----------音频 */}
			
 
				+      {resOneDivDom("audio")}
			
 
				+
			
 
				+      {/* -----------视频 */}
			
 
				+      {resOneDivDom("video")}
			
 
				+
			
 
				+      {/* 最后的提示 */}
			
 
				+      <div
			
 
				+        className={classNames(
			
 
				+          "ZcheckTxt",
			
 
				+          fileCheck && fileCheckFu ? "ZcheckTxtAc" : ""
			
 
				+        )}
			
 
				+      >
			
 
				+        请最少勾选一个文件类型，并且上传对应的附件!
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+export default forwardRef(ZupTypes);
			
--- a/src/components/ZupVideos/index.module.scss
+++ b/src/components/ZupVideos/index.module.scss
@@ -0,0 +1,92 @@
 
				+.ZupVideos {
			
 
				+  width: 100%;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+    .zVmain {
			
 
				+      width: 100%;
			
 
				+      display: flex;
			
 
				+      flex-wrap: wrap;
			
 
				+
			
 
				+      .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;
			
 
				+        margin-right: 20px;
			
 
				+      }
			
 
				+
			
 
				+      .zVRow {
			
 
				+        margin-right: 30px;
			
 
				+        margin-bottom: 20px;
			
 
				+
			
 
				+        .zVRow1 {
			
 
				+          display: flex;
			
 
				+
			
 
				+          .zVRow1V {
			
 
				+            width: 150px;
			
 
				+            height: 100px;
			
 
				+            border: 1px dashed #797979;
			
 
				+            border-radius: 3px;
			
 
				+
			
 
				+            video {
			
 
				+              width: 100%;
			
 
				+              height: 100%;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .zVRow1I {
			
 
				+            margin-left: 4px;
			
 
				+            display: flex;
			
 
				+            flex-direction: column;
			
 
				+            justify-content: space-around;
			
 
				+            align-items: center;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .zVRow2 {
			
 
				+          margin-top: 3px;
			
 
				+          font-size: 14px;
			
 
				+          text-align: center;
			
 
				+          width: 170px;
			
 
				+          overflow: hidden;
			
 
				+          text-overflow: ellipsis;
			
 
				+          white-space: nowrap;
			
 
				+        }
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+
			
 
				+    .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/ZupVideos/index.tsx
+++ b/src/components/ZupVideos/index.tsx
@@ -0,0 +1,205 @@
 
				+import React, { useCallback, useRef, useState } from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+import { forwardRef, useImperativeHandle } from "react";
			
 
				+import { FileListType } from "../ZupTypes";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import { API_upFile } from "@/store/action/layout";
			
 
				+import { fileDomInitialFu } from "@/utils/domShow";
			
 
				+import {
			
 
				+  PlusOutlined,
			
 
				+  EyeOutlined,
			
 
				+  CloseOutlined,
			
 
				+  DownloadOutlined,
			
 
				+} from "@ant-design/icons";
			
 
				+import classNames from "classnames";
			
 
				+import { baseURL } from "@/utils/http";
			
 
				+import store from "@/store";
			
 
				+import MyPopconfirm from "../MyPopconfirm";
			
 
				+
			
 
				+type Props = {
			
 
				+  size: number; //视频大小
			
 
				+  fileNum: number; //数量限制
			
 
				+  dirCode: string; //文件的code码
			
 
				+  myUrl: string; //请求地址
			
 
				+  fileCheck?: boolean; //是否检验
			
 
				+  format?: string[]; //上传格式 默认["video/mp4"]
			
 
				+  formatTxt?: string; //上传图片提示
			
 
				+  checkTxt?: string;
			
 
				+  upTxt?: string;
			
 
				+  isLook?: boolean; //是不是查看
			
 
				+  fromData?: any;
			
 
				+  ref: any; //当前自己的ref，给父组件调用
			
 
				+};
			
 
				+
			
 
				+function ZupVideos(
			
 
				+  {
			
 
				+    size,
			
 
				+    fileNum,
			
 
				+    dirCode,
			
 
				+    myUrl,
			
 
				+    fileCheck = false,
			
 
				+    format = ["video/mp4"],
			
 
				+    formatTxt = ".mp4",
			
 
				+    checkTxt = "请上传视频!",
			
 
				+    upTxt = "",
			
 
				+    isLook = false,
			
 
				+    fromData,
			
 
				+  }: Props,
			
 
				+  ref: any
			
 
				+) {
			
 
				+  const [fileList, setFileList] = useState<FileListType[]>([]);
			
 
				+
			
 
				+  // 上传
			
 
				+  const handeUpPhoto = useCallback(
			
 
				+    async (e: React.ChangeEvent<HTMLInputElement>) => {
			
 
				+      if (e.target.files) {
			
 
				+        // 拿到files信息
			
 
				+        const filesInfo = e.target.files[0];
			
 
				+        // console.log("-----", filesInfo.type);
			
 
				+
			
 
				+        // 校验格式
			
 
				+        if (!format.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();
			
 
				+
			
 
				+        fd.append("type", "video");
			
 
				+        fd.append("db", "true");
			
 
				+        fd.append("dirCode", dirCode);
			
 
				+        fd.append("file", filesInfo);
			
 
				+
			
 
				+        if (fromData) {
			
 
				+          for (const k in fromData) {
			
 
				+            if (fromData[k]) fd.append(k, fromData[k]);
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        e.target.value = "";
			
 
				+
			
 
				+        try {
			
 
				+          const res = await API_upFile(fd, myUrl);
			
 
				+          if (res.code === 0) {
			
 
				+            MessageFu.success("上传成功!");
			
 
				+            setFileList([...fileList, res.data]);
			
 
				+            // console.log(res);
			
 
				+          }
			
 
				+          fileDomInitialFu();
			
 
				+        } catch (error) {
			
 
				+          fileDomInitialFu();
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    [dirCode, fileList, format, formatTxt, fromData, myUrl, size]
			
 
				+  );
			
 
				+
			
 
				+  // 让父组件调用的 回显 附件 地址
			
 
				+  const setFileComFileFu = useCallback((valList: FileListType[]) => {
			
 
				+    setFileList(valList);
			
 
				+  }, []);
			
 
				+
			
 
				+  // 让父组件调用的返回 附件 名字和路径
			
 
				+  const fileComFileResFu = useCallback(() => {
			
 
				+    return fileList;
			
 
				+  }, [fileList]);
			
 
				+
			
 
				+  // 可以让父组件调用子组件的方法
			
 
				+  useImperativeHandle(ref, () => ({
			
 
				+    setFileComFileFu,
			
 
				+    fileComFileResFu,
			
 
				+  }));
			
 
				+
			
 
				+  const myInput = useRef<HTMLInputElement>(null);
			
 
				+
			
 
				+  // 点击预览
			
 
				+  const lookFileFu = useCallback((file: string) => {
			
 
				+    store.dispatch({
			
 
				+      type: "layout/lookDom",
			
 
				+      payload: { src: file, type: "video" },
			
 
				+    });
			
 
				+  }, []);
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.ZupVideos}>
			
 
				+      <input
			
 
				+        id="upInput"
			
 
				+        type="file"
			
 
				+        accept={formatTxt}
			
 
				+        ref={myInput}
			
 
				+        onChange={(e) => handeUpPhoto(e)}
			
 
				+      />
			
 
				+
			
 
				+      <div hidden={!(isLook && fileList.length <= 0)}>（空）</div>
			
 
				+
			
 
				+      <div className="zVmain">
			
 
				+        <div
			
 
				+          hidden={fileList.length >= fileNum || isLook}
			
 
				+          className="file_upIcon"
			
 
				+          onClick={() => myInput.current?.click()}
			
 
				+        >
			
 
				+          <PlusOutlined />
			
 
				+        </div>
			
 
				+
			
 
				+        {fileList.map((v) => (
			
 
				+          <div className="zVRow" key={v.id}>
			
 
				+            <div className="zVRow1">
			
 
				+              <div className="zVRow1V" title={v.fileName}>
			
 
				+                <video src={baseURL + v.filePath}></video>
			
 
				+              </div>
			
 
				+              <div className="zVRow1I">
			
 
				+                {/* 视频预览 */}
			
 
				+                <EyeOutlined onClick={() => lookFileFu(v.filePath)} />
			
 
				+                {/* 视频下载 */}
			
 
				+                <a
			
 
				+                  href={baseURL + v.filePath}
			
 
				+                  download
			
 
				+                  target="_blank"
			
 
				+                  rel="noreferrer"
			
 
				+                >
			
 
				+                  <DownloadOutlined />
			
 
				+                </a>
			
 
				+                {/* 视频删除 */}
			
 
				+
			
 
				+                {isLook ? null : (
			
 
				+                  <MyPopconfirm
			
 
				+                    txtK="删除"
			
 
				+                    onConfirm={() =>
			
 
				+                      setFileList(fileList.filter((c) => c.id !== v.id))
			
 
				+                    }
			
 
				+                    Dom={<CloseOutlined />}
			
 
				+                  />
			
 
				+                )}
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div className="zVRow2" title={v.fileName}>
			
 
				+              {v.fileName}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        ))}
			
 
				+      </div>
			
 
				+
			
 
				+      <div className="fileBoxRow_r_tit" hidden={isLook}>
			
 
				+        格式要求：仅支持{formatTxt.replaceAll(".", "")}格式，最大支持{size}M
			
 
				+        {upTxt}
			
 
				+        <br />
			
 
				+        <div
			
 
				+          className={classNames(
			
 
				+            "noUpThumb",
			
 
				+            fileList.length <= 0 && fileCheck ? "noUpThumbAc" : ""
			
 
				+          )}
			
 
				+        >
			
 
				+          {checkTxt}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+export default forwardRef(ZupVideos);
			
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -0,0 +1,41 @@
 
				+// 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: " #0A3B40",
			
 
				+      },
			
 
				+    }}
			
 
				+  >
			
 
				+    <Provider store={store}>
			
 
				+      <StyleProvider
			
 
				+        hashPriority="high"
			
 
				+        transformers={[legacyLogicalPropertiesTransformer]}
			
 
				+      >
			
 
				+        <App />
			
 
				+      </StyleProvider>
			
 
				+    </Provider>
			
 
				+  </ConfigProvider>
			
 
				+);
			
--- a/src/pages/A1survey/index.module.scss
+++ b/src/pages/A1survey/index.module.scss
@@ -0,0 +1,45 @@
 
				+.A1survey {
			
 
				+  padding: 24px;
			
 
				+  background-color: #fff;
			
 
				+  border-radius: 10px;
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+    .A1main1 {
			
 
				+      width: calc(100% - 124px);
			
 
				+      .A1L1{
			
 
				+        font-size: 16px;
			
 
				+        width: 100%;
			
 
				+        height: calc(100% - 220px);
			
 
				+        display: flex;
			
 
				+        .A1L1_1{
			
 
				+          width: 80px;
			
 
				+          text-align: right;
			
 
				+          // position: relative;
			
 
				+          // top: 4px;
			
 
				+        }
			
 
				+        .A1L1_2{
			
 
				+          width: calc(100% - 80px);
			
 
				+        }
			
 
				+      }
			
 
				+      .A1L2{
			
 
				+        margin-top: 20px;
			
 
				+        height: 200px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .A1main2 {
			
 
				+      width: 100px;
			
 
				+      display: flex;
			
 
				+      flex-direction: column;
			
 
				+      justify-content: center;
			
 
				+      align-items: center;
			
 
				+      .ant-btn{
			
 
				+        display: block;
			
 
				+        margin-bottom: 15px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A1survey/index.tsx
+++ b/src/pages/A1survey/index.tsx
@@ -0,0 +1,111 @@
 
				+import React, { useCallback, useEffect, useRef, useState } from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+import { Button } from "antd";
			
 
				+import MyPopconfirm from "@/components/MyPopconfirm";
			
 
				+import ZRichText from "@/components/ZRichText";
			
 
				+import { A1_APIgetInfo, A1_APIsave } from "@/store/action/A1survey";
			
 
				+import { FileListType } from "@/components/ZupTypes";
			
 
				+import ZupVideos from "@/components/ZupVideos";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+function A1survey() {
			
 
				+  // 是否是查看
			
 
				+  const [isLook, setIsLook] = useState(true);
			
 
				+
			
 
				+  // 组件的ref
			
 
				+  const ZRichTextRef = useRef<any>(null);
			
 
				+  const ZupVideosRef = useRef<any>(null);
			
 
				+
			
 
				+  const [text, setText] = useState("");
			
 
				+
			
 
				+  const [fileList, setFileList] = useState<FileListType[]>([]);
			
 
				+
			
 
				+  const getInfoFu = useCallback(async () => {
			
 
				+    const res = await A1_APIgetInfo();
			
 
				+    if (res.code === 0) {
			
 
				+      setText(res.data.rtf);
			
 
				+      ZRichTextRef.current?.ritxtShowFu(res.data.rtf);
			
 
				+      setFileList(res.data.files || []);
			
 
				+      ZupVideosRef.current?.setFileComFileFu(res.data.files || []);
			
 
				+    }
			
 
				+  }, []);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    getInfoFu();
			
 
				+  }, [getInfoFu]);
			
 
				+
			
 
				+  // 点击取消
			
 
				+  const btnX = useCallback(() => {
			
 
				+    ZRichTextRef.current?.ritxtShowFu(text);
			
 
				+    ZupVideosRef.current?.setFileComFileFu(fileList);
			
 
				+    setIsLook(true);
			
 
				+  }, [fileList, text]);
			
 
				+
			
 
				+  // 点击提交
			
 
				+  const btnOk = useCallback(async () => {
			
 
				+    const list = ZupVideosRef.current?.fileComFileResFu() || [];
			
 
				+    const txt = ZRichTextRef.current?.fatherBtnOkFu() || { val: "" };
			
 
				+    const res = await A1_APIsave({
			
 
				+      fileIds: list.map((v: any) => v.id).join(","),
			
 
				+      rtf: txt.val,
			
 
				+    });
			
 
				+    if (res.code === 0) {
			
 
				+      MessageFu.success("修改成功!");
			
 
				+      setIsLook(true);
			
 
				+      // console.log(123, res);
			
 
				+    }
			
 
				+  }, []);
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.A1survey}>
			
 
				+      <div className="pageTitle">宁博概览</div>
			
 
				+      <div className="A1main1">
			
 
				+        <div className="A1L1">
			
 
				+          <div className="A1L1_1">简介：</div>
			
 
				+          <div className="A1L1_2">
			
 
				+            <ZRichText
			
 
				+              check={false}
			
 
				+              dirCode="A1survey"
			
 
				+              isLook={isLook}
			
 
				+              ref={ZRichTextRef}
			
 
				+              myUrl="cms/overview/upload"
			
 
				+              full={true}
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div className="A1L1 A1L2">
			
 
				+          <div className="A1L1_1">视频：</div>
			
 
				+          <div className="A1L1_2">
			
 
				+            <ZupVideos
			
 
				+              isLook={isLook}
			
 
				+              size={500}
			
 
				+              fileNum={5}
			
 
				+              dirCode="A1surveyVideo"
			
 
				+              myUrl="cms/overview/upload"
			
 
				+              upTxt="；数量不超过5个。"
			
 
				+              ref={ZupVideosRef}
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div className="A1main2">
			
 
				+        <Button
			
 
				+          type="primary"
			
 
				+          hidden={!isLook}
			
 
				+          onClick={() => setIsLook(false)}
			
 
				+        >
			
 
				+          修改
			
 
				+        </Button>
			
 
				+        <div hidden={isLook}>
			
 
				+          <MyPopconfirm txtK="取消" onConfirm={btnX} />
			
 
				+          <Button type="primary" onClick={btnOk}>
			
 
				+            提交
			
 
				+          </Button>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoA1survey = React.memo(A1survey);
			
 
				+
			
 
				+export default MemoA1survey;
			
--- a/src/pages/A2dynamic/index.module.scss
+++ b/src/pages/A2dynamic/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A2dynamic{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A2dynamic/index.tsx
+++ b/src/pages/A2dynamic/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function A2dynamic() {
			
 
				+  return (
			
 
				+    <div className={styles.A2dynamic}>
			
 
				+      <div className="pageTitle">宁博动态</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoA2dynamic = React.memo(A2dynamic);
			
 
				+
			
 
				+export default MemoA2dynamic;
			
--- a/src/pages/A3culture/index.module.scss
+++ b/src/pages/A3culture/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A3culture{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A3culture/index.tsx
+++ b/src/pages/A3culture/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function A3culture() {
			
 
				+  return (
			
 
				+    <div className={styles.A3culture}>
			
 
				+      <div className="pageTitle">宁博文化</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoA3culture = React.memo(A3culture);
			
 
				+
			
 
				+export default MemoA3culture;
			
--- a/src/pages/A4goods/index.module.scss
+++ b/src/pages/A4goods/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A4goods{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A4goods/index.tsx
+++ b/src/pages/A4goods/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function A4goods() {
			
 
				+  return (
			
 
				+    <div className={styles.A4goods}>
			
 
				+      <div className="pageTitle">宁博藏珍</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoA4goods = React.memo(A4goods);
			
 
				+
			
 
				+export default MemoA4goods;
			
--- a/src/pages/A5show/index.module.scss
+++ b/src/pages/A5show/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A5show{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A5show/index.tsx
+++ b/src/pages/A5show/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function A5show() {
			
 
				+  return (
			
 
				+    <div className={styles.A5show}>
			
 
				+      <div className="pageTitle">宁博展览</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoA5show = React.memo(A5show);
			
 
				+
			
 
				+export default MemoA5show;
			
--- a/src/pages/A6activity/index.module.scss
+++ b/src/pages/A6activity/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A6activity{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A6activity/index.tsx
+++ b/src/pages/A6activity/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function A6activity() {
			
 
				+  return (
			
 
				+    <div className={styles.A6activity}>
			
 
				+      <div className="pageTitle">宁博活动</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoA6activity = React.memo(A6activity);
			
 
				+
			
 
				+export default MemoA6activity;
			
--- a/src/pages/A7volunteer/index.module.scss
+++ b/src/pages/A7volunteer/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A7volunteer{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A7volunteer/index.tsx
+++ b/src/pages/A7volunteer/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function A7volunteer() {
			
 
				+  return (
			
 
				+    <div className={styles.A7volunteer}>
			
 
				+      <div className="pageTitle">志愿者之家</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoA7volunteer = React.memo(A7volunteer);
			
 
				+
			
 
				+export default MemoA7volunteer;
			
--- a/src/pages/B1orderz/index.module.scss
+++ b/src/pages/B1orderz/index.module.scss
@@ -0,0 +1,5 @@
 
				+.B1orderz{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/B1orderz/index.tsx
+++ b/src/pages/B1orderz/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function B1orderz() {
			
 
				+  return (
			
 
				+    <div className={styles.B1orderz}>
			
 
				+      <div className="pageTitle">展馆预约</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoB1orderz = React.memo(B1orderz);
			
 
				+
			
 
				+export default MemoB1orderz;
			
--- a/src/pages/B2orderh/index.module.scss
+++ b/src/pages/B2orderh/index.module.scss
@@ -0,0 +1,5 @@
 
				+.B2orderh{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/B2orderh/index.tsx
+++ b/src/pages/B2orderh/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function B2orderh() {
			
 
				+  return (
			
 
				+    <div className={styles.B2orderh}>
			
 
				+      <div className="pageTitle">活动预约</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoB2orderh = React.memo(B2orderh);
			
 
				+
			
 
				+export default MemoB2orderh;
			
--- a/src/pages/B3ordery/index.module.scss
+++ b/src/pages/B3ordery/index.module.scss
@@ -0,0 +1,5 @@
 
				+.B3ordery{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/B3ordery/index.tsx
+++ b/src/pages/B3ordery/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function B3ordery() {
			
 
				+  return (
			
 
				+    <div className={styles.B3ordery}>
			
 
				+      <div className="pageTitle">志愿者预约</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoB3ordery = React.memo(B3ordery);
			
 
				+
			
 
				+export default MemoB3ordery;
			
--- a/src/pages/C1orderset/index.module.scss
+++ b/src/pages/C1orderset/index.module.scss
@@ -0,0 +1,5 @@
 
				+.C1orderset{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/C1orderset/index.tsx
+++ b/src/pages/C1orderset/index.tsx
@@ -0,0 +1,13 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+function C1orderset() {
			
 
				+  return (
			
 
				+    <div className={styles.C1orderset}>
			
 
				+      <div className="pageTitle">展馆预约设置</div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoC1orderset = React.memo(C1orderset);
			
 
				+
			
 
				+export default MemoC1orderset;
			
--- a/src/pages/Layout/data.ts
+++ b/src/pages/Layout/data.ts
@@ -0,0 +1,115 @@
 
				+import { RouterType } from "@/types";
			
 
				+import React from "react";
			
 
				+
			
 
				+const tabLeftArr: RouterType = [
			
 
				+  {
			
 
				+    id: 1,
			
 
				+    name: "内容发布",
			
 
				+    son: [
			
 
				+      {
			
 
				+        id: 100,
			
 
				+        name: "宁博概览",
			
 
				+        path: "/",
			
 
				+        Com: React.lazy(() => import("../A1survey")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 200,
			
 
				+        name: "宁博动态",
			
 
				+        path: "/dynamic",
			
 
				+        Com: React.lazy(() => import("../A2dynamic")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 300,
			
 
				+        name: "宁博文创",
			
 
				+        path: "/culture",
			
 
				+        Com: React.lazy(() => import("../A3culture")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 400,
			
 
				+        name: "宁博藏珍",
			
 
				+        path: "/goods",
			
 
				+        Com: React.lazy(() => import("../A4goods")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 500,
			
 
				+        name: "宁博展览",
			
 
				+        path: "/show",
			
 
				+        Com: React.lazy(() => import("../A5show")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 600,
			
 
				+        name: "宁博活动",
			
 
				+        path: "/activity",
			
 
				+        Com: React.lazy(() => import("../A6activity")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 700,
			
 
				+        name: "志愿者之家",
			
 
				+        path: "/volunteer",
			
 
				+        Com: React.lazy(() => import("../A7volunteer")),
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+  {
			
 
				+    id: 2,
			
 
				+    name: "预约记录",
			
 
				+    son: [
			
 
				+      {
			
 
				+        id: 800,
			
 
				+        name: "展馆预约",
			
 
				+        path: "/orderz",
			
 
				+        Com: React.lazy(() => import("../B1orderz")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 900,
			
 
				+        name: "活动预约",
			
 
				+        path: "/orderh",
			
 
				+        Com: React.lazy(() => import("../B2orderh")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 1000,
			
 
				+        name: "志愿者预约",
			
 
				+        path: "/ordery",
			
 
				+        Com: React.lazy(() => import("../B3ordery")),
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+  {
			
 
				+    id: 3,
			
 
				+    name: "预约管理",
			
 
				+    son: [
			
 
				+      {
			
 
				+        id: 1100,
			
 
				+        name: "展馆预约设置",
			
 
				+        path: "/orderset",
			
 
				+        Com: React.lazy(() => import("../C1orderset")),
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+  {
			
 
				+    id: 4,
			
 
				+    name: "系统设置",
			
 
				+    son: [
			
 
				+      {
			
 
				+        id: 1200,
			
 
				+        name: "栏目管理",
			
 
				+        path: "/column",
			
 
				+        Com: React.lazy(() => import("../Z0column")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 2100,
			
 
				+        name: "用户管理",
			
 
				+        path: "/user",
			
 
				+        Com: React.lazy(() => import("../Z1user")),
			
 
				+      },
			
 
				+      {
			
 
				+        id: 2200,
			
 
				+        name: "系统日志",
			
 
				+        path: "/log",
			
 
				+        Com: React.lazy(() => import("../Z2log")),
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+];
			
 
				+
			
 
				+export default tabLeftArr;
			
--- a/src/pages/Layout/index.module.scss
+++ b/src/pages/Layout/index.module.scss
@@ -0,0 +1,182 @@
 
				+.Layout {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+    .layoutLeft {
			
 
				+      position: relative;
			
 
				+      width: 220px;
			
 
				+      height: 100%;
			
 
				+      background-color: #0A3B40;
			
 
				+
			
 
				+
			
 
				+      .layoutLeftTop {
			
 
				+        text-align: center;
			
 
				+        padding: 20px 0 20px;
			
 
				+
			
 
				+        &>img {
			
 
				+          width: 200px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .layoutLeftMain {
			
 
				+        .layoutLRowBox {
			
 
				+          .layoutLRowBoxTxt {
			
 
				+            font-size: 18px;
			
 
				+            font-weight: 700;
			
 
				+            height: 50px;
			
 
				+            line-height: 50px;
			
 
				+            padding-left: 40px;
			
 
				+            color: #fff;
			
 
				+            // opacity: .8;
			
 
				+          }
			
 
				+
			
 
				+          .layoutLRowBoxRow {
			
 
				+            opacity: .8;
			
 
				+            color: #fff;
			
 
				+            text-align: center;
			
 
				+            cursor: pointer;
			
 
				+
			
 
				+            font-size: 16px;
			
 
				+            height: 40px;
			
 
				+            line-height: 40px;
			
 
				+            // margin-top: 5px;
			
 
				+
			
 
				+            &:hover {
			
 
				+              background-color: var(--themeColor2);
			
 
				+              color: var(--themeColor);
			
 
				+              opacity: 1;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .active {
			
 
				+            opacity: 1;
			
 
				+            pointer-events: none;
			
 
				+            background-color: var(--themeColor2);
			
 
				+            color: var(--themeColor);
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    .layoutRight {
			
 
				+      width: calc(100% - 220px);
			
 
				+      height: 100%;
			
 
				+
			
 
				+
			
 
				+      .layoutRightTop {
			
 
				+        height: 60px;
			
 
				+        display: flex;
			
 
				+        justify-content: flex-end;
			
 
				+        position: relative;
			
 
				+        z-index: 1000;
			
 
				+
			
 
				+        .user {
			
 
				+          margin-right: 40px;
			
 
				+          padding-right: 40px;
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          padding-left: 55px;
			
 
				+          cursor: pointer;
			
 
				+          position: relative;
			
 
				+          background: url('../../assets/img/user.png') no-repeat left center;
			
 
				+          background-size: 40px 40px;
			
 
				+          font-size: 16px;
			
 
				+          color: black;
			
 
				+
			
 
				+          .userInco {
			
 
				+            margin-left: 10px;
			
 
				+            color: black;
			
 
				+          }
			
 
				+
			
 
				+          .userInco1 {
			
 
				+            display: none;
			
 
				+          }
			
 
				+
			
 
				+          .userSet {
			
 
				+            width: 140px;
			
 
				+            opacity: 0;
			
 
				+            pointer-events: none;
			
 
				+            transition: bottom .3s;
			
 
				+            height: 120px;
			
 
				+            position: absolute;
			
 
				+            left: 50%;
			
 
				+            transform: translateX(-50%);
			
 
				+            bottom: -80px;
			
 
				+
			
 
				+            // color: rgb(226, 223, 223);
			
 
				+            &>div {
			
 
				+              box-shadow: 1px 1px 4px 4px #ccc;
			
 
				+              margin-top: 15px;
			
 
				+              border-radius: 10px;
			
 
				+              overflow: hidden;
			
 
				+
			
 
				+              &>span {
			
 
				+                background-color: #fff;
			
 
				+                display: block;
			
 
				+                width: 100%;
			
 
				+                height: 50px;
			
 
				+                line-height: 50px;
			
 
				+                text-align: center;
			
 
				+
			
 
				+                &:hover {
			
 
				+                  color: var(--themeColor);
			
 
				+                }
			
 
				+              }
			
 
				+            }
			
 
				+
			
 
				+          }
			
 
				+
			
 
				+          &:hover {
			
 
				+            .userSet {
			
 
				+              opacity: 1;
			
 
				+              pointer-events: auto;
			
 
				+              bottom: -120px;
			
 
				+            }
			
 
				+
			
 
				+            .userInco1 {
			
 
				+              display: block;
			
 
				+            }
			
 
				+
			
 
				+            .userInco2 {
			
 
				+              display: none;
			
 
				+            }
			
 
				+
			
 
				+
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .layoutRightMain {
			
 
				+        height: calc(100% - 60px);
			
 
				+        padding: 15px;
			
 
				+        background-color: #ecedf1;
			
 
				+
			
 
				+        .mainBoxR {
			
 
				+          width: 100%;
			
 
				+          height: 100%;
			
 
				+          // overflow: hidden;
			
 
				+          position: relative;
			
 
				+
			
 
				+          &>div {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+
			
 
				+  }
			
 
				+}
			
--- a/src/pages/Layout/index.tsx
+++ b/src/pages/Layout/index.tsx
@@ -0,0 +1,271 @@
 
				+import React, { useCallback, useEffect, useRef, useState } from "react";
			
 
				+import { CaretUpOutlined, CaretDownOutlined } from "@ant-design/icons";
			
 
				+import styles from "./index.module.scss";
			
 
				+import SpinLoding from "@/components/SpinLoding";
			
 
				+import { Route, Switch, useLocation } from "react-router-dom";
			
 
				+import AuthRoute from "@/components/AuthRoute";
			
 
				+import classNames from "classnames";
			
 
				+import history from "@/utils/history";
			
 
				+import { Button, Form, Input, Modal } from "antd";
			
 
				+import { Base64 } from "js-base64";
			
 
				+import encodeStr from "@/utils/pass";
			
 
				+import { passWordEditAPI } from "@/store/action/layout";
			
 
				+import { getTokenInfo, removeTokenInfo } from "@/utils/storage";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import logoImg2 from "@/assets/img/logo2.png";
			
 
				+import NotFound from "@/components/NotFound";
			
 
				+
			
 
				+import { RouterType, RouterTypeRow } from "@/types";
			
 
				+import tabLeftArr from "./data";
			
 
				+import MyPopconfirm from "@/components/MyPopconfirm";
			
 
				+
			
 
				+function Layout() {
			
 
				+  // 当前路径选中的左侧菜单
			
 
				+  const location = useLocation();
			
 
				+  const [path, setPath] = useState("");
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    const arr = location.pathname.split("/");
			
 
				+    let pathTemp = "/";
			
 
				+    if (arr[1]) pathTemp = "/" + arr[1];
			
 
				+
			
 
				+    setPath(pathTemp);
			
 
				+  }, [location]);
			
 
				+
			
 
				+  // 获取用户权限信息
			
 
				+  const getUserAuthFu = useCallback(async () => {
			
 
				+    const userInfo = getTokenInfo().user;
			
 
				+
			
 
				+      const isOkIdArr =[100,200,300,400,500,600,700,800,900,1000,1100,1200]
			
 
				+      // 是管理员
			
 
				+      if (userInfo.isAdmin === 1) {
			
 
				+        isOkIdArr.push(2100);
			
 
				+        isOkIdArr.push(2200);
			
 
				+      }
			
 
				+
			
 
				+      const tempArr: RouterTypeRow = [];
			
 
				+
			
 
				+      tabLeftArr.forEach((v1) => {
			
 
				+        if (v1.son && v1.son[0]) {
			
 
				+          v1.son.forEach((v2) => {
			
 
				+            if (isOkIdArr.includes(v2.id)) {
			
 
				+              tempArr.push(v2);
			
 
				+            }
			
 
				+          });
			
 
				+        }
			
 
				+      });
			
 
				+
			
 
				+      setRouterCom(tempArr);
			
 
				+
			
 
				+      // 如果当前页面没有权限了，跳转有权限的第一个页面
			
 
				+      const urlAll = window.location.hash;
			
 
				+      const isNowPath = urlAll.replace("#", "");
			
 
				+      const pathArr = tempArr.map((v) => v.path);
			
 
				+      if (!pathArr.includes(isNowPath)) {
			
 
				+        history.push(pathArr[0]);
			
 
				+      }
			
 
				+
			
 
				+      const resList = tabLeftArr.map((v) => ({
			
 
				+        ...v,
			
 
				+        son: v.son.filter((c) => isOkIdArr.includes(c.id)),
			
 
				+      }));
			
 
				+
			
 
				+      setList(resList);
			
 
				+  }, []);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    getUserAuthFu();
			
 
				+  }, [getUserAuthFu]);
			
 
				+
			
 
				+  // 左侧菜单 信息
			
 
				+  const [list, setList] = useState([] as RouterType);
			
 
				+
			
 
				+  // 路由信息（过滤之后的）
			
 
				+  const [RouterCom, setRouterCom] = useState<RouterTypeRow>([]);
			
 
				+
			
 
				+  // useEffect(() => {
			
 
				+  //   console.log(123, list);
			
 
				+  // }, [list]);
			
 
				+
			
 
				+  // 点击跳转
			
 
				+  const pathCutFu = useCallback((path: string) => {
			
 
				+    history.push(path);
			
 
				+  }, []);
			
 
				+
			
 
				+  // 修改密码相关
			
 
				+  const [open, setOpen] = useState(false);
			
 
				+
			
 
				+  // 拿到新密码的输入框的值
			
 
				+  const oldPasswordValue = useRef("");
			
 
				+
			
 
				+  const checkPassWord = (rule: any, value: any = "") => {
			
 
				+    if (value !== oldPasswordValue.current)
			
 
				+      return Promise.reject("新密码不一致!");
			
 
				+    else return Promise.resolve(value);
			
 
				+  };
			
 
				+
			
 
				+  const onFinish = async (values: any) => {
			
 
				+    // 通过校验之后发送请求
			
 
				+    if (values.oldPassword === values.newPassword)
			
 
				+      return MessageFu.warning("新旧密码不能相同!");
			
 
				+    const obj = {
			
 
				+      oldPassword: encodeStr(Base64.encode(values.oldPassword)),
			
 
				+      newPassword: encodeStr(Base64.encode(values.newPassword)),
			
 
				+    };
			
 
				+    const res: any = await passWordEditAPI(obj);
			
 
				+    if (res.code === 0) {
			
 
				+      MessageFu.success("修改成功!");
			
 
				+      loginExit();
			
 
				+    }
			
 
				+  };
			
 
				+
			
 
				+  // 点击退出登录
			
 
				+  const loginExit = () => {
			
 
				+    removeTokenInfo();
			
 
				+    history.push("/login");
			
 
				+  };
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.Layout}>
			
 
				+      {/* 左边 */}
			
 
				+      <div className="layoutLeft">
			
 
				+        <div className="layoutLeftTop">
			
 
				+          <img src={logoImg2} alt="" />
			
 
				+        </div>
			
 
				+        {/* 左边主体 */}
			
 
				+        <div className="layoutLeftMain">
			
 
				+          {list.map((v) => (
			
 
				+            <div
			
 
				+              className={classNames("layoutLRowBox")}
			
 
				+              key={v.id}
			
 
				+              hidden={!v.son.length}
			
 
				+            >
			
 
				+              {/* 这个项目没有一级目录 */}
			
 
				+              <div className="layoutLRowBoxTxt">{v.name}</div>
			
 
				+              {v.son.map((v2) => (
			
 
				+                <div
			
 
				+                  key={v2.id}
			
 
				+                  className={classNames(
			
 
				+                    "layoutLRowBoxRow",
			
 
				+                    path === v2.path ? "active" : ""
			
 
				+                  )}
			
 
				+                  onClick={() => pathCutFu(v2.path)}
			
 
				+                >
			
 
				+                  {v2.name}
			
 
				+                </div>
			
 
				+              ))}
			
 
				+            </div>
			
 
				+          ))}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      {/* 右边 */}
			
 
				+      <div className="layoutRight">
			
 
				+        <div className="layoutRightTop">
			
 
				+          {/* 用户相关 */}
			
 
				+          <div className="user">
			
 
				+            {getTokenInfo().user.realName ||
			
 
				+              getTokenInfo().user.userName ||
			
 
				+              "匿名"}
			
 
				+            <div className="userInco userInco1">
			
 
				+              <CaretUpOutlined rev={undefined} />
			
 
				+            </div>
			
 
				+            <div className="userInco userInco2">
			
 
				+              <CaretDownOutlined rev={undefined} />
			
 
				+            </div>
			
 
				+            <div className="userSet">
			
 
				+              <div>
			
 
				+                <span onClick={() => setOpen(true)}>修改密码</span>
			
 
				+                <MyPopconfirm
			
 
				+                  txtK="退出登录"
			
 
				+                  onConfirm={loginExit}
			
 
				+                  Dom="退出登录"
			
 
				+                  loc="bottom"
			
 
				+                />
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        {/* 右边主体 */}
			
 
				+        <div className="layoutRightMain">
			
 
				+          {/* 二级路由页面 */}
			
 
				+          <div className="mainBoxR">
			
 
				+            <React.Suspense fallback={<SpinLoding />}>
			
 
				+              <Switch>
			
 
				+                {RouterCom.map((v) => (
			
 
				+                  <AuthRoute key={v.id} exact path={v.path} component={v.Com} />
			
 
				+                ))}
			
 
				+
			
 
				+                <Route path="*" component={NotFound} />
			
 
				+              </Switch>
			
 
				+            </React.Suspense>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      {/* 点击修改密码打开的对话框 */}
			
 
				+      <Modal
			
 
				+        destroyOnClose
			
 
				+        open={open}
			
 
				+        title="修改密码"
			
 
				+        onCancel={() => setOpen(false)}
			
 
				+        footer={
			
 
				+          [] // 设置footer为空，去掉 取消 确定默认按钮
			
 
				+        }
			
 
				+      >
			
 
				+        <Form
			
 
				+          scrollToFirstError={true}
			
 
				+          name="basic"
			
 
				+          labelCol={{ span: 5 }}
			
 
				+          wrapperCol={{ span: 16 }}
			
 
				+          onFinish={onFinish}
			
 
				+          autoComplete="off"
			
 
				+        >
			
 
				+          <Form.Item
			
 
				+            label="旧密码"
			
 
				+            name="oldPassword"
			
 
				+            rules={[{ required: true, message: "不能为空!" }]}
			
 
				+            getValueFromEvent={(e) => e.target.value.replace(/\s+/g, "")}
			
 
				+          >
			
 
				+            <Input.Password maxLength={20} />
			
 
				+          </Form.Item>
			
 
				+
			
 
				+          <Form.Item
			
 
				+            label="新密码"
			
 
				+            name="newPassword"
			
 
				+            rules={[
			
 
				+              { required: true, message: "不能为空!" },
			
 
				+              { min: 6, max: 15, message: "密码长度为6-15个字符!" },
			
 
				+            ]}
			
 
				+            getValueFromEvent={(e) => e.target.value.replace(/\s+/g, "")}
			
 
				+          >
			
 
				+            <Input.Password
			
 
				+              maxLength={15}
			
 
				+              onChange={(e) => (oldPasswordValue.current = e.target.value)}
			
 
				+            />
			
 
				+          </Form.Item>
			
 
				+
			
 
				+          <Form.Item
			
 
				+            label="确定新密码"
			
 
				+            name="checkPass"
			
 
				+            rules={[{ validator: checkPassWord }]}
			
 
				+            getValueFromEvent={(e) => e.target.value.replace(/\s+/g, "")}
			
 
				+          >
			
 
				+            <Input.Password maxLength={15} />
			
 
				+          </Form.Item>
			
 
				+
			
 
				+          <Form.Item wrapperCol={{ offset: 14, span: 16 }}>
			
 
				+            <Button onClick={() => setOpen(false)}>取消</Button>
			
 
				+            &emsp;
			
 
				+            <Button type="primary" htmlType="submit">
			
 
				+              确定
			
 
				+            </Button>
			
 
				+          </Form.Item>
			
 
				+        </Form>
			
 
				+      </Modal>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+// 使用 React.memo 来优化组件，避免组件的无效更新，类似 类组件里面的PureComponent
			
 
				+const MemoLayout = React.memo(Layout);
			
 
				+export default MemoLayout;
			
--- a/src/pages/Login/index.module.scss
+++ b/src/pages/Login/index.module.scss
@@ -0,0 +1,155 @@
 
				+.Login {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background-image: url("../../assets/img/loginBac.jpg");
			
 
				+  background-size: 100% 100%;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+    .loginLogo {
			
 
				+      position: absolute;
			
 
				+      top: 30%;
			
 
				+      left: 5%;
			
 
				+      width: calc(100% - 1200px);
			
 
				+      min-width: 450px;
			
 
				+    }
			
 
				+
			
 
				+    .mainRight {
			
 
				+      position: absolute;
			
 
				+      right: 240px;
			
 
				+      top: 50%;
			
 
				+      transform: translateY(-50%);
			
 
				+      width: 530px;
			
 
				+      background-color: rgba(10, 59, 64, 0.80);
			
 
				+      display: flex;
			
 
				+      justify-content: center;
			
 
				+      align-items: center;
			
 
				+      border-radius: 6px;
			
 
				+      padding: 40px 0;
			
 
				+
			
 
				+      .rightMain {
			
 
				+        border-radius: 6px;
			
 
				+        text-align: center;
			
 
				+        padding: 0 100px 70px;
			
 
				+
			
 
				+
			
 
				+
			
 
				+        .inputBox {
			
 
				+          width: 100%;
			
 
				+
			
 
				+          input::-webkit-input-placeholder {
			
 
				+            /* WebKit browsers */
			
 
				+            color: rgba(255, 255, 255, .5);
			
 
				+          }
			
 
				+
			
 
				+          input:-moz-placeholder {
			
 
				+            /* Mozilla Firefox 4 to 18 */
			
 
				+            color: rgba(255, 255, 255, .5);
			
 
				+          }
			
 
				+
			
 
				+          input::-moz-placeholder {
			
 
				+            /* Mozilla Firefox 19+ */
			
 
				+            color: rgba(255, 255, 255, .5);
			
 
				+          }
			
 
				+
			
 
				+          input:-ms-input-placeholder {
			
 
				+            /* Internet Explorer 10+ */
			
 
				+            color: rgba(255, 255, 255, .5);
			
 
				+          }
			
 
				+
			
 
				+
			
 
				+          .inputBoxRow {
			
 
				+            width: 370px;
			
 
				+            margin: 30px auto;
			
 
				+
			
 
				+            .ant-input-suffix .ant-input-password-icon {
			
 
				+              color: var(--themeColor2);
			
 
				+              font-size: 22px;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .inputBoxRow2 {
			
 
				+            position: relative;
			
 
				+
			
 
				+            .loginCode {
			
 
				+              z-index: 110;
			
 
				+              cursor: pointer;
			
 
				+              position: absolute;
			
 
				+              top: 50%;
			
 
				+              right: 0;
			
 
				+              transform: translateY(-50%);
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .ant-input-prefix {
			
 
				+            margin-right: 10px;
			
 
				+
			
 
				+            .anticon {
			
 
				+              padding-right: 10px;
			
 
				+              width: 36px;
			
 
				+              height: 36px;
			
 
				+
			
 
				+              svg {
			
 
				+                width: 100%;
			
 
				+                height: 100%;
			
 
				+              }
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .ant-input {
			
 
				+            font-size: 18px;
			
 
				+            width: 45%;
			
 
				+            height: 60px;
			
 
				+            line-height: 60px;
			
 
				+            background-clip: content-box;
			
 
				+          }
			
 
				+
			
 
				+          input:-webkit-autofill {
			
 
				+            font-size: 18px !important;
			
 
				+            -webkit-text-fill-color: #fff !important;
			
 
				+            background-image: none;
			
 
				+            -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; //填充阴影，可以用来遮住背景色
			
 
				+            background-color: transparent;
			
 
				+            transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
			
 
				+
			
 
				+          }
			
 
				+
			
 
				+          .ant-input-affix-wrapper {
			
 
				+            background-color: transparent;
			
 
				+            padding: 0 11px;
			
 
				+            width: 100%;
			
 
				+            height: 60px;
			
 
				+            border: none;
			
 
				+            border-bottom: 1px solid var(--themeColor2);
			
 
				+            border-radius: 0;
			
 
				+            color: var(--themeColor2);
			
 
				+
			
 
				+            .ant-input {
			
 
				+              background-color: transparent;
			
 
				+              width: 100%;
			
 
				+              height: 60px;
			
 
				+              color: #fff;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .ant-input-affix-wrapper-focused {
			
 
				+            box-shadow: none
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .loginBtn {
			
 
				+
			
 
				+          .ant-btn {
			
 
				+            color: black;
			
 
				+            background-color: var(--themeColor2);
			
 
				+            border-radius: 25px;
			
 
				+            font-size: 24px;
			
 
				+            width: 375px;
			
 
				+            height: 50px;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/Login/index.tsx
+++ b/src/pages/Login/index.tsx
@@ -0,0 +1,132 @@
 
				+import styles from "./index.module.scss";
			
 
				+
			
 
				+import { Input, Button } from "antd";
			
 
				+import { UserOutlined, LockOutlined, NumberOutlined } from "@ant-design/icons";
			
 
				+import { useCallback, useEffect, useState } from "react";
			
 
				+import { Base64 } from "js-base64";
			
 
				+import encodeStr from "@/utils/pass";
			
 
				+import { setTokenInfo } from "@/utils/storage";
			
 
				+import history from "@/utils/history";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import { API_LoginGetCode, userLoginAPI } from "@/store/action/layout";
			
 
				+import loginLogoImg from "@/assets/img/logo.png";
			
 
				+
			
 
				+export default function Login() {
			
 
				+  // 获取验证码
			
 
				+  const LoginGetCodeFu = useCallback(async () => {
			
 
				+    const res: any = await API_LoginGetCode();
			
 
				+    const reader = new FileReader();
			
 
				+    reader.readAsDataURL(res);
			
 
				+    reader.onload = () => {
			
 
				+      setCodeImg(reader.result);
			
 
				+    };
			
 
				+  }, []);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    LoginGetCodeFu();
			
 
				+  }, [LoginGetCodeFu]);
			
 
				+
			
 
				+  // 账号密码 - 验证码
			
 
				+  const [userName, setUserName] = useState("");
			
 
				+  const [passWord, setPassWord] = useState("");
			
 
				+  const [code, setCode] = useState<any>("");
			
 
				+  const [codeImg, setCodeImg] = useState<any>("");
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    //进入登录页 重置 权限信息为空
			
 
				+  }, []);
			
 
				+
			
 
				+  // 键盘按下回车事件
			
 
				+  const keyUpEntFu = (e: React.KeyboardEvent<HTMLInputElement>) => {
			
 
				+    if (e.key === "Enter") loginClickFu();
			
 
				+  };
			
 
				+  // 点击登录
			
 
				+  const loginClickFu = useCallback(async () => {
			
 
				+    // 非空判断
			
 
				+    if (userName === "") return MessageFu.warning("请输入账号!");
			
 
				+    else if (passWord === "") return MessageFu.warning("请输入密码!");
			
 
				+    const obj = {
			
 
				+      userName,
			
 
				+      passWord: encodeStr(Base64.encode(passWord)),
			
 
				+      randCode: code,
			
 
				+    };
			
 
				+    const res: any = await userLoginAPI(obj);
			
 
				+    if (res.code === 0) {
			
 
				+      MessageFu.success("登录成功");
			
 
				+
			
 
				+      // 检查密码是不是默认密码，是的话给提示
			
 
				+      if (passWord === "123456") {
			
 
				+        window.setTimeout(() => {
			
 
				+          MessageFu.warning("您的密码还是默认密码，请尽快修改!");
			
 
				+        }, 1000);
			
 
				+      }
			
 
				+
			
 
				+      // 用户信息存到本地
			
 
				+      setTokenInfo(res.data);
			
 
				+      history.push("/");
			
 
				+    } else if (res.code === 3014) {
			
 
				+      MessageFu.warning("账号不存在或密码错误，请联系管理员!");
			
 
				+    } else if (res.code === -1 && res.msg === "验证码有误") {
			
 
				+      LoginGetCodeFu();
			
 
				+    }
			
 
				+  }, [LoginGetCodeFu, code, passWord, userName]);
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.Login}>
			
 
				+      <img className="loginLogo" src={loginLogoImg} alt="" />
			
 
				+
			
 
				+      <div className="mainRight">
			
 
				+        <div className="rightMain">
			
 
				+          {/* 账号密码输入框 */}
			
 
				+          <div className="inputBox">
			
 
				+            <div className="inputBoxRow">
			
 
				+              <Input
			
 
				+                onKeyUp={(e) => keyUpEntFu(e)}
			
 
				+                value={userName}
			
 
				+                onChange={(e) => setUserName(e.target.value.trim())}
			
 
				+                prefix={<UserOutlined rev={undefined} />}
			
 
				+                placeholder="请输入账号"
			
 
				+                maxLength={15}
			
 
				+              />
			
 
				+            </div>
			
 
				+            <div className="inputBoxRow">
			
 
				+              <Input.Password
			
 
				+                onKeyUp={(e) => keyUpEntFu(e)}
			
 
				+                value={passWord}
			
 
				+                onChange={(e) => setPassWord(e.target.value.trim())}
			
 
				+                prefix={<LockOutlined rev={undefined} />}
			
 
				+                placeholder="请输入密码"
			
 
				+                maxLength={20}
			
 
				+              />
			
 
				+            </div>
			
 
				+            <div className="inputBoxRow inputBoxRow2">
			
 
				+              <Input
			
 
				+                onKeyUp={(e) => keyUpEntFu(e)}
			
 
				+                value={code}
			
 
				+                onChange={(e) => setCode(e.target.value.trim())}
			
 
				+                prefix={<NumberOutlined rev={undefined} />}
			
 
				+                placeholder="请输入验证码"
			
 
				+                maxLength={5}
			
 
				+              />
			
 
				+              {codeImg ? (
			
 
				+                <img
			
 
				+                  onClick={LoginGetCodeFu}
			
 
				+                  className="loginCode"
			
 
				+                  src={codeImg}
			
 
				+                  alt=""
			
 
				+                />
			
 
				+              ) : null}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+
			
 
				+          {/* 登录按钮 */}
			
 
				+          <div className="loginBtn">
			
 
				+            <Button type="primary" size="large" onClick={loginClickFu}>
			
 
				+              &emsp;&emsp;登&emsp;&emsp;录&emsp;&emsp;
			
 
				+            </Button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
--- a/src/pages/Z0column/Z0edit.tsx
+++ b/src/pages/Z0column/Z0edit.tsx
@@ -0,0 +1,79 @@
 
				+import React, { useCallback, useEffect, useState } from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+import { Button, Input, Modal } from "antd";
			
 
				+import { Z0EditInfoType } from "./data";
			
 
				+import MyPopconfirm from "@/components/MyPopconfirm";
			
 
				+import TextArea from "antd/es/input/TextArea";
			
 
				+
			
 
				+type Props = {
			
 
				+  editInfo: Z0EditInfoType;
			
 
				+  closeFu: () => void;
			
 
				+  upTableFu: () => void;
			
 
				+};
			
 
				+
			
 
				+function Z0edit({ editInfo, closeFu, upTableFu }: Props) {
			
 
				+  const [name, setName] = useState("");
			
 
				+  const [rtf, setRtf] = useState("");
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    if (editInfo.id > 0) {
			
 
				+      setName(editInfo.name);
			
 
				+      setRtf(editInfo.rtf);
			
 
				+    }
			
 
				+  }, [editInfo]);
			
 
				+
			
 
				+  const btnOkFu = useCallback(async () => {}, []);
			
 
				+
			
 
				+  return (
			
 
				+    <Modal
			
 
				+      wrapClassName={styles.Z0edit}
			
 
				+      open={true}
			
 
				+      title={editInfo.tit + (editInfo.id > 0 ? "编辑" : "新增")}
			
 
				+      footer={
			
 
				+        [] // 设置footer为空，去掉 取消 确定默认按钮
			
 
				+      }
			
 
				+    >
			
 
				+      <div className="Z0Emain">
			
 
				+        <div className="Z0Erow">
			
 
				+          <div className="Z0Erow1">
			
 
				+            <span>* </span>栏目名称：
			
 
				+          </div>
			
 
				+          <div className="Z0Erow2">
			
 
				+            <Input
			
 
				+              value={name}
			
 
				+              onChange={(e) => setName(e.target.value.replace(/\s+/g, ""))}
			
 
				+              placeholder="请输入名称"
			
 
				+              showCount
			
 
				+              maxLength={20}
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div className="Z0Erow">
			
 
				+          <div className="Z0Erow1">
			
 
				+            <span> </span>说明：
			
 
				+          </div>
			
 
				+          <div className="Z0Erow2">
			
 
				+            <TextArea
			
 
				+              value={rtf}
			
 
				+              onChange={(e) => setRtf(e.target.value.replace(/\s+/g, ""))}
			
 
				+              placeholder="请输入说明"
			
 
				+              showCount
			
 
				+              maxLength={100}
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div className="Z0Ebtn">
			
 
				+          <Button type="primary" onClick={btnOkFu}>
			
 
				+            提交
			
 
				+          </Button>
			
 
				+          &emsp;
			
 
				+          <MyPopconfirm txtK="取消" onConfirm={closeFu} />
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </Modal>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoZ0edit = React.memo(Z0edit);
			
 
				+
			
 
				+export default MemoZ0edit;
			
--- a/src/pages/Z0column/data.ts
+++ b/src/pages/Z0column/data.ts
@@ -0,0 +1,7 @@
 
				+export type Z0EditInfoType = {
			
 
				+  name: string;
			
 
				+  rtf: string;
			
 
				+  id: number;
			
 
				+  type: string;
			
 
				+  tit:string
			
 
				+};
			
--- a/src/pages/Z0column/index.module.scss
+++ b/src/pages/Z0column/index.module.scss
@@ -0,0 +1,58 @@
 
				+.Z0column{
			
 
				+  padding: 4px 24px 24px;
			
 
				+  background-color: #fff;
			
 
				+  border-radius: 10px;
			
 
				+  overflow-y: auto;
			
 
				+  :global{
			
 
				+    .Z0tit{
			
 
				+      font-weight: 700;
			
 
				+      font-size: 18px;
			
 
				+      margin-bottom: 15px;
			
 
				+      margin-top: 20px;
			
 
				+      display: flex;
			
 
				+      justify-content: space-between;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 新增和编辑
			
 
				+.Z0edit{
			
 
				+  :global{
			
 
				+    .ant-modal-close {
			
 
				+      display: none;
			
 
				+    }
			
 
				+    .ant-modal {
			
 
				+      width: 800px !important;
			
 
				+    }
			
 
				+    .ant-modal-body{
			
 
				+      border-top: 1px solid #ccc;
			
 
				+    }
			
 
				+    .Z0Emain{
			
 
				+      padding-top: 15px;
			
 
				+
			
 
				+      .Z0Erow{
			
 
				+        display: flex;
			
 
				+        margin-bottom: 24px;
			
 
				+        .Z0Erow1{
			
 
				+          position: relative;
			
 
				+          top: 3px;
			
 
				+          width: 110px;
			
 
				+          text-align: right;
			
 
				+          &>span{
			
 
				+            color: #ff4d4f;
			
 
				+          }
			
 
				+        }
			
 
				+        .Z0Erow2{
			
 
				+          width: calc(100% - 110px);
			
 
				+          .ant-input-number{
			
 
				+            width: 100%;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .Z0Ebtn {
			
 
				+        text-align: center;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/Z0column/index.tsx
+++ b/src/pages/Z0column/index.tsx
@@ -0,0 +1,175 @@
 
				+import React, { useCallback, useEffect, useState } from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+import { useDispatch, useSelector } from "react-redux";
			
 
				+import { Z0_APIdel, Z0_APIgetList, Z0_APIsort } from "@/store/action/Z0column";
			
 
				+import MyTable from "@/components/MyTable";
			
 
				+import { RootState } from "@/store";
			
 
				+import { Z0tableC } from "@/utils/tableData";
			
 
				+import { Button } from "antd";
			
 
				+import { Z0tableType } from "@/types";
			
 
				+import MyPopconfirm from "@/components/MyPopconfirm";
			
 
				+import { Z0EditInfoType } from "./data";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import Z0edit from "./Z0edit";
			
 
				+function Z0column() {
			
 
				+  const dispatch = useDispatch();
			
 
				+
			
 
				+  const getListFu = useCallback(() => {
			
 
				+    dispatch(Z0_APIgetList());
			
 
				+  }, [dispatch]);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    getListFu();
			
 
				+  }, [getListFu]);
			
 
				+
			
 
				+  const { dynamic, goods, activity } = useSelector(
			
 
				+    (state: RootState) => state.Z0column.tableInfo
			
 
				+  );
			
 
				+
			
 
				+  // 点击上移和下移动
			
 
				+  const moveTableFu = useCallback(
			
 
				+    async (id1: number, id2: number) => {
			
 
				+      const res = await Z0_APIsort(id1, id2);
			
 
				+      if (res.code === 0) getListFu();
			
 
				+    },
			
 
				+    [getListFu]
			
 
				+  );
			
 
				+
			
 
				+  // 点击删除
			
 
				+  const delTableFu = useCallback(
			
 
				+    async (id: number) => {
			
 
				+      const res = await Z0_APIdel(id);
			
 
				+      if (res.code === 0) {
			
 
				+        MessageFu.success("删除成功!");
			
 
				+        getListFu();
			
 
				+      }
			
 
				+    },
			
 
				+    [getListFu]
			
 
				+  );
			
 
				+
			
 
				+  // 编辑
			
 
				+  const [editInfo, setEditInfo] = useState({} as Z0EditInfoType);
			
 
				+
			
 
				+  const tableLastBtn = useCallback(
			
 
				+    (type: string, list: Z0tableType[], tit: string) => {
			
 
				+      return [
			
 
				+        {
			
 
				+          title: "操作",
			
 
				+          render: (item: Z0tableType, _: any, index: number) =>
			
 
				+            item.name === "其他" ? (
			
 
				+              "-"
			
 
				+            ) : (
			
 
				+              <>
			
 
				+                <Button
			
 
				+                  size="small"
			
 
				+                  type="text"
			
 
				+                  onClick={() => moveTableFu(item.id, list[index - 1].id)}
			
 
				+                  disabled={index === 0}
			
 
				+                >
			
 
				+                  上移
			
 
				+                </Button>
			
 
				+                <Button
			
 
				+                  size="small"
			
 
				+                  type="text"
			
 
				+                  onClick={() => moveTableFu(item.id, list[index + 1].id)}
			
 
				+                  disabled={index === list.length - 2}
			
 
				+                >
			
 
				+                  下移
			
 
				+                </Button>
			
 
				+                <Button
			
 
				+                  size="small"
			
 
				+                  type="text"
			
 
				+                  onClick={() =>
			
 
				+                    setEditInfo({
			
 
				+                      id: item.id,
			
 
				+                      name: item.name,
			
 
				+                      rtf: item.rtf,
			
 
				+                      type,
			
 
				+                      tit,
			
 
				+                    })
			
 
				+                  }
			
 
				+                >
			
 
				+                  编辑
			
 
				+                </Button>
			
 
				+                <MyPopconfirm
			
 
				+                  txtK="删除"
			
 
				+                  onConfirm={() => delTableFu(item.id)}
			
 
				+                />
			
 
				+              </>
			
 
				+            ),
			
 
				+        },
			
 
				+      ];
			
 
				+    },
			
 
				+    [delTableFu, moveTableFu]
			
 
				+  );
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.Z0column}>
			
 
				+      <div className="pageTitle">栏目管理</div>
			
 
				+      <div className="Z0tit">
			
 
				+        宁博动态
			
 
				+        <Button
			
 
				+          type="primary"
			
 
				+          onClick={() =>
			
 
				+            setEditInfo({ id: -1, tit: "宁博动态" } as Z0EditInfoType)
			
 
				+          }
			
 
				+        >
			
 
				+          新增
			
 
				+        </Button>
			
 
				+      </div>
			
 
				+      <MyTable
			
 
				+        list={dynamic}
			
 
				+        columnsTemp={Z0tableC}
			
 
				+        lastBtn={tableLastBtn("dict-news", dynamic, "宁博动态")}
			
 
				+        pagingInfo={false}
			
 
				+      />
			
 
				+      <div className="Z0tit">
			
 
				+        宁博藏珍
			
 
				+        <Button
			
 
				+          type="primary"
			
 
				+          onClick={() =>
			
 
				+            setEditInfo({ id: -1, tit: "宁博藏珍" } as Z0EditInfoType)
			
 
				+          }
			
 
				+        >
			
 
				+          新增
			
 
				+        </Button>
			
 
				+      </div>
			
 
				+      <MyTable
			
 
				+        list={goods}
			
 
				+        columnsTemp={Z0tableC}
			
 
				+        lastBtn={tableLastBtn("dict-goods", goods, "宁博藏珍")}
			
 
				+        pagingInfo={false}
			
 
				+      />
			
 
				+      <div className="Z0tit">
			
 
				+        宁博活动
			
 
				+        <Button
			
 
				+          type="primary"
			
 
				+          onClick={() =>
			
 
				+            setEditInfo({ id: -1, tit: "宁博活动" } as Z0EditInfoType)
			
 
				+          }
			
 
				+        >
			
 
				+          新增
			
 
				+        </Button>
			
 
				+      </div>
			
 
				+      <MyTable
			
 
				+        list={activity}
			
 
				+        columnsTemp={Z0tableC}
			
 
				+        lastBtn={tableLastBtn("dict-activity", activity, "宁博活动")}
			
 
				+        pagingInfo={false}
			
 
				+      />
			
 
				+
			
 
				+      {/* 新增和编辑 */}
			
 
				+      {editInfo.id ? (
			
 
				+        <Z0edit
			
 
				+          editInfo={editInfo}
			
 
				+          closeFu={() => setEditInfo({} as Z0EditInfoType)}
			
 
				+          upTableFu={getListFu}
			
 
				+        />
			
 
				+      ) : null}
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoZ0column = React.memo(Z0column);
			
 
				+
			
 
				+export default MemoZ0column;
			
--- a/src/pages/Z1user/UserAdd/index.module.scss
+++ b/src/pages/Z1user/UserAdd/index.module.scss
@@ -0,0 +1,19 @@
 
				+.userAdd {
			
 
				+  :global {
			
 
				+    .ant-modal-close {
			
 
				+      display: none;
			
 
				+    }
			
 
				+
			
 
				+    .userAddMain {
			
 
				+      border-top: 1px solid #999999;
			
 
				+      padding-top: 15px;
			
 
				+      width: 100%;
			
 
				+
			
 
				+      .passTit {
			
 
				+        color: #ff4d4f;
			
 
				+        font-size: 14px;
			
 
				+        padding-left: 98px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/Z1user/UserAdd/index.tsx
+++ b/src/pages/Z1user/UserAdd/index.tsx
@@ -0,0 +1,124 @@
 
				+import { getUserInfoByIdAPI, userSaveAPI } from "@/store/action/Z1user";
			
 
				+import { SaveUserType } from "@/types";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import { Button, Form, FormInstance, Input, Modal } from "antd";
			
 
				+import React, { useCallback, useEffect, useRef } from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+import MyPopconfirm from "@/components/MyPopconfirm";
			
 
				+
			
 
				+type Props = {
			
 
				+  id: any;
			
 
				+  closePage: () => void;
			
 
				+  upTableList: () => void;
			
 
				+  addTableList: () => void;
			
 
				+};
			
 
				+
			
 
				+function UserAdd({ id, closePage, upTableList, addTableList }: Props) {
			
 
				+  // 设置表单初始数据（区分编辑和新增）
			
 
				+  const FormBoxRef = useRef<FormInstance>(null);
			
 
				+
			
 
				+  const getInfoInAPIFu = useCallback(async (id: number) => {
			
 
				+    const res = await getUserInfoByIdAPI(id);
			
 
				+    FormBoxRef.current?.setFieldsValue(res.data);
			
 
				+    // console.log("是编辑，在这里发请求拿数据", res);
			
 
				+  }, []);
			
 
				+
			
 
				+  // 没有通过校验
			
 
				+  const onFinishFailed = useCallback(() => {
			
 
				+    // return MessageFu.warning("有表单不符号规则!");
			
 
				+  }, []);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    if (id) getInfoInAPIFu(id);
			
 
				+    else {
			
 
				+      FormBoxRef.current?.setFieldsValue({});
			
 
				+    }
			
 
				+  }, [getInfoInAPIFu, id]);
			
 
				+
			
 
				+  // 通过校验点击确定
			
 
				+  const onFinish = useCallback(
			
 
				+    async (values: any) => {
			
 
				+      const obj: SaveUserType = {
			
 
				+        ...values,
			
 
				+        id: id ? id : null,
			
 
				+        // 角色id写死 2=》普通用户
			
 
				+        roleId: 2,
			
 
				+      };
			
 
				+
			
 
				+      const res: any = await userSaveAPI(obj);
			
 
				+
			
 
				+      if (res.code === 0) {
			
 
				+        MessageFu.success(id ? "编辑成功!" : "新增成功!");
			
 
				+        if (id) upTableList();
			
 
				+        else addTableList();
			
 
				+
			
 
				+        closePage();
			
 
				+      }
			
 
				+      // console.log("通过校验，点击确定");
			
 
				+    },
			
 
				+    [addTableList, closePage, id, upTableList]
			
 
				+  );
			
 
				+
			
 
				+  return (
			
 
				+    <Modal
			
 
				+      wrapClassName={styles.userAdd}
			
 
				+      destroyOnClose
			
 
				+      open={true}
			
 
				+      title={id ? "编辑用户" : "新增用户"}
			
 
				+      footer={
			
 
				+        [] // 设置footer为空，去掉 取消 确定默认按钮
			
 
				+      }
			
 
				+    >
			
 
				+      <div className="userAddMain">
			
 
				+        <Form
			
 
				+          scrollToFirstError={true}
			
 
				+          ref={FormBoxRef}
			
 
				+          name="basic"
			
 
				+          labelCol={{ span: 5 }}
			
 
				+          onFinish={onFinish}
			
 
				+          onFinishFailed={onFinishFailed}
			
 
				+          autoComplete="off"
			
 
				+        >
			
 
				+          <Form.Item
			
 
				+            label="账号名"
			
 
				+            name="userName"
			
 
				+            rules={[{ required: true, message: "请输入账号名!" }]}
			
 
				+            getValueFromEvent={(e) => e.target.value.replace(/\s+/g, "")}
			
 
				+          >
			
 
				+            <Input
			
 
				+              disabled={id}
			
 
				+              maxLength={15}
			
 
				+              showCount
			
 
				+              placeholder="请输入内容"
			
 
				+            />
			
 
				+          </Form.Item>
			
 
				+
			
 
				+          <Form.Item
			
 
				+            label="真实姓名"
			
 
				+            name="realName"
			
 
				+            // rules={[{ required: true, message: "请输入真实姓名!" }]}
			
 
				+            getValueFromEvent={(e) => e.target.value.replace(/\s+/g, "")}
			
 
				+          >
			
 
				+            <Input maxLength={8} showCount placeholder="请输入内容" />
			
 
				+          </Form.Item>
			
 
				+
			
 
				+          {id ? null : <div className="passTit">* 默认密码 123456</div>}
			
 
				+
			
 
				+          {/* 确定和取消按钮 */}
			
 
				+          <br />
			
 
				+          <Form.Item wrapperCol={{ offset: 9, span: 16 }}>
			
 
				+            <Button type="primary" htmlType="submit">
			
 
				+              提交
			
 
				+            </Button>
			
 
				+            &emsp;
			
 
				+            <MyPopconfirm txtK="取消" onConfirm={closePage} />
			
 
				+          </Form.Item>
			
 
				+        </Form>
			
 
				+      </div>
			
 
				+    </Modal>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoUserAdd = React.memo(UserAdd);
			
 
				+
			
 
				+export default MemoUserAdd;
			
--- a/src/pages/Z1user/index.module.scss
+++ b/src/pages/Z1user/index.module.scss
@@ -0,0 +1,64 @@
 
				+.Z1user {
			
 
				+  :global {
			
 
				+    .selectBox {
			
 
				+      border-radius: 10px;
			
 
				+      padding: 15px 24px;
			
 
				+      background-color: #fff;
			
 
				+      display: flex;
			
 
				+      justify-content: space-between;
			
 
				+    }
			
 
				+
			
 
				+    .tableBox {
			
 
				+      border-radius: 10px;
			
 
				+      overflow: hidden;
			
 
				+      margin-top: 15px;
			
 
				+      height: calc(100% - 77px);
			
 
				+      background-color: #fff;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 授权
			
 
				+.Z1auth {
			
 
				+  :global {
			
 
				+    .ant-modal-close {
			
 
				+      display: none;
			
 
				+    }
			
 
				+
			
 
				+    .ant-modal {
			
 
				+      width: 800px !important;
			
 
				+    }
			
 
				+
			
 
				+    .ant-modal-body {
			
 
				+      border-top: 1px solid #ccc;
			
 
				+    }
			
 
				+
			
 
				+    .Z1aEmain {
			
 
				+      padding-top: 15px;
			
 
				+
			
 
				+      .Z1aRow {
			
 
				+        margin-bottom: 10px;
			
 
				+      }
			
 
				+
			
 
				+      .Z1aErr {
			
 
				+        margin-bottom: 20px;
			
 
				+        text-align: center;
			
 
				+        color: #ff4d4f;
			
 
				+        opacity: 0;
			
 
				+        pointer-events: none;
			
 
				+        transition: all .3s;
			
 
				+        position: relative;
			
 
				+        top: -10px;
			
 
				+      }
			
 
				+
			
 
				+      .Z1aErrAc {
			
 
				+        opacity: 1;
			
 
				+        top: 0;
			
 
				+      }
			
 
				+
			
 
				+      .Z1aEbtn {
			
 
				+        text-align: center;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/Z1user/index.tsx
+++ b/src/pages/Z1user/index.tsx
@@ -0,0 +1,200 @@
 
				+import { RootState } from "@/store";
			
 
				+import {
			
 
				+  getUserListAPI,
			
 
				+  userPassResetAPI,
			
 
				+  userRemoveAPI,
			
 
				+} from "@/store/action/Z1user";
			
 
				+import { UserTableAPIType, UserTableListType } from "@/types";
			
 
				+import { MessageFu } from "@/utils/message";
			
 
				+import { Input, Button } from "antd";
			
 
				+import React, {
			
 
				+  useCallback,
			
 
				+  useEffect,
			
 
				+  useMemo,
			
 
				+  useRef,
			
 
				+  useState,
			
 
				+} from "react";
			
 
				+import { useDispatch, useSelector } from "react-redux";
			
 
				+import styles from "./index.module.scss";
			
 
				+import UserAdd from "./UserAdd";
			
 
				+import MyTable from "@/components/MyTable";
			
 
				+import { Z1tableC } from "@/utils/tableData";
			
 
				+import MyPopconfirm from "@/components/MyPopconfirm";
			
 
				+
			
 
				+function Z1user() {
			
 
				+  const dispatch = useDispatch();
			
 
				+
			
 
				+  // 顶部筛选
			
 
				+  const [fromData, setFromData] = useState<UserTableAPIType>({
			
 
				+    pageNum: 1,
			
 
				+    pageSize: 10,
			
 
				+    searchKey: "",
			
 
				+  });
			
 
				+
			
 
				+  // 封装发送请求的函数
			
 
				+
			
 
				+  const getList = useCallback(async () => {
			
 
				+    dispatch(getUserListAPI(fromData));
			
 
				+  }, [dispatch, fromData]);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    getList();
			
 
				+  }, [getList]);
			
 
				+
			
 
				+  const timeRef = useRef(-1);
			
 
				+  // 用户名
			
 
				+  const txtChangeFu = useCallback(
			
 
				+    (e: React.ChangeEvent<HTMLInputElement>, key: "searchKey") => {
			
 
				+      clearTimeout(timeRef.current);
			
 
				+      timeRef.current = window.setTimeout(() => {
			
 
				+        setFromData({
			
 
				+          ...fromData,
			
 
				+          [key]: e.target.value,
			
 
				+          pageNum: 1,
			
 
				+        });
			
 
				+      }, 500);
			
 
				+    },
			
 
				+    [fromData]
			
 
				+  );
			
 
				+
			
 
				+  // 点击重置
			
 
				+  const [inputKey, setInputKey] = useState(1);
			
 
				+  const resetSelectFu = useCallback(() => {
			
 
				+    // 把2个输入框和时间选择器清空
			
 
				+    setInputKey(Date.now());
			
 
				+    setFromData({
			
 
				+      pageNum: 1,
			
 
				+      pageSize: 10,
			
 
				+      searchKey: "",
			
 
				+    });
			
 
				+  }, []);
			
 
				+
			
 
				+  // 从仓库中获取表格数据
			
 
				+  const tableInfo = useSelector((state: RootState) => state.Z1user.tableInfo);
			
 
				+
			
 
				+  // 点击删除
			
 
				+  const delTableFu = useCallback(
			
 
				+    async (id: number) => {
			
 
				+      const res: any = await userRemoveAPI(id);
			
 
				+      if (res.code === 0) {
			
 
				+        MessageFu.success("删除成功!");
			
 
				+        getList();
			
 
				+      }
			
 
				+    },
			
 
				+    [getList]
			
 
				+  );
			
 
				+
			
 
				+  // 点击重置密码
			
 
				+  const resetPassFu = useCallback(async (id: number) => {
			
 
				+    const res: any = await userPassResetAPI(id);
			
 
				+    if (res.code === 0) MessageFu.success("重置成功!");
			
 
				+  }, []);
			
 
				+
			
 
				+  // 0------------点击新增或者编辑出来的页面
			
 
				+  const [editPageShow, setEditPageShow] = useState(false);
			
 
				+  const editId = useRef(0);
			
 
				+
			
 
				+  const openEditPageFu = useCallback(
			
 
				+    (id: number) => {
			
 
				+      if (id === 0 && tableInfo.list.length >= 20)
			
 
				+        return MessageFu.warning("最多支持20个用户！");
			
 
				+
			
 
				+      editId.current = id;
			
 
				+      setEditPageShow(true);
			
 
				+    },
			
 
				+    [tableInfo.list.length]
			
 
				+  );
			
 
				+
			
 
				+  const tableLastBtn = useMemo(() => {
			
 
				+    return [
			
 
				+      {
			
 
				+        title: "操作",
			
 
				+        render: (item: UserTableListType) => {
			
 
				+          return item.isAdmin === 1 ? (
			
 
				+            "-"
			
 
				+          ) : (
			
 
				+            <>
			
 
				+              <MyPopconfirm
			
 
				+                txtK="重置密码"
			
 
				+                onConfirm={() => resetPassFu(item.id)}
			
 
				+                Dom={
			
 
				+                  <Button size="small" type="text">
			
 
				+                    重置密码
			
 
				+                  </Button>
			
 
				+                }
			
 
				+              />
			
 
				+
			
 
				+              <Button
			
 
				+                size="small"
			
 
				+                type="text"
			
 
				+                onClick={() => openEditPageFu(item.id!)}
			
 
				+              >
			
 
				+                编辑
			
 
				+              </Button>
			
 
				+              <MyPopconfirm txtK="删除" onConfirm={() => delTableFu(item.id)} />
			
 
				+            </>
			
 
				+          );
			
 
				+        },
			
 
				+      },
			
 
				+    ];
			
 
				+  }, [delTableFu, openEditPageFu, resetPassFu]);
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.Z1user}>
			
 
				+      <div className="pageTitle">用户管理</div>
			
 
				+      <div className="userTop">
			
 
				+        <div className="selectBox">
			
 
				+          <div className="selectBoxRow">
			
 
				+            <span>搜索项：</span>
			
 
				+            <Input
			
 
				+              key={inputKey}
			
 
				+              maxLength={10}
			
 
				+              showCount
			
 
				+              style={{ width: 300 }}
			
 
				+              placeholder="请输入用户名"
			
 
				+              allowClear
			
 
				+              onChange={(e) => txtChangeFu(e, "searchKey")}
			
 
				+            />
			
 
				+          </div>
			
 
				+
			
 
				+          <div className="selectBoxRow">
			
 
				+            &emsp;&emsp;<Button onClick={resetSelectFu}>重置</Button>
			
 
				+            &emsp;&emsp;
			
 
				+            <Button type="primary" onClick={() => openEditPageFu(0)}>
			
 
				+              新增
			
 
				+            </Button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      {/* 表格主体 */}
			
 
				+      <div className="tableBox">
			
 
				+        <MyTable
			
 
				+          yHeight={630}
			
 
				+          list={tableInfo.list}
			
 
				+          columnsTemp={Z1tableC}
			
 
				+          lastBtn={tableLastBtn}
			
 
				+          pageNum={fromData.pageNum}
			
 
				+          pageSize={fromData.pageSize}
			
 
				+          total={tableInfo.total}
			
 
				+          onChange={(pageNum, pageSize) =>
			
 
				+            setFromData({ ...fromData, pageNum, pageSize })
			
 
				+          }
			
 
				+        />
			
 
				+      </div>
			
 
				+
			
 
				+      {/* 点击新增或者编辑 */}
			
 
				+      {editPageShow ? (
			
 
				+        <UserAdd
			
 
				+          id={editId.current}
			
 
				+          closePage={() => setEditPageShow(false)}
			
 
				+          upTableList={getList}
			
 
				+          addTableList={resetSelectFu}
			
 
				+        />
			
 
				+      ) : null}
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoZ1user = React.memo(Z1user);
			
 
				+
			
 
				+export default MemoZ1user;
			
--- a/src/pages/Z2log/index.module.scss
+++ b/src/pages/Z2log/index.module.scss
@@ -0,0 +1,25 @@
 
				+.Z2log {
			
 
				+  :global {
			
 
				+    .logTop {
			
 
				+      border-radius: 10px;
			
 
				+      background-color: #fff;
			
 
				+
			
 
				+      .tableSelectBox {
			
 
				+        padding: 15px 24px;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+
			
 
				+        .row {
			
 
				+          margin-right: 20px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .tableMain {
			
 
				+      border-radius: 10px;
			
 
				+      margin-top: 15px;
			
 
				+      height: calc(100% - 77px);
			
 
				+      background-color: #fff;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/pages/Z2log/index.tsx
+++ b/src/pages/Z2log/index.tsx
@@ -0,0 +1,100 @@
 
				+import { RootState } from "@/store";
			
 
				+import { getLogListAPI } from "@/store/action/Z2log";
			
 
				+import { Input, DatePicker } from "antd";
			
 
				+import React, { useCallback, useEffect, useRef, useState } from "react";
			
 
				+import { useDispatch, useSelector } from "react-redux";
			
 
				+
			
 
				+import styles from "./index.module.scss";
			
 
				+import MyTable from "@/components/MyTable";
			
 
				+import { Z2tableC } from "@/utils/tableData";
			
 
				+
			
 
				+const { RangePicker } = DatePicker;
			
 
				+
			
 
				+function Z2log() {
			
 
				+  const dispatch = useDispatch();
			
 
				+
			
 
				+  // 筛选和分页
			
 
				+  const [fromData, setFromData] = useState({
			
 
				+    searchKey: "",
			
 
				+    pageSize: 10,
			
 
				+    pageNum: 1,
			
 
				+    startTime: "",
			
 
				+    endTime: "",
			
 
				+  });
			
 
				+
			
 
				+  // 账号的输入
			
 
				+  const nameTime = useRef(-1);
			
 
				+  const nameChange = useCallback(
			
 
				+    (e: React.ChangeEvent<HTMLInputElement>) => {
			
 
				+      clearTimeout(nameTime.current);
			
 
				+      nameTime.current = window.setTimeout(() => {
			
 
				+        setFromData({ ...fromData, searchKey: e.target.value, pageNum: 1 });
			
 
				+      }, 500);
			
 
				+    },
			
 
				+    [fromData]
			
 
				+  );
			
 
				+  // 时间选择器改变
			
 
				+  const timeChange = useCallback(
			
 
				+    (date: any, dateString: any) => {
			
 
				+      let startTime = "";
			
 
				+      let endTime = "";
			
 
				+      if (dateString[0] && dateString[1]) {
			
 
				+        startTime = dateString[0] + " 00:00:00";
			
 
				+        endTime = dateString[1] + " 23:59:59";
			
 
				+      }
			
 
				+      setFromData({ ...fromData, startTime, endTime, pageNum: 1 });
			
 
				+    },
			
 
				+    [fromData]
			
 
				+  );
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    dispatch(getLogListAPI(fromData));
			
 
				+  }, [dispatch, fromData]);
			
 
				+
			
 
				+  // ---------关于表格
			
 
				+  const tableInfo = useSelector((state: RootState) => state.Z2log.tableInfo);
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.Z2log}>
			
 
				+      <div className="pageTitle">操作日志</div>
			
 
				+      <div className="logTop">
			
 
				+        <div className="tableSelectBox">
			
 
				+          <div className="row">
			
 
				+            <span>账号：</span>
			
 
				+            <Input
			
 
				+              maxLength={10}
			
 
				+              showCount
			
 
				+              style={{ width: 300 }}
			
 
				+              placeholder="请输入账号"
			
 
				+              allowClear
			
 
				+              onChange={(e) => nameChange(e)}
			
 
				+            />
			
 
				+          </div>
			
 
				+          <div className="row">
			
 
				+            <span>操作日期：</span>
			
 
				+            <RangePicker onChange={timeChange} />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      {/* 表格主体 */}
			
 
				+      <div className="tableMain">
			
 
				+        <MyTable
			
 
				+          yHeight={630}
			
 
				+          list={tableInfo.list}
			
 
				+          columnsTemp={Z2tableC}
			
 
				+          pageNum={fromData.pageNum}
			
 
				+          pageSize={fromData.pageSize}
			
 
				+          total={tableInfo.total}
			
 
				+          onChange={(pageNum, pageSize) =>
			
 
				+            setFromData({ ...fromData, pageNum, pageSize })
			
 
				+          }
			
 
				+        />
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
 
				+
			
 
				+const MemoZ2log = React.memo(Z2log);
			
 
				+
			
 
				+export default MemoZ2log;
			
--- 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/A1survey.ts
+++ b/src/store/action/A1survey.ts
@@ -0,0 +1,15 @@
 
				+import http from "@/utils/http";
			
 
				+
			
 
				+/**
			
 
				+ * 获取概览信息
			
 
				+ */
			
 
				+export const A1_APIgetInfo = () => {
			
 
				+  return http.get("cms/overview/detail");
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 修改概览信息
			
 
				+ */
			
 
				+export const A1_APIsave = (data: any) => {
			
 
				+  return http.post("cms/overview/edit",data);
			
 
				+};
			
--- a/src/store/action/Z0column.ts
+++ b/src/store/action/Z0column.ts
@@ -0,0 +1,48 @@
 
				+import http from "@/utils/http";
			
 
				+import { AppDispatch } from "..";
			
 
				+import { Z0tableType } from "@/types";
			
 
				+
			
 
				+/**
			
 
				+ * 获取栏目列表
			
 
				+ */
			
 
				+
			
 
				+const Z0listRes = (item: Z0tableType) => {
			
 
				+  return item.name === "其他" ? { ...item, rtf: "-" } : item;
			
 
				+};
			
 
				+
			
 
				+export const Z0_APIgetList = (): any => {
			
 
				+  return async (dispatch: AppDispatch) => {
			
 
				+    const res = await http.get("cms/dict/getList");
			
 
				+    if (res.code === 0) {
			
 
				+      const obj = {
			
 
				+        dynamic: [] as Z0tableType[],
			
 
				+        goods: [] as Z0tableType[],
			
 
				+        activity: [] as Z0tableType[],
			
 
				+      };
			
 
				+
			
 
				+      const list: Z0tableType[] = res.data;
			
 
				+
			
 
				+      list.forEach((v) => {
			
 
				+        if (v.type === "dict-news") obj.dynamic.push(Z0listRes(v));
			
 
				+        else if (v.type === "dict-goods") obj.goods.push(Z0listRes(v));
			
 
				+        else if (v.type === "dict-activity") obj.activity.push(Z0listRes(v));
			
 
				+      });
			
 
				+
			
 
				+      dispatch({ type: "Z0/getList", payload: obj });
			
 
				+    }
			
 
				+  };
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 删除栏目
			
 
				+ */
			
 
				+export const Z0_APIdel = (id: number) => {
			
 
				+  return http.get(`cms/dict/remove/${id}`);
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 栏目排序
			
 
				+ */
			
 
				+export const Z0_APIsort = (id1: number, id2: number) => {
			
 
				+  return http.get(`cms/dict/sort/${id1}/${id2}`);
			
 
				+};
			
--- a/src/store/action/Z1user.ts
+++ b/src/store/action/Z1user.ts
@@ -0,0 +1,47 @@
 
				+import { SaveUserType, UserTableAPIType } from "@/types";
			
 
				+import http from "@/utils/http";
			
 
				+import { AppDispatch } from "..";
			
 
				+/**
			
 
				+ * 获取用户管理表格列表
			
 
				+ */
			
 
				+export const getUserListAPI = (data: UserTableAPIType):any => {
			
 
				+  return async (dispatch: AppDispatch) => {
			
 
				+    const res = await http.post("sys/user/list", data);
			
 
				+    if (res.code === 0) {
			
 
				+      const obj = {
			
 
				+        list: res.data.records,
			
 
				+        total: res.data.total,
			
 
				+      };
			
 
				+
			
 
				+      dispatch({ type: "Z1/getList", payload: obj });
			
 
				+    }
			
 
				+  };
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 删除用户
			
 
				+ */
			
 
				+export const userRemoveAPI = (id: number) => {
			
 
				+  return http.get(`sys/user/removes/${id}`);
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 重置密码
			
 
				+ */
			
 
				+export const userPassResetAPI = (id: number) => {
			
 
				+  return http.get(`sys/user/resetPass/${id}`);
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 新增/修改用户信息
			
 
				+ */
			
 
				+export const userSaveAPI = (data: SaveUserType) => {
			
 
				+  return http.post("sys/user/save", data);
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 通过id获取角色详情
			
 
				+ */
			
 
				+export const getUserInfoByIdAPI = (id: number) => {
			
 
				+  return http.get(`sys/user/detail/${id}`);
			
 
				+};
			
--- a/src/store/action/Z2log.ts
+++ b/src/store/action/Z2log.ts
@@ -0,0 +1,17 @@
 
				+import http from "@/utils/http";
			
 
				+import { AppDispatch } from "..";
			
 
				+/**
			
 
				+ * 获取日志表格列表
			
 
				+ */
			
 
				+export const getLogListAPI = (data: any):any => {
			
 
				+  return async (dispatch: AppDispatch) => {
			
 
				+    const res = await http.post("sys/log/list", data);
			
 
				+    if (res.code === 0) {
			
 
				+      const obj = {
			
 
				+        list: res.data.records,
			
 
				+        total: res.data.total,
			
 
				+      };
			
 
				+      dispatch({ type: "Z2/getList", payload: obj });
			
 
				+    }
			
 
				+  };
			
 
				+};
			
--- a/src/store/action/layout.ts
+++ b/src/store/action/layout.ts
@@ -0,0 +1,49 @@
 
				+import { domShowFu, progressDomFu } from "@/utils/domShow";
			
 
				+import http from "@/utils/http";
			
 
				+import axios from "axios";
			
 
				+import store from "..";
			
 
				+
			
 
				+/**
			
 
				+ * 用户登录接口
			
 
				+ */
			
 
				+export const userLoginAPI = (data: any) => {
			
 
				+  return http.post("admin/login", { ...data });
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 修改密码接口
			
 
				+ */
			
 
				+export const passWordEditAPI = (data: any) => {
			
 
				+  return http.post("sys/user/updatePwd", { ...data });
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 获取验证码
			
 
				+ */
			
 
				+export const API_LoginGetCode = () => {
			
 
				+  return http.get("show/getRandCode", { responseType: "blob" });
			
 
				+};
			
 
				+
			
 
				+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/Z0column.ts
+++ b/src/store/reducer/Z0column.ts
@@ -0,0 +1,33 @@
 
				+import { Z0tableType } from "@/types";
			
 
				+
			
 
				+// 初始化状态
			
 
				+const initState = {
			
 
				+  // 列表数据
			
 
				+  tableInfo: {
			
 
				+    dynamic: [] as Z0tableType[],
			
 
				+    goods: [] as Z0tableType[],
			
 
				+    activity: [] as Z0tableType[],
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+// 定义 action 类型
			
 
				+type Props = {
			
 
				+  type: "Z0/getList";
			
 
				+  payload: {
			
 
				+    dynamic: Z0tableType[];
			
 
				+    goods: Z0tableType[];
			
 
				+    activity: Z0tableType[];
			
 
				+  };
			
 
				+};
			
 
				+
			
 
				+// reducer
			
 
				+export default function userReducer(state = initState, action: Props) {
			
 
				+  switch (action.type) {
			
 
				+    // 获取列表数据
			
 
				+    case "Z0/getList":
			
 
				+      return { ...state, tableInfo: action.payload };
			
 
				+
			
 
				+    default:
			
 
				+      return state;
			
 
				+  }
			
 
				+}
			
--- a/src/store/reducer/Z1user.ts
+++ b/src/store/reducer/Z1user.ts
@@ -0,0 +1,28 @@
 
				+import { UserTableListType } from "@/types";
			
 
				+
			
 
				+// 初始化状态
			
 
				+const initState = {
			
 
				+  // 列表数据
			
 
				+  tableInfo: {
			
 
				+    list: [] as UserTableListType[],
			
 
				+    total: 0,
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+// 定义 action 类型
			
 
				+type Props = {
			
 
				+  type: "Z1/getList";
			
 
				+  payload: { list: UserTableListType[]; total: number };
			
 
				+};
			
 
				+
			
 
				+// reducer
			
 
				+export default function userReducer(state = initState, action: Props) {
			
 
				+  switch (action.type) {
			
 
				+    // 获取列表数据
			
 
				+    case "Z1/getList":
			
 
				+      return { ...state, tableInfo: action.payload };
			
 
				+
			
 
				+    default:
			
 
				+      return state;
			
 
				+  }
			
 
				+}
			
--- a/src/store/reducer/Z2log.ts
+++ b/src/store/reducer/Z2log.ts
@@ -0,0 +1,27 @@
 
				+import { LogTableType } from "@/types";
			
 
				+
			
 
				+// 初始化状态
			
 
				+const initState = {
			
 
				+  // 列表数据
			
 
				+  tableInfo: {
			
 
				+    list: [] as LogTableType[],
			
 
				+    total: 0,
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+// 定义 action 类型
			
 
				+type Props = {
			
 
				+  type: "Z2/getList";
			
 
				+  payload: { list: LogTableType[]; total: number };
			
 
				+};
			
 
				+
			
 
				+// reducer
			
 
				+export default function logReducer(state = initState, action: Props) {
			
 
				+  switch (action.type) {
			
 
				+    // 获取列表数据
			
 
				+    case "Z2/getList":
			
 
				+      return { ...state, tableInfo: action.payload };
			
 
				+    default:
			
 
				+      return state;
			
 
				+  }
			
 
				+}
			
--- a/src/store/reducer/index.ts
+++ b/src/store/reducer/index.ts
@@ -0,0 +1,19 @@
 
				+// 导入合并reducer的依赖
			
 
				+import { combineReducers } from "redux";
			
 
				+
			
 
				+// 导入 登录 模块的 reducer
			
 
				+import A0Layout from "./layout";
			
 
				+import Z0column from "./Z0column";
			
 
				+import Z1user from "./Z1user";
			
 
				+import Z2log from "./Z2log";
			
 
				+
			
 
				+// 合并 reducer
			
 
				+const rootReducer = combineReducers({
			
 
				+  A0Layout,
			
 
				+  Z0column,
			
 
				+  Z1user,
			
 
				+  Z2log,
			
 
				+});
			
 
				+
			
 
				+// 默认导出
			
 
				+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/Z0column.d.ts
+++ b/src/types/api/Z0column.d.ts
@@ -0,0 +1,9 @@
 
				+export type Z0tableType = {
			
 
				+  creatorName: string;
			
 
				+  id: number;
			
 
				+  name: string;
			
 
				+  rtf: string;
			
 
				+  sort: number;
			
 
				+  type: string;
			
 
				+  typeKey: string;
			
 
				+};
			
--- a/src/types/api/Z1user.d.ts
+++ b/src/types/api/Z1user.d.ts
@@ -0,0 +1,31 @@
 
				+export type UserTableAPIType={
			
 
				+  pageNum:number
			
 
				+  pageSize:number
			
 
				+  searchKey:string
			
 
				+}
			
 
				+
			
 
				+export type UserTableListType={
			
 
				+  createTime: string;
			
 
				+  creatorId: null;
			
 
				+  creatorName: string;
			
 
				+  id: number;
			
 
				+  isAdmin: number;
			
 
				+  isEnabled: number;
			
 
				+  nickName: string;
			
 
				+  phone: string;
			
 
				+  realName: string;
			
 
				+  roleId: null;
			
 
				+  roleName: string;
			
 
				+  sex: string;
			
 
				+  thumb: string;
			
 
				+  updateTime: string;
			
 
				+  userName: string;
			
 
				+}
			
 
				+
			
 
				+export type SaveUserType ={
			
 
				+  id:number|null
			
 
				+  userName:string
			
 
				+  nickName:string
			
 
				+  roleId:number
			
 
				+  realName:string
			
 
				+}
			
--- a/src/types/api/Z2log.d.ts
+++ b/src/types/api/Z2log.d.ts
@@ -0,0 +1,11 @@
 
				+export type LogTableType = {
			
 
				+  createTime: string;
			
 
				+  creatorId: null;
			
 
				+  creatorName: string;
			
 
				+  description: string;
			
 
				+  id: number;
			
 
				+  ip: string;
			
 
				+  type: string;
			
 
				+  updateTime: null;
			
 
				+  userName: string;
			
 
				+}
			
--- a/src/types/api/layot.d.ts
+++ b/src/types/api/layot.d.ts
@@ -0,0 +1,25 @@
 
				+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";
			
 
				+};
			
--- a/src/types/declaration.d.ts
+++ b/src/types/declaration.d.ts
@@ -0,0 +1,8 @@
 
				+declare module "history";
			
 
				+declare module "*.scss";
			
 
				+declare module "*.png";
			
 
				+declare module "*.jpg";
			
 
				+declare module "*.gif";
			
 
				+declare module "*.svg";
			
 
				+declare module "js-export-excel";
			
 
				+declare module 'braft-utils';
			
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -0,0 +1,4 @@
 
				+export * from './api/layot'
			
 
				+export * from './api/Z0column'
			
 
				+export * from './api/Z1user'
			
 
				+export * from './api/Z2log'
			
--- 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