diff --git a/src/views/project/ProjectDetails.vue b/src/views/project/ProjectDetails.vue
index 377bd40..aa6d8f6 100644
--- a/src/views/project/ProjectDetails.vue
+++ b/src/views/project/ProjectDetails.vue
@@ -21,8 +21,8 @@
             <div class="titleR" :style="{ display: 'flex' }">
               <img src="../../assets/image/pathdetails/circle.png"/>
               <div class="titleRT"
-                   :style="(i.stageStatusName === '未开始' || i.stageStatusName === '已结束') && 'color:#999'">
-                {{ i.stageStatusName }}
+                   :style="(i.statusName === '已完成' || i.statusName === '进行中') ? 'color:#0060ff' : 'color:#999'">
+                {{ i.statusName || (data.unlockMode === 1 ? '未开始' : '未解锁') }}
               </div>
             </div>
             <!-- <div class="titleR" :style="{ display: i.status === 2 ? 'flex' : 'none' }">
@@ -90,14 +90,9 @@
                 </div>
               </div>
             </div>
-            <div class="goclass" @click="toFinish(value, i.stageName, i.stageId)">
-              {{
-                value.status === 1
-                    ? "已完成"
-                    : types.path[value.type]
-                        ? types.toName[value.type]
-                        : "未开放"
-              }}
+            <div class="goclass" @click="toFinish(value, i.stageName, i.stageId)"
+                 :style="{background:(value.statusName !=='已结束' && (value.statusName || data.unlockMode === 1)) ?'#2478ff':'#999'}">
+              {{ value.statusName || (data.unlockMode === 1 ? types.toName[value.type] : '未解锁') }}
             </div>
             <!--            <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
             <!--              <div-->
@@ -440,8 +435,39 @@ const router = useRouter();
 const {data} = useRequest(PROJECT_PROCESS, {
   projectId: projectId || courseId,
 });
+
+
 watch(() => data.value.stageProcessList, () => {
-  data.value.stageProcessList.forEach((t)=>{t.stageStatusName = getTaskStatus(t)})
+  // data.value.unlockMode 1自由模式 2闯关模式 3 闯关模式 必修 flag true
+  if (data.value.status === -1) {
+    data.value.stageProcessList.forEach((t) => {
+      t.statusName = '已结束';
+      t.taskProcessList?.forEach((s) => s.statusName = '已结束')
+    })
+    return
+  }
+  if (data.value.unlockMode === 1) {
+    data.value.stageProcessList.forEach((t) => {
+      t.statusName = '进行中'
+      const stageState = t.taskProcessList?.every((s) => {
+        s.statusName = s.status === 1 ? '已完成' : types.value.toName[s.type]
+        return s.status === 1
+      })
+      stageState && (t.statusName = '已完成')
+    })
+    return
+  }
+  data.value.stageProcessList.some((t) => {
+    t.statusName = '已完成'
+    const stageState = t.taskProcessList?.some((s) => {
+      s.unlock = true
+      s.statusName = '已完成'
+      s.status !== 1 && (s.statusName = types.value.toName[s.type])
+      return data.value.unlockMode === 2 ? s.status !== 1 : (s.status !== 1 && s.flag)
+    })
+    stageState && (t.statusName = '进行中');
+    return stageState
+  })
 }, {deep: true})
 
 
@@ -524,23 +550,6 @@ request(PointList, {projectId: projectId}).then(res => {
   console.log(err)
 });
 
