From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/ai/image/index/components/common/index.vue | 189 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 189 insertions(+), 0 deletions(-)
diff --git a/src/views/ai/image/index/components/common/index.vue b/src/views/ai/image/index/components/common/index.vue
new file mode 100644
index 0000000..6af1caf
--- /dev/null
+++ b/src/views/ai/image/index/components/common/index.vue
@@ -0,0 +1,189 @@
+<!-- dall3 -->
+<template>
+ <div class="prompt">
+ <el-text tag="b">鐢婚潰鎻忚堪</el-text>
+ <el-text tag="p">寤鸿浣跨敤鈥滃舰瀹硅瘝 + 鍔ㄨ瘝 + 椋庢牸鈥濈殑鏍煎紡锛屼娇鐢ㄢ�滐紝鈥濋殧寮�</el-text>
+ <el-input
+ v-model="prompt"
+ maxlength="1024"
+ :rows="5"
+ class="w-100% mt-15px"
+ input-style="border-radius: 7px;"
+ placeholder="渚嬪锛氱璇濋噷鐨勫皬灞嬪簲璇ユ槸浠�涔堟牱瀛愶紵"
+ show-word-limit
+ type="textarea"
+ />
+ </div>
+ <div class="flex flex-col mt-30px">
+ <div>
+ <el-text tag="b">闅忔満鐑瘝</el-text>
+ </div>
+ <el-space wrap class="flex flex-row flex-wrap justify-start mt-15px">
+ <el-button
+ round
+ class="m-0"
+ :type="selectHotWord === hotWord ? 'primary' : 'default'"
+ v-for="hotWord in ImageHotWords"
+ :key="hotWord"
+ @click="handleHotWordClick(hotWord)"
+ >
+ {{ hotWord }}
+ </el-button>
+ </el-space>
+ </div>
+ <div class="mt-30px">
+ <div>
+ <el-text tag="b">骞冲彴</el-text>
+ </div>
+ <el-space wrap class="mt-15px w-full">
+ <el-select
+ v-model="otherPlatform"
+ placeholder="Select"
+ size="large"
+ class="!w-350px"
+ @change="handlerPlatformChange"
+ >
+ <el-option
+ v-for="item in OtherPlatformEnum"
+ :key="item.key"
+ :label="item.name"
+ :value="item.key"
+ />
+ </el-select>
+ </el-space>
+ </div>
+ <div class="mt-30px">
+ <div>
+ <el-text tag="b">妯″瀷</el-text>
+ </div>
+ <el-space wrap class="mt-15px w-full">
+ <el-select v-model="modelId" placeholder="Select" size="large" class="!w-350px">
+ <el-option
+ v-for="item in platformModels"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ </el-space>
+ </div>
+ <div class="mt-30px">
+ <div>
+ <el-text tag="b">鍥剧墖灏哄</el-text>
+ </div>
+ <el-space wrap class="mt-15px w-full">
+ <el-input v-model="width" type="number" class="w-170px" placeholder="鍥剧墖瀹藉害" />
+ <el-input v-model="height" type="number" class="w-170px" placeholder="鍥剧墖楂樺害" />
+ </el-space>
+ </div>
+ <div class="flex justify-center mt-50px">
+ <el-button
+ type="primary"
+ size="large"
+ round
+ :loading="drawIn"
+ :disabled="prompt.length === 0"
+ @click="handleGenerateImage"
+ >
+ {{ drawIn ? '鐢熸垚涓�' : '鐢熸垚鍐呭' }}
+ </el-button>
+ </div>
+</template>
+<script setup lang="ts">
+import { ImageApi, ImageDrawReqVO, ImageVO } from '@/api/ai/image'
+import { AiPlatformEnum, ImageHotWords, OtherPlatformEnum } from '@/views/ai/utils/constants'
+import { ModelVO } from '@/api/ai/model/model'
+
+const message = useMessage() // 娑堟伅寮圭獥
+
+// 鎺ユ敹鐖剁粍浠朵紶鍏ョ殑妯″瀷鍒楄〃
+const props = defineProps({
+ models: {
+ type: Array<ModelVO>,
+ default: () => [] as ModelVO[]
+ }
+})
+const emits = defineEmits(['onDrawStart', 'onDrawComplete']) // 瀹氫箟 emits
+
+// 瀹氫箟灞炴��
+const drawIn = ref<boolean>(false) // 鐢熸垚涓�
+const selectHotWord = ref<string>('') // 閫変腑鐨勭儹璇�
+// 琛ㄥ崟
+const prompt = ref<string>('') // 鎻愮ず璇�
+const width = ref<number>(512) // 鍥剧墖瀹藉害
+const height = ref<number>(512) // 鍥剧墖楂樺害
+const otherPlatform = ref<string>(AiPlatformEnum.TONG_YI) // 骞冲彴
+const platformModels = ref<ModelVO[]>([]) // 妯″瀷鍒楄〃
+const modelId = ref<number>() // 閫変腑鐨勬ā鍨�
+
+/** 閫夋嫨鐑瘝 */
+const handleHotWordClick = async (hotWord: string) => {
+ // 鎯呭喌涓�锛氬彇娑堥�変腑
+ if (selectHotWord.value == hotWord) {
+ selectHotWord.value = ''
+ return
+ }
+
+ // 鎯呭喌浜岋細閫変腑
+ selectHotWord.value = hotWord // 閫変腑
+ prompt.value = hotWord // 鏇挎崲鎻愮ず璇�
+}
+
+/** 鍥剧墖鐢熸垚 */
+const handleGenerateImage = async () => {
+ // 浜屾纭
+ await message.confirm(`纭鐢熸垚鍐呭?`)
+ try {
+ // 鍔犺浇涓�
+ drawIn.value = true
+ // 鍥炶皟
+ emits('onDrawStart', otherPlatform.value)
+ // 鍙戦�佽姹�
+ const form = {
+ platform: otherPlatform.value,
+ modelId: modelId.value, // 妯″瀷
+ prompt: prompt.value, // 鎻愮ず璇�
+ width: width.value, // 鍥剧墖瀹藉害
+ height: height.value, // 鍥剧墖楂樺害
+ options: {}
+ } as unknown as ImageDrawReqVO
+ await ImageApi.drawImage(form)
+ } finally {
+ // 鍥炶皟
+ emits('onDrawComplete', otherPlatform.value)
+ // 鍔犺浇缁撴潫
+ drawIn.value = false
+ }
+}
+
+/** 濉厖鍊� */
+const settingValues = async (detail: ImageVO) => {
+ prompt.value = detail.prompt
+ width.value = detail.width
+ height.value = detail.height
+}
+
+/** 骞冲彴鍒囨崲 */
+const handlerPlatformChange = async (platform: string) => {
+ // 鏍规嵁閫夋嫨鐨勫钩鍙扮瓫閫夋ā鍨�
+ platformModels.value = props.models.filter((item: ModelVO) => item.platform === platform)
+
+ // 鍒囨崲骞冲彴锛岄粯璁ら�夋嫨涓�涓ā鍨�
+ if (platformModels.value.length > 0) {
+ modelId.value = platformModels.value[0].id // 浣跨敤 model 灞炴�т綔涓哄��
+ } else {
+ modelId.value = undefined
+ }
+}
+
+/** 鐩戝惉 models 鍙樺寲 */
+watch(
+ () => props.models,
+ () => {
+ handlerPlatformChange(otherPlatform.value)
+ },
+ { immediate: true, deep: true }
+)
+/** 鏆撮湶缁勪欢鏂规硶 */
+defineExpose({ settingValues })
+</script>
--
Gitblit v1.8.0