ai视频一期功能提交-增加判断条件

src/components/Course/aiScript.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ai-script">
     <!-- 搜索和语言选择区域 -->
-    <div class="search-container">
+    <div v-if="selectableLang && selectableLang.length > 0" class="search-container">
       <el-input
           v-model="searchKeyword"
           placeholder="请输入关键词查找文稿内容"
@@ -21,7 +21,7 @@
     </div>
 
     <!-- 内容展示区域 -->
-    <div class="content-container">
+    <div v-if="selectableLang && selectableLang.length > 0" class="content-container">
       <!-- 动态渲染内容块 -->
       <div v-for="(item, index) in contentList" :key="index" class="content-item" :class="{'active': currentTime >= item.start && currentTime <= item.end}">
         <div class="timestamp">
@@ -35,6 +35,10 @@
           </el-card>
       </div>
     </div>
+    <div v-else class="no-data">
+      <img src="../../assets/images/course/noData.png" alt="">
+      <span >生成中，过程可能耗时较长，<br>无需在此等待哦～</span>
+    </div>
   </div>
 </template>
 
@@ -420,4 +424,21 @@ export default {
     justify-content: flex-end;
   }
 }
+.no-data{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  padding-top: 60px;
+  color: rgba(0, 0, 0, 0.34);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 21px;
+  letter-spacing: 0.26px;
+  text-align: center;
+  img{
+    width: 96px;
+    height: 50px;
+  }
+}
 </style>