From bcc72a3091a990c6551982f85afec7340b33725a Mon Sep 17 00:00:00 2001
From: GeekMaster <yangjian102621@gmail.com>
Date: Thu, 10 Apr 2025 18:21:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=BB=98=E5=9B=BE=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E5=A4=B1=E8=B4=A5=E5=90=8E=EF=BC=8C=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=B8=8D=E6=9B=B4=E6=96=B0=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/handler/chat_model_handler.go |   1 -
 web/src/views/Dalle.vue           | 415 +++++++++----------
 web/src/views/ImageMj.vue         | 650 +++++++++++++-----------------
 web/src/views/ImageSd.vue         | 420 ++++++++-----------
 4 files changed, 652 insertions(+), 834 deletions(-)

diff --git a/api/handler/chat_model_handler.go b/api/handler/chat_model_handler.go
index 96cbb158..c4d4fac7 100644
--- a/api/handler/chat_model_handler.go
+++ b/api/handler/chat_model_handler.go
@@ -32,7 +32,6 @@ func (h *ChatModelHandler) List(c *gin.Context) {
 	var chatModels = make([]vo.ChatModel, 0)
 	session := h.DB.Session(&gorm.Session{}).Where("enabled", true)
 	t := c.Query("type")
-	logger.Info("type: ", t)
 	if t != "" {
 		session = session.Where("type", t)
 	} else {
diff --git a/web/src/views/Dalle.vue b/web/src/views/Dalle.vue
index f5e6ccf3..4428b5c7 100644
--- a/web/src/views/Dalle.vue
+++ b/web/src/views/Dalle.vue
@@ -17,12 +17,7 @@
                         placeholder="请选择模型"
                         @change="changeModel"
                       >
-                        <el-option
-                          v-for="v in models"
-                          :label="v.name"
-                          :value="v"
-                          :key="v.value"
-                        />
+                        <el-option v-for="v in models" :label="v.name" :value="v" :key="v.value" />
                       </el-select>
                     </div>
                   </template>
@@ -51,12 +46,7 @@
                   <template #default>
                     <div class="form-item-inner">
                       <el-select v-model="params.size" style="width: 150px">
-                        <el-option
-                          v-for="v in sizes"
-                          :label="v"
-                          :value="v"
-                          :key="v"
-                        />
+                        <el-option v-for="v in sizes" :label="v" :value="v" :key="v" />
                       </el-select>
                     </div>
                   </template>
@@ -109,10 +99,7 @@
                   color="#5865f2"
                   :disabled="isGenerating"
                 >
-                  <i
-                    class="iconfont icon-chuangzuo"
-                    style="margin-right: 5px"
-                  ></i>
+                  <i class="iconfont icon-chuangzuo" style="margin-right: 5px"></i>
                   <span>生成专业绘画指令</span>
                 </el-button>
               </el-row>
@@ -120,10 +107,7 @@
               <div class="text-info">
                 <el-row :gutter="10">
                   <el-text type="primary"
-                    >每次绘图消耗
-                    <el-text type="warning"
-                      >{{ dallPower }}算力，</el-text
-                    ></el-text
+                    >每次绘图消耗 <el-text type="warning">{{ dallPower }}算力，</el-text></el-text
                   >
                   <el-text type="primary"
                     >当前可用
@@ -134,9 +118,7 @@
             </el-form>
           </div>
           <div class="submit-btn">
-            <el-button type="primary" :dark="false" round @click="generate">
-              立即生成
-            </el-button>
+            <el-button type="primary" :dark="false" round @click="generate"> 立即生成 </el-button>
           </div>
         </div>
         <div class="task-list-box pl-6 pr-6 pb-4 pt-4 h-dvh">
@@ -194,14 +176,10 @@
                                         placement="top"
                                       >
                                         <template #reference>
-                                          <el-button type="info"
-                                            >详情</el-button
-                                          >
+                                          <el-button type="info">详情</el-button>
                                         </template>
                                       </el-popover>
-                                      <el-button
-                                        type="danger"
-                                        @click="removeImage(item)"
+                                      <el-button type="danger" @click="removeImage(item)"
                                         >删除</el-button
                                       >
                                     </div>
@@ -218,11 +196,7 @@
                               class="pt-3 flex justify-center items-center border-t border-t-gray-600 border-opacity-50"
                             >
                               <div class="flex">
-                                <el-tooltip
-                                  content="取消分享"
-                                  placement="top"
-                                  v-if="item.publish"
-                                >
+                                <el-tooltip content="取消分享" placement="top" v-if="item.publish">
                                   <el-button
                                     type="warning"
                                     @click="publishImage(item, false)"
@@ -231,11 +205,7 @@
                                     <i class="iconfont icon-cancel-share"></i>
                                   </el-button>
                                 </el-tooltip>
-                                <el-tooltip
-                                  content="分享"
-                                  placement="top"
-                                  v-else
-                                >
+                                <el-tooltip content="分享" placement="top" v-else>
                                   <el-button
                                     type="success"
                                     @click="publishImage(item, true)"
@@ -245,10 +215,7 @@
                                   </el-button>
                                 </el-tooltip>
 
-                                <el-tooltip
-                                  content="复制提示词"
-                                  placement="top"
-                                >
+                                <el-tooltip content="复制提示词" placement="top">
                                   <el-button
                                     type="info"
                                     circle
@@ -294,12 +261,7 @@
                       </div>
                     </div>
                   </div>
-                  <el-empty
-                    :image-size="100"
-                    :image="nodata"
-                    description="暂无记录"
-                    v-else
-                  />
+                  <el-empty :image-size="100" :image="nodata" description="暂无记录" v-else />
                 </div>
               </template>
               <!-- end finish job list-->
@@ -314,7 +276,7 @@
     <el-image-viewer
       @close="
         () => {
-          previewURL = '';
+          previewURL = ''
         }
       "
       v-if="previewURL !== ''"
@@ -324,308 +286,303 @@
 </template>
 
 <script setup>
-import nodata from "@/assets/img/no-data.png";
+import nodata from '@/assets/img/no-data.png'
 
-import { nextTick, onMounted, onUnmounted, ref } from "vue";
-import { Delete, InfoFilled, Picture } from "@element-plus/icons-vue";
-import { httpGet, httpPost } from "@/utils/http";
-import { ElMessage, ElMessageBox } from "element-plus";
-import Clipboard from "clipboard";
-import { checkSession, getSystemInfo } from "@/store/cache";
-import { useSharedStore } from "@/store/sharedata";
-import TaskList from "@/components/TaskList.vue";
-import BackTop from "@/components/BackTop.vue";
-import { showMessageError, showMessageOK } from "@/utils/dialog";
-import { LazyImg, Waterfall } from "vue-waterfall-plugin-next";
-import "vue-waterfall-plugin-next/dist/style.css";
+import { nextTick, onMounted, onUnmounted, ref } from 'vue'
+import { Delete, InfoFilled, Picture } from '@element-plus/icons-vue'
+import { httpGet, httpPost } from '@/utils/http'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import Clipboard from 'clipboard'
+import { checkSession, getSystemInfo } from '@/store/cache'
+import { useSharedStore } from '@/store/sharedata'
+import TaskList from '@/components/TaskList.vue'
+import BackTop from '@/components/BackTop.vue'
+import { showMessageError, showMessageOK } from '@/utils/dialog'
+import { LazyImg, Waterfall } from 'vue-waterfall-plugin-next'
+import 'vue-waterfall-plugin-next/dist/style.css'
 
-const listBoxHeight = ref(0);
+const listBoxHeight = ref(0)
 // const paramBoxHeight = ref(0)
-const isLogin = ref(false);
-const loading = ref(true);
-const isOver = ref(false);
-const previewURL = ref("");
-const store = useSharedStore();
-const models = ref([]);
-const waterfallOptions = store.waterfallOptions;
+const isLogin = ref(false)
+const loading = ref(true)
+const isOver = ref(false)
+const previewURL = ref('')
+const store = useSharedStore()
+const models = ref([])
+const waterfallOptions = store.waterfallOptions
 const resizeElement = function () {
-  listBoxHeight.value = window.innerHeight - 58;
-};
+  listBoxHeight.value = window.innerHeight - 58
+}
 
-resizeElement();
+resizeElement()
 window.onresize = () => {
-  resizeElement();
-};
+  resizeElement()
+}
 const qualities = [
-  { name: "标准", value: "standard" },
-  { name: "高清", value: "hd" },
-];
-const dalleSizes = ["1024x1024", "1792x1024", "1024x1792"];
-const fluxSizes = ["1024x1024", "1152x896", "896x1152", "1280x960", "1024x576"];
-const sizes = ref(dalleSizes);
+  { name: '标准', value: 'standard' },
+  { name: '高清', value: 'hd' },
+]
+const dalleSizes = ['1024x1024', '1792x1024', '1024x1792']
+const fluxSizes = ['1024x1024', '1152x896', '896x1152', '1280x960', '1024x576']
+const sizes = ref(dalleSizes)
 const styles = [
-  { name: "生动", value: "vivid" },
-  { name: "自然", value: "natural" },
-];
+  { name: '生动', value: 'vivid' },
+  { name: '自然', value: 'natural' },
+]
 const params = ref({
-  quality: "standard",
-  size: "1024x1024",
-  style: "vivid",
-  prompt: "",
-});
+  quality: 'standard',
+  size: '1024x1024',
+  style: 'vivid',
+  prompt: '',
+})
 
