From dd76cc581cc419da02ee636082bed2ed9491f61b Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Thu, 11 Jul 2024 16:54:06 +0800
Subject: [PATCH 1/8] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91ai=20im?=
 =?UTF-8?q?age=20=E5=A2=9E=E5=8A=A0=E5=8D=83=E5=B8=86=E6=A8=A1=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/image/index/components/other/index.vue |  7 +++++--
 src/views/ai/utils/constants.ts                     | 10 +++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/views/ai/image/index/components/other/index.vue b/src/views/ai/image/index/components/other/index.vue
index 375c15b6..861a1563 100644
--- a/src/views/ai/image/index/components/other/index.vue
+++ b/src/views/ai/image/index/components/other/index.vue
@@ -83,6 +83,7 @@ import {
   ImageHotWords,
   ImageModelVO,
   OtherPlatformEnum,
+  QianFanModels,
   TongYiWanXiangModels
 } from '@/views/ai/utils/constants'
 
@@ -96,7 +97,7 @@ const prompt = ref<string>('') // 提示词
 const width = ref<number>(512) // 图片宽度
 const height = ref<number>(512) // 图片高度
 const otherPlatform = ref<string>(AiPlatformEnum.TONG_YI) // 平台
-const models = ref<ImageModelVO[]>(TongYiWanXiangModels) // 模型
+const models = ref<ImageModelVO[]>(TongYiWanXiangModels) // 模型  TongYiWanXiangModels、QianFanModels
 const model = ref<string>(models.value[0].key) // 模型
 
 