-
-function getTaskStatus(d){
-  if (data.value.status !== 3) {
-    return '已结束'
-  }
-  if (dayjs().isBefore(dayjs(d.beginTime)) || !d.taskProcessList?.filter(t => t.status === 1)?.length) {
-    return '未开始'
-  }
-  if (dayjs().isAfter(dayjs(data.value.endTime))) {
-    return '已结束'
-  }
-  if (d.taskProcessList?.filter(t => t.status === 1)?.length === d.taskProcessList?.length) {
-    return '已完成'
-  }
-  return '进行中'
-}
-
 const loading = ref(false);
 loading.value = ElLoading.service({
   lock: true,
@@ -630,7 +639,6 @@ const dialogVisibleTip = ref('该任务无法学习，请联系管理员进行
 // 判断当前任务已结束及时间意义上的结束 提示用户
 function judgeTaskIsEnd(type, endTimes, status) {
   // type 任务类型 endTime 结束时间 status 任务状态 (状态  0 未完成 1 已完成 2 未开始 -1 已结束)
-  console.log(type, endTimes, status);
   let isEnd = false;
   let nowTime = new Date().getTime();
   let endTime = new Date().getTime(endTimes);
@@ -656,7 +664,10 @@ function judgeTaskIsEnd(type, endTimes, status) {
 }
 
 async function toFinish(d, sName, chapterOrStageId) {
-  console.log("dddddd", d, sName, chapterOrStageId);
+  if (data.value.unlockMode !==1 && !d.statusName) {
+    ElMessage.warning("当前未解锁")
+    return
+  }
   if (judgeTaskIsEnd(d.type, data.value.endTime, data.value.status)) {
     ElMessage.error("当前任务已结束")
     return
diff --git a/src/views/roadmap/PathDetails.vue b/src/views/roadmap/PathDetails.vue
index 2f0a845..8add397 100644
--- a/src/views/roadmap/PathDetails.vue
+++ b/src/views/roadmap/PathDetails.vue
@@ -1,64 +1,70 @@
 <template>
-	<div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
-	<div class="pathdetails" style="padding: 30px">
+  <div style=" background: #0078fc;height: 150px;width: 100%;position: absolute;top: 0;z-index:-9999;"></div>
+  <div class="pathdetails" style="padding: 30px">
 
-		<!-- 面包屑导航 -->
+    <!-- 面包屑导航 -->
 
-		<div class="pdname">
-			{{ data.name }}
-			<el-popover v-if="data.chapterRemark" ref="popover" popper-class="jianjie" placement="right" trigger="hover" :width="300"
-				:content="data.chapterRemark">
-				<template #reference><span style="font-size: 16px;font-weight: 600;">关卡说明></span></template>
-			</el-popover>
-		</div>
+    <div class="pdname">
+      {{ data.name }}
+      <el-popover v-if="data.chapterRemark" ref="popover" popper-class="jianjie" placement="right" trigger="hover"
+                  :width="300"
+                  :content="data.chapterRemark">
+        <template #reference><span style="font-size: 16px;font-weight: 600;">关卡说明></span></template>
+      </el-popover>
+    </div>
 
-		<!-- 详细信息 -->
-		<div class="detailinfo">
-			<div class="detailL">
-				<div>
-					<div class="title">
-						<div class="titleL">{{ data.currentStageName }}</div>
-						<div class="titleR" :style="{ display: 'flex' }">
-							<img :src="data.currentChapterCnt ? circle : circle2" />
-							<div class="titleRT" :style="(stageStatusName === '未开始' || stageStatusName === '已结束') && 'color:#999'">{{stageStatusName}}</div>
-						</div>
-					</div>
-					<div class="course" v-for="(value, index) in data.taskBoList?.filter((e) => !whiteTypes(e.type))" :key="index">
-						<div style="width: 70%">
-							<div v-if="value.name.length > 50" class="coursename" :title="value.name">
-								<el-popover ref="popover" placement="right" trigger="hover" :width="300" :content="value.name">
-									<template #reference>{{ value.name }}</template>
-								</el-popover>
-							</div>
+    <!-- 详细信息 -->
+    <div class="detailinfo">
+      <div class="detailL">
+        <div>
+          <div class="title">
+            <div class="titleL">{{ data.currentStageName }}</div>
+            <div class="titleR" :style="{ display: 'flex' }">
+              <img :src="data.currentChapterCnt ? circle : circle2"/>
+              <div class="titleRT"
+                   :style="(data.statusName === '已完成' || data.statusName === '进行中') ? 'color:#0060ff' : 'color:#999'">
+                {{ data.statusName || (data.unlockMode === 1 ? '未开始' : '未解锁') }}
+              </div>
+            </div>
+          </div>
+          <div class="course" v-for="(value, index) in data.taskBoList?.filter((e) => !whiteTypes(e.type))"
+               :key="index">
+            <div style="width: 70%">
+              <div v-if="value.name.length > 50" class="coursename" :title="value.name">
+                <el-popover ref="popover" placement="right" trigger="hover" :width="300" :content="value.name">
+                  <template #reference>{{ value.name }}</template>
+                </el-popover>
+              </div>
 
-							<div v-else class="coursename" :title="value.name">
-								{{ value.name }}
-							</div>
-							<div class="coursetag">
-								<div class="tag1" style="margin-right: 11px; margin-top: 16px" v-if="value.flag">
-									必修
-								</div>
-								<div class="tag2" style="margin-right: 11px; margin-top: 16px" v-if="!value.flag">
-									选修
-								</div>
-								<div class="tag3" style="margin-right: 11px; margin-top: 16px">
-									{{ types.typeName[value.type] || "" }}
-								</div>
+              <div v-else class="coursename" :title="value.name">
+                {{ value.name }}
+              </div>
+              <div class="coursetag">
+                <div class="tag1" style="margin-right: 11px; margin-top: 16px" v-if="value.flag">
+                  必修
+                </div>
+                <div class="tag2" style="margin-right: 11px; margin-top: 16px" v-if="!value.flag">
+                  选修
+                </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="parseInt(value.currentRatio)" :show-text="false" :stroke-width="8" :color="
+                <!--                                <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="parseInt(value.currentRatio)" :show-text="false" :stroke-width="8"
+                                 :color="
 	{
 		0: 'rgba(238, 112, 108, 1)',
 		1: 'rgba(255, 151, 38, 1)',
@@ -67,9 +73,9 @@
 		4: 'rgba(57, 219, 183, 1)',
 		5: 'rgba(57, 219, 183, 1)',
 	}[parseInt(parseInt(value.currentRatio) / 20)]
-" />
-									</div>
-									<div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;" :style="{
+"/>
+                  </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)',
@@ -79,112 +85,116 @@
 		5: 'rgba(57, 219, 183, 1)',
 	}[parseInt(parseInt(value.currentRatio) / 20)],
 }">
-										{{ parseInt(value.currentRatio) }}%
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="goclass" :style="{
-	background: `${types.path[value.type] ? '#2478ff' : '#999'}`,
-}" @click="toFinish(value)">
-							{{ value.status === 1 ? "已完成" : types.path[value.type] ? types.toName[value.type] : "未开放" }}
-						</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>
+                    {{ parseInt(value.currentRatio) }}%
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="goclass"
+                 :style="{background:(value.statusName !=='已结束' && (value.statusName || data.unlockMode === 1)) ?'#2478ff':'#999'}"
+                 @click="toFinish(value)">
+              {{ value.statusName || (data.unlockMode === 1 ? 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 JSON.parse(data.attach?data.attach:'[]')"
-								:key="index"
-								style="
+            <el-tab-pane label="共享文档" name="second">
+              <div style="padding: 19px 30px 17px 28px">
+                <div
+                    v-for="(value, index) in JSON.parse(data.attach?data.attach:'[]')"
+                    :key="index"
+                    style="
 								display: flex;
 								align-items: center;
 								margin-bottom: 15px;">
-								<!-- <img :src="value.img" style="width: 22px; height: 26px"/> -->
-								<FileTypeImg :v-model="value.name? value.name : value.slice(value.lastIndexOf('/')+1,value.indexOf('-')) + value.slice(value.lastIndexOf('.'))" :style="{width: '22px',height: '26px'}"></FileTypeImg>
-								<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" @click="downloadFile(value.response.data)">下载</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="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>
+                  <!-- <img :src="value.img" style="width: 22px; height: 26px"/> -->
+                  <FileTypeImg
+                      :v-model="value.name? value.name : value.slice(value.lastIndexOf('/')+1,value.indexOf('-')) + value.slice(value.lastIndexOf('.'))"
+                      :style="{width: '22px',height: '26px'}"></FileTypeImg>
+                  <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" @click="downloadFile(value.response.data)">下载</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="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">上次学到：{{ data.lastLearned }}</div>
-						<div v-if="data.lastLearned" class="ratebtn" @click="continueLearn(data.lastLearned, data.taskBoList)">继续学习</div>
-						</div>
-						<div style="margin-top: 16px">
-							<div class="progressBox">
-								<div>总进度</div>
-								<div class="progress">
-									<div style="width: 291px">
-										<el-progress :percentage="parseInt(data.currentChapterCnt / data.totalChapterCnt * 100)"
-											:show-text="false" :stroke-width="8" :color="
+            <div class="rate">
+              <div class="ratetext">上次学到：{{ data.lastLearned }}</div>
+              <div v-if="data.lastLearned" class="ratebtn" @click="continueLearn(data.lastLearned, data.taskBoList)">
+                继续学习
+              </div>
+            </div>
+            <div style="margin-top: 16px">
+              <div class="progressBox">
+                <div>总进度</div>
+                <div class="progress">
+                  <div style="width: 291px">
+                    <el-progress :percentage="parseInt(data.currentChapterCnt / data.totalChapterCnt * 100)"
+                                 :show-text="false" :stroke-width="8" :color="
 	{
 		0: 'rgba(238, 112, 108, 1)',
 		1: 'rgba(255, 151, 38, 1)',
@@ -193,9 +203,9 @@
 		4: 'rgba(57, 219, 183, 1)',
 		5: 'rgba(57, 219, 183, 1)',
 	}[(parseInt(data.currentChapterCnt / data.totalChapterCnt) * 100) / 20]
-" />
-									</div>
-									<div style="font-size: 14px; font-weight: 500; margin-left: 10px" :style="{
+"/>
+                  </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)',
@@ -205,18 +215,18 @@
 		5: 'rgba(57, 219, 183, 1)',
 	}[parseInt((data.currentChapterCnt / data.totalChapterCnt * 100) / 20)],
 }">
-										{{ parseInt(data.currentChapterCnt / data.totalChapterCnt * 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.currentReqCnt / data.totalReqCnt * 100)" :show-text="false"
-											:stroke-width="8" :color="
+                    {{ parseInt(data.currentChapterCnt / data.totalChapterCnt * 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.currentReqCnt / data.totalReqCnt * 100)" :show-text="false"
+                                 :stroke-width="8" :color="
 	{
 		0: 'rgba(238, 112, 108, 1)',
 		1: 'rgba(255, 151, 38, 1)',
@@ -225,9 +235,9 @@
 		4: 'rgba(57, 219, 183, 1)',
 		5: 'rgba(57, 219, 183, 1)',
 	}[parseInt((data.currentReqCnt / data.totalReqCnt * 100) / 20)]
-" />
-									</div>
-									<div style="
+"/>
+                  </div>
+                  <div style="
                       font-size: 14px;
                       font-weight: 500;
                       color: #277aff;
@@ -242,158 +252,172 @@
 		5: 'rgba(57, 219, 183, 1)',
 	}[parseInt((data.currentReqCnt / data.totalReqCnt * 100) / 20)],
 }">
-										{{ parseInt(data.currentReqCnt / data.totalReqCnt * 100) }}%
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<!-- 个人信息及学习进度 -->
-			</div>
-		</div>
-		<!-- 详细信息 -->
-		<!-- 弹框提示信息 -->
-		<el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false"
-			style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;"
-			width="502px">
-			<div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div>
-			<span slot="footer" style="display:inline-block;margin-top:60px;">
+                    {{ parseInt(data.currentReqCnt / data.totalReqCnt * 100) }}%
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 个人信息及学习进度 -->
+      </div>
+    </div>
+    <!-- 详细信息 -->
+    <!-- 弹框提示信息 -->
+    <el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false"
+               style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;"
+               width="502px">
+      <div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div>
+      <span slot="footer" style="display:inline-block;margin-top:60px;">
 				<el-button @click="dialogVisible = false" style="width:140px;height:40px;margin-right: 22px;">取消</el-button>
 				<el-button type="primary" @click="dialogVisible = false" style="width:140px;height:40px;">确定</el-button>
 			</span>
-		</el-dialog>
-	</div>
+    </el-dialog>
+  </div>
 </template>
 
 <script setup>
-import { computed, reactive, ref, watch } from "vue";
+import {computed, reactive, ref, watch} from "vue";
 import circle from '@/assets/image/pathdetails/circle.png';
 import circle2 from '@/assets/image/pathdetails/circle2.png';
-import { boeRequest, useRequest, request } from "@/api/request";
-import { ROUTER_PROCESS, LINK_DETAILS, STUDY_RECORD, EvaluationToLearn, SubmitExternalExam } from "@/api/api";
-import { useRoute, useRouter } from "vue-router";
-import { ElMessage } from "element-plus";
+import {boeRequest, useRequest, request} from "@/api/request";
+import {ROUTER_PROCESS, LINK_DETAILS, STUDY_RECORD, EvaluationToLearn, SubmitExternalExam} from "@/api/api";
+import {useRoute, useRouter} from "vue-router";
+import {ElMessage} from "element-plus";
 import store from "@/store";
 import {ROUTER} from "@/api/CONST";
 import FileTypeImg from "@/components/FileTypeImg.vue";
 import {UPDATE_CURRENT_TASK} from "../../api/api";
 
 const {
-	query: { routerId, routerName },
+  query: {routerId, routerName},
 } = useRoute();
 const router = useRouter();
 const returnclick = () => {
-	router.back();
+  router.back();
 };
-const { data } = useRequest(ROUTER_PROCESS, { routerId });
+const {data} = useRequest(ROUTER_PROCESS, {routerId});
 const userInfo = computed(() => store.state.userInfo);
 const activeName = ref("first");
 
-const stageStatusName = computed(()=>{
-  if(data.value.status !== 1){
-    return '已结束'
+watch(() => data.value.taskBoList, () => {
+  // data.value.unlockMode 1自由模式 2闯关模式 3 闯关模式 必修 flag true
+  if (data.value.status === -1) {
+    data.value.statusName = '已结束'
+    data.value.taskBoList.forEach((t) => t.statusName = '已结束')
+    return
   }
-  if(!data.value.taskBoList?.filter(t=>t.status===1)?.length){
-    return '未开始'
+  data.value.statusName = '进行中'
+  if (data.value.unlockMode === 1) {
+    data.value.taskBoList?.every((s) => {
+      s.statusName = s.status === 1 ? '已完成' : types.value.toName[s.type]
+      return s.status === 1
+    }) && (data.value.statusName = '已完成')
+    return
   }
-  if(data.value.taskBoList.filter(t=>t.status===1).length === data.value.taskBoList.length){
-    return '已完成'
-  }
-  return '进行中'
-});
+  data.value.statusName = '已完成'
+  data.value.taskBoList?.some((s) => {
+    s.unlock = true
+    s.statusName = '已完成'
+    s.status !== 1 && (s.statusName = types.value.toName[s.type])
+    return data.value.unlockMode === 2 ? s.status !== 1 : (s.status !== 1 && s.flag)
+  }) && (data.value.statusName = '进行中')
+
+}, {deep: true})
+
 const handleClick = (tab, event) => {
-	console.log(tab, event);
+  console.log(tab, event);
 };
-const path = { 1: "path" };
+const path = {1: "path"};
 
 const dialogVisible = ref(false);
 const dialogVisibleTip = ref('');
 
 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: window.location.protocol + import.meta.env.VITE_BOE_ONLINE_CLASS_URL, //在线
-    	2: ({ courseId }) => window.open(`${location.protocol}//${location.host}${import.meta.env.VITE_BASE_API}/stu/project/redirectDetail?courseId=${courseId}`, '_top'),
-    	3: window.location.protocol + import.meta.env.VITE_BOE_CASS_DETAIL_URL, //案例
-		4: "/homeworkpage",
-		5: window.location.protocol + import.meta.env.VITE_BOE_EXAM_DETAIL_URL, //考试
-		6: "/livebroadcast",
-		7: ({ targetId }) => window.open(targetId, '_top'), //外联
-		8: "/discusspage",
-		9: "/moreactive",
-		10: ({ evaType, targetId }) =>
-			window.open(
-				evaType == 0
-					? window.location.protocol + import.meta.env.VITE_BOE_TEST_DETAIL_URL+targetId
-					: window.location.protocol + import.meta.env.VITE_BOE_TEST_OUT_DETAIL_URL + targetId+`&quizTaskKid=${routerId}&channelCode=learningpath`
-			,'_top'), //测评
-		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: window.location.protocol + import.meta.env.VITE_BOE_ONLINE_CLASS_URL, //在线
+    2: ({courseId}) => window.open(`${location.protocol}//${location.host}${import.meta.env.VITE_BASE_API}/stu/project/redirectDetail?courseId=${courseId}`, '_top'),
+    3: window.location.protocol + import.meta.env.VITE_BOE_CASS_DETAIL_URL, //案例
+    4: "/homeworkpage",
+    5: window.location.protocol + import.meta.env.VITE_BOE_EXAM_DETAIL_URL, //考试
+    6: "/livebroadcast",
+    7: ({targetId}) => window.open(targetId, '_top'), //外联
+    8: "/discusspage",
+    9: "/moreactive",
+    10: ({evaType, targetId}) =>
+        window.open(
+            evaType == 0
+                ? window.location.protocol + import.meta.env.VITE_BOE_TEST_DETAIL_URL + targetId
+                : window.location.protocol + import.meta.env.VITE_BOE_TEST_OUT_DETAIL_URL + targetId + `&quizTaskKid=${routerId}&channelCode=learningpath`
+            , '_top'), //测评
+    11: "/surveydetail",
+    12: "/ballotpage",
+    13: "/projectdetails",
+  },
 });
 
 // 判断当前任务已结束及时间意义上的结束 提示用户
 function judgeTaskIsEnd(type, endTimes, status) {
-	// type 任务类型 endTime 结束时间 status 任务状态 (状态  0 未完成 1 已完成 2 未开始 3 已结束)
-	console.log(type, endTimes, status);
-	let isEnd = false;
-	let nowTime = new Date().getTime();
-	let endTime = new Date().getTime(endTimes);
-	switch (type) {
-		case 1:
-			status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
-			break;
-		// case 3:
-		// 	status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
-		// 	break;
-		case 5:
-			status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
-			break;
-		case 7:
-			status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
-			break;
-		case 10:
-			status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
-			break;
-	}
-	return isEnd;
+  // type 任务类型 endTime 结束时间 status 任务状态 (状态  0 未完成 1 已完成 2 未开始 3 已结束)
+  console.log(type, endTimes, status);
+  let isEnd = false;
+  let nowTime = new Date().getTime();
+  let endTime = new Date().getTime(endTimes);
+  switch (type) {
+    case 1:
+      status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
+      break;
+      // case 3:
+      // 	status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
+      // 	break;
+    case 5:
+      status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
+      break;
+    case 7:
+      status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
+      break;
+    case 10:
+      status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
+      break;
+  }
+  return isEnd;
 }
 
 async function toFinish(d) {
-  console.log(d)
-  console.log(data.value.currentStageId, routerId)
-
+  if (data.value.unlockMode !==1 && !d.statusName) {
+    ElMessage.warning("当前未解锁")
+    return
+  }
   if (judgeTaskIsEnd(d.type, data.value.endTime, data.value.status)) {
     ElMessage.error("当前任务已结束")
     return
@@ -620,26 +644,26 @@ async function toFinish(d) {
 
 
 function whiteTypes(type) {
-	return import.meta.env.VITE_TASK_WHITE_TYPE.includes("-" + type + "-");
+  return import.meta.env.VITE_TASK_WHITE_TYPE.includes("-" + type + "-");
 }
 
 // 共享文档下载
-function downloadFile(url){
-	window.open(url);
+function downloadFile(url) {
+  window.open(url);
 }
 
 // 继续学习
-function continueLearn(taskname, datas){
-	console.log('我是当前的列表展示信息',data)
-	console.log(datas)
-	let jumpinfo
-	for(let i=0; i<datas.length; i++){
-		if(datas[i].name==taskname){
-			jumpinfo = datas[i]
-		}
-	}
-	console.log(jumpinfo)
-	toFinish(jumpinfo)
+function continueLearn(taskname, datas) {
+  console.log('我是当前的列表展示信息', data)
+  console.log(datas)
+  let jumpinfo
+  for (let i = 0; i < datas.length; i++) {
+    if (datas[i].name == taskname) {
+      jumpinfo = datas[i]
+    }
+  }
+  console.log(jumpinfo)
+  toFinish(jumpinfo)
 }
 
 </script>
@@ -647,289 +671,289 @@ function continueLearn(taskname, datas){
 <!-- 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;
-		z-index: 2;
+  .detailinfo {
+    width: 100%;
+    margin-top: 24px;
+    display: flex;
+    z-index: 2;
 
-		.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>