-const finishedJobs = ref([]);
-const runningJobs = ref([]);
-const allowPulling = ref(true); // 是否允许轮询
-const downloadPulling = ref(false); // 下载轮询
-const tastPullHandler = ref(null);
-const downloadPullHandler = ref(null);
-const power = ref(0);
-const dallPower = ref(0); // 画一张 SD 图片消耗算力
-const clipboard = ref(null);
-const userId = ref(0);
-const selectedModel = ref(null);
+const finishedJobs = ref([])
+const runningJobs = ref([])
+const allowPulling = ref(true) // 是否允许轮询
+const downloadPulling = ref(false) // 下载轮询
+const tastPullHandler = ref(null)
+const downloadPullHandler = ref(null)
+const power = ref(0)
+const dallPower = ref(0) // 画一张 SD 图片消耗算力
+const clipboard = ref(null)
+const userId = ref(0)
+const selectedModel = ref(null)
 
 onMounted(() => {
-  initData();
-  clipboard.value = new Clipboard(".copy-prompt");
-  clipboard.value.on("success", () => {
-    showMessageOK("复制成功！");
-  });
+  initData()
+  clipboard.value = new Clipboard('.copy-prompt')
+  clipboard.value.on('success', () => {
+    showMessageOK('复制成功！')
+  })
 
-  clipboard.value.on("error", () => {
-    showMessageError("复制失败！");
-  });
+  clipboard.value.on('error', () => {
+    showMessageError('复制失败！')
+  })
 
   getSystemInfo()
     .then((res) => {
-      dallPower.value = res.data["dall_power"];
+      dallPower.value = res.data['dall_power']
     })
     .catch((e) => {
-      showMessageError("获取系统配置失败：" + e.message);
-    });
+      showMessageError('获取系统配置失败：' + e.message)
+    })
 
   // 获取模型列表
-  httpGet("/api/dall/models")
+  httpGet('/api/dall/models')
     .then((res) => {
-      models.value = res.data;
-      selectedModel.value = models.value[0];
-      params.value.model_id = selectedModel.value.id;
-      changeModel(selectedModel.value);
+      models.value = res.data
+      selectedModel.value = models.value[0]
+      params.value.model_id = selectedModel.value.id
+      changeModel(selectedModel.value)
     })
     .catch((e) => {
-      showMessageError("获取模型列表失败：" + e.message);
-    });
-});
+      showMessageError('获取模型列表失败：' + e.message)
+    })
+})
 
 onUnmounted(() => {
-  clipboard.value.destroy();
+  clipboard.value.destroy()
   if (tastPullHandler.value) {
-    clearInterval(tastPullHandler.value);
+    clearInterval(tastPullHandler.value)
   }
   if (downloadPullHandler.value) {
-    clearInterval(downloadPullHandler.value);
+    clearInterval(downloadPullHandler.value)
   }
-});
+})
 
 const initData = () => {
   checkSession()
     .then((user) => {
-      power.value = user["power"];
-      userId.value = user.id;
-      isLogin.value = true;
-      page.value = 0;
-      fetchRunningJobs();
-      fetchFinishJobs();
+      power.value = user['power']
+      userId.value = user.id
+      isLogin.value = true
+      page.value = 0
+      fetchRunningJobs()
+      fetchFinishJobs()
 
       // 轮询运行中任务
       tastPullHandler.value = setInterval(() => {
         if (allowPulling.value) {
-          fetchRunningJobs();
+          fetchRunningJobs()
         }
-      }, 5000);
+      }, 5000)
 
       // 图片下载轮询
       downloadPullHandler.value = setInterval(() => {
         if (downloadPulling.value) {
-          page.value = 0;
-          fetchFinishJobs();
+          page.value = 0
+          fetchFinishJobs()
         }
-      }, 5000);
+      }, 5000)
     })
-    .catch(() => {});
-};
+    .catch(() => {})
+}
 
 const fetchRunningJobs = () => {
   if (!isLogin.value) {
-    return;
+    return
   }
   // 获取运行中的任务
   httpGet(`/api/dall/jobs?finish=false`)
     .then((res) => {
       // 如果任务有更新，则更新已完成任务列表
-      if (
-        res.data.items &&
-        res.data.items.length !== runningJobs.value.length
-      ) {
-        page.value = 0;
-        fetchFinishJobs();
+      if (res.data.items && res.data.items.length !== runningJobs.value.length) {
+        page.value = 0
+        fetchFinishJobs()
       }
       if (res.data.items.length > 0) {
-        runningJobs.value = res.data.items;
+        runningJobs.value = res.data.items
       } else {
-        allowPulling.value = false;
-        runningJobs.value = [];
+        allowPulling.value = false
+        runningJobs.value = []
       }
     })
     .catch((e) => {
-      ElMessage.error("获取任务失败：" + e.message);
-    });
-};
+      ElMessage.error('获取任务失败：' + e.message)
+    })
+}
 
-const page = ref(1);
-const pageSize = ref(15);
+const page = ref(1)
+const pageSize = ref(15)
 // 获取已完成的任务
 const fetchFinishJobs = () => {
   if (!isLogin.value) {
-    return;
+    return
   }
 
-  loading.value = true;
-  page.value = page.value + 1;
+  loading.value = true
+  page.value = page.value + 1
 
-  httpGet(
-    `/api/dall/jobs?finish=true&page=${page.value}&page_size=${pageSize.value}`
-  )
+  httpGet(`/api/dall/jobs?finish=true&page=${page.value}&page_size=${pageSize.value}`)
     .then((res) => {
       if (res.data.items.length < pageSize.value) {
-        isOver.value = true;
-        loading.value = false;
+        isOver.value = true
+        loading.value = false
       }
-      const imageList = res.data.items;
-      let needPulling = false;
+      const imageList = res.data.items
+      let needPulling = false
       for (let i = 0; i < imageList.length; i++) {
-        if (imageList[i]["img_url"]) {
-          imageList[i]["img_thumb"] =
-            imageList[i]["img_url"] + "?imageView2/4/w/300/h/0/q/75";
+        if (imageList[i]['img_url']) {
+          imageList[i]['img_thumb'] = imageList[i]['img_url'] + '?imageView2/4/w/300/h/0/q/75'
         } else if (imageList[i].progress === 100) {
-          needPulling = true;
-          imageList[i]["img_thumb"] = waterfallOptions.loadProps.loading;
+          needPulling = true
+          imageList[i]['img_thumb'] = waterfallOptions.loadProps.loading
         }
       }
       // 如果当前是第一页，则开启图片下载轮询
       if (page.value === 1) {
-        downloadPulling.value = needPulling;
+        downloadPulling.value = needPulling
       }
 
       if (page.value === 1) {
-        finishedJobs.value = imageList;
+        finishedJobs.value = imageList
       } else {
-        finishedJobs.value = finishedJobs.value.concat(imageList);
+        finishedJobs.value = finishedJobs.value.concat(imageList)
       }
     })
     .catch((e) => {
-      ElMessage.error("获取任务失败：" + e.message);
-      loading.value = false;
-    });
-};
+      ElMessage.error('获取任务失败：' + e.message)
+      loading.value = false
+    })
+}
 
 // 创建绘图任务
-const promptRef = ref(null);
+const promptRef = ref(null)
 const generate = () => {
-  if (params.value.prompt === "") {
-    promptRef.value.focus();
-    return ElMessage.error("请输入绘画提示词！");
+  if (params.value.prompt === '') {
+    promptRef.value.focus()
+    return ElMessage.error('请输入绘画提示词！')
   }
 
   if (!isLogin.value) {
-    store.setShowLoginDialog(true);
-    return;
+    store.setShowLoginDialog(true)
+    return
   }
-  httpPost("/api/dall/image", params.value)
+  httpPost('/api/dall/image', params.value)
     .then(() => {
-      ElMessage.success("任务执行成功！");
-      power.value -= dallPower.value;
+      ElMessage.success('任务执行成功！')
+      power.value -= dallPower.value
       // 追加任务列表
       runningJobs.value.push({
         prompt: params.value.prompt,
         progress: 0,
-      });
-      allowPulling.value = true;
+      })
+      allowPulling.value = true
+      isOver.value = false
     })
     .catch((e) => {
-      ElMessage.error("任务执行失败：" + e.message);
-    });
-};
+      ElMessage.error('任务执行失败：' + e.message)
+    })
+}
 
 const removeImage = (item) => {
-  ElMessageBox.confirm("此操作将会删除任务和图片，继续操作码?", "删除提示", {
-    confirmButtonText: "确认",
-    cancelButtonText: "取消",
-    type: "warning",
+  ElMessageBox.confirm('此操作将会删除任务和图片，继续操作码?', '删除提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
   })
     .then(() => {
-      httpGet("/api/dall/remove", { id: item.id })
+      httpGet('/api/dall/remove', { id: item.id })
         .then(() => {
-          ElMessage.success("任务删除成功");
-          page.value = 0;
-          isOver.value = false;
-          fetchFinishJobs();
+          ElMessage.success('任务删除成功')
+          page.value = 0
+          isOver.value = false
+          fetchFinishJobs()
         })
         .catch((e) => {
-          ElMessage.error("任务删除失败：" + e.message);
-        });
+          ElMessage.error('任务删除失败：' + e.message)
+        })
     })
-    .catch(() => {});
-};
+    .catch(() => {})
+}
 
 const previewImg = (item) => {
-  previewURL.value = item.img_url;
-};
+  previewURL.value = item.img_url
+}
 
 // 发布图片到作品墙
 const publishImage = (item, action) => {
-  let text = "图片发布";
+  let text = '图片发布'
   if (action === false) {
-    text = "取消发布";
+    text = '取消发布'
   }
-  httpGet("/api/dall/publish", { id: item.id, action: action })
+  httpGet('/api/dall/publish', { id: item.id, action: action })
     .then(() => {
-      ElMessage.success(text + "成功");
-      item.publish = action;
-      page.value = 0;
-      isOver.value = false;
+      ElMessage.success(text + '成功')
+      item.publish = action
+      page.value = 0
+      isOver.value = false
     })
     .catch((e) => {
-      ElMessage.error(text + "失败：" + e.message);
-    });
-};
+      ElMessage.error(text + '失败：' + e.message)
+    })
+}
 
