diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..87c93eb 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/App.vue b/src/App.vue
index 7f9e9a0..2837f1e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,7 +7,7 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-  <div
+  <!-- <div
     style="
       background: #0078fc;
       height: 150px;
@@ -16,7 +16,7 @@
       top: 0;
       z-index: 1;
     "
-  ></div>
+  ></div> -->
   <div id="container">
     <!-- <div id="nav">
       <router-link
diff --git a/src/components/img/UploadImg.vue b/src/components/img/UploadImg.vue
index c5f9b39..ad26f76 100644
--- a/src/components/img/UploadImg.vue
+++ b/src/components/img/UploadImg.vue
@@ -1,32 +1,24 @@
 <template>
-  <el-upload
-      :file-list="files"
-      :action="FILE_UPLOAD"
-      method="POST"
-      :show-file-list="false"
-      :on-change="handleChange"
-      :limit="max"
-      ref="imageRef"
-      :on-exceed="exceed"
-  >
-    <template #trigger>
-      <div>
-        <slot></slot>
-      </div>
-    </template>
-  </el-upload>
+	<el-upload :file-list="files" :action="FILE_UPLOAD" method="POST" :show-file-list="false" :on-change="handleChange"
+		:limit="max" ref="imageRef" :on-exceed="exceed">
+		<template #trigger>
+			<div>
+				<slot></slot>
+			</div>
+		</template>
+	</el-upload>
 </template>
 <script setup>
-import {FILE_UPLOAD} from "@/api/api";
-import {defineProps, ref, watch} from "vue";
-import {ElMessage} from "element-plus";
+import { FILE_UPLOAD } from "@/api/api";
+import { defineProps, ref, watch } from "vue";
+import { ElMessage } from "element-plus";
 
 const props = defineProps({
-  value: [],
-  max: {
-    type: Number,
-    default: 1
-  }
+	value: [],
+	max: {
+		type: Number,
+		default: 1
+	}
 })
 
 const emit = defineEmits()
@@ -35,46 +27,51 @@ const files = ref([])
 const imageRef = ref()
 
 watch(props.value, () => {
-  props.value.length || (files.value = props.value)
+	props.value.length || (files.value = props.value)
 })
 
 function exceed() {
-  ElMessage.error(`只能上传${props.max}个附件`);
+	ElMessage.error(`只能上传${props.max}个附件`);
 }
 
 function handleChange(e) {
-  if (e.response && e.response.code === 200) {
-    e.url = e.response.data
-  }
+	if (e.response && e.response.code === 200) {
+		e.url = e.response.data
+	}
 
-  const index = files.value.findIndex(f => f.uid === e.uid)
-  if (index === -1) {
-    files.value.unshift(e)
-  } else {
-    files.value[index] = e
-  }
-  emit('update:value', files.value)
+	const index = files.value.findIndex(f => f.uid === e.uid)
+	if (index === -1) {
+		files.value.unshift(e)
+	} else {
+		files.value[index] = e
+	}
+	emit('update:value', files.value)
 }
 
 function remove(i) {
-  files.value.splice(i, 1)
+	files.value.splice(i, 1)
+	console.log(imageRef)
+}
+
+function clearFiles() {
+	imageRef.value.clearFiles();
 }
 
 function reUpload(i) {
-  if (files.value[i].status === 'ready' || files.value[i].status === 'uploading') {
-    imageRef.value.abort(files.value[i].raw)
-    files.value[i].status = 'abort';
-  } else if (files.value[i].status === 'fail' || files.value[i].status === 'abort') {
-    imageRef.value.handleStart(files.value[i].raw)
-    imageRef.value.submit()
-  }
+	if (files.value[i].status === 'ready' || files.value[i].status === 'uploading') {
+		imageRef.value.abort(files.value[i].raw)
+		files.value[i].status = 'abort';
+	} else if (files.value[i].status === 'fail' || files.value[i].status === 'abort') {
+		imageRef.value.handleStart(files.value[i].raw)
+		imageRef.value.submit()
+	}
 }
 
 function abort(i) {
-  imageRef.value.abort(files.value[i].raw)
+	imageRef.value.abort(files.value[i].raw)
 }
 
 
-defineExpose({reUpload, remove})
+defineExpose({ reUpload, remove, clearFiles })
 
 </script>
diff --git a/src/views/faceteach/FaceTeach.vue b/src/views/faceteach/FaceTeach.vue
index 2503493..93602be 100644
--- a/src/views/faceteach/FaceTeach.vue
+++ b/src/views/faceteach/FaceTeach.vue
@@ -166,7 +166,11 @@
                     <div class="tag3" style="margin-left: 11px">作业</div>
                   </div>
                 </div>
-                <div class="submit" @click="toWork" v-if="data.workDto?.workId">
+                
+                <div v-if="isEndSubMitWork()" class="submit" style="background: #999">
+                  已结束
+                </div>
+                <div v-else class="submit" @click="toWork" v-if="data.workDto?.workId">
                   交作业
                 </div>
               </div>
@@ -246,7 +250,7 @@ import {
 } from "@/api/api";
 import { useRoute, useRouter } from "vue-router";
 import { useUserInfo } from "@/api/utils";
-import { ElMessage } from "element-plus";
+import { ElMessage, messageConfig } from "element-plus";
 const router = useRouter();
 const returnclick = () => {
   router.back();
@@ -365,6 +369,19 @@ function toSurvery() {
   });
 }
 
