Merge remote-tracking branch 'origin/develop' into develop

2025-12-08 02:16:47 +08:00 · 2022-12-13 19:22:44 +08:00
parent 5d17c8acc2 b48480ed5f
commit 788dca4bc0
13 changed files with 307 additions and 310 deletions
--- 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>
--- 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>
--- 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"
--- 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">
--- 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"
--- 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>

--- 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 = () => {
--- 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 {
--- 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);
--- 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 -->
--- 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>
    <!-- 标题 -->
--- 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"
--- 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>
    <!-- 标题 -->