-const isGenerating = ref(false);
+const isGenerating = ref(false)
 const generatePrompt = () => {
-  if (params.value.prompt === "") {
-    return showMessageError("请输入原始提示词");
+  if (params.value.prompt === '') {
+    return showMessageError('请输入原始提示词')
   }
-  isGenerating.value = true;
-  httpPost("/api/prompt/image", { prompt: params.value.prompt })
+  isGenerating.value = true
+  httpPost('/api/prompt/image', { prompt: params.value.prompt })
     .then((res) => {
-      params.value.prompt = res.data;
-      isGenerating.value = false;
+      params.value.prompt = res.data
+      isGenerating.value = false
     })
     .catch((e) => {
-      showMessageError("生成提示词失败：" + e.message);
-      isGenerating.value = false;
-    });
-};
+      showMessageError('生成提示词失败：' + e.message)
+      isGenerating.value = false
+    })
+}
 
 const changeModel = (model) => {
-  if (model.value.startsWith("dall")) {
-    sizes.value = dalleSizes;
+  if (model.value.startsWith('dall')) {
+    sizes.value = dalleSizes
   } else {
-    sizes.value = fluxSizes;
+    sizes.value = fluxSizes
   }
-  params.value.model_id = selectedModel.value.id;
-};
+  params.value.model_id = selectedModel.value.id
+}
 </script>
 
 <style lang="stylus">
diff --git a/web/src/views/ImageMj.vue b/web/src/views/ImageMj.vue
index 365058ee..693ea096 100644
--- a/web/src/views/ImageMj.vue
+++ b/web/src/views/ImageMj.vue
@@ -20,18 +20,10 @@
                 <el-col :span="8" v-for="item in rates" :key="item.value">
                   <div
                     class="flex-col items-center"
-                    :class="
-                      item.value === params.rate
-                        ? 'grid-content active'
-                        : 'grid-content'
-                    "
+                    :class="item.value === params.rate ? 'grid-content active' : 'grid-content'"
                     @click="changeRate(item)"
                   >
-                    <el-image
-                      class="icon"
-                      :src="item.img"
-                      fit="cover"
-                    ></el-image>
+                    <el-image class="icon" :src="item.img" fit="cover"></el-image>
                     <div class="text">{{ item.text }}</div>
                   </div>
                 </el-col>
@@ -42,11 +34,7 @@
               <el-form-item label="图片画质">
                 <template #default>
                   <div class="form-item-inner flex-row items-center">
-                    <el-select
-                      v-model="params.quality"
-                      placeholder="请选择"
-                      style="width: 150px"
-                    >
+                    <el-select v-model="params.quality" placeholder="请选择" style="width: 150px">
                       <el-option
                         v-for="item in options"
                         :key="item.value"
@@ -55,10 +43,7 @@
                       >
                       </el-option>
                     </el-select>
-                    <el-tooltip
-                      content="生成的图片质量，质量越好出图越慢"
-                      placement="right"
-                    >
+                    <el-tooltip content="生成的图片质量，质量越好出图越慢" placement="right">
                       <el-icon>
                         <InfoFilled />
                       </el-icon>
@@ -84,9 +69,7 @@
               <el-row :gutter="10">
                 <el-col :span="12" v-for="item in models" :key="item.value">
                   <div
-                    :class="
-                      item.value === params.model ? 'model active' : 'model'
-                    "
+                    :class="item.value === params.model ? 'model active' : 'model'"
                     @click="changeModel(item)"
                   >
                     <el-image :src="item.img" fit="cover"></el-image>
@@ -208,21 +191,14 @@
         <div class="task-list-inner" :style="{ height: listBoxHeight + 'px' }">
           <div class="extra-params">
             <el-form>
-              <el-tabs
-                v-model="activeName"
-                class="title-tabs"
-                @tabChange="tabChange"
-              >
+              <el-tabs v-model="activeName" class="title-tabs" @tabChange="tabChange">
                 <el-tab-pane label="文生图" name="txt2img">
                   <div class="prompt-box">
                     <div class="param-line pt">
                       <div class="flex-row justify-between items-center">
                         <div class="flex-row justify-start items-center">
                           <span>提示词：</span>
-                          <el-tooltip
-                            content="输入你想要的内容，用逗号分割"
-                            placement="right"
-                          >
+                          <el-tooltip content="输入你想要的内容，用逗号分割" placement="right">
                             <el-icon>
                               <InfoFilled />
                             </el-icon>
@@ -286,17 +262,13 @@
                 </el-tab-pane>
                 <el-tab-pane label="图生图" name="img2img">
                   <div class="text">
-                    图生图：以某张图片为底稿参考来创作绘画，生成类似风格或类型图像，支持
-                    PNG 和 JPG 格式图片；
+                    图生图：以某张图片为底稿参考来创作绘画，生成类似风格或类型图像，支持 PNG 和 JPG
+                    格式图片；
                   </div>
                   <div class="param-line">
                     <div class="img-inline">
                       <div class="img-list-box">
-                        <div
-                          class="img-item"
-                          v-for="imgURL in imgList"
-                          :key="imgURL"
-                        >
+                        <div class="img-item" v-for="imgURL in imgList" :key="imgURL">
                           <el-image :src="imgURL" fit="cover" />
                           <el-button
                             type="danger"
@@ -348,10 +320,7 @@
                       <div class="flex-row justify-between items-center">
                         <div class="flex-row justify-start items-center">
                           <span>提示词：</span>
-                          <el-tooltip
-                            content="输入你想要的内容，用逗号分割"
-                            placement="right"
-                          >
+                          <el-tooltip content="输入你想要的内容，用逗号分割" placement="right">
                             <el-icon>
                               <InfoFilled />
                             </el-icon>
@@ -418,11 +387,7 @@
                   </div>
                   <div class="img-inline">
                     <div class="img-list-box">
-                      <div
-                        class="img-item"
-                        v-for="imgURL in imgList"
-                        :key="imgURL"
-                      >
+                      <div class="img-item" v-for="imgURL in imgList" :key="imgURL">
                         <el-image :src="imgURL" fit="cover" />
                         <el-button
                           type="danger"
@@ -446,16 +411,10 @@
                 </el-tab-pane>
 
                 <el-tab-pane label="换脸" name="swapFace">
-                  <div class="text">
-                    请上传两张有脸部的图片，用左边图片的脸替换右边图片的脸
-                  </div>
+                  <div class="text">请上传两张有脸部的图片，用左边图片的脸替换右边图片的脸</div>
                   <div class="img-inline">
                     <div class="img-list-box">
-                      <div
-                        class="img-item"
-                        v-for="imgURL in imgList"
-                        :key="imgURL"
-                      >
+                      <div class="img-item" v-for="imgURL in imgList" :key="imgURL">
                         <el-image :src="imgURL" fit="cover" />
                         <el-button
                           type="danger"
@@ -574,10 +533,7 @@
                       <div class="flex-row justify-between items-center">
                         <div class="flex-row justify-start items-center">
                           <span>提示词：</span>
-                          <el-tooltip
-                            content="输入你想要的内容，用逗号分割"
-                            placement="right"
-                          >
+                          <el-tooltip content="输入你想要的内容，用逗号分割" placement="right">
                             <el-icon>
                               <InfoFilled />
                             </el-icon>
@@ -634,16 +590,12 @@
                   > </el-text
                 >&nbsp;&nbsp;
                 <el-text type="primary"
-                  >当前可用算力：<el-text type="warning">{{
-                    power
-                  }}</el-text></el-text
+                  >当前可用算力：<el-text type="warning">{{ power }}</el-text></el-text
                 >
               </el-row>
 
               <div class="submit-btn">
-                <el-button type="primary" :dark="false" @click="generate" round
-                  >立即生成</el-button
-                >
+                <el-button type="primary" :dark="false" @click="generate" round>立即生成</el-button>
               </div>
             </el-form>
           </div>
@@ -704,9 +656,7 @@
                                         <el-button type="info">详情</el-button>
                                       </template>
                                     </el-popover>
-                                    <el-button
-                                      type="danger"
-                                      @click="removeImage(item)"
+                                    <el-button type="danger" @click="removeImage(item)"
                                       >删除</el-button
                                     >
                                   </div>
@@ -720,9 +670,7 @@
                           v-if="item.progress === 100"
                         >
                           <div class="opt" v-if="item['can_opt']">
-                            <div
-                              class="flex flex-row justify-start items-center mb-3"
-                            >
+                            <div class="flex flex-row justify-start items-center mb-3">
                               <button
                                 class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600"
                                 @click="upscale(1, item)"
@@ -759,9 +707,7 @@
                                   trigger="hover"
                                 >
                                   <template #reference>
-                                    <i
-                                      class="iconfont icon-prompt text-white text-xl"
-                                    ></i>
+                                    <i class="iconfont icon-prompt text-white text-xl"></i>
                                   </template>
 
                                   <template #default>
@@ -779,9 +725,7 @@
                               </div>
                             </div>
 
-                            <div
-                              class="flex flex-row justify-start items-center mb-3"
-                            >
+                            <div class="flex flex-row justify-start items-center mb-3">
                               <button
                                 class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600"
                                 @click="variation(1, item)"
@@ -813,25 +757,13 @@
                             class="pt-3 flex justify-center items-center border-t border-t-gray-600 border-opacity-50"
                           >
                             <div class="flex">
