From 2211618ada6c890c78bb213ca1823b052850645e Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Tue, 28 May 2024 10:37:44 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91AI=20Image?=
 =?UTF-8?q?=20=E5=88=97=E8=A1=A8=E5=A2=9E=E5=8A=A0=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ai/image/index.ts        |  4 ++++
 src/views/ai/image/ImageTask.vue | 13 ++++++++++++-
 src/views/ai/image/index.vue     |  4 +++-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/api/ai/image/index.ts b/src/api/ai/image/index.ts
index 10a2f779..d5813163 100644
--- a/src/api/ai/image/index.ts
+++ b/src/api/ai/image/index.ts
@@ -52,4 +52,8 @@ export const ImageApi = {
   dall: async (data: ImageDallReqVO)=> {
     return await request.post({ url: `/ai/image/dall`, data })
   },
+  // 删除
+  deleteImage: async (id: number)=> {
+    return await request.delete({ url: `/ai/image/delete?id=${id}`})
+  },
 }
diff --git a/src/views/ai/image/ImageTask.vue b/src/views/ai/image/ImageTask.vue
index aface604..60cbbeb6 100644
--- a/src/views/ai/image/ImageTask.vue
+++ b/src/views/ai/image/ImageTask.vue
@@ -2,7 +2,11 @@
 <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" @on-btn-click="handlerImageBtnClick" />
+    <ImageTaskCard
+      v-for="image in imageList"
+      :key="image"
+      :image-detail="image"
+      @on-btn-click="handlerImageBtnClick" />
   </el-card>
   <!-- 图片 detail 抽屉 -->
   <ImageDetailDrawer
@@ -16,6 +20,8 @@ import ImageDetailDrawer from './ImageDetailDrawer.vue'
 import ImageTaskCard from './ImageTaskCard.vue'
 import {bool} from "vue-types";
 
+const message = useMessage() // 消息弹窗
+
 const imageList = ref<ImageDetailVO[]>([]) // image 列表
 const imageListInterval = ref<any>() // image 列表定时器，刷新列表
 const showTaskDetail = ref<bool>(false) // 是否显示 task 详情
@@ -55,6 +61,11 @@ const getImageList = async () => {
 const handlerImageBtnClick = async (type, imageDetail: ImageDetailVO) => {
   if (type === 'more') {
     await handlerDrawerOpen()
+  } else if (type === 'delete') {
+    await message.confirm(`是否删除照片?`)
+    await ImageApi.deleteImage(imageDetail.id)
+    await getImageList()
+    await message.success("删除成功!")
   }
 }
 //
diff --git a/src/views/ai/image/index.vue b/src/views/ai/image/index.vue
index b3afeafa..f9a9b832 100644
--- a/src/views/ai/image/index.vue
+++ b/src/views/ai/image/index.vue
@@ -6,7 +6,9 @@
         <el-segmented v-model="selectModel" :options="modelOptions" />
       </div>
       <div class="modal-switch-container">
-        <Dall3 v-if="selectModel === 'DALL3绘画'" @on-draw-start="handlerDrawStart" @on-draw-complete="handlerDrawComplete" />
+        <Dall3 v-if="selectModel === 'DALL3绘画'"
+               @on-draw-start="handlerDrawStart"
+               @on-draw-complete="handlerDrawComplete" />
         <Midjourney v-if="selectModel === 'MJ绘画'" />
       </div>
     </div>