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

src/views/project/ProjectDetails.vue

@@ -73,11 +73,11 @@
               <div class="goclass" @click="toFinish(value, i.stageName, i.id)" :style="{ background: (value.statusName !== '已结束' && (value.statusName || data.unlockMode === 1)) ? '#2478ff' : '#999' }">
                 {{ 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>
@@ -323,6 +323,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>
 <script setup>
@@ -367,6 +388,9 @@ const studyProgress = [
   }
 ];
 const stateValue = ref(undefined)
+const openCourseVisible = ref(false);
+const openCourseList = ref([]);
+const openCourseIdList = ref([]);
 // 完成度选择
 const myRate = ref('')
 const myRateStr = ref('')
@@ -453,6 +477,9 @@ async function toFinish(d, sName, chapterOrStageId) {
       return ElMessage.error("还未添加开课,请联系管理员！")
     }
     if(d.targetId.split(',').length>1){
+      openCourseList.value = d.targetName?.split(',');
+      openCourseIdList.value = d.targetId?.split(',');
+      openCourseVisible.value = true;
       return
     }
   }
@@ -729,7 +756,9 @@ function continueLearn(lastLearnedId) {
 .example-showcase .el-loading-mask {
   z-index: 9;
 }
-
+.el-popper {
+    z-index: 0 !important;
+  }
 .pathdetails {
   .el-dialog__header {
     display: none;