-                              <el-tooltip
-                                content="取消分享"
-                                placement="top"
-                                v-if="item.publish"
-                              >
-                                <el-button
-                                  type="warning"
-                                  @click="publishImage(item, false)"
-                                  circle
-                                >
+                              <el-tooltip content="取消分享" placement="top" v-if="item.publish">
+                                <el-button type="warning" @click="publishImage(item, false)" circle>
                                   <i class="iconfont icon-cancel-share"></i>
                                 </el-button>
                               </el-tooltip>
                               <el-tooltip content="分享" placement="top" v-else>
-                                <el-button
-                                  type="success"
-                                  @click="publishImage(item, true)"
-                                  circle
-                                >
+                                <el-button type="success" @click="publishImage(item, true)" circle>
                                   <i class="iconfont icon-share-bold"></i>
                                 </el-button>
                               </el-tooltip>
@@ -1027,12 +959,7 @@
                     </template>
                   </v3-waterfall> -->
                 </div>
-                <el-empty
-                  :image-size="100"
-                  :image="nodata"
-                  description="暂无记录"
-                  v-else
-                />
+                <el-empty :image-size="100" :image="nodata" description="暂无记录" v-else />
               </div>
             </template>
 
@@ -1047,7 +974,7 @@
     <el-image-viewer
       @close="
         () => {
-          previewURL = '';
+          previewURL = ''
         }
       "
       v-if="previewURL !== ''"
@@ -1057,7 +984,7 @@
 </template>
 
 <script setup>
-import { nextTick, onMounted, onUnmounted, ref } from "vue";
+import { nextTick, onMounted, onUnmounted, ref } from 'vue'
 import {
   ChromeFilled,
   Delete,
@@ -1066,105 +993,105 @@ import {
   Picture,
   Plus,
   UploadFilled,
-} from "@element-plus/icons-vue";
-import nodata from "@/assets/img/no-data.png";
-import Compressor from "compressorjs";
-import { httpGet, httpPost } from "@/utils/http";
-import { ElMessage, ElMessageBox, ElNotification } from "element-plus";
-import Clipboard from "clipboard";
-import { checkSession, getSystemInfo } from "@/store/cache";
-import { useRouter } from "vue-router";
-import { getSessionId } from "@/store/session";
-import { copyObj, removeArrayItem } from "@/utils/libs";
-import { useSharedStore } from "@/store/sharedata";
-import TaskList from "@/components/TaskList.vue";
-import BackTop from "@/components/BackTop.vue";
-import { closeLoading, showLoading, showMessageError } from "@/utils/dialog";
-import { LazyImg, Waterfall } from "vue-waterfall-plugin-next";
-import "vue-waterfall-plugin-next/dist/style.css";
+} from '@element-plus/icons-vue'
+import nodata from '@/assets/img/no-data.png'
+import Compressor from 'compressorjs'
+import { httpGet, httpPost } from '@/utils/http'
+import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
+import Clipboard from 'clipboard'
+import { checkSession, getSystemInfo } from '@/store/cache'
+import { useRouter } from 'vue-router'
+import { getSessionId } from '@/store/session'
+import { copyObj, removeArrayItem } from '@/utils/libs'
+import { useSharedStore } from '@/store/sharedata'
+import TaskList from '@/components/TaskList.vue'
+import BackTop from '@/components/BackTop.vue'
+import { closeLoading, showLoading, showMessageError } from '@/utils/dialog'
+import { LazyImg, Waterfall } from 'vue-waterfall-plugin-next'
+import 'vue-waterfall-plugin-next/dist/style.css'
 
-const listBoxHeight = ref(0);
-const paramBoxHeight = ref(0);
-const loading = ref(true);
-const previewURL = ref("");
-const store = useSharedStore();
-const waterfallOptions = store.waterfallOptions;
+const listBoxHeight = ref(0)
+const paramBoxHeight = ref(0)
+const loading = ref(true)
+const previewURL = ref('')
+const store = useSharedStore()
+const waterfallOptions = store.waterfallOptions
 
 const resizeElement = function () {
   // listBoxHeight.value = window.innerHeight - 80;
-  listBoxHeight.value = window.innerHeight - 30;
+  listBoxHeight.value = window.innerHeight - 30
   // paramBoxHeight.value = window.innerHeight - 160;
-  paramBoxHeight.value = window.innerHeight - 110;
-};
-resizeElement();
+  paramBoxHeight.value = window.innerHeight - 110
+}
+resizeElement()
 window.onresize = () => {
-  resizeElement();
-};
+  resizeElement()
+}
 
 const rates = [
-  { css: "square", value: "1:1", text: "1:1", img: "/images/mj/rate_1_1.png" },
-  { css: "size1-2", value: "1:2", text: "1:2", img: "/images/mj/rate_1_2.png" },
-  { css: "size2-1", value: "2:1", text: "2:1", img: "/images/mj/rate_2_1.png" },
-  { css: "size2-3", value: "2:3", text: "2:3", img: "/images/mj/rate_3_4.png" },
-  { css: "size3-2", value: "3:2", text: "3:2", img: "/images/mj/rate_4_3.png" },
-  { css: "size3-4", value: "3:4", text: "3:4", img: "/images/mj/rate_3_4.png" },
-  { css: "size4-3", value: "4:3", text: "4:3", img: "/images/mj/rate_4_3.png" },
+  { css: 'square', value: '1:1', text: '1:1', img: '/images/mj/rate_1_1.png' },
+  { css: 'size1-2', value: '1:2', text: '1:2', img: '/images/mj/rate_1_2.png' },
+  { css: 'size2-1', value: '2:1', text: '2:1', img: '/images/mj/rate_2_1.png' },
+  { css: 'size2-3', value: '2:3', text: '2:3', img: '/images/mj/rate_3_4.png' },
+  { css: 'size3-2', value: '3:2', text: '3:2', img: '/images/mj/rate_4_3.png' },
+  { css: 'size3-4', value: '3:4', text: '3:4', img: '/images/mj/rate_3_4.png' },
+  { css: 'size4-3', value: '4:3', text: '4:3', img: '/images/mj/rate_4_3.png' },
   {
-    css: "size16-9",
-    value: "16:9",
-    text: "16:9",
-    img: "/images/mj/rate_16_9.png",
+    css: 'size16-9',
+    value: '16:9',
+    text: '16:9',
+    img: '/images/mj/rate_16_9.png',
   },
   {
-    css: "size9-16",
-    value: "9:16",
-    text: "9:16",
-    img: "/images/mj/rate_9_16.png",
+    css: 'size9-16',
+    value: '9:16',
+    text: '9:16',
+    img: '/images/mj/rate_9_16.png',
   },
-];
+]
 const models = [
-  { text: "写实模式MJ-6.1", value: " --v 6.1", img: "/images/mj/mj-v6.png" },
-  { text: "优质模式MJ-6.0", value: " --v 6", img: "/images/mj/mj-v5.2.png" },
-  { text: "优质模式MJ-5.2", value: " --v 5.2", img: "/images/mj/mj-v5.1.jpg" },
-  { text: "虚幻模式MJ-5.1", value: " --v 5.1", img: "/images/mj/mj-v5.jpg" },
-  { text: "真实模式MJ-4", value: " --v 4", img: "/images/mj/mj-v4.jpg" },
-  { text: "动漫风-niji4", value: " --niji 4", img: "/images/mj/nj4.jpg" },
-  { text: "动漫风-niji5", value: " --niji 5", img: "/images/mj/mj-niji.png" },
+  { text: '写实模式MJ-6.1', value: ' --v 6.1', img: '/images/mj/mj-v6.png' },
+  { text: '优质模式MJ-6.0', value: ' --v 6', img: '/images/mj/mj-v5.2.png' },
+  { text: '优质模式MJ-5.2', value: ' --v 5.2', img: '/images/mj/mj-v5.1.jpg' },
+  { text: '虚幻模式MJ-5.1', value: ' --v 5.1', img: '/images/mj/mj-v5.jpg' },
+  { text: '真实模式MJ-4', value: ' --v 4', img: '/images/mj/mj-v4.jpg' },
+  { text: '动漫风-niji4', value: ' --niji 4', img: '/images/mj/nj4.jpg' },
+  { text: '动漫风-niji5', value: ' --niji 5', img: '/images/mj/mj-niji.png' },
   {
-    text: "动漫风-niji5 可爱",
-    value: " --niji 5 --style cute",
-    img: "/images/mj/nj1.jpg",
+    text: '动漫风-niji5 可爱',
+    value: ' --niji 5 --style cute',
+    img: '/images/mj/nj1.jpg',
   },
   {
-    text: "动漫风-niji5 风景",
-    value: " --niji 5 --style scenic",
-    img: "/images/mj/nj2.jpg",
+    text: '动漫风-niji5 风景',
+    value: ' --niji 5 --style scenic',
+    img: '/images/mj/nj2.jpg',
   },
-  { text: "动漫风-niji6", value: " --niji 6", img: "/images/mj/nj3.jpg" },
-];
+  { text: '动漫风-niji6', value: ' --niji 6', img: '/images/mj/nj3.jpg' },
+]
 
 const options = [
   {
     value: 0,
-    label: "默认",
+    label: '默认',
   },
   {
     value: 0.25,
-    label: "普通",
+    label: '普通',
   },
   {
     value: 0.5,
-    label: "清晰",
+    label: '清晰',
   },
   {
     value: 1,
-    label: "高清",
+    label: '高清',
   },
-];
+]
 
