From 104be22d0d3c252fcbd6fb8c963b71ef68a3f1d3 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 15 Nov 2025 15:31:47 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90ele=E3=80=91=E3=80=90ai?=
 =?UTF-8?q?=E3=80=91image=20=E7=9A=84=E4=BB=A3=E7=A0=81=E8=AF=84=E5=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web-antd/src/views/ai/image/index/modules/card.vue |  1 +
 .../src/views/ai/image/index/modules/common/index.vue  |  2 +-
 .../src/views/ai/image/index/modules/dall3/index.vue   |  1 -
 .../src/views/ai/image/index/modules/detail.vue        | 10 +++-------
 .../views/ai/image/index/modules/midjourney/index.vue  |  1 -
 .../ai/image/index/modules/stable-diffusion/index.vue  |  2 +-
 apps/web-antd/src/views/ai/image/square/index.vue      |  2 ++
 apps/web-ele/src/views/ai/image/index/index.vue        |  6 +-----
 apps/web-ele/src/views/ai/image/index/modules/card.vue |  7 ++++---
 .../src/views/ai/image/index/modules/common/index.vue  |  4 +++-
 .../src/views/ai/image/index/modules/dall3/index.vue   |  1 +
 .../src/views/ai/image/index/modules/detail.vue        | 10 +++-------
 apps/web-ele/src/views/ai/image/square/index.vue       |  1 -
 13 files changed, 20 insertions(+), 28 deletions(-)

