1 jaar geleden · 73c48649d9
--- 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,22 @@
 
				+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
			
 
				+}
			
 
				+
			
 
				+
			
--- 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,64 @@
 
				+{
			
 
				+  "name": "demo",
			
 
				+  "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",
			
 
				+    "dayjs": "^1.11.7",
			
 
				+    "js-base64": "^3.7.3",
			
 
				+    "js-export-excel": "^1.1.4",
			
 
				+    "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/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: #A64735;
			
 
				+  --themeColor2: #e5c56b;
			
 
				+}
			
 
				+/* 找不到页面 */
			
 
				+.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: #A64735;
			
 
				+  --themeColor2: #e5c56b;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+/* 找不到页面 */
			
 
				+.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/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/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: "#A64735",
			
 
				+      },
			
 
				+    }}
			
 
				+  >
			
 
				+    <Provider store={store}>
			
 
				+      <StyleProvider
			
 
				+        hashPriority="high"
			
 
				+        transformers={[legacyLogicalPropertiesTransformer]}
			
 
				+      >
			
 
				+        <App />
			
 
				+      </StyleProvider>
			
 
				+    </Provider>
			
 
				+  </ConfigProvider>
			
 
				+);
			
--- a/src/pages/A1video/index.module.scss
+++ b/src/pages/A1video/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A1video{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A1video/index.tsx
+++ b/src/pages/A1video/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A1video() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A1video}>
			
 
				+      <h1>A1video</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA1video = React.memo(A1video);
			
 
				+
			
 
				+export default MemoA1video;
			
--- a/src/pages/A2poster/index.module.scss
+++ b/src/pages/A2poster/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A2poster{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A2poster/index.tsx
+++ b/src/pages/A2poster/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A2poster() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A2poster}>
			
 
				+      <h1>A2poster</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA2poster = React.memo(A2poster);
			
 
				+
			
 
				+export default MemoA2poster;
			
--- a/src/pages/A3play/index.module.scss
+++ b/src/pages/A3play/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A3play{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A3play/index.tsx
+++ b/src/pages/A3play/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A3play() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A3play}>
			
 
				+      <h1>A3play</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA3play = React.memo(A3play);
			
 
				+
			
 
				+export default MemoA3play;
			
--- a/src/pages/A4exhibit/index.module.scss
+++ b/src/pages/A4exhibit/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A4exhibit{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A4exhibit/index.tsx
+++ b/src/pages/A4exhibit/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A4exhibit() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A4exhibit}>
			
 
				+      <h1>A4exhibit</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA4exhibit = React.memo(A4exhibit);
			
 
				+
			
 
				+export default MemoA4exhibit;
			
--- a/src/pages/A5goods/index.module.scss
+++ b/src/pages/A5goods/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A5goods{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A5goods/index.tsx
+++ b/src/pages/A5goods/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A5goods() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A5goods}>
			
 
				+      <h1>A5goods</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA5goods = React.memo(A5goods);
			
 
				+
			
 
				+export default MemoA5goods;
			
--- a/src/pages/A6hot/index.module.scss
+++ b/src/pages/A6hot/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A6hot{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A6hot/index.tsx
+++ b/src/pages/A6hot/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A6hot() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A6hot}>
			
 
				+      <h1>A6hot</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA6hot = React.memo(A6hot);
			
 
				+
			
 
				+export default MemoA6hot;
			
--- a/src/pages/A7user/index.module.scss
+++ b/src/pages/A7user/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A7user{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A7user/index.tsx
+++ b/src/pages/A7user/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A7user() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A7user}>
			
 
				+      <h1>A7user</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA7user = React.memo(A7user);
			
 
				+
			
 
				+export default MemoA7user;
			
--- a/src/pages/A8log/index.module.scss
+++ b/src/pages/A8log/index.module.scss
@@ -0,0 +1,5 @@
 
				+.A8log{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/A8log/index.tsx
+++ b/src/pages/A8log/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function A8log() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.A8log}>
			
 
				+      <h1>A8log</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoA8log = React.memo(A8log);
			
 
				+
			
 
				+export default MemoA8log;
			
