From 959ee908108357c253ef701a65361d1070aa6c6c Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Sun, 26 May 2024 21:56:10 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20Image=20Task=20Card=20=E6=8C=89=E9=94=AE=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/image/ImageTask.vue     | 11 ++++++++++-
 src/views/ai/image/ImageTaskCard.vue |  4 ++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/ai/image/ImageTask.vue b/src/views/ai/image/ImageTask.vue
index a612a85d..50a2a7ad 100644
--- a/src/views/ai/image/ImageTask.vue
+++ b/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()
diff --git a/src/views/ai/image/ImageTaskCard.vue b/src/views/ai/image/ImageTaskCard.vue
index c5f9f11a..60fb86a8 100644
--- a/src/views/ai/image/ImageTaskCard.vue
+++ b/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>