@@ -154,8 +155,10 @@ const settingValues = async (detail: ImageVO) => {
 /** 平台切换 */
 const handlerPlatformChange = async (platform) => {
   // 切换平台，切换模型、风格
-  if (AiPlatformEnum.YI_YAN === platform) {
+  if (AiPlatformEnum.TONG_YI === platform) {
     models.value = TongYiWanXiangModels
+  } else if (AiPlatformEnum.YI_YAN === platform) {
+    models.value = QianFanModels
   } else {
     models.value = []
   }
diff --git a/src/views/ai/utils/constants.ts b/src/views/ai/utils/constants.ts
index 0a88775b..d33493e2 100644
--- a/src/views/ai/utils/constants.ts
+++ b/src/views/ai/utils/constants.ts
@@ -30,7 +30,7 @@ export const OtherPlatformEnum:ImageModelVO [] = [
   },
   {
     key: AiPlatformEnum.YI_YAN,
-    name: '百度图片'
+    name: '百度千帆'
   }
 ]
 
@@ -259,6 +259,14 @@ export const TongYiWanXiangModels: ImageModelVO[] = [
   }
 ]
 
+export const QianFanModels: ImageModelVO[] = [
+  {
+    key: 'sd_xl',
+    name: 'sd_xl'
+  }
+]
+
+
 export const StableDiffusionClipGuidancePresets: ImageModelVO[] = [
   {
     key: 'NONE',

From bb17651915655f16d4ce116d70aa4cee7eb8a199 Mon Sep 17 00:00:00 2001
From: hhhero <krishuang136@gmail.com>
Date: Fri, 12 Jul 2024 01:39:53 +0800
Subject: [PATCH 2/8] =?UTF-8?q?[=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96]AI:?=
 =?UTF-8?q?=20=E5=86=99=E4=BD=9C=E6=9B=B4=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/writer/index/components/Left.vue | 30 +++++++-------
 .../ai/writer/index/components/Right.vue      | 41 +++++++++++++------
 src/views/ai/writer/index/index.vue           |  3 +-
 3 files changed, 45 insertions(+), 29 deletions(-)

diff --git a/src/views/ai/writer/index/components/Left.vue b/src/views/ai/writer/index/components/Left.vue
index 7f63d68e..6598bcb1 100644
--- a/src/views/ai/writer/index/components/Left.vue
+++ b/src/views/ai/writer/index/components/Left.vue
@@ -24,26 +24,28 @@
     </h3>
   </DefineLabel>
 
-  <div class="relative" v-bind="$attrs">
+  <div class="flex flex-col" v-bind="$attrs">
     <!-- tab -->
-    <div
-      class="absolute left-1/2 top-2 -translate-x-1/2 w-[303px] rounded-full bg-[#DDDFE3] p-1 z-10"
-    >
+    <div class="w-full pt-2 bg-[#f5f7f9] flex justify-center">
       <div
-        class="flex items-center relative after:content-[''] after:block after:bg-white after:h-[30px] after:w-1/2 after:absolute after:top-0 after:left-0 after:transition-transform after:rounded-full"
-        :class="selectedTab === AiWriteTypeEnum.REPLY && 'after:transform after:translate-x-[100%]'"
+        class="w-[303px] rounded-full bg-[#DDDFE3] p-1 z-10"
       >
-        <ReuseTab
-          v-for="tab in tabs"
-          :key="tab.value"
-          :text="tab.text"
-          :active="tab.value === selectedTab"
-          :itemClick="() => switchTab(tab.value)"
-        />
+        <div
+          class="flex items-center relative after:content-[''] after:block after:bg-white after:h-[30px] after:w-1/2 after:absolute after:top-0 after:left-0 after:transition-transform after:rounded-full"
+          :class="selectedTab === AiWriteTypeEnum.REPLY && 'after:transform after:translate-x-[100%]'"
+        >
+          <ReuseTab
+            v-for="tab in tabs"
+            :key="tab.value"
+            :text="tab.text"
+            :active="tab.value === selectedTab"
+            :itemClick="() => switchTab(tab.value)"
+          />
+        </div>
       </div>
     </div>
     <div
-      class="px-7 pb-2 pt-[46px] overflow-y-auto lg:block w-[380px] box-border bg-[#ECEDEF] h-full"
+      class="px-7 pb-2 flex-grow overflow-y-auto lg:block w-[380px] box-border bg-[#f5f7f9] h-full"
     >
       <div>
         <template v-if="selectedTab === 1">
diff --git a/src/views/ai/writer/index/components/Right.vue b/src/views/ai/writer/index/components/Right.vue
index 00380a7e..5e6a9fe9 100644
--- a/src/views/ai/writer/index/components/Right.vue
+++ b/src/views/ai/writer/index/components/Right.vue
@@ -1,17 +1,19 @@
 <template>
-  <div class="h-full box-border flex flex-col px-7">
-    <h3 class="m-0 h-14 -mx-7 px-7 shrink-0 flex items-center justify-between bg-[#ecedef]">
-      <span>预览</span>
-      <!-- 展示在右上角 -->
-      <el-button color="#846af7" v-show="showCopy" @click="copyContent" size="small">
-        <template #icon>
-          <Icon icon="ph:copy-bold" />
-        </template>
-        复制
-      </el-button>
-    </h3>
+  <el-card class="my-card h-full">
+    <template #header
+      ><h3 class="m-0 px-7 shrink-0 flex items-center justify-between">
+        <span>预览</span>
+        <!-- 展示在右上角 -->
+        <el-button color="#846af7" v-show="showCopy" @click="copyContent" size="small">
+          <template #icon>
+            <Icon icon="ph:copy-bold" />
+          </template>
+          复制
+        </el-button>
+      </h3></template
+    >
 
-    <div ref="contentRef" class="hide-scroll-bar flex-grow box-border overflow-y-auto">
+    <div ref="contentRef" class="hide-scroll-bar h-full box-border overflow-y-auto">
       <div class="w-full min-h-full relative flex-grow bg-white box-border p-3 sm:p-7">
         <!-- 终止生成内容的按钮 -->
         <el-button
@@ -36,7 +38,7 @@
         />
       </div>
     </div>
-  </div>
+  </el-card>
 </template>
 
 <script setup lang="ts">
@@ -102,4 +104,17 @@ watch(copied, (val) => {
     height: 0;
   }
 }
+
+.my-card{
+  display: flex;
+  flex-direction: column;
+
+  :deep(.el-card__body) {
+    box-sizing: border-box;
+    flex-grow: 1;
+    overflow-y: auto;
+    padding: 0;
+    @extend .hide-scroll-bar;
+  }
+}
 </style>
diff --git a/src/views/ai/writer/index/index.vue b/src/views/ai/writer/index/index.vue
index 9510e059..526cd27c 100644
--- a/src/views/ai/writer/index/index.vue
+++ b/src/views/ai/writer/index/index.vue
@@ -1,6 +1,5 @@
 <template>
-  <!-- TODO @hhhero：整体没啥问题了。感觉整体框框的样子可以优化下，可以参考下绘图界面。例如说：1）写作的“预览”和绘图的“绘图任务”的 header；2）左右的边界，有个竖线之类的。 -->
-  <div class="h-[calc(100vh-var(--top-tool-height)-var(--app-footer-height)-40px)] -m-5 flex">
+  <div class="absolute top-0 left-0 right-0 bottom-0 flex">
     <Left
       :is-writing="isWriting"
       class="h-full"

From d14ba2ed9eaaa87bb038e12825a980211b7e5c20 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Fri, 12 Jul 2024 16:30:33 +0800
Subject: [PATCH 3/8] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91ChatGlm?=
 =?UTF-8?q?=20=E5=AF=B9=E6=8E=A5=20Image?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/image/index/components/other/index.vue |  9 +++++++--
 src/views/ai/utils/constants.ts                     | 12 ++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/views/ai/image/index/components/other/index.vue b/src/views/ai/image/index/components/other/index.vue
index 861a1563..352333db 100644
--- a/src/views/ai/image/index/components/other/index.vue
+++ b/src/views/ai/image/index/components/other/index.vue
@@ -61,7 +61,7 @@
       </el-select>
     </el-space>
   </div>
-  <div class="group-item">
+  <div class="group-item" v-if="otherPlatform !== AiPlatformEnum.CHATGLM">
     <div>
       <el-text tag="b">图片尺寸</el-text>
     </div>
@@ -79,7 +79,7 @@
 <script setup lang="ts">
 import {ImageApi, ImageDrawReqVO, ImageVO} from '@/api/ai/image'
 import {
-  AiPlatformEnum,
+  AiPlatformEnum, ChatGlmModels,
   ImageHotWords,
   ImageModelVO,
   OtherPlatformEnum,
@@ -159,6 +159,11 @@ const handlerPlatformChange = async (platform) => {
     models.value = TongYiWanXiangModels
   } else if (AiPlatformEnum.YI_YAN === platform) {
     models.value = QianFanModels
+  } else if (AiPlatformEnum.CHATGLM === platform) {
+    models.value = ChatGlmModels
+    // ChatGlm 模型没有 width、height 随便默认一个值过后台必填检测
+    height.value = 512
+    width.value = 512
   } else {
     models.value = []
   }
diff --git a/src/views/ai/utils/constants.ts b/src/views/ai/utils/constants.ts
index d33493e2..3c886389 100644
--- a/src/views/ai/utils/constants.ts
+++ b/src/views/ai/utils/constants.ts
@@ -21,6 +21,7 @@ export const AiPlatformEnum = {
   STABLE_DIFFUSION: 'StableDiffusion', // Stability AI
   MIDJOURNEY: 'Midjourney', // Midjourney
   SUNO: 'Suno', // Suno AI
+  CHATGLM: 'ChatGlm', // ChatGlm
 }
 
 export const OtherPlatformEnum:ImageModelVO [] = [
@@ -31,6 +32,10 @@ export const OtherPlatformEnum:ImageModelVO [] = [
   {
     key: AiPlatformEnum.YI_YAN,
     name: '百度千帆'
+  },
+  {
+    key: AiPlatformEnum.CHATGLM,
+    name: '智铺 ChatGlm'
   }
 ]
 
@@ -266,6 +271,13 @@ export const QianFanModels: ImageModelVO[] = [
   }
 ]
 
+export const ChatGlmModels: ImageModelVO[] = [
+  {
+    key: 'cogview-3',
+    name: 'cogview-3'
+  }
+]
+
 
 export const StableDiffusionClipGuidancePresets: ImageModelVO[] = [
   {

From ae0bca17742ba973a9d1619ae4677ab87837bf4d Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Fri, 12 Jul 2024 18:06:22 +0800
Subject: [PATCH 4/8] =?UTF-8?q?=E3=80=90=E4=BF=AE=E5=A4=8D=E3=80=91?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D=20websocket=20path?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mall/promotion/kefu/index.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/views/mall/promotion/kefu/index.vue b/src/views/mall/promotion/kefu/index.vue
index 6fb87c8b..fae88d71 100644
--- a/src/views/mall/promotion/kefu/index.vue
+++ b/src/views/mall/promotion/kefu/index.vue
@@ -28,9 +28,7 @@ const message = useMessage() // 消息弹窗
 
 // ======================= WebSocket start =======================
 const server = ref(
-  (import.meta.env.VITE_BASE_URL + '/infra/ws/').replace('http', 'ws') +
-    '?token=' +
-    getAccessToken()
+  (import.meta.env.VITE_BASE_URL + '/infra/ws').replace('http', 'ws') + '?token=' + getAccessToken()
 ) // WebSocket 服务地址
 
 /** 发起 WebSocket 连接 */

From 69940e27809d55640f40054afa3a2d9db646dc8c Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 13 Jul 2024 00:06:27 +0800
Subject: [PATCH 5/8] =?UTF-8?q?=E3=80=90=E4=BB=A3=E7=A0=81=E8=AF=84?=
 =?UTF-8?q?=E5=AE=A1=E3=80=91AI=EF=BC=9A=E7=BB=98=E5=9B=BE=20other=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ai/image/index/components/other/index.vue | 38 ++++++------
 src/views/ai/image/index/index.vue            |  3 +-
 src/views/ai/utils/constants.ts               | 60 ++-----------------
 3 files changed, 24 insertions(+), 77 deletions(-)

diff --git a/src/views/ai/image/index/components/other/index.vue b/src/views/ai/image/index/components/other/index.vue
index 352333db..a688be18 100644
--- a/src/views/ai/image/index/components/other/index.vue
+++ b/src/views/ai/image/index/components/other/index.vue
@@ -36,7 +36,13 @@
       <el-text tag="b">平台</el-text>
     </div>
     <el-space wrap class="group-item-body">
-      <el-select v-model="otherPlatform" placeholder="Select" size="large" class="!w-350px" @change="handlerPlatformChange">
+      <el-select
+        v-model="otherPlatform"
+        placeholder="Select"
+        size="large"
+        class="!w-350px"
+        @change="handlerPlatformChange"
+      >
         <el-option
           v-for="item in OtherPlatformEnum"
           :key="item.key"
@@ -52,16 +58,11 @@
     </div>
     <el-space wrap class="group-item-body">
       <el-select v-model="model" placeholder="Select" size="large" class="!w-350px">
-        <el-option
-          v-for="item in models"
-          :key="item.key"
-          :label="item.name"
-          :value="item.key"
-        />
+        <el-option v-for="item in models" :key="item.key" :label="item.name" :value="item.key" />
       </el-select>
     </el-space>
   </div>
-  <div class="group-item" v-if="otherPlatform !== AiPlatformEnum.CHATGLM">
+  <div class="group-item">
     <div>
       <el-text tag="b">图片尺寸</el-text>
     </div>
@@ -77,9 +78,10 @@
   </div>
 </template>
 <script setup lang="ts">
-import {ImageApi, ImageDrawReqVO, ImageVO} from '@/api/ai/image'
+import { ImageApi, ImageDrawReqVO, ImageVO } from '@/api/ai/image'
 import {
-  AiPlatformEnum, ChatGlmModels,
+  AiPlatformEnum,
+  ChatGlmModels,
   ImageHotWords,
   ImageModelVO,
   OtherPlatformEnum,
@@ -100,7 +102,6 @@ const otherPlatform = ref<string>(AiPlatformEnum.TONG_YI) // 平台
 const models = ref<ImageModelVO[]>(TongYiWanXiangModels) // 模型  TongYiWanXiangModels、QianFanModels
 const model = ref<string>(models.value[0].key) // 模型
 
-
 const emits = defineEmits(['onDrawStart', 'onDrawComplete']) // 定义 emits
 
 /** 选择热词 */
@@ -132,9 +133,8 @@ const handleGenerateImage = async () => {
       prompt: prompt.value, // 提示词
       width: width.value, // 图片宽度
       height: height.value, // 图片高度
-      options: {
-      }
-    } as ImageDrawReqVO
+      options: {}
+    } as unknown as ImageDrawReqVO
     await ImageApi.drawImage(form)
   } finally {
     // 回调
@@ -149,28 +149,24 @@ const settingValues = async (detail: ImageVO) => {
   prompt.value = detail.prompt
   width.value = detail.width
   height.value = detail.height
-
 }
 
 /** 平台切换 */
-const handlerPlatformChange = async (platform) => {
+const handlerPlatformChange = async (platform: string) => {
   // 切换平台，切换模型、风格
   if (AiPlatformEnum.TONG_YI === platform) {
     models.value = TongYiWanXiangModels
   } else if (AiPlatformEnum.YI_YAN === platform) {
     models.value = QianFanModels
-  } else if (AiPlatformEnum.CHATGLM === platform) {
+  } else if (AiPlatformEnum.ZHI_PU === platform) {
     models.value = ChatGlmModels
-    // ChatGlm 模型没有 width、height 随便默认一个值过后台必填检测
-    height.value = 512
-    width.value = 512
   } else {
     models.value = []
   }
   // 切换平台，默认选择一个风格
   if (models.value.length > 0) {
     model.value = models.value[0].key
-  } else  {
+  } else {
     model.value = ''
   }
 }
diff --git a/src/views/ai/image/index/index.vue b/src/views/ai/image/index/index.vue
index c249f8f1..1217e793 100644
--- a/src/views/ai/image/index/index.vue
+++ b/src/views/ai/image/index/index.vue
@@ -62,7 +62,7 @@ const platformOptions = [
     value: AiPlatformEnum.STABLE_DIFFUSION
   },
   {
-    label: '其他',
+    label: '其它',
     value: 'other'
   }
 ]
@@ -88,6 +88,7 @@ const handleRegeneration = async (image: ImageVO) => {
   } else if (image.platform === AiPlatformEnum.STABLE_DIFFUSION) {
     stableDiffusionRef.value.settingValues(image)
   }
+  // TODO @fan：貌似 other 重新设置不行？
 }
 </script>
 
diff --git a/src/views/ai/utils/constants.ts b/src/views/ai/utils/constants.ts
index 3c886389..483f782e 100644
--- a/src/views/ai/utils/constants.ts
+++ b/src/views/ai/utils/constants.ts
@@ -20,11 +20,10 @@ export const AiPlatformEnum = {
   Ollama: 'Ollama',
   STABLE_DIFFUSION: 'StableDiffusion', // Stability AI
   MIDJOURNEY: 'Midjourney', // Midjourney
-  SUNO: 'Suno', // Suno AI
-  CHATGLM: 'ChatGlm', // ChatGlm
+  SUNO: 'Suno' // Suno AI
 }
 
-export const OtherPlatformEnum:ImageModelVO [] = [
+export const OtherPlatformEnum: ImageModelVO[] = [
   {
     key: AiPlatformEnum.TONG_YI,
     name: '通义万相'
@@ -34,8 +33,8 @@ export const OtherPlatformEnum:ImageModelVO [] = [
     name: '百度千帆'
   },
   {
-    key: AiPlatformEnum.CHATGLM,
-    name: '智铺 ChatGlm'
+    key: AiPlatformEnum.ZHI_PU,
+    name: '智谱 AI'
   }
 ]
 
@@ -205,54 +204,6 @@ export const StableDiffusionStylePresets: ImageModelVO[] = [
   }
 ]
 
-// todo @芋艿 这些是通义的风格，看要不要删除
-export const TongYiWanXiangStylePresets: ImageModelVO[] = [
-  {
-    key: '-1',
-    name: '上传图像风格'
-  },
-  {
-    key: '0',
-    name: '复古漫画'
-  },
-  {
-    key: '1',
-    name: '3D童话'
-  },
-  {
-    key: '2',
-    name: '二次元'
-  },
-  {
-    key: '3',
-    name: '小清新'
-  },
-  {
-    key: '4',
-    name: '未来科技'
-  },
-  {
-    key: '5',
-    name: '国画古风'
-  },
-  {
-    key: '6',
-    name: '将军百战'
-  },
-  {
-    key: '7',
-    name: '炫彩卡通'
-  },
-  {
-    key: '8',
-    name: '清雅国风'
-  },
-  {
-    key: '9',
-    name: '喜迎新年'
-  }
-]
-
 export const TongYiWanXiangModels: ImageModelVO[] = [
   {
     key: 'wanx-v1',
@@ -278,7 +229,6 @@ export const ChatGlmModels: ImageModelVO[] = [
   }
 ]
 
-
 export const StableDiffusionClipGuidancePresets: ImageModelVO[] = [
   {
     key: 'NONE',
@@ -338,7 +288,7 @@ export const Dall3StyleList: ImageModelVO[] = [
 
 export interface ImageSizeVO {
   key: string
-  name: string
+  name?: string
   style: string
   width: string
   height: string

From d266b99e9e3ce541d9b4da5fc0e5411bd09a270a Mon Sep 17 00:00:00 2001
From: hhhero <krishuang136@gmail.com>
Date: Sat, 13 Jul 2024 08:50:30 +0800
Subject: [PATCH 6/8] =?UTF-8?q?[=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96]AI:?=
 =?UTF-8?q?=20=E5=9B=9E=E6=98=BE=E5=86=99=E4=BD=9C=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E4=B9=8B=E5=89=8D=E7=9A=84=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/writer/index/components/Left.vue | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/ai/writer/index/components/Left.vue b/src/views/ai/writer/index/components/Left.vue
index 6598bcb1..e21f4e90 100644
--- a/src/views/ai/writer/index/components/Left.vue
+++ b/src/views/ai/writer/index/components/Left.vue
@@ -27,12 +27,12 @@
   <div class="flex flex-col" v-bind="$attrs">
     <!-- tab -->
     <div class="w-full pt-2 bg-[#f5f7f9] flex justify-center">
-      <div
-        class="w-[303px] rounded-full bg-[#DDDFE3] p-1 z-10"
-      >
+      <div class="w-[303px] rounded-full bg-[#DDDFE3] p-1 z-10">
         <div
           class="flex items-center relative after:content-[''] after:block after:bg-white after:h-[30px] after:w-1/2 after:absolute after:top-0 after:left-0 after:transition-transform after:rounded-full"
-          :class="selectedTab === AiWriteTypeEnum.REPLY && 'after:transform after:translate-x-[100%]'"
+          :class="
+            selectedTab === AiWriteTypeEnum.REPLY && 'after:transform after:translate-x-[100%]'
+          "
         >
           <ReuseTab
             v-for="tab in tabs"
@@ -179,10 +179,18 @@ const initData: WriteVO = {
 }
 const formData = ref<WriteVO>({ ...initData })
 
+/** 用来记录切换之前所填写的数据，切换的时候给赋值回来 **/
+const recordFormData = {} as Record<AiWriteTypeEnum, WriteVO>
+
 /** 切换tab **/
 const switchTab = (value: TabType) => {
-  selectedTab.value = value
-  formData.value = { ...initData }
+  if (value !== selectedTab.value) {
+    // 保存之前的久数据
+    recordFormData[selectedTab.value] = formData.value
+    selectedTab.value = value
+    // 将之前的旧数据赋值回来
+    formData.value = { ...initData, ...recordFormData[value] }
+  }
 }
 
 /** 提交写作 */

From 1f22e0b88d674837acf91eb655ba609e4dedc20d Mon Sep 17 00:00:00 2001
From: hhhero <krishuang136@gmail.com>
Date: Sun, 14 Jul 2024 23:22:10 +0800
Subject: [PATCH 7/8] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]AI:=20=E5=86=99?=
 =?UTF-8?q?=E4=BD=9C=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ai/writer/index.ts            |  92 ++++++++----
 src/views/ai/utils/constants.ts       |   6 +
 src/views/ai/writer/index/index.vue   |   2 +-
 src/views/ai/writer/manager/index.vue | 203 ++++++++++++++++++++++++++
 types/global.d.ts                     |   5 +
 5 files changed, 279 insertions(+), 29 deletions(-)
 create mode 100644 src/views/ai/writer/manager/index.vue

diff --git a/src/api/ai/writer/index.ts b/src/api/ai/writer/index.ts
index db876161..a79a4d31 100644
--- a/src/api/ai/writer/index.ts
+++ b/src/api/ai/writer/index.ts
@@ -3,6 +3,7 @@ import { fetchEventSource } from '@microsoft/fetch-event-source'
 import { getAccessToken } from '@/utils/auth'
 import { config } from '@/config/axios/config'
 import { AiWriteTypeEnum } from '@/views/ai/utils/constants'
+import request from '@/config/axios'
 
 export interface WriteVO {
   type: AiWriteTypeEnum.WRITING | AiWriteTypeEnum.REPLY // 1:撰写 2:回复
@@ -14,32 +15,67 @@ export interface WriteVO {
   language: number // 语言
 }
 
-// TODO @hhero：搞成 WriteApi，类似 ConversationApi 一样。这样更有类的概念，后续引入某个 Api，然后调用它的方法就可以了。
-export const writeStream = ({
-  data,
-  onClose,
-  onMessage,
-  onError,
-  ctrl
-}: {
-  data: WriteVO
-  onMessage?: (res: any) => void
-  onError?: (...args: any[]) => void
-  onClose?: (...args: any[]) => void
-  ctrl: AbortController
-}) => {
-  const token = getAccessToken()
-  return fetchEventSource(`${config.base_url}/ai/write/generate-stream`, {
-    method: 'post',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`
-    },
-    openWhenHidden: true,
-    body: JSON.stringify(data),
-    onmessage: onMessage,
-    onerror: onError,
-    onclose: onClose,
-    signal: ctrl.signal
-  })
+export interface AiWritePageReqVO extends PageParam {
+  userId?: number // 用户编号
+  type?: AiWriteTypeEnum //  写作类型
+  platform?: string // 平台
+  createTime?: [string, string] // 创建时间
 }
+
+export interface AiWriteRespVo {
+  id: number
+  userId: number
+  type: number
+  platform: string
+  model: string
+  prompt: string
+  generatedContent: string
+  originalContent: string
+  length: number
+  format: number
+  tone: number
+  language: number
+  errorMessage: string
+  createTime: string
+}
+
+const WriteApi = {
+  writeStream: ({
+    data,
+    onClose,
+    onMessage,
+    onError,
+    ctrl
+  }: {
+    data: WriteVO
+    onMessage?: (res: any) => void
+    onError?: (...args: any[]) => void
+    onClose?: (...args: any[]) => void
+    ctrl: AbortController
+  }) => {
+    const token = getAccessToken()
+    return fetchEventSource(`${config.base_url}/ai/write/generate-stream`, {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`
+      },
+      openWhenHidden: true,
+      body: JSON.stringify(data),
+      onmessage: onMessage,
+      onerror: onError,
+      onclose: onClose,
+      signal: ctrl.signal
+    })
+  },
+  // 获取写作列表
+  getWritePage: (params: AiWritePageReqVO) => {
+    return request.get<PageResult<AiWriteRespVo[]>>({ url: `/ai/write/page`, params })
+  },
+  // 删除写作
+  deleteWrite(id: number) {
+    return request.delete({ url: `/ai/write/delete`, params: { id } })
+  }
+}
+
+export default WriteApi
diff --git a/src/views/ai/utils/constants.ts b/src/views/ai/utils/constants.ts
index bbf52e91..e00a07f2 100644
--- a/src/views/ai/utils/constants.ts
+++ b/src/views/ai/utils/constants.ts
@@ -61,6 +61,12 @@ export enum AiWriteTypeEnum {
   REPLY // 回复
 }
 
+// 表格展示对照map
+export const AiWriteTypeTableRender = {
+  [AiWriteTypeEnum.WRITING]: '撰写',
+  [AiWriteTypeEnum.REPLY]: '回复',
+}
+
 // ========== 【图片 UI】相关的枚举 ==========
 export const ImageHotWords = [
   '中国旗袍',
diff --git a/src/views/ai/writer/index/index.vue b/src/views/ai/writer/index/index.vue
index 526cd27c..bc29d9ec 100644
--- a/src/views/ai/writer/index/index.vue
+++ b/src/views/ai/writer/index/index.vue
@@ -20,7 +20,7 @@
 <script setup lang="ts">
 import Left from './components/Left.vue'
 import Right from './components/Right.vue'
-import * as WriteApi from '@/api/ai/writer'
+import WriteApi from '@/api/ai/writer'
 import { WriteExample } from '@/views/ai/utils/constants'
 
 const message = useMessage()
diff --git a/src/views/ai/writer/manager/index.vue b/src/views/ai/writer/manager/index.vue
new file mode 100644
index 00000000..7aea0564
--- /dev/null
+++ b/src/views/ai/writer/manager/index.vue
@@ -0,0 +1,203 @@
+<template>
+  <ContentWrap>
+    <!-- 搜索工作栏 -->
+    <el-form
+      class="-mb-15px"
+      :model="queryParams"
+      ref="queryFormRef"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="用户编号" prop="userId">
+        <el-select
+          v-model="queryParams.userId"
+          clearable
+          placeholder="请输入用户编号"
+          class="!w-240px"
+        >
+          <el-option
+            v-for="item in userList"
+            :key="item.id"
+            :label="item.nickname"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="平台" prop="platform">
+        <el-select
+          v-model="queryParams.platform"
+          placeholder="请选择平台"
+          clearable
+          class="!w-240px"
+        >
+          <el-option
+            v-for="dict in getStrDictOptions(DICT_TYPE.AI_PLATFORM)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="是否发布" prop="publicStatus">
+        <el-select
+          v-model="queryParams.type"
+          placeholder="请选择写作方式"
+          clearable
+          class="!w-240px"
+        >
+          <el-option label="撰写" :value="AiWriteTypeEnum.WRITING" />
+          <el-option label="回复" :value="AiWriteTypeEnum.REPLY" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="创建时间" prop="createTime">
+        <el-date-picker
+          v-model="queryParams.createTime"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-220px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="编号" align="center" prop="id" width="180" fixed="left" />
+      <el-table-column label="用户" align="center" prop="userId" width="180">
+        <template #default="scope">
+          <span>{{ userList.find((item) => item.id === scope.row.userId)?.nickname }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="写作类型" align="center" prop="platform" width="120">
+        <template #default="scope">
+          {{ AiWriteTypeTableRender[scope.row.type] }}
+        </template>
+      </el-table-column>
+      <el-table-column label="平台" align="center" prop="platform" width="120">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.AI_PLATFORM" :value="scope.row.platform" />
+        </template>
+      </el-table-column>
+      <el-table-column label="模型" align="center" prop="model" width="180" />
+      <el-table-column
+        label="预览内容"
+        align="center"
+        prop="generatedContent"
+        width="200"
+        show-overflow-tooltip
+      />
+      <el-table-column label="提示词" align="center" prop="prompt" width="180" />
+      <el-table-column label="原文" align="center" prop="originalContent" width="180" />
+      <el-table-column label="长度" align="center" prop="length" width="180" />
+      <el-table-column label="格式" align="center" prop="format" width="180" />
+      <el-table-column label="语气" align="center" prop="tone" width="180" />
+      <el-table-column label="语言" align="center" prop="language" width="180" />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="错误信息" align="center" prop="errorMessage" />
+      <el-table-column label="操作" align="center" width="100" fixed="right">
+        <template #default="scope">
+          <el-button
+            link
+            type="danger"
+            @click="handleDelete(scope.row.id)"
+            v-hasPermi="['ai:write:delete']"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <Pagination
+      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </ContentWrap>
+</template>
+
+<script setup lang="ts">
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
+import { dateFormatter } from '@/utils/formatTime'
+import WriteApi, { AiWritePageReqVO, AiWriteRespVo } from '@/api/ai/writer'
+import * as UserApi from '@/api/system/user'
+import { AiWriteTypeEnum, AiWriteTypeTableRender } from '@/views/ai/utils/constants'
+
+/** AI 写作 列表 */
+defineOptions({ name: 'AiWriteManage' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<AiWriteRespVo[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive<AiWritePageReqVO>({
+  pageNo: 1,
+  pageSize: 10,
+  userId: undefined,
+  platform: undefined,
+  createTime: undefined
+})
+const queryFormRef = ref() // 搜索的表单
+const userList = ref<UserApi.UserVO[]>([]) // 用户列表
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await WriteApi.getWritePage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await WriteApi.deleteWrite(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 初始化 **/
+onMounted(async () => {
+  getList()
+  // 获得用户列表
+  userList.value = await UserApi.getSimpleUserList()
+})
+</script>
diff --git a/types/global.d.ts b/types/global.d.ts
index e91e1fe4..eebe9bb8 100644
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -50,4 +50,9 @@ declare global {
     name: string
     children?: Tree[] | any[]
   }
+  // 分页数据公共返回
+  interface PageResult<T> {
+    list: T // 数据
+    total: number // 总量
+  }
 }

From c4ee9581d002c3784cd7f9d767fa697f639aba80 Mon Sep 17 00:00:00 2001
From: hhhero <krishuang136@gmail.com>
Date: Sun, 14 Jul 2024 23:55:12 +0800
Subject: [PATCH 8/8] =?UTF-8?q?[=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96]AI:?=
 =?UTF-8?q?=20=E7=9B=AE=E5=BD=95=E6=9B=B4=E5=90=8Dwriter=20=3D>=20write?=
 =?UTF-8?q?=EF=BC=8C=E5=86=99=E4=BD=9C=E7=AE=A1=E7=90=86=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ai/{writer => write}/index.ts         |   4 +-
 .../index/components/Left.vue                 |   2 +-
 .../index/components/Right.vue                |   0
 .../index/components/Tag.vue                  |   0
 .../ai/{writer => write}/index/index.vue      |   4 +-
 src/views/ai/write/manager/index.vue          |  32 ++-
 src/views/ai/writer/manager/index.vue         | 203 ------------------
 7 files changed, 29 insertions(+), 216 deletions(-)
 rename src/api/ai/{writer => write}/index.ts (98%)
 rename src/views/ai/{writer => write}/index/components/Left.vue (99%)
 rename src/views/ai/{writer => write}/index/components/Right.vue (100%)
 rename src/views/ai/{writer => write}/index/components/Tag.vue (100%)
 rename src/views/ai/{writer => write}/index/index.vue (94%)
 delete mode 100644 src/views/ai/writer/manager/index.vue

diff --git a/src/api/ai/writer/index.ts b/src/api/ai/write/index.ts
similarity index 98%
rename from src/api/ai/writer/index.ts
rename to src/api/ai/write/index.ts
index 3238572d..0b4b18a4 100644
--- a/src/api/ai/writer/index.ts
+++ b/src/api/ai/write/index.ts
@@ -45,7 +45,7 @@ export interface AiWriteRespVo {
   createTime: string
 }
 
-const WriteApi = {
+export const WriteApi = {
   writeStream: ({
     data,
     onClose,
@@ -83,5 +83,3 @@ const WriteApi = {
     return request.delete({ url: `/ai/write/delete`, params: { id } })
   }
 }
-
-export default WriteApi
diff --git a/src/views/ai/writer/index/components/Left.vue b/src/views/ai/write/index/components/Left.vue
similarity index 99%
rename from src/views/ai/writer/index/components/Left.vue
rename to src/views/ai/write/index/components/Left.vue
index 7dc319b4..05cc04a5 100644
--- a/src/views/ai/writer/index/components/Left.vue
+++ b/src/views/ai/write/index/components/Left.vue
@@ -104,7 +104,7 @@
 import { createReusableTemplate } from '@vueuse/core'
 import { ref } from 'vue'
 import Tag from './Tag.vue'
-import { WriteVO } from '@/api/ai/writer'
+import { WriteVO } from 'src/api/ai/write'
 import { omit } from 'lodash-es'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { AiWriteTypeEnum, WriteExample } from '@/views/ai/utils/constants'
diff --git a/src/views/ai/writer/index/components/Right.vue b/src/views/ai/write/index/components/Right.vue
similarity index 100%
rename from src/views/ai/writer/index/components/Right.vue
rename to src/views/ai/write/index/components/Right.vue
diff --git a/src/views/ai/writer/index/components/Tag.vue b/src/views/ai/write/index/components/Tag.vue
similarity index 100%
rename from src/views/ai/writer/index/components/Tag.vue
rename to src/views/ai/write/index/components/Tag.vue
diff --git a/src/views/ai/writer/index/index.vue b/src/views/ai/write/index/index.vue
similarity index 94%
rename from src/views/ai/writer/index/index.vue
rename to src/views/ai/write/index/index.vue
index bc29d9ec..b64fb4c8 100644
--- a/src/views/ai/writer/index/index.vue
+++ b/src/views/ai/write/index/index.vue
@@ -20,7 +20,7 @@
 <script setup lang="ts">
 import Left from './components/Left.vue'
 import Right from './components/Right.vue'
-import WriteApi from '@/api/ai/writer'
+import { WriteApi } from '@/api/ai/write'
 import { WriteExample } from '@/views/ai/utils/constants'
 
 const message = useMessage()
@@ -65,7 +65,7 @@ const submit = (data) => {
 }
 
 /** 点击示例触发 */
-const handleExampleClick = (type: keyof typeof WriteExampleDataJson) => {
+const handleExampleClick = (type: keyof typeof WriteExample) => {
   writeResult.value = WriteExample[type].data
 }
 
diff --git a/src/views/ai/write/manager/index.vue b/src/views/ai/write/manager/index.vue
index f31c375a..ddd1400a 100644
--- a/src/views/ai/write/manager/index.vue
+++ b/src/views/ai/write/manager/index.vue
@@ -39,7 +39,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="平台" prop="platform">
-        <el-select v-model="queryParams.status" placeholder="请选择平台" clearable class="!w-240px">
+        <el-select v-model="queryParams.platform" placeholder="请选择平台" clearable class="!w-240px">
           <el-option
             v-for="dict in getStrDictOptions(DICT_TYPE.AI_PLATFORM)"
             :key="dict.value"
@@ -70,6 +70,7 @@
         >
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
+        <!-- TODO @YunaiV  目前没有导出接口，需要导出吗 -->
         <el-button
           type="success"
           plain
@@ -103,7 +104,13 @@
         </template>
       </el-table-column>
       <el-table-column label="模型" align="center" prop="model" width="180" />
-      <el-table-column label="生成内容提示" align="center" prop="prompt" width="180" />
+      <el-table-column
+        label="生成内容提示"
+        align="center"
+        prop="prompt"
+        width="180"
+        show-overflow-tooltip
+      />
       <el-table-column label="生成的内容" align="center" prop="generatedContent" width="180" />
       <el-table-column label="原文" align="center" prop="originalContent" width="180" />
       <el-table-column label="长度" align="center" prop="length">
@@ -136,6 +143,7 @@
       <el-table-column label="错误信息" align="center" prop="errorMessage" />
       <el-table-column label="操作" align="center">
         <template #default="scope">
+<!--          TODO @YunaiV 目前没有修改接口，写作要可以更改吗-->
           <el-button
             link
             type="primary"
@@ -168,8 +176,8 @@
 <script setup lang="ts">
 import { DICT_TYPE, getIntDictOptions, getStrDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
-// TODO 芋艿：这里应该是 write
-import { WriteApi, WriteVO } from '@/api/ai/writer'
+import { useRouter } from 'vue-router'
+import { WriteApi, AiWritePageReqVO, AiWriteRespVo } from '@/api/ai/write'
 import * as UserApi from '@/api/system/user'
 
 /** AI 写作列表 */
@@ -177,17 +185,18 @@ defineOptions({ name: 'AiWriteManager' })
 
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
+const router = useRouter() // 路由
 
 const loading = ref(true) // 列表的加载中
-const list = ref<WriteVO[]>([]) // 列表的数据
+const list = ref<AiWriteRespVo[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
-const queryParams = reactive({
+const queryParams = reactive<AiWritePageReqVO>({
   pageNo: 1,
   pageSize: 10,
   userId: undefined,
   type: undefined,
   platform: undefined,
-  createTime: []
+  createTime: undefined
 })
 const queryFormRef = ref() // 搜索的表单
 const userList = ref<UserApi.UserVO[]>([]) // 用户列表
@@ -216,6 +225,15 @@ const resetQuery = () => {
   handleQuery()
 }
 
+/** 新增方法，跳转到写作页面 **/
+const openForm = (type: string, id?: number) => {
+  switch (type) {
+    case 'create':
+      router.push('/ai/write')
+      break
+  }
+}
+
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
   try {
diff --git a/src/views/ai/writer/manager/index.vue b/src/views/ai/writer/manager/index.vue
deleted file mode 100644
index 7aea0564..00000000
--- a/src/views/ai/writer/manager/index.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<template>
-  <ContentWrap>
-    <!-- 搜索工作栏 -->
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
-      <el-form-item label="用户编号" prop="userId">
-        <el-select
-          v-model="queryParams.userId"
-          clearable
-          placeholder="请输入用户编号"
-          class="!w-240px"
-        >
-          <el-option
-            v-for="item in userList"
-            :key="item.id"
-            :label="item.nickname"
-            :value="item.id"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="平台" prop="platform">
-        <el-select
-          v-model="queryParams.platform"
-          placeholder="请选择平台"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getStrDictOptions(DICT_TYPE.AI_PLATFORM)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="是否发布" prop="publicStatus">
-        <el-select
-          v-model="queryParams.type"
-          placeholder="请选择写作方式"
-          clearable
-          class="!w-240px"
-        >
-          <el-option label="撰写" :value="AiWriteTypeEnum.WRITING" />
-          <el-option label="回复" :value="AiWriteTypeEnum.REPLY" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-      </el-form-item>
-    </el-form>
-  </ContentWrap>
-
-  <!-- 列表 -->
-  <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-      <el-table-column label="编号" align="center" prop="id" width="180" fixed="left" />
-      <el-table-column label="用户" align="center" prop="userId" width="180">
-        <template #default="scope">
-          <span>{{ userList.find((item) => item.id === scope.row.userId)?.nickname }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="写作类型" align="center" prop="platform" width="120">
-        <template #default="scope">
-          {{ AiWriteTypeTableRender[scope.row.type] }}
-        </template>
-      </el-table-column>
-      <el-table-column label="平台" align="center" prop="platform" width="120">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.AI_PLATFORM" :value="scope.row.platform" />
-        </template>
-      </el-table-column>
-      <el-table-column label="模型" align="center" prop="model" width="180" />
-      <el-table-column
-        label="预览内容"
-        align="center"
-        prop="generatedContent"
-        width="200"
-        show-overflow-tooltip
-      />
-      <el-table-column label="提示词" align="center" prop="prompt" width="180" />
-      <el-table-column label="原文" align="center" prop="originalContent" width="180" />
-      <el-table-column label="长度" align="center" prop="length" width="180" />
-      <el-table-column label="格式" align="center" prop="format" width="180" />
-      <el-table-column label="语气" align="center" prop="tone" width="180" />
-      <el-table-column label="语言" align="center" prop="language" width="180" />
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        :formatter="dateFormatter"
-        width="180px"
-      />
-      <el-table-column label="错误信息" align="center" prop="errorMessage" />
-      <el-table-column label="操作" align="center" width="100" fixed="right">
-        <template #default="scope">
-          <el-button
-            link
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-            v-hasPermi="['ai:write:delete']"
-          >
-            删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页 -->
-    <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
-  </ContentWrap>
-</template>
-
-<script setup lang="ts">
-import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
-import { dateFormatter } from '@/utils/formatTime'
-import WriteApi, { AiWritePageReqVO, AiWriteRespVo } from '@/api/ai/writer'
-import * as UserApi from '@/api/system/user'
-import { AiWriteTypeEnum, AiWriteTypeTableRender } from '@/views/ai/utils/constants'
-
-/** AI 写作 列表 */
-defineOptions({ name: 'AiWriteManage' })
-
-const message = useMessage() // 消息弹窗
-const { t } = useI18n() // 国际化
-
-const loading = ref(true) // 列表的加载中
-const list = ref<AiWriteRespVo[]>([]) // 列表的数据
-const total = ref(0) // 列表的总页数
-const queryParams = reactive<AiWritePageReqVO>({
-  pageNo: 1,
-  pageSize: 10,
-  userId: undefined,
-  platform: undefined,
-  createTime: undefined
-})
-const queryFormRef = ref() // 搜索的表单
-const userList = ref<UserApi.UserVO[]>([]) // 用户列表
-
-/** 查询列表 */
-const getList = async () => {
-  loading.value = true
-  try {
-    const data = await WriteApi.getWritePage(queryParams)
-    list.value = data.list
-    total.value = data.total
-  } finally {
-    loading.value = false
-  }
-}
-
-/** 搜索按钮操作 */
-const handleQuery = () => {
-  queryParams.pageNo = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-const resetQuery = () => {
-  queryFormRef.value.resetFields()
-  handleQuery()
-}
-
-/** 删除按钮操作 */
-const handleDelete = async (id: number) => {
-  try {
-    // 删除的二次确认
-    await message.delConfirm()
-    // 发起删除
-    await WriteApi.deleteWrite(id)
-    message.success(t('common.delSuccess'))
-    // 刷新列表
-    await getList()
-  } catch {}
-}
-
-/** 初始化 **/
-onMounted(async () => {
-  getList()
-  // 获得用户列表
-  userList.value = await UserApi.getSimpleUserList()
-})
-</script>