diff --git a/apps/web-antd/src/views/ai/image/index/modules/card.vue b/apps/web-antd/src/views/ai/image/index/modules/card.vue
index 70774472b..57b12e655 100644
--- a/apps/web-antd/src/views/ai/image/index/modules/card.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/card.vue
@@ -77,6 +77,7 @@ onMounted(async () => {
         </Button>
       </div>
       <div class="flex">
+        <!-- TODO @AI：居右对齐 -->
         <Button
           class="m-0 p-2"
           type="text"
diff --git a/apps/web-antd/src/views/ai/image/index/modules/common/index.vue b/apps/web-antd/src/views/ai/image/index/modules/common/index.vue
index cd14183e7..6cf53c82b 100644
--- a/apps/web-antd/src/views/ai/image/index/modules/common/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/common/index.vue
@@ -101,7 +101,7 @@ watch(
   },
   { immediate: true, deep: true },
 );
-/** 暴露组件方法 */
+
 defineExpose({ settingValues });
 </script>
 <template>
diff --git a/apps/web-antd/src/views/ai/image/index/modules/dall3/index.vue b/apps/web-antd/src/views/ai/image/index/modules/dall3/index.vue
index aca7b1a38..bcd2f9f66 100644
--- a/apps/web-antd/src/views/ai/image/index/modules/dall3/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/dall3/index.vue
@@ -138,7 +138,6 @@ async function settingValues(detail: AiImageApi.Image) {
   await handleSizeClick(imageSize);
 }
 
-/** 暴露组件方法 */
 defineExpose({ settingValues });
 </script>
 <template>
diff --git a/apps/web-antd/src/views/ai/image/index/modules/detail.vue b/apps/web-antd/src/views/ai/image/index/modules/detail.vue
index c8311b778..30a8c4f7d 100644
--- a/apps/web-antd/src/views/ai/image/index/modules/detail.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/detail.vue
@@ -10,7 +10,7 @@ import {
   StableDiffusionSamplers,
   StableDiffusionStylePresets,
 } from '@vben/constants';
-import { formatDate } from '@vben/utils';
+import { formatDateTime } from '@vben/utils';
 
 import { Image } from 'ant-design-vue';
 
@@ -53,12 +53,8 @@ watch(
   <div class="mb-5 w-full overflow-hidden break-words">
     <div class="text-lg font-bold">时间</div>
     <div class="mt-2">
-      <div>
-        提交时间：{{ formatDate(detail.createTime, 'yyyy-MM-dd HH:mm:ss') }}
-      </div>
-      <div>
-        生成时间：{{ formatDate(detail.finishTime, 'yyyy-MM-dd HH:mm:ss') }}
-      </div>
+      <div>提交时间：{{ formatDateTime(detail.createTime) }}</div>
+      <div>生成时间：{{ formatDateTime(detail.finishTime) }}</div>
     </div>
   </div>
 
diff --git a/apps/web-antd/src/views/ai/image/index/modules/midjourney/index.vue b/apps/web-antd/src/views/ai/image/index/modules/midjourney/index.vue
index a42a3d655..d4f9e0cf3 100644
--- a/apps/web-antd/src/views/ai/image/index/modules/midjourney/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/midjourney/index.vue
@@ -135,7 +135,6 @@ async function settingValues(detail: AiImageApi.Image) {
   referImageUrl.value = detail.options.referImageUrl;
 }
 
-/** 暴露组件方法 */
 defineExpose({ settingValues });
 </script>
 <template>
diff --git a/apps/web-antd/src/views/ai/image/index/modules/stable-diffusion/index.vue b/apps/web-antd/src/views/ai/image/index/modules/stable-diffusion/index.vue
index 5ba08c9b2..fc166cc9e 100644
--- a/apps/web-antd/src/views/ai/image/index/modules/stable-diffusion/index.vue
+++ b/apps/web-antd/src/views/ai/image/index/modules/stable-diffusion/index.vue
@@ -126,7 +126,6 @@ async function settingValues(detail: AiImageApi.Image) {
   stylePreset.value = detail.options?.stylePreset;
 }
 
-/** 暴露组件方法 */
 defineExpose({ settingValues });
 </script>
 <template>
@@ -225,6 +224,7 @@ defineExpose({ settingValues });
   </div>
 
   <!-- 图片尺寸 -->
+  <!-- TODO @AI：同 /Users/yunai/Java/yudao-ui-admin-vben-v5/apps/web-antd/src/views/ai/image/index/modules/common/index.vue 的问题 -->
   <div class="mt-8">
     <div><b>图片尺寸</b></div>
     <Space wrap class="mt-4 w-full">
diff --git a/apps/web-antd/src/views/ai/image/square/index.vue b/apps/web-antd/src/views/ai/image/square/index.vue
index f813e7445..04e49b8a8 100644
--- a/apps/web-antd/src/views/ai/image/square/index.vue
+++ b/apps/web-antd/src/views/ai/image/square/index.vue
@@ -31,7 +31,9 @@ async function getList() {
     loading.value = false;
   }
 }
+
 const debounceGetList = useDebounceFn(getList, 80);
+
 /** 搜索按钮操作 */
 function handleQuery() {
   queryParams.pageNo = 1;
diff --git a/apps/web-ele/src/views/ai/image/index/index.vue b/apps/web-ele/src/views/ai/image/index/index.vue
index c4b0bdc18..03c9ade9d 100644
--- a/apps/web-ele/src/views/ai/image/index/index.vue
+++ b/apps/web-ele/src/views/ai/image/index/index.vue
@@ -91,10 +91,7 @@ onMounted(async () => {
     <div class="absolute inset-0 m-4 flex h-full w-full flex-row">
       <div class="bg-card left-0 mr-4 flex w-96 flex-col rounded-lg p-4">
         <div class="flex justify-center">
-          <ElSegmented
-            v-model="selectPlatform"
-            :options="platformOptions"
-          />
+          <ElSegmented v-model="selectPlatform" :options="platformOptions" />
         </div>
         <div class="mt-8 h-full overflow-y-auto">
           <Common
@@ -129,4 +126,3 @@ onMounted(async () => {
     </div>
   </Page>
 </template>
-
diff --git a/apps/web-ele/src/views/ai/image/index/modules/card.vue b/apps/web-ele/src/views/ai/image/index/modules/card.vue
index dd9fd688e..91018c742 100644
--- a/apps/web-ele/src/views/ai/image/index/modules/card.vue
+++ b/apps/web-ele/src/views/ai/image/index/modules/card.vue
@@ -48,7 +48,6 @@ async function handleLoading(status: number) {
     loading.value = ElMessage({
       message: `生成中...`,
       type: 'info',
-      duration: 0,
     });
   } else {
     // 情况二：如果已经生成结束，则移除 loading
@@ -74,7 +73,10 @@ onMounted(async () => {
         <ElButton v-else-if="detail?.status === AiImageStatusEnum.SUCCESS">
           已完成
         </ElButton>
-        <ElButton type="danger" v-else-if="detail?.status === AiImageStatusEnum.FAIL">
+        <ElButton
+          type="danger"
+          v-else-if="detail?.status === AiImageStatusEnum.FAIL"
+        >
           异常
         </ElButton>
       </div>
@@ -132,4 +134,3 @@ onMounted(async () => {
     </div>
   </ElCard>
 </template>
-
diff --git a/apps/web-ele/src/views/ai/image/index/modules/common/index.vue b/apps/web-ele/src/views/ai/image/index/modules/common/index.vue
index 5880dfb95..dde3ec59a 100644
--- a/apps/web-ele/src/views/ai/image/index/modules/common/index.vue
+++ b/apps/web-ele/src/views/ai/image/index/modules/common/index.vue
@@ -107,7 +107,7 @@ watch(
   },
   { immediate: true, deep: true },
 );
-/** 暴露组件方法 */
+
 defineExpose({ settingValues });
 </script>
 <template>
@@ -195,6 +195,8 @@ defineExpose({ settingValues });
       <b>图片尺寸</b>
     </div>
     <ElSpace wrap class="mt-4 flex flex-wrap gap-x-5">
+      <!-- TODO @AI：是不是可以 ElInputNumber 里面；另外，宽、高在一行里； <template #prepend>Http://</template>；<template #append>.com</template>
+ -->
       <div class="flex items-center gap-2">
         <span>宽</span>
         <ElInputNumber
diff --git a/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue b/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue
index d7700f869..f679c2bbd 100644
--- a/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue
+++ b/apps/web-ele/src/views/ai/image/index/modules/dall3/index.vue
@@ -183,6 +183,7 @@ defineExpose({ settingValues });
         v-for="model in Dall3Models"
         :key="model.key"
       >
+        <!-- TODO @AI：图片无法展示； -->
         <ElImage
           :preview-src-list="[]"
           :src="model.image"
diff --git a/apps/web-ele/src/views/ai/image/index/modules/detail.vue b/apps/web-ele/src/views/ai/image/index/modules/detail.vue
index 8f92a6c2a..7959a44c1 100644
--- a/apps/web-ele/src/views/ai/image/index/modules/detail.vue
+++ b/apps/web-ele/src/views/ai/image/index/modules/detail.vue
@@ -10,7 +10,7 @@ import {
   StableDiffusionSamplers,
   StableDiffusionStylePresets,
 } from '@vben/constants';
-import { formatDate } from '@vben/utils';
+import { formatDateTime } from '@vben/utils';
 
 import { ElImage } from 'element-plus';
 
@@ -53,12 +53,8 @@ watch(
   <div class="mb-5 w-full overflow-hidden break-words">
     <div class="text-lg font-bold">时间</div>
     <div class="mt-2">
-      <div>
-        提交时间：{{ formatDate(detail.createTime, 'yyyy-MM-dd HH:mm:ss') }}
-      </div>
-      <div>
-        生成时间：{{ formatDate(detail.finishTime, 'yyyy-MM-dd HH:mm:ss') }}
-      </div>
+      <div>提交时间：{{ formatDateTime(detail.createTime) }}</div>
+      <div>生成时间：{{ formatDateTime(detail.finishTime) }}</div>
     </div>
   </div>
 
diff --git a/apps/web-ele/src/views/ai/image/square/index.vue b/apps/web-ele/src/views/ai/image/square/index.vue
index fbbfcd55e..e837cbb66 100644
--- a/apps/web-ele/src/views/ai/image/square/index.vue
+++ b/apps/web-ele/src/views/ai/image/square/index.vue
@@ -4,7 +4,6 @@ import type { AiImageApi } from '#/api/ai/image';
 import { onMounted, reactive, ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
-
 import { IconifyIcon } from '@vben/icons';
 
 import { useDebounceFn } from '@vueuse/core';