【增加】AI Image 增加model 配置切换

src/views/ai/image/index.vue

@@ -3,10 +3,11 @@
   <div class="ai-image">
   <div class="ai-image">
     <div class="left">
     <div class="left">
       <div class="segmented">
       <div class="segmented">
-        <el-segmented v-model="value" :options="options" />
+        <el-segmented v-model="selectModel" :options="modelOptions" />
       </div>
       </div>
       <div class="modal-switch-container">
       <div class="modal-switch-container">
-        <Dall3 />
+        <Dall3  v-if="selectModel === 'DALL3绘画'"/>
+        <Midjourney v-if="selectModel === 'MJ绘画'" />
       </div>
       </div>
     </div>
     </div>
     <div class="main">
     <div class="main">
@@ -20,10 +21,11 @@
 
 
 <script setup lang="ts">
 <script setup lang="ts">
 import Dall3 from './dall3/index.vue'
 import Dall3 from './dall3/index.vue'
+import Midjourney from './midjourney/index.vue'
 
 
 // 定义属性
 // 定义属性
-const value = ref('DALL3绘画')
-const options = ['DALL3绘画', 'MJ绘画']
+const selectModel = ref('DALL3绘画')
+const modelOptions = ['DALL3绘画', 'MJ绘画']
 
 
 
 
 </script>
 </script>