From fb0d9b519eb1831f75e394ad72d814c05fbd3ec6 Mon Sep 17 00:00:00 2001
From: lixg <lixg@dongwu-inc.com>
Date: Tue, 13 Dec 2022 18:59:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9padding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                               |  28 +-
 src/views/ballot/BallotPage.vue           |   2 +-
 src/views/discuss/DiscussPage.vue         |   2 +-
 src/views/discussdetail/DiscussDetail.vue |   4 +-
 src/views/examination/ExamPage.vue        |   2 +-
 src/views/faceteach/FaceTeach.vue         |  87 +++---
 src/views/homework/HomeworkPage.vue       |   6 +-
 src/views/liveBroadcast/LiveBroadcast.vue | 127 ++++----
 src/views/moreActive/MoreActive.vue       |   8 +-
 src/views/project/ProjectDetails.vue      | 345 +++++++++++-----------
 src/views/starttest/StartTest.vue         |   2 +-
 src/views/survey/SurveyDetail.vue         |   2 +-
 src/views/testscore/TestScore.vue         |   2 +-
 13 files changed, 307 insertions(+), 310 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8ff28f4..8fac1c0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,25 +2,25 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-21 17:28:10
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-12-13 18:20:41
+ * @LastEditTime: 2022-12-13 18:56:24
  * @FilePath: /fe-stu/src/App.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
   <div id="container">
-<!--    <div id="nav">-->
-<!--      <router-link-->
-<!--        v-for="item in routes"-->
-<!--        :key="item.path"-->
-<!--        :to="item.path"-->
-<!--        :class="{-->
-<!--          link: true,-->
-<!--          active: name === item.name,-->
-<!--        }"-->
-<!--      >-->
-<!--        {{ item.name }}-->
-<!--      </router-link>-->
-<!--    </div>-->
+    <div id="nav">
+      <router-link
+        v-for="item in routes"
+        :key="item.path"
+        :to="item.path"
+        :class="{
+          link: true,
+          active: name === item.name,
+        }"
+      >
+        {{ item.name }}
+      </router-link>
+    </div>
     <main>
       <router-view />
     </main>
diff --git a/src/views/ballot/BallotPage.vue b/src/views/ballot/BallotPage.vue
index b7ed9c9..1e07733 100644
--- a/src/views/ballot/BallotPage.vue
+++ b/src/views/ballot/BallotPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="moreactive">
+  <div class="moreactive" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div class="crumb">
       <div>混合制项目</div>
diff --git a/src/views/discuss/DiscussPage.vue b/src/views/discuss/DiscussPage.vue
index 3cfca58..5f1620c 100644
--- a/src/views/discuss/DiscussPage.vue
+++ b/src/views/discuss/DiscussPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="surveydetail">
+  <div class="surveydetail" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div
       style="display: flex; align-items: center; justify-content: space-between"
diff --git a/src/views/discussdetail/DiscussDetail.vue b/src/views/discussdetail/DiscussDetail.vue
index 6d07bc9..5e2fc7c 100644
--- a/src/views/discussdetail/DiscussDetail.vue
+++ b/src/views/discussdetail/DiscussDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="surveydetailpage">
+  <div class="surveydetailpage" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div
       style="display: flex; align-items: center; justify-content: space-between"
@@ -39,7 +39,7 @@
         <div class="title">
           {{ disDetail.projectName }}
         </div>
-<!--        <button class="btn">回复</button>-->
+        <!--        <button class="btn">回复</button>-->
       </div>
 
       <div class="line clearfix">
diff --git a/src/views/examination/ExamPage.vue b/src/views/examination/ExamPage.vue
index efd73ff..e3ac65b 100644
--- a/src/views/examination/ExamPage.vue
+++ b/src/views/examination/ExamPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="surveydetail">
+  <div class="surveydetail" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div
       style="display: flex; align-items: center; justify-content: space-between"
diff --git a/src/views/faceteach/FaceTeach.vue b/src/views/faceteach/FaceTeach.vue
index 045e63f..9c0b622 100644
--- a/src/views/faceteach/FaceTeach.vue
+++ b/src/views/faceteach/FaceTeach.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="faceteach">
+  <div class="faceteach" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div class="crumb">
       <div>课程列表</div>
@@ -14,8 +14,8 @@
         <div class="title">【面授课】{{ data.planDto?.name }}</div>
         <div class="time" style="margin-top: 26px">
           <img
-              style="width: 15px; height: 17px"
-              src="../../assets/image/time.png"
+            style="width: 15px; height: 17px"
+            src="../../assets/image/time.png"
           />
           <div style="margin-left: 8px">
             {{ data.offcourseDto?.publishTime }}
@@ -23,13 +23,15 @@
         </div>
         <div class="time" style="margin-top: 23px">
           <img
-              style="width: 16px; height: 18px"
-              src="../../assets/image/position.png"
+            style="width: 16px; height: 18px"
+            src="../../assets/image/position.png"
           />
           <div style="margin-left: 8px">{{ data.planDto?.address }}</div>
         </div>
       </div>
-      <div class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag">评估</div>
+      <div class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag">
+        评估
+      </div>
     </div>
     <!-- 基本信息 -->
 
