From 824fb4d5ec76f573db093a66d1a8360570636684 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Mon, 27 May 2024 17:35:50 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91Image=20AI?=
 =?UTF-8?q?=20=E7=9B=91=E5=90=AC=20dall=20=E7=94=9F=E6=88=90=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=EF=BC=8C=E5=88=B7=E6=96=B0=E5=9B=BE=E7=89=87=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/image/index.vue | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/views/ai/image/index.vue b/src/views/ai/image/index.vue
index a50df780..c72670d2 100644
--- a/src/views/ai/image/index.vue
+++ b/src/views/ai/image/index.vue
@@ -6,16 +6,13 @@
         <el-segmented v-model="selectModel" :options="modelOptions" />
       </div>
       <div class="modal-switch-container">
-        <Dall3  v-if="selectModel === 'DALL3绘画'"/>
+        <Dall3 v-if="selectModel === 'DALL3绘画'" @on-draw-start="handlerDrawStart" @on-draw-complete="handlerDrawComplete" />
         <Midjourney v-if="selectModel === 'MJ绘画'" />
       </div>
     </div>
     <div class="main">
-      <ImageTask />
+      <ImageTask ref="imageTaskRef" />
     </div>
-<!--    <div class="right">-->
-<!--      right-->
-<!--    </div>-->
   </div>
 </template>
 
@@ -24,11 +21,33 @@ import Dall3 from './dall3/index.vue'
 import Midjourney from './midjourney/index.vue'
 import ImageTask from './ImageTask.vue'
 
+// ref
+const imageTaskRef = ref<any>() // image task ref
+
 // 定义属性
 const selectModel = ref('DALL3绘画')
 const modelOptions = ['DALL3绘画', 'MJ绘画']
 
 
+/**
+ * 绘画 - start
+ */
+const handlerDrawStart = async (type) => {
+  // todo
+}
+
+/**
+ * 绘画 - complete
+ */
+const handlerDrawComplete = async (type) => {
+  // todo
+  await imageTaskRef.value.getImageList()
+}
+
+//
+onMounted( async () => {
+})
+
 </script>
 
 <style scoped lang="scss">