-const router = useRouter();
+const router = useRouter()
 const initParams = {
-  task_type: "image",
+  task_type: 'image',
   rate: rates[0].value,
   model: models[0].value,
   chaos: 0,
@@ -1173,290 +1100,287 @@ const initParams = {
   img_arr: [],
   raw: false,
   iw: 0,
-  prompt: router.currentRoute.value.params["prompt"] ?? "",
-  neg_prompt: "",
+  prompt: router.currentRoute.value.params['prompt'] ?? '',
+  neg_prompt: '',
   tile: false,
   quality: 0,
-  cref: "",
-  sref: "",
+  cref: '',
+  sref: '',
   cw: 0,
-};
-const params = ref(copyObj(initParams));
+}
+const params = ref(copyObj(initParams))
 
-const imgList = ref([]);
+const imgList = ref([])
 
-const activeName = ref("txt2img");
+const activeName = ref('txt2img')
 
-const runningJobs = ref([]);
-const finishedJobs = ref([]);
-const taskPulling = ref(true); // 任务轮询
-const tastPullHandler = ref(null);
-const downloadPulling = ref(false); // 图片下载轮询
-const downloadPullHandler = ref(null);
+const runningJobs = ref([])
+const finishedJobs = ref([])
+const taskPulling = ref(true) // 任务轮询
+const tastPullHandler = ref(null)
+const downloadPulling = ref(false) // 图片下载轮询
+const downloadPullHandler = ref(null)
 
-const power = ref(0);
-const userId = ref(0);
-const isLogin = ref(false);
+const power = ref(0)
+const userId = ref(0)
+const isLogin = ref(false)
 
-const clipboard = ref(null);
+const clipboard = ref(null)
 onMounted(() => {
-  initData();
-  clipboard.value = new Clipboard(".copy-prompt-mj");
-  clipboard.value.on("success", () => {
-    ElMessage.success("复制成功！");
-  });
+  initData()
+  clipboard.value = new Clipboard('.copy-prompt-mj')
+  clipboard.value.on('success', () => {
+    ElMessage.success('复制成功！')
+  })
 
-  clipboard.value.on("error", () => {
-    ElMessage.error("复制失败！");
-  });
-});
+  clipboard.value.on('error', () => {
+    ElMessage.error('复制失败！')
+  })
+})
 
 onUnmounted(() => {
-  clipboard.value.destroy();
+  clipboard.value.destroy()
   if (tastPullHandler.value) {
-    clearInterval(tastPullHandler.value);
+    clearInterval(tastPullHandler.value)
   }
   if (downloadPullHandler.value) {
-    clearInterval(downloadPullHandler.value);
+    clearInterval(downloadPullHandler.value)
   }
-});
+})
 
 // 初始化数据
 const initData = () => {
   checkSession()
     .then((user) => {
-      power.value = user["power"];
-      userId.value = user.id;
-      isLogin.value = true;
-      page.value = 0;
-      fetchFinishJobs();
+      power.value = user['power']
+      userId.value = user.id
+      isLogin.value = true
+      page.value = 0
+      fetchFinishJobs()
 
       tastPullHandler.value = setInterval(() => {
         if (taskPulling.value) {
-          fetchRunningJobs();
+          fetchRunningJobs()
         }
-      }, 5000);
+      }, 5000)
 
       downloadPullHandler.value = setInterval(() => {
         if (downloadPulling.value) {
-          page.value = 0;
-          fetchFinishJobs();
+          page.value = 0
+          fetchFinishJobs()
         }
-      }, 5000);
+      }, 5000)
     })
-    .catch(() => {});
-};
+    .catch(() => {})
+}
 
-const mjPower = ref(1);
-const mjActionPower = ref(1);
+const mjPower = ref(1)
+const mjActionPower = ref(1)
 getSystemInfo()
   .then((res) => {
-    mjPower.value = res.data["mj_power"];
-    mjActionPower.value = res.data["mj_action_power"];
+    mjPower.value = res.data['mj_power']
+    mjActionPower.value = res.data['mj_action_power']
   })
   .catch((e) => {
-    ElMessage.error("获取系统配置失败：" + e.message);
-  });
+    ElMessage.error('获取系统配置失败：' + e.message)
+  })
 
 // 获取运行中的任务
 const fetchRunningJobs = () => {
   if (!isLogin.value) {
-    return;
+    return
   }
 
   httpGet(`/api/mj/jobs?finish=false`)
     .then((res) => {
-      const jobs = res.data.items;
-      const _jobs = [];
+      const jobs = res.data.items
+      const _jobs = []
       for (let i = 0; i < jobs.length; i++) {
         if (jobs[i].progress === 101) {
           ElNotification({
-            title: "任务执行失败",
+            title: '任务执行失败',
             dangerouslyUseHTMLString: true,
-            message: `任务ID：${jobs[i]["task_id"]}<br />原因：${jobs[i]["err_msg"]}`,
-            type: "error",
+            message: `任务ID：${jobs[i]['task_id']}<br />原因：${jobs[i]['err_msg']}`,
+            type: 'error',
             duration: 0,
-          });
-          if (jobs[i].type === "image") {
-            power.value += mjPower.value;
+          })
+          if (jobs[i].type === 'image') {
+            power.value += mjPower.value
           } else {
-            power.value += mjActionPower.value;
+            power.value += mjActionPower.value
           }
         }
-        _jobs.push(jobs[i]);
+        _jobs.push(jobs[i])
       }
       if (runningJobs.value.length !== _jobs.length) {
-        page.value = 0;
-        downloadPulling.value = true;
-        fetchFinishJobs();
+        page.value = 0
+        downloadPulling.value = true
+        fetchFinishJobs()
       }
       if (_jobs.length === 0) {
-        taskPulling.value = false;
+        taskPulling.value = false
       }
-      runningJobs.value = _jobs;
+      runningJobs.value = _jobs
     })
     .catch((e) => {
-      ElMessage.error("获取任务失败：" + e.message);
-    });
-};
+      ElMessage.error('获取任务失败：' + e.message)
+    })
+}
 
-const page = ref(0);
-const pageSize = ref(15);
-const isOver = ref(false);
+const page = ref(0)
+const pageSize = ref(15)
+const isOver = ref(false)
 const fetchFinishJobs = () => {
   if (!isLogin.value || isOver.value) {
-    return;
+    return
   }
 
-  loading.value = true;
-  page.value = page.value + 1;
+  loading.value = true
+  page.value = page.value + 1
   // 获取已完成的任务
-  httpGet(
-    `/api/mj/jobs?finish=true&page=${page.value}&page_size=${pageSize.value}`
-  )
+  httpGet(`/api/mj/jobs?finish=true&page=${page.value}&page_size=${pageSize.value}`)
     .then((res) => {
-      const jobs = res.data.items;
-      let hasDownload = false;
+      const jobs = res.data.items
+      let hasDownload = false
       for (let i = 0; i < jobs.length; i++) {
-        if (jobs[i]["img_url"] !== "") {
-          if (jobs[i].type === "upscale" || jobs[i].type === "swapFace") {
-            jobs[i]["img_thumb"] =
-              jobs[i]["img_url"] + "?imageView2/1/w/480/h/600/q/75";
+        if (jobs[i]['img_url'] !== '') {
+          if (jobs[i].type === 'upscale' || jobs[i].type === 'swapFace') {
+            jobs[i]['img_thumb'] = jobs[i]['img_url'] + '?imageView2/1/w/480/h/600/q/75'
           } else {
-            jobs[i]["img_thumb"] =
-              jobs[i]["img_url"] + "?imageView2/1/w/480/h/480/q/75";
+            jobs[i]['img_thumb'] = jobs[i]['img_url'] + '?imageView2/1/w/480/h/480/q/75'
           }
         } else {
           if (jobs[i].progress === 100) {
-            hasDownload = true;
+            hasDownload = true
           }
-          jobs[i]["img_thumb"] = waterfallOptions.loadProps.loading;
+          jobs[i]['img_thumb'] = waterfallOptions.loadProps.loading
         }
         // 如果当前是第一页，则开启图片下载轮询
         if (page.value === 1) {
-          downloadPulling.value = hasDownload;
+          downloadPulling.value = hasDownload
         }
 
-        if (jobs[i].type !== "upscale" && jobs[i].progress === 100) {
-          jobs[i]["can_opt"] = true;
+        if (jobs[i].type !== 'upscale' && jobs[i].progress === 100) {
+          jobs[i]['can_opt'] = true
         }
       }
 
       if (jobs.length < pageSize.value) {
-        isOver.value = true;
+        isOver.value = true
       }
       // 对比一下jobs和finishedJobs，如果相同，则不进行更新
       if (JSON.stringify(jobs) === JSON.stringify(finishedJobs.value)) {
-        return;
+        return
       }
 
       if (page.value === 1) {
-        finishedJobs.value = jobs;
+        finishedJobs.value = jobs
       } else {
-        finishedJobs.value = finishedJobs.value.concat(jobs);
+        finishedJobs.value = finishedJobs.value.concat(jobs)
       }
     })
     .catch((e) => {
-      ElMessage.error("获取任务失败：" + e.message);
-      loading.value = false;
-    });
-};
+      ElMessage.error('获取任务失败：' + e.message)
+      loading.value = false
+    })
+}
 
 // 切换图片比例
 const changeRate = (item) => {
-  params.value.rate = item.value;
-};
+  params.value.rate = item.value
+}
 // 切换模型
 const changeModel = (item) => {
-  params.value.model = item.value;
-};
+  params.value.model = item.value
+}
 
