Merge branch 'manage-release' of http://gitlab.dongwu-inc.com:10080/BOE/fe-stu into release

# Conflicts: # vite.config.js
2025-12-23 01:36:50 +08:00 · 2022-12-25 19:50:06 +08:00
parent 7230dc785a e796290ef1
commit 3c07f763ad
31 changed files with 3609 additions and 2978 deletions
--- a/.env
+++ b/.env
@@ -9,6 +9,7 @@ VITE_BOE_CASS_DETAIL_URL=https://u-pre.boe.com/pc/case/detail?id=
 VITE_BOE_TEST_DETAIL_URL=https://u-pre.boe.com/web/quizsummary?detailId=
 VITE_BOE_TEST_OUT_DETAIL_URL=https://u-pre.boe.com/api/b1/tale/do-quiz?quizKid=
 VITE_BOE_EXAM_DETAIL_URL=https://u-pre.boe.com/pc/exam/test?id=
+VITE_BOE_PATH_DETAIL_URL=http://u-pre.boe.com/pc/forward?to=/fe-student

 VITE_BOE_API_URL=https://u-pre.boe.com

--- a/.env.release
+++ b/.env.release
@@ -7,5 +7,6 @@ VITE_BOE_CASS_DETAIL_URL=https://u.boe.com/pc-release/case/detail?id=
 VITE_BOE_TEST_DETAIL_URL=https://u.boe.com/web/quizsummary?detailId=
 VITE_BOE_TEST_OUT_DETAIL_URL=https://u.boe.com/api/b1/tale/do-quiz?quizKid=
 VITE_BOE_EXAM_DETAIL_URL=https://u.boe.com/pc-release/exam/test?id=
+VITE_BOE_PATH_DETAIL_URL=http://u.boe.com/pc/forward?to=/fe-student-release

 VITE_BOE_API_URL=https://u.boe.com
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,17 +7,10 @@
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-  <!-- <div
-    style="
-      background: #0078fc;
-      height: 150px;
-      width: 100%;
-      position: absolute;
-      top: 0;
-      z-index: 1;
-    "
-  ></div> -->
+   <!--
+ -->
  <div id="container">
+ 
    <!-- <div id="nav">
      <router-link
        v-for="item in routes"
@@ -43,7 +36,7 @@ import {useStore} from "vuex";
 import {onMounted} from "vue";
 import router from "@/router";