@@ -40,8 +42,8 @@
           <div class="" style="margin-left: 48px; margin-right: 48px">
             <div class="title">
               <img
-                  style="width: 20px; height: 20px"
-                  src="../../assets/image/course.png"
+                style="width: 20px; height: 20px"
+                src="../../assets/image/course.png"
               />
               <div class="text">课程详情</div>
               <div class="box"></div>
@@ -55,16 +57,16 @@
           <el-tabs v-model="activeName" @tab-click="handleClick">
             <el-tab-pane label="课程附件" name="first">
               <div
-                  v-for="(el, index) in data.planDto?.attach.split(',')"
-                  :key="index"
-                  v-if="data.planDto"
-                  class="enclosure"
-                  :style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }"
+                v-for="(el, index) in data.planDto?.attach.split(',')"
+                :key="index"
+                v-if="data.planDto"
+                class="enclosure"
+                :style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }"
               >
                 <div class="enclosureL">
                   <FileTypeImg
-                      v-model="data.planDto.attach.split(',')[index]"
-                      :style="{
+                    v-model="data.planDto.attach.split(',')[index]"
+                    :style="{
                       width: '22px',
                       height: '26px',
                       marginLeft: '10px',
@@ -74,8 +76,8 @@
                 </div>
                 <div class="download">
                   <img
-                      style="width: 16px; height: 15px"
-                      src="../../assets/image/download.png"
+                    style="width: 16px; height: 15px"
+                    src="../../assets/image/download.png"
                   />
                   <div style="margin-left: 5px" @click="download(el)">下载</div>
                 </div>
@@ -90,11 +92,7 @@
                     <div class="tag3" style="margin-left: 11px">作业</div>
                   </div>
                 </div>
-                <div
-                    class="submit"
-                    @click="toWork"
-                    v-if="data.workDto?.workId"
-                >
+                <div class="submit" @click="toWork" v-if="data.workDto?.workId">
                   提交
                 </div>
               </div>
@@ -107,8 +105,8 @@
                   </div>
                   <div style="margin-top: 16px; display: flex">
                     <div
-                        class="tag1"
-                        v-if="data.examinationDto?.examinationFlag"
+                      class="tag1"
+                      v-if="data.examinationDto?.examinationFlag"
                     >
                       必修
                     </div>
@@ -126,15 +124,15 @@
       <div class="teacher">
         <div class="title">
           <img
-              style="width: 21px; height: 23px"
-              src="../../assets/image/livelecturer.png"
+            style="width: 21px; height: 23px"
+            src="../../assets/image/livelecturer.png"
           />
           <div class="text">直播讲师</div>
           <div class="box"></div>
         </div>
         <!--        todo #面授课接口 讲师缺少img和介绍-->
         <div class="teacheritem">
-          <img class="peopleimg" :src="userAvatar"/>
+          <img class="peopleimg" :src="userAvatar" />
           <div style="margin-left: 17px; width: 190px">
             <div class="teacherName" style="margin-right: 5px">
               {{ data.planDto?.teacher }}
@@ -150,27 +148,29 @@
 </template>
 
 <script setup>
-import {computed, reactive, toRefs, watch} from "vue";
+import { computed, reactive, toRefs, watch } from "vue";
 import FileTypeImg from "@/components/FileTypeImg.vue";
-import {request, useRequest} from "@/api/request";
-import {STU_OFFCOURSE_DETAIL} from "@/api/api";
-import {useRoute, useRouter} from "vue-router";
-import {useUserInfo} from "@/api/utils";
+import { request, useRequest } from "@/api/request";
+import { STU_OFFCOURSE_DETAIL } from "@/api/api";
+import { useRoute, useRouter } from "vue-router";
+import { useUserInfo } from "@/api/utils";
 
 const router = useRouter();
 const {
-  query: {courseId, type},
+  query: { courseId, type },
 } = useRoute();
 
-const {data} = useRequest(STU_OFFCOURSE_DETAIL, {courseId});
+const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
 
-const {avatar: userAvatar} = useUserInfo(computed(() => data.value?.planDto?.teacherId))
+const { avatar: userAvatar } = useUserInfo(
+  computed(() => data.value?.planDto?.teacherId)
+);
 
 const state = reactive({
   activeName: "first",
   enclosure: "",
 });
-const {activeName, enclosure} = toRefs(state);
+const { activeName, enclosure } = toRefs(state);
 const handleClick = (tab, event) => {
   console.log(tab, event);
 };
@@ -179,18 +179,25 @@ const download = (url) => {
 };
 
 function toSurvery() {
-  router.push({path: "/surveydetail", query: {courseId: data.value.planDto.evaluateId}})
+  router.push({
+    path: "/surveydetail",
+    query: { courseId: data.value.planDto.evaluateId },
+  });
 }
 
 function toWork() {
   router.push({
     path: "/homeworkpage",
-    query: {courseId: data.value.workDto.workId, id: data.value.offcourseDto.categoryId, type}
-  })
+    query: {
+      courseId: data.value.workDto.workId,
+      id: data.value.offcourseDto.categoryId,
+      type,
+    },
+  });
 }
 
 function toExamItem(obj) {
-  router.push({path: "/starttest", query: {id: obj.courseId}});
+  router.push({ path: "/starttest", query: { id: obj.courseId } });
 }
 </script>
 