-const imgKey = ref("");
+const imgKey = ref('')
 const beforeUpload = (key) => {
-  imgKey.value = key;
-};
+  imgKey.value = key
+}
 
 // 图片上传
 const uploadImg = (file) => {
   if (!isLogin.value) {
-    store.setShowLoginDialog(true);
-    return;
+    store.setShowLoginDialog(true)
+    return
   }
 
   // 压缩图片并上传
   new Compressor(file.file, {
     quality: 0.6,
     success(result) {
-      const formData = new FormData();
-      formData.append("file", result, result.name);
-      showLoading("图片上传中...");
+      const formData = new FormData()
+      formData.append('file', result, result.name)
+      showLoading('图片上传中...')
       // 执行上传操作
-      httpPost("/api/upload", formData)
+      httpPost('/api/upload', formData)
         .then((res) => {
-          if (imgKey.value === "") {
-            imgList.value.push(res.data.url);
+          if (imgKey.value === '') {
+            imgList.value.push(res.data.url)
           } else {
             // 单张图片上传
-            params.value[imgKey.value] = res.data.url;
-            imgKey.value = "";
+            params.value[imgKey.value] = res.data.url
+            imgKey.value = ''
           }
-          ElMessage.success("上传成功");
-          closeLoading();
+          ElMessage.success('上传成功')
+          closeLoading()
         })
         .catch((e) => {
-          ElMessage.error("上传失败:" + e.message);
-          closeLoading();
-        });
+          ElMessage.error('上传失败:' + e.message)
+          closeLoading()
+        })
     },
     error(err) {
-      console.log(err.message);
+      console.log(err.message)
     },
-  });
-};
+  })
+}
 
 // 创建绘图任务
-const promptRef = ref(null);
+const promptRef = ref(null)
 const generate = () => {
   if (!isLogin.value) {
-    store.setShowLoginDialog(true);
-    return;
+    store.setShowLoginDialog(true)
+    return
   }
 
-  if (params.value.prompt === "" && params.value.task_type === "image") {
-    promptRef.value.focus();
-    return ElMessage.error("请输入绘画提示词！");
+  if (params.value.prompt === '' && params.value.task_type === 'image') {
+    promptRef.value.focus()
+    return ElMessage.error('请输入绘画提示词！')
   }
-  if (params.value.model.indexOf("niji") !== -1 && params.value.raw) {
-    return ElMessage.error("动漫模型不允许启用原始模式");
+  if (params.value.model.indexOf('niji') !== -1 && params.value.raw) {
+    return ElMessage.error('动漫模型不允许启用原始模式')
   }
-  if (imgList.value.length !== 2 && params.value.task_type === "swapFace") {
-    return ElMessage.error("换脸操作需要上传两张图片");
+  if (imgList.value.length !== 2 && params.value.task_type === 'swapFace') {
+    return ElMessage.error('换脸操作需要上传两张图片')
   }
-  params.value.session_id = getSessionId();
-  params.value.img_arr = imgList.value;
-  httpPost("/api/mj/image", params.value)
+  params.value.session_id = getSessionId()
+  params.value.img_arr = imgList.value
+  httpPost('/api/mj/image', params.value)
     .then(() => {
-      ElMessage.success("绘画任务推送成功，请耐心等待任务执行...");
-      power.value -= mjPower.value;
-      taskPulling.value = true;
+      ElMessage.success('绘画任务推送成功，请耐心等待任务执行...')
+      power.value -= mjPower.value
+      taskPulling.value = true
       runningJobs.value.push({
         progress: 0,
-      });
+      })
+      isOver.value = false
     })
     .catch((e) => {
-      ElMessage.error("任务推送失败：" + e.message);
-    });
-};
+      ElMessage.error('任务推送失败：' + e.message)
+    })
+}
 
 // 图片放大任务
 const upscale = (index, item) => {
-  send("/api/mj/upscale", index, item);
-};
+  send('/api/mj/upscale', index, item)
+}
 
 // 图片变换任务
 const variation = (index, item) => {
-  send("/api/mj/variation", index, item);
-};
+  send('/api/mj/variation', index, item)
+}
 
 const send = (url, index, item) => {
   httpPost(url, {
@@ -1468,96 +1392,96 @@ const send = (url, index, item) => {
     prompt: item.prompt,
   })
     .then(() => {
-      ElMessage.success("任务推送成功，请耐心等待任务执行...");
-      power.value -= mjActionPower.value;
-      taskPulling.value = true;
+      ElMessage.success('任务推送成功，请耐心等待任务执行...')
+      power.value -= mjActionPower.value
+      taskPulling.value = true
       runningJobs.value.push({
         progress: 0,
-      });
+      })
     })
     .catch((e) => {
-      ElMessage.error("任务推送失败：" + e.message);
-    });
-};
+      ElMessage.error('任务推送失败：' + e.message)
+    })
+}
 
 const removeImage = (item) => {
-  ElMessageBox.confirm("此操作将会删除任务和图片，继续操作码?", "删除提示", {
-    confirmButtonText: "确认",
-    cancelButtonText: "取消",
-    type: "warning",
+  ElMessageBox.confirm('此操作将会删除任务和图片，继续操作码?', '删除提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
   })
     .then(() => {
-      httpGet("/api/mj/remove", { id: item.id, user_id: item.user_id })
+      httpGet('/api/mj/remove', { id: item.id, user_id: item.user_id })
         .then(() => {
-          ElMessage.success("任务删除成功");
-          page.value = 0;
-          isOver.value = false;
-          fetchFinishJobs();
+          ElMessage.success('任务删除成功')
+          page.value = 0
+          isOver.value = false
+          fetchFinishJobs()
         })
         .catch((e) => {
-          ElMessage.error("任务删除失败：" + e.message);
-        });
+          ElMessage.error('任务删除失败：' + e.message)
+        })
     })
-    .catch(() => {});
-};
+    .catch(() => {})
+}
 
 // 发布图片到作品墙
 const publishImage = (item, action) => {
-  let text = "图片发布";
+  let text = '图片发布'
   if (action === false) {
-    text = "取消发布";
+    text = '取消发布'
   }
-  httpGet("/api/mj/publish", {
+  httpGet('/api/mj/publish', {
     id: item.id,
     action: action,
     user_id: item.user_id,
   })
     .then(() => {
-      ElMessage.success(text + "成功");
-      item.publish = action;
-      page.value = 0;
-      isOver.value = false;
-      item.publish = action;
+      ElMessage.success(text + '成功')
+      item.publish = action
+      page.value = 0
+      isOver.value = false
+      item.publish = action
     })
     .catch((e) => {
-      ElMessage.error(text + "失败：" + e.message);
-    });
-};
+      ElMessage.error(text + '失败：' + e.message)
+    })
+}
 
 const previewImg = (item) => {
-  previewURL.value = item.img_url;
-};
+  previewURL.value = item.img_url
+}
 
 // 切换菜单
 const tabChange = (tab) => {
-  if (tab === "txt2img" || tab === "img2img" || tab === "cref") {
-    params.value.task_type = "image";
+  if (tab === 'txt2img' || tab === 'img2img' || tab === 'cref') {
+    params.value.task_type = 'image'
   } else {
-    params.value.task_type = tab;
+    params.value.task_type = tab
   }
-};
+}
 
 // 删除已上传图片
 const removeUploadImage = (url) => {
-  imgList.value = removeArrayItem(imgList.value, url);
-};
+  imgList.value = removeArrayItem(imgList.value, url)
+}
 
-const isGenerating = ref(false);
+const isGenerating = ref(false)
 const generatePrompt = () => {
-  if (params.value.prompt === "") {
-    return showMessageError("请输入原始提示词");
+  if (params.value.prompt === '') {
+    return showMessageError('请输入原始提示词')
   }
-  isGenerating.value = true;
-  httpPost("/api/prompt/image", { prompt: params.value.prompt })
+  isGenerating.value = true
+  httpPost('/api/prompt/image', { prompt: params.value.prompt })
     .then((res) => {
-      params.value.prompt = res.data;
-      isGenerating.value = false;
+      params.value.prompt = res.data
+      isGenerating.value = false
     })
     .catch((e) => {
-      showMessageError("生成提示词失败：" + e.message);
-      isGenerating.value = false;
-    });
-};
+      showMessageError('生成提示词失败：' + e.message)
+      isGenerating.value = false
+    })
+}
 </script>
 
 <style lang="stylus">
diff --git a/web/src/views/ImageSd.vue b/web/src/views/ImageSd.vue
index 79daf1bb..38b4b9a2 100644
--- a/web/src/views/ImageSd.vue
+++ b/web/src/views/ImageSd.vue
@@ -37,10 +37,7 @@
                 <el-form-item label="采样调度">
                   <template #default>
                     <div class="form-item-inner">
-                      <el-select
-                        v-model="params.scheduler"
-                        style="width: 150px"
-                      >
+                      <el-select v-model="params.scheduler" style="width: 150px">
                         <el-option
                           v-for="item in schedulers"
                           :label="item"
@@ -48,11 +45,7 @@
                           :key="item"
                         />
                       </el-select>
-                      <el-tooltip
-                        content="推荐自动或者 Karras"
-                        raw-content
-                        placement="right"
-                      >
+                      <el-tooltip content="推荐自动或者 Karras" raw-content placement="right">
                         <el-icon class="info-icon">
                           <InfoFilled />
                         </el-icon>
@@ -68,16 +61,10 @@
                     <div class="form-item-inner">
                       <el-row :gutter="20">
                         <el-col :span="12">
-                          <el-input
-                            v-model.number="params.width"
-                            placeholder="图片宽度"
-                          />
+                          <el-input v-model.number="params.width" placeholder="图片宽度" />
                         </el-col>
                         <el-col :span="12">
-                          <el-input
-                            v-model.number="params.height"
-                            placeholder="图片高度"
-                          />
+                          <el-input v-model.number="params.height" placeholder="图片高度" />
                         </el-col>
                       </el-row>
                     </div>
@@ -138,11 +125,7 @@
                         </el-icon>
                       </el-tooltip>
 
