视频库优化

src/views/videoManage/form/videoDL.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="wrapper">
     <!-- :poster="videoImg"视频封面 -->
-    <video id="my-player" :key="current.public_video_url" class="video-js" controls autoplay preload="auto" ref="myVideo">
+    <video id="my-player" style="width:500px;" :key="current.public_video_url" class="video-js" controls autoplay ref="myVideo">
       <source :src="current.public_video_url" type="video/mp4">
     </video>
     <!-- 视频名称列表布局 -->
     <div class="video-wrapper">
       <div class="flex items-center justify-between h-10">
-        <div class="text-base font-medium">剧名: <span class="ml-2 text-lg font-bold text-dark-600">{{
+        <div class="w-full text-base font-medium">剧名: <span class="ml-2 text-lg font-bold text-dark-600">{{
           props.primary.name }}</span> <span v-if="current.series_name">(当前播放{{ current.series_name }})</span></div>
         <el-tooltip placement="top">
           <template #content> 如需批量下载，则多选目标集数，点击下载按钮即可<br /> </template>
@@ -80,21 +80,19 @@ onMounted(() => {
 
 //播放器样式
 video#my-player.video-js {
-  width: 30%;
+  flex: 1;
+  min-width: 300px;
   height: 580px;
   background-color: #000;
 }
 
 .video-wrapper {
-  width: 100%;
+  flex: 2;
+  min-width: 600px;
   margin-left: 40px;
 
   .video-item {
     margin: 6px;
-
-    :deep(.el-checkbox__input .el-checkbox__inner) {
-      display: none;
-    }
   }
 
   :deep(.el-checkbox-group .el-checkbox.is-checked) {

src/views/videoManage/index.vue

@@ -45,17 +45,17 @@
                 @click="openType('videoDetailVisible', scope.row)">
                 {{ scope.row.name }}
               </span>
-              <span v-if="!rolesIdentify.includes('company')">
+              <span v-if="!rolesIdentify.includes('optimizer')">
                 【 {{ scope.row.update_type_str }} 】
               </span>
             </div>
-            <div class="wrapper" v-if="!rolesIdentify.includes('optimizer')">
+            <div class="wrapper" v-if="!rolesIdentify.includes('company')">
               <span class="label">上架时间:</span>
               <span class="content">{{ scope.row.shelf_at }}</span>
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="total_episode_num" label="集数" v-if="!rolesIdentify.includes('optimizer')">
+        <el-table-column prop="total_episode_num" label="集数" v-if="!rolesIdentify.includes('company')">
           <template #default="scope">
             <div class="flex wrapper">
               <div v-if="scope.row.update_type == 1">
@@ -72,10 +72,10 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="category_str" label="频道" v-if="!rolesIdentify.includes('optimizer')" />
-        <el-table-column prop="shelf_type_str" label="上架状态" v-if="!rolesIdentify.includes('optimizer')" />
-        <el-table-column prop="charge_sequence" label="起始集" v-if="!rolesIdentify.includes('optimizer')" />
-        <el-table-column prop="charge_coin" label="定价" v-if="!rolesIdentify.includes('optimizer')">
+        <el-table-column prop="category_str" label="频道" v-if="!rolesIdentify.includes('company')" />
+        <el-table-column prop="shelf_type_str" label="上架状态" v-if="!rolesIdentify.includes('company')" />
+        <el-table-column prop="charge_sequence" label="起始集" v-if="!rolesIdentify.includes('company')" />
+        <el-table-column prop="charge_coin" label="定价" v-if="!rolesIdentify.includes('company')">
           <template #header>
             <div class="flex items-center">
               <span>定价</span>
@@ -110,7 +110,7 @@
     <Dialog v-model="visible" :title="title" destroy-on-close>
       <Create @close="close(search)" :primary="id" :eidapi="addApi" :addapi="addApi" :ismulSet="ismulSet" />
     </Dialog>
-    <Dialog v-model="videoDLVisible" width="50%" title="视频下载" destroy-on-close>
+    <Dialog v-model="videoDLVisible" width="80%" title="视频下载" destroy-on-close>
       <videoDL @close="closeType('videoDLVisible')" :primary="depotsData"></videoDL>
     </Dialog>
     <Dialog v-model="takeVisible" width="50%" title="订阅设置" destroy-on-close>