From d1135dc7bcd0f064974911c265bf582ee9837dc9 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 17 Dec 2024 16:02:56 +0800
Subject: [PATCH] style: Optimize style

---
 .../ai-chat/ExecutionDetailDialog.vue         | 35 -------------------
 .../ai-chat/ParagraphSourceDialog.vue         |  2 +-
 ui/src/components/card-add/index.vue          |  2 +-
 .../items/complex/ArrayObjectCard.vue         |  2 +-
 ui/src/styles/element-plus.scss               |  6 ++++
 .../component/XPackDisplaySettingDialog.vue   |  7 +---
 ui/src/views/application-workflow/index.vue   |  7 +---
 ui/src/views/log/index.vue                    |  4 +--
 ui/src/views/template/index.vue               |  4 ++-
 ui/src/views/theme/LoginPreview.vue           |  2 +-
 10 files changed, 17 insertions(+), 54 deletions(-)

diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index cf31e2be8..f0bd346f6 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -526,41 +526,6 @@
                   </template>
                   <!-- 图片生成 -->
                   <template v-if="item.type == WorkflowType.ImageGenerateNode">
-                    <div
-                      class="card-never border-r-4 mt-8"
-                      v-if="item.type !== WorkflowType.Application"
-                    >
-                      <h5 class="p-8-12">历史记录</h5>
-                      <div class="p-8-12 border-t-dashed lighter">
-                        <template v-if="item.history_message?.length > 0">
-                          <p
-                            class="mt-4 mb-4"
-                            v-for="(history, historyIndex) in item.history_message"
-                            :key="historyIndex"
-                          >
-                            <span class="color-secondary mr-4">{{ history.role }}:</span>
-
-                            <span v-if="Array.isArray(history.content)">
-                              <template v-for="(h, i) in history.content" :key="i">
-                                <el-image
-                                  v-if="h.type === 'image_url'"
-                                  :src="h.image_url.url"
-                                  alt=""
-                                  fit="cover"
-                                  style="width: 40px; height: 40px; display: inline-block"
-                                  class="border-r-4 mr-8"
-                                />
-
-                                <span v-else>{{ h.text }}<br /></span>
-                              </template>
-                            </span>
-
-                            <span v-else>{{ history.content }}</span>
-                          </p>
-                        </template>
-                        <template v-else> - </template>
-                      </div>
-                    </div>
                     <div class="card-never border-r-4 mt-8">
                       <h5 class="p-8-12">本次对话</h5>
                       <div class="p-8-12 border-t-dashed lighter pre-wrap">
diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index bcdbded36..9b0bbefeb 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -20,7 +20,7 @@
               <el-input v-model="detail.padding_problem_text" disabled />
             </el-form-item>
             <el-form-item label="引用分段">
-              <div v-if="detail.paragraph_list.length > 0">
+              <div v-if="detail.paragraph_list.length > 0" class="w-full">
                 <template v-for="(item, index) in detail.paragraph_list" :key="index">
                   <ParagraphCard :data="item" :index="index" />
                 </template>
diff --git a/ui/src/components/card-add/index.vue b/ui/src/components/card-add/index.vue
index 3e993b5b3..7572865df 100644
--- a/ui/src/components/card-add/index.vue
+++ b/ui/src/components/card-add/index.vue
@@ -25,7 +25,7 @@ defineProps({
   cursor: pointer;
   min-height: var(--card-min-height);
   border: 1px dashed var(--el-border-color);
-  background: #eff0f1;
+  background: var(--el-disabled-bg-color);
   border-radius: 8px;
   box-sizing: border-box;
 
diff --git a/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue b/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
index 6b7ab0859..98d88b9b1 100644
--- a/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
+++ b/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
@@ -129,7 +129,7 @@ defineExpose({
     cursor: pointer;
     min-height: var(--card-min-height);
     border: 1px dashed var(--el-color-primary);
-    background: #eff0f1;
+    background: var(--el-disabled-bg-color);;
     padding-bottom: 20px;
 
     .add-icon {
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index e0177f493..683936874 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -5,6 +5,9 @@
   --el-border-color: #dee0e3;
   --el-text-color-regular: #1f2329;
   --el-color-info: #8f959e !important;
+  --el-disabled-bg-color: #eff0f1;
+  --el-disabled-border-color: #bbbfc4;
+  --el-text-color-primary: #1f2329;
 }
 
 .el-button {
@@ -251,6 +254,9 @@
   padding: 1px 12px !important;
 }
 
+.el-input.is-disabled .el-input__wrapper {
+}
+
 .el-input--large {
   .el-input__inner {
     font-size: 16px;
diff --git a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
index b28507d23..681dbdf36 100644
--- a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
@@ -477,12 +477,7 @@ defineExpose({ open })
     top: 25px;
     border-radius: 8px;
     border: 1px solid #ffffff;
-    background: linear-gradient(
-        188deg,
-        rgba(235, 241, 255, 0.2) 39.6%,
-        rgba(231, 249, 255, 0.2) 94.3%
-      ),
-      #eff0f1;
+    background: var(--dialog-bg-gradient-color);
     box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);
     overflow: hidden;
     width: 330px;
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index 5da2bb8e0..fe58d0f38 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -405,12 +405,7 @@ onBeforeUnmount(() => {
   position: relative;
   border-radius: 8px;
   border: 1px solid #ffffff;
-  background: linear-gradient(
-      188deg,
-      rgba(235, 241, 255, 0.2) 39.6%,
-      rgba(231, 249, 255, 0.2) 94.3%
-    ),
-    #eff0f1;
+  background: var(--dialog-bg-gradient-color);
   box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);
   position: fixed;
   bottom: 16px;
diff --git a/ui/src/views/log/index.vue b/ui/src/views/log/index.vue
index bdf5af51e..5bb8141c2 100644
--- a/ui/src/views/log/index.vue
+++ b/ui/src/views/log/index.vue
@@ -162,8 +162,8 @@
       <el-input-number
         v-model="days"
         controls-position="right"
-        min="1"
-        max="100000"
+        :min="1"
+        :max="100000"
         :value-on-clear="0"
         step-strictly
         style="width: 110px; margin-left: 8px; margin-right: 8px"
diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index 15ddf3ee0..dd34c8e0b 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -324,8 +324,10 @@ onMounted(() => {
       border-bottom: none !important;
       padding-left: 16px;
       font-size: 14px;
+      height: 40px;
       &:hover {
         background: var(--app-text-color-light-1);
+        border-radius: 4px;
       }
     }
     :deep(.el-collapse-item) {
@@ -340,7 +342,7 @@ onMounted(() => {
       border-bottom: none !important;
     }
     :deep(.el-collapse-item__content) {
-      padding-bottom: 0 !important;;
+      padding-bottom: 0 !important;
     }
   }
 }
diff --git a/ui/src/views/theme/LoginPreview.vue b/ui/src/views/theme/LoginPreview.vue
index ed2aa0045..1124ae876 100644
--- a/ui/src/views/theme/LoginPreview.vue
+++ b/ui/src/views/theme/LoginPreview.vue
@@ -84,7 +84,7 @@ const fileURL = computed(() => {
   }
 
   .header {
-    background: #eff0f1;
+    background: var(--el-disabled-bg-color);
     height: 38px;
     border-radius: 4px 4px 0 0;
     position: relative;