-                      <el-tooltip
-                        content="使用随机数"
-                        raw-content
-                        placement="right"
-                      >
+                      <el-tooltip content="使用随机数" raw-content placement="right">
                         <el-icon @click="params.seed = -1" class="info-icon">
                           <Orange />
                         </el-icon>
@@ -184,10 +167,7 @@
                           v-model.number="params.hd_redraw_rate"
                           :max="1"
                           :step="0.1"
-                          style="
-                            width: 180px;
-                            --el-slider-main-bg-color: #47fff1;
-                          "
+                          style="width: 180px; --el-slider-main-bg-color: #47fff1"
                         />
                         <el-tooltip
                           content="决定算法对图像内容的影响程度<br />较大的值将得到越有创意的图像"
@@ -207,10 +187,7 @@
                   <el-form-item label="放大算法">
                     <template #default>
                       <div class="form-item-inner">
-                        <el-select
-                          v-model="params.hd_scale_alg"
-                          style="width: 176px"
-                        >
+                        <el-select v-model="params.hd_scale_alg" style="width: 176px">
                           <el-option
                             v-for="item in scaleAlg"
                             :label="item"
@@ -291,20 +268,14 @@
                   color="#5865f2"
                   :disabled="isGenerating"
                 >
-                  <i
-                    class="iconfont icon-chuangzuo"
-                    style="margin-right: 5px"
-                  ></i>
+                  <i class="iconfont icon-chuangzuo" style="margin-right: 5px"></i>
                   <span>生成专业绘画指令</span>
                 </el-button>
               </el-row>
 
               <div class="param-line pt">
                 <span>反向提示词：</span>
-                <el-tooltip
-                  content="不希望出现的元素，下面给了默认的起手式"
-                  placement="right"
-                >
+                <el-tooltip content="不希望出现的元素，下面给了默认的起手式" placement="right">
                   <el-icon class="info-icon">
                     <InfoFilled />
                   </el-icon>
@@ -326,24 +297,18 @@
                     <el-text type="warning">{{ sdPower }}算力，</el-text>
                   </el-text>
                   <el-text type="primary"
-                    >当前可用
-                    <el-text type="warning"> {{ power }}算力</el-text></el-text
+                    >当前可用 <el-text type="warning"> {{ power }}算力</el-text></el-text
                   >
                 </el-row>
               </div>
             </el-form>
           </div>
           <div class="submit-btn">
-            <el-button type="primary" :dark="false" round @click="generate"
-              >立即生成</el-button
-            >
+            <el-button type="primary" :dark="false" round @click="generate">立即生成</el-button>
           </div>
         </div>
         <div class="task-list-box pl-6 pr-6 pb-4 pt-4 h-dvh">
-          <div
-            class="task-list-inner"
-            :style="{ height: listBoxHeight + 'px' }"
-          >
+          <div class="task-list-inner" :style="{ height: listBoxHeight + 'px' }">
             <div class="job-list-box">
               <h2 class="text-xl">任务列表</h2>
               <task-list :list="runningJobs" />
@@ -397,14 +362,10 @@
                                         placement="top"
                                       >
                                         <template #reference>
-                                          <el-button type="info"
-                                            >详情</el-button
-                                          >
+                                          <el-button type="info">详情</el-button>
                                         </template>
                                       </el-popover>
-                                      <el-button
-                                        type="danger"
-                                        @click="removeImage(item)"
+                                      <el-button type="danger" @click="removeImage(item)"
                                         >删除</el-button
                                       >
                                     </div>
@@ -421,11 +382,7 @@
                               class="pt-3 flex justify-center items-center border-t border-t-gray-600 border-opacity-50"
                             >
                               <div class="flex">
-                                <el-tooltip
-                                  content="取消分享"
-                                  placement="top"
-                                  v-if="item.publish"
-                                >
+                                <el-tooltip content="取消分享" placement="top" v-if="item.publish">
                                   <el-button
                                     type="warning"
                                     @click="publishImage(item, false)"
@@ -434,11 +391,7 @@
                                     <i class="iconfont icon-cancel-share"></i>
                                   </el-button>
                                 </el-tooltip>
-                                <el-tooltip
-                                  content="分享"
-                                  placement="top"
-                                  v-else
-                                >
+                                <el-tooltip content="分享" placement="top" v-else>
                                   <el-button
                                     type="success"
                                     @click="publishImage(item, true)"
@@ -448,10 +401,7 @@
                                   </el-button>
                                 </el-tooltip>
 
-                                <el-tooltip
-                                  content="复制提示词"
-                                  placement="top"
-                                >
+                                <el-tooltip content="复制提示词" placement="top">
                                   <el-button
                                     type="info"
                                     circle
@@ -497,12 +447,7 @@
                       </div>
                     </div>
                   </div>
-                  <el-empty
-                    :image-size="100"
-                    v-else
-                    :image="nodata"
-                    description="暂无记录"
-                  />
+                  <el-empty :image-size="100" v-else :image="nodata" description="暂无记录" />
                 </div>
               </template>
 
@@ -526,57 +471,52 @@
 </template>
 
 <script setup>
-import { nextTick, onMounted, onUnmounted, ref } from "vue";
-import {
-  Delete,
-  DocumentCopy,
-  InfoFilled,
-  Orange,
-} from "@element-plus/icons-vue";
-import nodata from "@/assets/img/no-data.png";
+import { nextTick, onMounted, onUnmounted, ref } from 'vue'
+import { Delete, DocumentCopy, InfoFilled, Orange } from '@element-plus/icons-vue'
+import nodata from '@/assets/img/no-data.png'
 
-import { httpGet, httpPost } from "@/utils/http";
-import { ElMessage, ElMessageBox } from "element-plus";
-import Clipboard from "clipboard";
-import { checkSession, getSystemInfo } from "@/store/cache";
-import { useRouter } from "vue-router";
-import { getSessionId } from "@/store/session";
-import { useSharedStore } from "@/store/sharedata";
-import TaskList from "@/components/TaskList.vue";
-import BackTop from "@/components/BackTop.vue";
-import { showMessageError } from "@/utils/dialog";
-import SdTaskView from "@/components/SdTaskView.vue";
-import { LazyImg, Waterfall } from "vue-waterfall-plugin-next";
-import "vue-waterfall-plugin-next/dist/style.css";
+import { httpGet, httpPost } from '@/utils/http'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import Clipboard from 'clipboard'
+import { checkSession, getSystemInfo } from '@/store/cache'
+import { useRouter } from 'vue-router'
+import { getSessionId } from '@/store/session'
+import { useSharedStore } from '@/store/sharedata'
+import TaskList from '@/components/TaskList.vue'
+import BackTop from '@/components/BackTop.vue'
+import { showMessageError } from '@/utils/dialog'
+import SdTaskView from '@/components/SdTaskView.vue'
+import { LazyImg, Waterfall } from 'vue-waterfall-plugin-next'
+import 'vue-waterfall-plugin-next/dist/style.css'
 
-const listBoxHeight = ref(0);
+const listBoxHeight = ref(0)
 // const paramBoxHeight = ref(0)
-const showTaskDialog = ref(false);
-const item = ref({});
-const isLogin = ref(false);
-const loading = ref(true);
-const store = useSharedStore();
-const waterfallOptions = store.waterfallOptions;
+const showTaskDialog = ref(false)
+const item = ref({})
+const isLogin = ref(false)
+const loading = ref(true)
+const store = useSharedStore()
+const waterfallOptions = store.waterfallOptions
 
 const resizeElement = function () {
-  listBoxHeight.value = window.innerHeight - 80;
+  listBoxHeight.value = window.innerHeight - 80
   // paramBoxHeight.value = window.innerHeight - 200
-};
-resizeElement();
+}
+resizeElement()
 window.onresize = () => {
-  resizeElement();
-};
+  resizeElement()
+}
 const samplers = [
-  "Euler a",
-  "DPM++ 2S a",
-  "DPM++ 2M",
-  "DPM++ SDE",
-  "DPM++ 2M SDE",
-  "UniPC",
-  "Restart",
-];
-const schedulers = ["Automatic", "Karras", "Exponential", "Uniform"];
-const scaleAlg = ["Latent", "ESRGAN_4x", "R-ESRGAN 4x+", "SwinIR_4x", "LDSR"];
+  'Euler a',
+  'DPM++ 2S a',
+  'DPM++ 2M',
+  'DPM++ SDE',
+  'DPM++ 2M SDE',
+  'UniPC',
+  'Restart',
+]
+const schedulers = ['Automatic', 'Karras', 'Exponential', 'Uniform']
+const scaleAlg = ['Latent', 'ESRGAN_4x', 'R-ESRGAN 4x+', 'SwinIR_4x', 'LDSR']
 const params = ref({
   width: 1024,
   height: 1024,
@@ -590,228 +530,226 @@ const params = ref({
   hd_scale: 2,
   hd_scale_alg: scaleAlg[0],
   hd_steps: 0,
-  prompt: "",
+  prompt: '',
   neg_prompt:
-    "nsfw, paintings,low quality,easynegative,ng_deepnegative ,lowres,bad anatomy,bad hands,bad feet",
-});
+    'nsfw, paintings,low quality,easynegative,ng_deepnegative ,lowres,bad anatomy,bad hands,bad feet',
+})
 
-const runningJobs = ref([]);
-const finishedJobs = ref([]);
-const allowPulling = ref(true); // 是否允许轮询
-const tastPullHandler = ref(null);
-const router = useRouter();
+const runningJobs = ref([])
+const finishedJobs = ref([])
+const allowPulling = ref(true) // 是否允许轮询
+const tastPullHandler = ref(null)
+const router = useRouter()
 // 检查是否有画同款的参数
