From eea2542e907aabdcb048e6f5ef1030b7ac37825e Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 10 Oct 2023 16:04:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E9=AA=8C=E9=9D=A2=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json              |   27 +
 package.json                   |    1 +
 src/api/login.ts               |   16 -
 src/api/system.ts              |    8 +
 src/components/Panel/index.vue | 1866 ++++++++++++--------------------
 src/permission.ts              |   14 -
 src/router/index.ts            |    3 -
 src/store/useCurrentUser.ts    |   30 -
 src/views/Home.vue             |    2 +
 src/views/Login.vue            |   62 --
 10 files changed, 714 insertions(+), 1315 deletions(-)
 delete mode 100644 src/api/login.ts
 create mode 100644 src/api/system.ts
 delete mode 100644 src/views/Login.vue

diff --git a/package-lock.json b/package-lock.json
index 8c04498..468d8f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1156,6 +1156,11 @@
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "dev": true
     },
+    "commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
@@ -1247,6 +1252,11 @@
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
       "dev": true
     },
+    "cssfilter": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz",
+      "integrity": "sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw=="
+    },
     "csstype": {
       "version": "2.6.19",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-2.6.19.tgz",
@@ -3078,6 +3088,14 @@
       "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
       "dev": true
     },
+    "mavon-editor": {
+      "version": "2.10.4",
+      "resolved": "https://registry.npmjs.org/mavon-editor/-/mavon-editor-2.10.4.tgz",
+      "integrity": "sha512-CFsBLkgt/KZBDg+SJYe2fyYv4zClY149PiwpH0rDAiiP4ae1XNs0GC8nBsoTeipsHcebDLN1QMkt3bUsnMDjQw==",
+      "requires": {
+        "xss": "^1.0.6"
+      }
+    },
     "memoize-one": {
       "version": "6.0.0",
       "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
@@ -5150,6 +5168,15 @@
         "mkdirp": "^0.5.1"
       }
     },
+    "xss": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/xss/-/xss-1.0.14.tgz",
+      "integrity": "sha512-og7TEJhXvn1a7kzZGQ7ETjdQVS2UfZyTlsEdDOqvQF7GoxNfY+0YLCzBy1kPdsDDx4QuNAonQPddpsn6Xl/7sw==",
+      "requires": {
+        "commander": "^2.20.3",
+        "cssfilter": "0.0.10"
+      }
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index ee8cf25..68f707e 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "element-plus": "^2.0.2",
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.21",
+    "mavon-editor": "^2.10.4",
     "nprogress": "^0.2.0",
     "path-to-regexp": "^6.2.0",
     "tinymce": "^5.9.2",
diff --git a/src/api/login.ts b/src/api/login.ts
deleted file mode 100644
index ec84c00..0000000
--- a/src/api/login.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from '@/utils/request';
-
-export interface LoginParam {
-  username: string;
-  password: string;
-  browser?: boolean;
-}
-
-export interface RefreshTokenParam {
-  refreshToken: string;
-  browser?: boolean;
-}
-
-export const accountLogin = async (data: LoginParam): Promise<any> => (await axios.post('/auth/jwt/login', data)).data;
-export const accountRefreshToken = async (data: RefreshTokenParam): Promise<any> => (await axios.post('/auth/jwt/refresh-token', data)).data;
-export const queryCurrentUser = async (): Promise<any> => (await axios.get('/user/current')).data;
diff --git a/src/api/system.ts b/src/api/system.ts
new file mode 100644
index 0000000..403e075
--- /dev/null
+++ b/src/api/system.ts
@@ -0,0 +1,8 @@
+import axios from '@/utils/request';
+
+export const pageStuAssessment = async (data: Record<string, any>): Promise<any> => (await axios.post('/occupationlab/occupationlab/assessment/pageStuAssessment', data)).data;
+export const getProjectBySystemId = async (data: Record<string, any>): Promise<any> =>
+  (await axios.get('/occupationlab/occupationlab/projectManage/getProjectBySystemId', data)).data;
+export const getProjectDetail = async (data: Record<string, any>): Promise<any> => (await axios.get('/occupationlab/occupationlab/projectManage/getProjectDetail', data)).data;
+export const getDetailById = async (id: number | string): Promise<any> => (await axios.get(`/occupationlab/occupationlab/assessment/getDetailById?id=${id}`)).data;
+export const getCompetition = async (id: number | string): Promise<any> => (await axios.post(`/competition/competition/management/getCompetition?competitionId=${id}`)).data;
diff --git a/src/components/Panel/index.vue b/src/components/Panel/index.vue
index b2872b8..3294465 100644
--- a/src/components/Panel/index.vue
+++ b/src/components/Panel/index.vue
@@ -1,117 +1,127 @@
 <template>
-  <div>
-    <!-- <transition name="slide-fade" enter-active-class="animate__animated animate__bounceInLeft" leave-active-class=" animate__animated animate__bounceOutLeft"> -->
-
-    <el-container v-show="showIt">
-      <el-header>
-        <div class="flex a-center j-between">
-          <div class="flex a-center"
-               style="width: 28%">
-            <p>实训项目</p>
-            <el-select v-model.trim="projectId"
+  <div :class="['panel', { active: visible }]"
+       id="panel">
+    <el-container class="scrollbar"
+                  id="container"
+                  v-show="visible">
+      <el-header id="header">
+        <div class="panel-header"
+             id="panelHeader">
+          <div class="project">
+            <div class="inline-center">
+              <p>实训项目</p>
+              <el-tooltip effect="dark"
+                          content="点击右侧“下三角”按钮可切换实验项目"
+                          placement="bottom">
+                <i class="info el-icon-warning"
+                   style="margin-left: 10px"></i>
+              </el-tooltip>
+            </div>
+            <el-select v-model="projectId"
                        placeholder="请选择"
                        class="select"
-                       :disabled="projectPermissions != 0"
-                       @change="selectProject">
-              <el-option v-for="item in topicList"
+                       :disabled="per != 0"
+                       @change="selectProject"
+                       style="flex: 1">
+              <el-option v-for="(item, i) in projectList"
                          :key="item.projectId"
-                         :label="item.projectName"
+                         :label="i + 1 + '. ' + item.projectName"
                          :value="item.projectId"></el-option>
             </el-select>
           </div>
-          <div class="countDownBox">
-            <div style="margin-left: -40px;">
-              <div :sendSync="sendSync"
-                   :autoStart="autoStart"
-                   :defaultVal="defaultVal">
-                实训{{text}}时间
-                <span class="timeSpan">{{day}}</span>天
-                <span class="timeSpan">{{hour}}</span>小时
-                <span class="timeSpan">{{minutes}}</span>分
-                <span class="timeSpan">{{seconds}}</span>秒
-              </div>
+          <div class="item">
+            <div class="count">
+              实训{{ text }}时间 <span>{{ day }}</span>天 <span>{{ hour }}</span>小时 <span>{{ minutes }}</span>分 <span>{{ seconds }}</span>秒
             </div>
           </div>
-          <div class="countDownBox">
+          <div class="item">
             <div>
               总得分：
-              <span class="gradeSpan">{{grade}}</span>
+              <span class="total-score">{{ grade }}</span>
             </div>
           </div>
           <div>
             <el-button @click="toReport"
-                       v-if="popContainer">查看实验报告</el-button>
-            <el-button style="background: #202020;color: #d0d0d0;font-size:16px;"
-                       v-show="projectPermissions == 0"
+                       v-if="isSubmit">查看实验报告</el-button>
+            <el-button class="reload"
                        @click="reload"
-                       :disabled="popContainer && (assessmentId!='' && assessmentId!='null' && assessmentId!=null)">
-              重新开始
-            </el-button>
-            <el-button class="submit-btn"
-                       style="margin-right:7px"
-                       @click="Submit()"
-                       :disabled="popContainer || requires.length == 0">提交</el-button>
+                       v-show="per == 0">重新开始</el-button>
+            <el-button type="primary"
+                       class="submit btn"
+                       @click="confirmSubmit"
+                       :disabled="isSubmit || !projectList.length">提交</el-button>
           </div>
         </div>
       </el-header>
-
-      <el-container>
-        <el-aside width="30%"
-                  class="flex flex-col">
+      <el-container id="infoContainer">
+        <el-aside id="aside"
+                  width="30%">
           <div class="aside-header">
-            <div class="header_h flex a-center">
+            <div :class="['p-title color', 'system' + $themeId]">
               <i class="el-icon-s-order"></i>
               <p>实验目标</p>
             </div>
-            <div class="font_css">
-              <div class="experimentalGoal">
-                <div class="break-all"
-                     v-html="projectManage.experimentTarget"
-                     style="font-size: 0.875rem;">
-                </div>
-              </div>
+            <div class="goal">
+              <div v-if="pd.experimentTargetType == 0 || !pd.experimentTargetType"
+                   class="ql-editor"
+                   v-html="pd.experimentTarget"></div>
+
+              <mavon-editor v-else
+                            class="md"
+                            v-model="pd.experimentTarget"
+                            :ishljs="true"
+                            :subfield="false"
+                            :editable="false"
+                            :toolbarsFlag="false"
+                            :boxShadowStyle="none" />
             </div>
           </div>
