1、更改默认全部权限

2、调整组件样式

src/views/AIDevelop.vue

@@ -111,7 +111,7 @@
           :image="isDisabledImage"
         />
 
-        <div v-else>
+        <template v-else>
           <!-- 视频组件 -->
           <VideoPlayer
               v-if="course.courseContentType === 'video'"
@@ -143,7 +143,7 @@
 
           <!--图生视频-->
           <ImageToVideo class="contentClass" v-if="course.courseContentType === 'aiImageToVideo'" ref="aiImageToVideo"></ImageToVideo>
-        </div>
+        </template>
 
         <!-- 视频切换按钮 - 始终显示 -->
         <div class="video-switch">
@@ -363,6 +363,12 @@ const handleVideoEnded = () => {
 // 禁用视频
 const disableVideo = (index = course.value.key) => {
 
+  // 未配置课程权限，不禁用视频
+  if (!courseDataScope.value || courseDataScope.value.length === 0) {
+    return false
+  }
+
+  //配置了课程权限，且视频id不在权限列表中
   isDisabled.value = !courseDataScope.value.some(item => Number(item) === videoPathMap.value[index].id)
   if (isDisabled.value) {
     Message().notifyWarning('您的账号并未开放此课程！', true)

src/views/Login.vue

@@ -279,8 +279,7 @@ const handleLogin = async params => {
           localStorage.setItem('token', res.data.accessToken)
           //课程权限
           localStorage.setItem('courseDataScope', res.data.courseDataScope)
-          debugger
-          
+
           if (loginData.value.loginForm.rememberMe) {
             localStorage.setItem('userName', loginData.value.loginForm.username)
             // 保存租户名称和密码