diff --git a/src/views/homework/HomeworkPage.vue b/src/views/homework/HomeworkPage.vue
index b23ce14..ceb99ae 100644
--- a/src/views/homework/HomeworkPage.vue
+++ b/src/views/homework/HomeworkPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="homework">
+  <div class="homework" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div class="crumb">
       <div>混合制项目</div>
@@ -269,10 +269,10 @@ const { textarea1 } = toRefs(state);
 const router = useRouter();
 
 const {
-  query: { courseId: workId, type,id: taskId },
+  query: { courseId: workId, type, id: taskId },
 } = useRoute();
 
-const { data } = useRequest(TASK_WORK_DETAIL, { workId,taskId });
+const { data } = useRequest(TASK_WORK_DETAIL, { workId, taskId });
 const { data: submitList } = useRequest(TASK_WORK_SUBMIT_LIST, { workId });
 
 const handleClick = () => {
diff --git a/src/views/liveBroadcast/LiveBroadcast.vue b/src/views/liveBroadcast/LiveBroadcast.vue
index be97c53..56cb837 100644
--- a/src/views/liveBroadcast/LiveBroadcast.vue
+++ b/src/views/liveBroadcast/LiveBroadcast.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="moreactive">
+  <div class="moreactive" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div class="crumb">
       <div>混合制项目</div>
@@ -23,15 +23,15 @@
         <div class="title">【直播】{{ data?.liveName }}</div>
         <div class="time" style="margin-top: 26px">
           <img
-              style="width: 15px; height: 17px"
-              src="../../assets/image/time.png"
+            style="width: 15px; height: 17px"
+            src="../../assets/image/time.png"
           />
           <div style="margin-left: 8px">{{ data?.liveStartTime }}</div>
         </div>
         <div class="time" style="margin-top: 23px">
           <img
-              style="width: 16px; height: 18px"
-              src="../../assets/image/position.png"
+            style="width: 16px; height: 18px"
+            src="../../assets/image/position.png"
           />
           <!--          todo #直播详情 没有位置字段-->
           <div style="margin-left: 8px">大族广场</div>
@@ -39,24 +39,21 @@
       </div>
       <div class="threeBtn">
         <botton
-            class="btn"
-            style="background: rgb(59, 191, 252)"
-            @click="showClick"
-        >观看
-        </botton
-        >
+          class="btn"
+          style="background: rgb(59, 191, 252)"
+          @click="showClick"
+          >观看
+        </botton>
         <botton
-            class="btn"
-            style="background: rgb(57, 146, 249)"
-            @click="signClick"
-            v-if="!data.signFlag"
-        >签到
-        </botton
-        >
+          class="btn"
+          style="background: rgb(57, 146, 249)"
+          @click="signClick"
+          v-if="!data.signFlag"
+          >签到
+        </botton>
         <botton class="btn" @click="commitClick" v-if="!data.evalFlag"
-        >评估
-        </botton
-        >
+          >评估
+        </botton>
       </div>
     </div>
     <!-- 基本信息 -->
@@ -68,8 +65,8 @@
           <div class="" style="margin-left: 48px; margin-right: 48px">
             <div class="title">
               <img
-                  style="width: 20px; height: 20px"
-                  src="../../assets/image/course.png"
+                style="width: 20px; height: 20px"
+                src="../../assets/image/course.png"
               />
               <div class="text">课前预习</div>
               <div class="box"></div>
@@ -77,21 +74,21 @@
             <div style="display: flex; align-items: center">
               <!--              todo #直播 没有课前预习字段-->
               <div class="content">
-                通过对各级人员的软件平台培训，使其能够了解如何运用乾元坤和智能信息管理系统来提升企业管理水平，最大限度发挥软件产品在企业中的作用;<br/>
+                通过对各级人员的软件平台培训，使其能够了解如何运用乾元坤和智能信息管理系统来提升企业管理水平，最大限度发挥软件产品在企业中的作用;<br />
                 ● 培训目标
-                <br/>1.使企业不同部门人员掌握便捷、有效的系统平台操作方法;<br/>
-                2.通过系统平台的培训提高员工对企业的管理理念认识与提升。<br/>
+                <br />1.使企业不同部门人员掌握便捷、有效的系统平台操作方法;<br />
+                2.通过系统平台的培训提高员工对企业的管理理念认识与提升。<br />
                 3.通过系统平台培训加强沟通，统一部署，协同工作，提高效率。
-                <br/>
-                ●培训对象<br/>
-                集团领导、各相关部门领导、总经理、车间主管、车间操作员等;<br/>
+                <br />
+                ●培训对象<br />
+                集团领导、各相关部门领导、总经理、车间主管、车间操作员等;<br />
               </div>
             </div>
 
             <div class="title">
               <img
-                  style="width: 20px; height: 20px"
-                  src="../../assets/image/write.png"
+                style="width: 20px; height: 20px"
+                src="../../assets/image/write.png"
               />
               <!--              todo #直播 课后作业-->
               <div class="text">课后作业</div>
@@ -100,9 +97,9 @@
             <div style="display: flex; align-items: center">
               <div class="content">
                 <span style="font-weight: 600"
-                >网易有道词典现有功能结构拆解+问题分析</span
-                ><br/>
-                查找资料，介绍一种国外（日本、美国、欧洲）道路（公路、铁路、城市道路、地铁）设计规范的演变过程，可以一种或几种主要技术指标为例，并说明其原因。<br/>
+                  >网易有道词典现有功能结构拆解+问题分析</span
+                ><br />
+                查找资料，介绍一种国外（日本、美国、欧洲）道路（公路、铁路、城市道路、地铁）设计规范的演变过程，可以一种或几种主要技术指标为例，并说明其原因。<br />
               </div>
             </div>
           </div>
@@ -112,8 +109,8 @@
         <div class="tell">
           <div class="title">
             <img
-                style="width: 21px; height: 23px"
-                src="../../assets/image/tv.png"
+              style="width: 21px; height: 23px"
+              src="../../assets/image/tv.png"
             />
             <div class="text">直播公告</div>
             <div class="box"></div>
@@ -123,18 +120,18 @@
         <div class="teacher">
           <div class="title">
             <img
-                style="width: 21px; height: 23px"
-                src="../../assets/image/livelecturer.png"
+              style="width: 21px; height: 23px"
+              src="../../assets/image/livelecturer.png"
             />
             <!--            todo #直播详情 没有直播讲师-->
             <div class="text">直播讲师</div>
             <div class="box"></div>
           </div>
           <div
-              class="teacheritem"
-              :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)'}"
+            class="teacheritem"
+            :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
           >
