From 906ec28f1ff2248a4de284eceb0792797e2857e4 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 14 Nov 2024 15:26:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=9F=E4=B8=80=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E5=B0=BA=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/index.vue           | 18 +++++++--
 .../component/XPackDisplaySettingDialog.vue   |  7 +++-
 ui/src/views/application-overview/index.vue   | 38 ++++++++++---------
 ui/src/views/application-workflow/index.vue   |  7 +++-
 .../views/application/ApplicationSetting.vue  |  6 ++-
 ui/src/views/application/index.vue            |  9 ++++-
 ui/src/views/chat/auth/index.vue              |  7 +++-
 ui/src/views/chat/base/index.vue              |  7 +++-
 ui/src/views/chat/embed/index.vue             |  7 +++-
 ui/src/views/chat/pc/index.vue                |  7 +++-
 ui/src/views/dataset/DatasetSetting.vue       |  7 +++-
 11 files changed, 90 insertions(+), 30 deletions(-)

diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 6dcd9dfd1b2..e792d6b2884 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -40,8 +40,14 @@
       <div ref="dialogScrollbar" class="ai-chat__content p-24 chat-width">
         <div class="item-content mb-16" v-if="!props.available || (props.data?.prologue && !log)">
           <div class="avatar">
-            <img v-if="data.avatar" :src="data.avatar" height="32px" width="32px" />
-            <LogoIcon v-else height="32px" width="32px"  />
+            <el-image
+              v-if="data.avatar"
+              :src="data.avatar"
+              alt=""
+              fit="cover"
+              style="width: 32px; height: 32px; display: block"
+            />
+            <LogoIcon v-else height="32px" width="32px" />
           </div>
 
           <div class="content">
@@ -96,7 +102,13 @@
           <!-- 回答 -->
           <div class="item-content mb-16 lighter">
             <div class="avatar">
-              <img v-if="data.avatar" :src="data.avatar" height="32px" width="32px" />
+              <el-image
+                v-if="data.avatar"
+                :src="data.avatar"
+                alt=""
+                fit="cover"
+                style="width: 30px; height: 30px; display: block"
+              />
               <LogoIcon v-else height="32px" width="32px" />
             </div>
 
diff --git a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
index b28507d232b..83e2910c9cc 100644
--- a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
@@ -36,7 +36,12 @@
                       :size="32"
                       style="background: none"
                     >
-                      <img :src="detail?.icon" alt="" />
+                      <el-image
+                        :src="detail?.icon"
+                        alt=""
+                        fit="cover"
+                        style="width: 32px; height: 32px; display: block"
+                      />
                     </AppAvatar>
                     <AppAvatar
                       v-else-if="detail?.name"
diff --git a/ui/src/views/application-overview/index.vue b/ui/src/views/application-overview/index.vue
index 618aed9c28c..6c380c984a8 100644
--- a/ui/src/views/application-overview/index.vue
+++ b/ui/src/views/application-overview/index.vue
@@ -18,7 +18,12 @@
                 :size="32"
                 style="background: none"
               >
-                <img :src="detail?.icon" alt="" />
+                <el-image
+                  :src="detail?.icon"
+                  alt=""
+                  fit="cover"
+                  style="width: 32px; height: 32px; display: block"
+                />
               </AppAvatar>
               <AppAvatar
                 v-else-if="detail?.name"
@@ -353,23 +358,22 @@ function getDetail() {
       ?.filter((v: any) => v.id === 'base-node')
       .map((v: any) => {
         apiInputParams.value = v.properties.api_input_field_list
-          ? v.properties.api_input_field_list
-              .map((v: any) => {
-                return {
-                  name: v.variable,
-                  value: v.default_value
-                }
-              })
+          ? v.properties.api_input_field_list.map((v: any) => {
+              return {
+                name: v.variable,
+                value: v.default_value
+              }
+            })
           : v.properties.input_field_list
-          ? v.properties.input_field_list
-              .filter((v: any) => v.assignment_method === 'api_input')
-              .map((v: any) => {
-                return {
-                  name: v.variable,
-                  value: v.default_value
-                }
-              })
-          : []
+            ? v.properties.input_field_list
+                .filter((v: any) => v.assignment_method === 'api_input')
+                .map((v: any) => {
+                  return {
+                    name: v.variable,
+                    value: v.default_value
+                  }
+                })
+            : []
       })
   })
 }
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index 75ea0af4141..5df4f22970f 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -90,7 +90,12 @@
                   :size="32"
                   style="background: none"
                 >
-                  <img :src="detail?.icon" alt="" />
+                  <el-image
+                    :src="detail?.icon"
+                    alt=""
+                    fit="cover"
+                    style="width: 32px; height: 32px; display: block"
+                  />
                 </AppAvatar>
                 <AppAvatar
                   v-else-if="detail?.name"
