From af3cb81d2c9e9a8627f4c69a0026854cd841613c Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 25 Jan 2024 16:28:15 +0800
Subject: [PATCH 1/3] feat:

---
 ui/src/layout/components/breadcrumb/index.vue | 7 ++++++-
 ui/src/styles/app.scss                        | 9 +++++++++
 ui/src/views/application/CreateAndSetting.vue | 3 +++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/ui/src/layout/components/breadcrumb/index.vue b/ui/src/layout/components/breadcrumb/index.vue
index 9df0d892f..047abb239 100644
--- a/ui/src/layout/components/breadcrumb/index.vue
+++ b/ui/src/layout/components/breadcrumb/index.vue
@@ -67,7 +67,7 @@
             </div>
           </template>
         </el-dropdown-menu>
-        <div class="border-t" style="padding: 8px 11px; min-width: 200px">
+        <div class="breadcrumb__footer border-t" style="padding: 8px 11px; min-width: 200px">
           <template v-if="isApplication">
             <div
               class="w-full text-left cursor"
@@ -195,5 +195,10 @@ onMounted(() => {
       color: var(--el-menu-active-color);
     }
   }
+  &__footer {
+    &:hover {
+      background-color: var(--app-text-color-light-1);
+    }
+  }
 }
 </style>
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index c910081ea..721fface2 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -498,3 +498,12 @@ h4 {
     border: 1px solid var(--el-color-primary);
   }
 }
+
+// AI模型选择：添加模型hover样式
+.select-model {
+  .el-select-dropdown__footer {
+    &:hover {
+      background-color: var(--el-fill-color-light);
+    }
+  }
+}
diff --git a/ui/src/views/application/CreateAndSetting.vue b/ui/src/views/application/CreateAndSetting.vue
index 087a86e94..10bcbedac 100644
--- a/ui/src/views/application/CreateAndSetting.vue
+++ b/ui/src/views/application/CreateAndSetting.vue
@@ -56,6 +56,7 @@
                   v-model="applicationForm.model_id"
                   placeholder="请选择 AI 模型"
                   style="width: 100%"
+                  popper-class="select-model"
                 >
                   <el-option-group
                     v-for="(value, label) in modelOptions"
@@ -565,4 +566,6 @@ onMounted(() => {
     padding: 0 !important;
   }
 }
+
+
 </style>

From 00e1b2e35012acb776feaeb2b85a89143af96590 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 25 Jan 2024 16:36:42 +0800
Subject: [PATCH 2/3] feat:

---
 .../ai-chat/ParagraphSourceDialog.vue         | 101 +++++++++---------
 1 file changed, 53 insertions(+), 48 deletions(-)

diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index adc99a2a6..bc0e70f5f 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -6,56 +6,58 @@
     destroy-on-close
     append-to-body
   >
-    <el-scrollbar height="450">
-      <div class="p-16">
-        <el-form label-position="top">
-          <el-form-item label="用户问题">
-            <el-input v-model="detail.problem_text" disabled />
-          </el-form-item>
-          <el-form-item label="优化后问题">
-            <el-input v-model="detail.padding_problem_text" disabled />
-          </el-form-item>
-          <el-form-item label="引用分段">
-            <template v-for="(item, index) in detail.paragraph_list" :key="index">
-              <CardBox
-                shadow="never"
-                :title="item.title || '-'"
-                class="paragraph-source-card cursor mb-8"
-                :class="item.is_active ? '' : 'disabled'"
-                :showIcon="false"
-              >
-                <template #icon>
-                  <AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" />
-                </template>
-                <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
-                <template #description>
-                  <el-scrollbar height="90">
-                    {{ item.content }}
-                  </el-scrollbar>
-                </template>
-                <template #footer>
-                  <div class="footer-content flex-between">
-                    <el-text>
-                      <el-icon>
-                        <Document />
-                      </el-icon>
-                      {{ item?.document_name }}
-                    </el-text>
-                    <div class="flex align-center">
-                      <AppAvatar class="mr-8" shape="square" :size="18">
-                        <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
-                      </AppAvatar>
+    <div class="paragraph-source-height">
+      <el-scrollbar>
+        <div class="p-16">
+          <el-form label-position="top">
+            <el-form-item label="用户问题">
+              <el-input v-model="detail.problem_text" disabled />
+            </el-form-item>
+            <el-form-item label="优化后问题">
+              <el-input v-model="detail.padding_problem_text" disabled />
+            </el-form-item>
+            <el-form-item label="引用分段">
+              <template v-for="(item, index) in detail.paragraph_list" :key="index">
+                <CardBox
+                  shadow="never"
+                  :title="item.title || '-'"
+                  class="paragraph-source-card cursor mb-8"
+                  :class="item.is_active ? '' : 'disabled'"
+                  :showIcon="false"
+                >
+                  <template #icon>
+                    <AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" />
+                  </template>
+                  <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
+                  <template #description>
+                    <el-scrollbar height="90">
+                      {{ item.content }}
+                    </el-scrollbar>
+                  </template>
+                  <template #footer>
+                    <div class="footer-content flex-between">
+                      <el-text>
+                        <el-icon>
+                          <Document />
+                        </el-icon>
+                        {{ item?.document_name }}
+                      </el-text>
+                      <div class="flex align-center">
+                        <AppAvatar class="mr-8" shape="square" :size="18">
+                          <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
+                        </AppAvatar>
 
-                      <span class="ellipsis"> {{ item?.dataset_name }}</span>
+                        <span class="ellipsis"> {{ item?.dataset_name }}</span>
+                      </div>
                     </div>
-                  </div>
-                </template>
-              </CardBox>
-            </template>
-          </el-form-item>
-        </el-form>
-      </div>
-    </el-scrollbar>
+                  </template>
+                </CardBox>
+              </template>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-scrollbar>
+    </div>
   </el-dialog>
 </template>
 <script setup lang="ts">
@@ -88,6 +90,9 @@ defineExpose({ open })
   .el-dialog__body {
     padding: 8px !important;
   }
+  .paragraph-source-height {
+    height: calc(100vh - 260px);
+  }
 }
 .paragraph-source-card {
   height: 210px;

From df9c9eb85e585a157a5e0e1c96d712f6d5cf3799 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 25 Jan 2024 17:30:17 +0800
Subject: [PATCH 3/3] feat:

---
 ui/src/views/application/CreateAndSetting.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/application/CreateAndSetting.vue b/ui/src/views/application/CreateAndSetting.vue
index 10bcbedac..173bfa138 100644
--- a/ui/src/views/application/CreateAndSetting.vue
+++ b/ui/src/views/application/CreateAndSetting.vue
@@ -164,7 +164,7 @@
                               :max="10000"
                               style="width: 200px"
                               size="small"
-                              class="customer-slider"
+                              class="custom-slider"
                             />
                             <span class="ml-4">个字符</span>
                           </div>
@@ -561,7 +561,7 @@ onMounted(() => {
     background: var(--app-layout-bg-color);
   }
 }
-.customer-slider {
+.custom-slider {
   :deep(.el-input-number.is-without-controls .el-input__wrapper) {
     padding: 0 !important;
   }