il y a 1 mois · 8c4112933a
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1 @@
 
																+VITE_BASE_URL=https://sit-zhongyuanbwg.4dage.com/
															
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1 @@
 
																+VITE_BASE_URL=/
															
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,30 @@
 
																+# Logs
															
 
																+logs
															
 
																+*.log
															
 
																+npm-debug.log*
															
 
																+yarn-debug.log*
															
 
																+yarn-error.log*
															
 
																+pnpm-debug.log*
															
 
																+lerna-debug.log*
															
 
																+
															
 
																+node_modules
															
 
																+.DS_Store
															
 
																+dist
															
 
																+dist-ssr
															
 
																+coverage
															
 
																+*.local
															
 
																+
															
 
																+/cypress/videos/
															
 
																+/cypress/screenshots/
															
 
																+
															
 
																+# Editor directories and files
															
 
																+.vscode/*
															
 
																+!.vscode/extensions.json
															
 
																+.idea
															
 
																+*.suo
															
 
																+*.ntvs*
															
 
																+*.njsproj
															
 
																+*.sln
															
 
																+*.sw?
															
 
																+/public/static/tiles
															
 
																+*.tsbuildinfo
															
--- a/.npmrc
+++ b/.npmrc
@@ -0,0 +1,2 @@
 
																+registry=https://registry.npmmirror.com/
															
 
																+@dage:registry=http://192.168.20.245:4873/
															
--- a/README.md
+++ b/README.md
@@ -0,0 +1,12 @@
 
																+ZHS2504131-1	湖南自然资源厅-文旅数字化合作项目
															
 
																+## 线上地址
															
 
																+https://hn3dreal.org.cn/ysyy/index.html 
															
 
																+
															
 
																+气味王国api
															
 
																+https://github.com/Scentrealm/API/blob/main/wifi.md
															
 
																+
															
 
																+## 气味测试地址
															
 
																+https://houseoss.4dkankan.com/project/qwwgTest/index.html#/test
															
 
																+
															
 
																+## 云上衡阳地址（已下线）
															
 
																+https://hengyang.higozj.com/h5/#/
															
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.html
+++ b/index.html
@@ -0,0 +1,17 @@
 
																+<!DOCTYPE html>
															
 
																+<html lang="">
															
 
																+  <head>
															
 
																+    <meta charset="UTF-8" />
															
 
																+    <!-- <link rel="icon" href="/favicon.ico" /> -->
															
 
																+    <meta
															
 
																+      name="viewport"
															
 
																+      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
															
 
																+    />
															
 
																+    <link rel="shortcut icon" href="./static/favicon.ico" />
															
 
																+    <title>中原突围纪念馆管理后台</title>
															
 
																+  </head>
															
 
																+  <body>
															
 
																+    <div id="app"></div>
															
 
																+    <script type="module" src="/src/main.js"></script>
															
 
																+  </body>
															
 
																+</html>
															
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,8 @@
 
																+{
															
 
																+  "compilerOptions": {
															
 
																+    "paths": {
															
 
																+      "@/*": ["./src/*"]
															
 
																+    }
															
 
																+  },
															
 
																+  "exclude": ["node_modules", "dist"]
															
 
																+}
															
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,36 @@
 
																+{
															
 
																+  "name": "zytw-admin",
															
 
																+  "version": "0.0.0",
															
 
																+  "private": true,
															
 
																+  "type": "module",
															
 
																+  "scripts": {
															
 
																+    "dev": "vite",
															
 
																+    "build": "vite build",
															
 
																+    "preview": "vite preview"
															
 
																+  },
															
 
																+  "dependencies": {
															
 
																+    "@amap/amap-jsapi-loader": "^1.0.1",
															
 
																+    "@ant-design/icons-vue": "^7.0.1",
															
 
																+    "@dage/service": "^1.0.6",
															
 
																+    "animate.css": "^4.1.1",
															
 
																+    "ant-design-vue": "^4.2.6",
															
 
																+    "axios": "^1.10.0",
															
 
																+    "http-server": "^14.1.1",
															
 
																+    "lib-flexible": "^0.3.2",
															
 
																+    "lodash": "^4.17.21",
															
 
																+    "pinia": "^3.0.1",
															
 
																+    "swiper": "^5.4.5",
															
 
																+    "tslib": "^2.8.1",
															
 
																+    "viewerjs": "^1.11.7",
															
 
																+    "vue": "^3.5.13",
															
 
																+    "vue-router": "^4.5.0"
															
 
																+  },
															
 
																+  "devDependencies": {
															
 
																+    "@vitejs/plugin-vue": "^5.2.3",
															
 
																+    "autoprefixer": "^10.4.21",
															
 
																+    "postcss-px-to-viewport": "^1.1.1",
															
 
																+    "sass": "^1.86.3",
															
 
																+    "vite": "^6.2.4",
															
 
																+    "vite-plugin-vue-devtools": "^7.7.2"
															
 
																+  }
															
 
																+}
															
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -0,0 +1,22 @@
 
																+export default {
															
 
																+  plugins: {
															
 
																+    autoprefixer: {},
															
 
																+    // "postcss-px-to-viewport": {
															
 
																+    //   unitToConvert: "px", // 需要转换的单位，默认为"px"
															
 
																+    //   viewportWidth: 750, // 设计稿的视口宽度
															
 
																+    //   unitPrecision: 5, // 单位转换后保留的精度
															
 
																+    //   propList: ["*"], // 能转化为vw的属性列表
															
 
																+    //   viewportUnit: "vw", // 希望使用的视口单位
															
 
																+    //   fontViewportUnit: "vw", // 字体使用的视口单位
															
 
																+    //   selectorBlackList: [], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。
															
 
																+    //   minPixelValue: 1, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换
															
 
																+    //   mediaQuery: true, // 媒体查询里的单位是否需要转换单位
															
 
																+    //   replace: true, //  是否直接更换属性值，而不添加备用属性
															
 
																+    //   exclude: /node_modules/i, // 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件
															
 
																+    //   include: undefined, // 如果设置了include，那将只有匹配到的文件才会被转换
															
 
																+    //   landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)
															
 
																+    //   landscapeUnit: "vw", // 横屏时使用的单位
															
 
																+    //   landscapeWidth: 750, // 横屏时使用的视口宽度
															
 
																+    // },
															
 
																+  },
															
 
																+};
															
--- a/public/static/favicon.ico
+++ b/public/static/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,81 @@
 
																+<template>
															
 
																+  <template v-if="routerName && routerName == 'login'">
															
 
																+    <RouterView />
															
 
																+  </template>
															
 
																+  <a-layout
															
 
																+    style="min-height: 100vh"
															
 
																+    v-if="routerName && routerName != 'login'"
															
 
																+  >
															
 
																+    <a-layout-sider :style="siderStyle"><Menu /></a-layout-sider>
															
 
																+    <a-layout>
															
 
																+      <a-layout-header :style="headerStyle"><Header /></a-layout-header>
															
 
																+      <a-layout-content class="layout-content" :style="contentStyle">
															
 
																+        <a-config-provider
															
 
																+          :locale="zhCN"
															
 
																+          :theme="{ token: { colorPrimary: '#AE1F0A' } }"
															
 
																+        >
															
 
																+          <RouterView /></a-config-provider
															
 
																+      ></a-layout-content>
															
 
																+      <!-- <a-layout-footer :style="footerStyle">Footer</a-layout-footer> -->
															
 
																+    </a-layout>
															
 
																+  </a-layout>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import { RouterView } from "vue-router";
															
 
																+import { nextTick, onMounted, ref, watch, computed } from "vue";
															
 
																+import { useRouter, useRoute } from "vue-router";
															
 
																+import { getUserInfo } from "@/api";
															
 
																+import zhCN from "ant-design-vue/es/locale/zh_CN";
															
 
																+import Menu from "@/components/Menu/index.vue";
															
 
																+import Header from "@/components/Header/index.vue";
															
 
																+const route = useRoute();
															
 
																+import { useStore } from "@/stores";
															
 
																+const store = useStore();
															
 
																+// let routerName = store.routerName;
															
 
																+const routerName = computed(() => store.routerName);
															
 
																+
															
 
																+const userInfo = computed(() => {
															
 
																+  return store.userInfo;
															
 
																+});
															
 
																+
															
 
																+import router from "@/router";
															
 
																+onMounted(() => {});
															
 
																+const headerStyle = {
															
 
																+  textAlign: "center",
															
 
																+  color: "#fff",
															
 
																+  height: 64,
															
 
																+  paddingInline: 50,
															
 
																+  lineHeight: "64px",
															
 
																+  backgroundColor: "#fff",
															
 
																+};
															
 
																+const contentStyle = {
															
 
																+  textAlign: "center",
															
 
																+  minHeight: 120,
															
 
																+  lineHeight: "120px",
															
 
																+  color: "#fff",
															
 
																+  // backgroundColor: "#108ee9",
															
 
																+};
															
 
																+const siderStyle = {
															
 
																+  textAlign: "center",
															
 
																+  lineHeight: "120px",
															
 
																+  color: "#fff",
															
 
																+  backgroundColor: "#BF9A56",
															
 
																+};
															
 
																+const footerStyle = {
															
 
																+  textAlign: "center",
															
 
																+  color: "#fff",
															
 
																+  // backgroundColor: "#7dbcea",
															
 
																+};
															
 
																+
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.layout-content {
															
 
																+  margin: 10px;
															
 
																+  // padding: 10px;
															
 
																+  min-height: 280px;
															
 
																+  background: #fff;
															
 
																+  border-radius: 10px;
															
 
																+}
															
 
																+</style>
															
 
																+<style></style>
															
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -0,0 +1,81 @@
 
																+import { http } from "./request";
															
 
																+/**
															
 
																+ * 登录
															
 
																+ */
															
 
																+export const login = (data) => {
															
 
																+  return http.post("/zytwjng/auth/login", data);
															
 
																+};
															
 
																+/**
															
 
																+ * 获取文物征集列表
															
 
																+ */
															
 
																+export const antiqueCollect = (data) => {
															
 
																+  return http.get("/zytwjng/antiqueCollect", data);
															
 
																+};
															
 
																+/**
															
 
																+ * 删除附件
															
 
																+ */
															
 
																+export const deleteCollectFile = (id) => {
															
 
																+  return http.delete(`/zytwjng/antiqueCollect/deleteFile/${id}`);
															
 
																+};
															
 
																+/**
															
 
																+ * 删除文物征集
															
 
																+ */
															
 
																+export const deleteCollect = (id) => {
															
 
																+  return http.delete(`/zytwjng/antiqueCollect/${id}`);
															
 
																+};
															
 
																+/**
															
 
																+ * 获取附件列表
															
 
																+ */
															
 
																+export const getCollectFiles = (id) => {
															
 
																+  return http.get(`/zytwjng/antiqueCollect/listFile/${id}`);
															
 
																+};
															
 
																+
															
 
																+/**
															
 
																+ * 导出
															
 
																+ */
															
 
																+export const exportFiles = (data) => {
															
 
																+  return http.getFile(`/zytwjng/antiqueCollect/export`, data);
															
 
																+};
															
 
																+
															
 
																+/**
															
 
																+ * 用户管理分页接口
															
 
																+ */
															
 
																+export const userList = (data) => {
															
 
																+  return http.get(`/zytwjng/user`, data);
															
 
																+};
															
 
																+/**
															
 
																+ * 新增用户接口
															
 
																+ */
															
 
																+export const addUser = (data) => {
															
 
																+  return http.post(`/zytwjng/user`, data);
															
 
																+};
															
 
																+/**
															
 
																+ * 新增用户接口
															
 
																+ */
															
 
																+export const delUser = (id) => {
															
 
																+  return http.delete(`/zytwjng/user/${id}`);
															
 
																+};
															
 
																+/**
															
 
																+ * 重置密码
															
 
																+ */
															
 
																+export const resetUserPassword = (userId) => {
															
 
																+  return http.patch(`/zytwjng/user/password/reset/${userId}`);
															
 
																+};
															
 
																+/**
															
 
																+ * 修改密码
															
 
																+ */
															
 
																+export const changePassword = (data) => {
															
 
																+  return http.post(`/zytwjng/auth/password`, data);
															
 
																+};
															
 
																+/**
															
 
																+ * 登出
															
 
																+ */
															
 
																+export const logout = (data) => {
															
 
																+  return http.post(`/zytwjng/auth/logout`);
															
 
																+};
															
 
																+/**
															
 
																+ * 获取用户信息
															
 
																+ */
															
 
																+export const getUserInfo = (data) => {
															
 
																+  return http.get(`/zytwjng/user/detail`);
															
 
																+};
															
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -0,0 +1,180 @@
 
																+/*
															
 
																+ * @Author: Rindy
															
 
																+ * @Date: 2021-04-25 15:58:21
															
 
																+ * @LastEditors: Rindy
															
 
																+ * @LastEditTime: 2021-05-08 15:49:54
															
 
																+ * @Description: 注释
															
 
																+ */
															
 
																+
															
 
																+import axios from "axios";
															
 
																+import browser from "@/utils/browser";
															
 
																+import router from "@/router";
															
 
																+// TextDecoder polyfills for lower browser
															
 
																+if (undefined === window.TextEncoder) {
															
 
																+  window.TextEncoder = class _TextEncoder {
															
 
																+    encode(s) {
															
 
																+      return unescape(encodeURIComponent(s))
															
 
																+        .split("")
															
 
																+        .map(function (val) {
															
 
																+          return val.charCodeAt();
															
 
																+        });
															
 
																+    }
															
 
																+  };
															
 
																+  window.TextDecoder = class _TextDecoder {
															
 
																+    decode(code_arr) {
															
 
																+      return decodeURIComponent(
															
 
																+        escape(String.fromCharCode.apply(null, code_arr))
															
 
																+      );
															
 
																+    }
															
 
																+  };
															
 
																+}
															
 
																+
															
 
																+const fetch = axios.create();
															
 
																+
															
 
																+fetch.interceptors.request.use(
															
 
																+  (config) => {
															
 
																+    if (config.url.indexOf("/zytwjng/") != -1) {
															
 
																+      let token =
															
 
																+        browser.valueFromUrl("token") || localStorage.getItem("token") || "";
															
 
																+      if (token) {
															
 
																+        config.headers["token"] = token;
															
 
																+      }
															
 
																+    }
															
 
																+    return config;
															
 
																+  },
															
 
																+  (error) => {
															
 
																+    return Promise.reject(error);
															
 
																+  }
															
 
																+);
															
 
																+fetch.interceptors.response.use(
															
 
																+  (response) => {
															
 
																+    // 正常的文件流
															
 
																+    if (!/json/gi.test(response.headers["content-type"])) {
															
 
																+      return response.data;
															
 
																+    }
															
 
																+
															
 
																+    // 以文件流方式请求但是返回json，需要解析为JSON对象
															
 
																+    if (response.request.responseType === "arraybuffer") {
															
 
																+      let enc = new TextDecoder("utf-8");
															
 
																+      let res = JSON.parse(enc.decode(new Uint8Array(response.data)));
															
 
																+      return res;
															
 
																+    }
															
 
																+    // console.error(response);
															
 
																+    // if (response.data.code == 401) {
															
 
																+    //   router.replace("/login");
															
 
																+    // }
															
 
																+    return response.data;
															
 
																+  },
															
 
																+  (error) => {
															
 
																+    if (error.status == 401) {
															
 
																+      localStorage.removeItem("token");
															
 
																+      router.replace("/login");
															
 
																+    }
															
 
																+  }
															
 
																+);
															
 
																+
															
 
																+const http = {
															
 
																+  retry(func, retries = 0, delay = 1000) {
															
 
																+    return new Promise((resolve, reject) => {
															
 
																+      func()
															
 
																+        .then(resolve)
															
 
																+        .catch((error) => {
															
 
																+          if (retries <= 1) {
															
 
																+            reject(error);
															
 
																+          } else {
															
 
																+            setTimeout(() => {
															
 
																+              http
															
 
																+                .retry(func, retries - 1, delay)
															
 
																+                .then(resolve)
															
 
																+                .catch(reject);
															
 
																+            }, delay);
															
 
																+          }
															
 
																+        });
															
 
																+    });
															
 
																+  },
															
 
																+  get(url, data) {
															
 
																+    if (data && typeof data === "object") {
															
 
																+      if (url.indexOf("?") == -1) {
															
 
																+        url += "?";
															
 
																+      } else {
															
 
																+        url += "&";
															
 
																+      }
															
 
																+      url += new URLSearchParams(data).toString();
															
 
																+    }
															
 
																+    return fetch.get(url);
															
 
																+  },
															
 
																+  getFile(url, data) {
															
 
																+    if (data && typeof data === "object") {
															
 
																+      if (url.indexOf("?") == -1) {
															
 
																+        url += "?";
															
 
																+      } else {
															
 
																+        url += "&";
															
 
																+      }
															
 
																+      url += new URLSearchParams(data).toString();
															
 
																+    }
															
 
																+    return fetch.get(url, { responseType: "blob" });
															
 
																+  },
															
 
																+  delete(url) {
															
 
																+    return fetch.delete(url);
															
 
																+  },
															
 
																+  patch(url) {
															
 
																+    return fetch.patch(url);
															
 
																+  },
															
 
																+  getImage(url, retries = 3) {
															
 
																+    return http.retry(
															
 
																+      () =>
															
 
																+        new Promise((resolve, reject) => {
															
 
																+          let img = new Image();
															
 
																+          img.src = url;
															
 
																+          img.crossOrigin = "anonymous";
															
 
																+          img.onload = function () {
															
 
																+            resolve(img);
															
 
																+          };
															
 
																+          img.onerror = function () {
															
 
																+            reject(`[${url}] load fail`);
															
 
																+          };
															
 
																+        }),
															
 
																+      retries
															
 
																+    );
															
 
																+  },
															
 
																+  getBueffer(url) {
															
 
																+    return fetch.get(url, {
															
 
																+      responseType: "arraybuffer",
															
 
																+    });
															
 
																+  },
															
 
																+  getBlob(url) {
															
 
																+    return fetch.get(url, {
															
 
																+      responseType: "blob",
															
 
																+    });
															
 
																+  },
															
 
																+  post(url, data) {
															
 
																+    return fetch.post(url, data);
															
 
																+  },
															
 
																+  postFile(url, data) {
															
 
																+    const form = new FormData();
															
 
																+    let cb = null;
															
 
																+    if (data.onUploadProgress) {
															
 
																+      cb = data.onUploadProgress;
															
 
																+      delete data.onUploadProgress;
															
 
																+    }
															
 
																+    for (let key in data) {
															
 
																+      // if (key === 'files' && data[key].length > 0) {
															
 
																+      //     for (let i = 0; i < data[key].length; i++) {
															
 
																+      //         form.append(key, data[key][i])
															
 
																+      //     }
															
 
																+      // } else {
															
 
																+      //     form.append(key, data[key])
															
 
																+      // }
															
 
																+      form.append(key, data[key]);
															
 
																+    }
															
 
																+
															
 
																+    return fetch.post(url, form, {
															
 
																+      headers: {
															
 
																+        "Content-Type": "multipart/form-data",
															
 
																+      },
															
 
																+      onUploadProgress: cb,
															
 
																+    });
															
 
																+  },
															
 
																+};
															
 
																+
															
 
																+export { http, fetch };
															
