From 149e71e4815b631123ccf1ad9fa797113fed9634 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 15 Mar 2024 18:34:10 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=A4=8D=E6=8F=90=E4=BA=A4=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=EF=BC=8C=E5=8F=8A=E5=8E=BB=E6=8E=89i18n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                       |   4 +-
 src/components/Panel/index.vue             | 224 +++++++++++++--------
 src/components/Tinymce/index.vue           |   6 +-
 src/components/Upload/BaseUpload.vue       | 118 -----------
 src/components/Upload/FileListUpload.vue   | 136 -------------
 src/components/Upload/ImageCropper.vue     |  84 --------
 src/components/Upload/ImageListUpload.vue  | 157 ---------------
 src/components/Upload/ImageUpload.vue      | 149 --------------
 src/components/Upload/index.ts             |   4 -
 src/layout/components/AppSidebar/index.vue |   1 -
 src/main.ts                                |   2 +
 src/utils/getPageTitle.ts                  |   6 +-
 src/utils/request.ts                       |  14 +-
 src/views/403.vue                          |  11 +-
 src/views/bankProduct/index.vue            |   3 -
 src/views/report/Index.vue                 |   2 -
 16 files changed, 152 insertions(+), 769 deletions(-)
 delete mode 100644 src/components/Upload/BaseUpload.vue
 delete mode 100644 src/components/Upload/FileListUpload.vue
 delete mode 100644 src/components/Upload/ImageCropper.vue
 delete mode 100644 src/components/Upload/ImageListUpload.vue
 delete mode 100644 src/components/Upload/ImageUpload.vue
 delete mode 100644 src/components/Upload/index.ts

diff --git a/.env b/.env
index a4d9e8a..1afc474 100644
--- a/.env
+++ b/.env
@@ -2,8 +2,8 @@ VITE_APP_TITLE=金融产品设计及数字化营销沙盘
 VITE_PORT=9520
 VITE_PROXY=http://192.168.31.125:8080
 VITE_PUBLIC_PATH=./
-VITE_BASE_API=http://192.168.31.51:9000
+# VITE_BASE_API=http://192.168.31.217:9000
 # VITE_BASE_API=http://121.37.12.51
-# VITE_BASE_API=https://www.occupationlab.com
+VITE_BASE_API=https://www.occupationlab.com
 VITE_I18N_LOCALE=zh-cn
 VITE_I18N_FALLBACK_LOCALE=zh-cn
diff --git a/src/components/Panel/index.vue b/src/components/Panel/index.vue
index f93168b..732e508 100644
--- a/src/components/Panel/index.vue
+++ b/src/components/Panel/index.vue
@@ -222,12 +222,12 @@
        class="z-[199] fixed top-[64px] right-0 bottom-0 left-0 bg-[rgba(0,0,0,.3)]"></div>
 </template>
 <script setup lang="ts">
-import { ref, reactive, onMounted, inject, computed, watch } from 'vue';
+import { ref, reactive, onMounted, inject, computed, watch, onUnmounted } from 'vue';
 import { submitOpe } from '@/api/bank';
 import { getSandTableLastCache, deleteOperationData } from '@/api/judgment';
-import { getProjectBySystemId, getProjectDetail, getDetailById, getCompetition, getStartTime } from '@/api/system';
+import { getProjectBySystemId, getProjectDetail, getDetailById, getCompetition, getStartTime, heartbeatDetection } from '@/api/system';
 import Settings from '@/settings';
-import { useRouter, useRoute } from 'vue-router';
+import { useRouter, useRoute, beforeRouteLeave } from 'vue-router';
 import type { Action } from 'element-plus';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { Close, Check, Rank } from '@element-plus/icons-vue';
@@ -253,6 +253,7 @@ const isReport = ref<boolean>(true);
 const grade = ref<string | number>('00');
 const text = ref<string>(''); // 倒计时前面的文字，练习：所用；考核：剩余。练习是计时，考核是倒计时
 const counterTimer = ref<any>(null);
+const heartBeatTimer = ref<any>(null);
 const day = ref<number | string>(0);
 const seconds = ref<number | string>(0);
 const minutes = ref<number | string>(0);
@@ -271,7 +272,6 @@ const countVal = ref<any>('');
 const getLevel = ref();
 const container = ref<HTMLElement | null>(null);
 const handle = ref<HTMLElement | null>(null);