-          <div class="aside-footer flex-grow">
-            <div class="header_h flex a-center">
+          <div class="aside-footer">
+            <div :class="['p-title color', 'system' + $themeId]">
               <i class="el-icon-s-management"></i>
               <p>实验任务</p>
             </div>
             <div>
               <el-row>
                 <el-col :span="24">
-                  <el-card shadow="hover">
-                    <el-table :data="requires"
-                              height="43.5vh"
-                              v-loading="loading"
-                              ref='testTable'>
+                  <el-card shadow="never"
+                           :border="false">
+                    <el-table class="task-table"
+                              :data="taskList"
+                              :stripe="true">
                       <el-table-column type="index"></el-table-column>
                       <el-table-column prop="name"
                                        label="判分点"
-                                       align="left">
-                      </el-table-column>
+                                       align="center"></el-table-column>
                       <el-table-column prop="score"
                                        label="分值"
                                        width="60"
-                                       align="center">
-                      </el-table-column>
-                      <el-table-column prop="right"
-                                       label="完成结果"
-                                       width="80"
-                                       align="center">
-                        <template slot-scope="scope">
-                          <i v-if="scope.row.right==true"
-                             class="el-icon-check"
-                             style="color:green;"></i>
-                          <i v-else-if="scope.row.right==false"
-                             class="el-icon-close"
-                             style="color:red;"></i>
-                        </template>
-                      </el-table-column>
-                      <el-table-column prop="scores"
-                                       label="得分"
-                                       width="60"
                                        align="center"></el-table-column>
+                      <template v-if="!competitionId">
+                        <el-table-column label="结果"
+                                         width="60"
+                                         align="center">
+                          <template v-slot="scope">
+                            <template v-if="isSubmit">
+                              <template v-if="!competitionId">
+                                <i v-if="scope.row.finishedResult"
+                                   class="el-icon-check right"></i>
+                                <i v-else
+                                   class="el-icon-close wrong"></i>
+                              </template>
+                              <template v-else>-</template>
+                            </template>
+                          </template>
+                        </el-table-column>
+                        <el-table-column prop="score"
+                                         label="得分"
+                                         width="60"
+                                         align="center">
+                          <template v-slot="scope">
+                            <template v-if="isSubmit">{{ competitionId ? '-' : scope.row.examScore }}</template>
+                          </template>
+                        </el-table-column>
+                      </template>
                     </el-table>
                   </el-card>
                 </el-col>
@@ -119,1164 +129,640 @@
             </div>
           </div>
         </el-aside>
-        <el-main>
-          <el-tabs v-model.trim="activeName"
+        <el-main id="main">
+          <el-tabs class="info-tab"
+                   v-model="pannelTab"
                    type="card">
-            <el-tab-pane label="案例"
+            <el-tab-pane label="项目背景"
                          name="first">
-              <div class="break-all"
-                   v-html="projectManage.experimentDescription"></div>
+              <div v-if="pd.experimentDescriptionType == 0 || !pd.experimentDescriptionType"
+                   class="ql-editor"
+                   v-html="pd.experimentDescription"></div>
+
+              <mavon-editor v-else
+                            class="md"
+                            v-model="pd.experimentDescription"
+                            :ishljs="true"
+                            :subfield="false"
+                            :editable="false"
+                            :toolbarsFlag="false"
+                            :boxShadowStyle="none" />
             </el-tab-pane>
             <el-tab-pane label="实验要求"
                          name="second">
-              <el-collapse :value="activeNames"
-                           accordion>
-                <el-collapse-item v-for="(item,index) in requires"
-                                  :key="index"
-                                  :name="item.id">
-                  <template slot="title"
-                            style='line-height: 0px;'>
-                    <i class='el-icon-s-ticket'></i>
-                    <span style="margin: 0px 10px;font-size: 1rem;">{{ item.name }}</span>
+              <el-collapse v-model="curReq">
+                <el-collapse-item v-for="item in points"
+                                  :name="item.judgmentId"
+                                  :key="item.judgmentId">
+                  <template v-slot:title>
+                    <i class="el-icon-s-ticket"></i>
+                    <div class="break-all des"
+                         v-html="item.name"></div>
                   </template>
-                  <div class="break-all"
+                  <div v-if="item.experimentalRequirementsType == 0 || !item.experimentalRequirementsType"
+                       class="ql-editor"
                        v-html="item.experimentalRequirements"></div>
+
+                  <mavon-editor v-else
+                                class="md"
+                                v-model="item.experimentalRequirements"
+                                :ishljs="true"
+                                :subfield="false"
+                                :editable="false"
+                                :toolbarsFlag="false"
+                                :boxShadowStyle="none" />
                 </el-collapse-item>
-                <!-- <p ref="scrollTag" style="font-size:16px;"></p> -->
               </el-collapse>
             </el-tab-pane>
             <el-tab-pane label="实验提示"
-                         name="fifth"
-                         v-if="hintOpen == 0">
-              <div class="break-all"
-                   v-html="projectManage.experimentHint"></div>
+                         name="third"
+                         v-if="hintOpen">
+              <div v-if="pd.experimentHintType == 0 || !pd.experimentHintType"
+                   class="ql-editor"
+                   v-html="pd.experimentHint"></div>
+
+              <mavon-editor v-else
+                            class="md"
+                            v-model="pd.experimentHint"
+                            :ishljs="true"
+                            :subfield="false"
+                            :editable="false"
+                            :toolbarsFlag="false"
+                            :boxShadowStyle="none" />
             </el-tab-pane>
           </el-tabs>
         </el-main>
       </el-container>
     </el-container>
-    <!-- </transition> -->
-    <!-- </div> -->
-    <div class="panel"
-         :class="{active: showIt}">
-      <div @click="toggleCase">
-        <img src="../../assets/img/case/left.png"
+
+    <div :class="['toggle-panel', { active: visible }]"
+         id="toggle"
+         @click="visible = !visible">
+      <!-- <div @click="togglePannel"> -->
+      <div>
+        <img :src="require(`@/assets/images/panel/left.png`)"
              alt
-             v-if="showIt" />
-        <img src="../../assets/img/case/right.png"
+             class="c-p"
+             v-if="visible" />
+        <img :src="require(`@/assets/images/panel/right.png`)"
              alt
-             v-else />
+             class="c-p"
+             v-if="!visible" />
       </div>
     </div>
-
-    <div class='popContainer'
-         v-if='popContainer'></div>
-
-    <!-- 遮罩层 -->
-    <div class="absolute z-50 h-screen bg-transparent inset-0"
-         v-show="showIt"></div>
-
-    <el-dialog title="提示"
-               :visible.sync="closePaneJudge"
-               width="30%"
-               center>
-      <h4 class="antialiased text-center text-2xl">请选择你将进行的操作</h4>
-      <span slot="footer"
-            class="dialog-footer">
-        <el-button @click="closePane()">再试一次</el-button>
-        <!-- <el-button type="primary" @click="closePane(true)">其他业务</el-button> -->
-      </span>
-    </el-dialog>
-
   </div>
-
 </template>
