feat:面授课开课去上课弹框优化

src/views/roadmap/PathDetails.vue

@@ -96,11 +96,11 @@
                    @click="toFinish(value)">
                 {{ value.statusName || (data.unlockMode === 1 ? TASK_TYPES.toName[value.type] : "未解锁") }}
               </div>
-              <template #dropdown v-if="value.type===2 && value.targetId?.split(',')?.length > 1">
+              <!-- <template #dropdown v-if="value.type===2 && value.targetId?.split(',')?.length > 1">
                 <el-dropdown-menu>
                   <el-dropdown-item v-for="(name,key) in value.targetName?.split(',')" :key="key" @click="toOffcoursePlanPage(value.targetId?.split(',')[key])">{{ name }}</el-dropdown-item>
                 </el-dropdown-menu>
-              </template>
+              </template> -->
             </el-dropdown>
           </div>
         </div>
@@ -257,6 +257,27 @@
         <el-button type="primary" @click="dialogVisible = false" style="width:140px;height:40px;">确定</el-button>
       </span>
     </el-dialog>
+    <!-- 开课列表弹框 -->
+    <el-dialog title="" top="347px" v-model="openCourseVisible" :show-close="false"
+               style="display:flex;justify-content:center;align-items:center;min-height: 320px;padding:0;border-radius: 4px;"
+               width="502px">
+      <div style="display: flex;justify-content:space-between;align-items:center;margin-bottom: 22px;">
+        <div style="width:288px;color:#333333;font-size: 16px;font-weight: 600;">开课列表</div>
+        <div
+          @click="openCourseVisible = false"
+          style="font-size: 12px;cursor:pointer;">X</div>
+      </div>
+      <div style="width: 100%;min-height:210px;margin-top: 12px;">
+        <div 
+          v-for="item,key in openCourseList"
+          style="width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;background: rgb(247, 251, 253);height: 40px;padding: 5px;border-radius: 5px;">
+          <div>{{ item }}</div>
+          <div 
+            @click="toOffcoursePlanPage(openCourseIdList[key])"
+            style="width:60px;height:30px;text-align:center;line-height:30px;background:#0078fc;border-radius:5px;color:#fff;cursor: pointer;">去学习</div>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -301,6 +322,9 @@ const handleClick = (tab, event) => {
 const path = { 1: "path" };
 
 const dialogVisible = ref(false);
+const openCourseVisible = ref(false);
+const openCourseList = ref([]);
+const openCourseIdList = ref([]);
 const dialogVisibleTip = ref("");
 
 // 判断当前任务已结束及时间意义上的结束 提示用户
@@ -349,6 +373,9 @@ async function toFinish(d) {
       return ElMessage.error("还未添加开课,请联系管理员！")
     }
     if(d.targetId.split(',').length>1){
+      openCourseList.value = d.targetName?.split(',');
+      openCourseIdList.value = d.targetId?.split(',');
+      openCourseVisible.value = true;
       return
     }
   }
@@ -615,6 +642,9 @@ function continueLearn(taskname, datas) {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
 .pathdetails {
+  .el-dialog__body{
+    width: 80%;
+  }
   .crumb {
     color: #fff;
     display: flex;