video

src/views/curriculum/video.vue

@@ -36,6 +36,14 @@
                     :src="record.coverimg"
                     />
               </template>
+              <template v-if="column.key === 'video'">
+                <img
+                    :width="40"
+                    :height="40"
+                    :src="record.coverimg"
+                    @click="openVideo(record)"
+                    />
+              </template>
               <!-- 任务状态 -->
               <template v-if="column.key === 'switch'">
                 <a-switch v-model:checked='record.status' :checkedValue="1" :unCheckedValue="0"
@@ -96,6 +104,9 @@
                 </a-form-item>
             </a-form>
           </a-modal>
+          <a-modal v-model:open="videoOpen" title="视频">
+            <video :src="videoUrl" style="width: 100%;height: auto;" autoplay controls loop> </video>
+          </a-modal>
         </div>
       </div>
     </div>
@@ -121,6 +132,8 @@
       uploadVideo
     },
     setup() {
+        const videoOpen = ref(false)
+        const videoUrl = ref("")
         const router = useRouter()
         const route = useRoute();
         const back = () => {
@@ -342,6 +355,11 @@
       // this.videoUpLoading = false
       // this.videoUploadPercent = 0
     };
+    //视频预览
+    const openVideo = (data)=>{
+        videoOpen.value = true
+        videoUrl.value = data.video
+    }
       //页面加载
       const projectId = ref(null);
       onMounted(() =>{
@@ -381,6 +399,11 @@
               key: "coverimg",
               dataIndex: "coverimg",
             },
+            {
+              title: "视频",
+              key: "video",
+              dataIndex: "video",
+            },
             {
               title: "创建时间",
               key: "createdAt",
@@ -415,8 +438,10 @@
         delAdCover,
         rowDrop,
         uploadVideoSuccess,
-        uploading
-  
+        uploading,
+        videoOpen,
+        videoUrl,
+        openVideo
       }
     },