-            <img class="peopleimg" :src="userAvatar"/>
+            <img class="peopleimg" :src="userAvatar" />
             <div style="margin-left: 17px; width: 190px">
               <div class="teacherName" style="margin-right: 5px">
                 {{ data.userInfoBo?.userName }}
@@ -151,26 +148,24 @@
 </template>
 
 <script setup>
-import {computed, reactive, toRefs} from "vue";
+import { computed, reactive, toRefs } from "vue";
 import img from "@/assets/image/uploadimg.png";
-import {request, useRequest} from "@/api/request";
-import {
-  TASK_BROADCAST_DETAIL,
-  TASK_BROADCAST_SIGN,
-} from "@/api/api";
-import {useRoute} from "vue-router/dist/vue-router";
-import {useRouter} from "vue-router";
-import {useUserInfo} from "@/api/utils";
+import { request, useRequest } from "@/api/request";
+import { TASK_BROADCAST_DETAIL, TASK_BROADCAST_SIGN } from "@/api/api";
+import { useRoute } from "vue-router/dist/vue-router";
+import { useRouter } from "vue-router";
+import { useUserInfo } from "@/api/utils";
 
 const {
-  query: {courseId: liveId},
+  query: { courseId: liveId },
 } = useRoute();
-const router = useRouter()
+const router = useRouter();
 
-const {data} = useRequest(TASK_BROADCAST_DETAIL, {liveId});
-
-const {avatar: userAvatar} = useUserInfo(computed(() => data.value.userInfoBo?.userId))
+const { data } = useRequest(TASK_BROADCAST_DETAIL, { liveId });
 
+const { avatar: userAvatar } = useUserInfo(
+  computed(() => data.value.userInfoBo?.userId)
+);
 
 const state = reactive({
   activeName: "first",
@@ -179,24 +174,26 @@ const state = reactive({
       id: 1,
       name: "王星天（显示事业）",
       introduce:
-          "教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
+        "教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
       peopleimg: img,
     },
   ],
 });
-const {activeName, teacher} = toRefs(state)
+const { activeName, teacher } = toRefs(state);
 const signClick = () => {
-  data.value.signFlag = 1
-  request(TASK_BROADCAST_SIGN, {courseId: liveId})
+  data.value.signFlag = 1;
+  request(TASK_BROADCAST_SIGN, { courseId: liveId });
 };
 const commitClick = () => {
-  router.push({path: '/surveydetail', query: {courseId: data.value.assessmentId}})
+  router.push({
+    path: "/surveydetail",
+    query: { courseId: data.value.assessmentId },
+  });
 };
 
 function showClick() {
-  window.open(data.value.liveLink)
+  window.open(data.value.liveLink);
 }