diff --git a/ui/src/views/application/ApplicationSetting.vue b/ui/src/views/application/ApplicationSetting.vue
index dd302438cd4..53f0f0cb2be 100644
--- a/ui/src/views/application/ApplicationSetting.vue
+++ b/ui/src/views/application/ApplicationSetting.vue
@@ -509,7 +509,11 @@
                 :size="32"
                 style="background: none"
               >
-                <img :src="applicationForm?.icon" alt="" />
+                <img
+                  :src="applicationForm?.icon"
+                  alt=""
+                  style="width: 32px; height: 32px; display: block"
+                />
               </AppAvatar>
               <AppAvatar
                 v-else-if="applicationForm?.name"
diff --git a/ui/src/views/application/index.vue b/ui/src/views/application/index.vue
index 7dafcbf2aaf..b6addf278e7 100644
--- a/ui/src/views/application/index.vue
+++ b/ui/src/views/application/index.vue
@@ -51,7 +51,12 @@
                   style="background: none"
                   class="mr-8"
                 >
-                  <img :src="item?.icon" alt="" />
+                  <el-image
+                    :src="item?.icon"
+                    alt=""
+                    fit="cover"
+                    style="width: 32px; height: 32px; display: block"
+                  />
                 </AppAvatar>
                 <AppAvatar
                   v-else-if="item?.name"
@@ -175,7 +180,7 @@ function openCreateDialog() {
   } else {
     MsgConfirm(`提示`, '社区版最多支持 5 个应用，如需拥有更多应用，请升级为专业版。', {
       cancelButtonText: '确定',
-      confirmButtonText: '购买专业版',
+      confirmButtonText: '购买专业版'
     })
       .then(() => {
         window.open('https://maxkb.cn/pricing.html', '_blank')
diff --git a/ui/src/views/chat/auth/index.vue b/ui/src/views/chat/auth/index.vue
index e9d346867d5..fd4e93671f0 100644
--- a/ui/src/views/chat/auth/index.vue
+++ b/ui/src/views/chat/auth/index.vue
@@ -8,7 +8,12 @@
           :size="32"
           style="background: none"
         >
-          <img :src="application_profile?.icon" alt="" />
+          <el-image
+            :src="application_profile?.icon"
+            alt=""
+            fit="cover"
+            style="width: 32px; height: 32px; display: block"
+          />
         </AppAvatar>
         <AppAvatar
           v-else-if="application_profile?.name"
diff --git a/ui/src/views/chat/base/index.vue b/ui/src/views/chat/base/index.vue
index 907dccb9d86..49871a7cb4d 100644
--- a/ui/src/views/chat/base/index.vue
+++ b/ui/src/views/chat/base/index.vue
@@ -9,7 +9,12 @@
             :size="32"
             style="background: none"
           >
-            <img :src="applicationDetail?.icon" alt="" />
+            <el-image
+              :src="applicationDetail?.icon"
+              alt=""
+              fit="cover"
+              style="width: 32px; height: 32px; display: block"
+            />
           </AppAvatar>
           <AppAvatar
             v-else-if="applicationDetail?.name"
diff --git a/ui/src/views/chat/embed/index.vue b/ui/src/views/chat/embed/index.vue
index 5d67b6f8120..b935ee4b50c 100644
--- a/ui/src/views/chat/embed/index.vue
+++ b/ui/src/views/chat/embed/index.vue
@@ -16,7 +16,12 @@
             :size="32"
             style="background: none"
           >
-            <img :src="applicationDetail?.icon" alt="" />
+            <el-image
+              :src="applicationDetail?.icon"
+              alt=""
+              fit="cover"
+              style="width: 32px; height: 32px; display: block"
+            />
           </AppAvatar>
           <AppAvatar
             v-else-if="applicationDetail?.name"
diff --git a/ui/src/views/chat/pc/index.vue b/ui/src/views/chat/pc/index.vue
index fb1df506c4c..5ec014e1d61 100644
--- a/ui/src/views/chat/pc/index.vue
+++ b/ui/src/views/chat/pc/index.vue
@@ -17,7 +17,12 @@
             :size="32"
             style="background: none"
           >
-            <img :src="applicationDetail?.icon" alt="" />
+            <el-image
+              :src="applicationDetail?.icon"
+              alt=""
+              fit="cover"
+              style="width: 32px; height: 32px; display: block"
+            />
           </AppAvatar>
           <AppAvatar
             v-else-if="applicationDetail?.name"
diff --git a/ui/src/views/dataset/DatasetSetting.vue b/ui/src/views/dataset/DatasetSetting.vue
index 141008ff916..c1caa4aa465 100644
--- a/ui/src/views/dataset/DatasetSetting.vue
+++ b/ui/src/views/dataset/DatasetSetting.vue
@@ -73,7 +73,12 @@
                         style="background: none"
                         class="mr-12"
                       >
-                        <img :src="item?.icon" alt="" />
+                        <el-image
+                          :src="item?.icon"
+                          alt=""
+                          fit="cover"
+                          style="width: 32px; height: 32px; display: block"
+                        />
                       </AppAvatar>
                       <AppAvatar
                         v-else-if="item?.name"