Parcourir la source

【增加】Image AI 监听 dall 生成完成,刷新图片列表

cherishsince il y a 11 mois
Parent
commit
824fb4d5ec
1 fichiers modifiés avec 24 ajouts et 5 suppressions
  1. 24 5
      src/views/ai/image/index.vue

+ 24 - 5
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">