-
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
@@ -483,9 +480,9 @@ function showClick() {
       background-color: rgba(255, 255, 255, 1);
       border-radius: 8px;
       background: linear-gradient(
-              180deg,
-              rgba(36, 120, 255, 0.15) 0%,
-              rgba(255, 255, 255) 50%
+        180deg,
+        rgba(36, 120, 255, 0.15) 0%,
+        rgba(255, 255, 255) 50%
       );
 
       .title {
diff --git a/src/views/moreActive/MoreActive.vue b/src/views/moreActive/MoreActive.vue
index 4c47364..cc76acf 100644
--- a/src/views/moreActive/MoreActive.vue
+++ b/src/views/moreActive/MoreActive.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="moreactive">
+  <div class="moreactive" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div class="crumb">
       <div>混合制项目</div>
@@ -128,8 +128,10 @@
 <script setup>
 import { TAS_ACTIVITY_DETAIL, TASK_ACTIVITY_SIGN, ACTIVITY } from "@/api/api";
 import { request, useRequest } from "@/api/request";
-import {useRoute} from "vue-router/dist/vue-router";
-const {query: {courseId: activityId}} = useRoute()
+import { useRoute } from "vue-router/dist/vue-router";
+const {
+  query: { courseId: activityId },
+} = useRoute();
 
 const { data } = useRequest(ACTIVITY, { activityId });
 console.log("data", data);
diff --git a/src/views/project/ProjectDetails.vue b/src/views/project/ProjectDetails.vue
index 19e450c..18974cc 100644
--- a/src/views/project/ProjectDetails.vue
+++ b/src/views/project/ProjectDetails.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="pathdetails">
+  <div class="pathdetails" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div class="crumb">
       <div>产品经理学习路径图</div>
@@ -14,35 +14,33 @@
         <div v-for="(i, k) in data.stageProcessList" :key="k">
           <div class="title">
             <div class="titleL">{{ i.stageName }}</div>
-            <div
-                class="titleR"
-                :style="{ display: 'flex' }"
-            >
-              <img src="../../assets/image/pathdetails/circle.png"/>
+            <div class="titleR" :style="{ display: 'flex' }">
+              <img src="../../assets/image/pathdetails/circle.png" />
               <div class="titleRT">进行中</div>
             </div>
             <div
-                class="titleR"
-                :style="{ display: i.status === 2 ? 'flex' : 'none' }"
+              class="titleR"
+              :style="{ display: i.status === 2 ? 'flex' : 'none' }"
             >
-              <img src="../../assets/image/pathdetails/circle2.png"/>
+              <img src="../../assets/image/pathdetails/circle2.png" />
               <div class="titleRT" style="color: rgba(102, 102, 102, 1)">
                 未开始
               </div>
             </div>
           </div>
           <div
-              class="course"
-              v-for="(value, index) in i.taskProcessList"
-              :key="index"
+            class="course"
+            v-for="(value, index) in i.taskProcessList"
+            :key="index"
           >
             <div>
               <div class="coursename">{{ value.name }}</div>
               <div class="coursetag">
-                <div class="tag1" style="margin-right: 11px; margin-top: 16px">必修</div>
-                <div class="tag3" style="margin-right: 11px; margin-top: 16px">{{
-                    types.typeName[value.type] || ''
-                  }}
+                <div class="tag1" style="margin-right: 11px; margin-top: 16px">
+                  必修
+                </div>
+                <div class="tag3" style="margin-right: 11px; margin-top: 16px">
+                  {{ types.typeName[value.type] || "" }}
                 </div>
 
                 <!--                                <div-->
@@ -55,45 +53,44 @@
                 <!--                                </div>-->
               </div>
               <div
-                  class="progressBox"
-                  :style="{ display: value.status === 1 ? 'block' : 'none' }"
+                class="progressBox"
+                :style="{ display: value.status === 1 ? 'block' : 'none' }"
               >
                 <div>当前进度</div>
                 <div class="progress">
                   <div style="width: 291px">
                     <el-progress
-                        :percentage="value.currentRatio"
-                        :show-text="false"
-                        :stroke-width="8"
-                        :color="
+                      :percentage="value.currentRatio"
+                      :show-text="false"
+                      :stroke-width="8"
+                      :color="
                         {
-                          0:'rgba(238, 112, 108, 1)',
-                          1:'rgba(255, 151, 38, 1)',
-                          2:'rgba(39, 122, 255, 1)',
-                          3:'rgba(59, 94, 251, 1)',
-                          4:'rgba(57, 219, 183, 1)',
-                          5:'rgba(57, 219, 183, 1)'
-                        }[parseInt(value.currentRatio/20)]
+                          0: 'rgba(238, 112, 108, 1)',
+                          1: 'rgba(255, 151, 38, 1)',
+                          2: 'rgba(39, 122, 255, 1)',
+                          3: 'rgba(59, 94, 251, 1)',
+                          4: 'rgba(57, 219, 183, 1)',
+                          5: 'rgba(57, 219, 183, 1)',
+                        }[parseInt(value.currentRatio / 20)]
                       "
                     />
                   </div>
                   <div
-                      style="
+                    style="
                       font-size: 14px;
                       font-weight: 500;
                       color: #277aff;
                       margin-left: 10px;
                     "
-                      :style="{
-                      color:
-                        {
-                          0:'rgba(238, 112, 108, 1)',
-                          1:'rgba(255, 151, 38, 1)',
-                          2:'rgba(39, 122, 255, 1)',
-                          3:'rgba(59, 94, 251, 1)',
-                          4:'rgba(57, 219, 183, 1)',
-                          5:'rgba(57, 219, 183, 1)'
-                        }[parseInt(value.currentRatio/20)]
+                    :style="{
+                      color: {
+                        0: 'rgba(238, 112, 108, 1)',
+                        1: 'rgba(255, 151, 38, 1)',
+                        2: 'rgba(39, 122, 255, 1)',
+                        3: 'rgba(59, 94, 251, 1)',
+                        4: 'rgba(57, 219, 183, 1)',
+                        5: 'rgba(57, 219, 183, 1)',
+                      }[parseInt(value.currentRatio / 20)],
                     }"
                   >
                     {{ value.currentRatio }}%