-const isFirst = ref<boolean>(true);
 // 实验面板拖拽
 const { x, y, style } = useDraggable(container, {
   initialValue: { x: 0, y: 200 },
@@ -283,6 +283,7 @@ const { x, y, style } = useDraggable(container, {
   },
 });
 
+console.log('最先：', route, route.path, route.query.token, param.token);
 if (param.token) {
   // 从url带进来的参数，存cookie里，其他页面直接取cookie
   param.token && Cookies.set('sand-token', param.token);
@@ -342,7 +343,7 @@ watch(
 );
 
 // 获取上次实验的时间
-const getSumTime = (reset?: number): Promise<any> => {
+let getSumTime = (reset?: number): Promise<any> => {
   return new Promise(async (resolve, reject) => {
     const res = await getStartTime({
       permissions: per.value,
@@ -353,7 +354,7 @@ const getSumTime = (reset?: number): Promise<any> => {
   });
 };
 // 获取进入时间
-const getEntryTime = async (resetTime?: number) => {
+let getEntryTime = async (resetTime?: number) => {
   let now = await getSumTime(resetTime); // 获取上次进入实验的时间，如果没有，说明是第一次进入，然后直接从服务器获取当前时间
   if (!now) now = await getNow();
   entryTime.value = now;
@@ -363,7 +364,7 @@ const timeFormat = (num: number): string | number => {
   return num < 10 ? `0${num}` : num;
 };
 // 清除时间
-const reloadCount = () => {
+let reloadCount = () => {
   clearInterval(counterTimer.value);
   countVal.value = '';
   day.value = '00';
@@ -372,18 +373,24 @@ const reloadCount = () => {
   hour.value = '00';
 };
 // 计时器（考核是倒计时，练习是计时）
-const counter = (counterTime: number) => {
+let counter = async (counterTime: number) => {
   if (counterTime <= 0) {
     if (per.value) {
       clearInterval(counterTimer.value);
       // 考核/竞赛的倒计时结束后自动提交
-      submit();
-      ElMessageBox.alert(`${per.value === 1 ? '考核' : '竞赛'}时间已到，系统已自动交卷`, '提示', {
-        confirmButtonText: '确定',
-        callback: (action: Action) => {
-          logout();
-        },
-      });
+      if (!Cookies.get('sand-submit')) {
+        Cookies.set('sand-submit', 'true');
+        await submit();
+        submiting.value = true;
+        ElMessageBox.alert(`${per.value === 1 ? '考核' : '竞赛'}时间已到，系统已自动交卷`, '提示', {
+          confirmButtonText: '确定',
+          closeOnClickModal: false,
+          showClose: false,
+          callback: (action: Action) => {
+            logout();
+          },
+        });
+      }
     }
   } else {
     const leave1 = counterTime % (24 * 3600); // 计算天数后剩余的毫秒数
@@ -397,24 +404,25 @@ const counter = (counterTime: number) => {
   }
 };
 // 启动倒计时
-const startCount = () => {
+let startCount = () => {
   clearInterval(counterTimer.value);
   counterTimer.value = setInterval(() => {
+    console.log('counter');
     counter(per.value ? countVal.value-- : countVal.value++);
   }, 1000);
 };
 // 提交状态
-const setSubmit = (val: boolean) => {
+let setSubmit = (val: boolean) => {
   isSubmit.value = val;
-  Cookies.set('sand-submit', val);
+  val ? Cookies.set('sand-submit', val) : Cookies.remove('sand-submit');
 };
 // 获取考核列表来查询该考核是否已经考过
-const getAssList = async () => {
+let getAssList = async () => {
   await getAssStatus();
   await getProDetail();
 };
 // 查询考核状态（查到考核如果结束后，直接提交考核）
-const getAssStatus = async () => {
+let getAssStatus = async () => {
   // 未提交才需要查询状态
   if (!isSubmit.value) {
     const { data } = await getDetailById(param.assessmentId);
@@ -424,6 +432,8 @@ const getAssStatus = async () => {
       submit();
       ElMessageBox.alert(`考核时间已到，系统已自动交卷`, '提示', {
         confirmButtonText: '确定',
+        closeOnClickModal: false,
+        showClose: false,
         callback: (action: Action) => {
           logout();
         },
@@ -433,7 +443,7 @@ const getAssStatus = async () => {
 };
 
 // 查询竞赛状态（查到竞赛如果结束后，直接提交竞赛）
-const getCompetitionStatus = async () => {
+let getCompetitionStatus = async () => {
   // 未提交才需要查询状态
   if (!isSubmit.value) {
     const { competition } = await getCompetition(param.competitionId);
@@ -447,6 +457,8 @@ const getCompetitionStatus = async () => {
         submit();
         ElMessageBox.alert(`竞赛时间已到，系统已自动交卷`, '提示', {
           confirmButtonText: '确定',
+          closeOnClickModal: false,
+          showClose: false,
           callback: (action: Action) => {
             logout();
           },
@@ -460,7 +472,7 @@ const getCompetitionStatus = async () => {
   }
 };
 // 删除缓存
-const delCache = async () => {
+let delCache = async () => {
   await deleteOperationData({
     cid: param.cid,
     projectId: param.projectId,
@@ -469,7 +481,7 @@ const delCache = async () => {
   });
 };
 // 项目切换完后的操作
-const setNewProject = (reloadPage?: number) => {
+let setNewProject = (reloadPage?: number) => {
   Cookies.set('sand-projectId', param.projectId);
   getProDetail();
   reload();
@@ -485,7 +497,7 @@ const setNewProject = (reloadPage?: number) => {
   }
 };
 // 项目选择回调
-const getCache = async (reloadPage?: number) => {
+let getCache = async (reloadPage?: number) => {
   // 查询该项目是否有缓存记录
   const res = await getSandTableLastCache({
     cid: param.cid,
@@ -528,7 +540,7 @@ const getCache = async (reloadPage?: number) => {
     setNewProject();
   }
 };
-const handleCache = () => {
+let handleCache = () => {
   // 没提交的情况下才需要查
   if (!isSubmit.value) {
     param.cid && getEntryTime();
@@ -540,7 +552,7 @@ const toReport = () => {
   router.push('/report');
 };
 // 重新开始
-const reload = async (fromReload?: number) => {
+let reload = async (fromReload?: number) => {
   if (fromReload) {
     getEntryTime(1);
     await delCache(); // 点了重新开始才需要删除缓存，切换了项目不需要删除缓存
@@ -556,68 +568,76 @@ const reload = async (fromReload?: number) => {
   }
 };
 // 提交
-const submit = async () => {
-  submiting.value = true;
-  const checkpointId = Cookies.get('sand-level') ?? '';
-  const date = new Date();
-  const timeSum = Math.ceil((date.getTime() - entryTime.value.getTime()) / 60000); // 计算实验用时（分钟），向上取整
-  const submitTime = dayjs(date).format('YYYY-MM-DD HH:mm:ss');
-  reloadCount();
-  const { retMap } = await submitOpe({
-    classId: param.classId ? param.classId : '',
-    className: param.className ? param.className : '',
-    curriculumId: param.cid,
-    startTime: dayjs(entryTime.value).format('YYYY-MM-DD HH:mm:ss'), // 取页面进入的时间
-    endTime: per.value ? param.stopTime : submitTime, // 结束时间（考核：直接从职站取考核的结束时间；练习：取提交时间）
-    submitTime, // 提交时间，即当前时间（这3个时间都是传完整的日期时间格式）
-    timeSum,
-    checkpointId,
-    projectId: param.projectId,
-    projectName: projectList.value.find((e) => e.projectId == param.projectId)?.projectName,
-    lcId: curReq.value,
-    systemId: curSystemId.value,
-    purpose: pd.value.experimentTarget, // 实验目的
-    assessmentId: param.assessmentId,
-    competitionId: param.competitionId,
-    stageId: param.stageId,
-    teamId: param.teamId,
-    mallId: param.mallId,
-  });
-  setSubmit(true);
-
-  let score = 0;
-  // 给判分列表添加分数和运行结果
-  taskList.value.map((e) => {
-    const item = retMap?.scoreInfo.find((n) => n.lcId === e.judgmentId);
+let submit = async () => {
+  console.log('submit:', submiting.value);
+  if (!submiting.value) {
+    submiting.value = true;
+    const checkpointId = Cookies.get('sand-level') ?? '';
+    const date = await getNow();
+    const timeSum = Math.ceil((date.getTime() - entryTime.value.getTime()) / 60000); // 计算实验用时（分钟），向上取整
+    const submitTime = dayjs(date).format('YYYY-MM-DD HH:mm:ss');
+    reloadCount();
     try {
-      if (item) {
-        e.examScore = item.questionScore;
-        e.finishedResult = item.calculate; // 1：正确，2：错误
-        score += item.questionScore; // 计算总分
-      } else {
-        e.examScore = 0;
-      }
-    } catch (e) {}
-  });
-  grade.value = score < 10 ? '0' + score : score;
-  reportId.value = retMap.reportId;
-  Cookies.set('sand-reportId', retMap.reportId);
-  Cookies.set('sand-score', grade.value);
-  localStorage.setItem('sand-taskList', JSON.stringify(taskList.value));
-  delCache();
-  submiting.value = false;
+      const { retMap } = await submitOpe({
+        classId: param.classId ? param.classId : '',
+        className: param.className ? param.className : '',
+        curriculumId: param.cid,
+        startTime: dayjs(entryTime.value).format('YYYY-MM-DD HH:mm:ss'), // 取页面进入的时间
+        endTime: per.value ? param.stopTime : submitTime, // 结束时间（考核：直接从职站取考核的结束时间；练习：取提交时间）
+        submitTime, // 提交时间，即当前时间（这3个时间都是传完整的日期时间格式）
+        timeSum,
+        checkpointId,
+        projectId: param.projectId,
+        projectName: projectList.value.find((e) => e.projectId == param.projectId)?.projectName,
+        lcId: curReq.value,
+        systemId: curSystemId.value,
+        purpose: pd.value.experimentTarget, // 实验目的
+        assessmentId: param.assessmentId,
+        competitionId: param.competitionId,
+        stageId: param.stageId,
+        teamId: param.teamId,
+        mallId: param.mallId,
+      });
+      setSubmit(true);
 
-  // 非练习
-  per.value &&
-    ElMessageBox.alert(`提交成功${param.resultAnnouncementTime != 0 ? '，成绩将在' + param.resultAnnouncementTime + '小时后发布，请去参赛信息模块查看' : ''}`, '提示', {
-      confirmButtonText: '确定',
-      callback: (action: Action) => {
-        logout();
-      },
-    });
+      // 给判分列表添加分数和运行结果
+      taskList.value.map((e) => {
+        const item = retMap?.scoreInfo.find((n) => n.lcId === e.judgmentId);
+        try {
+          if (item) {
+            e.examScore = item.questionScore;
+            e.finishedResult = item.calculate; // 1：正确，2：错误
+          } else {
+            e.examScore = 0;
+          }
+        } catch (e) {}
+      });
+      const score = retMap.totalScore;
+      grade.value = score < 10 && !(score % 1) ? '0' + score : score;
+      reportId.value = retMap.reportId;
+      Cookies.set('sand-reportId', retMap.reportId);
+      Cookies.set('sand-score', grade.value);
+      localStorage.setItem('sand-taskList', JSON.stringify(taskList.value));
+      delCache();
+      submiting.value = false;
+
+      // 非练习
+      per.value &&
+        ElMessageBox.alert(`提交成功${param.resultAnnouncementTime ? '，成绩将在' + param.resultAnnouncementTime + '小时后发布，请去参赛信息模块查看' : ''}`, '提示', {
+          confirmButtonText: '确定',
+          closeOnClickModal: false,
+          showClose: false,
+          callback: (action: Action) => {
+            logout();
+          },
+        });
+    } catch (e) {
+      submiting.value = false;
+    }
+  }
 };
 // 提交前的询问框
-const confirmSubmit = () => {
+let confirmSubmit = () => {
   if (isSubmit.value) return false;
   if (!Cookies.get('sand-level')) return ElMessage.error('请选择关卡');
   ElMessageBox.confirm('此操作将视为结束考试，是否继续？', '提示', {
@@ -633,7 +653,7 @@ const confirmSubmit = () => {
 };
 
 // 获取项目详情
-const getProDetail = async () => {
+let getProDetail = async () => {
   const res = await getProjectDetail({
     projectId: param.projectId,
     stuAssessent: 1,
@@ -720,9 +740,15 @@ const initSocket = () => {
   // 监听socket消息
   socket.onmessage = getMessage;
 };
+// 心跳检测
+let setHeartbeatDetection = () => {
+  heartBeatTimer.value = setInterval(async () => {
+    await heartbeatDetection();
+  }, 58 * 1000);
+};
 // 初始化
 const init = async () => {
-  getLevel.value = inject('getLevel'); // 关卡页面获取关卡方法
+  console.log('init');
   per.value = param.assessmentId ? 1 : param.competitionId ? 2 : 0;
 
   if (param.assessmentId) {
@@ -730,11 +756,13 @@ const init = async () => {
     await getAssList();
     handleCache();
     initSocket();
+    setHeartbeatDetection();
   } else if (param.competitionId) {
     // 竞赛
     getCompetitionStatus();
     handleCache();
     initSocket();
+    setHeartbeatDetection();
   } else {
     // 练习
     param.cid && getList();
@@ -749,6 +777,30 @@ const init = async () => {
   }
 };
 onMounted(init);
+onUnmounted(() => {
+  counter = null;
+  submit = null;
+  setHeartbeatDetection = null;
+  getProDetail = null;
+  getCache = null;
+  getAssList = null;
+  getAssStatus = null;
+  getCompetitionStatus = null;
+  confirmSubmit = null;
+  handleCache = null;
+  getSumTime = null;
+  getEntryTime = null;
+  reloadCount = null;
+  delCache = null;
+  setNewProject = null;
+  reload = null;
+  startCount = null;
+  setSubmit = null;
+  clearInterval(counterTimer.value);
+  clearInterval(heartBeatTimer.value);
+  console.log('onUnmounted');
+  // next();
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/Tinymce/index.vue b/src/components/Tinymce/index.vue
index 05b235b..dc84ee9 100644
--- a/src/components/Tinymce/index.vue
+++ b/src/components/Tinymce/index.vue
@@ -7,7 +7,6 @@
 
 <script lang="ts">
 import { defineComponent, ref, toRefs, watch, onMounted, onBeforeUnmount, onActivated, onDeactivated, PropType } from 'vue';
-import { useI18n } from 'vue-i18n';
 import { getAuthHeaders } from '@/utils/auth';
 import { imageUploadUrl } from '@/api/system';
 
@@ -78,7 +77,6 @@ export default defineComponent({
   },
   setup(props, ctx) {
     const { disabled, modelValue } = toRefs(props);
-    const { t } = useI18n();
     const element = ref<any>();
     let vueEditor: any = null;
     const elementId: string = props.id || uuid('tiny-vue');
@@ -127,7 +125,7 @@ export default defineComponent({
         images_upload_handler(blobInfo: any, success: any, failure: any, progress: any) {
           const fileSizeLimitByte = 0;
           if (fileSizeLimitByte > 0 && blobInfo.blob().size > fileSizeLimitByte) {
-            failure(t('error.fileMaxSize', { size: `${fileSizeLimitByte / 1024 / 1024}MB` }), { remove: true });
+            failure(`文件大小不能超过 ${`${fileSizeLimitByte / 1024 / 1024}MB`}`, { remove: true });
             return;
           }
 
@@ -210,7 +208,7 @@ export default defineComponent({
             const file = files?.item(0);
             if (!file) return;
             if (fileSizeLimtByte > 0 && file.size > fileSizeLimtByte) {
-              tinymce.activeEditor.windowManager.alert(t('error.fileMaxSize', { size: `${fileSizeLimtByte / 1024 / 1024}MB` }));
+              tinymce.activeEditor.windowManager.alert(`文件大小不能超过 ${`${fileSizeLimtByte / 1024 / 1024}MB`}`);
               return;
             }
             const xhr = new XMLHttpRequest();
diff --git a/src/components/Upload/BaseUpload.vue b/src/components/Upload/BaseUpload.vue
deleted file mode 100644
index 0be92cf..0000000
--- a/src/components/Upload/BaseUpload.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-  <el-upload
-    :action="action"
-    :headers="{ ...getAuthHeaders(), ...getSiteHeaders() }"
-    :accept="accept"
-    :before-upload="beforeUpload"
-    :on-progress="(event, file) => (progressFile = file)"
-    :show-file-list="false"
-    :disabled="disabled"
-    :multiple="multiple"
-  >
-    <!--
-    // 用于测试上传进度条
-    action="https://jsonplaceholder.typicode.com/posts/"
-     -->
-    <el-button type="primary">{{ $t('clickToUpload') }}</el-button>
-  </el-upload>
-  <el-progress v-if="progressFile.status === 'uploading'" :percentage="parseInt(progressFile.percentage, 10)"></el-progress>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, ref, toRefs, computed } from 'vue';
-import { ElMessage } from 'element-plus';
-import { useI18n } from 'vue-i18n';
-import { getAuthHeaders } from '@/utils/auth';
-import { getSiteHeaders } from '@/utils/common';
-import { imageUploadUrl, videoUploadUrl, docUploadUrl, fileUploadUrl, queryGlobalSettings } from '@/api/config';
-
-export default defineComponent({
-  name: 'BaseUpload',
-  props: {
-    type: {
-      type: String,
-      default: 'file',
-      validator: (value: string) => ['image', 'video', 'doc', 'file'].includes(value),
-    },
-    uploadAction: { type: String },
-    fileAccept: { type: String },
-    fileMaxSize: { type: Number },
-    multiple: { type: Boolean },
-    disabled: { type: Boolean, default: false },
-    'on-success': { type: Function },
-  },
-  setup(props) {
-    const { type, uploadAction, fileAccept, fileMaxSize } = toRefs(props);
-    const { t } = useI18n();
-    const progressFile = ref<any>({});
-    const global = ref<any>();
-    const fetchGlobalSettings = async () => {
-      global.value = await queryGlobalSettings();
-    };
-    onMounted(() => {
-      fetchGlobalSettings();
-    });
-    const action = computed(() => {
-      if (uploadAction?.value != null) {
-        return uploadAction.value;
-      }
-      switch (type.value) {
-        case 'image':
-          return imageUploadUrl;
-        case 'video':
-          return videoUploadUrl;
-        case 'doc':
-          return docUploadUrl;
-        case 'file':
-          return fileUploadUrl;
-        default:
-          throw new Error(`Type not support: ${type.value}`);
-      }
-    });
-    const accept = computed(() => {
-      if (fileAccept?.value != null) {
-        return fileAccept.value;
-      }
-      switch (type.value) {
-        case 'image':
-          return global?.value?.upload?.imageInputAccept ?? '.jpg,.jpeg,.png,.gif';
-        case 'video':
-          return global?.value?.upload?.videoInputAccept ?? '.mp4,.m3u8';
-        case 'doc':
-          return global?.value?.upload?.docInputAccept ?? '.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx';
-        case 'file':
-          return global?.value?.upload?.fileInputAccept ?? '.zip,.7z,.gz,.bz2,.iso,.rar,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png,.gif,.mp4,.m3u8,.mp3,.ogg';
-        default:
-          throw new Error(`Type not support: ${type.value}`);
-      }
-    });
-    const maxSize = computed(() => {
-      if (fileMaxSize?.value != null) {
-        return fileMaxSize.value;
-      }
-      switch (type.value) {
-        case 'image':
-          return global?.value?.upload?.imageLimitByte ?? 0;
-        case 'video':
-          return global?.value?.upload?.videoLimitByte ?? 0;
-        case 'doc':
-          return global?.value?.upload?.docLimitByte ?? 0;
-        case 'file':
-          return global?.value?.upload?.fileLimitByte ?? 0;
-        default:
-          throw new Error(`Type not support: ${type.value}`);
-      }
-    });
-    const beforeUpload = (file: any) => {
-      if (maxSize.value > 0 && file.size > maxSize.value) {
-        ElMessage.error(t('error.fileMaxSize', { size: `${maxSize.value / 1024 / 1024}MB` }));
-        return false;
-      }
-      return true;
-    };
-    return { progressFile, getAuthHeaders, getSiteHeaders, action, accept, beforeUpload };
-  },
-});
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/src/components/Upload/FileListUpload.vue b/src/components/Upload/FileListUpload.vue
deleted file mode 100644
index 7d2a180..0000000
--- a/src/components/Upload/FileListUpload.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<template>
-  <div class="w-full">
-    <el-upload :action="fileUploadUrl"
-               :headers="{ ...getAuthHeaders(), ...getSiteHeaders() }"
-               :accept="accept"
-               :before-upload="beforeUpload"
-               :on-success="(res) => fileList.push({ name: res.name, url: res.url, length: res.size })"
-               :on-progress="(event, file) => (progressFile = file)"
-               :show-file-list="false"
-               multiple>
-      <!--
-    action="https://jsonplaceholder.typicode.com/posts/"
-     -->
-      <el-button type="primary">{{ $t('clickToUpload') }}</el-button>
-    </el-upload>
-    <el-progress v-if="progressFile.status === 'uploading'"
-                 :percentage="parseInt(progressFile.percentage, 10)"></el-progress>
-    <transition-group tag="ul"
-                      :class="['el-upload-list', 'el-upload-list--text', { 'is-disabled': disabled }]"
-                      name="el-list">
-      <li v-for="file in fileList"
-          :key="file.url"
-          class="el-upload-list__item is-success">
-        <a class="el-upload-list__item-name"
-           @click="handlePreview(file)">
-          <el-icon class="el-icon--document">
-            <Document />
-          </el-icon>{{ file.name }}
-        </a>
-        <label class="el-upload-list__item-status-label">
-          <el-icon class="el-icon--upload-success el-icon--circle-check">
-            <CircleCheck />
-          </el-icon>
-        </label>
-        <el-icon v-if="!disabled"
-                 class="el-icon--close"
-                 @click="fileList.splice(fileList.indexOf(file), 1)">
-          <Close />
-        </el-icon>
-      </li>
-    </transition-group>
-    <el-dialog :title="$t('article.fileList.attribute')"
-               v-model="previewVisible"
-               top="5vh"
-               :width="768"
-               append-to-body>
-      <el-form ref="form"
-               :model="previewFile"
-               label-width="150px">
-        <el-form-item prop="name"
-                      :label="$t('name')"
-                      :rules="{ required: true, message: () => $t('v.required') }">
-          <el-input v-model="previewFile.name"
-                    maxlength="100"></el-input>
-        </el-form-item>
-        <el-form-item prop="length"
-                      :label="$t('size')"
-                      :rules="{ required: true, message: () => $t('v.required') }">
-          <el-input v-model="previewFile.length"
-                    maxlength="19">
-            <template #append>Byte</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item prop="url"
-                      label="URL"
-                      :rules="{ required: true, message: () => $t('v.required') }">
-          <el-input v-model="previewFile.url"
-                    maxlength="255"></el-input>
-        </el-form-item>
-        <el-button @click.prevent="handleSubmit()"
-                   type="primary"
-                   native-type="submit">{{ $t('submit') }}</el-button>
-      </el-form>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref, toRefs, computed } from 'vue';
-import { ElMessage } from 'element-plus';
-import { Close, Document, CircleCheck } from '@element-plus/icons-vue';
-import { useI18n } from 'vue-i18n';
-import { getAuthHeaders } from '@/utils/auth';
-import { getSiteHeaders } from '@/utils/common';
-import { fileUploadUrl, queryGlobalSettings } from '@/api/config';
-
-const props = defineProps({
-  modelValue: { type: Array, default: () => [] },
-  fileAccept: { type: String },
-  fileMaxSize: { type: Number },
-  disabled: { type: Boolean, default: false },
-});
-const emit = defineEmits({ 'update:modelValue': null });
-
-const { fileAccept, fileMaxSize } = toRefs(props);
-const { t } = useI18n();
-const { modelValue } = toRefs(props);
-const progressFile = ref<any>({});
-const fileList = computed({
-  get: (): any[] => modelValue.value,
-  set: (val) => emit('update:modelValue', val),
-});
-const previewVisible = ref<boolean>(false);
-const previewFile = ref<any>({});
-const form = ref<any>();
-
-const handlePreview = (file: any) => {
-  previewFile.value = file;
-  previewVisible.value = true;
-};
-const handleSubmit = () => {
-  form.value.validate(async (valid: boolean) => {
-    if (!valid) return;
-    previewVisible.value = false;
-  });
-};
-const global = ref<any>();
-const fetchGlobalSettings = async () => {
-  global.value = await queryGlobalSettings();
-};
-onMounted(() => {
-  fetchGlobalSettings();
-});
-const defaultAccept = '.zip,.7z,.gz,.bz2,.iso,.rar,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png,.gif,.mp4,.m3u8,.mp3,.ogg';
-const accept = computed(() => fileAccept?.value ?? global?.value?.upload?.fileInputAccept ?? defaultAccept);
-const maxSize = computed(() => fileMaxSize?.value ?? global?.value?.upload?.fileLimitByte ?? 0);
-const beforeUpload = (file: any) => {
-  if (maxSize.value > 0 && file.size > maxSize.value) {
-    ElMessage.error(t('error.fileMaxSize', { size: `${maxSize.value / 1024 / 1024}MB` }));
-    return false;
-  }
-  return true;
-};
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/src/components/Upload/ImageCropper.vue b/src/components/Upload/ImageCropper.vue
deleted file mode 100644
index 1b77c2a..0000000
--- a/src/components/Upload/ImageCropper.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <el-dialog :title="$t('imageCrop')" v-model="visible" @closed="destroyCropper()" top="5vh" :width="768" destroy-on-close append-to-body>
-    <div class="text-center">
-      <img ref="imgRef" @load="initCropper()" :src="src" alt="" class="inline" style="max-height:410px" />
-    </div>
-    <div class="text-right">
-      <el-button @click.prevent="handleSubmit()" type="primary" native-type="submit" class="mt-4">{{ $t('submit') }}</el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, ref, toRefs } from 'vue';
-import Cropper from 'cropperjs';
-import 'cropperjs/dist/cropper.css';
-import { cropImage } from '@/api/config';
-
-export default defineComponent({
-  name: 'ImageCropper',
-  props: {
-    modelValue: { type: Boolean, required: true },
-    src: { type: String, default: null },
-    width: { type: Number },
-    height: { type: Number },
-    thumbnailWidth: { type: Number },
-    thumbnailHeight: { type: Number },
-  },
-  emits: { 'update:modelValue': null, success: null },
-  setup(props, { emit }) {
-    const { modelValue, src, width, height, thumbnailWidth, thumbnailHeight } = toRefs(props);
-    const visible = computed({
-      get: () => modelValue.value,
-      set: (val) => emit('update:modelValue', val),
-    });
-
-    const imgRef = ref<any>();
-    const cropper = ref<any>();
-    const cropParam = ref<any>({});
-
-    const initCropper = () => {
-      if (imgRef.value) {
-        cropper.value = new Cropper(imgRef.value, {
-          aspectRatio: width?.value && height?.value ? width.value / height.value : NaN,
-          autoCropArea: width?.value && height?.value ? 1 : 0.8,
-          viewMode: 1,
-          minCropBoxWidth: width?.value ?? 16,
-          minCropBoxHeight: height?.value ?? 16,
-          zoomable: false,
-          crop(event) {
-            cropParam.value.url = src.value;
-            cropParam.value.x = Math.floor(event.detail.x);
-            cropParam.value.y = Math.floor(event.detail.y);
-            cropParam.value.width = Math.floor(event.detail.width);
-            cropParam.value.height = Math.floor(event.detail.height);
-            cropParam.value.maxWidth = width?.value;
-            cropParam.value.maxHeight = height?.value;
-            cropParam.value.thumbnailWidth = thumbnailWidth?.value;
-            cropParam.value.thumbnailHeight = thumbnailHeight?.value;
-          },
-        });
-      }
-    };
-    const destroyCropper = () => {
-      if (cropper.value) {
-        cropper.value.destroy();
-      }
-    };
-    const handleSubmit = async () => {
-      visible.value = false;
-      emit('success', (await cropImage(cropParam.value)).url);
-    };
-    return { imgRef, visible, initCropper, destroyCropper, handleSubmit };
-  },
-});
-</script>
-
-<style lang="scss" scoped>
-/* Ensure the size of the image fit the container perfectly */
-:deep(img) {
-  display: block;
-  /* This rule is very important, please don't ignore this */
-  max-width: 100%;
-}
-</style>
diff --git a/src/components/Upload/ImageListUpload.vue b/src/components/Upload/ImageListUpload.vue
deleted file mode 100644
index 05e3167..0000000
--- a/src/components/Upload/ImageListUpload.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<template>
-  <div>
-    <!-- <transition-group tag="ul" :class="['el-upload-list', 'el-upload-list--picture-card', { 'is-disabled': disabled }]" name="el-list"> -->
-    <ul :class="['el-upload-list', 'el-upload-list--picture-card', { 'is-disabled': disabled }]">
-      <li v-for="file in fileList"
-          :key="file.url"
-          class="el-upload-list__item is-success">
-        <div class="w-full h-full bg-gray-50 flex justify-center items-center">
-          <img class="max-w-full max-h-full block"
-               :src="file.url"
-               alt="" />
-          <div class="full-flex-center absolute rounded-md cursor-default bg-black bg-opacity-50 opacity-0 hover:opacity-100 space-x-4"
-               @click.stop>
-            <el-icon class="image-action"
-                     @click="(cropperVisible = true), (currentFile = file)"
-                     :title="$t('cropImage')">
-              <Crop />
-            </el-icon>
-            <el-icon class="image-action"
-                     @click="handlePreview(file)"
-                     :title="$t('previewImage')">
-              <View />
-            </el-icon>
-            <el-icon class="image-action"
-                     @click="fileList.splice(fileList.indexOf(file), 1)"
-                     :title="$t('deleteImage')">
-              <Delete />
-            </el-icon>
-          </div>
-        </div>
-      </li>
-    </ul>
-    <!-- </transition-group> -->
-    <el-upload :action="imageUploadUrl"
-               :headers="{ ...getAuthHeaders(), ...getSiteHeaders() }"
-               :data="getData()"
-               :accept="accept"
-               :before-upload="beforeUpload"
-               :on-success="(res, file) => fileList.push({ name: res.name, url: res.url })"
-               :on-progress="(event, file) => (progressFile = file)"
-               :show-file-list="false"
-               multiple
-               class="inline-block">
-      <el-progress v-if="progressFile.status === 'uploading'"
-                   type="circle"
-                   :percentage="parseInt(progressFile.percentage, 10)" />
-      <div v-else
-           class="el-upload--picture-card">
-        <el-icon>
-          <Plus />
-        </el-icon>
-      </div>
-    </el-upload>
-    <div>
-      <el-dialog v-model="previewVisible"
-                 top="5vh"
-                 :width="768">
-        <el-input v-model="previewFile.url"
-                  maxlength="255">
-          <template #prepend>URL</template>
-        </el-input>
-        <el-input v-model="previewFile.description"
-                  type="textarea"
-                  :rows="2"
-                  :placeholder="$t('article.imageList.description')"
-                  class="mt-1"></el-input>
-        <img :src="previewFile.url"
-             alt=""
-             class="mt-1 border border-gray-300" />
-      </el-dialog>
-    </div>
-    <image-cropper v-model="cropperVisible"
-                   :src="currentFile.url"
-                   :thumbnailWidth="thumbnailWidth"
-                   :thumbnailHeight="thumbnailHeight"
-                   @success="(url) => (currentFile.url = url)"></image-cropper>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref, toRefs, computed } from 'vue';
-import { ElMessage } from 'element-plus';
-import { Plus, Crop, View, Delete } from '@element-plus/icons-vue';
-import { useI18n } from 'vue-i18n';
-import { getAuthHeaders } from '@/utils/auth';
-import { getSiteHeaders } from '@/utils/common';
-import { imageUploadUrl, queryGlobalSettings } from '@/api/config';
-import ImageCropper from './ImageCropper.vue';
-
-const props = defineProps({
-  modelValue: { type: Array, default: () => [] },
-  fileAccept: { type: String },
-  fileMaxSize: { type: Number },
-  maxWidth: { type: Number },
-  maxHeight: { type: Number },
-  disabled: { type: Boolean, default: false },
-});
-
-const emit = defineEmits({ 'update:modelValue': null });
-
-const { modelValue, maxWidth, maxHeight, fileAccept, fileMaxSize } = toRefs(props);
-const { t } = useI18n();
-const progressFile = ref<any>({});
-const currentFile = ref<any>({});
-const previewVisible = ref<boolean>(false);
-const cropperVisible = ref<boolean>(false);
-const previewFile = ref<any>({ src: 'data:;base64,=' });
-const fileList = computed({
-  get: (): any => modelValue.value,
-  set: (val) => emit('update:modelValue', val),
-});
-const handlePreview = (file: any) => {
-  previewFile.value = file;
-  previewVisible.value = true;
-};
-const thumbnailWidth = 300;
-const thumbnailHeight = 300;
-const getData = () => {
-  const data: any = { isWatermark: true, thumbnailWidth, thumbnailHeight };
-  if (maxWidth?.value != null) {
-    data.maxWidth = maxWidth.value;
-  }
-  if (maxHeight?.value != null) {
-    data.maxHeight = maxHeight.value;
-  }
-  return data;
-};
-const global = ref<any>();
-const fetchGlobalSettings = async () => {
-  global.value = await queryGlobalSettings();
-};
-onMounted(() => {
-  fetchGlobalSettings();
-});
-const defaultAccept = 'image/jpg,image/jpeg,image/png,image/gif';
-const accept = computed(() => fileAccept?.value ?? global?.value?.upload?.imageInputAccept ?? defaultAccept);
-const maxSize = computed(() => fileMaxSize?.value ?? global?.value?.upload?.imageLimitByte ?? 0);
-const beforeUpload = (file: any) => {
-  if (maxSize.value > 0 && file.size > maxSize.value) {
-    ElMessage.error(t('error.fileMaxSize', { size: `${maxSize.value / 1024 / 1024}MB` }));
-    return false;
-  }
-  return true;
-};
-</script>
-
-<style lang="scss" scoped>
-:deep(.el-dialog__headerbtn) {
-  top: 4px;
-}
-.full-flex-center {
-  @apply w-full h-full flex justify-center items-center;
-}
-.image-action {
-  @apply cursor-pointer text-xl text-white;
-}
-</style>
diff --git a/src/components/Upload/ImageUpload.vue b/src/components/Upload/ImageUpload.vue
deleted file mode 100644
index 97921f6..0000000
--- a/src/components/Upload/ImageUpload.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<template>
-  <el-upload :action="imageUploadUrl"
-             :headers="{ ...getAuthHeaders(), ...getSiteHeaders() }"
-             :accept="accept"
-             :before-upload="beforeUpload"
-             :data="data"
-             :show-file-list="false"
-             :on-success="(res) => ((src = res.url), (cropperVisible = mode === 'manual'))"
-             :on-progress="(event, file) => (progressFile = file)">
-    <!--
-    // 用于测试上传进度条
-    action="https://jsonplaceholder.typicode.com/posts/"
-     -->
-    <div v-if="src"
-         class="full-flex-center rounded-border relative hover:border-opacity-0">
-      <img :src="src"
-           class="max-w-full max-h-full block" />
-      <div class="full-flex-center absolute rounded-md cursor-default bg-black bg-opacity-50 opacity-0 hover:opacity-100 space-x-4"
-           @click.stop>
-        <el-icon class="image-action"
-                 @click="cropperVisible = true"
-                 :title="$t('cropImage')">
-          <Crop />
-        </el-icon>
-        <el-icon class="image-action"
-                 @click="previewVisible = true"
-                 :title="$t('previewImage')">
-          <View />
-        </el-icon>
-        <el-icon class="image-action"
-                 @click="src = undefined"
-                 :title="$t('deleteImage')">
-          <Delete />
-        </el-icon>
-      </div>
-    </div>
-    <el-progress v-else-if="progressFile.status === 'uploading'"
-                 type="circle"
-                 :percentage="parseInt(progressFile.percentage, 10)" />
-    <div v-else
-         class="el-upload--picture-card">
-      <el-icon>
-        <plus />
-      </el-icon>
-    </div>
-  </el-upload>
-  <div>
-    <el-dialog v-model="previewVisible"
-               top="5vh"
-               :width="768"
-               append-to-body
-               destroy-on-close>
-      <el-input v-model="src">
-        <template #prepend>URL</template>
-      </el-input>
-      <img :src="src"
-           alt=""
-           class="mt-1 border border-gray-300" />
-    </el-dialog>
-  </div>
-  <image-cropper v-model="cropperVisible"
-                 :src="src"
-                 :width="width"
-                 :height="height"
-                 @success="(url) => (src = url)"></image-cropper>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref, toRefs } from 'vue';
-import { ElMessage } from 'element-plus';
-import { Plus, Crop, View, Delete } from '@element-plus/icons-vue';
-import { useI18n } from 'vue-i18n';
-import { getAuthHeaders } from '@/utils/auth';
-import { getSiteHeaders } from '@/utils/common';
-import { imageUploadUrl, queryGlobalSettings } from '@/api/config';
-import ImageCropper from './ImageCropper.vue';
-
-// 'image/jpg,image/jpeg,image/png,image/gif'
-
-const props = defineProps({
-  modelValue: { type: String, default: null },
-  fileAccept: { type: String },
-  fileMaxSize: { type: Number },
-  width: { type: Number },
-  height: { type: Number },
-  mode: { type: String, default: 'none' },
-});
-
-const emit = defineEmits({ 'update:modelValue': null });
-
-const { modelValue, width, height, mode, fileAccept, fileMaxSize } = toRefs(props);
-const { t } = useI18n();
-const progressFile = ref<any>({});
-const previewVisible = ref<boolean>(false);
-const cropperVisible = ref<boolean>(false);
-const src = computed({
-  get: (): string | undefined => modelValue.value,
-  set: (val: string | undefined) => emit('update:modelValue', val),
-});
-const resizable = computed(() => ['cut', 'resize'].includes(mode.value));
-const data = computed(() => {
-  const params: any = { resizeMode: mode.value === 'cut' ? 'cut' : 'normal' };
-  if (width?.value != null) {
-    // 为0不限制，为空则依然受全局图片宽高限制
-    params.maxWidth = resizable.value ? width.value : 0;
-  }
-  if (height?.value != null) {
-    // 为0不限制，为空则依然受全局图片宽高限制
-    params.maxHeight = resizable.value ? height.value : 0;
-  }
-  return params;
-});
-const global = ref<any>();
-const fetchGlobalSettings = async () => {
-  global.value = await queryGlobalSettings();
-};
-onMounted(() => {
-  fetchGlobalSettings();
-});
-const accept = computed(() => fileAccept?.value ?? global?.value?.upload?.imageInputAccept ?? 'image/jpg,image/jpeg,image/png,image/gif');
-const maxSize = computed(() => fileMaxSize?.value ?? global?.value?.upload?.imageLimitByte ?? 0);
-const beforeUpload = (file: any) => {
-  if (maxSize.value > 0 && file.size > maxSize.value) {
-    ElMessage.error(t('error.fileMaxSize', { size: `${maxSize.value / 1024 / 1024}MB` }));
-    return false;
-  }
-  return true;
-};
-</script>
-
-<style lang="scss" scoped>
-:deep(.el-dialog__headerbtn) {
-  top: 4px;
-}
-:deep(.el-upload) {
-  width: 148px;
-  height: 148px;
-}
-.full-flex-center {
-  @apply w-full h-full flex justify-center items-center;
-}
-.rounded-border {
-  border: 1px solid #c0ccda;
-  @apply rounded-md bg-gray-50;
-}
-.image-action {
-  @apply cursor-pointer text-xl text-white;
-}
-</style>
diff --git a/src/components/Upload/index.ts b/src/components/Upload/index.ts
deleted file mode 100644
index e04948a..0000000
--- a/src/components/Upload/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as ImageUpload } from './ImageUpload.vue';
-export { default as ImageListUpload } from './ImageListUpload.vue';
-export { default as FileListUpload } from './FileListUpload.vue';
-export { default as BaseUpload } from './BaseUpload.vue';
diff --git a/src/layout/components/AppSidebar/index.vue b/src/layout/components/AppSidebar/index.vue
index 869ba0e..71b914c 100644
--- a/src/layout/components/AppSidebar/index.vue
+++ b/src/layout/components/AppSidebar/index.vue
@@ -47,7 +47,6 @@ import { useRouter, useRoute } from 'vue-router';
 import Menus from './Menu.vue';
 import Settings from '@/settings';
 import { getOperationTime, saveOperationTime } from '@/api/config';
-import { appState } from '@/store/useAppState';
 import Cookies from 'js-cookie';
 import dayjs from 'dayjs';
 import { getNow } from '@/utils/common';
diff --git a/src/main.ts b/src/main.ts
index 84965e8..f3da37a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
+// import Panel from '@/components/Panel/index.vue';
 import App from './App.vue';
 import router from './router';
 import i18n from './i18n';
@@ -14,4 +15,5 @@ const app = createApp(App)
   // tinymce 对话框的层级太低，必须调低 ElementPlus 的 对话框层级（默认为2000）
   .use(ElementPlus, { zIndex: 500 })
   .use(i18n);
+// app.component('Panel', Panel);
 app.mount('#app');
diff --git a/src/utils/getPageTitle.ts b/src/utils/getPageTitle.ts
index 97c7fd6..cb5dc43 100644
--- a/src/utils/getPageTitle.ts
+++ b/src/utils/getPageTitle.ts
@@ -1,14 +1,10 @@
 import defaultSettings from '@/settings';
-import i18n from '@/i18n';
 
 const { title } = defaultSettings;
 
 export default function getPageTitle(pageTitle: string | undefined): string {
   if (pageTitle) {
-    const {
-      global: { t },
-    } = i18n;
-    return `${t(pageTitle)} - ${title}`;
+    return `${pageTitle} - ${title}`;
   }
   return `${title}`;
 }
diff --git a/src/utils/request.ts b/src/utils/request.ts
index e2bac04..80f50cf 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -1,8 +1,6 @@
-import { h } from 'vue';
 import axios from 'axios';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import { getAuthHeaders } from '@/utils/auth';
-import i18n from '@/i18n';
 import { logout } from '@/store/useCurrentUser';
 
 const service = axios.create({
@@ -33,23 +31,15 @@ service.interceptors.response.use(
   (e) => {
     const {
       response: {
-        data: { timestamp, message, path, error, exception, trace },
+        data: { message, error },
         status,
       },
     } = e;
-    const {
-      global: { t },
-    } = i18n;
     if (status === 401) {
-      ElMessageBox.confirm(t('confirmLogin'), { confirmButtonText: t('loginAgain'), type: 'warning' }).then(() => {
+      ElMessageBox.alert('登录状态已过期，请重新登录', { confirmButtonText: '重新登录', type: 'warning', closeOnClickModal: false, showClose: false }).then(() => {
         // 未登录
         logout();
       });
-    } else if (status === 403) {
-      ElMessageBox({
-        title: status,
-        message: h('div', null, [h('p', { class: 'text-lg' }, t('error.forbidden')), h('p', { class: 'mt-2' }, message)]),
-      });
     } else if (message) {
       ElMessage.error(message);
     }
diff --git a/src/views/403.vue b/src/views/403.vue
index b89f821..47cc524 100644
--- a/src/views/403.vue
+++ b/src/views/403.vue
@@ -2,9 +2,11 @@
   <div class="h-full p-4 bg-gray-200">
     <div class="p-4 rounded shadow bg-white">
       <h1 class="font-bold text-3xl">403</h1>
-      <p class="mt-4">{{ message }}</p>
+      <p class="mt-4">对不起，您没有该页面的访问权限</p>
       <p class="mt-4">
-        <el-button type="primary" @click="handleLogout()" plain>{{ $t('logout') }}</el-button>
+        <el-button type="primary"
+                   @click="handleLogout()"
+                   plain>退出</el-button>
       </p>
     </div>
   </div>
@@ -13,20 +15,17 @@
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { useI18n } from 'vue-i18n';
 import { logout } from '@/store/useCurrentUser';
 
 export default defineComponent({
   name: 'Page403',
   setup() {
-    const { t } = useI18n();
     const router = useRouter();
-    const message = ref(t('error.forbidden'));
     const handleLogout = () => {
       logout();
       router.push('/login');
     };
-    return { message, handleLogout };
+    return { handleLogout };
   },
 });
 </script>
diff --git a/src/views/bankProduct/index.vue b/src/views/bankProduct/index.vue
index d8b7eea..be7e51b 100644
--- a/src/views/bankProduct/index.vue
+++ b/src/views/bankProduct/index.vue
@@ -60,13 +60,11 @@
 import { computed, onMounted, ref } from 'vue';
 import { ElMessage } from 'element-plus';
 import { Search } from '@element-plus/icons-vue';
-import { useI18n } from 'vue-i18n';
 import dayjs from 'dayjs';
 import { perm } from '@/store/useCurrentUser';
 import { pageSizes, pageLayout, toParams, resetParams } from '@/utils/common';
 import { deleteUser, queryUserPage } from '@/api/user';
 
-const { t } = useI18n();
 const params = ref<any>({});
 const sort = ref<any>();
 const currentPage = ref<number>(1);
@@ -129,7 +127,6 @@ const handleEdit = (id: number) => {
 const handleDelete = async (ids: number[]) => {
   await deleteUser(ids);
   fetchData();
-  ElMessage.success(t('success'));
 };
 const deletable = (bean: any) => bean.id > 1;
 </script>
diff --git a/src/views/report/Index.vue b/src/views/report/Index.vue
index 26266fa..bc76b0c 100644
--- a/src/views/report/Index.vue
+++ b/src/views/report/Index.vue
@@ -205,12 +205,10 @@
       </div>
     </div>
   </div>
-  <Panel />
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
-import Panel from '@/components/Panel/index.vue';
 import { logout } from '@/store/useCurrentUser';
 import { ElMessage } from 'element-plus';
 import Cookies from 'js-cookie';