--- a/src/pages/Layout/data.ts
+++ b/src/pages/Layout/data.ts
@@ -0,0 +1,75 @@
 
				+import { RouterType } from "@/types";
			
 
				+import React from "react";
			
 
				+
			
 
				+const tabLeftArr: RouterType = [
			
 
				+  {
			
 
				+    id: "1",
			
 
				+    name: "业务配置",
			
 
				+    son: [
			
 
				+      {
			
 
				+        id: "1.1",
			
 
				+        name: "视频管理",
			
 
				+        path: "/",
			
 
				+        Com: React.lazy(() => import("../A1video")),
			
 
				+        done: true,
			
 
				+      },
			
 
				+      {
			
 
				+        id: "1.2",
			
 
				+        name: "海报管理",
			
 
				+        path: "/poster",
			
 
				+        Com: React.lazy(() => import("../A2poster")),
			
 
				+        done: true,
			
 
				+      },
			
 
				+      {
			
 
				+        id: "1.3",
			
 
				+        name: "播放管理",
			
 
				+        path: "/play",
			
 
				+        Com: React.lazy(() => import("../A3play")),
			
 
				+        done: true,
			
 
				+      },
			
 
				+      {
			
 
				+        id: "1.4",
			
 
				+        name: "云展管理",
			
 
				+        path: "/exhibit",
			
 
				+        Com: React.lazy(() => import("../A4exhibit")),
			
 
				+        done: true,
			
 
				+      },
			
 
				+      {
			
 
				+        id: "1.5",
			
 
				+        name: "馆藏管理",
			
 
				+        path: "/goods",
			
 
				+        Com: React.lazy(() => import("../A5goods")),
			
 
				+        done: true,
			
 
				+      },
			
 
				+      {
			
 
				+        id: "1.6",
			
 
				+        name: "热度统计",
			
 
				+        path: "/hot",
			
 
				+        Com: React.lazy(() => import("../A6hot")),
			
 
				+        done: true,
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+  {
			
 
				+    id: "2",
			
 
				+    name: "系统管理",
			
 
				+    son: [
			
 
				+      {
			
 
				+        id: "3.1",
			
 
				+        name: "用户管理",
			
 
				+        path: "/user",
			
 
				+        Com: React.lazy(() => import("../A7user")),
			
 
				+        done: false,
			
 
				+      },
			
 
				+      {
			
 
				+        id: "3.2",
			
 
				+        name: "系统日志",
			
 
				+        path: "/log",
			
 
				+        Com: React.lazy(() => import("../A8log")),
			
 
				+        done: false,
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+];
			
 
				+
			
 
				+export default tabLeftArr;
			
--- a/src/pages/Layout/index.module.scss
+++ b/src/pages/Layout/index.module.scss
@@ -0,0 +1,178 @@
 
				+.Layout {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+    .layoutLeft {
			
 
				+      position: relative;
			
 
				+      z-index: 30;
			
 
				+      width: 220px;
			
 
				+      height: 100%;
			
 
				+      background-color: #A64735;
			
 
				+
			
 
				+
			
 
				+      .layoutLeftTop {
			
 
				+        text-align: center;
			
 
				+        padding: 20px 0 20px;
			
 
				+
			
 
				+        &>img {
			
 
				+          width: 200px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .layoutLeftMain {
			
 
				+        .layoutLRowBox {
			
 
				+          .layoutLRowBoxTxt {
			
 
				+            font-size: 18px;
			
 
				+            font-weight: 700;
			
 
				+            height: 60px;
			
 
				+            line-height: 60px;
			
 
				+            padding-left: 40px;
			
 
				+          }
			
 
				+
			
 
				+          .layoutLRowBoxRow {
			
 
				+            color: #fff;
			
 
				+            text-align: center;
			
 
				+            cursor: pointer;
			
 
				+
			
 
				+            font-size: 16px;
			
 
				+            height: 50px;
			
 
				+            line-height: 50px;
			
 
				+            margin-top: 20px;
			
 
				+
			
 
				+            &:hover {
			
 
				+              background-color: var(--themeColor2);
			
 
				+              color: var(--themeColor);
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .active {
			
 
				+            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,256 @@
 
				+import React, {
			
 
				+  useCallback,
			
 
				+  useEffect,
			
 
				+  useMemo,
			
 
				+  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, Popconfirm } 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 logoImg from "@/assets/img/logo.png";
			
 
				+import NotFound from "@/components/NotFound";
			
 
				+
			
 
				+import { RouterType, RouterTypeRow } from "@/types";
			
 
				+import tabLeftArr from "./data";
			
 
				+
			
 
				+function Layout() {
			
 
				+  // 左侧菜单 和 路由 信息
			
 
				+  const [list, setList] = useState([] as RouterType);
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    const arr = [...tabLeftArr];
			
 
				+
			
 
				+    // 超级管理员才有 用户管理 和 系统日志
			
 
				+    if (getTokenInfo().user.isAdmin === 1) {
			
 
				+      arr[1].son[0].done = true;
			
 
				+      arr[1].son[1].done = true;
			
 
				+    }
			
 
				+    setList(arr);
			
 
				+  }, []);
			
 
				+
			
 
				+  // 点击跳转
			
 
				+  const pathCutFu = useCallback((path: string) => {
			
 
				+    history.push(path);
			
 
				+  }, []);
			
 
				+
			
 
				+  // 当前路径选中的左侧菜单
			
 
				+  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 [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");
			
 
				+  };
			
 
				+
			
 
				+  // 路由信息（过滤之后的）
			
 
				+  const RouterCom = useMemo(() => {
			
 
				+    const arr: RouterTypeRow = [];
			
 
				+    list.forEach((v) => {
			
 
				+      if (v.son && v.son[0]) {
			
 
				+        v.son.forEach((v2) => {
			
 
				+          if (v2.done) arr.push(v2);
			
 
				+        });
			
 
				+      }
			
 
				+    });
			
 
				+    return arr;
			
 
				+  }, [list]);
			
 
				+
			
 
				+  // 第一个页面不是 项目 管理 的时候 动态 跳转
			
 
				+  useEffect(() => {
			
 
				+    if (RouterCom && RouterCom[0] && RouterCom[0].id !== "1.1")
			
 
				+      history.replace(RouterCom[0].path);
			
 
				+  }, [RouterCom]);
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.Layout}>
			
 
				+      {/* 左边 */}
			
 
				+      <div className="layoutLeft">
			
 
				+        <div className="layoutLeftTop">
			
 
				+          <img src={logoImg} alt="" />
			
 
				+        </div>
			
 
				+        {/* 左边主体 */}
			
 
				+        <div className="layoutLeftMain">
			
 
				+          {list.map((v) => (
			
 
				+            <div
			
 
				+              className={classNames("layoutLRowBox")}
			
 
				+              key={v.id}
			
 
				+              hidden={v.son.every((c) => !c.done)}
			
 
				+            >
			
 
				+              {/* 这个项目没有一级目录 */}
			
 
				+              {/* <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 || "匿名"}
			
 
				+            <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>
			
 
				+                <Popconfirm
			
 
				+                  placement="bottom"
			
 
				+                  title="确定退出吗?"
			
 
				+                  okText="确定"
			
 
				+                  cancelText="取消"
			
 
				+                  onConfirm={loginExit}
			
 
				+                  okButtonProps={{ loading: false }}
			
 
				+                >
			
 
				+                  退出登录
			
 
				+                </Popconfirm>
			
 
				+              </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,139 @@
 
				+.Login {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  background-image: url("../../assets/img/loginBac.jpg");
			
 
				+  background-size: 100% 100%;
			
 
				+
			
 
				+  :global {
			
 
				+
			
 
				+
			
 
				+    .mainRight {
			
 
				+      position: absolute;
			
 
				+      right: 240px;
			
 
				+      top: 50%;
			
 
				+      transform: translateY(-50%);
			
 
				+      width: 530px;
			
 
				+      background-color: rgba(166, 71, 53, 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;
			
 
				+
			
 
				+        .loginLogo {
			
 
				+          margin-top: 40px;
			
 
				+          width: 240px;
			
 
				+        }
			
 
				+
			
 
				+        .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: 50px auto;
			
 
				+
			
 
				+            .ant-input-suffix .ant-input-password-icon {
			
 
				+              color: var(--themeColor2);
			
 
				+              font-size: 22px;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .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: #f0d99c;
			
 
				+            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,93 @@
 
				+import styles from "./index.module.scss";
			
 
				+
			
 
				+import { Input, Button } from "antd";
			
 
				+import { UserOutlined, LockOutlined } from "@ant-design/icons";
			
 
				+import { 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 { userLoginAPI } from "@/store/action/layout";
			
 
				+import loginLogoImg from "@/assets/img/logo.png";
			
 
				+
			
 
				+export default function Login() {
			
 
				+  // 账号密码
			
 
				+  const [userName, setUserName] = useState("");
			
 
				+  const [passWord, setPassWord] = useState("");
			
 
				+
			
 
				+  useEffect(() => {
			
 
				+    //进入登录页 重置 权限信息为空
			
 
				+  }, []);
			
 
				+
			
 
				+  // 键盘按下回车事件
			
 
				+  const keyUpEntFu = (e: React.KeyboardEvent<HTMLInputElement>) => {
			
 
				+    if (e.key === "Enter") loginClickFu();
			
 
				+  };
			
 
				+  // 点击登录
			
 
				+  const loginClickFu = async () => {
			
 
				+    // 非空判断
			
 
				+    if (userName === "") return MessageFu.warning("请输入账号!");
			
 
				+    else if (passWord === "") return MessageFu.warning("请输入密码!");
			
 
				+    const obj = {
			
 
				+      userName,
			
 
				+      passWord: encodeStr(Base64.encode(passWord)),
			
 
				+    };
			
 
				+    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("账号不存在或密码错误，请联系管理员!");
			
 
				+  };
			
 
				+
			
 
				+  return (
			
 
				+    <div className={styles.Login}>
			
 
				+      <div className="mainRight">
			
 
				+        <div className="rightMain">
			
 
				+          <img className="loginLogo" src={loginLogoImg} alt="" />
			
 
				+          {/* 账号密码输入框 */}
			
 
				+          <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>
			
 
				+
			
 
				+          {/* 登录按钮 */}
			
 
				+          <div className="loginBtn">
			
 
				+            <Button type="primary" size="large" onClick={loginClickFu}>
			
 
				+              &emsp;&emsp;登&emsp;&emsp;录&emsp;&emsp;
			
 
				+            </Button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  );
			
 
				+}
			
--- a/src/pages/初始化组件/index.module.scss
+++ b/src/pages/初始化组件/index.module.scss
@@ -0,0 +1,5 @@
 
				+.AAAAA{
			
 
				+  :global{
			
 
				+    
			
 
				+  }
			
 
				+}
			
--- a/src/pages/初始化组件/index.tsx
+++ b/src/pages/初始化组件/index.tsx
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+import styles from "./index.module.scss";
			
 
				+ function AAAAA() {
			
 
				+  
			
 
				+  return (
			
 
				+    <div className={styles.AAAAA}>
			
 
				+      <h1>AAAAA</h1>
			
 
				+    </div>
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const MemoAAAAA = React.memo(AAAAA);
			
 
				+
			
 
				+export default MemoAAAAA;
			
--- a/src/store/action/layout.ts
+++ b/src/store/action/layout.ts
@@ -0,0 +1,42 @@
 
				+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 });
			
 
				+};
			
 
				+
			
 
				+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/index.ts
+++ b/src/store/reducer/index.ts
@@ -0,0 +1,14 @@
 
				+// 导入合并reducer的依赖
			
 
				+import { combineReducers } from "redux";
			
 
				+
			
 
				+// 导入 登录 模块的 reducer
			
 
				+import A0Layout from "./layout";
			
 
				+
			
 
				+
			
 
				+// 合并 reducer
			
 
				+const rootReducer = combineReducers({
			
 
				+  A0Layout,
			
 
				+});
			
 
				+
			
 
				+// 默认导出
			
 
				+export default rootReducer;
			
--- a/src/store/reducer/layout.ts
+++ b/src/store/reducer/layout.ts
@@ -0,0 +1,65 @@
 
				+import { LookDomType } from "@/types";
			
 
				+import { MessageType } from "@/utils/message";
			
 
				+
			
 
				+// 初始化状态
			
 
				+const initState = {
			
 
				+  // 所有图片点击预览查看大图
			
 
				+  lookBigImg: {
			
 
				+    url: "",
			
 
				+    show: false,
			
 
				+  },
			
 
				+  // 查看视频、音频、模型
			
 
				+  lookDom: {
			
 
				+    src: "",
			
 
				+    type: "",
			
 
				+  } as LookDomType,
			
 
				+
			
 
				+  // antd轻提示(兼容360浏览器)
			
 
				+  message: {
			
 
				+    txt: "",
			
 
				+    type: "info",
			
 
				+    duration: 3,
			
 
				+  } as MessageType,
			
 
				+  // 上传文件点击取消
			
 
				+  closeUpFile: {
			
 
				+    fu: () => {},
			
 
				+    state: false,
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+// 定义 action 类型
			
 
				+type LayoutActionType =
			
 
				+  | { type: "layout/lookBigImg"; payload: { url: string; show: boolean } }
			
 
				+  | { type: "layout/lookDom"; payload: LookDomType }
			
 
				+  | { type: "layout/message"; payload: MessageType }
			
 
				+  | {
			
 
				+      type: "layout/closeUpFile";
			
 
				+      payload: {
			
 
				+        fu: () => void;
			
 
				+        state: boolean;
			
 
				+      };
			
 
				+    };
			
 
				+
			
 
				+// 频道 reducer
			
 
				+export default function layoutReducer(
			
 
				+  state = initState,
			
 
				+  action: LayoutActionType
			
 
				+) {
			
 
				+  switch (action.type) {
			
 
				+    // 所有图片点击预览查看大图
			
 
				+    case "layout/lookBigImg":
			
 
				+      return { ...state, lookBigImg: action.payload };
			
 
				+    // 查看视频
			
 
				+    case "layout/lookDom":
			
 
				+      return { ...state, lookDom: action.payload };
			
 
				+
			
 
				+    // antd轻提示(兼容360浏览器)
			
 
				+    case "layout/message":
			
 
				+      return { ...state, message: action.payload };
			
 
				+    // 上传文件点击取消
			
 
				+    case "layout/closeUpFile":
			
 
				+      return { ...state, closeUpFile: action.payload };
			
 
				+    default:
			
 
				+      return state;
			
 
				+  }
			
 
				+}
			
--- a/src/types/api/layot.d.ts
+++ b/src/types/api/layot.d.ts
@@ -0,0 +1,26 @@
 
				+export type LookDomType = {
			
 
				+  src: string;
			
 
				+  type: "video" | "audio" | "model" | "";
			
 
				+  flag?: boolean;
			
 
				+};
			
 
				+
			
 
				+export type RouterTypeRow = {
			
 
				+  id: string;
			
 
				+  name: string;
			
 
				+  path: string;
			
 
				+  Com: React.LazyExoticComponent<React.MemoExoticComponent<() => JSX.Element>>;
			
 
				+  done: boolean;
			
 
				+}[];
			
 
				+
			
 
				+export type RouterType = {
			
 
				+  id: string;
			
 
				+  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,7 @@
 
				+declare module "history";
			
 
				+declare module "*.scss";
			
 
				+declare module "*.png";
			
 
				+declare module "*.jpg";
			
 
				+declare module "*.gif";
			
 
				+declare module "*.svg";
			
 
				+declare module "js-export-excel";
			
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -0,0 +1,8 @@
 
				+export * from './api/layot'
			
 
				+export * from './api/A1Camera'
			
 
				+export * from './api/A2Psychz'
			
 
				+export * from './api/B1Plan'
			
 
				+export * from './api/B2Scene'
			
 
				+export * from './api/B3Push'
			
 
				+export * from './api/C1User'
			
 
				+export * from './api/C2Log'
			
--- a/src/utils/domShow.ts
+++ b/src/utils/domShow.ts
@@ -0,0 +1,35 @@
 
				+import store from "@/store";
			
 
				+
			
 
				+// 加载和上传的盒子的显示隐藏
			
 
				+export const domShowFu = (ele: string, val: boolean) => {
			
 
				+  const dom: HTMLDivElement = document.querySelector(ele)!;
			
 
				+  if (val) {
			
 
				+    dom.style.opacity = "1";
			
 
				+    dom.style.pointerEvents = "auto";
			
 
				+  } else {
			
 
				+    dom.style.opacity = "0";
			
 
				+    dom.style.pointerEvents = "none";
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 上传附件的进度条
			
 
				+let progressDom: HTMLDivElement = document.querySelector("#progress")!;
			
 
				+export const progressDomFu = (val: string) => {
			
 
				+  if (!progressDom) progressDom = document.querySelector("#progress")!;
			
 
				+  progressDom.style.width = val;
			
 
				+};
			
 
				+
			
 
				+// 上传附件的dom操作
			
 
				+export const fileDomInitialFu = () => {
			
 
				+  // 隐藏进度条的dom
			
 
				+  domShowFu("#UpAsyncLoding", false);
			
 
				+  progressDomFu("0%");
			
 
				+  // 初始化 上传附件 的状态
			
 
				+  setTimeout(() => {
			
 
				+    if (store.getState().A0Layout.closeUpFile.state)
			
 
				+      store.dispatch({
			
 
				+        type: "layout/closeUpFile",
			
 
				+        payload: { fu: () => {}, state: false },
			
 
				+      });
			
 
				+  }, 200);
			
 
				+};
			
--- a/src/utils/history.ts
+++ b/src/utils/history.ts
@@ -0,0 +1,3 @@
 
				+import { createHashHistory  } from 'history'
			
 
				+const history = createHashHistory()
			
 
				+export default history
			
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -0,0 +1,109 @@
 
				+import axios from "axios";
			
 
				+import history from "./history";
			
 
				+import { getTokenInfo, removeTokenInfo } from "./storage";
			
 
				+import store from "@/store";
			
 
				+import { MessageFu } from "./message";
			
 
				+import { domShowFu } from "./domShow";
			
 
				+// 请求基地址
			
 
				+export const baseURL =
			
 
				+  // 线下的图片地址需要加上/api/
			
 
				+  // process.env.NODE_ENV === "development"
			
 
				+  //   ? "http://192.168.20.61:8057/api/"
			
 
				+  //   : "";
			
 
				+  process.env.NODE_ENV === "development" ? "https://sit-chaozhoubwg.4dage.com" : ""; //测试环境
			
 
				+
			
 
				+// 处理  类型“AxiosResponse<any, any>”上不存在属性“code”
			
 
				+declare module "axios" {
			
 
				+  interface AxiosResponse {
			
 
				+    code: number;
			
 
				+    timestamp:string
			
 
				+    // 这里追加你的参数
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 创建 axios 实例
			
 
				+const http = axios.create({
			
 
				+  // --------线下的地址不用加/api/
			
 
				+  // baseURL: baseURL,
			
 
				+
			
 
				+  // --------打包或线上环境接口需要加上api/
			
 
				+  baseURL: baseURL + "/api/",
			
 
				+  timeout: 5000,
			
 
				+});
			
 
				+
			
 
				+let axajInd = 0;
			
 
				+
			
 
				+// 请求拦截器
			
 
				+http.interceptors.request.use(
			
 
				+  function (config: any) {
			
 
				+    // 发请求前打开加载提示
			
 
				+    domShowFu("#AsyncSpinLoding", true);
			
 
				+
			
 
				+    axajInd++;
			
 
				+
			
 
				+    const { token } = getTokenInfo();
			
 
				+    if (token) config.headers.token = token;
			
 
				+    return config;
			
 
				+  },
			
 
				+  function (err) {
			
 
				+    return Promise.reject(err);
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+let timeId = -1;
			
 
				+
			
 
				+// 响应拦截器
			
 
				+http.interceptors.response.use(
			
 
				+  function (response) {
			
 
				+    // 请求回来的关闭加载提示
			
 
				+    axajInd--;
			
 
				+    if (axajInd === 0) {
			
 
				+      domShowFu("#AsyncSpinLoding", false);
			
 
				+    }
			
 
				+    if (response.data.code === 5001 || response.data.code === 5002) {
			
 
				+      removeTokenInfo();
			
 
				+      history.push("/login");
			
 
				+      clearTimeout(timeId);
			
 
				+      timeId = window.setTimeout(() => {
			
 
				+        MessageFu.warning("登录失效!");
			
 
				+      }, 200);
			
 
				+    } else if (response.data.code === 0) {
			
 
				+      // MessageFu.success(response.data.msg);
			
 
				+    } else if (response.data.code !== 3014)
			
 
				+      MessageFu.warning(response.data.msg);
			
 
				+
			
 
				+    return response.data;
			
 
				+  },
			
 
				+  async function (err) {
			
 
				+    clearTimeout(timeId);
			
 
				+    timeId = window.setTimeout(() => {
			
 
				+      axajInd = 0;
			
 
				+      domShowFu("#AsyncSpinLoding", false);
			
 
				+      // 如果因为网络原因，response没有，给提示消息
			
 
				+      if (!err.response) {
			
 
				+        if (store.getState().A0Layout.closeUpFile.state)
			
 
				+          MessageFu.warning("取消上传!");
			
 
				+        else MessageFu.error("网络繁忙，请稍后重试!");
			
 
				+      } else {
			
 
				+        if (
			
 
				+          err.response &&
			
 
				+          err.response.data &&
			
 
				+          err.response.data.msg &&
			
 
				+          err.response.data.msg.length < 30
			
 
				+        ) {
			
 
				+          MessageFu.error(err.response.data.msg);
			
 
				+          // 没有权限
			
 
				+          if (err.response.data.code === 5003) {
			
 
				+            removeTokenInfo();
			
 
				+            history.push("/login");
			
 
				+          }
			
 
				+        } else MessageFu.error("响应错误，请联系管理员!");
			
 
				+      }
			
 
				+    }, 100);
			
 
				+
			
 
				+    return Promise.reject(err);
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+// 导出 axios 实例
			
 
				+export default http;
			
--- a/src/utils/message.ts
+++ b/src/utils/message.ts
@@ -0,0 +1,50 @@
 
				+import store from "@/store";
			
 
				+
			
 
				+export type MessageType = {
			
 
				+  txt: string;
			
 
				+  type: "info" | "success" | "error" | "warning";
			
 
				+  duration: number;
			
 
				+};
			
 
				+
			
 
				+export const MessageFu = {
			
 
				+  info: (txt: string, duration?: number) => {
			
 
				+    store.dispatch({
			
 
				+      type: "layout/message",
			
 
				+      payload: {
			
 
				+        txt,
			
 
				+        type: "info",
			
 
				+        duration: duration === undefined ? 3 : duration,
			
 
				+      },
			
 
				+    });
			
 
				+  },
			
 
				+  success: (txt: string, duration?: number) => {
			
 
				+    store.dispatch({
			
 
				+      type: "layout/message",
			
 
				+      payload: {
			
 
				+        txt,
			
 
				+        type: "success",
			
 
				+        duration: duration === undefined ? 3 : duration,
			
 
				+      },
			
 
				+    });
			
 
				+  },
			
 
				+  error: (txt: string, duration?: number) => {
			
 
				+    store.dispatch({
			
 
				+      type: "layout/message",
			
 
				+      payload: {
			
 
				+        txt,
			
 
				+        type: "error",
			
 
				+        duration: duration === undefined ? 3 : duration,
			
 
				+      },
			
 
				+    });
			
 
				+  },
			
 
				+  warning: (txt: string, duration?: number) => {
			
 
				+    store.dispatch({
			
 
				+      type: "layout/message",
			
 
				+      payload: {
			
 
				+        txt,
			
 
				+        type: "warning",
			
 
				+        duration: duration === undefined ? 3 : duration,
			
 
				+      },
			
 
				+    });
			
 
				+  },
			
 
				+};
			
--- a/src/utils/pass.ts
+++ b/src/utils/pass.ts
@@ -0,0 +1,100 @@
 
				+function randomWord(randomFlag: boolean, min: number, max: number = 15) {
			
 
				+  let str = "";
			
 
				+  let range = min;
			
 
				+  const arr = [
			
 
				+    "0",
			
 
				+    "1",
			
 
				+    "2",
			
 
				+    "3",
			
 
				+    "4",
			
 
				+    "5",
			
 
				+    "6",
			
 
				+    "7",
			
 
				+    "8",
			
 
				+    "9",
			
 
				+    "a",
			
 
				+    "b",
			
 
				+    "c",
			
 
				+    "d",
			
 
				+    "e",
			
 
				+    "f",
			
 
				+    "g",
			
 
				+    "h",
			
 
				+    "i",
			
 
				+    "j",
			
 
				+    "k",
			
 
				+    "l",
			
 
				+    "m",
			
 
				+    "n",
			
 
				+    "o",
			
 
				+    "p",
			
 
				+    "q",
			
 
				+    "r",
			
 
				+    "s",
			
 
				+    "t",
			
 
				+    "u",
			
 
				+    "v",
			
 
				+    "w",
			
 
				+    "x",
			
 
				+    "y",
			
 
				+    "z",
			
 
				+    "A",
			
 
				+    "B",
			
 
				+    "C",
			
 
				+    "D",
			
 
				+    "E",
			
 
				+    "F",
			
 
				+    "G",
			
 
				+    "H",
			
 
				+    "I",
			
 
				+    "J",
			
 
				+    "K",
			
 
				+    "L",
			
 
				+    "M",
			
 
				+    "N",
			
 
				+    "O",
			
 
				+    "P",
			
 
				+    "Q",
			
 
				+    "R",
			
 
				+    "S",
			
 
				+    "T",
			
 
				+    "U",
			
 
				+    "V",
			
 
				+    "W",
			
 
				+    "X",
			
 
				+    "Y",
			
 
				+    "Z",
			
 
				+  ];
			
 
				+  // 随机产生
			
 
				+  if (randomFlag) {
			
 
				+    range = Math.round(Math.random() * (max - min)) + min;
			
 
				+  }
			
 
				+  for (var i = 0; i < range; i++) {
			
 
				+    const pos = Math.round(Math.random() * (arr.length - 1));
			
 
				+    str += arr[pos];
			
 
				+  }
			
 
				+  return str;
			
 
				+}
			
 
				+
			
 
				+const encodeStr = (str: string, strv = "") => {
			
 
				+  const NUM = 2;
			
 
				+  const front = randomWord(false, 8);
			
 
				+  const middle = randomWord(false, 8);
			
 
				+  const end = randomWord(false, 8);
			
 
				+
			
 
				+  const str1 = str.substring(0, NUM);
			
 
				+  const str2 = str.substring(NUM);
			
 
				+
			
 
				+  if (strv) {
			
 
				+    const strv1 = strv.substring(0, NUM);
			
 
				+    const strv2 = strv.substring(NUM);
			
 
				+    return [
			
 
				+      front + str2 + middle + str1 + end,
			
 
				+      front + strv2 + middle + strv1 + end,
			
 
				+    ];
			
 
				+  }
			
 
				+
			
 
				+  return front + str2 + middle + str1 + end;
			
 
				+};
			
 
				+
			
 
				+export default encodeStr;
			
--- a/src/utils/storage.ts
+++ b/src/utils/storage.ts
@@ -0,0 +1,40 @@
 
				+// ------------------------------------token的本地存储------------------------------------
			
 
				+
			
 
				+// 用户 Token 的本地缓存键名，自己定义
			
 
				+const TOKEN_KEY = "CZWWQ_HT_USER_INFO";
			
 
				+
			
 
				+/**
			
 
				+ * 从本地缓存中获取 用户 信息
			
 
				+ */
			
 
				+export const getTokenInfo = (): any => {
			
 
				+  return JSON.parse(localStorage.getItem(TOKEN_KEY) || "{}");
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 将 用户 信息存入缓存
			
 
				+ * @param {Object} tokenInfo 从后端获取到的 Token 信息
			
 
				+ */
			
 
				+export const setTokenInfo = (tokenInfo: any): void => {
			
 
				+  localStorage.setItem(TOKEN_KEY, JSON.stringify(tokenInfo));
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 删除本地缓存中的 用户 信息
			
 
				+ */
			
 
				+export const removeTokenInfo = (): void => {
			
 
				+  localStorage.removeItem(TOKEN_KEY);
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 判断本地缓存中是否存在 Token 信息
			
 
				+ */
			
 
				+export const hasToken = (): boolean => {
			
 
				+  return Boolean(getTokenInfo().token);
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 获取本地缓存中是否存在 Token 信息
			
 
				+ */
			
 
				+export const getTokenFu = (): string => {
			
 
				+  return getTokenInfo().token;
			
 
				+};
			
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,27 @@
 
				+{
			
 
				+  "extends": "./path.tsconfig.json",
			
 
				+  "compilerOptions": {
			
 
				+    "target": "es5",
			
 
				+    "lib": [
			
 
				+      "dom",
			
 
				+      "dom.iterable",
			
 
				+      "esnext"
			
 
				+    ],
			
 
				+    "allowJs": true,
			
 
				+    "skipLibCheck": true,
			
 
				+    "esModuleInterop": true,
			
 
				+    "allowSyntheticDefaultImports": true,
			
 
				+    "strict": true,
			
 
				+    "forceConsistentCasingInFileNames": true,
			
 
				+    "noFallthroughCasesInSwitch": true,
			
 
				+    "module": "esnext",
			
 
				+    "moduleResolution": "node",
			
 
				+    "resolveJsonModule": true,
			
 
				+    "isolatedModules": true,
			
 
				+    "noEmit": true,
			
 
				+    "jsx": "react-jsx"
			
 
				+  },
			
 
				+  "include": [
			
 
				+    "src"
			
 
				+  ]
			
 
				+}