@@ -102,9 +99,7 @@
               </div>
             </div>
             <div class="goclass" @click="toFinish(value)">
-              {{
-                types.toName[value.type] || ''
-              }}
+              {{ types.toName[value.type] || "" }}
             </div>
             <!--            <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
             <!--              <div-->
@@ -133,29 +128,29 @@
               <div class="notice">
                 请各位选课的同学提前阅读本课程的
                 “教学大纲与计划”“课程考核要求”与“学习要求”
-                ，并按给定的中学化学教学主题分好小组 <br/>
-                每位同学在网上学习的活动轨迹都会自动被系统记录将作为大家个人线上参与的评价依据；<br/>
+                ，并按给定的中学化学教学主题分好小组 <br />
+                每位同学在网上学习的活动轨迹都会自动被系统记录将作为大家个人线上参与的评价依据；<br />
                 请大家务必在规定的时间内提交作业，否则会被系统自动记录为“迟交”或“未交”则会影响线上参与的平时成
-                绩；<br/>
+                绩；<br />
               </div>
             </el-tab-pane>
             <el-tab-pane label="共享文档" name="second">
               <div style="padding: 19px 30px 17px 28px">
                 <div
-                    v-for="(value, index) in sharedoc"
-                    :key="index"
-                    style="
+                  v-for="(value, index) in sharedoc"
+                  :key="index"
+                  style="
                     display: flex;
                     align-items: center;
                     margin-bottom: 15px;
                   "
                 >
-                  <img :src="value.img" style="width: 22px; height: 26px"/>
+                  <img :src="value.img" style="width: 22px; height: 26px" />
                   <div class="sharedocname">{{ value.name }}</div>
                   <div class="download">
                     <img
-                        src="../../assets/image/download.png"
-                        style="width: 16px; height: 15px"
+                      src="../../assets/image/download.png"
+                      style="width: 16px; height: 15px"
                     />
                     <div style="margin-left: 7px">下载</div>
                   </div>
@@ -170,23 +165,25 @@
           <div class="info">
             <div class="title">
               <img
-                  style="width: 21px; height: 20px"
-                  src="../../assets/image/pathdetails/info.png"
+                style="width: 21px; height: 20px"
+                src="../../assets/image/pathdetails/info.png"
               />
               <div class="text" style="margin-left: 7px">个人信息</div>
               <div class="box"></div>
             </div>
             <!--            todo #路径详情 个人信息缺少img和介绍-->
             <div
-                class="teacheritem"
-                :style="{'border-bottom': '1px solid rgba(56, 125, 247, 0.2)'}"
+              class="teacheritem"
+              :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
             >
-              <img class="peopleimg" :src="data.userInfoBo?.peopleimg"/>
+              <img class="peopleimg" :src="data.userInfoBo?.peopleimg" />
               <div style="margin-left: 17px">
                 <div class="teacherName">
-                  <div style="margin-right: 5px">{{ data.userInfoBo?.userName }}</div>
+                  <div style="margin-right: 5px">
+                    {{ data.userInfoBo?.userName }}
+                  </div>
                   <div v-for="(item, key) in data.userInfoBo?.medal" :key="key">
-                    <img class="teacherMedal" :src="item"/>
+                    <img class="teacherMedal" :src="item" />
                   </div>
                 </div>
                 <div class="introduce">{{ data.userInfoBo?.introduce }}</div>
@@ -196,8 +193,8 @@
           <div class="info" style="padding-top: 20px">
             <div class="title">
               <img
-                  style="width: 18px; height: 17px"
-                  src="../../assets/image/pathdetails/study.png"
+                style="width: 18px; height: 17px"
+                src="../../assets/image/pathdetails/study.png"
               />
               <div class="text" style="margin-left: 9px">学习进度</div>
               <div class="box"></div>
@@ -212,36 +209,32 @@
                 <div class="progress">
                   <div style="width: 291px">
                     <el-progress
-                        :percentage="data.totalChapterCnt"
-                        :show-text="false"
-                        :stroke-width="8"
-                        :color="
-                         {
-                          0:'rgba(238, 112, 108, 1)',
-                          1:'rgba(255, 151, 38, 1)',
-                          2:'rgba(39, 122, 255, 1)',
-                          3:'rgba(59, 94, 251, 1)',
-                          4:'rgba(57, 219, 183, 1)',
-                          5:'rgba(57, 219, 183, 1)'
-                        }[parseInt(data.totalChapterCnt/20)]
+                      :percentage="data.totalChapterCnt"
+                      :show-text="false"
+                      :stroke-width="8"
+                      :color="
+                        {
+                          0: 'rgba(238, 112, 108, 1)',
+                          1: 'rgba(255, 151, 38, 1)',
+                          2: 'rgba(39, 122, 255, 1)',
+                          3: 'rgba(59, 94, 251, 1)',
+                          4: 'rgba(57, 219, 183, 1)',
+                          5: 'rgba(57, 219, 183, 1)',
+                        }[parseInt(data.totalChapterCnt / 20)]
                       "
                     />
                   </div>
                   <div