--- a/src/assets/images/admin-bg.jpg
+++ b/src/assets/images/admin-bg.jpg
--- a/src/assets/images/favicon.ico
+++ b/src/assets/images/favicon.ico
--- a/src/assets/images/icon_ac@2x.png
+++ b/src/assets/images/icon_ac@2x.png
--- a/src/assets/images/icon_eyes@2x.png
+++ b/src/assets/images/icon_eyes@2x.png
--- a/src/assets/images/icon_pw@2x.png
+++ b/src/assets/images/icon_pw@2x.png
--- a/src/assets/images/slider-logo.png
+++ b/src/assets/images/slider-logo.png
--- a/src/assets/images/title.png
+++ b/src/assets/images/title.png
--- a/src/assets/images/title@2x.png
+++ b/src/assets/images/title@2x.png
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -0,0 +1,154 @@
 
																+:root {
															
 
																+  --z-index-normal: 1;
															
 
																+  --z-index-top: 1000;
															
 
																+  --z-index-popper: 2000;
															
 
																+  --z-hot-popper: 3000;
															
 
																+}
															
 
																+
															
 
																+body,
															
 
																+ol,
															
 
																+ul,
															
 
																+h1,
															
 
																+h2,
															
 
																+h3,
															
 
																+h4,
															
 
																+h5,
															
 
																+h6,
															
 
																+p,
															
 
																+th,
															
 
																+td,
															
 
																+dl,
															
 
																+dd,
															
 
																+form,
															
 
																+fieldset,
															
 
																+legend,
															
 
																+input,
															
 
																+textarea,
															
 
																+select {
															
 
																+  margin: 0;
															
 
																+  padding: 0;
															
 
																+}
															
 
																+* {
															
 
																+  box-sizing: border-box;
															
 
																+  user-select: none;
															
 
																+  /* line-height: normal; */
															
 
																+}
															
 
																+body {
															
 
																+  color: #333333;
															
 
																+  text-align: justify;
															
 
																+  font-family: "SourceHanSerifSC-Regular";
															
 
																+  -webkit-tap-highlight-color: transparent;
															
 
																+}
															
 
																+html,
															
 
																+body,
															
 
																+#app {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  background: #f5f5f5;
															
 
																+}
															
 
																+a {
															
 
																+  color: #fff;
															
 
																+  cursor: pointer;
															
 
																+  text-decoration: none;
															
 
																+}
															
 
																+em {
															
 
																+  font-style: normal;
															
 
																+}
															
 
																+li {
															
 
																+  list-style: none;
															
 
																+}
															
 
																+img {
															
 
																+  border: 0;
															
 
																+  vertical-align: middle;
															
 
																+}
															
 
																+table {
															
 
																+  border-collapse: collapse;
															
 
																+  border-spacing: 0;
															
 
																+}
															
 
																+p {
															
 
																+  word-wrap: break-word;
															
 
																+}
															
 
																+iframe {
															
 
																+  border: none;
															
 
																+}
															
 
																+
															
 
																+/* @font-face {
															
 
																+  font-family: "SourceHanSerifSC-Bold";
															
 
																+  src: url("./fonts/SOURCEHANSERIFCN-BOLD.otf");
															
 
																+}
															
 
																+@font-face {
															
 
																+  font-family: "SourceHanSerifSC-Regular";
															
 
																+  src: url("./fonts/SOURCEHANSERIFCN-REGULAR.otf");
															
 
																+} */
															
 
																+
															
 
																+.limit-line {
															
 
																+  display: -webkit-box;
															
 
																+  overflow: hidden;
															
 
																+  text-overflow: ellipsis;
															
 
																+  -webkit-line-clamp: 1;
															
 
																+  -webkit-box-orient: vertical;
															
 
																+  word-break: break-all;
															
 
																+  word-wrap: break-word;
															
 
																+}
															
 
																+
															
 
																+.line-2 {
															
 
																+  -webkit-line-clamp: 2;
															
 
																+}
															
 
																+
															
 
																+.line-3 {
															
 
																+  -webkit-line-clamp: 3;
															
 
																+}
															
 
																+
															
 
																+.hidden {
															
 
																+  display: none !important;
															
 
																+  visibility: hidden !important;
															
 
																+}
															
 
																+
															
 
																+.darkGlass {
															
 
																+  background-color: rgba(0, 0, 0, 0.5);
															
 
																+}
															
 
																+
															
 
																+.message-outer {
															
 
																+  position: absolute;
															
 
																+  display: table;
															
 
																+  height: 100%;
															
 
																+  width: 100%;
															
 
																+
															
 
																+  * {
															
 
																+    transition: all 0.3s;
															
 
																+  }
															
 
																+}
															
 
																+::-webkit-scrollbar {
															
 
																+  width: 4px;
															
 
																+  height: 1px;
															
 
																+}
															
 
																+
															
 
																+::-webkit-scrollbar-thumb {
															
 
																+  border-radius: 4px;
															
 
																+  box-shadow: inset 0 0 5px rgba(106, 73, 52, 1);
															
 
																+  background: #ccc;
															
 
																+}
															
 
																+
															
 
																+::-webkit-scrollbar-thumb:hover {
															
 
																+  background: #999;
															
 
																+}
															
 
																+
															
 
																+::-webkit-scrollbar-track {
															
 
																+  box-shadow: inset 0 0 5px transparent;
															
 
																+  border-radius: 4px;
															
 
																+  /* background: #000000; */
															
 
																+}
															
 
																+input {
															
 
																+  background: none;
															
 
																+}
															
 
																+.amap-logo,
															
 
																+.amap-copyright {
															
 
																+  display: none !important;
															
 
																+}
															
 
																+.amap-info-close {
															
 
																+  display: none;
															
 
																+}
															
 
																+.amap-info-content {
															
 
																+  padding: 0;
															
 
																+  border-radius: 0.16rem;
															
 
																+}
															
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -0,0 +1,99 @@
 
																+<template>
															
 
																+  <div class="header-content">
															
 
																+    <div class="user-avatar">
															
 
																+      <a-dropdown placement="bottomRight" arrow>
															
 
																+        <span class="user-name">
															
 
																+          {{ store.userInfo?.username }} {{}}<DownOutlined
															
 
																+        /></span>
															
 
																+
															
 
																+        <template #overlay>
															
 
																+          <a-menu class="user-info-dropdown">
															
 
																+            <a-menu-item @click="open = true">
															
 
																+              <a>修改密码</a>
															
 
																+            </a-menu-item>
															
 
																+            <a-menu-item>
															
 
																+              <a @click="showConfirm">退出登录</a>
															
 
																+            </a-menu-item>
															
 
																+          </a-menu>
															
 
																+        </template>
															
 
																+      </a-dropdown>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+  <Reset :open="open" @close="open = false" />
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import { ref, createVNode, onMounted, nextTick } from "vue";
															
 
																+import Reset from "./reset/index.vue";
															
 
																+import { DownOutlined, ExclamationCircleOutlined } from "@ant-design/icons-vue";
															
 
																+import { Modal } from "ant-design-vue";
															
 
																+import { useStore } from "@/stores";
															
 
																+import { logout, getUserInfo } from "@/api";
															
 
																+import router from "@/router";
															
 
																+const store = useStore();
															
 
																+const open = ref(false);
															
 
																+const showConfirm = () => {
															
 
																+  Modal.confirm({
															
 
																+    title: "是否登出账号？",
															
 
																+    icon: createVNode(ExclamationCircleOutlined),
															
 
																+    content: createVNode("div", {
															
 
																+      style: "color:red;",
															
 
																+    }),
															
 
																+    okText: "确定",
															
 
																+    cancelText: "取消",
															
 
																+    onOk() {
															
 
																+      logout()
															
 
																+        .then((res) => {
															
 
																+          if (res.code == 0) {
															
 
																+            localStorage.removeItem("token");
															
 
																+            router.replace("/login");
															
 
																+          }
															
 
																+        })
															
 
																+        .catch((err) => {});
															
 
																+    },
															
 
																+    onCancel() {
															
 
																+      console.log("Cancel");
															
 
																+    },
															
 
																+    class: "login-out-modal",
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+const getInfo = () => {
															
 
																+  getUserInfo()
															
 
																+    .then((res) => {
															
 
																+      if (res.code == 0) {
															
 
																+        store.setUserInfo(res.data);
															
 
																+      }
															
 
																+    })
															
 
																+    .catch((err) => {});
															
 
																+};
															
 
																+onMounted(() => {
															
 
																+    getInfo();
															
 
																+});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.header-content {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+  justify-content: flex-end;
															
 
																+  color: #000;
															
 
																+  .user-avatar {
															
 
																+    // cursor: pointer;
															
 
																+    .user-name {
															
 
																+      cursor: pointer;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+:deep(.ant-dropdown) {
															
 
																+}
															
 
																+</style>
															
 
																+<style>
															
 
																+.user-info-dropdown {
															
 
																+  .ant-dropdown-menu-title-content {
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: center;
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/components/Header/reset/index.vue
+++ b/src/components/Header/reset/index.vue
@@ -0,0 +1,194 @@
 
																+<template>
															
 
																+  <div>
															
 
																+    <!-- :keyboard="false" -->
															
 
																+    <!-- :maskClosable="false" -->
															
 
																+    <a-modal
															
 
																+      v-model:open="props.open"
															
 
																+      title="修改密码"
															
 
																+      width="480px"
															
 
																+      @cancel="handleCancel"
															
 
																+    >
															
 
																+      <template #footer>
															
 
																+        <a-button key="back" @click="handleCancel">取消</a-button>
															
 
																+        <a-button
															
 
																+          key="submit"
															
 
																+          type="primary"
															
 
																+          :loading="loading"
															
 
																+          @click="handleOk"
															
 
																+          >确认</a-button
															
 
																+        >
															
 
																+      </template>
															
 
																+      <a-form
															
 
																+        :label-col="labelCol"
															
 
																+        ref="formRef"
															
 
																+        :rules="rules"
															
 
																+        :model="formState"
															
 
																+        @finish="onFinish"
															
 
																+        @finishFailed="onFinishFailed"
															
 
																+      >
															
 
																+        <a-form-item label="旧密码" name="oldPassword">
															
 
																+          <div class="un-box">
															
 
																+            <a-input-password
															
 
																+              v-model:value="formState.oldPassword"
															
 
																+              placeholder="请输入内容 6-15字"
															
 
																+              maxlength="15"
															
 
																+            />
															
 
																+
															
 
																+            <p v-if="showError" class="error">密码错误</p>
															
 
																+          </div>
															
 
																+        </a-form-item>
															
 
																+        <a-form-item label="新密码" name="newPassword">
															
 
																+          <div class="un-box">
															
 
																+            <a-input-password
															
 
																+              v-model:value="formState.newPassword"
															
 
																+              placeholder="请输入内容 6-15字"
															
 
																+              maxlength="15"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </a-form-item>
															
 
																+        <a-form-item label="确认密码" name="confirmPassword">
															
 
																+          <div class="un-box">
															
 
																+            <a-input-password
															
 
																+              v-model:value="formState.confirmPassword"
															
 
																+              placeholder="请输入内容 6-15字"
															
 
																+              maxlength="15"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </a-form-item>
															
 
																+      </a-form>
															
 
																+    </a-modal>
															
 
																+  </div>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  reactive,
															
 
																+  onMounted,
															
 
																+  nextTick,
															
 
																+  defineProps,
															
 
																+  defineEmits,
															
 
																+} from "vue";
															
 
																+import { changePassword } from "@/api";
															
 
																+import { message } from "ant-design-vue";
															
 
																+const emits = defineEmits(["close"]);
															
 
																+const props = defineProps({
															
 
																+  open: {
															
 
																+    type: Boolean,
															
 
																+    default: false,
															
 
																+  },
															
 
																+});
															
 
																+const labelCol = {
															
 
																+  style: {
															
 
																+    width: "100px",
															
 
																+  },
															
 
																+};
															
 
																+const formState = reactive({
															
 
																+  oldPassword: "",
															
 
																+  newPassword: "",
															
 
																+  confirmPassword: "",
															
 
																+});
															
 
																+const showError = ref(false);
															
 
																+const rules = {
															
 
																+  oldPassword: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      validator: (_, value) => {
															
 
																+        if (!value || value.length < 6 || value.length > 15) {
															
 
																+          return Promise.reject(new Error("请输入内容 6-15字"));
															
 
																+        }
															
 
																+        showError.value = false;
															
 
																+        return Promise.resolve();
															
 
																+      },
															
 
																+      trigger: ["blur", "change"],
															
 
																+    },
															
 
																+  ],
															
 
																+  newPassword: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      validator: (_, value) => {
															
 
																+        if (!value || value.length < 6 || value.length > 15) {
															
 
																+          return Promise.reject(new Error("请输入内容 6-15字"));
															
 
																+        }
															
 
																+
															
 
																+        showError.value = false;
															
 
																+        return Promise.resolve();
															
 
																+      },
															
 
																+      trigger: ["blur", "change"],
															
 
																+    },
															
 
																+  ],
															
 
																+  confirmPassword: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      validator: (_, value) => {
															
 
																+        if (value !== formState.newPassword) {
															
 
																+          return Promise.reject(new Error("确认新密码与新密码不一致"));
															
 
																+        }
															
 
																+        // if (!value || value.length < 6 || value.length > 15) {
															
 
																+        //   return Promise.reject(new Error("请输入内容 6-15字"));
															
 
																+        // }
															
 
																+        showError.value = false;
															
 
																+        return Promise.resolve();
															
 
																+      },
															
 
																+      trigger: ["blur", "change"],
															
 
																+    },
															
 
																+  ],
															
 
																+};
															
 
																+const formRef = ref(null);
															
 
																+const handleCancel = (e) => {
															
 
																+  emits("close");
															
 
																+  formState.oldPassword = "";
															
 
																+  formState.newPassword = "";
															
 
																+  formState.confirmPassword = "";
															
 
																+  formRef.value.clearValidate();
															
 
																+  showError.value = false;
															
 
																+};
															
 
																+const loading = ref(false);
															
 
																+const handleOk = (e) => {
															
 
																+  formRef.value
															
 
																+    .validate()
															
 
																+    .then(() => {
															
 
																+      // 提交表单
															
 
																+      console.log("提交表单", formState);
															
 
																+      loading.value = true;
															
 
																+      changePassword({
															
 
																+        newPassword: formState.newPassword,
															
 
																+        oldPassword: formState.oldPassword,
															
 
																+      })
															
 
																+        .then((res) => {
															
 
																+          loading.value = false;
															
 
																+          if (res.code == 10004) {
															
 
																+            showError.value = true;
															
 
																+            return;
															
 
																+          }
															
 
																+          if (res.code == 0) {
															
 
																+            handleCancel();
															
 
																+            message.success("操作成功");
															
 
																+          } else {
															
 
																+            message.error(res.message);
															
 
																+          }
															
 
																+        })
															
 
																+        .catch((err) => {
															
 
																+          loading.value = false;
															
 
																+        });
															
 
																+
															
 
																+      //   setTimeout(() => {
															
 
																+      //     showError.value = true;
															
 
																+      //   }, 1000);
															
 
																+    })
															
 
																+    .catch((errorInfo) => {
															
 
																+      console.log("验证失败:", errorInfo);
															
 
																+    });
															
 
																+};
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.un-box {
															
 
																+  position: relative;
															
 
																+  .error {
															
 
																+    position: absolute;
															
 
																+    bottom: -100%;
															
 
																+    left: 0;
															
 
																+    font-size: 12px;
															
 
																+    color: red;
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/components/Menu/index.vue
+++ b/src/components/Menu/index.vue
@@ -0,0 +1,125 @@
 
																+<template>
															
 
																+  <div class="menu-content" v-if="routerName">
															
 
																+    <div class="logo"></div>
															
 
																+    <!-- <div class="menu-list">
															
 
																+      <div class="menu-item">文物征集</div>
															
 
																+      <div class="menu-item">留言选登</div>
															
 
																+      <div class="menu-item">用户管理</div>
															
 
																+    </div> -->
															
 
																+    <a-menu
															
 
																+      v-if="store.userInfo"
															
 
																+      class="menu-list"
															
 
																+      v-model:selectedKeys="state.selectedKeys"
															
 
																+      mode="inline"
															
 
																+      theme="dark"
															
 
																+      :items="items"
															
 
																+    ></a-menu>
															
 
																+  </div>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import { ref, reactive, h, onMounted, watch, nextTick, computed } from "vue";
															
 
																+import { useRouter, useRoute } from "vue-router";
															
 
																+import router from "@/router";
															
 
																+import { UserOutlined, TagOutlined } from "@ant-design/icons-vue";
															
 
																+import { useStore } from "@/stores";
															
 
																+const store = useStore();
															
 
																+
															
 
																+// let routerName = store.routerName;
															
 
																+const routerName = computed(() => {
															
 
																+  if (store.routerName == "collect") {
															
 
																+    state.selectedKeys = [""];
															
 
																+  } else {
															
 
																+    state.selectedKeys = [store.routerName];
															
 
																+  }
															
 
																+
															
 
																+  return store.routerName;
															
 
																+});
															
 
																+const state = reactive({
															
 
																+  selectedKeys: [""],
															
 
																+});
															
 
																+const items = computed(() => {
															
 
																+  let list = [
															
 
																+    {
															
 
																+      key: "",
															
 
																+      icon: () => h(TagOutlined),
															
 
																+      label: "文物征集",
															
 
																+      title: "collect",
															
 
																+    },
															
 
																+    //   {
															
 
																+    //     key: "messages",
															
 
																+    //     // icon: () => h(DesktopOutlined),
															
 
																+    //     label: "留言选登",
															
 
																+    //     title: "messages",
															
 
																+    //   },
															
 
																+  ];
															
 
																+
															
 
																+  if (store.userInfo?.isAdmin) {
															
 
																+    list.push({
															
 
																+      key: "users",
															
 
																+      icon: () => h(UserOutlined),
															
 
																+      label: "用户管理",
															
 
																+      title: "users",
															
 
																+    });
															
 
																+  }
															
 
																+  return list;
															
 
																+});
															
 
																+watch(
															
 
																+  () => state.selectedKeys,
															
 
																+  (newVal) => {
															
 
																+    console.log("Selected keys changed:", newVal);
															
 
																+    router.push(`/${newVal[0]}`);
															
 
																+  }
															
 
																+);
															
 
																+onMounted(() => {
															
 
																+  //   state.selectedKeys = route.name;
															
 
																+});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.menu-content {
															
 
																+  height: 100%;
															
 
																+  width: 200px;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+  justify-content: flex-start;
															
 
																+  flex-direction: column;
															
 
																+  .logo {
															
 
																+    width: 166px;
															
 
																+    height: 63px;
															
 
																+    background: url("@/assets/images/slider-logo.png") no-repeat;
															
 
																+    background-size: 100% auto;
															
 
																+    margin-bottom: 30px;
															
 
																+    margin-top: 30px;
															
 
																+  }
															
 
																+  .menu-list {
															
 
																+    background: none;
															
 
																+    font-size: 20px;
															
 
																+    font-weight: bold;
															
 
																+    color: #fff;
															
 
																+    :deep(.ant-menu-item) {
															
 
																+      width: 100%;
															
 
																+      height: 60px;
															
 
																+      margin: 0;
															
 
																+      padding-left: 0 !important;
															
 
																+      border-radius: 0;
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      justify-content: center;
															
 
																+      //   margin-bottom: 40px;
															
 
																+      .ant-menu-item-icon {
															
 
																+        font-size: 20px;
															
 
																+        // position: absolute;
															
 
																+        // left: 0;
															
 
																+      }
															
 
																+      .ant-menu-title-content {
															
 
																+        flex: none;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
 
																+<style>
															
 
																+.menu-content {
															
 
																+  .ant-menu-title-content {
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/configure.js
+++ b/src/configure.js
@@ -0,0 +1,23 @@
 
																+import { compose, initial } from "@dage/service";
															
 
																+
															
 
																+initial({
															
 
																+  fetch: window.fetch.bind(window),
															
 
																+  baseURL: import.meta.env.VITE_BASE_URL,
															
 
																+  interceptor: compose(async (request, next) => {
															
 
																+    request.headers["Content-Type"] = "application/json";
															
 
																+
															
 
																+    const response = await next();
															
 
																+    const { showError = true } = request.meta;
															
 
																+
															
 
																+    if (response.code !== 0 && request.name.indexOf("someData") < 0) {
															
 
																+      const message = response.__raw__.data.msg ?? "系统出差中";
															
 
																+      // 错误信息映射
															
 
																+      response.errorMessage = message;
															
 
																+      if (showError) {
															
 
																+        console.log(message);
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    return response;
															
 
																+  }),
															
 
																+});
															
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,16 @@
 
																+import "./assets/main.css";
															
 
																+import "./configure";
															
 
																+
															
 
																+import { createApp } from "vue";
															
 
																+import { createPinia } from "pinia";
															
 
																+import App from "./App.vue";
															
 
																+import router from "./router";
															
 
																+import Antd from "ant-design-vue";
															
 
																+import "ant-design-vue/dist/reset.css";
															
 
																+
															
 
																+const app = createApp(App);
															
 
																+app.use(createPinia());
															
 
																+app.use(router);
															
 
																+
															
 
																+// app.mount("#app");
															
 
																+app.use(Antd).mount("#app");
															
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,55 @@
 
																+import {
															
 
																+  createRouter,
															
 
																+  createWebHistory,
															
 
																+  createWebHashHistory,
															
 
																+} from "vue-router";
															
 
																+import { useStore } from "@/stores";
															
 
																+
															
 
																+// const store = useStore();
															
 
																+const router = createRouter({
															
 
																+  // history: createWebHistory(import.meta.env.BASE_URL),
															
 
																+  history: createWebHashHistory(),
															
 
																+  routes: [
															
 
																+    {
															
 
																+      path: "/",
															
 
																+      name: "collect",
															
 
																+
															
 
																+      meta: { title: "文物征集" },
															
 
																+      component: () => import("../views/collect/index.vue"),
															
 
																+    },
															
 
																+    {
															
 
																+      path: "/login",
															
 
																+      name: "login",
															
 
																+      meta: { title: "登录页" },
															
 
																+      component: () => import("../views/login/index.vue"),
															
 
																+    },
															
 
																+    {
															
 
																+      path: "/messages",
															
 
																+      name: "messages",
															
 
																+      meta: { title: "留言选登" },
															
 
																+      component: () => import("../views/messages/index.vue"),
															
 
																+    },
															
 
																+    {
															
 
																+      path: "/users",
															
 
																+      name: "users",
															
 
																+      meta: { title: "用户管理" },
															
 
																+      component: () => import("../views/users/index.vue"),
															
 
																+    },
															
 
																+  ],
															
 
																+});
															
 
																+router.beforeEach(async (to, from, next) => {
															
 
																+  // let token = localStorage.getItem("token");
															
 
																+  // if (to.name !== "login" && !token) {
															
 
																+  //   return next({ name: "login" });
															
 
																+  // }
															
 
																+  let store = useStore();
															
 
																+
															
 
																+  store.setRouterName(to.name);
															
 
																+
															
 
																+  next();
															
 
																+});
															
 
																+
															
 
																+router.afterEach((to, from, failure) => {
															
 
																+ 
															
 
																+});
															
 
																+export default router;
															
--- a/src/stores/index.js
+++ b/src/stores/index.js
@@ -0,0 +1,19 @@
 
																+// stores/counter.js
															
 
																+import { nextTick, onMounted, ref } from "vue";
															
 
																+import { defineStore } from "pinia";
															
 
																+
															
 
																+export const useStore = defineStore("store", {
															
 
																+  state: () => {
															
 
																+    return { routerName: "", userInfo: null };
															
 
																+  },
															
 
																+  // 也可以定义为
															
 
																+  // state: () => ({ count: 0 })
															
 
																+  actions: {
															
 
																+    setRouterName(payload) {
															
 
																+      this.routerName = payload;
															
 
																+    },
															
 
																+    setUserInfo(payload) {
															
 
																+      this.userInfo = payload;
															
 
																+    },
															
 
																+  },
															
 
																+});
															
--- a/src/utils/browser.js
+++ b/src/utils/browser.js
@@ -0,0 +1,125 @@
 
																+export default {
															
 
																+  hasURLParam: function (key) {
															
 
																+    let querys = window.location.search.substring(1).split("&");
															
 
																+    for (let i = 0; i < querys.length; i++) {
															
 
																+      let keypair = querys[i].split("=");
															
 
																+      if (keypair[0] == key) {
															
 
																+        return true;
															
 
																+      }
															
 
																+    }
															
 
																+    return false;
															
 
																+  },
															
 
																+  getLang() {
															
 
																+    return this.getURLParam("lang") || "zh";
															
 
																+  },
															
 
																+  getURLParam: function (key) {
															
 
																+    let querys = window.location.search.substring(1).split("&");
															
 
																+    for (let i = 0; i < querys.length; i++) {
															
 
																+      let keypair = querys[i].split("=");
															
 
																+      if (keypair.length === 2 && keypair[0] === key) {
															
 
																+        try {
															
 
																+          return decodeURIComponent(keypair[1]);
															
 
																+        } catch (error) {
															
 
																+          return keypair[1];
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    return "";
															
 
																+  },
															
 
																+  valueFromUrl(key) {
															
 
																+    return this.urlHasValue(key, true);
															
 
																+  },
															
 
																+  urlHasValue: function (key, isGetValue) {
															
 
																+    if (
															
 
																+      key === "m" &&
															
 
																+      window.__ProjectNum &&
															
 
																+      window.__ProjectNum != "__ProjectNum__"
															
 
																+    ) {
															
 
																+      return window.__ProjectNum;
															
 
																+    }
															
 
																+
															
 
																+    let querys = window.location.search.substr(1).split("&");
															
 
																+    if (isGetValue) {
															
 
																+      for (let i = 0; i < querys.length; i++) {
															
 
																+        let keypair = querys[i].split("=");
															
 
																+        if (keypair.length === 2 && keypair[0] === key) {
															
 
																+          return keypair[1];
															
 
																+        }
															
 
																+      }
															
 
																+      return "";
															
 
																+    } else {
															
 
																+      //return window.location.search.match("&" + key + "|\\?" + key) != null  有bug
															
 
																+      for (let i = 0; i < querys.length; i++) {
															
 
																+        let keypair = querys[i].split("=");
															
 
																+        if (keypair[0] == key) {
															
 
																+          return true;
															
 
																+        }
															
 
																+      }
															
 
																+      return false;
															
 
																+    }
															
 
																+  },
															
 
																+  detectWeixin: function () {
															
 
																+    //微信 包括PC的微信
															
 
																+    return (
															
 
																+      window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) ==
															
 
																+      "micromessenger"
															
 
																+    );
															
 
																+  },
															
 
																+  detectWeixinMiniProgram: function () {
															
 
																+    return window.navigator.userAgent.match("miniProgram");
															
 
																+  },
															
 
																+  detectIOS: function () {
															
 
																+    return this.detectIPhone() || this.detectIPad() || this.detectIPod();
															
 
																+  },
															
 
																+  detectIPhone: function () {
															
 
																+    var e = window.navigator.userAgent,
															
 
																+      t = /iPhone/;
															
 
																+    return t.test(e);
															
 
																+  },
															
 
																+  detectIPad: function () {
															
 
																+    if (
															
 
																+      window.navigator.platform === "MacIntel" &&
															
 
																+      window.navigator.maxTouchPoints > 1
															
 
																+    ) {
															
 
																+      return true;
															
 
																+    }
															
 
																+    var e = window.navigator.userAgent,
															
 
																+      t = /iPad/;
															
 
																+    return t.test(e);
															
 
																+  },
															
 
																+  detectIPod: function () {
															
 
																+    var e = window.navigator.userAgent,
															
 
																+      t = /iPod/;
															
 
																+    return t.test(e);
															
 
																+  },
															
 
																+  detectAndroid: function () {
															
 
																+    var e = window.navigator.userAgent;
															
 
																+    return e.indexOf("Android") !== -1;
															
 
																+  },
															
 
																+  detectIE: function () {
															
 
																+    var e = window.navigator.userAgent,
															
 
																+      t = e.indexOf("MSIE ");
															
 
																+    return t !== -1 || !!navigator.userAgent.match(/Trident.*rv\:11\./);
															
 
																+  },
															
 
																+  detectOpera: function () {
															
 
																+    var e = window.navigator.userAgent;
															
 
																+    return e.indexOf("OPR") !== -1;
															
 
																+  },
															
 
																+  detectSafari: function () {
															
 
																+    var e = window.navigator.userAgent,
															
 
																+      t = e.indexOf("Safari");
															
 
																+    return t !== -1 && !this.detectOpera() && !this.detectChrome(); //xzw add detectOpera
															
 
																+  },
															
 
																+  detectFirefox: function () {
															
 
																+    var e = window.navigator.userAgent;
															
 
																+    return e.indexOf("Firefox") !== -1;
															
 
																+  },
															
 
																+  detectChrome: function () {
															
 
																+    var e = window.navigator.userAgent;
															
 
																+    return e.indexOf("Chrome") !== -1 && !this.detectOpera();
															
 
																+  },
															
 
																+  detectAndroidMobile: function () {
															
 
																+    var e = window.navigator.userAgent;
															
 
																+    return this.detectAndroid() && e.indexOf("Mobile") !== -1;
															
 
																+  },
															
 
																+};
															
--- a/src/utils/download.js
+++ b/src/utils/download.js
@@ -0,0 +1,32 @@
 
																+export const downloadFile = (file, name) => {
															
 
																+  return new Promise(async (resolve, reject) => {
															
 
																+    if (file) {
															
 
																+      let objectUrl = window.URL.createObjectURL(file);
															
 
																+      let a = document.createElement("a");
															
 
																+      a.href = objectUrl;
															
 
																+      a.download = name;
															
 
																+      a.click();
															
 
																+      a.remove();
															
 
																+      resolve(true);
															
 
																+    } else {
															
 
																+      reject(false);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+export const downloadUrl = (url, name) => {
															
 
																+  return new Promise(async (resolve, reject) => {
															
 
																+    let response = await fetch(url); // 内容转变成blob地址
															
 
																+    let blob = await response.blob(); // 创建隐藏的可下载链接
															
 
																+    if (blob) {
															
 
																+      let objectUrl = window.URL.createObjectURL(blob);
															
 
																+      let a = document.createElement("a");
															
 
																+      a.href = objectUrl;
															
 
																+      a.download = name;
															
 
																+      a.click();
															
 
																+      a.remove();
															
 
																+      resolve(true);
															
 
																+    } else {
															
 
																+      reject(false);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
--- a/src/utils/file.js
+++ b/src/utils/file.js
@@ -0,0 +1,136 @@
 
																+// import { i18n } from "@/lang/index"
															
 
																+// 媒体名称
															
 
																+export const mediaTypes = {
															
 
																+    // image: i18n.t("common.photo"),
															
 
																+    // video: i18n.t("common.video"),
															
 
																+    // audio: i18n.t("common.voice"),
															
 
																+}
															
 
																+
															
 
																+// 媒体扩展类型
															
 
																+export const mediaMimes = {
															
 
																+    image: ['jpg', 'png', 'jpeg', 'bmp', 'gif'],
															
 
																+    audio: ['mp3', 'aac', 'ogg', 'wav' /* , "m4a" */],
															
 
																+    video: ['mp4', 'mov', 'quicktime', 'webm' /* "rmvb", "wmv" */] //ios:mov
															
 
																+}
															
 
																+
															
 
																+// 媒体大小显示(MB)
															
 
																+export const mediaMaxSize = {
															
 
																+    image: 10,
															
 
																+    video: 20,
															
 
																+    audio: 5
															
 
																+}
															
 
																+
															
 
																+/**
															
 
																+ * 获取媒体扩展类型
															
 
																+ * @param {Stirng} filename 文件名称
															
 
																+ */
															
 
																+export const getMime = filename => {
															
 
																+    if (!filename || filename.indexOf('.') === -1) {
															
 
																+        return ''
															
 
																+    }
															
 
																+
															
 
																+    return filename
															
 
																+        .split('.')
															
 
																+        .pop()
															
 
																+        .toLowerCase()
															
 
																+}
															
 
																+
															
 
																+/**
															
 
																+ * 在路径中获取文件名
															
 
																+ * @param {*} path
															
 
																+ */
															
 
																+export const getFilename = path => {
															
 
																+    const segment = (path || '').split('/')
															
 
																+    return segment[segment.length - 1]
															
 
																+}
															
 
																+
															
 
																+/**
															
 
																+ * 检测媒体文件是否超过预设限制
															
 
																+ * @param {String} type 媒体类型
															
 
																+ * @param {Number} size 文件大小
															
 
																+ */
															
 
																+export const checkSizeLimit = (type, size) => {
															
 
																+    size = size / 1024 / 1024
															
 
																+
															
 
																+    return size <= mediaMaxSize[type]
															
 
																+}
															
 
																+
															
 
																+export const checkSizeLimitFree = (size, limit) => {
															
 
																+    size = size / 1024 / 1024
															
 
																+
															
 
																+    return size <= limit
															
 
																+}
															
 
																+
															
 
																+/**
															
 
																+ * 检测媒体类型
															
 
																+ * @param {String} type 媒体类型
															
 
																+ * @param {String} filename 文件名称
															
 
																+ */
															
 
																+export const checkMediaMime = (type, filename) => {
															
 
																+    const mime = getMime(filename)
															
 
																+    const find = mediaMimes[type]
															
 
																+    if (!find) {
															
 
																+        return false
															
 
																+    }
															
 
																+
															
 
																+    return find.indexOf(mime) !== -1
															
 
																+}
															
 
																+
															
 
																+export const checkMediaMimeByAccept = (accept, filename) => {
															
 
																+    let mime = getMime(filename)
															
 
																+    let type = accept
															
 
																+    if (type && type.indexOf('jpg') == -1 && type.indexOf('jpeg') != -1) {
															
 
																+        type += ',image/jpg'
															
 
																+    }
															
 
																+    return (type || '').indexOf(mime) != -1
															
 
																+}
															
 
																+
															
 
																+export const base64ToBlob = base64 => {
															
 
																+    let arr = base64.split(','),
															
 
																+        mime = arr[0].match(/:(.*?);/)[1],
															
 
																+        bstr = atob(arr[1]),
															
 
																+        n = bstr.length,
															
 
																+        u8arr = new Uint8Array(n)
															
 
																+    while (n--) {
															
 
																+        u8arr[n] = bstr.charCodeAt(n)
															
 
																+    }
															
 
																+    return new Blob([u8arr], { type: mime })
															
 
																+}
															
 
																+
															
 
																+export const base64ToDataURL = base64 => {
															
 
																+    return window.URL.createObjectURL(base64ToBlob(base64))
															
 
																+}
															
 
																+
															
 
																+export const blobToDataURL = blob => {
															
 
																+    return window.URL.createObjectURL(blob)
															
 
																+}
															
 
																+
															
 
																+export const blobToBase64 = function(blob) {
															
 
																+    return new Promise(resolve => {
															
 
																+        var reader = new FileReader()
															
 
																+        reader.onload = function() {
															
 
																+            resolve(reader.result)
															
 
																+        }
															
 
																+        reader.readAsDataURL(blob)
															
 
																+    })
															
 
																+}
															
 
																+
															
 
																+export function convertBlob2File(blob, name) {
															
 
																+    return new File([blob], name, {
															
 
																+        type: blob.type
															
 
																+    })
															
 
																+}
															
 
																+
															
 
																+export function dataURLtoFile(dataurl, filename = 'file', type) {
															
 
																+    let arr = dataurl.split(',')
															
 
																+    let bstr = window.atob(arr[1])
															
 
																+    !type && (type = arr[0].replace('data:', '').replace(';base64', ''))
															
 
																+    let n = bstr.length,
															
 
																+        u8arr = new Uint8Array(n)
															
 
																+    while (n--) {
															
 
																+        u8arr[n] = bstr.charCodeAt(n)
															
 
																+    }
															
 
																+    return new File([u8arr], filename, {
															
 
																+        type
															
 
																+    })
															
 
																+}
															
--- a/src/views/collect/index.vue
+++ b/src/views/collect/index.vue
@@ -0,0 +1,210 @@
 
																+<template>
															
 
																+  <div class="collect-content">
															
 
																+    <div class="router-title">
															
 
																+      <span>
															
 
																+        {{ routerTitle }}
															
 
																+      </span>
															
 
																+      <div>
															
 
																+        <a-button :loading="exportLoading" @click="handleExport">导出</a-button>
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="table-body">
															
 
																+      <a-table
															
 
																+        :dataSource="dataSource"
															
 
																+        :columns="columns"
															
 
																+        :scroll="{ x: 0, y: 600 }"
															
 
																+        :pagination="pagination"
															
 
																+        @change="handleTableChange"
															
 
																+        :loading="loading"
															
 
																+      >
															
 
																+        <template #bodyCell="{ column, record }">
															
 
																+          <template v-if="column.key === 'province'">
															
 
																+            <span>{{ record.province + record.city + record.county }}</span>
															
 
																+          </template>
															
 
																+
															
 
																+          <template v-if="column.key === 'action'">
															
 
																+            <div class="action-content">
															
 
																+              <a-button type="text" @click="showModal(record.id)"
															
 
																+                >附件</a-button
															
 
																+              >
															
 
																+              <a-button type="text" @click="showView(record)">查看</a-button>
															
 
																+
															
 
																+              <a-popconfirm
															
 
																+                title="请确认是否删除"
															
 
																+                ok-text="删除"
															
 
																+                placement="topRight"
															
 
																+                cancel-text="取消"
															
 
																+                @confirm="deleteConfirm(record.id)"
															
 
																+              >
															
 
																+                <a-button type="text" danger>删除</a-button>
															
 
																+              </a-popconfirm>
															
 
																+            </div>
															
 
																+          </template>
															
 
																+        </template>
															
 
																+      </a-table>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+
															
 
																+  <Modal
															
 
																+    v-if="open"
															
 
																+    :collectId="collectId"
															
 
																+    :open="open"
															
 
																+    @handleCancel="handleCancel"
															
 
																+  />
															
 
																+  <View :viewData="viewData" @handleViewCancel="handleViewCancel" />
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import { ref, onMounted, nextTick } from "vue";
															
 
																+import { useRouter, useRoute } from "vue-router";
															
 
																+import { antiqueCollect, deleteCollect, exportFiles } from "@/api";
															
 
																+import { downloadFile } from "@/utils/download";
															
 
																+import Modal from "./modal/index.vue";
															
 
																+import View from "./view/index.vue";
															
 
																+const route = useRoute();
															
 
																+const routerTitle = ref(route.meta.title);
															
 
																+const open = ref(false);
															
 
																+const viewData = ref(null);
															
 
																+const collectId = ref(null);
															
 
																+const loading = ref(false);
															
 
																+const exportLoading = ref(false);
															
 
																+const pagination = ref({
															
 
																+  total: 0,
															
 
																+  current: 1,
															
 
																+  pageSize: 10,
															
 
																+  hideOnSinglePage: true,
															
 
																+});
															
 
																+const dataSource = ref([]);
															
 
																+const columns = ref([
															
 
																+  {
															
 
																+    title: "联系人姓名",
															
 
																+    dataIndex: "name",
															
 
																+    key: "name",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "联系电话",
															
 
																+    dataIndex: "phone",
															
 
																+    key: "phone",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "省市区/县",
															
 
																+    dataIndex: "province",
															
 
																+    key: "province",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "详细地址",
															
 
																+    dataIndex: "address",
															
 
																+    key: "address",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "文物概况",
															
 
																+    dataIndex: "description",
															
 
																+    key: "description",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "提交时间",
															
 
																+    dataIndex: "createTime",
															
 
																+    key: "createTime",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "操作",
															
 
																+    key: "action",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+]);
															
 
																+
															
 
																+const showModal = (id) => {
															
 
																+  collectId.value = id;
															
 
																+  open.value = true;
															
 
																+};
															
 
																+const handleCancel = (e) => {
															
 
																+  collectId.value = null;
															
 
																+  open.value = false;
															
 
																+};
															
 
																+const showView = (record) => {
															
 
																+  viewData.value = record;
															
 
																+};
															
 
																+const handleViewCancel = (e) => {
															
 
																+  viewData.value = null;
															
 
																+};
															
 
																+const handleTableChange = (pag, filters, sorter) => {
															
 
																+  console.log("分页回调pag, filters, sorter", pag, filters, sorter);
															
 
																+
															
 
																+  pagination.value.current = pag.current;
															
 
																+  pagination.value.pageSize = pag.pageSize;
															
 
																+  getData();
															
 
																+};
															
 
																+const getData = async () => {
															
 
																+  loading.value = true;
															
 
																+  antiqueCollect({
															
 
																+    pageNo: pagination.value.current,
															
 
																+    pageSize: pagination.value.pageSize,
															
 
																+  })
															
 
																+    .then((res) => {
															
 
																+      loading.value = false;
															
 
																+      dataSource.value = res.data.pageData;
															
 
																+      pagination.value.total = res.data.total;
															
 
																+      pagination.value.current = res.data.pageNum;
															
 
																+      pagination.value.pageSize = res.data.pageSize;
															
 
																+    })
															
 
																+    .catch((err) => {
															
 
																+      loading.value = false;
															
 
																+    });
															
 
																+};
															
 
																+const handleExport = () => {
															
 
																+  exportLoading.value = true;
															
 
																+  exportFiles({
															
 
																+    pageNo: pagination.value.current,
															
 
																+    pageSize: pagination.value.pageSize,
															
 
																+  })
															
 
																+    .then((res) => {
															
 
																+      downloadFile(res, `文物征集-${new Date().getTime()}.xlsx`);
															
 
																+      exportLoading.value = false;
															
 
																+    })
															
 
																+    .catch((err) => {
															
 
																+      exportLoading.value = false;
															
 
																+    });
															
 
																+};
															
 
																+const deleteConfirm = async (id) => {
															
 
																+  let res = await deleteCollect(id);
															
 
																+};
															
 
																+onMounted(() => {
															
 
																+  getData();
															
 
																+});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.collect-content {
															
 
																+  color: #000;
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  .router-title {
															
 
																+    height: 60px;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: bold;
															
 
																+    line-height: 60px;
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: space-between;
															
 
																+    padding: 0 20px;
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/views/collect/modal/index.vue
+++ b/src/views/collect/modal/index.vue
@@ -0,0 +1,257 @@
 
																+<template>
															
 
																+  <div>
															
 
																+    <a-modal
															
 
																+      v-model:open="props.open"
															
 
																+      title="附件管理"
															
 
																+      @ok="handleOk"
															
 
																+      @cancel="handleCancel"
															
 
																+      width="80%"
															
 
																+      height="500px"
															
 
																+      :footer="null"
															
 
																+    >
															
 
																+      <div>
															
 
																+        <a-radio-group v-model:value="type">
															
 
																+          <a-radio-button value="image"
															
 
																+            ><FileImageOutlined />图片</a-radio-button
															
 
																+          >
															
 
																+          <a-radio-button value="other"><FileOutlined />其他</a-radio-button>
															
 
																+        </a-radio-group>
															
 
																+      </div>
															
 
																+
															
 
																+      <div>
															
 
																+        <a-table
															
 
																+          :loading="loading"
															
 
																+          :dataSource="dataSource"
															
 
																+          :columns="columns"
															
 
																+          :scroll="{ x: 0, y: 500 }"
															
 
																+          :pagination="false"
															
 
																+        >
															
 
																+          <template #bodyCell="{ column, record }">
															
 
																+            <template v-if="column.key === 'path'"
															
 
																+              ><div class="thumb-image">
															
 
																+                <div
															
 
																+                  :id="`image_${record.id}`"
															
 
																+                  v-for="(item, index) in [record.path]"
															
 
																+                >
															
 
																+                  <img
															
 
																+                    :src="`${baseUrl + item}`"
															
 
																+                    alt=""
															
 
																+                    class="viewer-image"
															
 
																+                    @click="getOnclick(record.id)"
															
 
																+                    :data-original="`${baseUrl + item}`"
															
 
																+                  />
															
 
																+                </div>
															
 
																+              </div>
															
 
																+            </template>
															
 
																+            <template v-if="column.key === 'action'">
															
 
																+              <div class="action-content">
															
 
																+                <a-button
															
 
																+                  @click="downloadUrl(record.path, record.fileName)"
															
 
																+                  type="text"
															
 
																+                  >下载</a-button
															
 
																+                >
															
 
																+
															
 
																+                <a-popconfirm
															
 
																+                  title="请确认是否删除"
															
 
																+                  ok-text="删除"
															
 
																+                  cancel-text="取消"
															
 
																+                  @confirm="deleteConfirm(record.id)"
															
 
																+                >
															
 
																+                  <a-button type="text" danger>删除</a-button>
															
 
																+                </a-popconfirm>
															
 
																+              </div>
															
 
																+            </template>
															
 
																+          </template>
															
 
																+        </a-table>
															
 
																+      </div>
															
 
																+    </a-modal>
															
 
																+  </div>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  onMounted,
															
 
																+  nextTick,
															
 
																+  defineEmits,
															
 
																+  reactive,
															
 
																+  defineProps,
															
 
																+  computed,
															
 
																+} from "vue";
															
 
																+import { FileImageOutlined, FileOutlined } from "@ant-design/icons-vue";
															
 
																+import { getCollectFiles, deleteCollectFile } from "@/api";
															
 
																+import { downloadUrl } from "@/utils/download";
															
 
																+import { message } from "ant-design-vue";
															
 
																+import Viewer from "viewerjs";
															
 
																+import "viewerjs/dist/viewer.css";
															
 
																+const baseUrl = import.meta.env.VITE_BASE_URL;
															
 
																+const loading = ref(false);
															
 
																+const image = ref(null);
															
 
																+const getOnclick = (id) => {
															
 
																+  let el = document.getElementById("image_" + id);
															
 
																+  const viewer = new Viewer(el, {
															
 
																+    url: "data-original",
															
 
																+    // toolbar: false,
															
 
																+    navbar: false,
															
 
																+    show: function () {
															
 
																+      viewer.update();
															
 
																+    },
															
 
																+    // 相关配置项,详情见下面
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+const emit = defineEmits(["handleCancel"]);
															
 
																+const props = defineProps({
															
 
																+  open: {
															
 
																+    type: Boolean,
															
 
																+    default: false,
															
 
																+  },
															
 
																+  collectId: {
															
 
																+    type: Number,
															
 
																+    default: null,
															
 
																+  },
															
 
																+});
															
 
																+const deleteConfirm = async (id) => {
															
 
																+  console.error(123123);
															
 
																+  deleteCollectFile(id)
															
 
																+    .then((res) => {
															
 
																+      if (res.code == 0) {
															
 
																+        message.success("操作成功");
															
 
																+        getData();
															
 
																+      } else {
															
 
																+        message.error(res.message);
															
 
																+      }
															
 
																+    })
															
 
																+    .catch((err) => {});
															
 
																+};
															
 
																+const type = ref("image");
															
 
																+const pagination = ref({
															
 
																+  total: 0,
															
 
																+  current: 1,
															
 
																+  pageSize: 10,
															
 
																+  showSizeChanger: false,
															
 
																+});
															
 
																+const dataSource = ref([]);
															
 
																+const columns = computed(() => {
															
 
																+  if (originData.value) {
															
 
																+    dataSource.value =
															
 
																+      type.value === "image" ? originData.value.imgs : originData.value.zips;
															
 
																+  }
															
 
																+  return type.value === "image" ? imagesColumns.value : filesColumns.value;
															
 
																+});
															
 
																+const imagesColumns = ref([
															
 
																+  {
															
 
																+    title: "缩略图",
															
 
																+    dataIndex: "path",
															
 
																+    key: "path",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "文件名称",
															
 
																+    dataIndex: "fileName",
															
 
																+    key: "fileName",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "文件大小",
															
 
																+    dataIndex: "fileSize",
															
 
																+    key: "fileSize",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "提交时间",
															
 
																+    dataIndex: "createTime",
															
 
																+    key: "createTime",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+
															
 
																+  {
															
 
																+    title: "操作",
															
 
																+    key: "action",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+]);
															
 
																+const filesColumns = ref([
															
 
																+  {
															
 
																+    title: "文件名称",
															
 
																+    dataIndex: "fileName",
															
 
																+    key: "fileName",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "文件大小",
															
 
																+    dataIndex: "fileSize",
															
 
																+    key: "fileSize",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "提交时间",
															
 
																+    dataIndex: "createTime",
															
 
																+    key: "createTime",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "操作",
															
 
																+    key: "action",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+]);
															
 
																+
															
 
																+const open = ref(false);
															
 
																+
															
 
																+const handleOk = (e) => {
															
 
																+  console.log(e);
															
 
																+  open.value = false;
															
 
																+};
															
 
																+const handleCancel = (e) => {
															
 
																+  console.log(e);
															
 
																+  type.value = "image";
															
 
																+  emit("handleCancel", e);
															
 
																+};
															
 
																+const originData = ref(null);
															
 
																+const getData = async () => {
															
 
																+  loading.value = true;
															
 
																+  try {
															
 
																+    let res = await getCollectFiles(props.collectId);
															
 
																+    if (res.code == 0) {
															
 
																+      originData.value = res.data;
															
 
																+      loading.value = false;
															
 
																+    }
															
 
																+  } catch (err) {
															
 
																+    loading.value = false;
															
 
																+  }
															
 
																+};
															
 
																+onMounted(() => {
															
 
																+  getData();
															
 
																+});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+div {
															
 
																+  margin: 10px 0;
															
 
																+}
															
 
																+.thumb-image {
															
 
																+  img {
															
 
																+    width: 60px;
															
 
																+    height: 60px;
															
 
																+    object-fit: contain;
															
 
																+    cursor: pointer;
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/views/collect/view/index.vue
+++ b/src/views/collect/view/index.vue
@@ -0,0 +1,54 @@
 
																+<template>
															
 
																+  <div>
															
 
																+    <a-modal
															
 
																+      v-model:open="props.viewData"
															
 
																+      title="查看"
															
 
																+      @cancel="handleViewCancel"
															
 
																+      width="480px"
															
 
																+      :footer="null"
															
 
																+    >
															
 
																+      <div>
															
 
																+        <div>提交时间：{{ props.viewData?.createTime }}</div>
															
 
																+        <div>联系人姓名：{{ props.viewData?.name }}</div>
															
 
																+        <div>联系电话：{{ props.viewData?.phone }}</div>
															
 
																+        <div>
															
 
																+          省市区/县：{{
															
 
																+            props.viewData?.province +
															
 
																+            props.viewData?.city +
															
 
																+            props.viewData?.county
															
 
																+          }}
															
 
																+        </div>
															
 
																+        <div>详细地址：{{ props.viewData?.address }}</div>
															
 
																+        <div>文物概况：{{ props.viewData?.description }}</div>
															
 
																+      </div>
															
 
																+    </a-modal>
															
 
																+  </div>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  onMounted,
															
 
																+  nextTick,
															
 
																+  defineEmits,
															
 
																+  defineProps,
															
 
																+  computed,
															
 
																+} from "vue";
															
 
																+const emit = defineEmits(["handleViewCancel"]);
															
 
																+const props = defineProps({
															
 
																+  viewData: {
															
 
																+    type: Object,
															
 
																+    default: () => null,
															
 
																+  },
															
 
																+});
															
 
																+
															
 
																+const handleViewCancel = (e) => {
															
 
																+  emit("handleViewCancel", e);
															
 
																+};
															
 
																+
															
 
																+onMounted(() => {});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+div {
															
 
																+  margin: 10px 0;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -0,0 +1,182 @@
 
																+<template>
															
 
																+  <div class="login-content">
															
 
																+    <div class="login-form">
															
 
																+      <div class="logo"></div>
															
 
																+      <p class="title"></p>
															
 
																+      <div class="input-item user-name">
															
 
																+        <div class="icon name-icon"></div>
															
 
																+        <a-input
															
 
																+          v-model:value="userName"
															
 
																+          :bordered="false"
															
 
																+          maxlength="15"
															
 
																+          placeholder="请输入用户名"
															
 
																+        />
															
 
																+      </div>
															
 
																+
															
 
																+      <div class="input-item password">
															
 
																+        <div class="icon pass-icon"></div>
															
 
																+        <a-input-password
															
 
																+          v-model:value="password"
															
 
																+          placeholder="请输入密码"
															
 
																+          :bordered="false"
															
 
																+          maxlength="15"
															
 
																+          class="pss-ipt"
															
 
																+        />
															
 
																+      </div>
															
 
																+      <a-button :loading class="login-btn" type="primary" @click="handleLogin"
															
 
																+        >登录</a-button
															
 
																+      >
															
 
																+    </div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import { ref, onMounted, onUnmounted, nextTick } from "vue";
															
 
																+import { useRouter, useRoute } from "vue-router";
															
 
																+import { login, getUserInfo } from "@/api/index";
															
 
																+import { message } from "ant-design-vue";
															
 
																+import { useStore } from "@/stores";
															
 
																+const store = useStore();
															
 
																+import router from "@/router";
															
 
																+const loading = ref(false);
															
 
																+const userName = ref("");
															
 
																+const password = ref("");
															
 
																+const handleLogin = async () => {
															
 
																+  if (userName.value.trim() == "") {
															
 
																+    message.warn("请输入用户名");
															
 
																+    return;
															
 
																+  }
															
 
																+  if (password.value.trim() == "") {
															
 
																+    message.warn("请输入密码");
															
 
																+    return;
															
 
																+  }
															
 
																+  console.log("登录", userName.value, window.btoa(password.value));
															
 
																+  loading.value = true;
															
 
																+  try {
															
 
																+    let res = await login({
															
 
																+      password: window.btoa(password.value),
															
 
																+      username: userName.value,
															
 
																+    });
															
 
																+    loading.value = false;
															
 
																+    if (res.code == 0) {
															
 
																+      localStorage.setItem("token", res.data.accessToken);
															
 
																+      router.replace(`/`);
															
 
																+    } else {
															
 
																+      message.error(res.message);
															
 
																+    }
															
 
																+  } catch (err) {
															
 
																+    loading.value = false;
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+const onEnterKey = (event) => {
															
 
																+  if (
															
 
																+    event.keyCode === 13 &&
															
 
																+    userName.value.trim() != "" &&
															
 
																+    password.value.trim() != ""
															
 
																+  ) {
															
 
																+    // 在这里写入回车键按下后要执行的代码
															
 
																+    handleLogin();
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+const getInfo = () => {
															
 
																+  getUserInfo()
															
 
																+    .then((res) => {
															
 
																+      if (res.code == 0) {
															
 
																+        store.setUserInfo(res.data);
															
 
																+        router.replace("/");
															
 
																+      }
															
 
																+    })
															
 
																+    .catch((err) => {});
															
 
																+};
															
 
																+
															
 
																+onMounted(() => {
															
 
																+  getInfo();
															
 
																+
															
 
																+  document.addEventListener("keyup", onEnterKey);
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  document.removeEventListener("keyup", onEnterKey);
															
 
																+});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.login-content {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+  justify-content: center;
															
 
																+  background: url("@/assets/images/admin-bg.jpg") no-repeat;
															
 
																+  background-size: cover;
															
 
																+  .login-form {
															
 
																+    width: 590px;
															
 
																+    height: 760px;
															
 
																+    background: rgba(250, 246, 236, 0.8);
															
 
																+    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
															
 
																+    border-radius: 20px 20px 20px 20px;
															
 
																+    position: absolute;
															
 
																+    top: 135px;
															
 
																+    left: 189px;
															
 
																+    display: flex;
															
 
																+    flex-direction: column;
															
 
																+    align-items: center;
															
 
																+    justify-content: flex-start;
															
 
																+    .logo {
															
 
																+      width: 304px;
															
 
																+      height: 114px;
															
 
																+      background: url("@/assets/images/title.png") no-repeat;
															
 
																+      background-size: 100% auto;
															
 
																+      margin: 60px auto 30px;
															
 
																+    }
															
 
																+    .title {
															
 
																+      width: 426px;
															
 
																+      height: 60px;
															
 
																+      background: url("@/assets/images/title@2x.png") no-repeat;
															
 
																+      background-size: 100% auto;
															
 
																+      margin: 0 auto 90px;
															
 
																+    }
															
 
																+
															
 
																+    .input-item {
															
 
																+      width: 426px;
															
 
																+      border-bottom: 1px solid rgba(70, 70, 70, 0.5);
															
 
																+      margin: 0 auto 10px;
															
 
																+      height: 60px;
															
 
																+      position: relative;
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      justify-content: flex-start;
															
 
																+      .icon {
															
 
																+        width: 40px;
															
 
																+        height: 40px;
															
 
																+        &.name-icon {
															
 
																+          background: url("@/assets/images/icon_ac@2x.png") no-repeat;
															
 
																+          background-size: 100% auto;
															
 
																+        }
															
 
																+        &.pass-icon {
															
 
																+          background: url("@/assets/images/icon_pw@2x.png") no-repeat;
															
 
																+          background-size: 100% auto;
															
 
																+        }
															
 
																+      }
															
 
																+      input,
															
 
																+      .pss-ipt {
															
 
																+        width: 100%;
															
 
																+        // position: absolute;
															
 
																+        height: 40px;
															
 
																+        bottom: 0;
															
 
																+        font-size: 24px;
															
 
																+        &::placeholder {
															
 
																+          color: rgba(70, 70, 70, 0.5);
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .login-btn {
															
 
																+      width: 424px;
															
 
																+      height: 70px;
															
 
																+      background: #ae1f0a;
															
 
																+      border-radius: 5px 5px 5px 5px;
															
 
																+      margin-top: 70px;
															
 
																+      font-size: 24px;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/views/messages/index.vue
+++ b/src/views/messages/index.vue
@@ -0,0 +1,140 @@
 
																+<template>
															
 
																+  <div class="collect-content">
															
 
																+    <div class="router-title">
															
 
																+      <span>
															
 
																+        {{ routerTitle }}
															
 
																+      </span>
															
 
																+    
															
 
																+    </div>
															
 
																+    <div class="table-body">
															
 
																+      <a-table :dataSource="dataSource" :columns="columns">
															
 
																+        <template #bodyCell="{ column, record }">
															
 
																+          <template v-if="column.key === 'status'">
															
 
																+            <a-popconfirm
															
 
																+              :title="
															
 
																+                record.status === 1 ? '确认撤下该留言？' : '确认选登该留言？'
															
 
																+              "
															
 
																+              ok-text="确认"
															
 
																+              cancel-text="取消"
															
 
																+            >
															
 
																+              <a-button type="text">{{
															
 
																+                record.status === 1 ? "展示" : "不展示"
															
 
																+              }}</a-button>
															
 
																+            </a-popconfirm>
															
 
																+          </template>
															
 
																+          <template v-if="column.key === 'action'">
															
 
																+            <div class="action-content">
															
 
																+              <a-button type="text" @click="showView(record)">查看</a-button>
															
 
																+
															
 
																+              <a-popconfirm
															
 
																+                title="请确认是否删除"
															
 
																+                ok-text="删除"
															
 
																+                cancel-text="取消"
															
 
																+              >
															
 
																+                <a-button type="text" danger>删除</a-button>
															
 
																+              </a-popconfirm>
															
 
																+            </div>
															
 
																+          </template>
															
 
																+        </template>
															
 
																+      </a-table>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+  <View :viewData="viewData" @handleViewCancel="handleViewCancel" />
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import { ref, onMounted, nextTick } from "vue";
															
 
																+import { useRouter, useRoute } from "vue-router";
															
 
																+import View from "./view/index.vue";
															
 
																+const route = useRoute();
															
 
																+const routerTitle = ref(route.meta.title);
															
 
																+const open = ref(false);
															
 
																+const viewData = ref(null);
															
 
																+const dataSource = ref([
															
 
																+  {
															
 
																+    key: "1",
															
 
																+    name: "胡彦斌",
															
 
																+    age: 32,
															
 
																+    address: "西湖区湖底公园1号",
															
 
																+    status: 0,
															
 
																+  },
															
 
																+  {
															
 
																+    key: "2",
															
 
																+    name: "胡彦祖",
															
 
																+    age: 42,
															
 
																+    address: "西湖区湖底公园1号",
															
 
																+    status: 1,
															
 
																+  },
															
 
																+]);
															
 
																+const columns = ref([
															
 
																+  {
															
 
																+    title: "提交时间",
															
 
																+    dataIndex: "name",
															
 
																+    key: "name",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "邮箱",
															
 
																+    dataIndex: "age",
															
 
																+    key: "age",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "内容",
															
 
																+    dataIndex: "address",
															
 
																+    key: "address",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "状态",
															
 
																+    dataIndex: "status",
															
 
																+    key: "status",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+
															
 
																+  {
															
 
																+    title: "操作",
															
 
																+    key: "action",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+]);
															
 
																+
															
 
																+const showModal = () => {
															
 
																+  open.value = true;
															
 
																+};
															
 
																+const handleCancel = (e) => {
															
 
																+  open.value = false;
															
 
																+};
															
 
																+const showView = (record) => {
															
 
																+  viewData.value = record;
															
 
																+};
															
 
																+const handleViewCancel = (e) => {
															
 
																+  viewData.value = null;
															
 
																+};
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.collect-content {
															
 
																+  color: #000;
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  .router-title {
															
 
																+    height: 60px;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: bold;
															
 
																+    line-height: 60px;
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: space-between;
															
 
																+    padding: 0 20px;
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/views/messages/view/index.vue
+++ b/src/views/messages/view/index.vue
@@ -0,0 +1,48 @@
 
																+<template>
															
 
																+  <div>
															
 
																+    <a-modal
															
 
																+      v-model:open="props.viewData"
															
 
																+      title="查看"
															
 
																+      @cancel="handleViewCancel"
															
 
																+      width="480px"
															
 
																+      :footer="null"
															
 
																+    >
															
 
																+      <div>
															
 
																+        <div>提交时间：{{ props.viewData?.address }}</div>
															
 
																+        <div>联系人姓名：{{ props.viewData?.name }}</div>
															
 
																+        <div>联系电话：{{ props.viewData?.age }}</div>
															
 
																+        <div>省市区/县：{{ props.viewData?.address }}</div>
															
 
																+        <div>详细地址：{{ props.viewData?.address }}</div>
															
 
																+        <div>文物概况：{{ props.viewData?.address }}</div>
															
 
																+      </div>
															
 
																+    </a-modal>
															
 
																+  </div>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  onMounted,
															
 
																+  nextTick,
															
 
																+  defineEmits,
															
 
																+  defineProps,
															
 
																+  computed,
															
 
																+} from "vue";
															
 
																+const emit = defineEmits(["handleViewCancel"]);
															
 
																+const props = defineProps({
															
 
																+  viewData: {
															
 
																+    type: Object,
															
 
																+    default: () => null,
															
 
																+  },
															
 
																+});
															
 
																+
															
 
																+const handleViewCancel = (e) => {
															
 
																+  emit("handleViewCancel", e);
															
 
																+};
															
 
																+
															
 
																+onMounted(() => {});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+div {
															
 
																+  margin: 10px 0;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/users/addUser/index.vue
+++ b/src/views/users/addUser/index.vue
@@ -0,0 +1,128 @@
 
																+<template>
															
 
																+  <div>
															
 
																+    <!-- :keyboard="false" -->
															
 
																+    <!-- :maskClosable="false" -->
															
 
																+    <a-modal
															
 
																+      v-model:open="props.open"
															
 
																+      title="新增用户"
															
 
																+      @cancel="handleCancel"
															
 
																+      @ok="handleOk"
															
 
																+      width="480px"
															
 
																+    >
															
 
																+      <template #footer>
															
 
																+        <a-button key="back" @click="handleCancel">取消</a-button>
															
 
																+        <a-button
															
 
																+          key="submit"
															
 
																+          type="primary"
															
 
																+          :loading="loading"
															
 
																+          @click="handleOk"
															
 
																+          >确认</a-button
															
 
																+        >
															
 
																+      </template>
															
 
																+      <a-form
															
 
																+        ref="formRef"
															
 
																+        :rules="rules"
															
 
																+        :model="formState"
															
 
																+        @finish="onFinish"
															
 
																+        @finishFailed="onFinishFailed"
															
 
																+      >
															
 
																+        <a-form-item label="用户名" name="username">
															
 
																+          <div class="un-box">
															
 
																+            <a-input
															
 
																+              placeholder="请输入内容 6-15字；不能重复"
															
 
																+              v-model:value="formState.username"
															
 
																+              maxlength="15"
															
 
																+            />
															
 
																+            <p class="error">{{ errorText }}</p>
															
 
																+          </div>
															
 
																+        </a-form-item>
															
 
																+        <a-form-item label="初始密码" name="password">
															
 
																+          <span>123456</span>
															
 
																+        </a-form-item>
															
 
																+      </a-form>
															
 
																+    </a-modal>
															
 
																+  </div>
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  reactive,
															
 
																+  onMounted,
															
 
																+  nextTick,
															
 
																+  defineProps,
															
 
																+  defineEmits,
															
 
																+} from "vue";
															
 
																+import { addUser } from "@/api";
															
 
																+import { message } from "ant-design-vue";
															
 
																+const emits = defineEmits(["close", "confirm"]);
															
 
																+const props = defineProps({
															
 
																+  open: {
															
 
																+    type: Boolean,
															
 
																+    default: false,
															
 
																+  },
															
 
																+});
															
 
																+const formState = reactive({
															
 
																+  username: "",
															
 
																+});
															
 
																+const loading = ref(false);
															
 
																+const errorText = ref("");
															
 
																+const rules = {
															
 
																+  username: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      validator: (_, value) => {
															
 
																+        if (!value || value.length < 6 || value.length > 15) {
															
 
																+          return Promise.reject(new Error("请输入内容 6-15字；不能重复"));
															
 
																+        }
															
 
																+        errorText.value = "";
															
 
																+        return Promise.resolve();
															
 
																+      },
															
 
																+      trigger: ["blur", "change"],
															
 
																+    },
															
 
																+  ],
															
 
																+};
															
 
																+const formRef = ref(null);
															
 
																+const handleCancel = (e) => {
															
 
																+  emits("close");
															
 
																+  formState.username = "";
															
 
																+  errorText.value = "";
															
 
																+};
															
 
																+const handleOk = (e) => {
															
 
																+  formRef.value
															
 
																+    .validate()
															
 
																+    .then(async () => {
															
 
																+      // 提交表单
															
 
																+      console.log("提交表单", formState);
															
 
																+      loading.value = true;
															
 
																+      try {
															
 
																+        let res = await addUser({ username: formState.username });
															
 
																+        loading.value = false;
															
 
																+        if (res.code == 0) {
															
 
																+          handleCancel();
															
 
																+          emits("confirm");
															
 
																+
															
 
																+          message.success("操作成功");
															
 
																+        } else if (res.code == 10001) {
															
 
																+          errorText.value = "已存在重复用户名";
															
 
																+        }
															
 
																+      } catch (err) {
															
 
																+        loading.value = false;
															
 
																+      }
															
 
																+    })
															
 
																+    .catch((errorInfo) => {
															
 
																+      console.log("验证失败:", errorInfo);
															
 
																+    });
															
 
																+};
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.un-box {
															
 
																+  position: relative;
															
 
																+  .error {
															
 
																+    position: absolute;
															
 
																+    bottom: -100%;
															
 
																+    left: 0;
															
 
																+    font-size: 12px;
															
 
																+    color: red;
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/views/users/index.vue
+++ b/src/views/users/index.vue
@@ -0,0 +1,226 @@
 
																+<template>
															
 
																+  <div class="collect-content">
															
 
																+    <div class="router-title">
															
 
																+      <span>
															
 
																+        {{ routerTitle }}
															
 
																+      </span>
															
 
																+    </div>
															
 
																+    <div class="controls-box">
															
 
																+      <div class="scarch-content">
															
 
																+        <span>搜索项：</span>
															
 
																+        <div>
															
 
																+          <a-input-search
															
 
																+            v-model:value="pagination.username"
															
 
																+            placeholder="请输入用户名"
															
 
																+            enter-button
															
 
																+            @search="onSearch"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <a-button @click="resetSearch">重置</a-button>
															
 
																+      </div>
															
 
																+      <a-button type="primary" @click="showModal">新增</a-button>
															
 
																+    </div>
															
 
																+    <div class="table-body">
															
 
																+      <a-config-provider>
															
 
																+        <a-table
															
 
																+          :scroll="{ x: 0, y: 600 }"
															
 
																+          :pagination="pagination"
															
 
																+          @change="handleTableChange"
															
 
																+          :loading="loading"
															
 
																+          :dataSource="dataSource"
															
 
																+          :columns="columns"
															
 
																+          emptyText="暂无数据"
															
 
																+        >
															
 
																+          <template #bodyCell="{ column, record }">
															
 
																+            <template v-if="column.key === 'isAdmin'">
															
 
																+              <span v-if="record.isAdmin == 1">管理员</span>
															
 
																+              <span v-else>普通成员</span>
															
 
																+            </template>
															
 
																+            <template v-if="column.key === 'action'">
															
 
																+              <div class="action-content" v-if="record.isAdmin != 1">
															
 
																+                <a-button type="text" @click="resetPassword(record.id)"
															
 
																+                  >重置密码</a-button
															
 
																+                >
															
 
																+
															
 
																+                <a-popconfirm
															
 
																+                  title="请确认是否删除"
															
 
																+                  ok-text="删除"
															
 
																+                  cancel-text="取消"
															
 
																+                  @confirm="deleteConfirm(record.id)"
															
 
																+                >
															
 
																+                  <a-button type="text" danger>删除</a-button>
															
 
																+                </a-popconfirm>
															
 
																+              </div>
															
 
																+              <span v-else>/</span>
															
 
																+            </template>
															
 
																+          </template>
															
 
																+        </a-table>
															
 
																+      </a-config-provider>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+
															
 
																+  <AddUser :open="open" @close="open = false" @confirm="getData" />
															
 
																+</template>
															
 
																+<script setup>
															
 
																+import { ref, reactive, onMounted, nextTick } from "vue";
															
 
																+
															
 
																+import { useRouter, useRoute } from "vue-router";
															
 
																+import { message } from "ant-design-vue";
															
 
																+import { userList, delUser, resetUserPassword } from "@/api";
															
 
																+import AddUser from "./addUser/index.vue";
															
 
																+const route = useRoute();
															
 
																+const routerTitle = ref(route.meta.title);
															
 
																+const open = ref(false);
															
 
																+const loading = ref(false);
															
 
																+const onFinish = (values) => {
															
 
																+  console.log("Success:", values);
															
 
																+};
															
 
																+const onFinishFailed = (errorInfo) => {
															
 
																+  console.log("Failed:", errorInfo);
															
 
																+};
															
 
																+
															
 
																+const deleteConfirm = async (id) => {
															
 
																+  let res = await delUser(id);
															
 
																+  if (res.code == 0) {
															
 
																+    getData();
															
 
																+    message.success("操作成功");
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+const handleTableChange = (pag, filters, sorter) => {
															
 
																+  console.log("分页回调pag, filters, sorter", pag, filters, sorter);
															
 
																+
															
 
																+  pagination.value.current = pag.current;
															
 
																+  pagination.value.pageSize = pag.pageSize;
															
 
																+  getData();
															
 
																+};
															
 
																+const dataSource = ref([]);
															
 
																+const columns = ref([
															
 
																+  {
															
 
																+    title: "用户名",
															
 
																+    dataIndex: "username",
															
 
																+    key: "username",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "角色",
															
 
																+    dataIndex: "isAdmin",
															
 
																+    key: "isAdmin",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+  {
															
 
																+    title: "创建时间",
															
 
																+    dataIndex: "createTime",
															
 
																+    key: "createTime",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+
															
 
																+  {
															
 
																+    title: "操作",
															
 
																+    key: "action",
															
 
																+    ellipsis: true,
															
 
																+    width: "50%",
															
 
																+    align: "center",
															
 
																+  },
															
 
																+]);
															
 
																+const showModal = () => {
															
 
																+  open.value = true;
															
 
																+};
															
 
																+const resetPassword = (userId) => {
															
 
																+  loading.value = true;
															
 
																+  resetUserPassword(userId)
															
 
																+    .then((res) => {
															
 
																+      loading.value = false;
															
 
																+      if (res.code == 0) {
															
 
																+        message.success("密码已重置为123456");
															
 
																+      } else {
															
 
																+        message.success(res.message);
															
 
																+      }
															
 
																+    })
															
 
																+    .catch((err) => {
															
 
																+      loading.value = false;
															
 
																+    });
															
 
																+};
															
 
																+const onSearch = () => {
															
 
																+  console.log("搜索内容：", pagination.value.username);
															
 
																+  getData();
															
 
																+};
															
 
																+const resetSearch = () => {
															
 
																+  pagination.value.username = "";
															
 
																+  console.log("重置搜索");
															
 
																+  getData();
															
 
																+};
															
 
																+const pagination = ref({
															
 
																+  total: 0,
															
 
																+  current: 1,
															
 
																+  pageSize: 10,
															
 
																+  username: "",
															
 
																+  hideOnSinglePage: true,
															
 
																+});
															
 
																+const getData = async () => {
															
 
																+  loading.value = true;
															
 
																+  let params = {
															
 
																+    pageNo: pagination.value.current,
															
 
																+    pageSize: pagination.value.pageSize,
															
 
																+    username: pagination.value.username,
															
 
																+  };
															
 
																+  try {
															
 
																+    let res = await userList(params);
															
 
																+    if (res.code == 0) {
															
 
																+      dataSource.value = res.data.pageData;
															
 
																+      pagination.value.total = res.data.total;
															
 
																+      pagination.value.current = res.data.pageNum;
															
 
																+      pagination.value.pageSize = res.data.pageSize;
															
 
																+      loading.value = false;
															
 
																+    }
															
 
																+  } catch (err) {
															
 
																+    loading.value = false;
															
 
																+  }
															
 
																+};
															
 
																+onMounted(() => {
															
 
																+  getData();
															
 
																+});
															
 
																+</script>
															
 
																+<style lang="scss" scoped>
															
 
																+.collect-content {
															
 
																+  color: #000;
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  .router-title {
															
 
																+    height: 60px;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: bold;
															
 
																+    line-height: 60px;
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: space-between;
															
 
																+    padding: 0 20px;
															
 
																+  }
															
 
																+}
															
 
																+.controls-box {
															
 
																+  display: flex;
															
 
																+  justify-content: space-between;
															
 
																+  align-items: center;
															
 
																+  margin-bottom: 10px;
															
 
																+  height: 60px;
															
 
																+  padding: 0 20px;
															
 
																+  .scarch-content {
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: flex-start;
															
 
																+    line-height: normal;
															
 
																+    span {
															
 
																+      margin-right: 8px;
															
 
																+    }
															
 
																+    .ant-input-search {
															
 
																+      width: 200px;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,36 @@
 
																+import { fileURLToPath, URL } from "node:url";
															
 
																+import { defineConfig } from "vite";
															
 
																+import vue from "@vitejs/plugin-vue";
															
 
																+
															
 
																+const isDev = process.env.NODE_ENV === "development";
															
 
																+// import vueDevTools from 'vite-plugin-vue-devtools'
															
 
																+
															
 
																+// https://vite.dev/config/
															
 
																+export default defineConfig({
															
 
																+  base: "./",
															
 
																+  build: {
															
 
																+    // assetsDir: "assets",
															
 
																+    // outDir: 'dist', // 输出目录
															
 
																+    // emptyOutDir: true,
															
 
																+    // copyPublicDir: false,
															
 
																+  },
															
 
																+  plugins: [
															
 
																+    vue(),
															
 
																+    // vueDevTools(),
															
 
																+  ],
															
 
																+  server: {
															
 
																+    host: "0.0.0.0",
															
 
																+    proxy: {
															
 
																+      "/zytwjng": {
															
 
																+        target: "http://192.168.0.73:8180", // 后端服务地址
															
 
																+        changeOrigin: false, // 是否改变源地址
															
 
																+        // rewrite: (path) => path.replace(/^\/api/, ""),
															
 
																+      },
															
 
																+    },
															
 
																+  },
															
 
																+  resolve: {
															
 
																+    alias: {
															
 
																+      "@": fileURLToPath(new URL("./src", import.meta.url)),
															
 
																+    },
															
 
																+  },
															
 
																+});
	`@@ -0,0 +1 @@`
			`+VITE_BASE_URL=https://sit-zhongyuanbwg.4dage.com/`
	`@@ -0,0 +1,2 @@`
			`+registry=https://registry.npmmirror.com/`
			`+@dage:registry=http://192.168.20.245:4873/`