--fix 项目概览

src/views/learningpath/LevelAdd.vue

@@ -49,7 +49,7 @@
         <a-tab-pane key="1" tab="概览">
           <div class="split"></div>
           <!-- 概览（无数据） -->
-          <div :style="{ display: 'block' }">
+          <div v-if="!hasTask">
             <div class="onerow">
               <div class="taskmain">快速创建路径图详情</div>
             </div>
@@ -117,7 +117,7 @@
             </div>
           </div>
           <!-- 概览（有数据） -->
-          <div :style="{ display: 'none' }">
+          <div v-if="hasTask">
             <div class="onerow">
               <div class="taskmain">关卡概览</div>
             </div>
@@ -173,13 +173,13 @@
             </div>
             <div class="stagemess">
               <div
-                v-for="item in stageList"
+                v-for="(item,index) in stageList"
                 :class="{
                   stage1: item.stageId == choosedStageId,
                   stage2: item.stageId != choosedStageId,
                 }"
                 :key="item.stageId"
-                @click="stageChange(item.name, item.stageId)"
+                @click="stageChange(item.name, item.stageId,index)"
               >
                 关卡{{ item.stageId }}
               </div>
@@ -195,7 +195,7 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent="chapterOverviewList.completeCourseRatio"
+                  :percent="chapterOverviewList[choosedStageIndex]?.completeCourseRatio"
                   :width="140"
                 />
                 <div class="protext">课程完成率</div>
@@ -204,7 +204,7 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent="chapterOverviewList.completeExamRatio"
+                  :percent="chapterOverviewList[choosedStageIndex]?.completeExamRatio"
                   :width="140"
                 />
                 <div class="protext">考试通过率</div>
@@ -213,39 +213,39 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent="chapterOverviewList.completeRatio"
+                  :percent="chapterOverviewList[choosedStageIndex]?.completeRatio"
                   :width="140"
                 />
                 <div class="protext">作业完成率</div>
               </div>
               <div class="proright">
                 <div class="pronub" style="margin-left: 280px">
-                  {{ chapterOverviewList.totalTaskCnt }}
+                  {{ chapterOverviewList[choosedStageIndex].totalTaskCnt }}
                 </div>
                 <div class="proright1">
                   <span class="textpro">关卡任务总数</span>
                   <a-progress
-                    :percent="chapterOverviewList.totalTaskCnt"
+                    :percent="chapterOverviewList[choosedStageIndex].totalTaskCnt"
                     style="width: 369px"
                   />
                 </div>
                 <div class="pronub" style="margin-left: 206px">
-                  {{ chapterOverviewList.totalReqCnt }}
+                  {{ chapterOverviewList[choosedStageIndex].totalReqCnt }}
                 </div>
                 <div class="proright1">
                   <span class="textpro">必修课</span>
                   <a-progress
-                    :percent="chapterOverviewList.totalReqCnt"
+                    :percent="chapterOverviewList[choosedStageIndex].totalReqCnt"
                     style="width: 369px"
                   />
                 </div>
                 <div class="pronub" style="margin-left: 142px">
-                  {{ chapterOverviewList.totalOptCnt }}
+                  {{ chapterOverviewList[choosedStageIndex].totalOptCnt }}
                 </div>
                 <div class="proright1">
                   <span class="textpro">选修课</span>
                   <a-progress
-                    :percent="chapterOverviewList.totalOptCnt"
+                    :percent="chapterOverviewList[choosedStageIndex].totalOptCnt"
                     style="width: 369px"
                   />
                 </div>
@@ -1357,6 +1357,7 @@ export default {
     const router = useRouter();
     // const store = useStore();
     const state = reactive({
+      hasTask:false,
       stage: [],
       statess: [],
       routerId: storage.get("routerId")
@@ -1383,6 +1384,7 @@ export default {
       CheckStuvisible: false, //学员管理的查看抽屉
       addLoading: false, // 加载动画
       choosedStageId: 1, // 选择的阶段id
+      choosedStageIndex: 0, // 选择的阶段ID
       selectedRowKeys: [],
       twobtn: true,
       number: true,
@@ -1802,9 +1804,10 @@ export default {
     const closehuodModal = () => {
       state.huodModal = false;
     };
-    const stageChange = (name, id) => {
+    const stageChange = (name, id,index) => {
       state.choosedStageId = id;
       state.stateName = name;
+      state.choosedStageIndex = index;
     };
     const changeTabs = (e) => {
       console.log("切换tabs", e, state.routerId);
@@ -2099,6 +2102,7 @@ export default {
         state.picUrl = res.data.data.routerInfo.picUrl;
         state.action = res.data.data.routerInfo.status;
         state.remark = res.data.data.routerInfo.remark;
+        state.hasTask = !!res.data.data?.chapterList.some(({taskList})=>taskList.length);
         state.act =
           state.action == 0
             ? "发布"