+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() {
   router.push({
     path: "/homeworkpage",
diff --git a/src/views/homework/HomeworkPage.vue b/src/views/homework/HomeworkPage.vue
index 114db2d..a907609 100644
--- a/src/views/homework/HomeworkPage.vue
+++ b/src/views/homework/HomeworkPage.vue
@@ -1,13 +1,13 @@
 <template>
-  <div class="homework" 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 style="font-weight: 700; font-size: 16px">作业详情</div>
-      <!--
+	<div class="homework" 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 style="font-weight: 700; font-size: 16px">作业详情</div>
+			<!--
       <div class="preNext">
         <button class="btn btn01"></button>
         <span class="content" style="margin-left: 6px">上一个</span>
@@ -15,934 +15,897 @@
         <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"
-            src="../../assets/image/return.png"
-          />
-          <div class="text">返回</div>
-        </div>
-      </div>
-    </div>
-    <!-- 面包屑导航 -->
-    <div class="debateTitle" style="color: #fff">
-      【作业】{{ data?.workName }}
-    </div>
-    <!-- 详细信息 -->
-    <div class="detailinfo">
-      <div class="detail">
-        <div class="detailT">
-          <div
-            style="
+			<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>
+				</div>
+			</div>
+		</div>
+		<!-- 面包屑导航 -->
+		<div class="debateTitle" style="color: #fff">
+			【作业】{{ data?.workName }}
+		</div>
+		<!-- 详细信息 -->
+		<div class="detailinfo">
+			<div class="detail">
+				<div class="detailT">
+					<div style="
               margin-left: 45px;
               margin-right: 42px;
               position: relative;
               width: 100%;
-            "
-          >
-            <div class="title">
-              <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/yuan.png"
-              />
-              <div class="text">作业名称</div>
-              <div class="box"></div>
-            </div>
-            <div class="shapan">
-              <div style="flex: 1; width: 0">
-                <div class="shapanexplain">
-                  {{ data?.workName }}
-                </div>
-              </div>
-            </div>
-            <UploadImg v-model:value="fileList" ref="uploadRef">
-              <button
-                class="shangchuan"
-                style="cursor: pointer"
-              >
-                上传
-              </button>
-            </UploadImg>
-            <div
-              class="uploadDetail"
-              :style="{ display: showFileList && fileList && fileList.length >0 ? 'block' : 'none' }"
-              @mousemove="showFileList = 1"
-              @mouseout="showFileList = 0"
-              style="padding-top: 60px"
-            >
-              <div class="triangle"></div>
-              <div class="square clearfix">
-                <div
-                  class="squarecontent1"
-                  v-for="(file, i) in fileList"
-                  :key="i"
-                >
-                  <FileTypeImg
-                    v-model="file.name"
-                    :style="{ margin: '12px 15px 0 27px' }"
-                  ></FileTypeImg>
-                  <div class="rarDetail">
-                    <span class="detail1" style="margin-right: 130px">
-                      {{ file.name }}
-                    </span>
-                    <span class="detail2" style="margin-right: 10px"
-                      >{{ file.percentage }}%</span
-                    >
-                    <span class="detail1">{{
-                      {
-                        ready: "正在上传",
-                        abort: "暂停",
-                        uploading: "正在上传",
-                        fail: "上传失败",
-                        success: "上传成功",
-                      }[file.status]
-                    }}</span>
-                    <div class="progress">
-                      <div
-                        class="progressinner"
-                        :style="{ width: `${(291 * file.percentage) / 100}px` }"
-                      ></div>
-                    </div>
-                  </div>
-                  <button class="btn btndetail" @click="reUpload(i)">
-                    {{
-                      {
-                        ready: "暂停",
-                        uploading: "暂停",
-                        abort: "开始",
-                        fail: "重传",
-                      }[file.status]
-                    }}
-                  </button>
-                  <button class="btn" @click="remove">
-                    {{
-                      {
-                        ready: "取消",
-                        abort: "取消",
-                        uploading: "取消",
-                        fail: "取消",
-                        success: "删除",
-                      }[file.status]
-                    }}
-                  </button>
-                </div>
-              </div>
-            </div>
+            ">
+						<div class="title">
+							<img style="width: 20px; height: 20px" src="../../assets/image/yuan.png" />
+							<div class="text">作业名称</div>
+							<div class="box"></div>
+						</div>
+						<div class="shapan">
+							<div style="flex: 1; width: 0">
+								<div class="shapanexplain">
+									{{ data?.workName }}
+								</div>
+							</div>
+						</div>
+						<UploadImg v-model:value="fileList" ref="uploadRef">
+							<button class="shangchuan" style="cursor: pointer">
+								上传
+							</button>
+						</UploadImg>
+						<div class="uploadDetail"
+							:style="{ display: showFileList && fileList && fileList.length > 0 ? 'block' : 'none' }"
+							@mousemove="showFileList = 1" @mouseout="showFileList = 0" style="padding-top: 60px">
+							<div class="triangle"></div>
+							<div class="square clearfix">
+								<div class="squarecontent1" v-for="(file, i) in fileList" :key="i">
+									<FileTypeImg v-model="file.name" :style="{ margin: '12px 15px 0 27px' }"></FileTypeImg>
+									<div class="rarDetail">
+										<span class="detail1" style="margin-right: 130px">
+											{{ file.name }}
+										</span>
+										<span class="detail2" style="margin-right: 10px">{{ file.percentage }}%</span>
+										<span class="detail1">{{
+												{
+													ready: "正在上传",
+													abort: "暂停",
+													uploading: "正在上传",
+													fail: "上传失败",
+													success: "上传成功",
+												}[file.status]
+										}}</span>
+										<div class="progress">
+											<div class="progressinner" :style="{ width: `${(291 * file.percentage) / 100}px` }"></div>
+										</div>
+									</div>
+									<button class="btn btndetail" @click="reUpload(i)">
+										{{
+												{
+													ready: "暂停",
+													uploading: "暂停",
+													abort: "开始",
+													fail: "重传",
+												}[file.status]
+										}}
+									</button>
+									<button class="btn" @click="remove">
+										{{
+												{
+													ready: "取消",
+													abort: "取消",
+													uploading: "取消",
+													fail: "取消",
+													success: "删除",
+												}[file.status]
+										}}
+									</button>
+								</div>
+							</div>
+						</div>
 
-            <div class="title">
-              <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/yuan.png"
-              />
-              <div class="text">作业内容</div>
-              <div class="box"></div>
-            </div>
+						<div class="title">
+							<img style="width: 20px; height: 20px" src="../../assets/image/yuan.png" />
+							<div class="text">作业内容</div>
+							<div class="box"></div>
+						</div>
 
-            <div class="join">
-              <el-input
-                v-model="sbValue.content"
-                :autosize="{ minRows: 12.5, maxRows: 12.5 }"
-                resize="none"
-                type="textarea"
-              />
-            </div>
-            <div  style="display: flex; justify-content: center">
-              <button class="tijiao" @click="handleClick">{{submitList && submitList.length>0?"再次":""}}提交</button>
-            </div>
-         
-          
-          
+						<div class="join">
+							<el-input v-model="sbValue.content" :autosize="{ minRows: 12.5, maxRows: 12.5 }" resize="none"
+								type="textarea" />
+						</div>
+						<div style="display: flex; justify-content: center">
+							<button class="tijiao" @click="handleClick">{{ submitList && submitList.length > 0 ? "再次" : ""
+							}}提交</button>
+						</div>
 
-            <div class=""></div>
 
-            <div class="title" style="margin-top: 0px">
-              <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/yuan.png"
-              />
-              <div class="text">历史纪录</div>
-              <div class="box"></div>
-            </div>
 
-            <div class="history">
-              <div class="historytitle">
-                <div class="content1">提交时间</div>
-                <div class="content2">作业内容</div>
-                <div class="content3">附件</div>
-              </div>
-              <div
-                v-for="(value, index) in submitList"
-                :key="index"
-                class="historytitle2"
-                :style="{
-                  'border-bottom':
-                    index === submitList.length - 1
-                      ? '1px solid rgba(215, 229, 253, 0)'
-                      : '1px solid rgba(215, 229, 253, 1)',
-                }"
-              >
-                <div class="content1" >{{ value.createTime }}</div>
-                <div class="content2">
-                  <div >
-                    {{ value.workUploadContent }}
-                   
-                  </div>
-                </div>
-                <div class="content3">
-                  <div >
-                    
-                    <span style="margin-left: 10px">
-                      <el-link target="_blank" type="primary" :href="value.workUploadAddress?.split(',')[0] || ''">{{value.workUploadAddress?.split(',')[0].split('/').at(-1)|| ''}}</el-link>
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="right">
-        <div class="righttitle">
-          <img
-            style="width: 20px; height: 20px"
-            src="../../assets/image/yuan.png"
-          />
-          <div class="text">截止时间</div>
-          <div class="box"></div>
-        </div>
-        <div class="timebox clearfix">
-          <div class="innertime">
-            {{
-              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>
-        </div>
-        <div class="righttitle">
-          <img
-            style="width: 20px; height: 20px"
-            src="../../assets/image/yuan.png"
-          />
 
-          <div class="text">作业说明</div>
-          <div class="box"></div>
-        </div>
-        <div class="explain clearfix">
-          <!-- todo #作业任务详情 作业说明是作业要求字段么？-->
-          <div
-            class="explain1"
-            style="margin-top: 26px"
-            v-html="data?.workRequirement"
-          ></div>
-        </div>
-      </div>
-    </div>
-    <!-- 详细信息 -->
-  </div>
+						<div class=""></div>
 
-  <el-dialog v-model="centerDialogVisible"  title="" width="20%" center :show-close="false" :align-center="true"> 
-  <div style="text-align: center;font-size:16px;">  <span style="color:black">
-     提交成功
-    </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>
-      </span>   
-    </template>
-  </el-dialog>
+						<div class="title" style="margin-top: 0px">
+							<img style="width: 20px; height: 20px" src="../../assets/image/yuan.png" />
+							<div class="text">历史记录</div>
+							<div class="box"></div>
+						</div>
+
+						<div class="history">
+							<div class="historytitle">
+								<div class="content1">提交时间</div>
+								<div class="content2">作业内容</div>
+								<div class="content3">附件</div>
+							</div>
+							<div v-for="(value, index) in submitList" :key="index" class="historytitle2" :style="{
+								'border-bottom':
+									index === submitList.length - 1
+										? '1px solid rgba(215, 229, 253, 0)'
+										: '1px solid rgba(215, 229, 253, 1)',
+							}">
+								<div class="content1">{{ value.createTime }}</div>
+								<div class="content2">
+									<div>
+										{{ value.workUploadContent }}
+
+									</div>
+								</div>
+								<div class="content3">
+									<div>
+
+										<span style="margin-left: 10px">
+											<el-link target="_blank" type="primary" :href="value.workUploadAddress?.split(',')[0] || ''">{{
+													value.workUploadAddress?.split(',')[0].split('/').at(-1) ||
+													''
+											}}</el-link>
+										</span>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="right">
+				<div class="righttitle">
+					<img style="width: 20px; height: 20px" src="../../assets/image/yuan.png" />
+					<div class="text">截止时间</div>
+					<div class="box"></div>
+				</div>
+				<div class="timebox clearfix">
+					<div class="innertime">
+						{{
+								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>
+				</div>
+				<div class="righttitle">
+					<img style="width: 20px; height: 20px" src="../../assets/image/yuan.png" />
+
+					<div class="text">作业说明</div>
+					<div class="box"></div>
+				</div>
+				<div class="explain clearfix">
+					<!-- todo #作业任务详情 作业说明是作业要求字段么？-->
+					<div class="explain1" style="margin-top: 26px" v-html="data?.workRequirement"></div>
+				</div>
+			</div>
+		</div>
+		<!-- 详细信息 -->
+	</div>
+
+	<el-dialog v-model="centerDialogVisible" title="" width="20%" center :show-close="false" :align-center="true">
+		<div style="text-align: center;font-size:16px;"> <span style="color:black">
+				提交成功
+			</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>
+			</span>
+		</template>
+	</el-dialog>
 </template>
 
 <script setup>
-import {computed, reactive, ref, toRefs} from "vue";
+import { computed, reactive, ref, toRefs } from "vue";
 import { request, useRequest } from "@/api/request";
 import {
-  TASK_WORK_COMMIT,
-  TASK_WORK_DETAIL,
-  TASK_WORK_SUBMIT_LIST,
-  WORK_HISTROY,
+	TASK_WORK_COMMIT,
+	TASK_WORK_DETAIL,
+	TASK_WORK_SUBMIT_LIST,
+	WORK_HISTROY,
 } from "@/api/api";
 import dayjs from "dayjs";
 import { useRouter } from "vue-router";
 import UploadImg from "@/components/img/UploadImg.vue";
 import FileTypeImg from "@/components/FileTypeImg.vue";
 import { useRoute } from "vue-router/dist/vue-router";
-import {ElMessage} from "element-plus";
+import { ElMessage } from "element-plus";
 //import AlertSuccess from "@/components/alert/AlertSuccess.vue";
 
 const fileList = ref([]);
 const uploadRef = ref();
 
-const centerDialogVisible =ref(false);
+const centerDialogVisible = ref(false);
 const sbValue = ref({
-  content: "",
-  attach: "",
+	content: "",
+	attach: "",
 });
 const router = useRouter();
 const returnclick = () => {
-  router.back();
+	router.back();
 };
 const {
-  query: { courseId: workId, type, id: taskId, pName, sName },
+	query: { courseId: workId, type, id: taskId, pName, sName },
 } = useRoute();
 
 const { data } = useRequest(TASK_WORK_DETAIL, { workId, taskId });
 
 const { data: submitList } = useRequest(TASK_WORK_SUBMIT_LIST, {
-  workerId: workId,
+	workerId: workId,
 });
 
-const open=()=>{
-  centerDialogVisible.value = true
+const open = () => {
+	centerDialogVisible.value = true
 };
-const showFileList = computed(()=>{
-  return fileList.value.length
+const showFileList = computed(() => {
+	return fileList.value.length
 })
 
 const handleClick = () => {
-  if(!sbValue.value.content){
+	console.log(fileList.value, uploadRef.value)
+	if (!sbValue.value.content) {
+		if (fileList.value.length == 0) {
+			return ElMessage.warning("请输入作业内容");
+		}
+	}
 
-    return ElMessage.warning("请输入作业内容");
-  }
-  request(TASK_WORK_COMMIT, {
-    projectOrRouterLogo: type,
-    workUploadContent: sbValue.value.content,
-    workUploadAddress: fileList.value.map((e) => e.url).join(",") || "",
-    workId,
-    type,
-    taskId,
-  }).then((res) => {
-    console.log(res);
-    submitList.value.unshift(res.data);
-    open();
-  });
-  sbValue.value.content = "";
-  fileList.value = [];
+	request(TASK_WORK_COMMIT, {
+		projectOrRouterLogo: type,
+		workUploadContent: sbValue.value.content,
+		workUploadAddress: fileList.value.map((e) => e.url).join(",") || "",
+		workId,
+		type,
+		taskId,
+	}).then((res) => {
+		console.log(res);
+		submitList.value.unshift(res.data);
+		open();
+		sbValue.value.content = "";
+		fileList.value = [];
+		remove(0);
+		clearFiles();
+	});
 };
 
+function clearFiles() {
+	uploadRef.value.clearFiles();
+}
+
 function remove(i) {
-  uploadRef.value.remove(i);
+	uploadRef.value.remove(i);
 }
 
 function reUpload(i) {
-  uploadRef.value.reUpload(i);
+	uploadRef.value.reUpload(i);
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
 .homework {
-  .crumb {
-    color: #fff;
-    display: flex;
-    font-size: 14px;
-    line-height: 24px;
-    position: relative;
-  }
-  .return {
-    position: absolute;
-    right: 10%;
-    .text {
-      text-align: center;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-    }
-  }
-  .preNext {
-    position: absolute;
-    right: 0px;
-
-    .content {
-      font-size: 14px;
-      color: #fff;
-      width: 43px;
-      height: 14px;
-      display: inline-block;
-      position: relative;
-      top: -6px;
-      cursor: pointer;
-    }
-
-    .btn {
-      width: 23px;
-      height: 23px;
-      border-radius: 50%;
-      border: 0;
-      cursor: pointer;
-    }
-
-    .btn01 {
-      background-image: url("../../assets/image/prev.png");
-    }
-
-    .btn02 {
-      background-image: url("../../assets/image/next.png");
-    }
-  }
-
-  .debateTitle {
-    margin-top: 15px;
-    font-size: 20px;
-    line-height: 24px;
-    height: 24px;
-    font-weight: 600;
-    margin-left: -10px;
-  }
-
-  .detailinfo {
-    width: 100%;
-    margin-top: 20px;
-    background: #ffffff;
-    border-radius: 8px;
-    display: flex;
-
-    .detail {
-      flex: 1;
-
-      .detailT {
-        // height: 1000px;
-
-        color: rgba(51, 51, 51, 1);
-        display: flex;
-        padding-bottom: 30px;
-        width: 100%;
-
-        .shapan {
-          width: 100%;
-          height: 58px;
-          margin-top: 30px;
-          background-image: url("../../assets/image/shapan.png");
-          background-repeat: no-repeat;
-          background-size: 100% 100%;
-          display: flex;
-          align-items: center;
-
-          .shapanexplain {
-            margin-left: 34px;
-            margin-right: 10px;
-            font-size: 20px;
-            font-weight: 800;
-            color: #4a9cf8;
-            line-height: 24px;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-          }
-        }
-
-        .shangchuan {
-          z-index: 999;
-          font-size: 16px;
-          font-weight: 800;
-          color: #ffffff;
-          line-height: 24px;
-          position: absolute;
-          right: -6px;
-          top: 162px;
-          border: 0;
-          background-color: #fff;
-          width: 162px;
-          height: 62px;
-          background-image: url("../../assets/image/shangchuan.png");
-        }
-
-        .uploadDetail {
-          position: absolute;
-          //top: 235px;
-          right: 3px;
-          z-index: 100;
-
-          .triangle {
-            top: -10px;
-            right: 60px;
-            width: 0;
-            height: 0;
-            position: absolute;
-            border-right: 10px solid transparent;
-            border-left: 10px solid transparent;
-            border-bottom: 10px solid #fff;
-            // box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
-          }
-
-          .square {
-            padding-bottom: 40px;
-            width: 600px;
-            background: #ffffff;
-            box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
-            border-radius: 8px;
-
-            .squarecontent1 {
-              padding-top: 40px;
-              display: flex;
-
-              .rar {
-                margin: 12px 15px 0 27px;
-                width: 22px;
-                height: 26px;
-                background-image: url("../../assets/image/rar.png");
-              }
-
-              .rarDetail {
-                .detail1 {
-                  // height: 14px;
-                  font-size: 12px;
-                  line-height: 30px;
-                  font-weight: 500;
-                  color: #677d86;
-                }
-
-                .detail2 {
-                  // height: 11px;
-                  font-size: 12px;
-                  font-weight: 500;
-                  color: #277aff;
-                }
-
-                .progress {
-                  width: 291px;
-                  height: 8px;
-                  background: #e8f1fe;
-                  border-radius: 4px;
-
-                  .progressinner {
-                    height: 8px;
-                    background: linear-gradient(0deg, #2478ff 0%, #5093ff 100%);
-                    border-radius: 4px;
-                  }
-                }
-              }
-
-              .btn {
-                border: 0;
-                background-color: #fff;
-                color: #277aff;
-                margin-top: 20px;
-                cursor: pointer;
-              }
-
-              .btndetail {
-                margin-left: 25px;
-              }
-            }
-
-            .squarecontent2 {
-              margin-top: 25px;
-              display: flex;
-
-              .rar {
-                margin: 12px 15px 0 27px;
-                width: 22px;
-                height: 26px;
-                background-image: url("../../assets/image/rar.png");
-              }
-
-              .rarDetail {
-                .detail1 {
-                  // height: 14px;
-                  font-size: 12px;
-                  line-height: 30px;
-                  font-weight: 500;
-                  color: #677d86;
-                }
-
-                .detail2 {
-                  // height: 11px;
-                  font-size: 12px;
-                  font-weight: 500;
-                  color: #277aff;
-                }
-
-                .progress {
-                  width: 291px;
-                  height: 8px;
-                  background: #e8f1fe;
-                  border-radius: 4px;
-
-                  .progressinner {
-                    width: 231px;
-                    height: 8px;
-                    background: linear-gradient(0deg, #ee625e 0%, #eea4a1 100%);
-                    border-radius: 4px;
-                  }
-                }
-              }
-
-              .btn {
-                border: 0;
-                background-color: #fff;
-                color: #277aff;
-                margin-top: 20px;
-                cursor: pointer;
-              }
-
-              .btndetail {
-                margin-left: 25px;
-              }
-            }
-
-            .squarecontent3 {
-              margin-top: 25px;
-              display: flex;
-
-              .rar {
-                margin: 12px 15px 0 27px;
-                width: 22px;
-                height: 26px;
-                background-image: url("../../assets/image/rar.png");
-              }
-
-              .rarDetail {
-                .detail1 {
-                  // height: 14px;
-                  font-size: 12px;
-                  line-height: 30px;
-                  font-weight: 500;
-                  color: #677d86;
-                }
-
-                .detail2 {
-                  // height: 11px;
-                  font-size: 12px;
-                  font-weight: 500;
-                  color: #277aff;
-                }
-
-                .progress {
-                  width: 291px;
-                  height: 8px;
-                  background: #e8f1fe;
-                  border-radius: 4px;
-
-                  .progressinner {
-                    width: 291px;
-                    height: 8px;
-                    background: linear-gradient(0deg, #36d1ae 0%, #3be5bf 100%);
-                    border-radius: 4px;
-                  }
-                }
-              }
-
-              .btn {
-                border: 0;
-                background-color: #fff;
-                color: #277aff;
-                margin-top: 20px;
-                cursor: pointer;
-              }
-
-              .btndetail {
-                margin-left: 25px;
-              }
-            }
-          }
-        }
-
-        .tijiao {
-          z-index: 999;
-          cursor: pointer;
-          margin-top: 22px;
-          // margin-left: 480px;
-          width: 33px;
-          height: 16px;
-          font-size: 16px;
-          font-weight: 800;
-          color: #ffffff;
-          line-height: 24px;
-          border: 0;
-          background-color: #fff;
-          width: 162px;
-          height: 62px;
-          background-image: url("../../assets/image/tijiao.png");
-        }
-
-        .history {
-          position: relative;
-          margin-top: 32px;
-          width: 100%;
-          border: 1px solid #d7e5fd;
-          border-radius: 8px;
-
-          .fenge {
-            width: 100%;
-            border-top: 1px solid #d7e5fd;
-          }
-
-          .tongyi {
-            display: flex;
-          }
-
-          .content1 {
-            margin-top: 14px;
-            margin-left: 20px;
-            width: 160px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-
-          .content2{
-            margin-top: 14px;
-            margin-left: 20px;
-            width:460px;;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          .content3 {
-            margin-top: 14px;
-            margin-left: 20px;
-            width:230px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-
-          .historycontent {
-            height: 14px;
-            font-size: 14px;
-            font-weight: 400;
-            color: #333330;
-            line-height: 38px;
-          }
-
-          .historytitle {
-            width: 100%;
-            height: 50px;
-            background: #f2f5f7;
-            border-radius: 8px 8px 0px 0px;
-            display: flex;
-          }
-
-          .historytitle2 {
-            width: 100%;
-            height: 48px;
-            // background: #fff;
-            display: flex;
-          }
-        }
-
-        .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;
-        }
-
-        .all {
-          display: flex;
-          justify-content: space-between;
-          width: 1280px;
-          margin-top: 43px;
-
-          .allbox1 {
-            background: linear-gradient(
-              0deg,
-              rgba(160, 193, 230, 0) 0%,
-              rgba(161, 195, 231, 0.2) 100%
-            );
-          }
-
-          .allbox2 {
-            background: linear-gradient(
-              0deg,
-              rgba(177, 219, 229, 0) 0%,
-              rgba(172, 216, 227, 0.2) 100%
-            );
-          }
-
-          .allbox3 {
-            background: linear-gradient(
-              0deg,
-              rgba(195, 209, 234, 0) 0%,
-              rgba(191, 206, 231, 0.2) 100%
-            );
-          }
-
-          .item {
-            width: 410px;
-            height: 149px;
-            text-align: center;
-            border-radius: 4px;
-
-            .item1 {
-              color: #089dff;
-              font-size: 24px;
-              font-weight: bold;
-              margin-top: 36px;
-            }
-
-            .item2 {
-              color: #333330;
-              font-size: 14px;
-              margin-top: 29px;
-            }
-          }
-        }
-
-        .join {
-          width: 100%;
-          margin-top: 32px;
-
-          .el-textarea__inner {
-            border-radius: 8px;
-            background-color: rgba(245, 246, 247, 1);
-          }
-        }
-      }
-    }
-
-    .right {
-      margin-right: 45px;
-
-      .righttitle {
-        display: flex;
-        padding-top: 39px;
-        position: relative;
-
-        .text {
-          margin-left: 8px;
-          font-size: 16px;
-          color: rgba(51, 51, 51, 1);
-          font-weight: 800;
-        }
-
-        .box {
-          width: 75px;
-          height: 10px;
-          background-color: rgba(36, 120, 255, 0.15);
-          position: absolute;
-          left: 23px;
-          top: 53px;
-        }
-      }
-
-      .timebox {
-        width: 417px;
-        height: 149px;
-        background: linear-gradient(90deg, #b6c6e1 0%, #89aed6 100%);
-        border-radius: 4px;
-        margin-top: 52px;
-      }
-
-      .clearfix:before,
-      .clearfix:after {
-        content: "";
-        display: table;
-        clear: both;
-      }
-
-      .innertime {
-        margin-top: 17px;
-        margin-left: 55px;
-        font-size: 14px;
-        font-weight: 500;
-        color: #ffffff;
-        line-height: 24px;
-      }
-
-      .endtime {
-        margin-left: 10px;
-        margin-top: 16px;
-        width: 397px;
-        height: 81px;
-        background: #f2f5f7;
-        border-radius: 0px 8px 0px 8px;
-
-        .endtimetext {
-          margin-top: 25px;
-          margin-left: 46px;
-
-          .te {
-            font-size: 28px;
-            font-weight: 800;
-            color: #4a9cf8;
-            line-height: 24px;
-          }
-        }
-      }
-
-      .explain {
-        margin-top: 30px;
-        width: 416px;
-        // height: 158px;
-        background: #f2f5f7;
-        border-radius: 8px;
-        padding-bottom: 25px;
-
-        .explain1 {
-          margin-left: 23px;
-          width: 360px;
-          // height: 38px;
-          font-size: 14px;
-          font-weight: 500;
-          color: #333330;
-          line-height: 24px;
-        }
-      }
-    }
-  }
-  .el-dialog {
-    color:black;
-    text-align: center;
-    font-size: 16px;
-    .title{
-      text-align: center;
-    }
-    .dialog-footer{
-      .back{
-        background: #387DF7;
-        box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34);
-        border: 0px;
-        padding: 8px 32px;
-        border-radius: 4px;
-      }
-      .cancel{
-        background: #387DF7;
-        border: 0px;
-        padding: 8px 32px;
-        border: 1px solid #387DF7;
-        border-radius: 4px;
-      }
-     
-    }
-  }
+	.crumb {
+		color: #fff;
+		display: flex;
+		font-size: 14px;
+		line-height: 24px;
+		position: relative;
+	}
+
+	.return {
+		position: absolute;
+		right: 10%;
+
+		.text {
+			text-align: center;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+		}
+	}
+
+	.preNext {
+		position: absolute;
+		right: 0px;
+
+		.content {
+			font-size: 14px;
+			color: #fff;
+			width: 43px;
+			height: 14px;
+			display: inline-block;
+			position: relative;
+			top: -6px;
+			cursor: pointer;
+		}
+
+		.btn {
+			width: 23px;
+			height: 23px;
+			border-radius: 50%;
+			border: 0;
+			cursor: pointer;
+		}
+
+		.btn01 {
+			background-image: url("../../assets/image/prev.png");
+		}
+
+		.btn02 {
+			background-image: url("../../assets/image/next.png");
+		}
+	}
+
+	.debateTitle {
+		margin-top: 15px;
+		font-size: 20px;
+		line-height: 24px;
+		height: 24px;
+		font-weight: 600;
+		margin-left: -10px;
+	}
+
+	.detailinfo {
+		width: 100%;
+		margin-top: 20px;
+		background: #ffffff;
+		border-radius: 8px;
+		display: flex;
+
+		.detail {
+			flex: 1;
+
+			.detailT {
+				// height: 1000px;
+
+				color: rgba(51, 51, 51, 1);
+				display: flex;
+				padding-bottom: 30px;
+				width: 100%;
+
+				.shapan {
+					width: 100%;
+					height: 58px;
+					margin-top: 30px;
+					background-image: url("../../assets/image/shapan.png");
+					background-repeat: no-repeat;
+					background-size: 100% 100%;
+					display: flex;
+					align-items: center;
+
+					.shapanexplain {
+						margin-left: 34px;
+						margin-right: 10px;
+						font-size: 20px;
+						font-weight: 800;
+						color: #4a9cf8;
+						line-height: 24px;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+					}
+				}
+
+				.shangchuan {
+					z-index: 999;
+					font-size: 16px;
+					font-weight: 800;
+					color: #ffffff;
+					line-height: 24px;
+					position: absolute;
+					right: -6px;
+					top: 162px;
+					border: 0;
+					background-color: #fff;
+					width: 162px;
+					height: 62px;
+					background-image: url("../../assets/image/shangchuan.png");
+				}
+
+				.uploadDetail {
+					position: absolute;
+					//top: 235px;
+					right: 3px;
+					z-index: 100;
+
+					.triangle {
+						top: -10px;
+						right: 60px;
+						width: 0;
+						height: 0;
+						position: absolute;
+						border-right: 10px solid transparent;
+						border-left: 10px solid transparent;
+						border-bottom: 10px solid #fff;
+						// box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
+					}
+
+					.square {
+						padding-bottom: 40px;
+						width: 600px;
+						background: #ffffff;
+						box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
+						border-radius: 8px;
+
+						.squarecontent1 {
+							padding-top: 40px;
+							display: flex;
+
+							.rar {
+								margin: 12px 15px 0 27px;
+								width: 22px;
+								height: 26px;
+								background-image: url("../../assets/image/rar.png");
+							}
+
+							.rarDetail {
+								.detail1 {
+									// height: 14px;
+									font-size: 12px;
+									line-height: 30px;
+									font-weight: 500;
+									color: #677d86;
+								}
+
+								.detail2 {
+									// height: 11px;
+									font-size: 12px;
+									font-weight: 500;
+									color: #277aff;
+								}
+
+								.progress {
+									width: 291px;
+									height: 8px;
+									background: #e8f1fe;
+									border-radius: 4px;
+
+									.progressinner {
+										height: 8px;
+										background: linear-gradient(0deg, #2478ff 0%, #5093ff 100%);
+										border-radius: 4px;
+									}
+								}
+							}
+
+							.btn {
+								border: 0;
+								background-color: #fff;
+								color: #277aff;
+								margin-top: 20px;
+								cursor: pointer;
+							}
+
+							.btndetail {
+								margin-left: 25px;
+							}
+						}
+
+						.squarecontent2 {
+							margin-top: 25px;
+							display: flex;
+
+							.rar {
+								margin: 12px 15px 0 27px;
+								width: 22px;
+								height: 26px;
+								background-image: url("../../assets/image/rar.png");
+							}
+
+							.rarDetail {
+								.detail1 {
+									// height: 14px;
+									font-size: 12px;
+									line-height: 30px;
+									font-weight: 500;
+									color: #677d86;
+								}
+
+								.detail2 {
+									// height: 11px;
+									font-size: 12px;
+									font-weight: 500;
+									color: #277aff;
+								}
+
+								.progress {
+									width: 291px;
+									height: 8px;
+									background: #e8f1fe;
+									border-radius: 4px;
+
+									.progressinner {
+										width: 231px;
+										height: 8px;
+										background: linear-gradient(0deg, #ee625e 0%, #eea4a1 100%);
+										border-radius: 4px;
+									}
+								}
+							}
+
+							.btn {
+								border: 0;
+								background-color: #fff;
+								color: #277aff;
+								margin-top: 20px;
+								cursor: pointer;
+							}
+
+							.btndetail {
+								margin-left: 25px;
+							}
+						}
+
+						.squarecontent3 {
+							margin-top: 25px;
+							display: flex;
+
+							.rar {
+								margin: 12px 15px 0 27px;
+								width: 22px;
+								height: 26px;
+								background-image: url("../../assets/image/rar.png");
+							}
+
+							.rarDetail {
+								.detail1 {
+									// height: 14px;
+									font-size: 12px;
+									line-height: 30px;
+									font-weight: 500;
+									color: #677d86;
+								}
+
+								.detail2 {
+									// height: 11px;
+									font-size: 12px;
+									font-weight: 500;
+									color: #277aff;
+								}
+
+								.progress {
+									width: 291px;
+									height: 8px;
+									background: #e8f1fe;
+									border-radius: 4px;
+
+									.progressinner {
+										width: 291px;
+										height: 8px;
+										background: linear-gradient(0deg, #36d1ae 0%, #3be5bf 100%);
+										border-radius: 4px;
+									}
+								}
+							}
+
+							.btn {
+								border: 0;
+								background-color: #fff;
+								color: #277aff;
+								margin-top: 20px;
+								cursor: pointer;
+							}
+
+							.btndetail {
+								margin-left: 25px;
+							}
+						}
+					}
+				}
+
+				.tijiao {
+					z-index: 999;
+					cursor: pointer;
+					margin-top: 22px;
+					// margin-left: 480px;
+					width: 33px;
+					height: 16px;
+					font-size: 16px;
+					font-weight: 800;
+					color: #ffffff;
+					line-height: 24px;
+					border: 0;
+					background-color: #fff;
+					width: 162px;
+					height: 62px;
+					background-image: url("../../assets/image/tijiao.png");
+				}
+
+				.history {
+					position: relative;
+					margin-top: 32px;
+					width: 100%;
+					border: 1px solid #d7e5fd;
+					border-radius: 8px;
+
+					.fenge {
+						width: 100%;
+						border-top: 1px solid #d7e5fd;
+					}
+
+					.tongyi {
+						display: flex;
+					}
+
+					.content1 {
+						margin-top: 14px;
+						margin-left: 20px;
+						width: 160px;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+
+					.content2 {
+						margin-top: 14px;
+						margin-left: 20px;
+						width: 460px;
+						;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+
+					.content3 {
+						margin-top: 14px;
+						margin-left: 20px;
+						width: 230px;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+
+					.historycontent {
+						height: 14px;
+						font-size: 14px;
+						font-weight: 400;
+						color: #333330;
+						line-height: 38px;
+					}
+
+					.historytitle {
+						width: 100%;
+						height: 50px;
+						background: #f2f5f7;
+						border-radius: 8px 8px 0px 0px;
+						display: flex;
+					}
+
+					.historytitle2 {
+						width: 100%;
+						height: 48px;
+						// background: #fff;
+						display: flex;
+					}
+				}
+
+				.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;
+				}
+
+				.all {
+					display: flex;
+					justify-content: space-between;
+					width: 1280px;
+					margin-top: 43px;
+
+					.allbox1 {
+						background: linear-gradient(0deg,
+								rgba(160, 193, 230, 0) 0%,
+								rgba(161, 195, 231, 0.2) 100%);
+					}
+
+					.allbox2 {
+						background: linear-gradient(0deg,
+								rgba(177, 219, 229, 0) 0%,
+								rgba(172, 216, 227, 0.2) 100%);
+					}
+
+					.allbox3 {
+						background: linear-gradient(0deg,
+								rgba(195, 209, 234, 0) 0%,
+								rgba(191, 206, 231, 0.2) 100%);
+					}
+
+					.item {
+						width: 410px;
+						height: 149px;
+						text-align: center;
+						border-radius: 4px;
+
+						.item1 {
+							color: #089dff;
+							font-size: 24px;
+							font-weight: bold;
+							margin-top: 36px;
+						}
+
+						.item2 {
+							color: #333330;
+							font-size: 14px;
+							margin-top: 29px;
+						}
+					}
+				}
+
+				.join {
+					width: 100%;
+					margin-top: 32px;
+
+					.el-textarea__inner {
+						border-radius: 8px;
+						background-color: rgba(245, 246, 247, 1);
+					}
+				}
+			}
+		}
+
+		.right {
+			margin-right: 45px;
+
+			.righttitle {
+				display: flex;
+				padding-top: 39px;
+				position: relative;
+
+				.text {
+					margin-left: 8px;
+					font-size: 16px;
+					color: rgba(51, 51, 51, 1);
+					font-weight: 800;
+				}
+
+				.box {
+					width: 75px;
+					height: 10px;
+					background-color: rgba(36, 120, 255, 0.15);
+					position: absolute;
+					left: 23px;
+					top: 53px;
+				}
+			}
+
+			.timebox {
+				width: 417px;
+				height: 149px;
+				background: linear-gradient(90deg, #b6c6e1 0%, #89aed6 100%);
+				border-radius: 4px;
+				margin-top: 52px;
+			}
+
+			.clearfix:before,
+			.clearfix:after {
+				content: "";
+				display: table;
+				clear: both;
+			}
+
+			.innertime {
+				margin-top: 17px;
+				margin-left: 55px;
+				font-size: 14px;
+				font-weight: 500;
+				color: #ffffff;
+				line-height: 24px;
+			}
+
+			.endtime {
+				margin-left: 10px;
+				margin-top: 16px;
+				width: 397px;
+				height: 81px;
+				background: #f2f5f7;
+				border-radius: 0px 8px 0px 8px;
+
+				.endtimetext {
+					margin-top: 25px;
+					margin-left: 46px;
+
+					.te {
+						font-size: 28px;
+						font-weight: 800;
+						color: #4a9cf8;
+						line-height: 24px;
+					}
+				}
+			}
+
+			.explain {
+				margin-top: 30px;
+				width: 416px;
+				// height: 158px;
+				background: #f2f5f7;
+				border-radius: 8px;
+				padding-bottom: 25px;
+
+				.explain1 {
+					margin-left: 23px;
+					width: 360px;
+					// height: 38px;
+					font-size: 14px;
+					font-weight: 500;
+					color: #333330;
+					line-height: 24px;
+				}
+			}
+		}
+	}
+
+	.el-dialog {
+		color: black;
+		text-align: center;
+		font-size: 16px;
+
+		.title {
+			text-align: center;
+		}
+
+		.dialog-footer {
+			.back {
+				background: #387DF7;
+				box-shadow: 1px 2px 15px 1px rgba(56, 125, 247, 0.34);
+				border: 0px;
+				padding: 8px 32px;
+				border-radius: 4px;
+			}
+
+			.cancel {
+				background: #387DF7;
+				border: 0px;
+				padding: 8px 32px;
+				border: 1px solid #387DF7;
+				border-radius: 4px;
+			}
+
+		}
+	}
 }
-
-
 </style>
diff --git a/src/views/project/ProjectDetails.vue b/src/views/project/ProjectDetails.vue
index 2b10205..340583f 100644
--- a/src/views/project/ProjectDetails.vue
+++ b/src/views/project/ProjectDetails.vue
@@ -1,306 +1,231 @@
 <template>
-  <div class="pathdetails" style="padding: 30px">
-    <!-- 面包屑导航 -->
-    <div class="crumb">
-      <!--      <div>产品经理学习路径图</div>-->
-      <!--      <div style="margin-left: 6px; margin-right: 6px">/</div>-->
-      <div style="font-weight: 700">项目详情</div>
-    </div>
-    <!-- 面包屑导航 -->
-    <div class="pdname">{{ userInfo.bandDesc }}</div>
-    <!-- 详细信息 -->
-    <div class="detailinfo">
-      <div class="detailL">
-        <div v-for="(i, k) in data.stageProcessList" :key="k">
-          <div class="title">
-            <div class="titleL">{{ i.stageName }}</div>
-            <div class="titleR" :style="{ display: 'flex' }">
-              <img src="../../assets/image/pathdetails/circle.png" />
-              <div class="titleRT">进行中</div>
-            </div>
-            <div
-              class="titleR"
-              :style="{ display: i.status === 2 ? 'flex' : 'none' }"
-            >
-              <img src="../../assets/image/pathdetails/circle2.png" />
-              <div class="titleRT" style="color: rgba(102, 102, 102, 1)">
-                未开始
-              </div>
-            </div>
-          </div>
-          <div
-            class="course"
-            v-for="(value, index) in i.taskProcessList.filter(
-              (e) => !whiteTypes(e.type)
-            )"
-            :key="index"
-          >
-            <div style="width: 70%">
-              <div class="coursename">{{ value.name }}</div>
-              <div class="coursetag">
-                <div class="tag1" style="margin-right: 11px; margin-top: 16px">
-                  必修
-                </div>
-                <div class="tag3" style="margin-right: 11px; margin-top: 16px">
-                  {{ types.typeName[value.type] || "" }}
-                </div>
-
-                <!--                                <div-->
-                <!--                                    v-for="(item, key) in value.flag"-->
-                <!--                                    :key="key"-->
-                <!--                                    :class="{1:'tag1',2:'tag2',3:'tag3',4:'tag4'}[item.type]"-->
-                <!--                                    style="margin-right: 11px; margin-top: 16px"-->
-                <!--                                >-->
-                <!--                                  {{ item.name }}-->
-                <!--                                </div>-->
-              </div>
-              <div
-                class="progressBox"
-                :style="{ display: value.status === 1 ? 'block' : 'none' }"
-              >
-                <div>当前进度</div>
-                <div class="progress">
-                  <div style="width: 291px">
-                    <el-progress
-                      :percentage="value.currentRatio"
-                      :show-text="false"
-                      :stroke-width="8"
-                      :color="
-                        {
-                          0: 'rgba(238, 112, 108, 1)',
-                          1: 'rgba(255, 151, 38, 1)',
-                          2: 'rgba(39, 122, 255, 1)',
-                          3: 'rgba(59, 94, 251, 1)',
-                          4: 'rgba(57, 219, 183, 1)',
-                          5: 'rgba(57, 219, 183, 1)',
-                        }[parseInt(value.currentRatio / 20)]
-                      "
-                    />
-                  </div>
-                  <div
-                    style="
-                      font-size: 14px;
-                      font-weight: 500;
-                      color: #277aff;
-                      margin-left: 10px;
-                    "
-                    :style="{
-                      color: {
-                        0: 'rgba(238, 112, 108, 1)',
-                        1: 'rgba(255, 151, 38, 1)',
-                        2: 'rgba(39, 122, 255, 1)',
-                        3: 'rgba(59, 94, 251, 1)',
-                        4: 'rgba(57, 219, 183, 1)',
-                        5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt(value.currentRatio / 20)],
-                    }"
-                  >
-                    {{ value.currentRatio }}%
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="goclass" @click="toFinish(value, i.name, i.stageId)">
-              {{
-                value.status === 1
-                  ? "已完成"
-                  : types.path[value.type]
-                  ? types.toName[value.type]
-                  : "未开放"
-              }}
-            </div>
-            <!--            <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
-            <!--              <div-->
-            <!--                  class="goclass"-->
-            <!--                  :style="{ display: value.currentRatio === 0 ? 'none' : 'flex' }">去上课-->
-            <!--              </div>-->
-            <!--              <img-->
-            <!--                  style="width: 76px; height: 76px; margin-right: 61px"-->
-            <!--                  :style="{ display: value.currentRatio === 0 ? 'flex' : 'none' }"-->
-            <!--                  src="../../assets/image/pathdetails/notstarted.png"-->
-            <!--              />-->
-            <!--            </div>-->
-          </div>
-        </div>
-        <!-- <div class="tag1">必修</div>
+	<div class="pathdetails" style="padding: 30px">
+		<!-- 面包屑导航 -->
+		<div class="crumb">
+			<!--      <div>产品经理学习路径图</div>-->
+			<!--      <div style="margin-left: 6px; margin-right: 6px">/</div>-->
+			<div style="font-weight: 700">项目详情</div>
+		</div>
+		<!-- 面包屑导航 -->
+		<div class="pdname">{{ userInfo.bandDesc }}</div>
+		<!-- 详细信息 -->
+		<div class="detailinfo">
+			<div class="detailL">
+				<div v-for="(i, k) in data.stageProcessList" :key="k">
+					<div v-if="i.stageId == '0' && i.taskProcessList.length == 0"></div>
+					<div v-else class="title">
+						<div class="titleL">{{ i.stageName }}</div>
+						<div class="titleR" :style="{ display: 'flex' }">
+							<img src="../../assets/image/pathdetails/circle.png" />
+							<div class="titleRT">进行中</div>
+						</div>
+						<div class="titleR" :style="{ display: i.status === 2 ? 'flex' : 'none' }">
+							<img src="../../assets/image/pathdetails/circle2.png" />
+							<div class="titleRT" style="color: rgba(102, 102, 102, 1)">
+								未开始
+							</div>
+						</div>
+					</div>
+					<div v-if="i.stageId == '0' && i.taskProcessList.length == 0"></div>
+					<div v-else class="course" v-for="(value, index) in i.taskProcessList.filter(
+						(e) => !whiteTypes(e.type)
+					)" :key="index">
+						<div style="width: 70%">
+							<div class="coursename">{{ value.name }}</div>
+							<div class="coursetag">
+								<div class="tag1" style="margin-right: 11px; margin-top: 16px">
+									必修
+								</div>
+								<div class="tag3" style="margin-right: 11px; margin-top: 16px">
+									{{ types.typeName[value.type] || "" }}
+								</div>
+								<!--                                <div-->
+								<!--                                    v-for="(item, key) in value.flag"-->
+								<!--                                    :key="key"-->
+								<!--                                    :class="{1:'tag1',2:'tag2',3:'tag3',4:'tag4'}[item.type]"-->
+								<!--                                    style="margin-right: 11px; margin-top: 16px"-->
+								<!--                                >-->
+								<!--                                  {{ item.name }}-->
+								<!--                                </div>-->
+							</div>
+							<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="
+											{
+												0: 'rgba(238, 112, 108, 1)',
+												1: 'rgba(255, 151, 38, 1)',
+												2: 'rgba(39, 122, 255, 1)',
+												3: 'rgba(59, 94, 251, 1)',
+												4: 'rgba(57, 219, 183, 1)',
+												5: 'rgba(57, 219, 183, 1)',
+											}[parseInt(value.currentRatio / 20)]
+										" />
+									</div>
+									<div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;color:#677d86;">
+										{{ value.currentRatio }}%
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="goclass" @click="toFinish(value, i.name, i.stageId)">
+							{{
+									value.status === 1
+										? "已完成"
+										: types.path[value.type]
+											? types.toName[value.type]
+											: "未开放"
+							}}
+						</div>
+						<!--            <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
+						<!--              <div-->
+						<!--                  class="goclass"-->
+						<!--                  :style="{ display: value.currentRatio === 0 ? 'none' : 'flex' }">去上课-->
+						<!--              </div>-->
+						<!--              <img-->
+						<!--                  style="width: 76px; height: 76px; margin-right: 61px"-->
+						<!--                  :style="{ display: value.currentRatio === 0 ? 'flex' : 'none' }"-->
+						<!--                  src="../../assets/image/pathdetails/notstarted.png"-->
+						<!--              />-->
+						<!--            </div>-->
+					</div>
+				</div>
+				<!-- <div class="tag1">必修</div>
         <div class="tag2">选修</div>
         <div class="tag3">测评</div>
         <div class="tag4">#通用力</div> -->
-      </div>
-      <div class="detailR">
-        <!--        todo #路径详情 课程公告及共享文档缺失-->
-        <!-- 课程公告及共享文档 -->
-        <div class="detailRT">
-          <el-tabs v-model="activeName" @tab-click="handleClick">
-            <el-tab-pane label="课程公告" name="first">
-              <div class="notice">
-                {{ data.remark || "暂无公告" }}
-              </div>
-            </el-tab-pane>
-            <!--  
+			</div>
+			<div class="detailR">
+				<!--        todo #路径详情 课程公告及共享文档缺失-->
+				<!-- 课程公告及共享文档 -->
+				<div class="detailRT">
+					<el-tabs v-model="activeName" @tab-click="handleClick">
+						<el-tab-pane label="课程公告" name="first">
+							<div class="notice">
+								{{ data.remark || "暂无公告" }}
+							</div>
+						</el-tab-pane>
+						<!--  
             <el-tab-pane label="共享文档" name="second">
                         <div style="padding: 19px 30px 17px 28px">-->
-            <!--                <div-->
-            <!--                  v-for="(value, index) in sharedoc"-->
-            <!--                  :key="index"-->
-            <!--                  style="-->
-            <!--                    display: flex;-->
-            <!--                    align-items: center;-->
-            <!--                    margin-bottom: 15px;-->
-            <!--                  "-->
-            <!--                >-->
-            <!--                  <img :src="value.img" style="width: 22px; height: 26px" />-->
-            <!--                  <div class="sharedocname">{{ value.name }}</div>-->
-            <!--                  <div class="download">-->
-            <!--                    <img-->
-            <!--                      src="../../assets/image/download.png"-->
-            <!--                      style="width: 16px; height: 15px"-->
-            <!--                    />-->
-            <!--                    <div style="margin-left: 7px">下载</div>-->
-            <!--                  </div>-->
-            <!--                </div>-->
-            <!--              </div>
+						<!--                <div-->
+						<!--                  v-for="(value, index) in sharedoc"-->
+						<!--                  :key="index"-->
+						<!--                  style="-->
+						<!--                    display: flex;-->
+						<!--                    align-items: center;-->
+						<!--                    margin-bottom: 15px;-->
+						<!--                  "-->
+						<!--                >-->
+						<!--                  <img :src="value.img" style="width: 22px; height: 26px" />-->
+						<!--                  <div class="sharedocname">{{ value.name }}</div>-->
+						<!--                  <div class="download">-->
+						<!--                    <img-->
+						<!--                      src="../../assets/image/download.png"-->
+						<!--                      style="width: 16px; height: 15px"-->
+						<!--                    />-->
+						<!--                    <div style="margin-left: 7px">下载</div>-->
+						<!--                  </div>-->
+						<!--                </div>-->
+						<!--              </div>
             </el-tab-pane>-->
-          </el-tabs>
-        </div>
-        <!-- 课程公告及共享文档 -->
-        <!-- 个人信息及学习进度 -->
-        <div class="detailRB">
-          <div class="info">
-            <div class="title">
-              <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="`/upload${userInfo.avatar}`" />
-              <div style="margin-left: 17px">
-                <div class="teacherName">
-                  <div style="margin-right: 5px">
-                    {{ userInfo?.realName }}
-                  </div>
-                  <!--                  <div v-for="(item, key) in data.userInfoBo?.medal" :key="key">-->
-                  <!--                    <img class="teacherMedal" :src="item"/>-->
-                  <!--                  </div>-->
-                </div>
-                <div class="introduce">{{ userInfo?.bandDesc }}</div>
-              </div>
-            </div>
-          </div>
-          <div class="info" style="padding-top: 20px">
-            <div class="title">
-              <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>
-            <!--
+					</el-tabs>
+				</div>
+				<!-- 课程公告及共享文档 -->
+				<!-- 个人信息及学习进度 -->
+				<div class="detailRB">
+					<div class="info">
+						<div class="title">
+							<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="`/upload${userInfo.avatar}`" />
+							<div style="margin-left: 17px">
+								<div class="teacherName">
+									<div style="margin-right: 5px">
+										{{ userInfo?.realName }}
+									</div>
+									<!--                  <div v-for="(item, key) in data.userInfoBo?.medal" :key="key">-->
+									<!--                    <img class="teacherMedal" :src="item"/>-->
+									<!--                  </div>-->
+								</div>
+								<div class="introduce">{{ userInfo?.bandDesc }}</div>
+							</div>
+						</div>
+					</div>
+					<div class="info" style="padding-top: 20px">
+						<div class="title">
+							<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>
+						<!--
             <div class="rate">
               <div class="ratetext">上次学到：启航班-领导寄语</div>
               <div class="ratebtn">继续学习</div>
             </div>-->
-
-            <div style="margin-top: 16px">
-              <div class="progressBox">
-                <div>总进度</div>
-                <div class="progress">
-                  <div style="width: 291px">
-                    <el-progress
-                      :percentage="parseInt(data.totalProgress * 100)"
-                      :show-text="false"
-                      :stroke-width="8"
-                      :color="
-                        {
-                          0: 'rgba(238, 112, 108, 1)',
-                          1: 'rgba(255, 151, 38, 1)',
-                          2: 'rgba(39, 122, 255, 1)',
-                          3: 'rgba(59, 94, 251, 1)',
-                          4: 'rgba(57, 219, 183, 1)',
-                          5: 'rgba(57, 219, 183, 1)',
-                        }[parseInt((data.totalProgress * 100) / 20)]
-                      "
-                    />
-                  </div>
-                  <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)',
-                        2: 'rgba(39, 122, 255, 1)',
-                        3: 'rgba(59, 94, 251, 1)',
-                        4: 'rgba(57, 219, 183, 1)',
-                        5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt((data.totalProgress * 100) / 20)],
-                    }"
-                  >
-                    {{ parseInt(data.totalProgress * 100) }}%
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div style="margin-top: 31px">
-              <div class="progressBox">
-                <div>必修进度</div>
-                <div class="progress">
-                  <div style="width: 291px">
-                    <el-progress
-                      :percentage="parseInt(data.compulsoryProgress * 100)"
-                      :show-text="false"
-                      :stroke-width="8"
-                      :color="
-                        {
-                          0: 'rgba(238, 112, 108, 1)',
-                          1: 'rgba(255, 151, 38, 1)',
-                          2: 'rgba(39, 122, 255, 1)',
-                          3: 'rgba(59, 94, 251, 1)',
-                          4: 'rgba(57, 219, 183, 1)',
-                          5: 'rgba(57, 219, 183, 1)',
-                        }[parseInt((data.compulsoryProgress * 100) / 20)]
-                      "
-                    />
-                  </div>
-                  <div
-                    style="
+						<div style="margin-top: 16px">
+							<div class="progressBox">
+								<div>总进度</div>
+								<div class="progress">
+									<div style="width: 291px">
+										<el-progress :percentage="parseInt(data.totalProgress * 100)" :show-text="false" :stroke-width="8"
+											:color="
+												{
+													0: 'rgba(238, 112, 108, 1)',
+													1: 'rgba(255, 151, 38, 1)',
+													2: 'rgba(39, 122, 255, 1)',
+													3: 'rgba(59, 94, 251, 1)',
+													4: 'rgba(57, 219, 183, 1)',
+													5: 'rgba(57, 219, 183, 1)',
+												}[parseInt((data.totalProgress * 100) / 20)]
+											" />
+									</div>
+									<div style="font-size: 14px; font-weight: 500; margin-left: 10px;color:#677d86;">
+										{{ parseInt(data.totalProgress * 100) }}%
+									</div>
+								</div>
+							</div>
+						</div>
+						<div style="margin-top: 31px">
+							<div class="progressBox">
+								<div>必修进度</div>
+								<div class="progress">
+									<div style="width: 291px">
+										<el-progress :percentage="parseInt(data.compulsoryProgress * 100)" :show-text="false"
+											:stroke-width="8" :color="
+												{
+													0: 'rgba(238, 112, 108, 1)',
+													1: 'rgba(255, 151, 38, 1)',
+													2: 'rgba(39, 122, 255, 1)',
+													3: 'rgba(59, 94, 251, 1)',
+													4: 'rgba(57, 219, 183, 1)',
+													5: 'rgba(57, 219, 183, 1)',
+												}[parseInt((data.compulsoryProgress * 100) / 20)]
+											" />
+									</div>
+									<div style="
                       font-size: 14px;
                       font-weight: 500;
                       color: #277aff;
-                      margin-left: 10px;
-                    "
-                    :style="{
-                      color: {
-                        0: 'rgba(238, 112, 108, 1)',
-                        1: 'rgba(255, 151, 38, 1)',
-                        2: 'rgba(39, 122, 255, 1)',
-                        3: 'rgba(59, 94, 251, 1)',
-                        4: 'rgba(57, 219, 183, 1)',
-                        5: 'rgba(57, 219, 183, 1)',
-                      }[parseInt((data.compulsoryProgress * 100) / 20)],
-                    }"
-                  >
-                    {{ parseInt(data.compulsoryProgress * 100) }}%
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 个人信息及学习进度 -->
-      </div>
-    </div>
-    <!-- 详细信息 -->
-  </div>
+                      margin-left: 10px;color:#677d86;">
+										{{ parseInt(data.compulsoryProgress * 100) }}%
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 个人信息及学习进度 -->
+			</div>
+		</div>
+		<!-- 详细信息 -->
+	</div>
 </template>
-
 <script setup>
 import { computed, reactive, ref } from "vue";
 import word from "@/assets/image/file/word.png";
@@ -314,416 +239,466 @@ import medal3 from "@/assets/image/medal/medal3.png";
 import img from "@/assets/image/uploadimg.png";
 import { useRequest, request } from "@/api/request";
 import {
-  PROJECT_PROCESS,
-  ROUTER_PROCESS,
-  LINK_DETAILS,
-  STUDY_RECORD,
+	PROJECT_PROCESS,
+	ROUTER_PROCESS,
+	LINK_DETAILS,
+	STUDY_RECORD,
 } from "@/api/api";
 import { useRoute, useRouter } from "vue-router";
 import store from "@/store";
 import { ElMessage } from "element-plus";
-
 const {
-  query: { courseId, projectId },
+	query: { courseId, projectId },
 } = useRoute();
 const router = useRouter();
 const returnclick = () => {
-  router.back();
+	router.back();
 };
 const { data } = useRequest(PROJECT_PROCESS, {
-  projectId: projectId || courseId,
+	projectId: projectId || courseId,
 });
 console.log("datadata", data);
 const userInfo = computed(() => store.state.userInfo);
-
 const activeName = ref("first");
-
 const handleClick = (tab, event) => {
-  console.log(tab, event);
+	console.log(tab, event);
 };
 const path = { 1: "path" };
-
 const types = ref({
-  typeName: {
-    1: "在线",
-    2: "面授",
-    3: "案例",
-    4: "作业",
-    5: "考试",
-    6: "直播",
-    7: "外链",
-    8: "讨论",
-    9: "活动",
-    10: "测评",
-    11: "评估",
-    12: "投票",
-    13: "项目",
-  },
-  toName: {
-    1: "去上课",
-    2: "去上课",
-    3: "去阅读",
-    4: "去完成",
-    5: "去完成",
-    6: "去观看",
-    7: "去查看",
-    8: "去讨论",
-    9: "去签到",
-    10: "去完成",
-    11: "去完成",
-    12: "去投票",
-    13: "去完成",
-  },
-  path: {
-    1: import.meta.env.VITE_BOE_ONLINE_CLASS_URL, //在线
-    2: "/faceteach",
-    3: import.meta.env.VITE_BOE_CASS_DETAIL_URL, //案例
-    4: "/homeworkpage",
-    5: import.meta.env.VITE_BOE_EXAM_DETAIL_URL, //考试
-    6: "/livebroadcast",
-    7: ({ courseId }) =>
-      request(LINK_DETAILS(courseId), {}).then(({ data: { linkAddress } }) =>
-        window.open(linkAddress)
-      ), //外联
-    8: "/discusspage",
-    9: "/moreactive",
-    10: ({ evaType, targetId }) =>
-      window.open(
-        (evaType == 0
-          ? import.meta.env.VITE_BOE_TEST_DETAIL_URL
-          : import.meta.env.VITE_BOE_TEST_OUT_DETAIL_URL) + targetId
-      ), //测评
-    11: "/surveydetail",
-    12: "/ballotpage",
-    13: "/projectdetails",
-  },
+	typeName: {
+		1: "在线",
+		2: "面授",
+		3: "案例",
+		4: "作业",
+		5: "考试",
+		6: "直播",
+		7: "外链",
+		8: "讨论",
+		9: "活动",
+		10: "测评",
+		11: "评估",
+		12: "投票",
+		13: "项目",
+	},
+	toName: {
+		1: "去上课",
+		2: "去上课",
+		3: "去阅读",
+		4: "去完成",
+		5: "去完成",
+		6: "去观看",
+		7: "去查看",
+		8: "去讨论",
+		9: "去签到",
+		10: "去完成",
+		11: "去完成",
+		12: "去投票",
+		13: "去完成",
+	},
+	path: {
+		1: import.meta.env.VITE_BOE_ONLINE_CLASS_URL, //在线
+		2: "/faceteach",
+		3: import.meta.env.VITE_BOE_CASS_DETAIL_URL, //案例
+		4: "/homeworkpage",
+		5: import.meta.env.VITE_BOE_EXAM_DETAIL_URL, //考试
+		6: "/livebroadcast",
+		7: ({ courseId }) =>
+			request(LINK_DETAILS(courseId), {}).then(({ data: { linkAddress } }) =>
+				window.open(linkAddress)
+			), //外联
+		8: "/discusspage",
+		9: "/moreactive",
+		10: ({ evaType, targetId }) =>
+			window.open(
+				(evaType == 0
+					? import.meta.env.VITE_BOE_TEST_DETAIL_URL
+					: import.meta.env.VITE_BOE_TEST_OUT_DETAIL_URL) + targetId
+			), //测评
+		11: "/surveydetail",
+		12: "/ballotpage",
+		13: "/projectdetails",
+	},
 });
-
 function toFinish(d, sName, chapterId) {
-  console.log("dddddd", d);
-  if (!types.value.path[d.type]) {
-    ElMessage.error("暂时未开放");
-    return;
-  }
-  if (d.type == 3 || d.type == 7) {
-    request(STUDY_RECORD, {
-      studentId: data.value.userInfoBo.userId,
-      targetId: data.value.routerId,
-      logo: 2,
-      stageOrChapterId: chapterId,
-      taskId: d.projectTaskId,
-    });
-  }
-  if (typeof types.value.path[d.type] === "string") {
-    types.value.path[d.type] &&
-      types.value.path[d.type].startsWith("http") &&
-      window.open(types.value.path[d.type] + d.targetId);
-    types.value.path[d.type] &&
-      types.value.path[d.type].startsWith("/") &&
-      router.push({
-        path: types.value.path[d.type],
-        query: {
-          id: d.projectTaskId,
-          type: 2,
-          courseId: d.courseId,
-          pName: data.value.name,
-          sName,
-        },
-      });
-  } else if (typeof types.value.path[d.type] === "function") {
-    types.value.path[d.type](d);
-  }
+	console.log("dddddd", d);
+	// 作业过期判断
+	if (d.type == 4) {
+		let date1 = new Date(d.endTime).getTime();
+		let date2 = new Date().getTime();
+		if (date1 < date2) {
+			ElMessage.error("当前作业已结束")
+			return
+		}
+	}
+	// 直播结束时间
+	if (d.type == 6) {
+		let date1 = new Date(d.endTime).getTime();
+		let date2 = new Date().getTime();
+		if (date1 < date2) {
+			ElMessage.error("当前直播已结束")
+			return
+		}
+	}
+	// 考试 停用
+	if (d.type == 5) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			return
+		}
+	}
+	// 评估 停用
+	if (d.type == 11) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			return
+		}
+	}
+	// 其他活动 结束时间
+	if (d.type == 9) {
+		let date1 = new Date(d.endTime).getTime();
+		let date2 = new Date().getTime();
+		if (date1 < date2) {
+			ElMessage.error("当前活动已结束")
+			return
+		}
+	}
+	// 在线课 停用 -- 暂时没有在线课停用标记
+	if (d.type == 1) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			return
+		}
+	}
+	// 面授课 停用
+	if (d.type == 2) {
+		if (d.taskStatus == 1 || d.taskStatus == 2) {
+			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			return
+		}
+	}
+
+	if (!types.value.path[d.type]) {
+		ElMessage.error("暂时未开放");
+		return;
+	}
+	if (d.type == 3 || d.type == 7) {
+		request(STUDY_RECORD, {
+			studentId: data.value.userInfoBo.userId,
+			targetId: data.value.routerId,
+			logo: 2,
+			stageOrChapterId: chapterId,
+			taskId: d.projectTaskId,
+		});
+	}
+	if (typeof types.value.path[d.type] === "string") {
+		types.value.path[d.type] &&
+			types.value.path[d.type].startsWith("http") &&
+			window.open(types.value.path[d.type] + d.targetId);
+		types.value.path[d.type] &&
+			types.value.path[d.type].startsWith("/") &&
+			router.push({
+				path: types.value.path[d.type],
+				query: {
+					id: d.projectTaskId,
+					type: 2,
+					courseId: d.courseId,
+					pName: data.value.name,
+					sName,
+				},
+			});
+	} else if (typeof types.value.path[d.type] === "function") {
+		types.value.path[d.type](d);
+	}
 }
 function whiteTypes(type) {
-  return import.meta.env.VITE_TASK_WHITE_TYPE.includes("-" + type + "-");
+	return import.meta.env.VITE_TASK_WHITE_TYPE.includes("-" + type + "-");
 }
 </script>
-
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
 .pathdetails {
-  .crumb {
-    color: #fff;
-    display: flex;
-    font-size: 14px;
-    line-height: 24px;
-  }
+	.crumb {
+		color: #fff;
+		display: flex;
+		font-size: 14px;
+		line-height: 24px;
+	}
 
-  .pdname {
-    font-size: 20px;
-    font-weight: 800;
-    color: #ffffff;
-    margin-top: 17px;
-  }
+	.pdname {
+		font-size: 20px;
+		font-weight: 800;
+		color: #ffffff;
+		margin-top: 17px;
+	}
 
-  .detailinfo {
-    width: 100%;
-    margin-top: 24px;
-    display: flex;
+	.detailinfo {
+		width: 100%;
+		margin-top: 24px;
+		display: flex;
 
-    .detailL {
-      flex: 1;
-      margin-right: 20px;
-      background: #ffffff;
-      border-radius: 8px;
-      padding-left: 45px;
-      padding-right: 45px;
-      padding-top: 23px;
+		.detailL {
+			flex: 1;
+			margin-right: 20px;
+			background: #ffffff;
+			border-radius: 8px;
+			padding-left: 45px;
+			padding-right: 45px;
+			padding-top: 23px;
 
-      .title {
-        height: 50px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background-color: rgba(249, 249, 249, 1);
-        margin-top: 27px;
-        margin-bottom: 19px;
+			.title {
+				height: 50px;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				background-color: rgba(249, 249, 249, 1);
+				margin-top: 27px;
+				margin-bottom: 19px;
 
-        .titleL {
-          font-size: 16px;
-          font-weight: 800;
-          color: #333333;
-          margin-left: 27px;
-        }
+				.titleL {
+					font-size: 16px;
+					font-weight: 800;
+					color: #333333;
+					margin-left: 27px;
+				}
 
-        .titleR {
-          display: flex;
-          align-items: center;
-        }
+				.titleR {
+					display: flex;
+					align-items: center;
+				}
 
-        .titleR .titleRT {
-          font-size: 16px;
-          font-weight: 800;
-          color: #0060ff;
-          margin-right: 73px;
-          margin-left: 2px;
-        }
-      }
+				.titleR .titleRT {
+					font-size: 16px;
+					font-weight: 800;
+					color: #0060ff;
+					margin-right: 73px;
+					margin-left: 2px;
+				}
+			}
 
-      .course {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        flex-wrap: wrap;
-        margin-bottom: 32px;
-        margin-left: 26px;
+			.course {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				flex-wrap: wrap;
+				margin-bottom: 32px;
+				margin-left: 26px;
 
-        .coursename {
-          font-size: 14px;
-          font-weight: 500;
-          color: #333330;
-          line-height: 24px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
+				.coursename {
+					font-size: 14px;
+					font-weight: 500;
+					color: #333330;
+					line-height: 24px;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
 
-        .coursetag {
-          display: flex;
-          flex-wrap: wrap;
-        }
+				.coursetag {
+					display: flex;
+					flex-wrap: wrap;
+				}
 
-        .progressBox {
-          font-size: 14px;
-          font-weight: 500;
-          color: #677d86;
-          margin-top: 24px;
+				.progressBox {
+					font-size: 14px;
+					font-weight: 500;
+					color: #677d86;
+					margin-top: 24px;
 
-          .progress {
-            display: flex;
-            align-items: center;
-          }
+					.progress {
+						display: flex;
+						align-items: center;
+					}
 
-          .progress .el-progress-bar__outer {
-            background-color: rgba(232, 241, 254, 1);
-          }
-        }
+					.progress .el-progress-bar__outer {
+						background-color: rgba(232, 241, 254, 1);
+					}
+				}
 
-        .goclass {
-          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;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: 37px;
-          cursor: pointer;
-        }
-      }
-    }
+				.goclass {
+					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;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-right: 37px;
+					cursor: pointer;
+				}
+			}
+		}
 
-    .detailR {
-      width: 434px;
+		.detailR {
+			width: 434px;
 
-      .detailRT {
-        min-height: 298px;
-        background: #ffffff;
-        border-radius: 8px;
+			.detailRT {
+				min-height: 298px;
+				background: #ffffff;
+				border-radius: 8px;
 
-        .el-tabs__item {
-          height: 56px;
-          padding: 10px 33px 0px 27px;
-          font-size: 14px;
-          font-weight: 500;
-        }
+				.el-tabs__item {
+					height: 56px;
+					padding: 10px 33px 0px 27px;
+					font-size: 14px;
+					font-weight: 500;
+				}
 
-        .el-tabs__nav-wrap::after {
-          background-color: rgba(56, 125, 247, 0.2);
-        }
+				.el-tabs__nav-wrap::after {
+					background-color: rgba(56, 125, 247, 0.2);
+				}
 
-        .notice {
-          padding: 15px 43px 30px 47px;
-          font-size: 14px;
-          font-weight: 500;
-          color: #333330;
-          line-height: 24px;
-        }
+				.notice {
+					padding: 15px 43px 30px 47px;
+					font-size: 14px;
+					font-weight: 500;
+					color: #333330;
+					line-height: 24px;
+				}
 
-        .sharedocname {
-          width: 259px;
-          font-size: 14px;
-          font-weight: 400;
-          color: #677d86;
-          margin-left: 20px;
-          line-height: 24px;
-        }
+				.sharedocname {
+					width: 259px;
+					font-size: 14px;
+					font-weight: 400;
+					color: #677d86;
+					margin-left: 20px;
+					line-height: 24px;
+				}
 
-        .download {
-          display: flex;
-          align-items: center;
-          margin-left: 20px;
-          cursor: pointer;
-          font-size: 16px;
-          font-weight: 400;
-          color: #2478ff;
-        }
-      }
+				.download {
+					display: flex;
+					align-items: center;
+					margin-left: 20px;
+					cursor: pointer;
+					font-size: 16px;
+					font-weight: 400;
+					color: #2478ff;
+				}
+			}
 
-      .detailRB {
-        min-height: 459px;
-        background: #ffffff;
-        border-radius: 8px;
-        margin-top: 17px;
+			.detailRB {
+				min-height: 459px;
+				background: #ffffff;
+				border-radius: 8px;
+				margin-top: 17px;
 
-        .info .title {
-          display: flex;
-          align-items: center;
-          padding-top: 39px;
-          position: relative;
-          margin-left: 48px;
-        }
+				.info .title {
+					display: flex;
+					align-items: center;
+					padding-top: 39px;
+					position: relative;
+					margin-left: 48px;
+				}
 
-        .info .title .text {
-          margin-left: 8px;
-          font-size: 16px;
-          color: rgba(51, 51, 51, 1);
-          font-weight: 800;
-        }
+				.info .title .text {
+					margin-left: 8px;
+					font-size: 16px;
+					color: rgba(51, 51, 51, 1);
+					font-weight: 800;
+				}
 
-        .info .title .box {
-          width: 75px;
-          height: 10px;
-          background-color: rgba(36, 120, 255, 0.15);
-          position: absolute;
-          left: 23px;
-          top: 53px;
-        }
+				.info .title .box {
+					width: 75px;
+					height: 10px;
+					background-color: rgba(36, 120, 255, 0.15);
+					position: absolute;
+					left: 23px;
+					top: 53px;
+				}
 
-        .info .teacheritem {
-          margin-left: 48px;
-          margin-right: 48px;
-          margin-top: 30px;
-          display: flex;
-          // align-items: center;
-        }
+				.info .teacheritem {
+					margin-left: 48px;
+					margin-right: 48px;
+					margin-top: 30px;
+					display: flex;
+					// align-items: center;
+				}
 
-        .info .teacheritem .peopleimg {
-          width: 60px;
-          height: 60px;
-          border-radius: 30px;
-        }
+				.info .teacheritem .peopleimg {
+					width: 60px;
+					height: 60px;
+					border-radius: 30px;
+				}
 
-        .info .teacheritem .teacherName {
-          font-size: 14px;
-          font-weight: bold;
-          color: #394145;
-          display: flex;
-          align-items: center;
-          width: 260px;
-        }
+				.info .teacheritem .teacherName {
+					font-size: 14px;
+					font-weight: bold;
+					color: #394145;
+					display: flex;
+					align-items: center;
+					width: 260px;
+				}
 
-        .info .teacheritem .teacherName .teacherMedal {
-          width: 17px;
-          height: 19px;
-          margin-right: 4px;
-          display: flex;
-          align-items: center;
-        }
+				.info .teacheritem .teacherName .teacherMedal {
+					width: 17px;
+					height: 19px;
+					margin-right: 4px;
+					display: flex;
+					align-items: center;
+				}
 
-        .info .teacheritem .introduce {
-          width: 260px;
-          font-size: 14px;
-          font-weight: 500;
-          color: #394145;
-          margin-top: 14px;
-          line-height: 24px;
-        }
+				.info .teacheritem .introduce {
+					width: 260px;
+					font-size: 14px;
+					font-weight: 500;
+					color: #394145;
+					margin-top: 14px;
+					line-height: 24px;
+				}
 
-        .info .rate {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          margin-top: 29px;
-          margin-left: 48px;
-          margin-right: 26px;
-        }
+				.info .rate {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					margin-top: 29px;
+					margin-left: 48px;
+					margin-right: 26px;
+				}
 
-        .info .rate .ratetext {
-          width: 259px;
-          font-size: 14px;
-          font-weight: 500;
-          color: #677d86;
-          line-height: 24px;
-        }
+				.info .rate .ratetext {
+					width: 259px;
+					font-size: 14px;
+					font-weight: 500;
+					color: #677d86;
+					line-height: 24px;
+				}
 
-        .info .rate .ratebtn {
-          width: 86px;
-          height: 36px;
-          border: 1px solid #2478ff;
-          border-radius: 4px;
-          font-size: 14px;
-          font-weight: 500;
-          color: #2478ff;
-          line-height: 24px;
-          cursor: pointer;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
+				.info .rate .ratebtn {
+					width: 86px;
+					height: 36px;
+					border: 1px solid #2478ff;
+					border-radius: 4px;
+					font-size: 14px;
+					font-weight: 500;
+					color: #2478ff;
+					line-height: 24px;
+					cursor: pointer;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
 
-        .info .progressBox {
-          font-size: 14px;
-          font-weight: 500;
-          color: #677d86;
-          margin-top: 16px;
-          margin-left: 44px;
+				.info .progressBox {
+					font-size: 14px;
+					font-weight: 500;
+					color: #677d86;
+					margin-top: 16px;
+					margin-left: 44px;
 
-          .progress {
-            display: flex;
-            align-items: center;
-          }
+					.progress {
+						display: flex;
+						align-items: center;
+					}
 
-          .progress .el-progress-bar__outer {
-            background-color: rgba(232, 241, 254, 1);
-          }
-        }
-      }
-    }
-  }
+					.progress .el-progress-bar__outer {
+						background-color: rgba(232, 241, 254, 1);
+					}
+				}
+			}
+		}
+	}
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/views/roadmap/LearnPath.vue b/src/views/roadmap/LearnPath.vue
index b1de201..adfcc35 100644
--- a/src/views/roadmap/LearnPath.vue
+++ b/src/views/roadmap/LearnPath.vue
@@ -1,79 +1,79 @@
 <template>
-  <div class="learnpath">
-    <div class="content">
-      <div class="title">
-        <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"/>
-            <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"/>
-            <div style="margin-top: 2px">{{ userInfo.bandDesc }}</div>
-          </div>
-        </div>
-        <div :style="{ display: !showmapdetail ? 'flex' : 'none' }">
-          <!--          <el-popover width="475px" trigger="hover" popper-class="lppopover">-->
-          <!--            <div>-->
-          <!--              <div class="finish">-->
-          <!--                <img-->
-          <!--                    src="../../assets/image/circle.png"-->
-          <!--                    style="width: 20px; height: 20px"-->
-          <!--                />-->
-          <!--                <div class="text">未完成</div>-->
-          <!--                <div class="box"></div>-->
-          <!--              </div>-->
-          <!--              <div-->
-          <!--                  v-for="(value, index) in unCompleteTaskList"-->
-          <!--                  :key="index"-->
-          <!--                  class="tasks"-->
-          <!--                  :style="{-->
-          <!--                  'border-bottom':-->
-          <!--                    index === unCompleteTaskList.length - 1-->
-          <!--                      ? null-->
-          <!--                      : '1px solid rgba(229, 228, 228, 1)',-->
-          <!--                }"-->
-          <!--              >-->
-          <!--                <div style="font-size: 14px; font-weight: 500; color: #677d86">-->
-          <!--                  {{ value.name }}-->
-          <!--                </div>-->
-          <!--                <img-->
-          <!--                    style="width: 20px; height: 20px"-->
-          <!--                    src="../../assets/image/go.png"-->
-          <!--                    @click="toUnTask(chapterId)"-->
-          <!--                />-->
-          <!--              </div>-->
-          <!--            </div>-->
-          <!--            <template #reference>-->
-          <!--              todo #学习路径 只会有一个未完成任务么?是否是直接跳到任务详情-->
-          <!--              <div class="titleR">进入未完成任务</div>-->
-          <!--            </template>-->
-          <!--          </el-popover>-->
-        </div>
-        <div :style="{ display: showmapdetail ? 'flex' : 'none' }" class="titleR" @click="returnfun">
-          返回列表
-        </div>
-      </div>
-      <!-- 路径列表-->
-      <div :style="{ display: !showmapdetail ? 'flex' : 'none' }" class="head">
-        <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"/>
-            </el-table-column>
-            <el-table-column align="center" prop="name" label="路径名称"/>
-            <el-table-column align="center" prop="introduce" label="路径介绍" #default="scope">
-              <el-popover placement="top-start" title="路径介绍" trigger="hover" :content="scope.row.remark">
-                <template #reference>
-                  <div>{{ scope.row.remark }}</div>
-                </template>
-              </el-popover>
-            </el-table-column>
+	<div class="learnpath">
+		<div class="content">
+			<div class="title">
+				<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" />
+						<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" />
+						<div style="margin-top: 2px">{{ userInfo.bandDesc }}</div>
+					</div>
+				</div>
+				<div :style="{ display: !showmapdetail ? 'flex' : 'none' }">
+					<!--          <el-popover width="475px" trigger="hover" popper-class="lppopover">-->
+					<!--            <div>-->
+					<!--              <div class="finish">-->
+					<!--                <img-->
+					<!--                    src="../../assets/image/circle.png"-->
+					<!--                    style="width: 20px; height: 20px"-->
+					<!--                />-->
+					<!--                <div class="text">未完成</div>-->
+					<!--                <div class="box"></div>-->
+					<!--              </div>-->
+					<!--              <div-->
+					<!--                  v-for="(value, index) in unCompleteTaskList"-->
+					<!--                  :key="index"-->
+					<!--                  class="tasks"-->
+					<!--                  :style="{-->
+					<!--                  'border-bottom':-->
+					<!--                    index === unCompleteTaskList.length - 1-->
+					<!--                      ? null-->
+					<!--                      : '1px solid rgba(229, 228, 228, 1)',-->
+					<!--                }"-->
+					<!--              >-->
+					<!--                <div style="font-size: 14px; font-weight: 500; color: #677d86">-->
+					<!--                  {{ value.name }}-->
+					<!--                </div>-->
+					<!--                <img-->
+					<!--                    style="width: 20px; height: 20px"-->
+					<!--                    src="../../assets/image/go.png"-->
+					<!--                    @click="toUnTask(chapterId)"-->
+					<!--                />-->
+					<!--              </div>-->
+					<!--            </div>-->
+					<!--            <template #reference>-->
+					<!--              todo #学习路径 只会有一个未完成任务么?是否是直接跳到任务详情-->
+					<!--              <div class="titleR">进入未完成任务</div>-->
+					<!--            </template>-->
+					<!--          </el-popover>-->
+				</div>
+				<div :style="{ display: showmapdetail ? 'flex' : 'none' }" class="titleR" @click="returnfun">
+					返回列表
+				</div>
+			</div>
+			<!-- 路径列表-->
+			<div :style="{ display: !showmapdetail ? 'flex' : 'none' }" class="head">
+				<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" />
+						</el-table-column>
+						<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">
+								<template #reference>
+									<div>{{ scope.row.remark }}</div>
+								</template>
+							</el-popover>
+						</el-table-column>
 
-            <el-table-column align="center" prop="organizationName" label="归属组织"/>
-            <el-table-column #default="scope" align="center" :width="150" prop="state" label="状态">
-              <img :src="
+						<el-table-column align="center" prop="organizationName" label="归属组织" />
+						<el-table-column #default="scope" align="center" :width="150" prop="state" label="状态">
+							<img :src="
 								scope.row.status === 0
 									? ongoing
 									: scope.row.status === 1
@@ -81,255 +81,243 @@
 										: scope.row.status === -1
 											? nostarted
 											: null
-							" style="width: 99px; height: 99px"/>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
+							" 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>-->
-      </div>
-      <!-- 路径详情图 -->
-    </div>
-<!--    <svg width="100%" height="600" xmlns="http://www.w3.org/2000/svg" style="padding:40px">-->
-<!--      <defs>-->
-<!--        <marker id="arrow" markerHeight="13" markerWidth="13">-->
-<!--          <path d="M2,2 L2,10 L10,6 L2,2" stroke="none" fill="#409eff"></path>-->
-<!--        </marker>-->
-<!--      </defs>-->
-<!--      <path d="M105 570 C1000 600 -60 505 890 270" stroke-width="3" stroke="#409eff" fill="none" stroke-linecap="round" stroke-dasharray=".1 5" marker-mid="url(#arrow)" marker-start="url(#arrow)" marker-end="url(#arrow)"></path>-->
-<!--      <text x="50" y="550">初级产品经理</text>-->
-<!--      <circle cx="90" cy="570" r="10" fill="#fff" stroke-width="5" stroke="#22a000"></circle>-->
-<!--      <text x="450" y="400">中级产品经理</text>-->
-<!--      <circle cx="490" cy="420" r="10" fill="#fff" stroke-width="5" stroke="#22a000"></circle>-->
-<!--      <text x="850" y="250">高级产品经理</text>-->
-<!--      <circle cx="890" cy="270" r="10" fill="#fff" stroke-width="5" stroke="#22a000"></circle>-->
-<!--    </svg>-->
-  </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>-->
+			</div>
+			<!-- 路径详情图 -->
+		</div>
+	</div>
 </template>
 <script setup>
-import {reactive, toRefs, ref, onMounted, computed} from "vue";
+import { reactive, toRefs, ref, onMounted, computed } 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 { boeRequest, request, usePage, useRequest } from "@/api/request";
 import {
-  ROUTER_CHAPTER_LIST,
-  ROUTER_LIST,
-  ROUTER_UNCOMPLETE_LIST,
+	ROUTER_CHAPTER_LIST,
+	ROUTER_LIST,
+	ROUTER_UNCOMPLETE_LIST,
 } from "@/api/api";
-import {useImage} from "@/api/utils";
-import {useRouter} from "vue-router";
+import { useImage } from "@/api/utils";
+import { useRouter } from "vue-router";
 import store from "@/store";
 
 const detail = ref();
 const userInfo = computed(() => store.state.userInfo);
-const {data} = usePage(ROUTER_LIST, {pageSize: 60});
+const { data } = usePage(ROUTER_LIST, { pageSize: 60 });
+console.log("datadata", data);
 const router = useRouter();
 const returnclick = () => {
-  router.back();
+	router.back();
 };
 
 // const {unCompleteTaskList} = useRequest(ROUTER_UNCOMPLETE_LIST, {});
 
 const state = reactive({
-  showmapdetail: false,
+	showmapdetail: false,
 });
-const {showmapdetail} = toRefs(state);
+const { showmapdetail } = toRefs(state);
 
 const returnfun = () => {
-  state.showmapdetail = false;
+	state.showmapdetail = 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}`
-  //         )}`
-  //     );
-}
-
-function toUnTask() {
+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}`
+			)}`
+		);
 }
+function toUnTask() { }
 </script>
 <style lang="scss">
-//#app div:nth-child(1) {
-//	background: rgba(0, 0, 0, 0) !important;
-//}
-
-.modal {
+#app div:nth-child(1) {
+	// background: rgba(0, 0, 0, 0) !important;
 }
 
+.modal {}
+
 .modal:after {
-  content: "";
+	content: "";
 }
 
 .learnpath {
-  width: 100%;
-  min-height: 800px;
-  //border-radius: 8px;
-  background-color: rgba(255, 255, 255, 1);
-  display: flex;
+	width: 100%;
+	min-height: 800px;
+	//border-radius: 8px;
+	background-color: rgba(255, 255, 255, 1);
+	display: flex;
 
-  .content {
-    width: 100%;
-    // flex: 1;
-    margin-top: 43px;
+	.content {
+		width: 100%;
+		// flex: 1;
+		margin-top: 43px;
 
-    // background-color: pink;
-    .title {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-left: 53px;
-      margin-right: 54px;
-    }
+		// background-color: pink;
+		.title {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-left: 53px;
+			margin-right: 54px;
+		}
 
-    .title .titleL {
-      display: flex;
-      align-items: center;
-    }
+		.title .titleL {
+			display: flex;
+			align-items: center;
+		}
 
-    .title .titleL .text {
-      font-size: 18px;
-      font-weight: bold;
-      color: #333333;
-      line-height: 24px;
-      margin-right: 26px;
-    }
+		.title .titleL .text {
+			font-size: 18px;
+			font-weight: bold;
+			color: #333333;
+			line-height: 24px;
+			margin-right: 26px;
+		}
 
-    .title .titleL .info {
-      display: flex;
-      // align-items: center;
-      font-size: 14px;
-      font-weight: 400;
-      color: #387df7;
-    }
+		.title .titleL .info {
+			display: flex;
+			// align-items: center;
+			font-size: 14px;
+			font-weight: 400;
+			color: #387df7;
+		}
 
-    .title .titleR {
-      width: 157px;
-      height: 48px;
-      border: 2px solid #0060ff;
-      border-radius: 8px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      font-size: 16px;
-      font-weight: bold;
-      color: #0060ff;
-    }
+		.title .titleR {
+			width: 157px;
+			height: 48px;
+			border: 2px solid #0060ff;
+			border-radius: 8px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			cursor: pointer;
+			font-size: 16px;
+			font-weight: bold;
+			color: #0060ff;
+		}
 
-    .head {
-      // height: 50px;
-      background: #f9f9f9;
-      margin-top: 50px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-size: 14px;
-      font-weight: 500;
-      color: #333333;
-      margin-left: 53px;
-      margin-right: 54px;
-      width: calc(100% - 107px);
-      // min-width: 770px;
-      overflow-x: auto;
+		.head {
+			// height: 50px;
+			background: #f9f9f9;
+			margin-top: 50px;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 14px;
+			font-weight: 500;
+			color: #333333;
+			margin-left: 53px;
+			margin-right: 54px;
+			width: calc(100% - 107px);
+			// min-width: 770px;
+			overflow-x: auto;
 
-      .el-table th.el-table__cell {
-        background: rgba(249, 249, 249, 1);
-        color: rgba(51, 51, 51, 1);
-        font-size: 14px;
-        font-weight: 500;
-      }
+			.el-table th.el-table__cell {
+				background: rgba(249, 249, 249, 1);
+				color: rgba(51, 51, 51, 1);
+				font-size: 14px;
+				font-weight: 500;
+			}
 
-      .el-table .cell {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        width: 100%;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 3;
-        word-break: break-all;
-      }
+			.el-table .cell {
+				overflow: hidden;
+				text-overflow: ellipsis;
+				width: 100%;
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 3;
+				word-break: break-all;
+			}
 
-      .el-table__row {
-        height: 231px;
-        font-size: 14px;
-        color: rgba(102, 102, 102, 1);
-        font-weight: 500;
-      }
-    }
+			.el-table__row {
+				height: 231px;
+				font-size: 14px;
+				color: rgba(102, 102, 102, 1);
+				font-weight: 500;
+			}
+		}
 
-    .mapdetail {
-      width: calc(100% - 107px);
-      height: 577px;
-      background: rgba(242, 245, 247, 0.6);
-      margin-top: 26px;
-      border-radius: 8px;
-      margin-left: 53px;
-      margin-right: 54px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
+		.mapdetail {
+			width: calc(100% - 107px);
+			height: 577px;
+			background: rgba(242, 245, 247, 0.6);
+			margin-top: 26px;
+			border-radius: 8px;
+			margin-left: 53px;
+			margin-right: 54px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
 }
 
 .lppopover {
-  .finish {
-    padding-left: 27px;
-    padding-right: 18px;
-    margin-top: 15px;
-    margin-bottom: 17px;
-    position: relative;
-    display: flex;
-    align-items: center;
-  }
+	.finish {
+		padding-left: 27px;
+		padding-right: 18px;
+		margin-top: 15px;
+		margin-bottom: 17px;
+		position: relative;
+		display: flex;
+		align-items: center;
+	}
 
-  .text {
-    font-size: 16px;
-    font-weight: 800;
-    color: #333333;
-    margin-left: 8px;
-  }
+	.text {
+		font-size: 16px;
+		font-weight: 800;
+		color: #333333;
+		margin-left: 8px;
+	}
 
-  .box {
-    width: 59px;
-    height: 10px;
-    background-color: rgba(36, 120, 255, 0.15);
-    position: absolute;
-    left: 50px;
-    top: 15px;
-  }
+	.box {
+		width: 59px;
+		height: 10px;
+		background-color: rgba(36, 120, 255, 0.15);
+		position: absolute;
+		left: 50px;
+		top: 15px;
+	}
 
-  .tasks {
-    width: 405px;
-    height: 52px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-left: 28px;
-    cursor: pointer;
-  }
+	.tasks {
+		width: 405px;
+		height: 52px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-left: 28px;
+		cursor: pointer;
+	}
+  .box-item {
+  width: 200px;
+  margin-top: 10px;
+}
 }
 </style>