浏览代码

feat: 添加控制按钮显示逻辑

WANGKANG 10 月之前
父节点
当前提交
58d6e59972
共有 1 个文件被更改,包括 20 次插入4 次删除
  1. 20 4
      src/views/demo/video2image/index.vue

+ 20 - 4
src/views/demo/video2image/index.vue

@@ -19,8 +19,24 @@
       </template>
       <!-- 表格操作 -->
       <template #operation="scope">
-        <el-button type="primary" link icon="View" v-auth="['demo:video2image:start']" @click="startVideo2image(scope.row)"> 图片提取 </el-button>
-        <el-button type="primary" link icon="View" v-auth="['demo:video2image:download']" @click="dowloadVideo2image(scope.row)">
+        <el-button
+          type="primary"
+          link
+          icon="View"
+          v-auth="['demo:video2image:start']"
+          @click="startVideo2image(scope.row)"
+          v-if="scope.row.status !== '2'"
+        >
+          图片提取
+        </el-button>
+        <el-button
+          type="primary"
+          link
+          icon="View"
+          v-auth="['demo:video2image:download']"
+          @click="dowloadVideo2image(scope.row)"
+          v-if="scope.row.status == '2'"
+        >
           下载图片
         </el-button>
         <el-button type="primary" link icon="View" v-auth="['demo:video2image:query']" @click="openDialog(3, '查看', scope.row)"> 查看 </el-button>
@@ -28,7 +44,7 @@
         <el-button type="primary" link icon="Delete" v-auth="['demo:video2image:remove']" @click="deleteVideo2image(scope.row)"> 删除 </el-button>
       </template>
     </ProTable>
-    <FormDialog ref="formDialogRef"> </FormDialog>
+    <FormDialog ref="formDialogRef"></FormDialog>
   </div>
 </template>
 
@@ -120,7 +136,7 @@ const openDialog = async (type: number, title: string, row?: any) => {
     model: type == 1 ? {} : res.data,
     api: type == 1 ? addVideo2imageApi : updateVideo2imageApi,
     getTableList: proTable.value?.getTableList,
-    showVideoUpload: true
+    showVideoUpload: type == 1 ? true : false
   }
   formDialogRef.value?.openDialog(params)
 }