-const _params = router.currentRoute.value.params["copyParams"];
+const _params = router.currentRoute.value.params['copyParams']
 if (_params) {
-  params.value = JSON.parse(_params);
+  params.value = JSON.parse(_params)
 }
-const power = ref(0);
-const sdPower = ref(0); // 画一张 SD 图片消耗算力
+const power = ref(0)
+const sdPower = ref(0) // 画一张 SD 图片消耗算力
 
-const userId = ref(0);
-const clipboard = ref(null);
+const userId = ref(0)
+const clipboard = ref(null)
 onMounted(() => {
-  initData();
-  clipboard.value = new Clipboard(".copy-prompt-sd");
-  clipboard.value.on("success", () => {
-    ElMessage.success("复制成功！");
-  });
+  initData()
+  clipboard.value = new Clipboard('.copy-prompt-sd')
+  clipboard.value.on('success', () => {
+    ElMessage.success('复制成功！')
+  })
 
-  clipboard.value.on("error", () => {
-    ElMessage.error("复制失败！");
-  });
+  clipboard.value.on('error', () => {
+    ElMessage.error('复制失败！')
+  })
 
   getSystemInfo()
     .then((res) => {
-      sdPower.value = res.data.sd_power;
-      params.value.neg_prompt = res.data.sd_neg_prompt;
+      sdPower.value = res.data.sd_power
+      params.value.neg_prompt = res.data.sd_neg_prompt
     })
     .catch((e) => {
-      ElMessage.error("获取系统配置失败：" + e.message);
-    });
-});
+      ElMessage.error('获取系统配置失败：' + e.message)
+    })
+})
 
 onUnmounted(() => {
-  clipboard.value.destroy();
+  clipboard.value.destroy()
   if (tastPullHandler.value) {
-    clearInterval(tastPullHandler.value);
+    clearInterval(tastPullHandler.value)
   }
-});
+})
 
 const initData = () => {
   checkSession()
     .then((user) => {
-      power.value = user["power"];
-      userId.value = user.id;
-      isLogin.value = true;
-      page.value = 0;
-      fetchRunningJobs();
-      fetchFinishJobs();
+      power.value = user['power']
+      userId.value = user.id
+      isLogin.value = true
+      page.value = 0
+      fetchRunningJobs()
+      fetchFinishJobs()
 
       tastPullHandler.value = setInterval(() => {
         if (allowPulling.value) {
-          fetchRunningJobs();
+          fetchRunningJobs()
         }
-      }, 5000);
+      }, 5000)
     })
-    .catch(() => {});
-};
+    .catch(() => {})
+}
 
 const fetchRunningJobs = () => {
   if (!isLogin.value) {
-    return;
+    return
   }
 
   // 获取运行中的任务
   httpGet(`/api/sd/jobs?finish=0`)
     .then((res) => {
       if (runningJobs.value.length !== res.data.items.length) {
-        page.value = 0;
-        fetchFinishJobs();
+        page.value = 0
+        fetchFinishJobs()
       }
       if (runningJobs.value.length === 0) {
-        allowPulling.value = false;
+        allowPulling.value = false
       }
-      runningJobs.value = res.data.items;
+      runningJobs.value = res.data.items
     })
     .catch((e) => {
-      ElMessage.error("获取任务失败：" + e.message);
-    });
-};
+      ElMessage.error('获取任务失败：' + e.message)
+    })
+}
 
-const page = ref(0);
-const pageSize = ref(20);
-const isOver = ref(false);
+const page = ref(0)
+const pageSize = ref(20)
+const isOver = ref(false)
 // 获取已完成的任务
 const fetchFinishJobs = () => {
   if (!isLogin.value || isOver.value === true) {
-    return;
+    return
   }
-  loading.value = true;
-  page.value = page.value + 1;
+  loading.value = true
+  page.value = page.value + 1
 
-  httpGet(
-    `/api/sd/jobs?finish=1&page=${page.value}&page_size=${pageSize.value}`
-  )
+  httpGet(`/api/sd/jobs?finish=1&page=${page.value}&page_size=${pageSize.value}`)
     .then((res) => {
       if (res.data.items.length < pageSize.value) {
-        isOver.value = true;
-        loading.value = false;
+        isOver.value = true
+        loading.value = false
       }
-      const imageList = res.data.items;
+      const imageList = res.data.items
       for (let i = 0; i < imageList.length; i++) {
-        imageList[i]["img_thumb"] =
-          imageList[i]["img_url"] + "?imageView2/4/w/300/h/0/q/75";
+        imageList[i]['img_thumb'] = imageList[i]['img_url'] + '?imageView2/4/w/300/h/0/q/75'
       }
       if (page.value === 1) {
-        finishedJobs.value = imageList;
+        finishedJobs.value = imageList
       } else {
-        finishedJobs.value = finishedJobs.value.concat(imageList);
+        finishedJobs.value = finishedJobs.value.concat(imageList)
       }
     })
     .catch((e) => {
-      ElMessage.error("获取任务失败：" + e.message);
-      loading.value = false;
-    });
-};
+      ElMessage.error('获取任务失败：' + e.message)
+      loading.value = false
+    })
+}
 
 // 创建绘图任务
-const promptRef = ref(null);
+const promptRef = ref(null)
 const generate = () => {
-  if (params.value.prompt === "") {
-    promptRef.value.focus();
-    return ElMessage.error("请输入绘画提示词！");
+  if (params.value.prompt === '') {
+    promptRef.value.focus()
+    return ElMessage.error('请输入绘画提示词！')
   }
 
   if (!isLogin.value) {
-    store.setShowLoginDialog(true);
-    return;
+    store.setShowLoginDialog(true)
+    return
   }
 
   if (!params.value.seed) {
-    params.value.seed = -1;
+    params.value.seed = -1
   }
-  params.value.session_id = getSessionId();
-  httpPost("/api/sd/image", params.value)
+  params.value.session_id = getSessionId()
+  httpPost('/api/sd/image', params.value)
     .then(() => {
-      ElMessage.success("绘画任务推送成功，请耐心等待任务执行...");
-      power.value -= sdPower.value;
-      allowPulling.value = true;
+      ElMessage.success('绘画任务推送成功，请耐心等待任务执行...')
+      power.value -= sdPower.value
+      allowPulling.value = true
       runningJobs.value.push({
         progress: 0,
-      });
+      })
+      isOver.value = false
     })
     .catch((e) => {
-      ElMessage.error("任务推送失败：" + e.message);
-    });
-};
+      ElMessage.error('任务推送失败：' + e.message)
+    })
+}
 
 const showTask = (row) => {
-  item.value = row;
-  showTaskDialog.value = true;
-};
+  item.value = row
+  showTaskDialog.value = true
+}
 
 const copyParams = (row) => {
-  params.value = row.params;
-  showTaskDialog.value = false;
-};
+  params.value = row.params
+  showTaskDialog.value = false
+}
 
 const removeImage = (item) => {
-  ElMessageBox.confirm("此操作将会删除任务和图片，继续操作码?", "删除提示", {
-    confirmButtonText: "确认",
-    cancelButtonText: "取消",
-    type: "warning",
+  ElMessageBox.confirm('此操作将会删除任务和图片，继续操作码?', '删除提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
   })
     .then(() => {
-      httpGet("/api/sd/remove", { id: item.id })
+      httpGet('/api/sd/remove', { id: item.id })
         .then(() => {
-          ElMessage.success("任务删除成功");
-          page.value = 0;
-          isOver.value = false;
-          fetchFinishJobs();
+          ElMessage.success('任务删除成功')
+          page.value = 0
+          isOver.value = false
+          fetchFinishJobs()
         })
         .catch((e) => {
-          ElMessage.error("任务删除失败：" + e.message);
-        });
+          ElMessage.error('任务删除失败：' + e.message)
+        })
     })
-    .catch(() => {});
-};
+    .catch(() => {})
+}
 
 // 发布图片到作品墙
 const publishImage = (item, action) => {
-  let text = "图片发布";
+  let text = '图片发布'
   if (action === false) {
-    text = "取消发布";
+    text = '取消发布'
   }
-  httpGet("/api/sd/publish", { id: item.id, action: action })
+  httpGet('/api/sd/publish', { id: item.id, action: action })
     .then(() => {
-      ElMessage.success(text + "成功");
-      item.publish = action;
-      page.value = 0;
-      isOver.value = false;
-      item.publish = action;
+      ElMessage.success(text + '成功')
+      item.publish = action
+      page.value = 0
+      isOver.value = false
+      item.publish = action
     })
     .catch((e) => {
-      ElMessage.error(text + "失败：" + e.message);
-    });
-};
+      ElMessage.error(text + '失败：' + e.message)
+    })
+}
 
-const isGenerating = ref(false);
+const isGenerating = ref(false)
 const generatePrompt = () => {
-  if (params.value.prompt === "") {
-    return showMessageError("请输入原始提示词");
+  if (params.value.prompt === '') {
+    return showMessageError('请输入原始提示词')
   }
-  isGenerating.value = true;
-  httpPost("/api/prompt/image", { prompt: params.value.prompt })
+  isGenerating.value = true
+  httpPost('/api/prompt/image', { prompt: params.value.prompt })
     .then((res) => {
-      params.value.prompt = res.data;
-      isGenerating.value = false;
+      params.value.prompt = res.data
+      isGenerating.value = false
     })
     .catch((e) => {
-      showMessageError("生成提示词失败：" + e.message);
-      isGenerating.value = false;
-    });
-};
+      showMessageError('生成提示词失败：' + e.message)
+      isGenerating.value = false
+    })
+}
 </script>
 
 <style lang="stylus">