add:编辑视频横竖屏

src/components/VideoUpload/index.vue

@@ -445,6 +445,7 @@ export default {
 
       // 题目
       this.$emit("selectProjects", this.selectedVideo.projectIds)
+      this.$emit("update:screenType", this.selectedVideo.screenType)
 
       this.libraryOpen = false;
     },

src/views/components/course/userCourseCatalogDetails.vue

@@ -129,7 +129,7 @@
                       :videoUrl.sync="videoUrl" :fileName.sync="form.fileName" :line_1.sync="form.lineOne"
                       :line_2.sync="form.lineTwo" :line_3.sync="form.lineThree" :thumbnail.sync="form.thumbnail"
                       :uploadType.sync="form.uploadType" :isTranscode.sync="form.isTranscode"
-                      :transcodeFileKey.sync="form.transcodeFileKey" @video-duration="handleVideoDuration"
+                      :transcodeFileKey.sync="form.transcodeFileKey" :screenType.sync="form.screenType" @video-duration="handleVideoDuration"
                       @change="handleVideoChange" @selectProjects="handleSelectProjects" ref="videoUpload"
                       append-to-body/>
 
@@ -307,6 +307,12 @@
             <el-radio :label="1">下架</el-radio>
           </el-radio-group>
         </el-form-item>
+        <el-form-item label="展示方式" prop="screenType">
+          <el-radio-group v-model="form.screenType">
+            <el-radio :label="0">横屏</el-radio>
+            <el-radio :label="1">竖屏</el-radio>
+          </el-radio-group>
+        </el-form-item>
         <el-form-item label="商品选择" v-if="form.isProduct === 1">
           <el-button size="small" type="primary" @click="chooseCourseProduct">选取商品</el-button>
           <el-table border width="100%" style="margin-top:5px;" :data="form.courseProducts">

src/views/course/videoResource/index.vue

@@ -161,6 +161,11 @@
           <div style="padding: 4px 12px;background: linear-gradient(to right, rgb(196 219 255), #409EFF)">{{ formatDuration(scope.row.duration) }}</div>
         </template>
       </el-table-column>
+      <el-table-column label="展示方式" align="center" prop="screenType">
+        <template slot-scope="scope">
+          <span>{{ scope.row.screenType === 1 ? '竖屏' : '横屏' }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -329,6 +334,12 @@
         <el-form-item label="时长">
           <span>{{ formatDuration(form.duration) }}</span>
         </el-form-item>
+        <el-form-item label="展示方式" prop="screenType">
+          <el-radio-group v-model="form.screenType">
+            <el-radio :label="0">横屏</el-radio>
+            <el-radio :label="1">竖屏</el-radio>
+          </el-radio-group>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel">取消</el-button>
@@ -382,7 +393,7 @@
       </div>
     </minimizable-dialog>
     <!-- 批量选择视频弹窗 -->
-    <minimizable-dialog :title="'选择视频'" :visible.sync="batchAddVisible" width="1200px" append-to-body class="batch-dialog"
+    <minimizable-dialog :title="'选择视频'" :visible.sync="batchAddVisible" width="1500px" append-to-body class="batch-dialog"
       :close-on-click-modal="false" :before-close="cancelBeforeBatch" @minimize="hasMinimizableDialog = true"
       @restore="hasMinimizableDialog = false">
       <div class="filter-container">
@@ -454,6 +465,14 @@
             {{ formatDuration(scope.row.duration) }}
           </template>
         </el-table-column>
+        <el-table-column label="展示方式" align="center" width="240">
+          <template slot-scope="scope">
+            <el-radio-group v-model="scope.row.screenType" class="table-radio-group">
+              <el-radio :label="0">横屏</el-radio>
+              <el-radio :label="1">竖屏</el-radio>
+            </el-radio-group>
+          </template>
+        </el-table-column>
         <el-table-column label="上传进度" align="center" width="200">
           <template slot-scope="scope">
             <div class="batch-upload-progress">
@@ -1803,7 +1822,8 @@ export default {
           line2Status: 'pending'
         },
         file: file,
-        queuePosition: this.uploadQueue.length + 1 // Track queue position
+        queuePosition: this.uploadQueue.length + 1, // Track queue position
+        screenType: 0
       };
 
       this.uploadQueue.push(tempVideo);
@@ -3021,4 +3041,11 @@ export default {
   font-size: 12px;
   padding: 4px 8px;
 }
+.table-radio-group .el-radio {
+  margin-right: 8px;
+  margin-left: 0;
+}
+.table-radio-group .el-radio:last-child {
+  margin-right: 0;
+}
 </style>