Browse Source

【优化】修改 Image Task Card 按键类型

cherishsince 1 năm trước cách đây
mục cha
commit
959ee90810
2 tập tin đã thay đổi với 12 bổ sung3 xóa
  1. 10 1
      src/views/ai/image/ImageTask.vue
  2. 2 2
      src/views/ai/image/ImageTaskCard.vue

+ 10 - 1
src/views/ai/image/ImageTask.vue

@@ -2,7 +2,7 @@
 <template>
   <el-card class="dr-task" body-class="task-card" shadow="never">
     <template #header>绘画任务</template>
-    <ImageTaskCard v-for="image in imageList" :key="image" :image-detail="image" />
+    <ImageTaskCard v-for="image in imageList" :key="image" :image-detail="image" @on-btn-click="handlerImageBtnClick" />
   </el-card>
   <!-- 图片 detail 抽屉 -->
   <ImageDetailDrawer
@@ -48,6 +48,15 @@ const getImageList = async () => {
   imageList.value = await ImageApi.getImageList({pageNo: 1, pageSize: 20})
 }
 
+/**
+ * 图片 - btn click
+ */
+const handlerImageBtnClick = async (type, imageDetail: ImageDetailVO) => {
+  if (type === 'more') {
+    await handlerDrawerOpen()
+  }
+}
+
 //
 onMounted(async () => {
   await getImageList()

+ 2 - 2
src/views/ai/image/ImageTaskCard.vue

@@ -32,11 +32,11 @@ const props = defineProps({
  * 按钮 - 点击事件
  */
 const handlerBtnClick = async (type, imageDetail: ImageDetailVO ) => {
-  emits('handlerBtnClick', type, imageDetail)
+  emits('onBtnClick', type, imageDetail)
 }
 
 // emits
-const emits = defineEmits(['handlerBtnClick'])
+const emits = defineEmits(['onBtnClick'])
 
 </script>