-
-<script>
-import Cookie from 'js-cookie'
-import util from '@/libs/util'
-import Setting from '@/setting'
-// 引入封装好的接口
-import { getProjectBySystemId, getProjectDetail, submit, getQueryCache, deleteCache, checkTest, checkTest2 } from "@/api/http.js";
-import { mapMutations } from 'vuex'
-import { async } from 'q';
-import Bus from '@/libs/bus'
-export default {
-  props: {
-    sendSync: {
-      type: Boolean,
-      default: false
-    },
-    autoStart: {
-      type: Boolean,
-      default: false
-    },
-    defaultVal: {
-      type: Number,
-      default: null
-    },
-    showIt: {
-      type: Boolean,
-      required: true
-    }
-  },
-  data () {
-    return {
-      closePaneJudge: false,
-      lockIt: false,
-      intervalJudge: {},
-      systemId: Setting.systemId,
-      workbench: [],
-      test: [],
-      caseVisible: true,
-      grade: "00",
-      exampleData: "",
-      codeid: "",
-      judgmentPointsIds: [],
-      text: "",
-      isStart: false,
-      globalTimer: null, //获取setInterval对象值
-      millisecond: 0,
-      countVal: this.defaultVal, //获取初始值
-      pauseTime: 0,
-      day: '00',
-      seconds: '00',
-      minutes: '00',
-      hour: '00',
-      createTime: "", //开始时间
-      actEndTime: "", //倒计时结束时间
-      projectId: "" || sessionStorage.getItem('projectId'), //选中后绑定的对象
-      value: [
-        { projectName: '项目1', projectId: 1 }
-      ],
-      experimentalGoal: "", //实验目标
-      caseDescription: "", //案例描述
-      experimentSuggests: "", //实验提示
-      judgmentPointsName: "", //	判分点名称
-      points: [],
-      // activeNames: [],
-      tableData: [],
-      activeName: "first",
-      schoolId: '',
-      studentId: "",
-      courseId: "",
-      assessmentId: "",
-      classId: '',
-      projectPermissions: 0, //项目权限(0、练习 1、考核 2、竞赛)
-      competitionId: '',
-      stageId: '',
-      teamId: '',
-      isSubmit: false,
-      entryTime: util.formatDate('yyyy-MM-dd hh:mm:ss'),
-      startTime: '',
-      stopTime: '',
-      isSelected: false,
-      userId: '',
-      hintOpen: 0,
-      topicList: [],
-      projectManage: {},
-      requires: [],
-      projectName: '',
-      loading: false,
-      sss: 1,
-      popContainer: false,
-      timestamp: '',
-      curSystemId: '',
-      reportId: '',
-      submitType: false
-    }
-  },
-  created () {
-    let assessmentId = this.getQueryVariable('assessmentId')
-    sessionStorage.setItem('assessmentId', assessmentId)
-    this.assessmentId = assessmentId
-    if (assessmentId == '' || assessmentId == null || assessmentId == 'null') {
-
-    } else {
-      this.intervalJudge = setInterval(() => {
-        const data = {
-          id: parseInt(sessionStorage.getItem('assessmentId')),
-        }
-        checkTest(data).then(data => {
-          const { data: { data: { status } } } = data
-          if (status !== 1) {
-            this.popContainer = true
-            clearInterval(this.intervalJudge)
-            this.$alert('考试已结束，已自动为您提交。', '提示', {
-              confirmButtonText: '确定',
-              type: 'warning',
-              center: true
-            });
-            // 提交
-            this.sureSubmit(true)
-          } else {
-          }
-        })
-      }, 4000)
-    }
-    Bus.$on('setSubmited', data => {
-      this.popContainer = data
-    })
-  },
-  watch: {
-    countVal: {
-      deep: true,
-      handler: function (val, oldVal) {
-        let vm = this;
-        if (vm.needSendSunc) {
-          vm.passToParent(val);
-        }
-      }
-    },
-    needSendSunc: {
-      deep: true,
-      handler: function (val) {
-        let vm = this;
-        if (val) {
-          vm.passToParent(vm.countString);
-        }
-      }
-    },
-    // caseVisible(newVal) {
-    //   if(!newVal) {
-    //     console.log(this.$refs.scrollTag)
-    //   }
-    // }
-  },
-
-  computed: {
-    needSendSunc: function () {
-      return this.sendSync;
-    },
-    // 倒计时
-    second: function () {
-      return this.num(this.seconds);
-    },
-    minute: function () {
-      return this.num(this.minutes);
-    },
-    activeNames () {
-      // 默认展开所有
-      return this.requires.map(item => item.id)
-    },
-  },
-  mounted () {
-    let token = sessionStorage.getItem('token') || this.getQueryVariable('token')
-    let cid = sessionStorage.getItem('cid') || this.getQueryVariable('cid')
-    let systemId = sessionStorage.getItem('systemId') || this.getQueryVariable('systemId')
-    let projectId = this.getQueryVariable('projectId')
-    if (sessionStorage.getItem('projectId')) {
-      projectId = sessionStorage.getItem('projectId')
-    }
-    console.log('mounted', projectId)
-    let assessmentId = sessionStorage.getItem('assessmentId') || this.getQueryVariable('assessmentId')
-    let competitionId = sessionStorage.getItem('competitionId') || this.getQueryVariable('competitionId')
-    let stageId = sessionStorage.getItem('stageId') || this.getQueryVariable('stageId')
-    let teamId = sessionStorage.getItem('teamId') || this.getQueryVariable('teamId')
-    let classId = sessionStorage.getItem('classId') || this.getQueryVariable('classId')
-    let stopTime = sessionStorage.getItem('stopTime') || this.getQueryVariable('stopTime')
-    let mallId = sessionStorage.getItem('mallId') || this.getQueryVariable('mallId')
-    let timestamp = +stopTime;
-    if (timestamp != null) {
-    } else {
-      sessionStorage.setItem('timestamp', null)
-    }
-    if (token != null) {
-      sessionStorage.setItem('token', token)
-      sessionStorage.setItem('cid', cid)
-      sessionStorage.setItem('systemId', systemId)
-      sessionStorage.setItem('timestamp', timestamp)
-      sessionStorage.setItem('projectId', projectId)
-      sessionStorage.setItem('assessmentId', assessmentId)
-      sessionStorage.setItem('competitionId', competitionId)
-      sessionStorage.setItem('stageId', stageId)
-      sessionStorage.setItem('teamId', teamId)
-      sessionStorage.setItem('classId', classId)
-      this.assessmentId = assessmentId
-      this.competitionId = JSON.parse(competitionId)
-      this.stageId = stageId
-      this.teamId = teamId
-      this.classId = classId
-      this.mallId = mallId
-    }
-    let tokens = sessionStorage.getItem('token')
-    if (tokens || token) {
-      this.projectPermissions = this.assessmentId ?
-        1 :
-        this.competitionId ?
-          2 :
-          0
-      this.assessmentId && this.projectId && this.checkVer()
-      if (JSON.parse(assessmentId != null && assessmentId != '' && assessmentId != 'null' || this.competitionId)) {
-        this.selectProjects({
-          projectId
-        })
-      } else {
-        this.getData()
-      }
-    }
-    console.log(2222, this.showIt)
-  },
-  methods: {
-    ...mapMutations({
-      setBusinessKey: 'system/setBusinessKey',
-      initState: 'system/initState',
-      setShowBusiness: 'system/setShowBusiness',
-    }),
-    clearStore () {
-      // // 清空缓存
-      let token = sessionStorage.getItem('token')
-      let cid = sessionStorage.getItem('cid')
-      let systemId = sessionStorage.getItem('systemId')
-      let projectId = sessionStorage.getItem('projectId')
-      let assessmentId = sessionStorage.getItem('assessmentId')
-      let classId = sessionStorage.getItem('classId')
-      let timestamp = sessionStorage.getItem('timestamp')
-      let startTime = sessionStorage.getItem('startTime')
-
-      const storeProjectId = sessionStorage.getItem('storeProjectId')
-      sessionStorage.clear()
-      sessionStorage.setItem('token', token)
-      sessionStorage.setItem('cid', cid)
-      sessionStorage.setItem('systemId', systemId)
-      sessionStorage.setItem('projectId', projectId)
-      sessionStorage.setItem('firstLoad2', true)
-      if (assessmentId) {
-        sessionStorage.setItem('assessmentId', assessmentId)
-      }
-      if (classId) {
-        sessionStorage.setItem('classId', classId)
-      }
-      if (timestamp) {
-        sessionStorage.setItem('timestamp', timestamp)
-      }
-      if (startTime) {
-        sessionStorage.setItem('startTime', startTime)
-      }
-      if (storeProjectId) {
-        sessionStorage.setItem('storeProjectId', storeProjectId)
-      }
-
-
-      // 初始化vuex中的state
-      this.initState();
-    },
-    closePane (judge = false) {
-      this.closePaneJudge = false
-      // this.lockIt = false
-      this.reload()
-      if (judge) {
-        this.toggleCase()
-      }
-    },
-    getQueryVariable (name) {
-      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)')
-      if (window.location.href.split('?')[1]) {
-        var r = window.location.href.split('?')[1].match(reg)
-        if (r != null) {
-          return (r[2])
-        } else {
-          return null
-        }
-      }
-      // if(sessionStorage.getItem(name)) {
-      //   return sessionStorage.getItem(name)
-      // }else {
-      //   var reg = new RegExp('(^|&)'+name+'=([^&]*)(&|$)')
-      //   if(window.location.href.split('?')[1]){
-      //       var r = window.location.href.split('?')[1].match(reg)
-      //       if (r != null){
-      //           return (r[2])
-      //       }else{
-      //           return null
-      //       }
-      //   }
-      // }
-
-    },
-    //获取项目列表
-    getData () {
-      let params = {
-        "systemId": sessionStorage.getItem('systemId'),
-        "cId": sessionStorage.getItem('cid'),
-        "permissions": 0,
-        mallId: this.mallId
-      }
-      getProjectBySystemId(params).then((data) => {
-        if (data.status == 200) {
-          // this.getQueryCaches()
-          //获取当前时间
-          this.getBeginTime()
-          this.topicList = []
-
-          for (var i = 0; i < data.data.projects.length; i++) {
-            if (data.data.projects[i].projectId) {
-              this.topicList.push(data.data.projects[i])
-
-            }
-
-          }
-          console.log('---this.topicList')
-          console.log(this.topicList)
-          if (this.topicList.length > 0) {
-            const storeProjectId = sessionStorage.getItem('storeProjectId') || this.$route.query.projectId
-            if (storeProjectId) {
-              this.selectProjects({
-                projectId: storeProjectId
-              })
-            } else {
-              this.selectProjects({
-                projectId: this.topicList[0].projectId
-              })
-            }
-            this.gotuQueryVariable()
-            // 加的
-          }
-          this.getQueryCaches()
-        }
-      }).catch((error) => {
-      })
-    },
-    getBeginTime () {
-      let dates = new Date().getTime();
-      let date = new Date(dates)
-      let y = date.getFullYear();
-      let MM = date.getMonth() + 1;
-      MM = MM < 10 ? ('0' + MM) : MM;
-      let d = date.getDate();
-      d = d < 10 ? ('0' + d) : d;
-      let h = date.getHours();
-      h = h < 10 ? ('0' + h) : h;
-      let m = date.getMinutes();
-      m = m < 10 ? ('0' + m) : m;
-      let s = date.getSeconds();
-      s = s < 10 ? ('0' + s) : s;
-      this.startTime = y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
-      sessionStorage.setItem('startTime', this.startTime)
-    },
-    getQueryCaches () {
-      getQueryCache(params).then((data) => {
-        if (data.data.status == 200) {
-          this.$confirm('有项目未做完,是否回到未做完的项目?', '提示', {
-            center: true,
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }).then(() => {
-            this.$message({
-              type: 'success',
-              message: '切换成功!'
-            });
-            this.projectId = data.data.projectId
-            let params = {
-              "projectId": data.data.projectId,
-            }
-            sessionStorage.setItem('projectId', data.data.projectId)
-            this.selectProjects(params)
-          }).catch(() => {
-            deleteCache().then((data) => {
-              this.$message({
-                type: 'info',
-                message: '已取消'
-              });
-            }).catch(() => {
-            })
-            this.gotuQueryVariable()
-          });
-        } else {
-          this.gotuQueryVariable()
-        }
-      }).catch((error) => {
-        this.gotuQueryVariable()
-      })
-    },
-    gotuQueryVariable () {
-      let projectId = sessionStorage.getItem('projectId') || this.getQueryVariable('projectId')
-      if (projectId) {
-        this.projectId = projectId
-      } else {
-        const storeProjectId = sessionStorage.getItem('storeProjectId')
-        if (storeProjectId) {
-          this.projectId = storeProjectId;
-        } else {
-          this.projectId = this.topicList[0].projectId;
-        }
-      }
-      sessionStorage.setItem('projectId', this.projectId)
-      let params = {
-        "projectId": this.projectId,
-      }
-      this.selectProjects(params)
-    },
-    selectProjects (params) {
-      getProjectDetail(params).then((data) => {
-        if (data.status == 200) {
-          this.globalTimer = "";
-          let stopTime = sessionStorage.getItem('timestamp')
-          let timestamp = +stopTime;
-          this.countVal = timestamp;
-          this.sss = 1;
-          this.hintOpen = data.data.projectManage.hintOpen;
-          this.countDown(timestamp);
-          this.curSystemId = data.data.projectManage.systemId
-          let assessmentId = this.getQueryVariable('assessmentId')
-          if (assessmentId != null && assessmentId != '' && assessmentId != 'null') {
-            //获取当前时间
-            this.getBeginTime()
-            this.topicList = [data.data.projectManage];
-            this.projectId = +params.projectId
-            this.projectName = data.data.projectManage.projectName
-            this.projectId = data.data.projectManage.projectId;
-            this.projectManage = data.data.projectManage;
-            this.requires = data.data.projectJudgmentVos;
-          } else {
-            this.projectName = data.data.projectManage.projectName
-            this.projectId = data.data.projectManage.projectId;
-            this.projectManage = data.data.projectManage;
-            this.requires = data.data.projectJudgmentVos;
-          }
-        }
-      }).catch((error) => {
-      })
-    },
-    //选择好题目
-    selectProject () {
-      this.lockIt = false
-      this.submitType = false
-      this.$router.push('/index/list')
-
-      this.$nextTick(() => {
-        this.clearStore()
-      })
-
-      let params = {
-        "projectId": this.projectId,
-      }
-      sessionStorage.setItem('storeProjectId', this.projectId)
-      let formList = []
-      sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
-      sessionStorage.setItem('accountVoucher', JSON.stringify(formList))
-      sessionStorage.setItem('accountPasswordAll', '')
-      sessionStorage.setItem('projectId', this.projectId)
-      sessionStorage.setItem('submited', 0)
-      sessionStorage.setItem('firstLoad2', true)
-      getProjectDetail(params).then((data) => {
-        if (data.status == 200) {
-          const { systemId, projectId } = data.data.projectManage
-          // systemId=11 为银行项目，为其他值则是python项目，直接跳python
-          if (systemId === 11) {
-            this.popContainer = false;
-            this.hintOpen = data.data.projectManage.hintOpen;
-            this.projectName = data.data.projectManage.projectName;
-            this.projectId = data.data.projectManage.projectId;
-            this.projectManage = data.data.projectManage;
-            this.requires = data.data.projectJudgmentVos;
-            this.$router.push('/index/list')
-          } else {
-            const { cid, curriculumName, token, systemId } = this.$route.query
-            Cookie.set('admin-assessmentId', '', -1)
-            Cookie.set('admin-startTime', '', -1)
-            Cookie.set('admin-stopTime', '', -1)
-            Cookie.set('admin-projectId', projectId)
-            Cookie.set('admin-token', token)
-            Cookie.set('admin-courseId', cid)
-            Cookie.set('admin-curriculumName', escape(curriculumName))
-            Cookie.set('admin-systemId', systemId)
-            // 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统
-            location.href = process.env.NODE_ENV === 'development' ?
-              `http://${location.hostname}:8085/#/` :
-              location.href.includes('occupationlab.com') ?
-                'https://www.occupationlab.com/pyTrials' :
-                `${location.origin}/pyTrials`
-          }
-        }
-      }).catch((error) => {
+<script setup lang="ts">
+import { ref, onMounted, toRefs } from 'vue';
+import { pageStuAssessment, getProjectBySystemId, getProjectDetail, getDetailById, getCompetition } from '@/api/system';
+import { useRouter, useRoute } from 'vue-router';
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+import Cookie from 'js-cookie';
+import util from '@/libs/util';
+import Setting from '@/setting';
+// import { mavonEditor } from 'mavon-editor'
+// import 'mavon-editor/dist/css/index.css'
+
+const router = useRouter();
+const route = useRoute();
+const { systemId, classId, courseId, projectId, assessmentId, competitionId, stageId, teamId, mallId } = toRefs(route.query);
+const curSystemId = ref<number>(1);
+const per = ref<number>(assessmentId.value ? 1 : competitionId.value ? 2 : 0); // 项目权限(0、练习 1、考核 2、竞赛)
+const isSubmit = ref<boolean>(Cookie.get('st-isSubmit') === 'true'); // 是否提交的标识
+const entryTime = ref<any>(new Date());
+const visible = ref<boolean>(true);
+const grade = ref<string | number>('00');
+const text = ref<string>(''); // 倒计时前面的文字，练习：所用；考核：剩余。练习是计时，考核是倒计时
+const counterTimer = ref<any>(null);
+const day = ref<number | string>(0);
+const seconds = ref<number | string>(0);
+const minutes = ref<number | string>(0);
+const hour = ref<number | string>(0);
+const projectList = ref<Record<string, any>[]>([]);
+const pd = ref<Record<string, any>>({});
+const hintOpen = ref<string>('');
+const points = ref<Record<string, any>[]>([]);
+const judgmentId = ref<string | number>('');
+const curReq = ref<Record<string, any>[]>([]);
+const taskList = ref<Record<string, any>[]>([]);
+const pannelTab = ref<string>('first');
+const isSelected = ref<boolean>(false); // 是否选择过项目的标识，选择了会置为true
+const statusTimer = ref<any>(null);
+const reportId = ref<string | number>('');
+let countVal = <any>'';
+
+onMounted(() => {
+  assessmentId.value && getAssList();
+  if (competitionId.value) {
+    clearInterval(statusTimer);
+    statusTimer.value = setInterval((_) => {
+      getCompetitionStatus();
+    }, 1000);
+  }
+});
+
+// 获取项目列表
+const getList = () => {
+  return new Promise(async (resolve, reject) => {
+    const { projects } = await getProjectBySystemId({
+      systemId: systemId.value,
+      cId: courseId.value,
+      mallId: mallId.value,
+      permissions: per.value,
+    });
+    projectList.value = projects;
+    if (!per.value && !projectId.value) projectId.value = projects[0]?.projectId ?? 0; // 默认取第一个项目
+    getProDetail()
+      .then(() => {
+        resolve();
       })
-      //获取当前时间
-      this.getBeginTime()
-      this.globalTimer = "";
-      this.countVal = "";
-      this.day = "00";
-      this.seconds = "00";
-      this.minutes = "00";
-      this.hour = "00";
-      this.sss = 1
-      this.startCountFn();
-    },
-    // 查看实验报告
-    toReport () {
-      this.popContainer = false
-      // this.setShowBusiness(false)
-      this.$emit('update:showIt', !this.showIt)
-      this.$router.push(`/index/report?reportId=${this.reportId}`)
-    },
-    //提交
-    Submit () {
-      this.$confirm('此操作将视为结束考试, 是否继续?', '提示', {
-        center: true,
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(res => {
-        this.sureSubmit(true)
-      }).catch(() => {
-        this.$message({
-          type: "info",
-          message: "已取消提交"
-        });
+      .catch((res) => {
+        reject();
       });
-    },
-    async sureSubmit (judge) {
-      // 初始化vuex中的state
-      // this.initState();
-      this.actEndTime = new Date().getTime();
-      let ruleReqs = sessionStorage.getItem('ruleReqs')
-      let startTime = sessionStorage.getItem('startTime')
-      let ruleReqsList = JSON.parse(ruleReqs);
-      let lcld = []
-      for (var i = 0; i < this.requires.length; i++) {
-        lcld.push(this.requires[i].judgmentId)
-      }
-      let cid = sessionStorage.getItem('cid')
-      let params = {
-        "assessmentId": this.assessmentId,
-        "classId": this.classId,
-        "curriculumId": +cid,
-        "endTime": this.actEndTime,
-        "lcId": lcld,
-        "projectId": this.projectId,
-        "projectName": this.projectName,
-        "purpose": this.projectManage.experimentTarget,
-        "ruleReqs": ruleReqsList,
-        "startTime": startTime,
-        "submitTime": this.actEndTime,
-        "systemId": this.curSystemId,
-        competitionId: this.competitionId,
-        stageId: this.stageId,
-        teamId: this.teamId,
-        mallId: this.mallId
-      }
-      this.loading = true;
-      submit(params).then((data) => {
-        console.log(4, data)
-        if (data.status == 200) {
-          sessionStorage.setItem('firstLoad2', true)
-          // this.clearStore()
-          const { retMap } = data.data
-          this.reportId = retMap.reportId
-          let firstLoad = null
-          let firstLoad2 = null
-          if (sessionStorage.getItem('firstLoad')) {
-            firstLoad = sessionStorage.getItem('firstLoad')
-          }
-          if (sessionStorage.getItem('firstLoad2')) {
-            firstLoad2 = sessionStorage.getItem('firstLoad2')
-          }
-
-          this.lockIt = true
-          if (this.assessmentId) {
-            this.submitType = true
-          }
-          if (firstLoad) {
-            sessionStorage.setItem('firstLoad', firstLoad)
-          }
-          if (firstLoad2) {
-            sessionStorage.setItem('firstLoad2', firstLoad2)
-          }
+  });
+};
 
+// 获取项目详情
+const getProDetail = () => {
+  return new Promise(async (resolve, reject) => {
+    const res = await getProjectDetail({
+      projectId: projectId.value,
+      stuAssessent: 1,
+    });
+    const points = res.projectJudgmentVos;
+    const project = res.projectManage;
+    // 考核/竞赛
+    if (per.value) {
+      projectList.value = [
+        {
+          projectId: projectId.value,
+          projectName: project.projectName,
+        },
+      ];
+    }
+    curReq.value = points.map((e) => e.judgmentId); // 实验要求默认全部展开，通过judgmentId来选中item
+    points.value = points;
+    taskList.value = points; // 实验任务
+    judgmentId.value = points[0].judgmentId; // 默认取第一个判分点
+    pd.value = project;
+    hintOpen.value = project.founder ? !project.hintOpenBySchool : !project.hintOpen; // 0显示，1不显示，系统跟老师的禁用字段不一样
+    const isPrac = per.value === 0; // 是否是练习
+    text.value = isPrac ? '已用' : '剩余';
+    // 竞赛不需要
+    if (!competitionId.value) {
+      countVal = isPrac ? 0 : (new Date(endTime.value).getTime() - Date.now()) / 1000; // 如果是考核，取考核的结束时间减去当前时间去做倒计时，练习则直接给0做计时
+      startCount();
+    }
+    resolve();
+  });
+};
 
-          let datas = retMap.scoreInfo;
-          let formList = []
-          sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
-          sessionStorage.setItem('accountVoucher', JSON.stringify(formList))
-          sessionStorage.setItem('accountPasswordAll', '')
-          sessionStorage.setItem('submited', 1)
-          let list = this.requires
-          this.grade = retMap.totalScore
-          for (var j = 0; j < list.length; j++) {
-            for (var i = 0; i < datas.length; i++) {
-              if (datas[i].lcId == list[j].judgmentId) {
-                list[j].flag = datas[i].flag
-                list[j].scores = datas[i].questionScore
-                list[j].right = datas[i].calculate
-              }
-            }
-          }
-          this.sss = 0;
-          this.popContainer = true;
-          if (judge) {
-            this.$message({
-              type: 'success',
-              message: '提交成功'
-            });
-          }
-          this.requires.splice(0, this.requires.length, ...list)
-        }
-        this.loading = false
-      }).catch((error) => {
-        this.loading = false
-      })
-    },
-    //开始计时
-    startCountFn () {
-      if (!this.isStart) {
-        // this.countVal = this.countVal ? this.countVal : 0;
-        this.globalTimer = setInterval(() => {
-          if (this.sss == 0) {
-            this.globalTimer = null;
-            clearInterval(this.globalTimer);
-          } else if (this.timestamp) {
-            this.counterFn(this.countVal--);
-          } else {
-            this.counterFn(this.countVal++);
-          }
-        }, 1000);
-        this.isStart = true;
-      }
-    },
-    //倒计时
-    countDown (timestamp) {
-      this.timestamp = timestamp
-      this.sss = 1;
-      this.globalTimer = null;
-      clearInterval(this.globalTimer);
-      this.startCountFn()
-    },
-    counterFn (counterTime) {
-      if (this.timestamp) {
-        let countDown = (new Date(counterTime).getTime() - new Date().getTime()) / 1000
-        if (countDown > 0) {
-          let d = Math.floor(countDown / (60 * 60 * 24));
-          let h = Math.floor(countDown / (60 * 60));
-          let m = Math.floor(countDown % (60 * 60) / 60);
-          let s = Math.floor(countDown % (60 * 60) % 60);
-          this.day = `${d > 9 ? d : `0${d}`}`;
-          this.hour = `${h > 9 ? h : `0${h}`}`;
-          this.minutes = `${m > 9 ? m : `0${m}`}`;
-          this.seconds = `${s > 9 ? s : `0${s}`}`;
-        } else {
-          this.$confirm('此操作将视为结束考试, 是否继续?', '提示', {
-            center: true,
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }).then(() => {
-            this.sureSubmit(true)
+// 设置isSubmit
+// setSubmit(status) {
+//   this.isSubmit = status;
+//   newmain.$emit('isSubmit', status);
+//   Cookie.set('admin-isSubmit', status);
+// },
+// 获取考核列表来查询该考核是否已经考过
+const getAssList = async () => {
+  const { list } = await pageStuAssessment({
+    pageNum: 1,
+    pageSize: 10000,
+  });
+  let done = false;
+  // 匹配到该考核，并且已经提交过（有reportId则说明有实验记录），并且classId跟当前用户的classId相同，就提示提交了考核然后返回上一页
+  if (list.find((e) => e.assessmentId == assessmentId.value && e.reportId && e.classId == classId.value)) {
+    done = true;
+    setSubmit(true);
+    ElMessage.error('你已经提交过该考核！');
+    setTimeout((_) => {
+      window.history.back(); // 直接返回上一页面
+    }, 1500);
+  }
+  statusTimer.value = setInterval((_) => {
+    getAssStatus();
+  }, 1000);
+};
+// 定时查询考核状态（查到考核如果结束后，直接提交考核）
+const getAssStatus = async () => {
+  // 未提交才需要查询状态
+  if (!isSubmit.value) {
+    const { data } = await getDetailById(assessmentId.value);
+    const done = data ? data.status === 2 : false; // 状态(0、待开始 1、进行中 2、已结束)
+    // 如果考核已结束，则清除查询考核状态的定时器，并且自动提交
+    if (done) {
+      clearInterval(statusTimer.value);
+      // this.$alert('考核时间已到，系统已自动交卷', '提示', {
+      //   confirmButtonText: '确定',
+      // });
+      submit();
+    }
+  }
+};
 
-          }).catch(() => {
-            // this.$message({
-            //   type: "info",
-            //   message: "已取消提交"
-            // });
-          });
-          // this.$alert('考试已结束，已自动为您提交。', '提示', {
-          //         confirmButtonText: '确定',
-          //         type: 'warning',
-          //         center: true
-          //     });
-          this.sss = 0
-          this.sureSubmit(true)
-          this.day = '00';
-          this.hour = '00';
-          this.minutes = '00';
-          this.seconds = '00';
-        }
+// 定时查询竞赛状态（查到竞赛如果结束后，直接提交竞赛）
+const getCompetitionStatus = async () => {
+  // 未提交才需要查询状态
+  if (!isSubmit.value) {
+    const { competition } = await getCompetition(competitionId.value);
+    const stages = competition.competitionStage;
+    if (stages) {
+      const stage = stages.find((e) => e.stageId == stageId.value);
+      const endTime = new Date(stage.endTime).getTime();
+      const now = Date.now();
+      // 如果已经结束
+      if (now >= new Date(stage.endTime)) {
+        clearInterval(statusTimer.value);
+        // this.$alert('竞赛时间已到，系统已自动交卷', '提示', {
+        //   confirmButtonText: '确定',
+        // });
+        submit();
       } else {
-        let leave1 = counterTime % (24 * 3600 * 1); //计算天数后剩余的毫秒数
-        let leave2 = leave1 % (3600 * 1); //计算小时数后剩余的毫秒数
-        let leave3 = leave2 % (60 * 1); //计算分钟数后剩余的毫秒数
-        let day = Math.floor(counterTime / (24 * 3600 * 1)); //计算相差天数
-        let hour = Math.floor(leave1 / (3600 * 1)); //计算相差小时
-        let minutes = Math.floor(leave2 / (60 * 1)); //计算相差分钟
-        let seconds = Math.round(leave3 / 1); //计算相差秒
-        day = day >= 10 ? day : "0" + day;
-        hour = hour >= 10 ? hour : "0" + hour;
-        minutes = minutes >= 10 ? minutes : "0" + minutes;
-        seconds = seconds >= 10 ? seconds : "0" + seconds;
-        this.day = day;
-        this.hour = hour;
-        this.minutes = minutes;
-        this.seconds = seconds;
-      }
-    },
-    reload () {
-      this.submitType = false
-      this.lockIt = false
-      this.clearStore()
-      let token = sessionStorage.getItem('token')
-      let cid = sessionStorage.getItem('cid')
-      let systemId = sessionStorage.getItem('systemId')
-      let projectId = sessionStorage.getItem('projectId')
-      let formList = []
-      sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
-      sessionStorage.setItem('accountVoucher', JSON.stringify(formList))
-      sessionStorage.setItem('accountPasswordAll', '')
-      this.setBusinessKey('')
-      let params = {
-        "projectId": projectId,
-      }
-      this.selectProjects(params)
-      this.popContainer = false
-      this.sss = 1
-      this.startCountFn();
-      deleteCache().then((data) => {
-
-      }).catch(() => {
-
-      })
-      this.globalTimer = "";
-      this.countVal = "";
-      this.day = "00";
-      this.seconds = "00";
-      this.minutes = "00";
-      this.hour = "00";
-      this.grade = '00'
-      this.$router.push('/index/list')
-      this.getBeginTime()
-    },
-
-    checkVer () {
-      let data = {
-        userId: this.userId,
-        id: this.assessmentId
-      }
-      this.$get(this.api.qualifications, data).then(res => {
-        if (res.message == 'false') {
-          this.isSubmit = true;
-        }
-      });
-    },
-    // 倒计时
-    timeFormat (param) {
-      return param < 10 ? "0" + param : param;
-    },
-    toggleCase () {
-      if (this.submitType) return
-      // if (!this.lockIt) {
-      this.$emit('update:showIt', !this.showIt)
-      // } else {
-      // this.closePaneJudge = true
-      // }
-
-      // this.caseVisible = !this.caseVisible
-    },
-    collapse () {
-
-    },
-    passToParent (data) {
-      this.$emit("getDataFromChild", data);
-    },
-    getCookie (cookie_name) {
-      //获取cookie中指定key的value
-      var allcookies = document.cookie; //索引长度，开始索引的位置
-      var cookie_pos = allcookies.indexOf(cookie_name); //如果找到了索引，就代表cookie存在,否则不存在
-      if (cookie_pos != -1) {
-        //把cookie_pos放在值的开始，只要给值加1即可
-        //计算取cookie值得开始索引，加的1为“=”
-        cookie_pos = cookie_pos + cookie_name.length + 1; //计算取cookie值得结束索引
-        var cookie_end = allcookies.indexOf(";", cookie_pos);
-        if (cookie_end == -1) {
-          cookie_end = allcookies.length;
-        } //得到想要的cookie的值
-        var value = unescape(allcookies.substring(cookie_pos, cookie_end));
+        // 没结束，则显示倒计时（竞赛才需要通过定时调接口来显示倒计时，因为中台可以修改结束时间，所以需要时刻获取最新的结束时间）
+        counter((endTime - now) / 1000);
       }
-      return value;
     }
   }
 };
+// 项目选择回调
+const selectProject = () => {
+  isSelected.value = true;
+  getProDetail();
+  // setSubmit(false);
+  countVal.value = 0;
+  grade.value = '00';
+  pannelTab.value = 'first';
+  clearReport();
+};
+// 重新开始
+const reload = () => {
+  reloadCount();
+  grade.value = '00';
+  // this.setSubmit(false);
+  startCount();
+};
+// 提交
+const submit = () => {
+  ElMessageBox.confirm('此操作将视为结束考试，是否继续？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {})
+    .catch(() => {});
+
+  // if (isSubmit.value) return false;
+  // const date = new Date();
+  // const timeSum = Math.ceil((date.getTime() - entryTime.getTime()) / 60000); // 计算实验用时（分钟），向上取整
+  // const submitTime = util.formatDate('yyyy-MM-dd hh:mm:ss', date);
+  // const { projectId } = this;
+  // const pro = this.projectList.find((e) => e.projectId == projectId);
+  // const projectName = pro ? pro.projectName : ''; // 获取项目名称
+  // this.reloadCount();
+  // // 判分点参数
+  // const attributesReqList = [];
+  // pointList.map((e) => {
+  //   attributesReqList.push({
+  //     codeId: e.codeId,
+  //     bcId: e.judgmentId,
+  //     isSubmit: e.codeId ? 1 : 0,
+  //     answer: e.answer,
+  //     retResult: e.retResult,
+  //   });
+  // });
+  // const data = {
+  //   classId: this.classId ? this.classId : '',
+  //   className: this.className ? this.className : '',
+  //   curriculumId: this.courseId,
+  //   startTime: this.per ? this.startTime : util.formatDate('yyyy-MM-dd hh:mm:ss', entryTime), // 开始时间（考核：直接从职站取考核的开始时间；练习：取页面进入的时间）
+  //   endTime: this.per ? this.endTime : submitTime, // 结束时间（考核：直接从职站取考核的结束时间；练习：取提交时间）
+  //   submitTime, // 提交时间，即当前时间（这3个时间都是传完整的日期时间格式）
+  //   timeSum,
+  //   projectId,
+  //   projectName,
+  //   assessmentId: this.assessmentId ? this.assessmentId : '',
+  //   totalScore: 100, // 判分点总分固定为100
+  //   systemId: this.curSystemId,
+  //   purpose: this.pd.experimentTarget, // 实验目的
+  //   attributesReqList,
+  //   competitionId: this.competitionId,
+  //   stageId: this.stageId,
+  //   teamId: this.teamId,
+  //   mallId: this.mallId,
+  // };
+  // this.$post(this.api.submit, data)
+  //   .then(({ retInfo, reportId }) => {
+  //     localStorage.removeItem('codeCache');
+  //     this.setSubmit(true);
+  //     clearInterval(this.statusTimer);
+  //     this.reportVisible = false;
+  //     const list = retInfo;
+  //     const { taskList } = this;
+  //     let score = 0;
+  //     // 给判分列表添加分数和运行结果
+  //     taskList.map((e) => {
+  //       const item = list.find((n) => n.judgmentPointsId === e.judgmentId);
+  //       if (item) {
+  //         e.examScore = item.score;
+  //         e.finishedResult = item.finishedResult; // 1：正确，2：错误
+  //       } else {
+  //         e.examScore = 0;
+  //       }
+  //       score += e.examScore; // 计算总分
+  //     });
+  //     this.grade = util.handleZero(score); // 前置加0(竞赛不显示分数)
+  //     this.reportId = reportId;
+  //     this.$store.commit('setReportId', reportId);
+  //     this.$store.commit('setTaskList', taskList);
+  //     this.editReport(reportId);
+  //     // 如果是竞赛，并且勾选了公布成绩详情的选项，则弹框提示
+  //     this.competitionId &&
+  //       this.resultsDetails == 0 &&
+  //       this.$alert(`提交成功${this.resultAnnouncementTime != 0 ? `，成绩将在${this.resultAnnouncementTime}小时后发布，请去参赛信息模块查看` : ''}`, '提示', {
+  //         confirmButtonText: '确定',
+  //         callback: (action) => {
+  //           this.$parent.back();
+  //         },
+  //       });
+  //   })
+  //   .catch((err) => {});
+};
+// 倒计时
+const timeFormat = (num: number): string | number => {
+  return num < 10 ? `0${num}` : num;
+};
+// 清除时间
+const reloadCount = () => {
+  clearInterval(counterTimer.value);
+  countVal.value = '';
+  day.value = '00';
+  seconds.value = '00';
+  minutes.value = '00';
+  hour.value = '00';
+};
+// 计时器（考核是倒计时，练习是计时）
+const counter = (counterTime: number) => {
+  const leave1 = counterTime % (24 * 3600); // 计算天数后剩余的毫秒数
+  const leave2 = leave1 % 3600; // 计算小时数后剩余的毫秒数
+  const leave3 = leave2 % 60; // 计算分钟数后剩余的毫秒数
+
+  day.value = timeFormat(Math.floor(counterTime / (24 * 3600)));
+  hour.value = timeFormat(Math.floor(leave1 / 3600));
+  minutes.value = timeFormat(Math.floor(leave2 / 60));
+  seconds.value = timeFormat(Math.round(leave3));
+};
+// 启动倒计时
+const startCount = () => {
+  clearInterval(counterTimer.value);
+  counterTimer.value = setInterval(() => {
+    counter(per.value ? countVal.value-- : countVal.value++);
+  }, 1000);
+};
 </script>
 
 <style lang="scss" scoped>
-$togetherFontSize: 16px;
-
-/deep/ .el-tab-pane {
-    font-size: 1rem !important;
+.el-main {
+  width: 60%;
+  background-color: #fff;
+  color: #333;
+  padding: 0;
+  font-size: 16px;
+  margin: 0px 20px 10px 10px;
+  white-space: pre-wrap;
+  overflow: hidden;
 }
-
-.scrollbar {
-    z-index: 100000000;
+.panel-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .project {
+    display: inline-flex;
+    align-items: center;
+    width: 28%;
+  }
+  .item {
+    font-size: 16px;
+    margin: 0 10px;
+    padding: 20px 0;
+  }
+  .count {
+    margin-left: -40px;
+    span {
+      padding: 5px 15px;
+      margin: 0 5px;
+      color: #333;
+      font-size: 14px;
+      text-align: center;
+      background: #fff;
+      border-radius: 18px;
+    }
+  }
+  .total-score {
+    padding: 10px;
+    font-size: 14px;
+    text-align: center;
+    border-radius: 6px;
+  }
+  .submit {
+    width: 106px;
+    font-size: 16px;
+  }
+  .reload {
+    color: #d0d0d0;
+    font-size: 16px;
+    background-color: #202020;
+  }
 }
-
-.popContainer {
-    position: absolute;
-    width: 100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
-    height: 100%;
-    z-index: 1000;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.3);
+/deep/.des {
+  font-size: 16px;
+  font-family: 'Microsoft YaHei';
+  img {
+    max-width: 100%;
+  }
 }
-/deep/.el-container {
-    height: 80%;
-    &.is-vertical {
-        position: fixed;
-        top: 200px;
-        bottom: 20px;
-        left: 0;
-        width: 85%;
-        height: 70%;
-        background-color: #f5f5f5;
-        z-index: 1001;
-    }
-    .el-header {
-        color: #333;
-        padding: 0 12px 0 20px;
-
-        .el-button {
-            background-color: $main-color;
-            color: #fff;
-            border: none;
-            margin: 5px 0px 5px 5px;
-            font-size: 16px;
-        }
-
-        .submit-btn {
-            padding-left: 30px;
-            padding-right: 30px;
-            background: $main-color url(../../assets/img/case/btn.png) 0 0/100% 100% no-repeat;
-        }
-    }
-    .el-aside {
-        font-size: $togetherFontSize;
-        color: #333;
-        [class*=' el-icon-'],
-        [class^='el-icon-'] {
-            line-height: 40px;
-            font-size: 16px;
-            font-size: $togetherFontSize;
-        }
-    }
-    .el-main {
-        width: 60%;
-        background-color: #fff;
-        color: #333;
-        padding: 0;
-        font-size: $togetherFontSize;
-        margin: 0px 20px 10px 10px;
-        white-space: pre-wrap;
-        background: #fff url(../../assets/img/case/bg.png) top right no-repeat;
-        // overflow: visible;
-    }
-    .aside-header {
-        margin: 0px 10px 10px 10px;
-        background-color: #fff;
-        font-size: 0.875rem;
-    }
-    .aside-footer {
-        margin: 0px 10px 10px 10px;
-        background-color: #fff;
-    }
-    .header_h {
-        height: 40px;
-        background: url(../../assets/img/case/header.png) 0 0/100% 100% no-repeat;
-        justify-content: center;
-        i {
-            color: #fff;
-        }
-        p {
-            line-height: 40px;
-            font-size: 16px;
-            color: #fff;
-            padding-left: 10px;
-        }
-    }
-    .el-card {
-        border: 0;
-        border-radius: 0;
-        .el-card__body {
-            padding: 0;
-        }
-    }
-    .select {
-        flex: 1;
-        input::-webkit-input-placeholder {
-            color: #333;
-        }
-        .el-input__icon {
-            line-height: 60px;
-        }
-        .el-select__caret:before {
-            content: '\e78f';
-            font-size: 16px;
-            padding: 3px;
-            background-color: $main-color;
-            border-radius: 50%;
-            color: #ffffff;
-        }
-        .el-input--suffix .el-input__inner {
-            color: #333;
-            font-size: $togetherFontSize;
-            border-radius: 30px;
-            border: none;
-            background-color: #fff;
-            margin-left: 15px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-        .el-input {
-            padding: 10px 0;
-        }
-    }
-
-    .font_css {
-        margin: 0 10px;
-        text-indent: 2em;
-        font-size: $togetherFontSize;
-        padding: 10px 0;
-    }
-
-    .countDownBox {
-        font-size: $togetherFontSize;
-        margin: 0 10px;
-        padding: 20px 0;
-    }
-    .timeSpan {
-        color: #333333;
-        padding: 5px 15px;
-        font-size: $togetherFontSize;
-        background: #ffffff;
-        border-radius: 18px;
-        margin: 0 5px;
-        text-align: center;
-    }
-    .gradeSpan {
-        color: #878787;
-        padding: 10px;
-        font-size: $togetherFontSize;
-        background: #e0e0e0;
-        border-radius: 6px;
-        text-align: center;
-    }
-    .el-header /deep/.el-button:hover,
-    .el-button:focus,
-    .el-button:active {
-        background-color: $main-color;
-        color: #fff;
-    }
-
-    /deep/.el-table {
-        font-size: 12px;
-        thead {
-            color: #fff;
-        }
-        .el-table__cell {
-            padding: 12px 0;
-        }
-        .cell {
-            font-weight: 100;
-            font-size: 12px;
-        }
-        td,
-        th.is-leaf {
-            border-bottom: 0 !important;
-        }
-    }
-
-    .el-table__header-wrapper {
-        thead {
-            color: #ffffff;
-            font-size: 12px;
-            th {
-                font-weight: 100;
-            }
-        }
-        th,
-        tr {
-            background-color: #badfff;
-        }
-    }
-    .el-table__row--striped {
-        td {
-            background-color: #badfff !important;
-        }
-    }
-    /deep/ .el-collapse {
-        font-size: 0.875rem;
-    }
-    .el-collapse-item__content {
-        padding-left: 10px;
-        padding-right: 10px;
-        font-size: $togetherFontSize;
-    }
-    .el-collapse-item__wrap {
-        border-bottom: none;
-    }
-    /deep/.el-collapse-item__header {
-        font-size: 1rem;
-
-        border-bottom: none;
-    }
-    .el-tabs__content {
-        margin: 0 20px;
-    }
-    .el-icon-s-ticket:before {
-        font-size: togetherFontSize;
-        //padding: 5px;
-        color: $main-color;
-    }
-    .el-collapse-item__arrow {
-        margin: 0 5px 0 0;
-    }
-    .el-icon-arrow-right:before {
-        font-size: 12px;
-        font-size: $togetherFontSize;
-        //padding: 1px;
-        //margin-left: 10px;
-        background-color: $main-color;
-        border-radius: 50%;
-        color: #ffffff;
-    }
-    .el-tabs__item {
-        font-size: 16px;
-    }
-    .el-tabs--card > .el-tabs__header .el-tabs__nav {
-        border: none;
-    }
-    .el-tabs--card > .el-tabs__header .el-tabs__item {
-        border-left: none;
-    }
-    .el-tabs--card > .el-tabs__header {
-        border-bottom: none;
-    }
-    .el-collapse {
-        border-bottom: none;
-        border-top: none;
-        height: calc(100vh - 422px);
-        overflow: hidden;
-        overflow-y: auto;
-    }
-    /deep/.el-collapse-item {
-        font-size: $togetherFontSize;
-        background-color: red;
-        color: red;
-    }
-    .el-tabs__item.is-active {
-        color: #fff;
-        background-color: $main-color;
-    }
-    .el-tabs__header {
-        padding: 5px 20px;
-    }
+/deep/.el-collapse-item__wrap {
+  border-bottom: none;
+}
+/deep/.el-collapse-item__header {
+  border-bottom: none;
 }
-.break-all {
+/deep/.el-icon-s-ticket:before {
+  padding: 5px;
+  font-size: 16px;
+}
+/deep/.el-collapse-item__arrow {
+  margin: 0 5px 0 0;
+}
+/deep/.info-tab.el-tabs--card {
+  .el-tabs__item {
+    font-size: 16px;
+  }
+  .el-tabs__item.is-active {
+    color: #fff;
+  }
+  .el-tabs__header .el-tabs__nav {
+    border: none;
+  }
+  .el-tabs__header .el-tabs__item {
+    border-left: none;
+  }
+  .el-tabs__header {
+    padding: 5px 20px;
+    border-bottom: none;
+  }
+  & > .el-tabs__content {
+    margin: 0 20px;
+    max-height: calc(60vh - 70px);
+    overflow: auto;
+  }
+}
+/deep/.el-collapse {
+  border-bottom: none;
+  border-top: none;
+}
+.el-aside {
+  margin-bottom: 10px;
+  color: #333;
+  background-color: #fff;
+}
+.el-aside /deep/[class*=' el-icon-'],
+[class^='el-icon-'] {
+  line-height: 40px;
+  font-size: 16px;
+}
+.aside-header {
+  margin: 0px 10px 10px 10px;
+  background-color: #fff;
+}
+.aside-footer {
+  margin: 0px 10px 10px 10px;
+  background-color: #fff;
+}
+.p-title {
+  display: flex;
+  justify-content: center;
+  height: 40px;
+  &.system4 {
+    background-size: 100% 58px;
+  }
+  &.system7,
+  &.system9 {
+    background-size: 100% 40px;
+  }
+  &.system8,
+  &.system6 {
+    background-size: 100% 61px;
+  }
+  p {
+    padding-left: 10px;
+    line-height: 40px;
+    font-size: 16px;
+    color: #fff;
+  }
+  i {
+    color: #fff;
+  }
+}
+/deep/.el-card__body {
+  padding: 0;
+}
+/deep/.task-table {
+  font-size: 12px;
+  thead {
+    color: #fff;
+    font-size: 10px;
+  }
+  th > .cell {
+    font-weight: 100;
+  }
+  td,
+  th.is-leaf {
+    border-bottom: 0 !important;
+  }
+  .el-table__cell {
+    padding: 6px 0;
+  }
+}
+.goal {
+  padding: 10px 0;
+  margin: 0 10px;
+  font-size: 14px;
+}
+/deep/.select {
+  .el-select__caret:before {
+    content: '\e78f';
+    padding: 3px;
     font-size: 16px;
-    word-break: break-all;
+    color: #fff;
+    border-radius: 50%;
+  }
+  .el-input__icon {
+    line-height: 60px;
+  }
+  .el-input {
+    padding: 10px 0;
+  }
+  .el-input--suffix .el-input__inner {
+    height: 40px !important;
+    padding-right: 50px;
+    margin-left: 15px;
+    color: #333;
+    font-size: 14px;
+    border-radius: 30px;
+    border: none;
+    background-color: #fff;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
 .panel {
-    position: fixed;
-    z-index: 10010000;
-    top: 50%;
+  z-index: 1000;
+  position: relative;
+  top: 200px;
+  bottom: 20px;
+  left: 0;
+  width: 0;
+  height: 0;
+  .toggle-panel {
+    position: absolute;
+    top: 60%;
     &.active {
-        //z-index: 10;
-        left: 85%;
-        z-index: 1001;
+      left: 100%;
     }
     img {
-        height: 175px;
-        cursor: pointer;
+      height: 150px;
     }
+  }
+  &.active {
+    position: fixed;
+    width: 85%;
+    height: 70%;
+    .toggle-panel {
+      top: 38%;
+    }
+  }
+}
+/deep/.el-container {
+  height: 100%;
+  &.is-vertical {
+    background-color: #f5f5f5;
+  }
+}
+.right {
+  color: #00af00;
+  font-size: 20px;
+}
+.wrong {
+  color: #f00;
+  font-size: 20px;
+}
+.info {
+  color: #bfbfbf;
+  cursor: pointer;
+  &:hover {
+    opacity: 0.9;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/permission.ts b/src/permission.ts
index 4fbc142..ca66c5c 100644
--- a/src/permission.ts
+++ b/src/permission.ts
@@ -3,7 +3,6 @@ import 'nprogress/nprogress.css'; // progress bar style
 import { RouteLocationNormalized } from 'vue-router';
 import getPageTitle from '@/utils/getPageTitle';
 import { getAccessToken } from '@/utils/auth'; // get token from cookie
-import { hasCurrentUser, fetchCurrentUser, hasPermission } from '@/store/useCurrentUser';
 import router from './router';
 
 NProgress.configure({ showSpinner: false }); // NProgress Configuration
@@ -20,19 +19,6 @@ router.beforeEach(async (to: RouteLocationNormalized) => {
     NProgress.start();
     return true;
   }
-  // 需要权限
-  const toLogin = `${LOGIN_PATH}?redirect=${to.path}`;
-  // 未登录，跳转到登录页面
-  if (!isLogin) return toLogin;
-  NProgress.start();
-  if (!hasCurrentUser()) {
-    const user = await fetchCurrentUser();
-    // 没有获取到当前用户数据，代表accessToken已经失效，需要重新登录。
-    if (!user) {
-      NProgress.done();
-      return toLogin;
-    }
-  }
   // 没有权限
   if (!hasPermission(to.meta?.requiresPermission)) {
     NProgress.done();
diff --git a/src/router/index.ts b/src/router/index.ts
index 5a5bfdc..81d2d3a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,5 @@
 import { Component } from 'vue';
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
-import { Document, Tools, UserFilled, Operation } from '@element-plus/icons-vue';
 import Layout from '@/layout/index.vue';
 
 declare module 'vue-router' {
@@ -8,11 +7,9 @@ declare module 'vue-router' {
     hidden?: boolean;
     title?: string;
     icon?: Component;
-    // requiresPermission?: string;
   }
 }
 export const routes: Array<RouteRecordRaw> = [
-  // { path: '/product', component: () => import('@/views/product/index.vue'), meta: { hidden: true } },
   { path: '/404', component: () => import('@/views/404.vue'), meta: { hidden: true } },
   { path: '/403', component: () => import('@/views/403.vue'), meta: { hidden: true } },
   {
diff --git a/src/store/useCurrentUser.ts b/src/store/useCurrentUser.ts
index ca47185..124c661 100644
--- a/src/store/useCurrentUser.ts
+++ b/src/store/useCurrentUser.ts
@@ -1,6 +1,5 @@
 import { reactive, readonly } from 'vue';
 import { RouteRecordRaw } from 'vue-router';
-import { accountLogin, accountRefreshToken, LoginParam, queryCurrentUser } from '@/api/login';
 import { setAccessToken, removeAccessToken, setAccessAt, setSessionTimeout, removeSessionTimeout } from '@/utils/auth';
 
 export interface CurrentUser {
@@ -13,38 +12,9 @@ export interface CurrentUser {
 
 const state = reactive<CurrentUser>({});
 
-const setCurrentUser = (user: CurrentUser): void => {
-  Object.assign(state, user);
-};
-
-export const currentUser = readonly(state);
-
-export const login = async (params: LoginParam): Promise<any> => {
-  const data = await accountLogin(params);
-  if (data.status === 0) {
-    const { result } = data;
-    const now = new Date().getTime();
-    setAccessToken(result.accessToken);
-    setSessionTimeout(result.sessionTimeout);
-    setAccessAt(now);
-  }
-  return data;
-};
-
 export const logout = (): void => {
   removeAccessToken();
   removeSessionTimeout();
-  setCurrentUser({});
-};
-
-export const fetchCurrentUser = async (): Promise<any> => {
-  const user = await queryCurrentUser();
-  if (user) {
-    setCurrentUser({ username: user.username, avatar: user.avatar, permissions: user.permissions, loginDate: user.loginDate, loginIp: user.loginIp });
-  } else {
-    removeAccessToken();
-  }
-  return user;
 };
 
 export const hasCurrentUser = (): boolean => state.username !== undefined;
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 7af7358..fee160c 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -58,12 +58,14 @@
            alt="" />
       <div class="absolute bottom-2 right-1 w-[262px] h-[74px] bg-[url('@/assets/images/level/submit.png')] bg-[length:100%_100%] bg-no-repeat cursor-pointer hover:bg-[url('@/assets/images/level/submit-hover.png')]"></div>
     </div>
+    <!-- <Panel /> -->
   </div>
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import { checkPointList } from '@/api/judgment';
+import Panel from '@/components/Panel';
 
 const collected = ref<boolean>(false);
 const levels = ref<Record<string, any>[]>([]);
diff --git a/src/views/Login.vue b/src/views/Login.vue
deleted file mode 100644
index 6262e97..0000000
--- a/src/views/Login.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div class="h-full p-3 bg-gray-100">
-    <el-form ref="form" :model="bean" class="mx-auto md:max-w-xs">
-      <h3 class="py-5 text-center text-3xl font-bold text-primary">UJCMS</h3>
-      <el-alert v-if="error" :title="error" type="error" class="mb-3" :closable="false" show-icon />
-      <el-form-item prop="username" :rules="[{ required: true, message: () => $t('v.required') }]">
-        <el-input ref="username" v-model="bean.username" type="text" name="username" :placeholder="$t('username')" :prefix-icon="User" autocomplete="on" />
-      </el-form-item>
-      <el-form-item prop="password" :rules="[{ required: true, message: () => $t('v.required') }]">
-        <el-input ref="password" v-model="bean.password" type="password" name="password" :placeholder="$t('password')" :prefix-icon="Lock" show-password />
-      </el-form-item>
-      <el-button type="primary" native-type="submit" class="w-full" :loading="loading" @click.prevent="handleLogin">{{ $t('login') }}</el-button>
-    </el-form>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watchEffect } from 'vue';
-import { LocationQueryValue, useRoute, useRouter } from 'vue-router';
-import { User, Lock } from '@element-plus/icons-vue';
-import { login } from '@/store/useCurrentUser';
-
-const form = ref<any>();
-const bean = ref<any>({});
-const error = ref<string | null>(null);
-const loading = ref<boolean>(false);
-const redirect = ref<string | null>(null);
-const route = useRoute();
-const router = useRouter();
-if (import.meta.env.MODE === 'development') {
-  bean.value = { username: 'admin', password: 'password' };
-} else if (import.meta.env.MODE === 'staging') {
-  bean.value = { username: 'demo', password: '123' };
-}
-
-watchEffect(() => {
-  redirect.value = route.query.redirect as LocationQueryValue;
-});
-
-const handleLogin = () => {
-  form.value.validate(async (valid: boolean) => {
-    if (!valid) return;
-    loading.value = true;
-    try {
-      const data = await login(bean.value);
-      // 登录失败，显示错误信息
-      if (data.status !== 0) {
-        error.value = data.message;
-        return;
-      }
-      if (redirect.value) {
-        router.push(redirect.value);
-      } else {
-        // 从 403 页面跳转到登录页面时，使用 router.push 会继续回到 403 页面，可能是页面缓存所致
-        window.location.reload();
-      }
-    } finally {
-      loading.value = false;
-    }
-  });
-};
-</script>