-console.log("版本1.0.1------------");
+console.log("版本1.0.5------------");
 const store = useStore();
 onMounted(() => {
  getUserInfo();
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -58,3 +58,5 @@ export const ACTIVITY = '/activity'

 export const STUDY_RECORD = '/stu/task/thirdTask/submit post'
 export const PROJECT_LIST = '/stu/project/list post'
+
+export const FACETEACH_SIGNUP = `/stu/project/stuFaceTeachSignUp`
--- a/src/assets/image/pathdetails/组
+++ b/src/assets/image/pathdetails/组
--- a/src/assets/image/pathdetails/组
+++ b/src/assets/image/pathdetails/组
--- a/src/assets/image/pathdetails/组
+++ b/src/assets/image/pathdetails/组
--- a/src/assets/image/pathdetails/组
+++ b/src/assets/image/pathdetails/组
--- a/src/assets/image/pathdetails/组
+++ b/src/assets/image/pathdetails/组
--- a/src/assets/image/pathdetails/路径图背景线.png
+++ b/src/assets/image/pathdetails/路径图背景线.png
--- a/src/assets/image/pathdetails/路径图背景线@2x.png
+++ b/src/assets/image/pathdetails/路径图背景线@2x.png
--- a/src/assets/image/pathdetails/路径图背景线@3x.png
+++ b/src/assets/image/pathdetails/路径图背景线@3x.png
--- a/src/assets/image/return.png
+++ b/src/assets/image/return.png
--- a/src/components/FileTypeImg.vue
+++ b/src/components/FileTypeImg.vue
@@ -1,7 +1,6 @@
 <template>
-  <img class="file"
-       :style="style"
-       :src="{pdf,doc:word,ppt,zip,excel,xlsx:excel,xls:excel,rar,book,md,docx:word}[filePath.split('.').slice(-1)] || book"/>
+	<img class="file" :style="style"
+		:src="{ pdf, doc: word, ppt, zip, excel, xlsx: excel, xls: excel, rar, book, md, docx: word, png }[filePath.split('.').slice(-1)] || book" />
 </template>
 <script setup>
 import rar from '@/assets/image/file/rar.png'
@@ -12,9 +11,9 @@ import ppt from '@/assets/image/file/ppt.png'
 import word from '@/assets/image/file/word.png'
 import zip from '@/assets/image/file/zip.png'
 import book from '@/assets/image/file/book.png'
-import {defineProps, ref} from "vue";
+import { defineProps, ref } from "vue";

-const {modelValue = [], style} = defineProps({
+const { modelValue = "", style } = defineProps({
 	modelValue: String,
 	style: {
 		type: Object,
--- a/src/components/PathDetailImage.vue
+++ b/src/components/PathDetailImage.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="pathDetail" v-if="visiable" :style="{background:`url('${back}') no-repeat`}">
+    <div v-for="(item,i) in detail.chapterDtoList" :key="i" class="cha"
+         :style="{top:`${imgAttr.positions[i]?.top - (current===i?5:0)}px`,left:`${imgAttr.positions[i]?.left - (current===i?10:0)}px`}">
+      <div @click="toDetail(i)"
+           :style="{background: `url('${current===i?currentBack:nameBack}')`,backgroundSize:'100%',width:`${current===i?139:123}px`,height:`${current===i?60:53}px`,textAlign:'center',lineHeight:'45px',fontsize:'12px',color:'#FFF'}">
+        {{ item.name }}
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import {computed, defineProps, ref, watch} from "vue";
+import back from '@/assets/image/pathdetails/组 21.png'
+import nameBack from '@/assets/image/pathdetails/组 23.png'
+import currentBack from '@/assets/image/pathdetails/组 23(1).png'
+import {useRouter} from "vue-router/dist/vue-router";
+
+const props = defineProps({
+  value: String,
+  img: String,
+  detail: {
+    type: Object,
+    default: {}
+  }
+})
+const router = useRouter();
+const visiable = ref(true)
+const imageAttrs = {
+  '路径图背景-1671015331292.png': {
+    width: 1437,
+    height: 594,
+    positions: [
+      {left: 84, top: 518},
+      {left: 307, top: 370},
+      {left: 848, top: 275},
+      {left: 617, top: 69},
+      {left: 1047, top: 42},
+    ]
+  }
+}
+
+const imgAttr = computed(() => imageAttrs[Object.keys(imageAttrs).find(e => props.img.includes(e))] || {})
+
+const current = computed(() => props.detail.chapterDtoList.findIndex(e => e.chapterId === props.detail.currentStageId))
+
+function show() {
+  visiable.value = true
+}
+
+function toDetail(i) {
+  if (current.value !== i) {
+    return
+  }
+  import.meta.env.MODE === "development"
+      ? router.push({
+        path: "/pathdetails",
+        query: {routerId: props.detail.routerId, routerName: props.detail.routerName},
+      })
+      : window.open(
+          `${import.meta.env.VITE_BOE_PATH_DETAIL_URL}/pathdetails&params=${encodeURIComponent(
+              `routerId=${props.detail.routerId}&routerName=${props.detail.routerName}`
+          )}`
+      );
+}
+
+function close() {
+  visiable.value = false
+}
+</script>
+<style lang="scss">
+.pathDetail {
+  width: 100%;
+  height: 1011px;
+  position: relative;
+}
+
+.cha {
+  position: absolute;
+  cursor: pointer;
+}
+</style>
--- a/src/views/ballot/BallotPage.vue
+++ b/src/views/ballot/BallotPage.vue
@@ -17,11 +17,7 @@
 -->
 <div class="return">
 				<div style="display: flex" @click="returnclick">
-                  <img
-                    class="img2" style="margin-right:22px;"
-                    src="../../assets/image/return.png"
-                  />
-                  <div class="text">返回</div>
+          <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
    </div>
--- a/src/views/debate/DebatePage.vue
+++ b/src/views/debate/DebatePage.vue
@@ -16,11 +16,7 @@
      </div>-->
      <div class="return">
 				<div style="display: flex" @click="returnclick">
-                  <img
-                    class="img2" style="margin-right:22px;"
-                    src="../../assets/image/return.png"
-                  />
-                  <div class="text">返回</div>
+          <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
    </div>
--- a/src/views/discuss/DiscussPage.vue
+++ b/src/views/discuss/DiscussPage.vue
@@ -30,11 +30,7 @@
      </div>-->
      <div class="return">
 				<div style="display: flex" @click="returnclick">
-                  <img
-                    class="img2" style="margin-right:22px;"
-                    src="../../assets/image/return.png"
-                  />
-                  <div class="text">返回</div>
+          <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
    </div>
--- a/src/views/discussdetail/DiscussDetail.vue
+++ b/src/views/discussdetail/DiscussDetail.vue
@@ -31,11 +31,7 @@

      <div class="return">
 				<div style="display: flex" @click="returnclick">
-                  <img
-                    class="img2" style="margin-right:22px;"
-                    src="../../assets/image/return.png"
-                  />
-                  <div class="text">返回</div>
+          <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
    </div> 
--- a/src/views/examination/ExamPage.vue
+++ b/src/views/examination/ExamPage.vue
@@ -30,11 +30,7 @@
      </div>-->
      <div class="return">
 				<div style="display: flex" @click="returnclick">
-                  <img
-                    class="img2" style="margin-right:22px;"
-                    src="../../assets/image/return.png"
-                  />
-                  <div class="text">返回</div>
+          <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
    </div>
--- a/src/views/faceteach/FaceTeach.vue
+++ b/src/views/faceteach/FaceTeach.vue
@@ -1,18 +1,17 @@
 <template>
+	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
 	<div class="faceteach" style="padding: 30px">
 		<!-- 面包屑导航 -->
 		<div class="crumb">
 			<div>课程列表</div>
 			<div style="margin-left: 6px; margin-right: 6px">/</div>
 			<div style="font-weight: 700">课程详情</div>
-      <div v-if="pName !=''" class="return">
+
+
+			<div v-if="pName != ''" class="return">
 				<div style="display: flex" @click="returnclick">
-          <img
-            class="img2"
-            style="margin-right: 22px"
-            src="../../assets/image/return.png"
-          />
-          <div class="text">返回</div>
+					<el-button style="color:#0073FB"> <img class="img2" style="margin-right:11px;cursor: pointer;"
+							src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
 		</div>
@@ -23,56 +22,30 @@
 			<div style="margin-left: 46px">
 				<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"
-          />
+					<img style="width: 15px; height: 17px" src="../../assets/image/time.png" />
 					<div style="margin-left: 8px">
-            {{ data.planDto?.beginTime + "至" + data.planDto?.endTime }}
+						{{ dayjs(data.planDto?.beginTime).format('YYYY-MM-DD HH:MM') + " 至 " +
+								dayjs(data.planDto?.endTime).format('YYYY-MM-DD HH:MM')
+						}}
 					</div>
 				</div>
-        <div class="time" style="margin-top: 23px">
-          <img
-            style="width: 16px; height: 18px"
-            src="../../assets/image/position.png"
-          />
+				<div v-if="data.planDto?.address" class="time" style="margin-top: 23px">
+					<img style="width: 16px; height: 18px" src="../../assets/image/position.png" />
 					<div style="margin-left: 8px">{{ data.planDto?.address }}</div>
 				</div>
 			</div>
 			<div style="display: flex">
-        <botton
-          v-if="!isAllowSign"
-          class="btn"
-          style="margin-right: 20px; background: #999"
-          @click="signClick"
-          >签到
-        </botton>
-        <botton
-          v-if="isAllowSign"
-          class="btn"
-          style="margin-right: 20px"
-          :style="{
+				
+				<botton  class="btn" style="margin-right: 20px" :style="{
 					background: data.signFlag ? '#999' : 'rgb(57, 146, 249)',
-          }"
-          @click="signClick"
-          >{{ data.signFlag ? "已签到" : "签到" }}
+				}" @click="signClick">{{ data.signFlag ? "已签到" : "签到" }}
 				</botton>
-        <botton
-          style="background: #999"
-          class="btn"
-          @click="toSurvery"
-          v-if="data.planDto?.evalFlag == 0"
-        >
+				<botton style="background: #999" class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag == 0">
 					评估
 				</botton>
-        <botton
-          :style="{
-            background: `${new Date(data.planDto.beginTime).getTime()>new Date().getTime()? '#999' : data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
-          }"
-          class="btn"
-          @click="toSurvery"
-          v-if="data.planDto?.evalFlag && data.planDto?.evalFlag == 1"
-          >{{ data.isSurvery ? "已评估" : "评估" }}
+				<botton :style="{
+					background: `${new Date(data.planDto.beginTime).getTime() > new Date().getTime() ? '#999' : data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
+				}" class="btn" @click="toSurvery" v-else>{{ data.isSurvery ? "已评估" : "评估" }}
 				</botton>
 			</div>
 		</div>
@@ -84,97 +57,52 @@
 				<div class="detailT">
 					<div class="" style="margin-left: 48px; margin-right: 48px">
 						<div class="title">
-              <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/course.png"
-              />
+							<img style="width: 20px; height: 20px" src="../../assets/image/course.png" />
 							<div class="text">课程详情</div>
 							<div class="box"></div>
 						</div>
 						<div style="display: flex; align-items: center">
-              <div class="content" v-html="data.planDto?.description"></div>
+							<div class="content" v-html="data.offcourseDto?.intro"></div>
 						</div>
 					</div>
 				</div>
+
 				<div class="detailB">
 					<el-tabs v-model="activeName" @tab-click="handleClick">
 						<el-tab-pane label="课程附件" name="first">
-              <div
-                v-if="data.planDto?.attach === '[]'"
-                style="
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 24px;
-                  cursor: pointer;
-                  margin-left: 40px;
-                  margin-top: 20px;
-                "
-              >
+							<div v-if="data.planDto?.attach === ''"
+								style="font-size: 14px;font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px; margin-top: 20px;">
 								此课程无附件
 							</div>
-              <div
-                v-for="(el, index) in JSON.parse(data.planDto?.attach)"
-                :key="index"
-                v-if="data.planDto"
-                class="enclosure"
-                :style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }"
-              >
+							<div v-else>
+								<div v-for="(el, index) in formateArr(data.planDto?.attach)" :key="index" class="enclosure"
+									:style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }">
 									<div class="enclosureL">
-                  <FileTypeImg
-                    v-model="el.name"
-                    :style="{
+										<FileTypeImg :v-model="el.slice(el.indexOf('-') + 1)" :style="{
 											width: '22px',
 											height: '26px',
 											marginLeft: '10px',
-                    }"
-                  ></FileTypeImg>
-                  <div style="margin-left: 20px">{{ el.name }}</div>
+										}"></FileTypeImg>
+										<div style="margin-left: 20px">{{ el.slice(el.indexOf('-') + 1) }}</div>
 									</div>
-                <div 
-                  v-if="new Date(data.planDto.beginTime).getTime() > new Date().getTime()"
-                  class="download">
-                  <img
-                    style="width: 16px; height: 15px"
-                    src="../../assets/image/download.png"
-                  />
-                  <div
-                    style="margin-left: 5px;color:#999;"
-                    @click="downloads(el.response.data)"
-                  >
+									<div v-if="new Date(data.planDto.beginTime).getTime() > new Date().getTime()" class="download">
+										<img style="width: 16px; height: 15px" src="../../assets/image/download.png" />
+										<div style="margin-left: 5px;color:#999;" @click="downloads(el)">
 											下载
 										</div>
 									</div>
-                <div 
-                  v-else
-                  class="download">
-                  <img
-                    style="width: 16px; height: 15px"
-                    src="../../assets/image/download.png"
-                  />
-                  <div
-                    style="margin-left: 5px"
-                    @click="download(el.response.data)"
-                  >
+									<div v-else class="download">
+										<img style="width: 16px; height: 15px" src="../../assets/image/download.png" />
+										<div style="margin-left: 5px" @click="download(el)">
 											下载
 										</div>
 									</div>
 								</div>
+							</div>
 						</el-tab-pane>
 						<el-tab-pane label="课程作业" name="second">
-              <div
-                v-if="data.planDto?.attach === '[]'"
-                style="
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 24px;
-                  cursor: pointer;
-                  margin-left: 40px;
-                  margin-top: 20px;
-                "
-              >
-                此课程无作业
-              </div>
-              <div class="work" v-if="data.workDto?.workName">
+
+							<div class="work" v-if="data.workDto">
 								<div>
 									<div class="question">{{ data.workDto?.workName }}</div>
 									<div style="margin-top: 16px; display: flex">
@@ -183,66 +111,57 @@
 									</div>
 								</div>

-                <div v-if="isEndSubMitWork()" class="submit" style="background: #999">
-                  已结束
-                </div>
+								
 								<div
-                  :style="{background: new Date(data.planDto.beginTime).getTime() > new Date().getTime()?'#999':''}"
-                  v-else class="submit" @click="toWork" v-if="data.workDto?.workId">
+									:style="{ background: new Date(data.planDto?.beginTime).getTime() > new Date().getTime() ? '#999' : '' }"
+									class="submit" @click="toWork" >
 									交作业
 								</div>
 							</div>
-            </el-tab-pane>
-            <el-tab-pane label="课程考试" name="third">
-              <div
-                v-if="data.planDto?.attach === '[]'"
-                style="
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 24px;
-                  cursor: pointer;
-                  margin-left: 40px;
-                  margin-top: 20px;
-                "
-              >
-                此课程无考试
+							<div v-else
+								style=" font-size: 14px; font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px;margin-top: 20px; ">
+								此课程无作业
 							</div>
+						</el-tab-pane>
+						<el-tab-pane label="课程考试" name="third" :disabed=dayjs().isBefore(dayjs(data.planDto.beginTime))>
+
 							<div class="work" v-if="data.examinationDto?.examinationTestName">
 								<div>
 									<div class="question">
 										{{ data.examinationDto?.examinationTestName }}
 									</div>
 									<div style="margin-top: 16px; display: flex">
-                    <div
-                      class="tag1"
-                      v-if="data.examinationDto?.examinationFlag"
-                    >
+										<div class="tag1" v-if="data.examinationDto?.examinationFlag">
 											必修
 										</div>
 										<div class="tag3" style="margin-left: 11px">考试</div>
 									</div>
 								</div>
-                <div :style="{background: new Date(data.planDto.beginTime).getTime() > new Date().getTime()?'#999':''}" class="submit" @click="toExamItem(data.examinationDto)">
+								
+								<div 
+									:style="{ background: new Date(data.planDto.beginTime).getTime() > new Date().getTime() ? '#999' : '' }"
+									class="submit" @click="toExamItem(data.examinationDto)">
 									去考试
 								</div>
 							</div>
+							<div v-else
+								style=" font-size: 14px; font-weight: 400;line-height: 24px;cursor: pointer; margin-left: 40px; margin-top: 20px; ">
+								此课程无考试
+							</div>
 						</el-tab-pane>
 					</el-tabs>
 				</div>
 			</div>
 			<div class="teacher">
 				<div class="title">
-          <img
-            style="width: 21px; height: 23px"
-            src="../../assets/image/livelecturer.png"
-          />
+					<img 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="teacherInfo.avatar" />
-          <div style="margin-left: 17px; width: 190px">
+					<div class="nameSpan">
 						<div class="teacherName" style="margin-right: 5px">
 							{{ data.planDto?.teacher }}
 						</div>
@@ -269,6 +188,7 @@ import {
 import { useRoute, useRouter } from "vue-router";
 import { useUserInfo } from "@/api/utils";
 import { ElMessage, messageConfig } from "element-plus";
+import dayjs from "dayjs";
 const router = useRouter();
 const returnclick = () => {
 	router.back();
@@ -290,14 +210,21 @@ const state = reactive({
 });
 const { activeName, enclosure, isAllowSign } = toRefs(state);
 const handleClick = (tab, event) => {
-  console.log(tab, event);
+	console.log("附件", tab, event);
 };
 const download = (url) => {
 	window.open(url);
 };
 const downloads = (url) => {
-  ElMessage.info("面授课未开始");
+	ElMessage.warning("未到开始时间，请耐心等待！");
 };
+
+function formateArr(strs) {
+	let arrs = strs.split(',')
+	console.log('112233', arrs)
+	return arrs
+}
+
 let timer = null;
 //判断能否签到
 function isSignClick() {
@@ -356,22 +283,22 @@ const signClick = () => {
 	//   state.isAllowSign,
 	//   !state.isAllowSign
 	// );
-  if(data.value.planDto.beginTime){
-    let date1 = new Date(data.value.planDto.beginTime).getTime()
-    let date2 = new Date().getTime()
-    if(date1>date2){
-      ElMessage.info("面授课未开始");
-      return;
-    }
-  }
+	//if (data.value.planDto.beginTime) {
+	//	let date1 = new Date(data.value.planDto.beginTime).getTime()
+	//	let date2 = new Date().getTime()
+	//	if (date1 > date2) {
+	//		ElMessage.info("未到开始时间，请耐心等待！");
+	//		return;
+	//	}
+	//}
 	if (!state.isAllowSign) {
 		// console.log("data.signFlag", data.value.signFlag, isAllowSign);
-    ElMessage.info("未在签到范围内");
+		ElMessage.warning("未在允许签到时间范围内");
 		return;
 	}
-  2;
+
 	data.value.signFlag = 1;
-  ElMessage.info("签到成功");
+	ElMessage.warning("签到成功");

 	if (taskId) {
 		request(TASK_OFFCOURSE_SIGN, { courseId: courseId, taskId, type });
@@ -382,18 +309,14 @@ const signClick = () => {

 function toSurvery() {
 	if (data.value.isSurvery) {
-    return;
+		// return;
 	}
-  if(data.value.planDto.beginTime){
-    let date1 = new Date(data.value.planDto.beginTime).getTime()
-    let date2 = new Date().getTime()
-    if(date1>date2){
-      ElMessage.info("面授课未开始");
+	if (data.value.planDto.beginTime && dayjs().isBefore(data.value.planDto.beginTime)) {
+		ElMessage.warning("课程未开始，请耐心等待！");
 		return;
 	}
-  }
 	if (data.value.planDto.evalFlag == 0) {
-    ElMessage.info("此课程无评估");
+		ElMessage.warning("此课程无评估");
 		return;
 	}
 	router.push({
@@ -401,31 +324,24 @@ function toSurvery() {
 		query: {
 			courseId: data.value.planDto.evaluateId,
 			pName: "面授课",
+			taskId: data.value.planDto.offcoursePlanId,
+			taskIds: data.value.planDto.offcoursePlanId,
+			chapterOrStageId: 0,
 			sName: data.value.planDto.name,
+			type: 3
 		},
 	});
 }

-function isEndSubMitWork() {
-  if(data.value.workDto.submitEndTime){
-    let date1 = new Date(data.value.workDto.submitEndTime).getTime();
-    let date2 = new Date().getTime();
-    console.log(date1, date2, date1>date2, data.value.workDto.submitEndTime)
-    if(date1<date2){
-      return true;
-    }
-  }else{
-    return false;
-  }
-}
+

 function toWork() {
-  if(data.value.planDto.beginTime){
+	if (data.value.planDto.beginTime) {
 		let date1 = new Date(data.value.planDto.beginTime).getTime()
 		let date2 = new Date().getTime()
-    if(date1>date2){
-      ElMessage.info("面授课未开始");
-      return;
+		if (date1 > date2) {
+			ElMessage.warning("未到开始时间，请耐心等待！");
+
 		}
 	}
 	router.push({
@@ -433,6 +349,9 @@ function toWork() {
 		query: {
 			courseId: data.value.workDto.workId,
 			id: taskId,
+			taskId: taskId,
+			taskIds: taskId,
+			chapterOrStageId: 0,
 			type,
 			pName: "面授课",
 			sName: data.value.planDto.name,
@@ -441,12 +360,12 @@ function toWork() {
 }

 function toExamItem(obj) {
-  if(data.value.planDto.beginTime){
+	if (data.value.planDto.beginTime) {
 		let date1 = new Date(data.value.planDto.beginTime).getTime()
 		let date2 = new Date().getTime()
-    if(date1>date2){
-      ElMessage.info("面授课未开始");
-      return;
+		if (date1 > date2) {
+			ElMessage.warning("未到开始时间，请耐心等待！");
+			
 		}
 	}
 	console.log("obj", obj.examinationTestId);
@@ -514,9 +433,11 @@ onUnmounted(() => {
 			align-items: center;
 		}
 	}
+
 	.return {
 		position: absolute;
 		right: 10%;
+
 		.text {
 			text-align: center;
 			display: flex;
@@ -524,6 +445,7 @@ onUnmounted(() => {
 			align-items: center;
 		}
 	}
+
 	.detailinfo {
 		width: 100%;
 		margin-top: 20px;
@@ -580,6 +502,12 @@ onUnmounted(() => {
 				border-radius: 8px;
 				margin-top: 20px;

+				.wenxintishi {
+					display: flex;
+					justify-content: stretch;
+					padding: 72px;
+				}
+
 				.el-tabs__item {
 					height: 69px;
 					padding: 25px 7px 0px 52px;
@@ -689,9 +617,11 @@ onUnmounted(() => {
 				margin-left: 48px;
 				margin-right: 48px;
 				// min-height: 115px;
+				margin-top: 20px;
 				padding: 25px 0px;
 				display: flex;
 				position: relative;
+
 				// align-items: center;
 			}

@@ -701,13 +631,42 @@ onUnmounted(() => {
 				border-radius: 30px;
 			}

-      .teacheritem .teacherName {
+			.teacheritem {
+				.nameSpan {
+					width: 190px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+
+					.teacherName {
 						font-size: 14px;
 						font-weight: bold;
 						color: #394145;
 						display: flex;
 						align-items: center;
 					}
+				}
+
+
+			}
+
+			.teacheritem {
+				.nameSpan {
+					width: 190px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+
+					.teacherName {
+						font-size: 14px;
+						font-weight: bold;
+						color: #394145;
+						display: flex;
+						align-items: center;
+					}
+				}
+
+			}

 			.teacheritem .introduce {
 				font-size: 14px;
@@ -734,6 +693,8 @@ onUnmounted(() => {
 				cursor: pointer;
 			}
 		}
+
+
 	}
 }
 </style>
--- a/src/views/faceteach/FaceTeachSignUp.vue
+++ b/src/views/faceteach/FaceTeachSignUp.vue
@@ -0,0 +1,504 @@
+<template>
+	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
+	<div class="faceteach" style="padding: 30px">
+		<!-- 面包屑导航 -->
+		<div class="crumb">
+			<div>课程列表</div>
+			<div style="margin-left: 6px; margin-right: 6px">/</div>
+			<div style="font-weight: 700">课程报名</div>
+
+
+			<div v-if="pName != ''" class="return">
+				<div style="display: flex" @click="returnclick">
+					<el-button style="color:#0073FB"> <img class="img2" style="margin-right:11px;cursor: pointer;"
+							src="../../assets/image/return.png" />返回</el-button>
+				</div>
+			</div>
+		</div>
+		<!-- 面包屑导航 -->
+
+		<!-- 基本信息 -->
+		<div class="bascinfo">
+			<div style="display:flex;">
+				<img style="width:405px;height:230px;margin-left: 48px;border-radius: 8px;margin-top: 40px;"
+					:src="data.offcourseDto.picUrl" alt="">
+				<div style="margin-left: 40px;margin-top: 56px;">
+					<div class="title">【面授课】{{ data.planDto?.name }}</div>
+					<div class="time" style="margin-top: 30px">
+						<img style="width: 15px; height: 17px" src="../../assets/image/time.png" />
+						<div style="margin-left: 8px">
+							{{ dayjs(data.planDto?.beginTime).format('YYYY-MM-DD HH:MM') + " 至 " +
+									dayjs(data.planDto?.endTime).format('YYYY-MM-DD HH:MM')
+							}}
+						</div>
+					</div>
+					<div v-if="data.planDto.address" class="time" style="margin-top: 10px">
+						<img style="width: 16px; height: 18px" src="../../assets/image/position.png" />
+						<div style="margin-left: 8px">{{ data.planDto?.address }}</div>
+					</div>
+					<div class="time" style="margin-top: 37px">
+						<botton class="btn" style="margin-right: 20px;width: 160px;height: 46px;" @click="onLineSignUp">立即报名
+						</botton>
+					</div>
+				</div>
+			</div>
+			<div style="display: flex">
+			</div>
+		</div>
+		<!-- 基本信息 -->
+
+		<!-- 详细信息 -->
+		<div class="detailinfo">
+			<div class="detail">
+				<div class="detailB">
+					<el-tabs v-model="activeName" @tab-click="handleClick">
+						<el-tab-pane label="课程介绍" name="first">
+							<div class="notice" style="padding:20px;font-size:14px;">
+								{{ data.offcourseDto?.intro || "暂无课程介绍" }}
+							</div>
+						</el-tab-pane>
+						<el-tab-pane label="课程大纲" name="second">
+							<div style="display: flex; align-items: center">
+								<div style="padding:20px;" class="content" v-html="data.offcourseDto?.outline"></div>
+							</div>
+						</el-tab-pane>
+						<!-- <el-tab-pane label="课程评论" name="third" :disabed=dayjs().isBefore(dayjs(data.planDto.beginTime))>
+
+						</el-tab-pane> -->
+						<el-tab-pane label="材料下载" name="third" :disabed=dayjs().isBefore(dayjs(data.planDto.beginTime))>
+							<div v-if="data.offcourseDto?.attach == ''"
+								style="font-size: 14px;font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px; margin-top: 20px;">
+								此课程无附件
+							</div>
+							<div v-else>
+								<div v-for="(el, index) in formateArr(data.offcourseDto.attach)" :key="index" class="enclosure"
+									:style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }">
+									<div class="enclosureL">
+										<FileTypeImg :v-model="el.slice(el.indexOf('-') + 1)" :style="{
+											width: '22px',
+											height: '26px',
+											marginLeft: '10px',
+										}"></FileTypeImg>
+										<div style="margin-left: 20px">{{ el.slice(el.indexOf('-') + 1) }}</div>
+									</div>
+									<div class="download">
+										<img style="width: 16px; height: 15px" src="../../assets/image/download.png" />
+										<div style="margin-left: 5px;color:#999;">
+											下载
+										</div>
+										<!-- <div style="margin-left: 5px;color:#999;" @click="download(el)">
+											下载
+										</div> -->
+									</div>
+								</div>
+							</div>
+						</el-tab-pane>
+					</el-tabs>
+				</div>
+			</div>
+			<div class="teacher">
+				<div class="title">
+					<img 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="teacherInfo.avatar" />
+					<div class="nameSpan">
+						<div class="teacherName" style="margin-right: 5px">
+							{{ data.planDto?.teacher }}
+						</div>
+						<div class="introduce">{{ data.planDto?.bandDesc }}</div>
+					</div>
+					<!--          <div class="follow">+ 关注</div>-->
+				</div>
+			</div>
+		</div>
+		<!-- 详细信息 -->
+	</div>
+</template>
+
+<script setup>
+import { computed, reactive, toRefs, watch, onUnmounted } from "vue";
+import FileTypeImg from "@/components/FileTypeImg.vue";
+import { request, useRequest } from "@/api/request";
+import {
+	STU_OFFCOURSE_DETAIL,
+	TASK_OFFCOURSE_NOTASK_SIGN,
+	TASK_OFFCOURSE_SIGN,
+	TASK_BROADCAST_SIGN,
+	FACETEACH_SIGNUP
+} from "@/api/api";
+import { useRoute, useRouter } from "vue-router";
+import { useUserInfo } from "@/api/utils";
+import { ElMessage, messageConfig } from "element-plus";
+import dayjs from "dayjs";
+const router = useRouter();
+const returnclick = () => {
+	router.back();
+};
+const {
+	query: { courseId, type, id: taskId },
+} = useRoute();
+
+const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
+console.log("datadatadatadatadatadatadata", data);
+const teacherInfo = useUserInfo(
+	computed(() => data.value?.planDto?.teacherId)
+);
+
+const state = reactive({
+	activeName: "first",
+	enclosure: "",
+	isAllowSign: false,
+});
+const { activeName, enclosure, isAllowSign } = toRefs(state);
+const handleClick = (tab, event) => {
+	console.log("附件", tab, event);
+};
+const download = (url) => {
+	window.open(url);
+};
+const downloads = (url) => {
+	ElMessage.warning("未到开始时间，请耐心等待！");
+};
+let timer = null;
+
+// 报名
+function onLineSignUp() {
+	request(FACETEACH_SIGNUP, { courseId }).then(res => {
+		console.log(res)
+		if (res.code == 200) {
+			ElMessage.success("报名成功");
+		}
+	}).catch(err => {
+		console.log(err)
+	});
+}
+
+function formateArr(strs) {
+	let arrs = strs.split(',')
+	console.log('112233', arrs)
+	return arrs
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss">
+.faceteach {
+	.crumb {
+		color: #fff;
+		display: flex;
+		font-size: 14px;
+		line-height: 24px;
+	}
+
+	.bascinfo {
+		width: 100%;
+		height: 310px;
+		border-radius: 8px;
+		background-color: rgba(255, 255, 255, 1);
+		margin-top: 37px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.btn {
+			width: 146px;
+			height: 46px;
+			background: #2478ff;
+			border-radius: 4px;
+			box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			color: #fff;
+			font-size: 14px;
+			font-weight: 800;
+			line-height: 24px;
+			cursor: pointer;
+			margin-right: 96px;
+		}
+
+		.title {
+			font-size: 20px;
+			font-weight: 800;
+			color: #333333;
+			line-height: 24px;
+			margin-left: -9px;
+		}
+
+		.time {
+			font-size: 14px;
+			color: #6e7b84;
+			line-height: 24px;
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.return {
+		position: absolute;
+		right: 10%;
+
+		.text {
+			text-align: center;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+		}
+	}
+
+	.detailinfo {
+		width: 100%;
+		margin-top: 20px;
+		display: flex;
+		align-items: flex-start;
+
+		.detail {
+			flex: 1;
+			margin-right: 20px;
+
+			.detailT {
+				min-height: 263px;
+				background: #ffffff;
+				border-radius: 8px;
+				color: rgba(51, 51, 51, 1);
+
+				.title {
+					display: flex;
+					align-items: center;
+					padding-top: 39px;
+					position: relative;
+				}
+
+				.title .text {
+					margin-left: 8px;
+					font-size: 16px;
+					color: rgba(51, 51, 51, 1);
+					font-weight: 800;
+				}
+
+				.title .box {
+					width: 75px;
+					height: 10px;
+					background-color: rgba(36, 120, 255, 0.15);
+					position: absolute;
+					left: 23px;
+					top: 53px;
+				}
+
+				.content {
+					margin-left: 8px;
+					font-size: 14px;
+					color: rgba(51, 51, 48, 1);
+					font-weight: 500;
+					line-height: 35px;
+					margin-top: 30px;
+					padding-bottom: 30px;
+				}
+			}
+
+			.detailB {
+				min-height: 363px;
+				background: #ffffff;
+				border-radius: 8px;
+				margin-top: 20px;
+
+				.wenxintishi {
+					display: flex;
+					justify-content: stretch;
+					padding: 72px;
+				}
+
+				.el-tabs__item {
+					height: 69px;
+					padding: 25px 7px 0px 52px;
+					font-size: 14px;
+					font-weight: 500;
+				}
+
+				.el-tabs__nav-wrap::after {
+					background-color: rgba(56, 125, 247, 0.2);
+				}
+
+				.enclosure {
+					height: 89px;
+					margin-left: 51px;
+					margin-right: 40px;
+					// border-bottom: 1px solid rgba(56, 125, 247, 0.2);
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+
+					.enclosureL {
+						display: flex;
+						align-items: center;
+						font-size: 14px;
+						font-weight: 400;
+						color: #677d86;
+						line-height: 24px;
+					}
+
+					.download {
+						display: flex;
+						align-items: center;
+						font-size: 16px;
+						font-weight: 400;
+						color: #2478ff;
+						line-height: 24px;
+						cursor: pointer;
+					}
+				}
+
+				.work {
+					margin-left: 51px;
+					margin-right: 40px;
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					margin-top: 37px;
+				}
+
+				.work .question {
+					font-size: 14px;
+					font-weight: 500;
+					color: #333330;
+					line-height: 18px;
+				}
+
+				.work .submit {
+					width: 126px;
+					height: 46px;
+					background: #2478ff;
+					box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+					border-radius: 4px;
+					font-size: 16px;
+					font-weight: 800;
+					color: #ffffff;
+					line-height: 24px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					cursor: pointer;
+				}
+			}
+		}
+
+		.teacher {
+			width: 434px;
+			min-height: 500px;
+			// height: 10%;
+			background-color: rgba(255, 255, 255, 1);
+			border-radius: 8px;
+
+			.title {
+				display: flex;
+				align-items: center;
+				padding-top: 39px;
+				position: relative;
+				margin-left: 48px;
+			}
+
+			.title .text {
+				margin-left: 8px;
+				font-size: 16px;
+				color: rgba(51, 51, 51, 1);
+				font-weight: 800;
+			}
+
+			.title .box {
+				width: 75px;
+				height: 10px;
+				background-color: rgba(36, 120, 255, 0.15);
+				position: absolute;
+				left: 23px;
+				top: 53px;
+			}
+
+			.teacheritem {
+				margin-left: 48px;
+				margin-right: 48px;
+				// min-height: 115px;
+				margin-top: 20px;
+				padding: 25px 0px;
+				display: flex;
+				position: relative;
+
+				// align-items: center;
+			}
+
+			.teacheritem .peopleimg {
+				width: 60px;
+				height: 60px;
+				border-radius: 30px;
+			}
+
+			.teacheritem {
+				.nameSpan {
+					width: 190px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+
+					.teacherName {
+						font-size: 14px;
+						font-weight: bold;
+						color: #394145;
+						display: flex;
+						align-items: center;
+					}
+				}
+
+
+			}
+
+			.teacheritem {
+				.nameSpan {
+					width: 190px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+
+					.teacherName {
+						font-size: 14px;
+						font-weight: bold;
+						color: #394145;
+						display: flex;
+						align-items: center;
+					}
+				}
+
+			}
+
+			.teacheritem .introduce {
+				font-size: 14px;
+				font-weight: 500;
+				color: #394145;
+				margin-top: 14px;
+			}
+
+			.teacheritem .follow {
+				width: 80px;
+				height: 30px;
+				background: #387df7;
+				border-radius: 4px;
+				margin-top: 28px;
+				position: absolute;
+				right: -25px;
+				font-size: 14px;
+				font-weight: 500;
+				color: #ffffff;
+				line-height: 24px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				cursor: pointer;
+			}
+		}
+
+
+	}
+}
+</style>
--- a/src/views/homework/HomeworkPage.vue
+++ b/src/views/homework/HomeworkPage.vue
@@ -1,4 +1,5 @@
 <template>
+	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
 	<div class="homework" style="padding: 30px">
 		<!-- 面包屑导航 -->
 		<div class="crumb">
@@ -14,11 +15,9 @@
        <span class="content" style="margin-left: 31px">下一个</span>
        <button class="btn btn02" style="margin-left: 6px"></button>
      </div>-->
-
 	   <div class="return">
 				<div style="display: flex" @click="returnclick">
-					<img class="img2" style="margin-right: 22px;cursor: pointer;" src="../../assets/image/return.png" />
-					<div style="cursor: pointer;" class="text">返回</div>
+          <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
 				</div>
 		</div>
 		</div>
@@ -48,11 +47,12 @@
 								</div>
 							</div>
 						</div>
+						<div v-if="dayjs().isBefore(dayjs(data?.submitEndTime)) && dayjs(data?.submitStartTime).isBefore(dayjs())" >
 						<UploadImg v-model:value="fileList" ref="uploadRef">
 							<button class="shangchuan" style="cursor: pointer">
 								上传
 							</button>
-						</UploadImg>
+						</UploadImg></div>
 						<div class="uploadDetail"
 							:style="{ display: showFileList && fileList && fileList.length > 0 ? 'block' : 'none' }"
 							@mousemove="showFileList = 1" @mouseout="showFileList = 0" style="padding-top: 60px">
@@ -108,16 +108,22 @@
 							<div class="text">作业内容</div>
 							<div class="box"></div>
 						</div>
-
-						<div class="join">
+						<div v-if="dayjs().isBefore(dayjs(data?.submitEndTime)) && dayjs(data?.submitStartTime).isBefore(dayjs())" >
 							<el-input   v-model="sbValue.content" :autosize="{ minRows: 12.5, maxRows: 12.5 }" resize="none"
 								type="textarea" />
 						</div>
+						<div v-else class="join">
+							<el-input disabled  v-model="sbValue.content" :autosize="{ minRows: 12.5, maxRows: 12.5 }" resize="none"
+								type="textarea" />
+						</div>
+						
+					
+						<div v-if="dayjs().isBefore(dayjs(data?.submitEndTime)) && dayjs(data?.submitStartTime).isBefore(dayjs())" >
 						<div style="display: flex; justify-content: center">
 							<button class="tijiao" @click="handleClick">{{ submitList && submitList.length > 0 ? "再次" : ""
 							}}提交</button>
 						</div>
-
+						</div>



@@ -149,9 +155,7 @@
 									</div>
 								</div>
 								<div class="content3">
-									<div>
-
-										<span style="margin-left: 10px">
+									<div><span style="margin-left: 10px">
 											<el-link target="_blank" type="primary" :href="value.workUploadAddress?.split(',')[0] || ''">{{
 													value.workUploadAddress?.split(',')[0].split('/').at(-1) ||
 													''
@@ -172,23 +176,12 @@
 				</div>
 				<div class="timebox clearfix">
 					<div class="innertime">
-						{{
-								data?.submitStartTime
-						}}&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;{{
-		data?.submitEndTime
-}}
+						{{data?.submitStartTime}}&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;{{data?.submitEndTime}}
 					</div>
 					<div class="endtime clearfix">
-						<div class="endtimetext">
-							距离结束还有&nbsp;&nbsp;
-							<span class="te">{{
-									parseInt(
-										dayjs(data?.submitEndTime).diff(dayjs(), "minute") / 60
-									)
-							}}</span>&nbsp;&nbsp; 小时&nbsp;&nbsp;<span class="te">{{
-		dayjs(data?.submitEndTime).diff(dayjs(), "minute") % 60
-}}</span>&nbsp;&nbsp;分钟
-						</div>
+						<div v-if="dayjs(data?.submitEndTime).isBefore(dayjs())" class="endtimetext">改任务已结束</div>
+						<div v-else class="endtimetext">距离结束还有&nbsp;&nbsp;<span class="te">{{parseInt(dayjs(data?.submitEndTime).diff(dayjs(), "minute") / 60)}}</span>&nbsp;&nbsp; 小时&nbsp;&nbsp;
+						<span class="te">{{dayjs(data?.submitEndTime).diff(dayjs(), "minute") % 60}}</span>&nbsp;&nbsp;分钟</div>
 					</div>
 				</div>
 				<div class="righttitle">
@@ -271,6 +264,7 @@ const showFileList = computed(() => {
 	return fileList.value.length
 })

+
 const handleClick = () => {
 	console.log(fileList.value, uploadRef.value)
 	if (!sbValue.value.content) {
--- a/src/views/liveBroadcast/LiveBroadcast.vue
+++ b/src/views/liveBroadcast/LiveBroadcast.vue
@@ -1,11 +1,12 @@
 <template>
+	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
 	<div class="moreactive" style="padding: 30px">
 		<!-- 面包屑导航 -->
 		<div class="crumb">
 			<div>{{ pName }}</div>
 			<div style="margin-left: 6px; margin-right: 6px">/</div>
 			<div>{{ sName }}</div>
-      <div style="margin-left: 6px; margin-right: 6px">/</div>
+			<div v-if="sName" style="margin-left: 6px; margin-right: 6px">/</div>
 			<div style="font-weight: 700; font-size: 16px">直播详情</div>
 			<!--
      <div class="preNext">
@@ -17,12 +18,8 @@
      </div>-->
 			<div class="return">
 				<div style="display: flex" @click="returnclick">
-          <img
-            class="img2"
-            style="margin-right: 22px"
-            src="../../assets/image/return.png"
-          />
-          <div class="text">返回</div>
+					<el-button style="color:#0073FB"> <img class="img2" style="margin-right:11px;cursor: pointer;"
+							src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
 		</div>
@@ -33,12 +30,9 @@
 			<div style="margin-left: 46px">
 				<div class="title">【直播】{{ data?.liveName }}</div>
 				<div class="time" style="margin-top: 26px">
-          <img
-            style="width: 15px; height: 17px"
-            src="../../assets/image/time.png"
-          />
+					<img style="width: 15px; height: 17px" src="../../assets/image/time.png" />
 					<div style="margin-left: 8px">
-            {{ data?.liveStartTime + "至" + data?.liveEndTime }}
+						{{ data?.liveStartTime + " 至 " + data?.liveEndTime }}
 					</div>
 				</div>
 				<!--          todo #直播详情 没有位置字段-->
@@ -52,37 +46,22 @@
        </div> -->
 			</div>
 			<div class="threeBtn">
-        <botton
-          class="btn"
-          style="background: rgb(59, 191, 252)"
-          @click="showClick"
-          >观看
+				<botton class="btn" :style="{
+					background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`,
+				}" @click="showClick">观看
 				</botton>
-        <botton
-          class="btn"
-          :style="{
-            background: `${data.signFlag ? '#999' : 'rgb(57, 146, 249)'}`,
-          }"
-          @click="signClick"
-          >{{ data.signFlag ? "已签到" : "签到" }}
+				
+				<botton  class="btn" :style="{
+					background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : data.signFlag ? '#999' : 'rgb(57, 146, 249)'}`,
+				}" @click="signClick">{{ data.signFlag ? "已签到" : "签到" }}
 				</botton>
-        <botton
-          style="background: #999"
-          class="btn"
-          @click="commitClick"
-          v-if="data.isEvaluate == 0"
-        >
+				<botton style="background: #999" class="btn" @click="commitClick" v-if="data.isEvaluate == 0 ">
 					评估
 				</botton>

-        <botton
-          :style="{
-            background: `${data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
-          }"
-          class="btn"
-          @click="commitClick"
-          v-if="data.isEvaluate && data.isEvaluate == 1"
-          >{{ data.isSurvery ? "已评估" : "评估" }}
+				<botton :style="{
+					background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
+				}" class="btn" @click="commitClick" v-if="data.isEvaluate && data.isEvaluate == 1">{{ data.isSurvery ? "已评估": "评估"}}
 				</botton>
 			</div>
 		</div>
@@ -94,10 +73,7 @@
 				<div class="detailT">
 					<div class="" style="margin-left: 48px; margin-right: 48px">
 						<div class="title">
-              <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/course.png"
-              />
+							<img style="width: 20px; height: 20px" src="../../assets/image/course.png" />
 							<div class="text">直播说明</div>
 							<div class="box"></div>
 						</div>
@@ -131,10 +107,7 @@
 			<div>
 				<div class="tell">
 					<div class="title">
-            <img
-              style="width: 21px; height: 23px"
-              src="../../assets/image/tv.png"
-            />
+						<img style="width: 21px; height: 23px" src="../../assets/image/tv.png" />
 						<div class="text">直播公告</div>
 						<div class="box"></div>
 					</div>
@@ -142,18 +115,12 @@
 				</div>
 				<div class="teacher">
 					<div class="title">
-            <img
-              style="width: 21px; height: 23px"
-              src="../../assets/image/livelecturer.png"
-            />
+						<img 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)' }"
-          >
+					<div class="teacheritem" :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }">
 						<img class="peopleimg" :src="teacherInfo.avatar" />
 						<div style="margin-left: 17px; width: 190px">
 							<div class="teacherName" style="margin-right: 5px">
@@ -171,7 +138,7 @@
 </template>

 <script setup>
-import { computed, reactive, toRefs } from "vue";
+import { computed, reactive, toRefs,onUnmounted } 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";
@@ -179,6 +146,7 @@ import { useRoute } from "vue-router/dist/vue-router";
 import { useRouter } from "vue-router";
 import { useUserInfo } from "@/api/utils";
 import { ElMessage } from "element-plus";
+import dayjs from "dayjs";

 const {
 	query: { courseId: liveId, id: taskId, type, pName, sName },
@@ -189,7 +157,7 @@ const returnclick = () => {
 };

 const { data } = useRequest(TASK_BROADCAST_DETAIL, { liveId });
-
+console.log('直播信息', data)
 const teacherInfo = useUserInfo(
 	computed(() => data.value.userInfoBo?.userId)
 );
@@ -208,35 +176,120 @@ const state = reactive({
 });
 const { activeName, teacher } = toRefs(state);
 const signClick = () => {
+	if (!state.isAllowSign) {
+		// console.log("data.signFlag", data.value.signFlag, isAllowSign);
+		ElMessage.warning("未在允许签到时间范围内");
+		return;
+	}
 	if (data.value.signFlag) {
 		return;
 	}
 	data.value.signFlag = 1;
-  ElMessage.info("签到成功");
+	ElMessage.warning("签到成功");
 	request(TASK_BROADCAST_SIGN, { courseId: liveId, taskId, type });
 };
+let timer = null;
+//判断能否签到
+function isSignClick() {
+	timer = setInterval(() => {
+		let beginTime = new Date(data.value.liveStartTime).getTime();
+		let endTime = !data.value.afterSignIn
+			? new Date(data.value.liveEndTime).getTime()
+			: new Date(data.value.liveStartTime).getTime();
+		let nowTime = new Date().getTime();
+		if (data.value.beforeSignIn && data.value.afterSignIn) {
+			//有开始前有开始后
+			beginTime = beginTime - data.value.beforeSignIn * 60 * 1000;
+			endTime = endTime + data.value.afterSignIn * 60 * 1000;
+			console.log("1111");
+		} else if (
+			data.value.beforeSignIn &&
+			!data.value.afterSignIn
+		) {
+			//只有开始前无开始后
+			beginTime = beginTime - data.value.beforeSignIn * 60 * 1000;
+			console.log("11112222");
+		} else if (
+			!data.value.beforeSignIn &&
+			data.value.afterSignIn
+		) {
+			//无开始前有开始后
+			endTime = endTime + data.value.afterSignIn * 60 * 1000;
+			console.log("1111333");
+		}
+		if (nowTime < endTime && nowTime > beginTime) {
+			state.isAllowSign = true;
+		} else {
+			state.isAllowSign = false;
+		}
+		// console.log(
+		//   "isAllowSign",
+		//   state.isAllowSign,
+		//   nowTime,
+		//   endTime,
+		//   beginTime,
+		//   nowTime < endTime,
+		//   nowTime > beginTime
+		// );
+	}, 1000);
+}
+isSignClick();
 const commitClick = () => {
-  if (data.value.isSurvery) {
+	if (data.value.liveStartTime) {
+		let date1 = new Date(data.value.liveStartTime).getTime()
+		let date2 = new Date().getTime()
+		if (date1 > date2) {
+			ElMessage.warning("未到时间，请耐心等待！");
 			return;
 		}
+	}
+	if (data.value.isSurvery) {
+		// return;
+	}
 	if (data.value.isEvaluate == 0) {
-    ElMessage.info("此直播无评估");
+		ElMessage.warning("此直播无评估");
 		return;
 	}

+	console.log({
+		courseId: data.value.assessmentId,
+		taskIds: taskId,
+		chapterOrStageId: 0,
+		pName: "直播",
+		sName: data.value.liveName,
+		type: 4
+	})
+
 	router.push({
 		path: "/surveydetail",
 		query: {
 			courseId: data.value.assessmentId,
+			taskId: data.value.liveId,
+			taskIds: data.value.liveId,
+			chapterOrStageId: 0,
 			pName: "直播",
 			sName: data.value.liveName,
+			type: 4
 		},
 	});
 };

 function showClick() {
+	if (data.value.liveStartTime) {
+		let date1 = new Date(data.value.liveStartTime).getTime()
+		let date2 = new Date().getTime()
+		if (date1 > date2) {
+			ElMessage.warning("未到开始时间，请耐心等待！");
+			return;
+		}
+	}
 	window.open(data.value.liveLink);
 }
+onUnmounted(() => {
+	if (timer) {
+		clearInterval(timer);
+	}
+});
 </script>

 <!-- Add "scoped" attribute to limit CSS to this component only -->
@@ -249,9 +302,11 @@ function showClick() {
 		line-height: 24px;
 		position: relative;
 	}
+
 	.return {
 		position: absolute;
 		right: 10%;
+
 		.text {
 			text-align: center;
 			display: flex;
@@ -259,6 +314,7 @@ function showClick() {
 			align-items: center;
 		}
 	}
+
 	.preNext {
 		position: absolute;
 		right: 0px;
@@ -333,6 +389,7 @@ function showClick() {
 		}

 		@media screen and (max-width: 1030px) {
+
 			// .threeBtn {
 			//   margin-right: 30px;
 			// }
@@ -340,6 +397,7 @@ function showClick() {
 				margin-bottom: -24px;
 			}
 		}
+
 		// @media screen and(max-width:) {
 		// }
 		.time {
@@ -530,11 +588,9 @@ function showClick() {
 			// min-height: 557px;
 			background-color: rgba(255, 255, 255, 1);
 			border-radius: 8px;
-      background: linear-gradient(
-        180deg,
+			background: linear-gradient(180deg,
 					rgba(36, 120, 255, 0.15) 0%,
-        rgba(255, 255, 255) 50%
-      );
+					rgba(255, 255, 255) 50%);

 			.title {
 				display: flex;
--- a/src/views/moreActive/MoreActive.vue
+++ b/src/views/moreActive/MoreActive.vue
@@ -1,4 +1,5 @@
 <template>
+  <div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
  <div class="moreactive" style="padding: 30px">
    <!-- 面包屑导航 -->
    <div class="crumb">
@@ -16,12 +17,7 @@
      </div>-->
      <div class="return">
 				<div style="display: flex" @click="returnclick">
-          <img
-            class="img2"
-            style="margin-right: 22px"
-            src="../../assets/image/return.png"
-          />
-          <div class="text">返回</div>
+          <el-button style="color:#0073FB">	<img class="img2" style="margin-right:11px;cursor: pointer;" src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
    </div>
@@ -49,13 +45,7 @@
          <div style="margin-left: 8px">{{ data?.activityAddress }}</div>
        </div>
      </div>
-      <botton
-        class="btn"
-        :style="{
-          background: `${data.signFlag ? '#999' : 'rgb(57, 146, 249)'}`,
-        }"
-        @click="signClick"
-        >{{ data.signFlag ? "已签到" : "签到" }}
+      <botton class="btn" :style="{background: `${data.signFlag ? '#999' : 'rgb(57, 146, 249)'}`, }" @click="signClick" >{{ data.signFlag ? "已签到" : "签到" }}
      </botton>
    </div>
    <!-- 基本信息 -->
@@ -151,6 +141,7 @@ import { request, useRequest } from "@/api/request";
 import { useRouter } from "vue-router";
 import { useRoute } from "vue-router/dist/vue-router";
 import { ElMessage } from "element-plus";
+import { reactive, onUnmounted } from "vue";
 const router = useRouter();
 const returnclick = () => {
  router.back();
@@ -158,20 +149,74 @@ const returnclick = () => {
 const {
  query: { courseId: activityId, id: taskId, type, pName, sName },
 } = useRoute();
+const state = reactive({

+	isAllowSign: false,
+});
 const { data } = useRequest(ACTIVITY, { activityId });
 const signClick = (tab, event) => {
  if (data.value.signFlag) {
    return;
  }
  data.value.signFlag = true;
-  ElMessage.info("签到成功");
+  ElMessage.warning("签到成功");
  request(TASK_ACTIVITY_SIGN, {
    courseId: activityId,
    taskId,
    type,
  });
 };
+let timer = null;
+//判断能否签到
+function isSignClick() {
+	timer = setInterval(() => {
+		let beginTime = new Date(data.activityStartTime).getTime();
+		let endTime = !data.afterSignIn
+			? new Date(data.activityEndTime).getTime()
+			: new Date(data.activityStartTime).getTime();
+		let nowTime = new Date().getTime();
+		if (data.beforeSignIn && data.afterSignIn) {
+			//有开始前有开始后
+			beginTime = beginTime - data.beforeSignIn * 60 * 1000;
+			endTime = endTime + data.afterSignIn * 60 * 1000;
+			console.log("1111");
+		} else if (
+			data.beforeSignIn &&
+			!data.afterSignIn
+		) {
+			//只有开始前无开始后
+			beginTime = beginTime - data.beforeSignIn * 60 * 1000;
+			console.log("11112222");
+		} else if (
+			!data.beforeSignIn &&
+			data.afterSignIn
+		) {
+			//无开始前有开始后
+			endTime = endTime + data.afterSignIn * 60 * 1000;
+			console.log("1111333");
+		}
+		if (nowTime < endTime && nowTime > beginTime) {
+			state.isAllowSign = true;
+		} else {
+			state.isAllowSign = false;
+		}
+		// console.log(
+		//   "isAllowSign",
+		//   state.isAllowSign,
+		//   nowTime,
+		//   endTime,
+		//   beginTime,
+		//   nowTime < endTime,
+		//   nowTime > beginTime
+		// );
+	}, 1000);
+}
+isSignClick();
+onUnmounted(() => {
+	if (timer) {
+		clearInterval(timer);
+	}
+});
 </script>

 <!-- Add "scoped" attribute to limit CSS to this component only -->
--- a/src/views/project/ProjectDetails.vue
+++ b/src/views/project/ProjectDetails.vue
@@ -1,17 +1,26 @@
 <template>
+	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
 	<div class="pathdetails" style="padding: 30px">
 		<!-- 面包屑导航 -->
 		<div class="crumb">
-			     <div>{{data.name}}</div>
+			<div>{{ data.name }}</div>
 			<div style="margin-left: 6px; margin-right: 6px">/</div>
 			<div style="font-weight: 700">项目详情</div>
+<!--
+			<div class="return">
+				<div style="display: flex" @click="returnclick">
+					<el-button style="color:#0073FB"> <img class="img2" style="margin-right:11px;cursor: pointer;"
+							src="../../assets/image/return.png" />返回</el-button>
+				</div>
+			</div>
+			-->
 		</div>
 		<!-- 面包屑导航 -->
 		<div class="pdname">
 			{{ userInfo.bandDesc }}
-			<span @click="introductionPro"  style="font-size:14px;color:#fff;margin-left: 33px;cursor: pointer;">简介
-				<span style="position: relative;top:1px;left:-3px;cursor: pointer;">></span>
-			</span>
+			<el-popover v-if="data.remark" ref="popover" popper-class="jianjie" placement="right" trigger="hover" :width="300" :content="data.remark">
+    <template #reference><span style="font-size: 16px;font-weight: 600;">简介></span></template>
+  </el-popover>
 		</div>

 		<!-- 详细信息 -->
@@ -37,11 +46,20 @@
 						(e) => !whiteTypes(e.type)
 					)" :key="index">
 						<div style="width: 70%">
-							<div class="coursename" :title="value.name">{{ value.name }}</div>
+							<div v-if="value.name.length > 50" class="coursename" :title="value.name">
+							<el-popover ref="popover"  placement="right" trigger="hover" :width="300" :content="value.name">
+								<template #reference></template>
+							</el-popover>
+							</div>
+
+							<div v-else class="coursename" :title="value.name">{{ value.name }}</div>
 							<div class="coursetag">
-								<div class="tag1" style="margin-right: 11px; margin-top: 16px">
+								<div v-if="value.flag" class="tag1" style="margin-right: 11px; margin-top: 16px">
 									必修
 								</div>
+								<div v-else class="tag2" style="margin-right: 11px; margin-top: 16px">
+									选修
+								</div>
 								<div class="tag3" style="margin-right: 11px; margin-top: 16px">
 									{{ types.typeName[value.type] || "" }}
 								</div>
@@ -75,7 +93,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="goclass" @click="toFinish(value, i.name, i.stageId)">
+						<div class="goclass" @click="toFinish(value, i.stageName, i.stageId)">
 							{{
 									value.status === 1
 										? "已完成"
@@ -109,7 +127,7 @@
 					<el-tabs v-model="activeName" @tab-click="handleClick">
 						<el-tab-pane label="课程公告" name="first">
 							<div class="notice">
-								{{ data.remark || "暂无公告" }}
+								{{ data.notice || "暂无公告" }}
 							</div>
 						</el-tab-pane>
 						<!--  
@@ -231,11 +249,7 @@
 		</div>
 		<!-- 详细信息 -->
 		<!-- 弹框提示信息 -->
-		<el-dialog
-			title=""
-			top="347px"
-			v-model="dialogVisible"
-			:show-close="false"
+		<el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false"
 			style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;"
 			width="502px">
 			<div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div>
@@ -272,9 +286,7 @@ const {
 	query: { courseId, projectId },
 } = useRoute();
 const router = useRouter();
-const returnclick = () => {
-	router.back();
-};
+
 const { data } = useRequest(PROJECT_PROCESS, {
 	projectId: projectId || courseId,
 });
@@ -363,25 +375,17 @@ const types = ref({
 const dialogVisible = ref(false);
 const dialogVisibleTip = ref('该任务无法学习，请联系管理员进行替换！');

-// function dialogVisible(){
-// 	return true;
-// }

-function introductionPro() {
-	dialogVisibleTip.value =data.value.remark;
-	dialogVisible.value = true;
-}
-
-function toFinish(d, sName, chapterId) {
-	console.log("dddddd", d);
+function toFinish(d, sName, chapterOrStageId) {
+	console.log("dddddd", d, sName, chapterOrStageId);
 	// 作业过期判断
 	if (d.type == 4) {
 		let date1 = new Date(d.endTime).getTime();
 		let date2 = new Date().getTime();
 		if (date1 < date2) {
-			dialogVisibleTip.value ='当前作业已结束';
+			dialogVisibleTip.value = '当前作业已结束';
 			dialogVisible.value = true;
-			// ElMessage.error("当前作业已结束")
+		
 			return
 		}
 	}
@@ -390,7 +394,7 @@ function toFinish(d, sName, chapterId) {
 		let date1 = new Date(d.endTime).getTime();
 		let date2 = new Date().getTime();
 		if (date1 < date2) {
-			dialogVisibleTip.value ='当前直播已结束';
+			dialogVisibleTip.value = '当前直播已结束';
 			dialogVisible.value = true;
 			return
 		}
@@ -399,7 +403,7 @@ function toFinish(d, sName, chapterId) {
 	if (d.type == 5) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
 			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
-			dialogVisibleTip.value ='该任务无法学习，请联系管理员进行替换！';
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
 			dialogVisible.value = true;
 			return
 		}
@@ -408,7 +412,7 @@ function toFinish(d, sName, chapterId) {
 	if (d.type == 11) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
 			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
-			dialogVisibleTip.value ='该任务无法学习，请联系管理员进行替换！';
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
 			dialogVisible.value = true;
 			return
 		}
@@ -418,7 +422,7 @@ function toFinish(d, sName, chapterId) {
 		let date1 = new Date(d.endTime).getTime();
 		let date2 = new Date().getTime();
 		if (date1 < date2) {
-			dialogVisibleTip.value ='当前活动已结束';
+			dialogVisibleTip.value = '当前活动已结束';
 			dialogVisible.value = true;
 			return
 		}
@@ -427,7 +431,7 @@ function toFinish(d, sName, chapterId) {
 	if (d.type == 1) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
 			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
-			dialogVisibleTip.value ='该任务无法学习，请联系管理员进行替换！';
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
 			dialogVisible.value = true;
 			return
 		}
@@ -436,7 +440,7 @@ function toFinish(d, sName, chapterId) {
 	if (d.type == 2) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
 			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
-			dialogVisibleTip.value ='该任务无法学习，请联系管理员进行替换！';
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
 			dialogVisible.value = true;
 			return
 		}
@@ -466,9 +470,12 @@ function toFinish(d, sName, chapterId) {
 				query: {
 					id: d.projectTaskId,
 					type: 2,
+					taskId: data.value.projectId,
+					taskIds: data.value.projectId,
 					courseId: d.courseId,
 					pName: data.value.name,
 					sName,
+					chapterOrStageId
 				},
 			});
 	} else if (typeof types.value.path[d.type] === "function") {
@@ -481,15 +488,31 @@ function whiteTypes(type) {
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
+.example-showcase .el-loading-mask {
+  z-index: 9;
+}
 .pathdetails {
 	.el-dialog__header {
 		display: none;
 	}
+
 	.crumb {
 		color: #fff;
 		display: flex;
 		font-size: 14px;
 		line-height: 24px;
+
+		.return {
+			position: absolute;
+			right: 10%;
+
+			.text {
+				text-align: center;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+			}
+		}
 	}

 	.pdname {
--- a/src/views/project/ProjectManage.vue
+++ b/src/views/project/ProjectManage.vue
@@ -31,37 +31,22 @@
 					<el-input v-model="projectname" placeholder="请输入项目名称" />
 				</div>
 				<div style="width: 420px">
-          <el-date-picker
-            v-model="searchTime"
-            type="datetimerange"
-            start-placeholder="开始时间"
-            end-placeholder="结束时间"
-            @change="selectTime"
-          />
+					<el-date-picker v-model="searchTime" type="daterange" range-separator="To" start-placeholder="开始时间" end-placeholder="结束时间" :size="size" @change="selectTime"/>
+					
 				</div>

-        <button
-          class="searchBtn"
-          @click="searchClick"
-          style="margin-left: 20px"
-        >
+				<button class="searchBtn" @click="searchClick" style="margin-left: 20px">
 					搜索
 				</button>
 				<button class="searchBtn" @click="resetClick">重置</button>
 			</div>
-      <div class="projectList" v-if="projectList.length==0" style="display:flex;color:#909399;">
-        <img
-            class="img2"
-            style="margin-left: 675px;margin-top: 165px;width:148px;height:220px;"
-            src="../../assets/image/notask.png"
-          />
+			<div class="projectList" v-if="!projectList.length" style="display:flex;color:#909399;">
+				<img class="img2" style="margin-left:359px;margin-top:100px;width:148px;height:220px;"
+					src="../../assets/image/notask.png" />
 			</div>
 			<div v-else class="projectList" v-for="(i, k) in projectList" :key="k">
 				<div style="display: flex">
-          <img
-            style="width: 253px; height: 144px; border-radius: 4px"
-            :src="i.picUrl"
-          />
+					<img style="width: 253px; height: 144px; border-radius: 4px" :src="i.picUrl" />
 					<div style="margin-left: 29px">
 						<div class="projectName" :title="i.name">
 							{{ i.name }}
@@ -69,29 +54,19 @@
 						<div class="progress">
 							<div class="progressNow">当前进度：</div>
 							<div style="width: 115px">
-                <el-progress
-                  :percentage="parseInt(i.finishTaskNum / i.totalTaskNum) * 100"
-                  :show-text="false"
-                  :stroke-width="8"
-                  color="rgba(255, 160, 80, 1)"
-                />
+								<el-progress :percentage="parseInt(i.finishTaskNum / i.totalTaskNum * 100)" :show-text="false"
+									:stroke-width="8" color="rgba(255, 160, 80, 1)" />
 							</div>
 							<div class="progressNum">
 								{{
-                  i.finishTaskNum && i.totalTaskNum
-                    ? parseInt(i.finishTaskNum / i.totalTaskNum) * 100
-                    : 0
+										(i.finishTaskNum && i.totalTaskNum) ? parseInt(i.finishTaskNum / i.totalTaskNum * 100) : 0
 								}}%
 							</div>
 						</div>
-            <div class="studyNew">最新一次学习时间：{{ i.lastStudyTime }}</div>
+						<div class="studyNew" v-if="i.lastStudyTime">最新一次学习时间：{{ i.lastStudyTime }}</div>
 					</div>
 				</div>
-        <div
-          class="tobestarted"
-          v-if="i.status == 2"
-          @click="goProjectDetails(i)"
-        >
+				<div class="tobestarted" v-if="i.status == 2" @click="goProjectDetails(i)">
 					待开始
 				</div>
 				<div class="gostudy" v-if="i.status == 0" @click="goProjectDetails(i)">
@@ -100,11 +75,7 @@
 				<div class="finish" v-if="i.status == 1" @click="goProjectDetails(i)">
 					已完成
 				</div>
-        <div
-          class="tobestarted"
-          v-if="i.status == 3"
-          @click="goProjectDetails(i)"
-        >
+				<div class="tobestarted" v-if="i.status == 3" @click="goProjectDetails(i)">
 					已结束
 				</div>
 			</div>
@@ -208,10 +179,16 @@ const resetClick = () => {
 //搜索--------------end-----------------------------------------
 const router = useRouter();
 const goProjectDetails = (value) => {
-  router.push({
+	import.meta.env.MODE === "development"
+		? router.push({
 			path: "/projectdetails",
 			query: { projectId: value.projectId },
-  });
+		})
+		: window.open(
+			`${import.meta.env.VITE_BOE_PATH_DETAIL_URL}/projectdetails&params=${encodeURIComponent(
+				`projectId=${value.projectId}`
+			)}`
+		);
 };
 </script>
 <style lang="scss">
@@ -221,22 +198,26 @@ const goProjectDetails = (value) => {
 	//border-radius: 8px;
 	background-color: rgba(255, 255, 255, 1);
 	display: flex;
+
 	// background-color: #ccc;
 	.content {
 		width: 100%;
 		// flex: 1;
 		margin-top: 50px;
 		margin-left: 81px;
+
 		.title {
 			font-size: 18px;
 			font-weight: 600;
 			color: #333333;
 			line-height: 25px;
 		}
+
 		.search {
 			margin-top: 31px;
 			display: flex;
 			align-items: center;
+
 			.searchBtn {
 				width: 100px;
 				height: 35px;
@@ -251,12 +232,14 @@ const goProjectDetails = (value) => {
 				margin-left: 10px;
 			}
 		}
+
 		.projectList {
 			margin-top: 40px;
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
 			overflow-x: auto;
+
 			.projectName {
 				width: 270px;
 				margin-top: 12px;
@@ -269,12 +252,15 @@ const goProjectDetails = (value) => {
 				text-overflow: ellipsis;
 				white-space: nowrap;
 			}
+
 			.progress {
 				display: flex;
 				align-items: center;
+
 				.el-progress-bar__outer {
 					background-color: rgba(255, 160, 80, 0.19);
 				}
+
 				.progressNow {
 					font-size: 14px;
 					font-weight: 400;
@@ -282,6 +268,7 @@ const goProjectDetails = (value) => {
 					line-height: 20px;
 					margin-right: 20px;
 				}
+
 				.progressNum {
 					font-size: 12px;
 					font-weight: 400;
@@ -290,6 +277,7 @@ const goProjectDetails = (value) => {
 					margin-left: 26px;
 				}
 			}
+
 			.studyNew {
 				margin-top: 16px;
 				font-size: 14px;
@@ -297,6 +285,7 @@ const goProjectDetails = (value) => {
 				color: #999999;
 				line-height: 20px;
 			}
+
 			.tobestarted {
 				width: 140px;
 				height: 40px;
@@ -312,6 +301,7 @@ const goProjectDetails = (value) => {
 				cursor: pointer;
 				margin-right: 120px;
 			}
+
 			.gostudy {
 				width: 140px;
 				height: 40px;
@@ -328,6 +318,7 @@ const goProjectDetails = (value) => {
 				margin-right: 120px;
 				cursor: pointer;
 			}
+
 			.finish {
 				width: 140px;
 				height: 40px;
--- a/src/views/roadmap/LearnPath.vue
+++ b/src/views/roadmap/LearnPath.vue
@@ -5,11 +5,11 @@
        <div class="titleL">
          <div @click="returnfun" class="text">学习路径图</div>
          <div class="info" style="margin-right: 14px" v-if="userInfo.jobName">
-						<img style="width: 20px; height: 18px; margin-right: 10px" src="../../assets/image/pm.png" />
+            <img style="width: 20px; height: 18px; margin-right: 10px" src="../../assets/image/pm.png"/>
            <div style="margin-top: 1px">{{ userInfo.jobName }}</div>
          </div>
          <div class="info" v-if="userInfo.bandDesc">
-						<img style="width: 18px; height: 17px; margin-right: 11px" src="../../assets/image/band.png" />
+            <img style="width: 18px; height: 17px; margin-right: 11px" src="../../assets/image/band.png"/>
            <div style="margin-top: 2px">{{ userInfo.bandDesc }}</div>
          </div>
        </div>
@@ -60,18 +60,19 @@
        <div style="min-width: 770px; width: 100%">
          <el-table :data="data" style="width: 100%" @row-click="gofun">
            <el-table-column prop="img" label="缩略图" #default="scope" align="center" width="255">
-							<img :src="scope.row.picUrl" style="width: 230px; height: 155px" />
+              <img :src="scope.row.picUrl" style="width: 230px; height: 155px"/>
            </el-table-column>
-						<el-table-column align="center" prop="name" label="路径名称" />
+            <el-table-column align="center" prop="name" label="路径名称"/>
            <el-table-column align="center" prop="introduce" label="路径介绍" #default="scope">
-							<el-popover placement="bottom-start"   :width="400"  title="路径介绍" trigger="hover" :content="scope.row.remark">
+              <el-popover placement="bottom-start" :width="400" title="路径介绍" trigger="hover"
+                          :content="scope.row.remark">
                <template #reference>
                  <div>{{ scope.row.remark }}</div>
                </template>
              </el-popover>
            </el-table-column>

-						<el-table-column align="center" prop="organizationName" label="归属组织" />
+            <el-table-column align="center" prop="organizationName" label="归属组织"/>
            <el-table-column #default="scope" align="center" :width="150" prop="state" label="状态">
              <img :src="
 								scope.row.taskStatus === 1
@@ -81,46 +82,37 @@
 										: scope.row.taskStatus === 0
 											? nostarted
 											: null
-							" style="width: 99px; height: 99px" />
+							" style="width: 99px; height: 99px"/>
            </el-table-column>
          </el-table>
        </div>
      </div>
-
      <!--      :src="{ 0: nostarted, 1: completed, 2: ongoing }[scope.row.status]"-->
      <!-- 路径列表-->
      <!-- 路径详情图 -->
      <div :style="{ display: showmapdetail ? 'flex' : 'none' }" class="mapdetail">
-				<div v-for="(item, i) in detail?.rows" :key="i">
-					<img :src="useImage(`222_0${i + 2}.png`)" />
-				</div>
-				<!--        <div class="modal"-->
-				<!--             style="width: calc(100% - 168px); height: 525px;background-image: url('../../src/assets/image/mapdetail.png');background-size: 100%;background-repeat: no-repeat;">-->
-				<!--        </div>-->
+        <PathDetailImage img="https://u-pre.boe.com/upload/路径图背景-1671015331292.png" :detail="detail"></PathDetailImage>
      </div>
      <!-- 路径详情图 -->
    </div>
  </div>
 </template>
 <script setup>
-import { reactive, toRefs, ref, onMounted, computed } from "vue";
+import {computed, ref} from "vue";
 import nostarted from "../../assets/image/nostarted.png";
 import completed from "../../assets/image/completed.png";
 import ongoing from "../../assets/image/ongoing.png";
-import { boeRequest, request, usePage, useRequest } from "@/api/request";
-import {
-	ROUTER_CHAPTER_LIST,
-	ROUTER_LIST,
-	ROUTER_UNCOMPLETE_LIST,
-} from "@/api/api";
-import { useImage } from "@/api/utils";
-import { useRouter } from "vue-router";
+import {usePage} from "@/api/request";
+import {ROUTER_LIST,} from "@/api/api";
+import {useRouter} from "vue-router";
 import store from "@/store";
+import PathDetailImage from "@/components/PathDetailImage.vue";

 const detail = ref();
+const showmapdetail = ref(false);
+const currentStageId = ref();
 const userInfo = computed(() => store.state.userInfo);
-const { data } = usePage(ROUTER_LIST, { pageSize: 60 });
-console.log("datadata", data);
+const {data} = usePage(ROUTER_LIST, {pageSize: 60});
 const router = useRouter();
 const returnclick = () => {
  router.back();
@@ -128,40 +120,25 @@ const returnclick = () => {

 // const {unCompleteTaskList} = useRequest(ROUTER_UNCOMPLETE_LIST, {});

-const state = reactive({
-	showmapdetail: false,
-});
-const { showmapdetail } = toRefs(state);
-
 const returnfun = () => {
-	state.showmapdetail = false;
+  showmapdetail.value = false;
 };

-async function gofun({ routerId, name: routerName }) {
-	// console.log(routerId)
-	// const data = await request(ROUTER_CHAPTER_LIST, {stuChapterListVo: {routerId}})
-	// detail.value = data.data
-	// state.showmapdetail = true;
-	// router.push({path: "/pathdetails", query: {routerId}});
-	import.meta.env.MODE === "development"
-		? router.push({
-			path: "/pathdetails",
-			query: { routerId, routerName },
-		})
-		: window.open(
-			`http://u-pre.boe.com/pc/forward?to=/fe-student/pathdetails&params=${encodeURIComponent(
-				`routerId=${routerId}&routerName=${routerName}`
-			)}`
-		);
+async function gofun(e) {
+  detail.value = e
+  showmapdetail.value = true;
+}
+
+function toUnTask() {
 }
-function toUnTask() { }
 </script>
 <style lang="scss">
 #app div:nth-child(1) {
  // background: rgba(0, 0, 0, 0) !important;
 }

-.modal {}
+.modal {
+}

 .modal:after {
  content: "";
@@ -178,7 +155,7 @@ function toUnTask() { }
    width: 100%;
    // flex: 1;
    margin-top: 43px;
-
+    position: relative;
    // background-color: pink;
    .title {
      display: flex;
@@ -266,7 +243,7 @@ function toUnTask() { }

    .mapdetail {
      width: calc(100% - 107px);
-			height: 577px;
+      min-height: 577px;
      background: rgba(242, 245, 247, 0.6);
      margin-top: 26px;
      border-radius: 8px;
@@ -315,9 +292,10 @@ function toUnTask() { }
    margin-left: 28px;
    cursor: pointer;
  }
+
  .box-item {
    width: 200px;
    margin-top: 10px;
-}
+  }
 }
 </style>
--- a/src/views/roadmap/PathDetails.vue
+++ b/src/views/roadmap/PathDetails.vue
@@ -1,18 +1,30 @@
 <template>
+	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
 	<div class="pathdetails" style="padding: 30px">
 		<!-- 面包屑导航 -->
 		<div class="crumb">
-      <div>{{ routerName }}</div>
+			<div>{{ data.name }}</div>
 			<div style="margin-left: 6px; margin-right: 6px">/</div>
 			<div style="font-weight: 700">路径图详情</div>
+			<!--
+			<div class="return">
+				<div style="display: flex" @click="returnclick">
+					<el-button style="color:#0073FB"> <img class="img2" style="margin-right:11px;cursor: pointer;"
+							src="../../assets/image/return.png" />返回</el-button>
+				</div>
+			</div>
+			-->
+
 		</div>
 		<!-- 面包屑导航 -->
+
    <div class="pdname">
      {{ userInfo.bandDesc }}    
-      <span @click="introductionPro"  style="font-size:14px;color:#fff;margin-left: 33px;cursor: pointer;">简介
-				<span style="position: relative;top:1px;left:-3px;cursor: pointer;">></span>
-			</span>
+      <el-popover v-if="data.remark" ref="popover" popper-class="jianjie" placement="right" trigger="hover" :width="300" :content="data.remark">
+    <template #reference><span style="font-size: 16px;font-weight: 600;">简介></span></template>
+  </el-popover>
    </div>
+  
    <!-- 详细信息 -->
    <div class="detailinfo">
      <div class="detailL">
@@ -35,7 +47,15 @@
              :key="index"
          >
            <div style="width: 70%">
-              <div class="coursename" :title="value.name">{{ value.name }}</div>
+				<div  v-if="value.name.length >50" class="coursename" :title="value.name">
+				<el-popover ref="popover"  placement="right" trigger="hover" :width="300" :content="value.name">
+					<template #reference>{{ value.name }}</template>
+				</el-popover>
+				</div>
+
+				<div  v-else class="coursename" :title="value.name">
+				{{ value.name }}
+				</div>
              <div class="coursetag">
                <div
                    class="tag1"
@@ -64,18 +84,11 @@
 								<!--                                  {{ item.name }}-->
 								<!--                                </div>-->
 							</div>
-              <div
-                  class="progressBox"
-                  :style="{ display: value.type === 1 ? 'block' : 'none' }"
-              >
+							<div v-if="value.type === 1" class="progressBox">
 								<div>当前进度</div>
 								<div class="progress">
 									<div style="width: 291px">
-                    <el-progress
-                        :percentage="value.currentRatio"
-                        :show-text="false"
-                        :stroke-width="8"
-                        :color="
+										<el-progress :percentage="value.currentRatio * 100" :show-text="false" :stroke-width="8" :color="
 											{
 												0: 'rgba(238, 112, 108, 1)',
 												1: 'rgba(255, 151, 38, 1)',
@@ -83,17 +96,10 @@
 												3: 'rgba(59, 94, 251, 1)',
 												4: 'rgba(57, 219, 183, 1)',
 												5: 'rgba(57, 219, 183, 1)',
-                        }[parseInt(value.currentRatio / 20)]
-                      "
-                    />
+											}[parseInt(value.currentRatio * 100 / 20)]
+										" />
 									</div>
-                  <div
-                      style="
-                      font-size: 14px;
-                      font-weight: 500;
-                      color: #277aff;
-                      margin-left: 10px;
-                    "
+									<div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;" 
 					:style="{
                    	color: {
                    		0: 'rgba(238, 112, 108, 1)',
@@ -102,28 +108,17 @@
                    		3: 'rgba(59, 94, 251, 1)',
                    		4: 'rgba(57, 219, 183, 1)',
                    		5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt(value.currentRatio / 20)],
-                    }"
-                  >
-                    {{ value.currentRatio }}%
+                    	}[parseInt(value.currentRatio * 100 / 20)],
+                    }">
+										{{ value.currentRatio * 100 }}%
 									</div>
 								</div>
 							</div>
 						</div>
-            <div
-                class="goclass"
-                :style="{
+						<div class="goclass" :style="{
 							background: `${types.path[value.type] ? '#2478ff' : '#999'}`,
-              }"
-                @click="toFinish(value)"
-            >
-              {{
-                value.status === 1
-                    ? "已完成"
-                    : types.path[value.type]
-                        ? types.toName[value.type]
-                        : "未开放"
-              }}
+						}" @click="toFinish(value)">
+							{{ value.currentRatio === 1 ? "已完成" : types.path[value.type] ? types.toName[value.type] : "未开放" }}
 						</div>
 						<!--            <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
 						<!--              <div-->
@@ -184,19 +179,13 @@
 				<div class="detailRB">
 					<div class="info">
 						<div class="title">
-              <img
-                  style="width: 21px; height: 20px"
-                  src="../../assets/image/pathdetails/info.png"
-              />
+							<img 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)' }"
-            >
-              <img class="peopleimg" :src="userInfo.avatar"/>
+						<div class="teacheritem" :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }">
+							<img class="peopleimg" :src="userInfo.avatar" />
 							<div style="margin-left: 17px">
 								<div class="teacherName">
 									<div style="margin-right: 5px">
@@ -212,10 +201,7 @@
 					</div>
 					<div class="info" style="padding-top: 20px">
 						<div class="title">
-              <img
-                  style="width: 18px; height: 17px"
-                  src="../../assets/image/pathdetails/study.png"
-              />
+							<img style="width: 18px; height: 17px" src="../../assets/image/pathdetails/study.png" />
 							<div class="text" style="margin-left: 9px">学习进度</div>
 							<div class="box"></div>
 						</div>
@@ -229,11 +215,8 @@
 								<div>总进度</div>
 								<div class="progress">
 									<div style="width: 291px">
-                    <el-progress
-                        :percentage="parseInt(data.currentChapterCnt/data.totalChapterCnt * 100)"
-                        :show-text="false"
-                        :stroke-width="8"
-                        :color="
+										<el-progress :percentage="parseInt(data.currentChapterCnt / data.totalChapterCnt * 100)"
+											:show-text="false" :stroke-width="8" :color="
 												{
 													0: 'rgba(238, 112, 108, 1)',
 													1: 'rgba(255, 151, 38, 1)',
@@ -241,13 +224,10 @@
 													3: 'rgba(59, 94, 251, 1)',
 													4: 'rgba(57, 219, 183, 1)',
 													5: 'rgba(57, 219, 183, 1)',
-                        }[(parseInt(data.currentChapterCnt/data.totalChapterCnt)* 100) / 20]
-                      "
-                    />
+												}[(parseInt(data.currentChapterCnt / data.totalChapterCnt) * 100) / 20]
+											" />
 									</div>
-                  <div
-                      style="font-size: 14px; font-weight: 500; margin-left: 10px"
-                      :style="{
+									<div style="font-size: 14px; font-weight: 500; margin-left: 10px" :style="{
 										color: {
 											0: 'rgba(238, 112, 108, 1)',
 											1: 'rgba(255, 151, 38, 1)',
@@ -255,10 +235,9 @@
 											3: 'rgba(59, 94, 251, 1)',
 											4: 'rgba(57, 219, 183, 1)',
 											5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt((data.currentChapterCnt/data.totalChapterCnt * 100) / 20)],
-                    }"
-                  >
-                    {{ parseInt(data.currentChapterCnt/data.totalChapterCnt * 100) }}%
+										}[parseInt((data.currentChapterCnt / data.totalChapterCnt * 100) / 20)],
+									}">
+										{{ parseInt(data.currentChapterCnt / data.totalChapterCnt * 100) }}%
 									</div>
 								</div>
 							</div>
@@ -268,11 +247,8 @@
 								<div>必修进度</div>
 								<div class="progress">
 									<div style="width: 291px">
-                    <el-progress
-                        :percentage="parseInt(data.currentReqCnt/data.totalReqCnt * 100)"
-                        :show-text="false"
-                        :stroke-width="8"
-                        :color="
+										<el-progress :percentage="parseInt(data.currentReqCnt / data.totalReqCnt * 100)" :show-text="false"
+											:stroke-width="8" :color="
 												{
 													0: 'rgba(238, 112, 108, 1)',
 													1: 'rgba(255, 151, 38, 1)',
@@ -280,18 +256,15 @@
 													3: 'rgba(59, 94, 251, 1)',
 													4: 'rgba(57, 219, 183, 1)',
 													5: 'rgba(57, 219, 183, 1)',
-                        }[parseInt((data.currentReqCnt/data.totalReqCnt * 100) / 20)]
-                      "
-                    />
+												}[parseInt((data.currentReqCnt / data.totalReqCnt * 100) / 20)]
+											" />
 									</div>
-                  <div
-                      style="
+									<div style="
                      font-size: 14px;
                      font-weight: 500;
                      color: #277aff;
                      margin-left: 10px;
-                    "
-                      :style="{
+                    " :style="{
                    	color: {
                    		0: 'rgba(238, 112, 108, 1)',
                    		1: 'rgba(255, 151, 38, 1)',
@@ -299,10 +272,9 @@
                    		3: 'rgba(59, 94, 251, 1)',
                    		4: 'rgba(57, 219, 183, 1)',
                    		5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt((data.currentReqCnt/data.totalReqCnt * 100) / 20)],
-                    }"
-                  >
-                    {{ parseInt(data.currentReqCnt/data.totalReqCnt * 100) }}%
+                    	}[parseInt((data.currentReqCnt / data.totalReqCnt * 100) / 20)],
+                    }">
+										{{ parseInt(data.currentReqCnt / data.totalReqCnt * 100) }}%
 									</div>
 								</div>
 							</div>
@@ -314,11 +286,7 @@
 		</div>
 		<!-- 详细信息 -->
 		<!-- 弹框提示信息 -->
-		<el-dialog
-			title=""
-			top="347px"
-			v-model="dialogVisible"
-			:show-close="false"
+		<el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false"
 			style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;"
 			width="502px">
 			<div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div>
@@ -331,39 +299,36 @@
 </template>

 <script setup>
-import {computed, reactive, ref, watch} from "vue";
+import { computed, reactive, ref, watch } from "vue";
 import circle from '../../assets/image/pathdetails/circle.png';
 import circle2 from '../../assets/image/pathdetails/circle2.png';
-import {boeRequest, useRequest, request} from "@/api/request";
-import {ROUTER_PROCESS, LINK_DETAILS, STUDY_RECORD} from "@/api/api";
-import {useRoute, useRouter} from "vue-router";
-import {ElMessage} from "element-plus";
+import { boeRequest, useRequest, request } from "@/api/request";
+import { ROUTER_PROCESS, LINK_DETAILS, STUDY_RECORD } from "@/api/api";
+import { useRoute, useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
 import store from "@/store";

 const {
-  query: {routerId, routerName},
+	query: { routerId, routerName },
 } = useRoute();
 const router = useRouter();
 const returnclick = () => {
 	router.back();
 };
-const {data} = useRequest(ROUTER_PROCESS, {routerId});
+const { data } = useRequest(ROUTER_PROCESS, { routerId });
 const userInfo = computed(() => store.state.userInfo);
-
+console.log('lalalallala', data)
 const activeName = ref("first");

 const handleClick = (tab, event) => {
 	console.log(tab, event);
 };
-const path = {1: "path"};
+const path = { 1: "path" };

 const dialogVisible = ref(false);
 const dialogVisibleTip = ref('');

-function introductionPro() {
-	dialogVisibleTip.value =data.value.remark;
-	dialogVisible.value = true;
-}
+

 const types = ref({
 	typeName: {
@@ -403,13 +368,13 @@ const types = ref({
 		4: "/homeworkpage",
 		5: import.meta.env.VITE_BOE_EXAM_DETAIL_URL, //考试
 		6: "/livebroadcast",
-    7: ({courseId}) =>
-        request(LINK_DETAILS(courseId), {}).then(({data: {linkAddress}}) =>
+		7: ({ courseId }) =>
+			request(LINK_DETAILS(courseId), {}).then(({ data: { linkAddress } }) =>
 				window.open(linkAddress)
 			), //外联
 		8: "/discusspage",
 		9: "/moreactive",
-    10: ({evaType, targetId}) =>
+		10: ({ evaType, targetId }) =>
 			window.open(
 				(evaType == 0
 					? import.meta.env.VITE_BOE_TEST_DETAIL_URL
@@ -422,10 +387,78 @@ const types = ref({
 });

 function toFinish(d) {
+	console.log(d)
+	console.log(data.value.currentStageId, routerId)
 	if (!types.value.path[d.type]) {
 		ElMessage.error("暂时未开放");
 		return;
 	}
+	if (d.type == 4) {
+		let date1 = new Date(d.endTime).getTime();
+		let date2 = new Date().getTime();
+		if (date1 < date2) {
+			dialogVisibleTip.value = '当前作业已结束';
+			dialogVisible.value = true;
+		
+			return
+		}
+	}
+	// 直播结束时间
+	if (d.type == 6) {
+		let date1 = new Date(d.endTime).getTime();
+		let date2 = new Date().getTime();
+		if (date1 < date2) {
+			dialogVisibleTip.value = '当前直播已结束';
+			dialogVisible.value = true;
+			return
+		}
+	}
+	// 考试 停用
+	if (d.type == 5) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
+			dialogVisible.value = true;
+			return
+		}
+	}
+	// 评估 停用
+	if (d.type == 11) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
+			dialogVisible.value = true;
+			return
+		}
+	}
+	// 其他活动 结束时间
+	if (d.type == 9) {
+		let date1 = new Date(d.endTime).getTime();
+		let date2 = new Date().getTime();
+		if (date1 < date2) {
+			dialogVisibleTip.value = '当前活动已结束';
+			dialogVisible.value = true;
+			return
+		}
+	}
+	// 在线课 停用 -- 暂时没有在线课停用标记
+	if (d.type == 1) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
+			dialogVisible.value = true;
+			return
+		}
+	}
+	// 面授课 停用
+	if (d.type == 2) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisibleTip.value = '该任务无法学习，请联系管理员进行替换！';
+			dialogVisible.value = true;
+			return
+		}
+	}
 	if (d.type === 3 || d.type === 7) {
 		request(STUDY_RECORD, {
 			studentId: userInfo.value.id,
@@ -444,11 +477,15 @@ function toFinish(d) {
 			router.push({
 				path: types.value.path[d.type],
 				query: {
-        id: d.routerTaskId,
+					// id: d.routerTaskId,
+					id: routerId,
 					type: 1,
+					taskId: routerId,
+					taskIds: routerId,
 					courseId: d.courseId,
 					pName: data.value.name,
-        sName:data.currentStageName,
+					sName: data.value.currentStageName,
+					chapterOrStageId: data.value.currentStageId
 				},
 			});
 	} else if (typeof types.value.path[d.type] === "function") {
@@ -484,7 +521,7 @@ function whiteTypes(type) {
 		width: 100%;
 		margin-top: 24px;
 		display: flex;
-
+		z-index: 2;
 		.detailL {
 			flex: 1;
 			margin-right: 20px;
--- a/src/views/survey/SurveyDetail.vue
+++ b/src/views/survey/SurveyDetail.vue
@@ -1,14 +1,13 @@
 <template>
+	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
 	<div class="surveydetail" style="padding: 30px">
 		<!-- 面包屑导航 -->
-    <div
-      style="display: flex; align-items: center; justify-content: space-between"
-    >
+		<div style="display: flex; align-items: center; justify-content: space-between">
 			<div class="crumb">
 				<div>{{ pName }}</div>
 				<div style="margin-left: 6px; margin-right: 6px">/</div>
 				<div>{{ sName }}</div>
-        <div style="margin-left: 6px; margin-right: 6px">/</div>
+				<div v-if="sName" style="margin-left: 6px; margin-right: 6px">/</div>
 				<div style="font-weight: 700; font-size: 16px">评估详情</div>
 			</div>
 			<!-- 
@@ -29,18 +28,14 @@
        </div>-->
 			<div class="return">
 				<div style="display: flex" @click="returnclick">
-          <img
-            class="img2"
-            style="margin-right: 22px"
-            src="../../assets/image/return.png"
-          />
-          <div class="text" style="color: #fff">返回</div>
+					<el-button style="color:#0073FB"> <img class="img2" style="margin-right:11px;cursor: pointer;"
+							src="../../assets/image/return.png" />返回</el-button>
 				</div>
 			</div>
 		</div>
 		<!-- 面包屑导航 -->
 		<!-- 标题 -->
-    <div class="title">【评估】{{data.assessmentName}}</div>
+		<div class="title">【评估】{{ data.assessmentName }}</div>
 		<!-- 标题 -->
 		<!-- 基本信息 -->
 		<div class="bascinfo">
@@ -49,33 +44,21 @@
          return a[0].orderNumber - b[0].orderNumber
        }) }} -->

-        <div
-          class="question"
-          v-for="(value, index) in [data.assessmentEssayQuestionDtoList,data.assessmentMultipleChoiceDtoList,data.assessmentScoringQuestionDtoList,data.assessmentSingleChoiceDtoList].sort((a,b)=>{
+				<div class="question" v-for="
+          (value, index) in  formateArr([data.assessmentEssayQuestionDtoList, data.assessmentMultipleChoiceDtoList, data.assessmentScoringQuestionDtoList, data.assessmentSingleChoiceDtoList]).sort((a, b) => {
          	return a[0].orderNumber - b[0].orderNumber
-        }) "
-          :key="index"
-          :style="{ 'margin-top': index === 0 ? '57px' : '41px' }"
-        >
-          <div v-if="value[0].questionType=='4'">
-            <div
-              class="question"
-              v-for="(value, index) in data.assessmentScoringQuestionDtoList"
-              :key="index"
-              :style="{ 'margin-top': index === 0 ? '57px' : '41px' }"
-            >
+          }) " :key="index" :style="{ 'margin-top': index === 0 ? '57px' : '41px' }">
+					<div v-if="value[0].questionType == '4'">
+						<div class="question" v-for="(value, index) in data.assessmentScoringQuestionDtoList" :key="index"
+							:style="{ 'margin-top': index === 0 ? '57px' : '41px' }">
 							<div class="text">{{ value.assessmentScTitle }}</div>
 							<div class="answer">
 								<div class="answerL">完全没用</div>
 								<div class="answerC">
-                  <div
-                    class="answerCitem"
-                    v-for="(item, key) in Array.from(
+									<div class="answerCitem" v-for="(item, key) in Array.from(
 										{ length: value.assessmentMaxScore },
 										(k, i) => i
-                    )"
-                    :key="key"
-                    :style="{
+									)" :key="key" :style="{
 	'margin-left': key === 0 ? '15px' : '10px',
 	background:
 		value.selectAnswer === item
@@ -85,16 +68,14 @@
 		value.selectAnswer === item
 			? '#fff'
 			: 'rgba(86, 163, 249, 1)',
-                    }"
-                    @click="
+}" @click="
 	() => {
 		if (data.isSubmit) {
 			return;
 		}
 		value.selectAnswer = item;
 	}
-                    "
-                  >
+">
 										<div>{{ item + 1 }}</div>
 									</div>
 								</div>
@@ -103,27 +84,19 @@
 						</div>
 					</div>

-          <div v-else-if="value[0].questionType=='1'">
-            <div
-              class="question"
-              style="margin-top: 41px"
-              v-if="
+					<div v-else-if="value[0].questionType == '1'">
+						<div class="question" style="margin-top: 41px" v-if="
 							data.assessmentSingleChoiceDtoList &&
 							data.assessmentSingleChoiceDtoList.length
-              "
-            >
+						">
 							<div class="text">
 								{{ data.assessmentSingleChoiceDtoList[0]?.singleStemName }}
 							</div>
-              <div
-                v-for="(value, index) in data.assessmentSingleChoiceDtoList"
-                :key="index"
-                style="display: flex; align-items: center"
-                :style="{
+							<div v-for="(value, index) in data.assessmentSingleChoiceDtoList" :key="index"
+								style="display: flex; align-items: center" :style="{
 									'margin-top': index === 0 ? '29px' : '22px',
 									cursor: 'pointer',
-                }"
-                @click="
+								}" @click="
 	() => {
 		if (data.isSubmit) {
 			return;
@@ -133,72 +106,46 @@
 		});
 		value.select = true;
 	}
-                "
-              >
-                <img
-                  style="width: 19px; height: 18px; cursor: pointer"
-                  :src="value.select ? checkbox : checkbox2"
-                />
+">
+								<img style="width: 19px; height: 18px; cursor: pointer" :src="value.select ? checkbox : checkbox2" />
 								<div class="people">{{ value.singleOptionName }}</div>
 							</div>
 						</div>
 					</div>

-          <div v-else-if="value[0].questionType=='2'">
-            <div
-              class="question"
-              style="margin-top: 41px"
-              v-if="
+					<div v-else-if="value[0].questionType == '2'">
+						<div class="question" style="margin-top: 41px" v-if="
 							data.assessmentMultipleChoiceDtoList &&
 							data.assessmentMultipleChoiceDtoList.length
-              "
-            >
+						">
 							<div class="text">
 								{{ data.assessmentMultipleChoiceDtoList[0]?.multipleStemName }}
 							</div>
-              <div
-                v-for="(value, index) in data.assessmentMultipleChoiceDtoList"
-                :key="index"
-                style="display: flex; align-items: center"
-                :style="{
+							<div v-for="(value, index) in data.assessmentMultipleChoiceDtoList" :key="index"
+								style="display: flex; align-items: center" :style="{
 									'margin-top': index === 0 ? '29px' : '22px',
 									cursor: 'pointer',
-                }"
-                @click="
+								}" @click="
 	() => {
 		if (data.isSubmit) {
 			return;
 		}
 		value.select = !value.select;
 	}
-                "
-              >
-                <img
-                  style="width: 19px; height: 18px; cursor: pointer"
-                  :src="value.select ? checkbox : checkbox2"
-                />
+">
+								<img style="width: 19px; height: 18px; cursor: pointer" :src="value.select ? checkbox : checkbox2" />
 								<div class="people">{{ value.multipleOptionName }}</div>
 							</div>
 						</div>
 					</div>

-          <div v-else-if="value[0].questionType=='3'">
-            <div
-              class="question"
-              style="margin-top: 41px"
-              v-for="(item, i) in data.assessmentEssayQuestionDtoList"
-              :key="i"
-            >
+					<div v-else-if="value[0].questionType == '3'">
+						<div class="question" style="margin-top: 41px" v-for="(item, i) in data.assessmentEssayQuestionDtoList"
+							:key="i">
 							<div class="text">{{ item.assessmentQaTitle }}</div>
 							<div style="width: 713px; margin-top: 31px; position: relative">
-                <el-input
-                  v-model="item.content"
-                  :autosize="{ minRows: 5, maxRows: 5 }"
-                  resize="none"
-                  maxlength="200"
-                  type="textarea"
-                  :readonly="!!data.isSubmit"
-                />
+								<el-input v-model="item.content" :autosize="{ minRows: 5, maxRows: 5 }" resize="none" maxlength="200"
+									type="textarea" :readonly="!!data.isSubmit" />
 								<div class="words">{{ item.content?.length || 0 }}/200</div>
 							</div>
 						</div>
@@ -344,20 +291,13 @@
          </div>
        </div> -->

-        <div
-          style="display: flex; justify-content: center"
-          v-if="
+				<div style="display: flex; justify-content: center" v-if="
 					data.assessmentEssayQuestionDtoList?.length ||
 					data.assessmentMultipleChoiceDtoList?.length ||
 					data.assessmentSingleChoiceDtoList?.length ||
 					data.assessmentScoringQuestionDtoList?.length
-          "
-        >
-          <div
-            class="submit"
-            @click="submit"
-            :style="{ background: data.isSubmit ? '#999' : '#2478ff' }"
-          >
+				">
+					<div class="submit" @click="submit" :style="{ background: data.isSubmit ? '#999' : '#2478ff' }">
 						提交
 					</div>
 				</div>
@@ -372,8 +312,12 @@
 			</span></div>
 		<template #footer>
 			<span class="dialog-footer">
-        <el-button class="cancel" style="color: #387DF7; border: 1px solid #387DF7;padding: 8px 32px; border-radius: 4px;"  @click="centerDialogVisible = false">取消</el-button>
-        <el-button class="back" style="background: #387DF7;box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34);border: 0px;padding: 8px 32px;" type="primary" @click="returnclick">
+				<el-button class="cancel"
+					style="color: #387DF7; border: 1px solid #387DF7;padding: 8px 32px; border-radius: 4px;"
+					@click="centerDialogVisible = false">取消</el-button>
+				<el-button class="back"
+					style="background: #387DF7;box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34);border: 0px;padding: 8px 32px;"
+					type="primary" @click="returnclick">
 					返回
 				</el-button>
 			</span>
@@ -387,72 +331,103 @@ import { useRoute, useRouter } from "vue-router/dist/vue-router";
 import { request, usePage, useRequest } from "@/api/request";
 import { ASSESSMENT_QUERY, ASSESSMENT_SUBMIT } from "@/api/api";
 import { ElMessage } from "element-plus";
-import {  ref} from "vue";
+import { ref } from "vue";

 const {
-  query: { courseId, id: taskId, type, pName, sName },
+	query: { courseId, id: taskId, taskIds, type, pName, sName, chapterOrStageId },
 } = useRoute();
 const router = useRouter();
 const returnclick = () => {
 	router.back();
 };

-const { data } = useRequest(ASSESSMENT_QUERY(courseId), { id: courseId });
-console.log('我是需要排序得题目', data )
+// 数组去空对象
+function formateArr(arr1) {
+	console.log(arr1, arr1[0], arr1[0].length)
+	let newarr = []
+	for (let i = 0; i < arr1.length; i++) {
+		if (arr1[i].length !== 0) {
+			newarr.push(arr1[i])
+		}
+	}
+	return newarr
+}

-const centerDialogVisible =ref(false);
-const open=()=>{
+const { data } = useRequest(ASSESSMENT_QUERY(courseId), { id: courseId, type, chapterOrStageId, targetId: taskIds ? taskIds : 0 });
+console.log('我是查询评估的参数', { id: courseId, type, chapterOrStageId, targetId: taskIds ? taskIds : 0 })
+console.log('我是需要排序得题目', data)
+
+function goHome() {
+
+}
+
+const centerDialogVisible = ref(false);
+const open = () => {
 	centerDialogVisible.value = true
 };
 function submit() {
+	if (1 > 0) {
+		console.log(data)
+		console.log('我是提交的数据', {
+			targetId: taskId ? taskId : taskIds ? taskIds : 0, // 项目、路径图或开课的Id
+			chapterOrStageId: chapterOrStageId ? chapterOrStageId : 0, //  关卡或者阶段Id  关卡Id不允许为空
+			assessmentId: courseId,
+			taskId: taskId ? taskId : taskIds ? taskIds : 0,
+			type,
+			result: JSON.stringify(data.value),
+		})
+	}
 	if (data.value.isSubmit) {
 		return;
 	}
- console.log("data.value",data.value);
+	console.log("data.value", data.value);
 	let list1 = data.value.assessmentEssayQuestionDtoList;
- if(list1 &&list1.length > 0){
+	if (list1 && list1.length > 0) {
 		list1.forEach((item) => {
-    if(item && !item.content){
+			if (item && !item.content) {

 				return ElMessage.warning("您有未填写的评估题干");
 			}
 		})
 	}
 	let list2 = data.value.assessmentScoringQuestionDtoList;
- if(list2 &&list2.length > 0){
+	if (list2 && list2.length > 0) {
 		list2.forEach((item) => {
-    if(item && !item.selectAnswer){
+			if (item && !item.selectAnswer) {

 				return ElMessage.warning("您有未填写的评估题干");
 			}
 		})
 	}
 	let list3 = data.value.assessmentSingleChoiceDtoList;
- if(list3 &&list3.length > 0){
+	if (list3 && list3.length > 0) {
 		let flag = 0;
 		list3.forEach((item) => {
-    flag = flag + item.select? 1 : 0;
+			flag = flag + item.select ? 1 : 0;
 		})
-  if(flag ==0 ){
+		if (flag == 0) {

 			return ElMessage.warning("您有未填写的评估题干");
 		}
 	}
 	let list4 = data.value.assessmentMultipleChoiceDtoList;
- if(list4 &&list4.length > 0){
+	if (list4 && list4.length > 0) {
 		let flag = 0;
 		list4.forEach((item) => {
-    flag = flag + item.select? 1 : 0;
+			flag = flag + item.select ? 1 : 0;
 		})
-  if(flag == 0 ){
+		if (flag == 0) {

 			return ElMessage.warning("您有未填写的评估题干");
 		}
 	}
+
 	data.value.isSubmit = !data.value.isSubmit;
 	request(ASSESSMENT_SUBMIT, {
+		targetId: taskIds ? taskIds : 0, // 项目、路径图或开课的Id
+		chapterOrStageId: chapterOrStageId ? chapterOrStageId : 0, //  关卡或者阶段Id  关卡Id不允许为空
 		assessmentId: courseId,
-    taskId,
+		taskId: taskIds ? taskIds : 0,
 		type,
 		result: JSON.stringify(data.value),
 	}).then(() => {
@@ -469,9 +444,11 @@ function submit() {
 		font-size: 14px;
 		line-height: 24px;
 	}
+
 	.return {
 		position: absolute;
 		right: 10%;
+
 		.text {
 			text-align: center;
 			display: flex;
@@ -479,6 +456,7 @@ function submit() {
 			align-items: center;
 		}
 	}
+
 	.prevnext {
 		display: flex;
 		align-items: center;
@@ -536,6 +514,7 @@ function submit() {
 			align-items: center;
 			margin-left: 11px;
 			margin-right: 11px;
+
 			// justify-content: center;
 			.answerCitem {
 				width: 40px;
--- a/vite.config.js
+++ b/vite.config.js
@@ -10,11 +10,10 @@ import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import topLevelAwait from "vite-plugin-top-level-await";
 const path = require('path')
-// const url = 'http://localhost:30001'
-const url = 'https://u.boe.com/manageApi-release'
-export default defineConfig(({ command }) =>
+
+export default defineConfig(({ command, mode }) =>
 ({
-    base: '/fe-student-release/',
+	base: loadEnv(mode, process.cwd()).VITE_BASE,
 	plugins: [
 		vue(),
 		// legacy({
@@ -36,60 +35,66 @@ export default defineConfig(({ command }) =>
 	server: {
 		proxy: {
 			'/file/upload': {
-                    target: 'https://u.boe.com/manageApi-release',
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/stu': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/queryVoteSubmitDetailById': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/work': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/discuss': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/discussSubmit': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/comment': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/vote': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 			'/admin': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			}, '/activity': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			}, '/liveBroadcast': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			}, '/examination': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			}, '/assessment': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			}, '/workSubmit': {
-                target: url,
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			}, '/userbasic': {
-                target: 'https://u.boe.com',
+				target: 'https://u-pre.boe.com',
+				changeOrigin: true,
+			}, '/link': {
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
+				changeOrigin: true,
+			}, '/onlineClasses/queryOnlineClassesStudyDetail': {
+				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,
 			},
 		}
 	}
-    })
+})
 )