-                      style="
-                      font-size: 14px;
-                      font-weight: 500;
-                      margin-left: 10px;
-                    "
-                      :style="{
+                    style="font-size: 14px; font-weight: 500; margin-left: 10px"
+                    :style="{
                       color: {
-                          0:'rgba(238, 112, 108, 1)',
-                          1:'rgba(255, 151, 38, 1)',
-                          2:'rgba(39, 122, 255, 1)',
-                          3:'rgba(59, 94, 251, 1)',
-                          4:'rgba(57, 219, 183, 1)',
-                          5:'rgba(57, 219, 183, 1)'
-                        }[parseInt(data.totalChapterCnt/20)]
+                        0: 'rgba(238, 112, 108, 1)',
+                        1: 'rgba(255, 151, 38, 1)',
+                        2: 'rgba(39, 122, 255, 1)',
+                        3: 'rgba(59, 94, 251, 1)',
+                        4: 'rgba(57, 219, 183, 1)',
+                        5: 'rgba(57, 219, 183, 1)',
+                      }[parseInt(data.totalChapterCnt / 20)],
                     }"
                   >
                     {{ data.totalChapterCnt }}%
@@ -255,38 +248,37 @@
                 <div class="progress">
                   <div style="width: 291px">
                     <el-progress
-                        :percentage="data.currentChapterCnt"
-                        :show-text="false"
-                        :stroke-width="8"
-                        :color="
+                      :percentage="data.currentChapterCnt"
+                      :show-text="false"
+                      :stroke-width="8"
+                      :color="
                         {
-                          0:'rgba(238, 112, 108, 1)',
-                          1:'rgba(255, 151, 38, 1)',
-                          2:'rgba(39, 122, 255, 1)',
-                          3:'rgba(59, 94, 251, 1)',
-                          4:'rgba(57, 219, 183, 1)',
-                          5:'rgba(57, 219, 183, 1)'
-                        }[parseInt(data.currentChapterCnt/20)]
+                          0: 'rgba(238, 112, 108, 1)',
+                          1: 'rgba(255, 151, 38, 1)',
+                          2: 'rgba(39, 122, 255, 1)',
+                          3: 'rgba(59, 94, 251, 1)',
+                          4: 'rgba(57, 219, 183, 1)',
+                          5: 'rgba(57, 219, 183, 1)',
+                        }[parseInt(data.currentChapterCnt / 20)]
                       "
                     />
                   </div>
                   <div
-                      style="
+                    style="
                       font-size: 14px;
                       font-weight: 500;
                       color: #277aff;
                       margin-left: 10px;
                     "
-                      :style="{
-                      color:
-                        {
-                          0:'rgba(238, 112, 108, 1)',
-                          1:'rgba(255, 151, 38, 1)',
-                          2:'rgba(39, 122, 255, 1)',
-                          3:'rgba(59, 94, 251, 1)',
-                          4:'rgba(57, 219, 183, 1)',
-                          5:'rgba(57, 219, 183, 1)'
-                        }[parseInt(data.currentChapterCnt/20)]
+                    :style="{
+                      color: {
+                        0: 'rgba(238, 112, 108, 1)',
+                        1: 'rgba(255, 151, 38, 1)',
+                        2: 'rgba(39, 122, 255, 1)',
+                        3: 'rgba(59, 94, 251, 1)',
+                        4: 'rgba(57, 219, 183, 1)',
+                        5: 'rgba(57, 219, 183, 1)',
+                      }[parseInt(data.currentChapterCnt / 20)],
                     }"
                   >
                     {{ data.currentChapterCnt }}%
@@ -304,24 +296,25 @@
 </template>
 
 <script setup>
-import {reactive, ref} from "vue";
-import word from '@/assets/image/file/word.png'
-import ppt from '@/assets/image/file/ppt.png'
-import pdf from '@/assets/image/file/pdf.png'
-import zip from '@/assets/image/file/zip.png'
-import md from '@/assets/image/file/md.png'
-import medal1 from '@/assets/image/medal/medal1.png'
-import medal2 from '@/assets/image/medal/medal2.png'
-import medal3 from '@/assets/image/medal/medal3.png'
-import img from '@/assets/image/uploadimg.png'
-import {useRequest} from "@/api/request";
-import {PROJECT_PROCESS, ROUTER_PROCESS} from "@/api/api";
-import {useRoute, useRouter} from "vue-router";
+import { reactive, ref } from "vue";
+import word from "@/assets/image/file/word.png";
+import ppt from "@/assets/image/file/ppt.png";
+import pdf from "@/assets/image/file/pdf.png";
+import zip from "@/assets/image/file/zip.png";
+import md from "@/assets/image/file/md.png";
+import medal1 from "@/assets/image/medal/medal1.png";
+import medal2 from "@/assets/image/medal/medal2.png";
+import medal3 from "@/assets/image/medal/medal3.png";
+import img from "@/assets/image/uploadimg.png";
+import { useRequest } from "@/api/request";
+import { PROJECT_PROCESS, ROUTER_PROCESS } from "@/api/api";
+import { useRoute, useRouter } from "vue-router";
 
