编译上线

修改上传按钮,优化ElMessage的提示弹窗,修改网站图标
修改自动主题切换时间
2023-12-09 00:02:24 +08:00 · 2023-12-08 23:38:11 +08:00 · 2023-12-08 23:36:04 +08:00 · 2023-12-04 23:09:43 +08:00 · 2023-12-04 22:24:56 +08:00 · 2023-12-04 22:24:45 +08:00
22 changed files with 1429 additions and 604 deletions
--- a/.gitignore
+++ b/.gitignore
@ -24,3 +24,5 @@ dist-ssr
 *.sw?
 /keys
 /dist
 dist.zip
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@ -5,5 +5,7 @@
 // Generated by unplugin-auto-import
 export {}
 declare global {
  const ElMess: typeof import('element-plus/es')['ElMess']
  const ElMessaeg: typeof import('element-plus/es')['ElMessaeg']
  const ElMessage: typeof import('element-plus/es')['ElMessage']
 }
--- a/components.d.ts
+++ b/components.d.ts
@ -7,7 +7,6 @@ export {}
 declare module 'vue' {
  export interface GlobalComponents {
    ElAvatar: typeof import('element-plus/es')['ElAvatar']
    ElButton: typeof import('element-plus/es')['ElButton']
    ElCard: typeof import('element-plus/es')['ElCard']
    ElCol: typeof import('element-plus/es')['ElCol']
@ -17,16 +16,15 @@ declare module 'vue' {
    ElPagination: typeof import('element-plus/es')['ElPagination']
    ElRow: typeof import('element-plus/es')['ElRow']
    ElSelect: typeof import('element-plus/es')['ElSelect']
    ElSwitch: typeof import('element-plus/es')['ElSwitch']
    ElTable: typeof import('element-plus/es')['ElTable']
    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
    ElTag: typeof import('element-plus/es')['ElTag']
    ElUpload: typeof import('element-plus/es')['ElUpload']
    ElWatermark: typeof import('element-plus/es')['ElWatermark']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
    VanButton: typeof import('vant/es')['Button']
    VanCellGroup: typeof import('vant/es')['CellGroup']
    VanConfigProvider: typeof import('vant/es')['ConfigProvider']
    VanField: typeof import('vant/es')['Field']
    VanImage: typeof import('vant/es')['Image']
    VanPopup: typeof import('vant/es')['Popup']
--- a/electron/main.ts
+++ b/electron/main.ts
@ -0,0 +1,41 @@
 // main.ts
 // 控制应用生命周期和创建原生浏览器窗口的模组
 import path from "path";
 import {app, BrowserWindow} from "electron";
 function createWindow() {
    // 创建浏览器窗口
    const mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            // 引入预加载文件
            preload: path.join(__dirname, "preload.js"),
        },
    });
    // 加载vite启动的本地服务
    mainWindow.loadURL("http://localhost:5173");
 }
 // 这段程序将会在 Electron 结束初始化
 // 和创建浏览器窗口的时候调用
 // 部分 API 在 ready 事件触发后才能使用。
 app.whenReady().then(() => {
    createWindow();
    app.on("activate", function () {
        // 通常在 macOS 上，当点击 dock 中的应用程序图标时，如果没有其他
        // 打开的窗口，那么程序会重新创建一个窗口。
        if (BrowserWindow.getAllWindows().length === 0) createWindow();
    });
 });
 // 除了 macOS 外，当所有窗口都被关闭的时候退出程序。 因此，通常对程序和它们在
 // 任务栏上的图标来说，应当保持活跃状态，直到用户使用 Cmd + Q 退出。
 app.on("window-all-closed", function () {
    if (process.platform !== "darwin") app.quit();
 });
--- a/electron/preload.ts
+++ b/electron/preload.ts
@ -0,0 +1 @@
 console.log("preload");
--- a/index.html
+++ b/index.html
@ -2,9 +2,9 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/UserAvatar.jpg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <title>文件分享站</title>
  </head>
  <body>
    <div id="app"></div>
--- a/package-lock.json
+++ b/package-lock.json
@ -11,7 +11,8 @@
        "@types/crypto-js": "^4.2.1",
        "axios": "^1.6.2",
        "crypto-js": "^4.2.0",
-        "element-plus": "^2.4.2",
+        "echarts": "^5.4.3",
        "element-plus": "^2.4.3",
        "vant": "^4.7.3",
        "vue": "^3.3.4",
        "vue-router": "^4.2.5"
@ -1590,6 +1591,15 @@
        "node": ">=6.0.0"
      }
    },
    "node_modules/echarts": {
      "version": "5.4.3",
      "resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.4.3.tgz",
      "integrity": "sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==",
      "dependencies": {
        "tslib": "2.3.0",
        "zrender": "5.4.4"
      }
    },
    "node_modules/element-plus": {
      "version": "2.4.3",
      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.4.3.tgz",
@ -2877,6 +2887,11 @@
        "typescript": ">=4.2.0"
      }
    },
    "node_modules/tslib": {
      "version": "2.3.0",
      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
    },
    "node_modules/type-check": {
      "version": "0.4.0",
      "resolved": "https://registry.npmmirror.com/type-check/-/type-check-0.4.0.tgz",
@ -3297,6 +3312,14 @@
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/zrender": {
      "version": "5.4.4",
      "resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz",
      "integrity": "sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==",
      "dependencies": {
        "tslib": "2.3.0"
      }
    }
  }
 }
--- a/package.json
+++ b/package.json
@ -3,16 +3,19 @@
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "main": "dist/main.js",
  "scripts": {
    "dev": "vite",
-    "build": "vue-tsc && vite build",
+    "build": "vue-tsc --noEmit && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
    "electron:dev":"tsc && electron ."
  },
  "dependencies": {
    "@types/crypto-js": "^4.2.1",
    "axios": "^1.6.2",
    "crypto-js": "^4.2.0",
-    "element-plus": "^2.4.2",
+    "echarts": "^5.4.3",
    "element-plus": "^2.4.3",
    "vant": "^4.7.3",
    "vue": "^3.3.4",
    "vue-router": "^4.2.5"
@ -23,6 +26,7 @@
    "@typescript-eslint/parser": "^6.11.0",
    "@vant/auto-import-resolver": "^1.0.2",
    "@vitejs/plugin-vue": "^4.2.3",
    "electron": "^27.1.3",
    "eslint": "^8.54.0",
    "eslint-plugin-vue": "^9.18.1",
    "typescript": "^5.0.2",
--- a/public/UserAvatar.jpg
+++ b/public/UserAvatar.jpg
--- a/src/App.vue
+++ b/src/App.vue
@ -11,7 +11,7 @@ const onInitOrResize = () => {
  }
 }
 onMounted(() => {
-  window.onresize = onInitOrResize;
+  window.addEventListener("resize", onInitOrResize);
  onInitOrResize();
 })
 </script>