-
-const {query: {projectId}} = useRoute()
-const router = useRouter()
-const {data} = useRequest(PROJECT_PROCESS, {projectId})
+const {
+  query: { projectId },
+} = useRoute();
+const router = useRouter();
+const { data } = useRequest(PROJECT_PROCESS, { projectId });
 const state = reactive({
   course: [
     {
@@ -497,75 +490,73 @@ const state = reactive({
       name: "王星天（显示事业）",
       introduce: "教师是学生的镜子,学生是老师的影子。",
       peopleimg: img,
-      medal: [
-        medal1,
-        medal2,
-        medal3,
-      ],
+      medal: [medal1, medal2, medal3],
     },
   ],
 });
-const activeName = ref('first')
-const totalprogress = ref(30)
-const compulsoryprogress = ref(10)
+const activeName = ref("first");
+const totalprogress = ref(30);
+const compulsoryprogress = ref(10);
 
 const handleClick = (tab, event) => {
   console.log(tab, event);
 };
-const path = {1: 'path'}
+const path = { 1: "path" };
 
 const types = ref({
   typeName: {
-    1: '在线',
-    2: '面授',
-    3: '案例',
-    4: '作业',
-    5: '考试',
-    6: '直播',
-    7: '外链',
-    8: '讨论',
-    9: '活动',
-    10: '测评',
-    11: '评估',
-    12: '投票',
-    13: '项目',
+    1: "在线",
+    2: "面授",
+    3: "案例",
+    4: "作业",
+    5: "考试",
+    6: "直播",
+    7: "外链",
+    8: "讨论",
+    9: "活动",
+    10: "测评",
+    11: "评估",
+    12: "投票",
+    13: "项目",
   },
   toName: {
-    1: '去上课',
-    2: '去上课',
-    3: '案例',
-    4: '去完成',
-    5: '去完成',
-    6: '去签到',
-    7: '外链',
-    8: '去讨论',
-    9: '去完成',
-    10: '去完成',
-    11: '去完成',
-    12: '去投票',
-    13: '去完成',
+    1: "去上课",
+    2: "去上课",
+    3: "案例",
+    4: "去完成",
+    5: "去完成",
+    6: "去签到",
+    7: "外链",
+    8: "去讨论",
+    9: "去完成",
+    10: "去完成",
+    11: "去完成",
+    12: "去投票",
+    13: "去完成",
   },
   path: {
-    1: '去上课',
-    2: '/faceteach',
-    3: '案例',
-    4: '/homeworkpage',
-    5: '去完成',
-    6: '/livebroadcast',
-    7: '外链',
-    8: '/discusspage',
-    9: '/moreactive',
-    10: '/starttest',
-    11: '/surveydetail',
-    12: '/ballotpage',
-    13: '去完成'
-  }
-})
+    1: "去上课",
+    2: "/faceteach",
+    3: "案例",
+    4: "/homeworkpage",
+    5: "去完成",
+    6: "/livebroadcast",
+    7: "外链",
+    8: "/discusspage",
+    9: "/moreactive",
+    10: "/starttest",
+    11: "/surveydetail",
+    12: "/ballotpage",
+    13: "去完成",
+  },
+});
 
 function toFinish(d) {
-  router.push({path: types.value.path[d.type], query: {id: d.projectTaskId, type: 2, courseId: d.courseId}})
+  router.push({
+    path: types.value.path[d.type],
+    query: { id: d.projectTaskId, type: 2, courseId: d.courseId },
+  });
 }
-
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
diff --git a/src/views/starttest/StartTest.vue b/src/views/starttest/StartTest.vue
index ca2487d..5e158c6 100644
--- a/src/views/starttest/StartTest.vue
+++ b/src/views/starttest/StartTest.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="surveydetail">
+  <div class="surveydetail" style="padding: 30px">
     <!-- 标题 -->
     <div class="title">考试模式</div>
     <!-- 标题 -->
diff --git a/src/views/survey/SurveyDetail.vue b/src/views/survey/SurveyDetail.vue
index e379436..e118833 100644
--- a/src/views/survey/SurveyDetail.vue
+++ b/src/views/survey/SurveyDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="surveydetail">
+  <div class="surveydetail" style="padding: 30px">
     <!-- 面包屑导航 -->
     <div
       style="display: flex; align-items: center; justify-content: space-between"
diff --git a/src/views/testscore/TestScore.vue b/src/views/testscore/TestScore.vue
index 65d3b0b..7da8360 100644
--- a/src/views/testscore/TestScore.vue
+++ b/src/views/testscore/TestScore.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="surveydetail">
+  <div class="surveydetail" style="padding: 30px">
     <!-- 标题 -->
     <div class="title">考试模式</div>
     <!-- 标题 -->