--- a/src/api/Requester.ts
+++ b/src/api/Requester.ts
@ -5,8 +5,10 @@ import {md5Hex} from "./CryptoUtils";
 import {User} from "../entities/User";
 import {Auth} from "../entities/Auth";
 import {File} from "../entities/File";
 import {SearchType} from "../entities/SearchType.ts";
 import {AccessInformation} from "../entities/AccessInformation.ts";
-export const baseUrl = 'http://localhost:8081';
+export const baseUrl = '';
 export interface Result<T> {
    data: T;
@ -26,7 +28,7 @@ const instance = axios.create({
    timeout: 1000,
    headers: {'Content-Type': 'application/json'}
 });
-axios.interceptors.request.use(function (config) {
+instance.interceptors.request.use(function (config) {
    config.headers['Authorization'] = window.sessionStorage.getItem("authorization");
    return config;
 }, function (error) {
@ -35,8 +37,8 @@ axios.interceptors.request.use(function (config) {
 });
 // 添加响应拦截器
-axios.interceptors.response.use(function (response) {
+instance.interceptors.response.use(function (response) {
-    const authorization = response.headers['Set-Authorization'];
+    const authorization = response.headers['set-authorization'];
    if (authorization) {
        window.sessionStorage.setItem("authorization", authorization);
    }
@ -44,12 +46,24 @@ axios.interceptors.response.use(function (response) {
 }, function (error) {
    return Promise.reject(error);
 });
 /**
 * 登录接口
 * @param username 用户名
 * @param password 密码（未加密的）
 */
 export const login = (username: string, password: string) => {
    return instance.post<Result<User>>("/api/user/login", {
        name: username,
        password: md5Hex(password)
    })
 }
 /**
 * 注册接口
 * @param username 用户名
 * @param password 密码
 * @param auth 注册的权限（Auth.user或Auth.admin）
 * @param verifyCode 注册管理员所需的验证码（若注册的权限为Auth.user则无需填写）
 */
 export const register = (username: string, password: string, auth: Auth, verifyCode?: string) => {
    return instance.post<Result<User>>("/api/user/register", {
        name: username,
@ -58,13 +72,26 @@ export const register = (username: string, password: string, auth: Auth, verifyC
        verifyCode: verifyCode,
    })
 }
 /**
 * 获取验证码（只能以管理员用户运行，后端会验签）
 */
 export const generatorVerifyCode = () => {
    return instance.get<Result<string>>("/api/user/verifyCode")
 }
-// 获取文件
+/**
 * 获取所有文件
 * @param page 页数
 * @param num 一页多少文件
 */
 export const getAllFiles = (page: number, num: number) => {
    return instance.get<PageResult<File>>("/api/file/getAll", {params: {num, page}});
 }
-
+/**
-// 上传文件
+ * 上传文件接口
 * @param options 上传选项（会在el-upload的http-request方法调用时传入）
 * @param controller 取消控制器（自己创建后传入）
 */
 export const upload = (options: UploadRequestOptions, controller: AbortController) => {
    const param = new FormData();
    param.append("file", options.file);
@ -81,4 +108,62 @@ export const upload = (options: UploadRequestOptions, controller: AbortControlle
        },
        signal: controller.signal
    })
 }
 /**
 * 获取下载链接
 * @param id 文件id
 */
 export const getLink = (id: number) => {
    return instance.get<Result<string>>("/api/file/link", {params: {id}});
 }
 /**
 * 删除文件
 * @param id 文件id
 */
 export const remove = (id: number) => {
    return instance.post<Result<boolean>>("/api/file/remove", {id});
 }
 const handlerSearchType = (searchType: SearchType): string => {
    switch (searchType){
        case SearchType.ID:
            return "ID"
        case SearchType.TYPE:
            return "TYPE"
        case SearchType.UPLOAD_DAY:
            return "UPLOAD_DAY"
        case SearchType.UPLOADER:
            return "UPLOADER"
        default:
            return "FILE_NAME"
    }
 }
 /**
 * 搜索
 * @param page 页数
 * @param num 一页多少文件
 * @param searchType 搜索类型
 * @param data 搜索数据
 */
 export const search = (page: number, num: number, searchType: SearchType, data: string) => {
    return instance.get<PageResult<File>>("/api/file/search", {params: {page, num, type: handlerSearchType(searchType), data}});
 }
 /**
 * 获取访问情况
 * @param count 获取的天数
 */
 export const getAccessInformation = (count: number) => {
    return instance.get<AccessInformation[]>("/api/access/get", {params: {count}});
 }
 /**
 * 获取总访问情况
 */
 export const getTotalAccessInformation = () => {
    return instance.get<AccessInformation>("/api/access/getAll");
 }
 /**
 * 检查是否可以上传
 * @param filename 文件名
 */
 export const checkUpload = (filename: string) => {
    return instance.get<Result<boolean>>("/api/file/checkUpload", {params: {filename}});
 }
--- a/src/assets/UserAvatar.jpg
+++ b/src/assets/UserAvatar.jpg
--- a/src/entities/AccessInformation.ts
+++ b/src/entities/AccessInformation.ts
@ -0,0 +1,17 @@
 /**
 * 访问情况类
 */
 export interface AccessInformation {
    /**
     * 总下载量
     */
    totalDownload: number;
    /**
     * 总访问量
     */
    totalAccess: number;
    /**
     * 日期
     */
    date: string;
 }
--- a/src/entities/Auth.ts
+++ b/src/entities/Auth.ts
@ -1,3 +1,13 @@
 /**
 * 用户类型
 */
 export enum Auth {
-    user, admin
+    /**
     * 普通用户
     */
    USER,
    /**
     * 管理员
     */
    ADMIN,
 }
--- a/src/entities/File.ts
+++ b/src/entities/File.ts
@ -1,10 +1,37 @@
 /**
 * 文件类
 */
 export interface File {
    /**
     * 下载数
     */
    downloadCount: number;
    /**
     * 文件hash（sha512）
     */
    hash: string;
    /**
     * 文件id
     */
    id: number;
    /**
     * 文件名
     */
    name: string;
    /**
     * 文件大小（字节为单位）
     */
    size: number;
    /**
     * 文件类型
     */
    type: string;
    /**
     * 上传时间
     */
    uploadTime: string;
    /**
     * 上传者名称
     */
    uploaderName: string;
 }
--- a/src/entities/SearchType.ts
+++ b/src/entities/SearchType.ts
@ -0,0 +1,25 @@
 /**
 * 搜索类型
 */
 export enum SearchType {
    /**
     * 文件名
     */
    FILE_NAME,
    /**
     * 文件ID
     */
    ID,
    /**
     * 上传者
     */
    UPLOADER,
    /**
     * 上传日期
     */
    UPLOAD_DAY,
    /**
     * 文件类型
     */
    TYPE
 }
--- a/src/entities/User.ts
+++ b/src/entities/User.ts
@ -1,7 +1,19 @@
 import {Auth} from "./Auth";
 /**
 * 用户类
 */
 export interface User {
-    id: string
+    /**
     * 用户id
     */
    id: number;
    /**
     * 用户名
     */
    name: string;
    /**
     * 用户类型
     */
    auth: Auth;
 }
--- a/src/main.ts
+++ b/src/main.ts
@ -3,6 +3,7 @@ import './style.css'
 import App from './App.vue'
 import Mobile from './views/AppMobile.vue'
 import PC from './views/AppPC.vue'
 import 'element-plus/dist/index.css';
 import {createRouter, createWebHashHistory} from "vue-router";
 const router = createRouter({
--- a/src/views/AppMobile.vue
+++ b/src/views/AppMobile.vue
@ -1,156 +1,380 @@
 <template>
  <van-config-provider :theme="vantTheme"></van-config-provider>
  <div class="MobileHome">
    <!-- 页面主体部分 -->
    <div class="head">
      <!-- 头部区域 -->
      <van-cell-group inset class="inputFileName">
        <!-- 搜索框区域 -->
-        <van-field v-model="inputFileName" center clearable placeholder="请输入文件名称">
+        <van-field v-model="searchInput" center clearable placeholder="请输入文件名称">
          <!-- 文件名输入框 -->
          <template #button>
            <!-- 搜索按钮 -->
-            <van-button size="small" type="primary">搜索</van-button>
+            <van-button size="small" type="primary" @click="handlerSearch">搜索</van-button>
          </template>
        </van-field>
      </van-cell-group>
-
+      <!-- 用户头像 -->
      <van-image
          class="userAvatar"
          width="50"
          height="50"
-          src="src/assets/UserAvatar.jpg"
+          :src="userAvatar"
          radius="5"
-          @click="toggleUserLogin"
+          @click="imgLoginBox"
      />
-      <!-- 用户头像 -->
+      <van-popup v-model:show="userAvatarLoginShow" round position="top">
-
+        <!-- 登录/注册弹窗内容 -->
-      <van-popup v-model:show="userAvatarLoginShow" round position="top" class="userLoginBox">
+        <div class="dialog">
-        <!-- 登录弹窗 -->
+          <h2 v-if="isLoginMode">登录</h2>
-        <div class="login-content">
+          <h2 v-else>注册</h2>
-          <h2>登录/注册</h2>
+          <p v-if="isLoginMode">欢迎回到文件分享站！</p>
-          <p>欢迎来到文件分享站</p>
+          <p v-else>欢迎加入文件分享站！</p>
          <label for="userName">用户名</label>
          <van-field id="userName" v-model="userName" center placeholder="请输入用户名"/>
          <!-- 用户名输入框 -->
-          <label for="password">密码</label>
+          <label for="username" class="login-dialog-element">用户名：</label>
-          <van-field id="password" v-model="userPassword" center type="password" placeholder="请输入用户密码"/>
+          <el-input id="username" class="login-dialog-element" v-model="usernameInput" placeholder="请输入用户名"/>
          <!-- 密码输入框 -->
          <label for="password" class="login-dialog-element">密码：</label>
          <el-input id="password" class="login-dialog-element" v-model="userPasswordInput" type="password"
                    placeholder="请输入用户密码"/>
          <div v-if="!isLoginMode" class="login-dialog-element">
            <label for="registerType">注册类型：</label>
            <el-select id="registerType" v-model="registerTypeInput" placeholder="注册类型">
              <el-option key="1" label="普通用户" :value="Auth.USER"/>
              <el-option key="2" label="管理员" :value="Auth.ADMIN"/>
            </el-select>
            <div v-if="registerTypeInput == Auth.ADMIN">
              <label for="verifyCode" class="login-dialog-element">邀请码：</label>
              <el-input id="verifyCode" class="login-dialog-element" v-model="verifyCodeInput" type="password"
                        placeholder="请输入管理员用户邀请码"/>
            </div>
          </div>
          <div class="actions">
-            <van-button class="userLoginButton" @click="userLogin" type="primary">登录</van-button>
+            <van-button class="user-login-register-button" @click="userLogin" type="primary" v-if="isLoginMode">
              登录
            </van-button>
            <van-button class="user-login-register-button" @click="userEnroll" type="primary" v-else>注册
            </van-button>
            <!-- 登录按钮 -->
-            <van-button class="userLoginButton" @click="userEnroll" type="primary">注册后登录</van-button>
+            <van-button class="user-login-register-button" @click="isLoginMode = false;" type="primary"
                        v-if="isLoginMode">切换到注册
            </van-button>
            <van-button class="user-login-register-button" @click="isLoginMode = true;" type="primary" v-else>
              切换到登录
            </van-button>
            <!-- 注册按钮 -->
          </div>
        </div>
      </van-popup>
-
+      <!-- 属性弹窗 -->
      <van-popup v-model:show="userAvatarLoginShowTools" round position="top" class="userLoginBox">
-        <!-- 登录弹窗 -->
+        <div class="dialog">
        <div class="login-content">
          <h2>个人中心</h2>
          <h3>用户属性:</h3>
          <div>
-            <p class="userNameId">用户ID: {{ userNameToolsId }} </p>
+            <p>用户名称 {{ username }}</p>
-            <p class="userNameName">用户名称: {{ userNameToolsName }}</p>
+            <p>用户类型:
-            <p class="userNameType">用户类型:
+              <span v-if="userAuth === Auth.ADMIN">管理员</span>
-              <span v-if="userNameToolsAuth === 'admin'">管理员</span>
+              <span v-else-if="userAuth === Auth.USER">普通用户</span>
              <span v-else-if="userNameToolsAuth === 'user'">普通用户</span>
              <span v-else>未登录</span>
            </p>
          </div>
-          <h3>功能区:</h3>
+          <h3>功能区</h3>
          <div class="uploadFile">
-            <el-upload
+            <div class="button-container" style="display: flex;">
-                v-model:file-list="fileList"
+              <el-upload
-                class="upload"
+                  class="upload-demo"
-                action="http://127.0.0.1:8081/api/file/upload"
+                  multiple
-                multiple
+                  :http-request="handleUpload"
-                :on-preview="handlePreview"
+                  :before-remove="handleUploadRemove"
-                :on-remove="handleRemove"
+                  :on-success="handleUploadSuccess"
-                :before-remove="beforeRemove"
+                  :before-upload="handleBeforeUpload"
-                :limit="3"
+              >
-                :on-exceed="handleExceed"
+                <el-button type="primary">点击上传文件</el-button>
-            >
+              </el-upload>
-              <el-button type="primary">点击上传文件</el-button>
+              <el-button type="primary" @click="genVerifyCode" v-if="userAuth == Auth.ADMIN">获取邀请码</el-button>
              <el-button type="primary" @click="logout">退出登录</el-button>
-              <template #tip>
+            </div>
                <div class="el-upload__tip">
                  最大文件限制大小:10GB
                </div>
              </template>
            </el-upload>
          </div>
        </div>
      </van-popup>
      <!-- 文件详情 -->
      <van-popup v-model:show="showFileInformation" round>
        <div class="file-information-popover" v-if="nowSelectedFileInformation">
          <h2>文件名称:<br><span>{{ nowSelectedFileInformation.name }}</span></h2>
          <div>
            <p>文件ID: <span>{{ nowSelectedFileInformation.id }}</span></p>
            <p>文件类型: <span>{{ nowSelectedFileInformation.type }}</span></p>
            <p>文件大小: <span>{{ parserByteSize(nowSelectedFileInformation.size) }}</span></p>
            <p title="点击复制"><a class="file-hash-a" @click="copyFullHash">文件校验值:
              <span>{{ shortHash(nowSelectedFileInformation.hash) }}</span></a></p>
            <p>文件上传者: <span>{{ nowSelectedFileInformation.uploaderName }}</span></p>
            <p>文件上传时间: <span>{{ nowSelectedFileInformation.uploadTime }}</span></p>
          </div>
        </div>
        <div class="file-information-popover" v-else>
          <h2>emm，咱就是说，这个分享站好像有点bug，这个东西好像展示不出来捏:&lt;</h2>
        </div>
      </van-popup>
      <!-- 文件详情 -->
      <van-popup v-model:show="showFileInformation" round>
        <div class="file-information-popover" v-if="nowSelectedFileInformation">
          <h2>文件名称:<span>{{ nowSelectedFileInformation.name }}</span></h2>
          <div>
            <p>文件ID: <span>{{ nowSelectedFileInformation.id }}</span></p>
            <p>文件类型: <span>{{ nowSelectedFileInformation.type }}</span></p>
            <p>文件大小: <span>{{ parserByteSize(nowSelectedFileInformation.size) }}</span></p>
            <p title="点击复制"><a class="file-hash-a" @click="copyFullHash">文件校验值:
              <span>{{ shortHash(nowSelectedFileInformation.hash) }}</span></a></p>
            <p>文件上传者: <span>{{ nowSelectedFileInformation.uploaderName }}</span></p>
            <p>文件上传时间: <span>{{ nowSelectedFileInformation.uploadTime }}</span></p>
          </div>
        </div>
        <div class="file-information-popover" v-else>
          <h2>emm，咱就是说，这个分享站好像有点bug，这个东西好像展示不出来捏:&lt;</h2>
        </div>
      </van-popup>
    </div>
    <div class="fileLiteBox">
-      <el-table :data="nowFileData" border style="width: 100%">
+      <el-table ref="fileListTable" :data="pageFileData" class="files-data-table" border stripe>
-        <el-table-column prop="id" label="ID" width="60"/>
+        <el-table-column prop="id" label="ID" width="70"/>
-        <el-table-column prop="name" label="文件名" width="200"/>
+        <el-table-column prop="name" label="文件名称" width="650"/>
-        <el-table-column prop="type" label="文件格式" width="150"/>
+        <el-table-column prop="type" label="文件格式" width="120"/>
-        <el-table-column prop="size" label="文件大小" width="100"/>
+        <el-table-column label="文件大小" width="120">
-        <el-table-column prop="uploaderName" label="上传者" width="100"/>
+          <template #default="scope">{{ parserByteSize(scope.row.size) }}</template>
-        <el-table-column fixed="right" label="操作" width="100">
+        </el-table-column>
        <el-table-column prop="uploaderName" label="上传者" width="120"/>
        <el-table-column fixed="right" label="操作" :width="fileOptionRowWidth">
          <!-- 操作列模板 -->
          <template #default="scope">
-            <!-- 列表操作按钮 -->
+            <el-button link type="primary" @click="downloadFile(scope.row.id)">下载</el-button>
-            <el-button link type="primary" size="small" @click="handleShowDetail();">
+            <el-button link type="primary" @click="handlerFileInformation(scope.row)">详情</el-button>
-              <!-- 显示详细信息按钮 -->
+            <el-button link type="danger" v-if="userAuth === Auth.ADMIN" @click="removeFile(scope.row.id)">删除
              详细
            </el-button>
            <el-button link type="primary" size="small" @click="handleDownload();">下载</el-button>
            <!-- 下载按钮 -->
            <el-button link type="primary" size="small" @click="handleDelete();" v-if="isAdmin">删除
              <!-- 删除按钮，仅管理员可见 -->
            </el-button>
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页组件 -->
      <div class="pagination-container">
        <!-- 分页控件容器 -->
        <el-pagination
-            @current-change="fetchFiles"
+            @current-change="handlerPageChange"
            :current-page="currentPage"
-            :page-size="pageSize"
+            :page-sizes="[19]"
-            :total="totalFiles"
+            :page-size="19"
-            layout="prev, pager, next">
+            layout="prev, pager, next"
-        </el-pagination>
+            :total="totalFileCount"
            class="pagination"
        />
      </div>
    </div>
  </div>
 </template>
 <script setup lang="ts">
-import {onMounted, ref} from "vue";
+import 'element-plus/theme-chalk/dark/css-vars.css'
-import {ElMessage} from "element-plus";
+import {computed, onBeforeMount, onMounted, ref} from 'vue';
-import 'element-plus/es/components/message/style/css';
+import {useDark, useToggle} from "@vueuse/core"
-import {login, register, getAllFiles, Result} from '../api/Requester';
+import {GridComponent, LegendComponent} from 'echarts/components';
-import {User} from "../entities/User";
+import {LineChart} from 'echarts/charts';
 import {UniversalTransition} from 'echarts/features';
 import {CanvasRenderer} from 'echarts/renderers';
 import * as echarts from 'echarts/core';
 import {
  baseUrl,
  checkUpload,
  generatorVerifyCode,
  getAllFiles,
  getLink,
  register,
  remove,
  Result,
  search,
  upload
 } from "../api/Requester.ts";
 import {login} from '../api/Requester';
 import {AxiosResponse} from "axios";
-import {Auth} from "../entities/Auth";
+import {User} from "../entities/User.ts";
-import {File} from "../entities/File";
+import {UploadFile, UploadRawFile, UploadRequestOptions, ElMessage} from "element-plus";
 import {Auth} from "../entities/Auth.ts";
 import {File} from "../entities/File.ts";
 import {Awaitable} from "element-plus/es/utils";
 import {UploadAjaxError} from "element-plus/es/components/upload/src/ajax";
 import {SearchType} from "../entities/SearchType.ts";
-// TODO: 头部组件定义变量
+echarts.use([GridComponent, LineChart, CanvasRenderer, UniversalTransition, LegendComponent]);
 const inputFileName = ref<string>('');
 const userAvatarLoginShow = ref<boolean>(false);
 const userAvatarLoginShowTools = ref<boolean>(false);
 const userName = ref<string>("");
 const userPassword = ref<string>("");
 const isAdmin = ref<boolean>(false); // 是否是管理员
 // TODO: 用户属性
-const userNameToolsId = ref<number>(0);
+const username = computed(() => {
-const userNameToolsName = ref<string>("未登录");
+  const username = sessionStorage.getItem("username");
-const userNameToolsAuth = ref<string>("未登录");
+  if (username) {
    return username;
  }
  return "未登录"
 })
 const userAuth = computed(() => {
  const authStorage = sessionStorage.getItem("auth");
  switch (authStorage) {
    case "admin":
      return Auth.ADMIN;
    case "user":
      return Auth.USER;
    default:
      return "未登录";
  }
 })
-// TODO: 分页属性配置
+// TODO: 头部组件
 // 搜索类型
 const searchType = ref<SearchType>(SearchType.FILE_NAME);
 const searchInput = ref<string>("");
 // 用户头像
 const userAvatar = 'UserAvatar.jpg'
 // 用户账号密码
 const usernameInput = ref<string>('');
 const userPasswordInput = ref<string>('');
 // 用户登录弹窗
 const userAvatarLoginShow = ref<boolean>(false);
 // 用户属性弹窗
 const userAvatarLoginShowTools = ref<boolean>(false);
 // 用户登录/注册窗口模式
 const isLoginMode = ref<boolean>(true);
 // 注册类型
 const registerTypeInput = ref<Auth>(Auth.USER);
 // 邀请码
 const verifyCodeInput = ref<string>("");
 // 展示文件详细信息
 const nowSelectedFileInformation = ref<File>();
 // 下载文件
 const handlerFileInformation = (file: File) => {
  showFileInformation.value = true;
  nowSelectedFileInformation.value = file;
 }
 // 删除文件
 const downloadFile = (id: number) => {
  getLink(id).then((res: AxiosResponse<Result<string>>) => {
    window.open(baseUrl + "/api/file/download/" + res.data.data);
  })
 }
 const removeFile = (id: number) => {
  if (userAuth.value != Auth.ADMIN) {
    ElMessage.error({
      message: '呜~你是怎么发现这个按钮的，可惜哦~不能用哦~',
      grouping: true,
    })
    return;
  }
  remove(id).then((res: AxiosResponse<Result<boolean>>) => {
    if (res.data.data) {
      ElMessage.success({
        message: '删除成功！',
        grouping: true,
      });
      showAllFiles()
      return;
    }
    ElMessage.error({
      message: '删除失败，请查看后台日志处理！',
      grouping: true,
    });
  });
 }
 // 主题切换
 const isDark = useDark()
 const toggleDark = useToggle(isDark);
 const vantTheme = ref<"light" | "dark">("light");
 // 自动主题
 const initTheme = () => {
  const now = new Date();
  const hour = now.getHours();
  if (hour < 7 || hour > 17) {
    toggleDark(true);
    vantTheme.value = "dark";
    return;
  }
  toggleDark(false);
 }
 // TODO: 文件列表
 const showFileInformation = ref<boolean>(false);
 // admin 与 user 的UI变动
 const fileOptionRowWidth = computed(() => {
  switch (userAuth.value) {
    case Auth.ADMIN:
      return 155;
    default:
      return 110;
  }
 });
 // 分页相关数据
 const currentPage = ref<number>(1);
-const pageSize = ref<number>(18);
+const totalFileCount = ref<number>(0);
-const nowFileData = ref<File[]>([]);
+const pageFileData = ref<File[]>([]);
-const totalFiles = ref<number>(0);
+const isSearchType = ref<boolean>(false);
 const handlerSearch = () => {
  isSearchType.value = true;
  showAllFiles();
 }
 const showAllFiles = () => {
  if (isSearchType.value) {
    search(currentPage.value, 19, searchType.value, searchInput.value).then((res) => {
      totalFileCount.value = res.data.data.total;
      pageFileData.value = res.data.data.data;
    }).catch(() => {
      ElMessage.error({
        message: '搜索失败！',
        grouping: true,
      });
    })
    return;
  }
  getAllFiles(currentPage.value, 19).then((res) => {
    totalFileCount.value = res.data.data.total;
    pageFileData.value = res.data.data.data;
  })
 }
 const parserByteSize = (byte: number): string => {
  if (byte < 1024) {
    return byte + 'B';
  }
  if (byte < 1024 * 1024) {
    return (byte / 1024).toFixed(2) + "KB";
  }
  if (byte < 1024 * 1024 * 1024) {
    return (byte / 1024 / 1024).toFixed(2) + "MB";
  }
  if (byte < 1024 * 1024 * 1024 * 1024) {
    return (byte / 1024 / 1024 / 1024).toFixed(2) + "GB";
  }
  return (byte / 1024 / 1024 / 1024 / 1024).toFixed(2) + "TB";
 }
 const shortHash = (hash: string): string => {
  return hash.substring(0, 10) + '......' + hash.substring(118, 128)
 }
 const copyFullHash = () => {
  if (nowSelectedFileInformation.value) {
    navigator.clipboard.writeText(nowSelectedFileInformation.value.hash);
    ElMessage.success({
      message: '复制成功！',
      grouping: true,
    });
  } else {
    ElMessage.error({
      message: '你是怎么点到这个按钮的？？？',
      grouping: true,
    });
  }
-// TODO: 用户登录弹窗
+}
-const toggleUserLogin = () => {
+// 处理当前页变化
-  if (sessionStorage.getItem("userInfo") || localStorage.getItem("userInfo")) {
+const handlerPageChange = (val: number) => {
  currentPage.value = val;
  showAllFiles();
 };
 // TODO: 用户点击事件
 // 点击用户头像弹出登录窗口
 const imgLoginBox = () => {
  if (isLogin.value) {
    // 如果本地存储中有用户信息，即用户已登录
    // 显示用户信息窗口并隐藏登录窗口
    userAvatarLoginShowTools.value = true;
@ -160,217 +384,211 @@ const toggleUserLogin = () => {
    userAvatarLoginShow.value = !userAvatarLoginShow.value;
    userAvatarLoginShowTools.value = false;
  }
-};
+}
-
+// 点击登录按钮
 // TODO: 用户配置
 const logout = () => {
  // 清除本地存储中的用户信息
  localStorage.removeItem("userInfo");
  sessionStorage.removeItem("userInfo");
  // 刷新页面
  window.location.reload();
 };
 // TODO: 用户登录接口
 const userLogin = () => {
  // 清理本地cookie
-  localStorage.removeItem("userInfo");
+  sessionStorage.clear();
  sessionStorage.removeItem("userInfo");
  // 用户登录函数
-  if (userName.value == "" || userPassword.value == "") {
+  if (usernameInput.value == "" || userPasswordInput.value == "") {
-    ElMessage.error("用户名密码不能为空");
+    ElMessage.error({
-    localStorage.removeItem("userInfo");
+      message: '用户名密码不能为空',
-    sessionStorage.removeItem("userInfo");
+      grouping: true,
    });
    return;
  }
-  login(userName.value, userPassword.value)
+  // 调用登录接口
  login(usernameInput.value, userPasswordInput.value)
      .then((res: AxiosResponse<Result<User>>) => {
        // 发送登录请求
        if (res.data.status == 200) {
-          // 登录成功
+          const username = res.data.data.name;
-          // 存储用户信息到sessionStorage
+          sessionStorage.setItem("username", username);
-          const userInfo = {
+          sessionStorage.setItem("auth", res.data.data.auth.toString());
            userName: userName.value,
            userPassword: userPassword.value,
          };
          sessionStorage.setItem("userInfo", JSON.stringify(userInfo));
          console.log(res.data.data.name, res.data.data.id, res.data.data.auth);
          userNameToolsId.value = Number(res.data.data.id);
          userNameToolsName.value = String(res.data.data.name);
          userNameToolsAuth.value = String(res.data.data.auth)
          // 延迟一段时间后显示用户信息窗口
          setTimeout(() => {
-            toggleUserLogin();
+            imgLoginBox();
          }, 1000); // 1000毫秒（1秒）延迟示例
-
+          ElMessage.success({
-          ElMessage.success("登录成功!");
+            message: '登录成功!',
            grouping: true,
          });
          window.location.reload()
        } else {
-          ElMessage.error("登录失败,用户名密码错误!");
+          ElMessage.error({
-          localStorage.removeItem("userInfo");
+            message: '登录失败,用户名密码错误!',
-          sessionStorage.removeItem("userInfo");
+            grouping: true,
          });
        }
      })
      .catch(() => {
        ElMessage.error("登录失败,用户名密码错误!");
        localStorage.removeItem("userInfo");
        sessionStorage.removeItem("userInfo");
      });
 };
-
+// 注销登陆
-
+const logout = () => {
-// 在页面加载时检查本地存储中的用户信息
+  // 提醒弹窗
-let checkedStorage = false;
+  ElMessage.success({
-const checkLocalStorageUserInfo = () => {
+    message: '退出成功!',
-  if (checkedStorage) {
+    grouping: true,
-    return; // 如果已经检查过，不再重复执行
+  })
-  }
+  // 清除本地存储中的用户信息
-  const userInfoString = localStorage.getItem("userInfo");
+  sessionStorage.clear();
-  if (userInfoString) {
+  userAvatarLoginShowTools.value = false;
-    // 解析用户信息
+  window.location.reload()
    const userInfo = JSON.parse(userInfoString);
    userName.value = userInfo.userName;
    userPassword.value = userInfo.userPassword;
    // 验证用户信息
    verifyUserInfo();
  }
 };
-// 在页面加载时检查sessionStorage中的用户信息
+// 用户注册并登录接口
 const checkSessionStorageUserInfo = () => {
  if (checkedStorage) {
    return; // 如果已经检查过，不再重复执行
  }
  const userInfoString = sessionStorage.getItem("userInfo");
  if (userInfoString) {
    // 解析用户信息
    const userInfo = JSON.parse(userInfoString);
    userName.value = userInfo.userName;
    userPassword.value = userInfo.userPassword;
    // 验证用户信息
    verifyUserInfo();
  }
 };
 // 验证用户信息
 const verifyUserInfo = () => {
  if (userName.value === "" || userPassword.value === "") {
    return; // 用户名或密码为空，不进行验证
  }
  login(userName.value, userPassword.value)
      .then((res: AxiosResponse<Result<User>>) => {
        if (res.data.status === 200) {
          console.log(res.data.data.name, res.data.data.id, res.data.data.auth);
          userNameToolsId.value = Number(res.data.data.id);
          userNameToolsName.value = String(res.data.data.name);
          userNameToolsAuth.value = String(res.data.data.auth)
          ElMessage.success("登录成功!");
          userAvatarLoginShowTools.value = true; // 验证成功，显示用户信息窗口
          userAvatarLoginShow.value = false; // 隐藏登录窗口
        } else {
          ElMessage.error("验证失败，请重新登录!");
          userAvatarLoginShowTools.value = false; // 验证失败，隐藏用户信息窗口
          userAvatarLoginShow.value = true; // 显示登录窗口
          localStorage.removeItem("userInfo");
          sessionStorage.removeItem("userInfo");
        }
      })
      .catch(() => {
        ElMessage.error("验证失败，请重新登录!");
        userAvatarLoginShowTools.value = false; // 验证失败，隐藏用户信息窗口
        userAvatarLoginShow.value = true; // 显示登录窗口
        localStorage.removeItem("userInfo");
        sessionStorage.removeItem("userInfo");
      });
 };
 // TODO: 用户注册接口
 const userEnroll = () => {
  // 用户注册函数
-  if (userName.value == '' || userPassword.value == '') {
+  if (usernameInput.value == '' || userPasswordInput.value == '') {
-    ElMessage.error("用户名密码不能为空")
+    ElMessage.error({
      message: '用户名密码不能为空',
      grouping: true,
    })
    return;
  }
-  register(userName.value, userPassword.value, Auth.user).then((res) => {
+  register(usernameInput.value, userPasswordInput.value, registerTypeInput.value, verifyCodeInput.value).then((res) => {
    switch (res.data.status) {
      case 251:
-        ElMessage.error("邀请码错误！");
+        ElMessage.error({
          message: '邀请码错误！',
          grouping: true,
        });
        break;
      case 501:
-        ElMessage.error("存在同名用户！");
+        ElMessage.error({
          message: '存在同名用户！',
          grouping: true,
        });
        break;
      case 200:
-        ElMessage.success("注册成功");
+        ElMessage.success({
-        login(userName.value, userPassword.value)
+          message: '注册成功',
-            .then((res: AxiosResponse<Result<User>>) => {
+          grouping: true,
-              if (res.data.status === 200) {
+        });
-                console.log(res.data.data.name, res.data.data.id, res.data.data.auth);
+        sessionStorage.setItem("username", res.data.data.name);
-                userNameToolsId.value = Number(res.data.data.id);
+        sessionStorage.setItem("auth", res.data.data.auth.toString());
-                userNameToolsName.value = String(res.data.data.name);
+        setTimeout(() => {
-                userNameToolsAuth.value = String(res.data.data.auth)
+          imgLoginBox();
-                ElMessage.success("登录成功!");
+        }, 1000);
-                userAvatarLoginShowTools.value = true; // 验证成功，显示用户信息窗口
+        window.location.reload()
                userAvatarLoginShow.value = false; // 隐藏登录窗口
              } else {
                ElMessage.error("验证失败，请重新登录!");
                userAvatarLoginShowTools.value = false; // 验证失败，隐藏用户信息窗口
                userAvatarLoginShow.value = true; // 显示登录窗口
                localStorage.removeItem("userInfo");
                sessionStorage.removeItem("userInfo");
              }
            })
            .catch(() => {
              ElMessage.error("验证失败，请重新登录!");
              userAvatarLoginShowTools.value = false; // 验证失败，隐藏用户信息窗口
              userAvatarLoginShow.value = true; // 显示登录窗口
              localStorage.removeItem("userInfo");
              sessionStorage.removeItem("userInfo");
            });
        break;
      default:
-        ElMessage.error("无法注册！");
+        ElMessage.error({
          message: '无法注册！',
          grouping: true,
        });
    }
  });
 }
-
+/**
-// TODO: 获取列表文件接口
+ * 获取管理员验证码
-const fetchFiles = (current?: number) => {
+ */
-  if (current) {
+const genVerifyCode = () => {
-    currentPage.value = current;
+  if (userAuth.value != Auth.ADMIN) {
    ElMessage.error({
      message: '呜~你是怎么发现这个按钮的，可惜哦~不能用哦~',
      grouping: true,
    })
    return;
  }
-  getAllFiles(currentPage.value, pageSize.value).then((res) => {
+  generatorVerifyCode().then((res: AxiosResponse<Result<string>>) => {
-    nowFileData.value = res.data.data.data;
+    ElMessage.success("已成功获取到邀请码：" + res.data.data + "，已复制到剪切板，有效期：15分钟");
-    totalFiles.value = res.data.data.total;
+    navigator.clipboard.writeText(res.data.data);
  })
 }
-
+const abortControllers = ref<Map<string, AbortController>>(new Map());
-// TODO: 上传文件
+// 是否登录
-
+const isLogin = computed(() => sessionStorage.getItem("authorization") != null)
-// TODO: 查看文件属性
+/**
-const handleShowDetail = () => {
+ * 处理上传任务删除
-  console.log("查看文件属性接口");
+ * @param uploadFile 上传的文件
 */
 const handleUploadRemove = (uploadFile: UploadFile): Awaitable<boolean> => {
  if (uploadFile.status !== "uploading") {
    return true;
  }
  const name = uploadFile.raw?.name as string;
  const controller = abortControllers.value.get(name);
  if (controller) {
    controller.abort("user");
    ElMessage.success({
      message: '成功取消！',
      grouping: true,
    })
    return true;
  }
  return false;
 }
 /**
 * 处理上传成功
 * @param _ 无用变量
 * @param uploadFile 上传的文件
 */
 const handleUploadSuccess = (_: never, uploadFile: UploadFile): void => {
  ElMessage.success("文件" + uploadFile.raw?.name + "上传成功！");
 }
 /**
 * 上传前的预处理
 * @param rawFile 上传的文件
 */
 const handleBeforeUpload = (rawFile: UploadRawFile): Promise<unknown> => {
  return new Promise((resolve, reject) => {
    if (!isLogin.value) {
      ElMessage.error({
        message: '未登录，无法上传！',
        grouping: true,
      });
      reject();
    }
    if (abortControllers.value.has(rawFile.name)) {
      ElMessage.error("文件：" + rawFile.name + "上传失败，已存在同名文件正在上传")
      reject();
    }
    checkUpload(rawFile.name).then((res: AxiosResponse<Result<boolean>>) => {
      if (res.data.data) {
        resolve(res.data.data);
      } else {
        ElMessage.error("文件：" + rawFile.name + "上传失败，已存在同名文件");
        reject();
      }
    })
  });
 }
 /**
 * 处理上传请求
 * @param options 上传设置（包括上传的文件等）
 */
 const handleUpload = (options: UploadRequestOptions): XMLHttpRequest | Promise<unknown> => {
  const abortController = new AbortController();
  abortControllers.value.set(options.file.name, abortController);
  let promise = upload(options, abortController);
  promise.then((response: AxiosResponse<Result<File>>) => {
    if (response.data.status == 200) {
      return;
    }
    if (response.data.status == 401) {
      ElMessage.error("文件：" + options.file.name + "上传失败，文件已存在！");
      options.onError(new UploadAjaxError("文件已存在", 401, options.method, options.action));
      return;
    }
    ElMessage.error("文件：" + options.file.name + "上传失败，" + response.data.message);
    options.onError(new UploadAjaxError(response.data.message, response.data.status, options.method, options.action));
  }).catch((error) => {
    options.onError(error)
  }).finally(() => {
    abortControllers.value.delete(options.file.name);
  });
  return promise;
 }
-// TODO: 文件下载
+// TODO: 页面主题
-const handleDownload = () => {
+onBeforeMount(() => {
-  console.log("download");
+  initTheme();
 }
 // TODO: 删除文件
 const handleDelete = () => {
  console.log("delete");
 }
 // TODO: 实时更新
 onMounted(() => {
  fetchFiles();
  checkSessionStorageUserInfo();
  checkLocalStorageUserInfo();
  checkedStorage = true;
 })
 // TODO: onMounted
 onMounted(() => {
  showAllFiles();
 })
 </script>
 <style scoped>
@ -378,7 +596,6 @@ onMounted(() => {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f0f0f0; /* 头部样式，包括布局和背景颜色 */
 }
 .inputFileName {
@ -395,7 +612,6 @@ onMounted(() => {
 }
 .userLoginBox {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px; /* 登录弹窗样式 */
 }
@ -419,10 +635,6 @@ onMounted(() => {
  margin-top: 20px; /* 按钮区域样式 */
 }
 .userLoginButton {
  width: 120px; /* 登录注册按钮样式 */
 }
 .fileLiteBox {
  margin-top: 10px;
 }
@ -435,4 +647,18 @@ onMounted(() => {
  text-align: center; /* 文本水平居中对齐 */
  margin-top: 10px;
 }
 .dialog {
  margin: 20px;
 }
 .file-information-popover {
  margin: 20px;
 }
 .button-container {
  display: flex;
  justify-content: space-between; /* 或其他值如 center, space-around 等 */
  gap: 10px;
 }
 </style>
--- a/src/views/AppPC.vue
+++ b/src/views/AppPC.vue
--- a/tsconfig.json
+++ b/tsconfig.json
@ -10,9 +10,10 @@
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
-    "isolatedModules": true,
+    "isolatedModules": false,
-    "noEmit": true,
+    "noEmit": false,
    "jsx": "preserve",
    "outDir": "dist",
    /* Linting */
    "strict": true,
@ -20,6 +21,13 @@
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "auto-imports.d.ts",
    "electron/*.ts"
  ],
  "references": [{ "path": "./tsconfig.node.json" }]
 }
--- a/vite.config.ts
+++ b/vite.config.ts
@ -24,7 +24,9 @@ export default defineConfig({
        }),
        Components({
            resolvers: [
-                ElementPlusResolver(),
+                ElementPlusResolver({
                    importStyle: "css", // 确保样式也被自动导入
                }),
                VantResolver(),
            ],
        }),
Author	SHA1	Message	Date
MoYi	d40729e04a	编译上线	2023-12-09 00:02:24 +08:00
MoYi	507bf2d66a	修改上传按钮,优化ElMessage的提示弹窗,修改网站图标	2023-12-08 23:38:11 +08:00
MoYi	aa0d8f7b3d	修改自动主题切换时间	2023-12-08 23:36:04 +08:00
MoYi	fcbb16a98c	安装`Electron`,支持编译软件(在调试)	2023-12-04 23:09:43 +08:00
MoYiJiangNan	a5bec61921	对接手机API接口,与PC样式设计一致对接手机API接口,与PC样式设计一致	2023-12-04 22:24:56 +08:00
MoYiJiangNan	c0b015cbf1	Merge branch 'main' into Mobile	2023-12-04 22:24:45 +08:00
MoYi	2ef06b2bc8	对接手机API接口,与PC样式设计一致	2023-12-04 22:19:18 +08:00
MoYi	0a967445e6	修复ElementPlus中`ElMessage`样式问题	2023-12-04 22:18:03 +08:00
MoYi	b9ea50903a	手机端API对接(一堆BUG)	2023-12-04 18:09:07 +08:00
MoYi	d728a78fab	添加PC页面细节小修改	2023-12-04 15:06:25 +08:00
MoYiJiangNan	72f2bbac30	完善PC端功能完善PC端功能	2023-12-03 22:20:52 +08:00
Wzp-2008	35045bb543	fix: fix some bug	2023-12-03 22:19:53 +08:00
Wzp-2008	ef1832775a	feat: adding PC-upload, PC-search, PC-admin-register	2023-12-03 21:51:13 +08:00
wzp	d095523e62	Merge pull request #1 from Dongyifengs/main sync	2023-12-03 18:01:59 +08:00
MoYiJiangNan	0c95f1385f	优化手机端Js代码逻辑优化手机端Js代码逻辑	2023-12-03 17:59:24 +08:00
MoYiJiangNan	121aa7c44b	同步分支同步分支	2023-12-03 17:59:05 +08:00
MoYi	07d312b71e	优化手机端Js代码逻辑	2023-12-03 17:57:00 +08:00
MoYi	cb42109f75	支持https协议	2023-12-03 17:45:04 +08:00
MoYiJiangNan	43d3e41afe	同步分支	2023-12-03 17:44:23 +08:00
MoYiJiangNan	9aaad2dbf8	代码bug修复以及代码格式优化	2023-12-03 17:39:53 +08:00
Wzp-2008	6e2346cbd6	fix: fix some bug	2023-12-03 17:37:47 +08:00
Wzp-2008	b24103ea7f	style: rename some element and class	2023-12-03 17:17:25 +08:00
Wzp-2008	8dbb0c862e	style: rename some element and class	2023-12-03 17:14:54 +08:00
MoYi	75b13beaa8	对接下载数据与访问数据的接口	2023-12-02 22:00:34 +08:00
MoYiJiangNan	c51f637e11	对接口,完整PC页面	2023-12-01 22:00:58 +08:00
MoYi	99acbd797b	对接口,完整PC页面	2023-12-01 21:57:59 +08:00
MoYi	161d66f3f7	对接口,完整PC页面	2023-12-01 21:57:36 +08:00
MoYiJiangNan	601ac7822b	添加中文注释添加中文注释	2023-11-30 23:03:33 +08:00
MoYi	f989fae126	添加中文注释	2023-11-30 23:02:40 +08:00