From 2d4e660c66be894699e7e8362f80f08055e89e5d Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 7 Jul 2025 16:20:32 +0800
Subject: [PATCH] fix: style

---
 ui/src/components/workspace-dropdown/index.vue       |  5 ++++-
 ui/src/locales/lang/zh-CN/views/knowledge.ts         |  2 +-
 ui/src/locales/lang/zh-Hant/views/knowledge.ts       |  2 +-
 ui/src/views/model/component/AddParamDrawer.vue      | 10 ++++------
 ui/src/views/paragraph/component/ParagraphCard.vue   | 11 +++++++++++
 ui/src/views/paragraph/component/ParagraphDialog.vue | 12 ++++++++++--
 ui/src/views/system/user-manage/index.vue            |  6 +++++-
 7 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/workspace-dropdown/index.vue b/ui/src/components/workspace-dropdown/index.vue
index d5c2a5b64..d04a9f239 100644
--- a/ui/src/components/workspace-dropdown/index.vue
+++ b/ui/src/components/workspace-dropdown/index.vue
@@ -37,7 +37,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import type { WorkspaceItem } from '@/api/type/workspace'
-
+import useStore from '@/stores'
 const props = defineProps({
   data: {
     type: Array<any>,
@@ -48,9 +48,12 @@ const props = defineProps({
     default: () => {},
   },
 })
+
+const { folder } = useStore()
 const loading = ref(false)
 const emit = defineEmits(['changeWorkspace'])
 function changeWorkspace(item: WorkspaceItem) {
+  folder.setCurrentFolder({})
   emit('changeWorkspace', item)
 }
 </script>
diff --git a/ui/src/locales/lang/zh-CN/views/knowledge.ts b/ui/src/locales/lang/zh-CN/views/knowledge.ts
index 7d25b4462..681ebe504 100644
--- a/ui/src/locales/lang/zh-CN/views/knowledge.ts
+++ b/ui/src/locales/lang/zh-CN/views/knowledge.ts
@@ -46,7 +46,7 @@ export default {
     EmbeddingModel: {
       label: '向量模型',
       placeholder: '请选择向量模型',
-      requiredMessage: '请输入Embedding模型',
+      requiredMessage: '请选择向量模型',
     },
 
     source_url: {
diff --git a/ui/src/locales/lang/zh-Hant/views/knowledge.ts b/ui/src/locales/lang/zh-Hant/views/knowledge.ts
index c4f40ed4f..f791c60fe 100644
--- a/ui/src/locales/lang/zh-Hant/views/knowledge.ts
+++ b/ui/src/locales/lang/zh-Hant/views/knowledge.ts
@@ -46,7 +46,7 @@ export default {
     EmbeddingModel: {
       label: '向量模型',
       placeholder: '請選擇向量模型',
-      requiredMessage: '請輸入Embedding模型',
+      requiredMessage: '請選擇向量模型',
     },
 
     source_url: {
diff --git a/ui/src/views/model/component/AddParamDrawer.vue b/ui/src/views/model/component/AddParamDrawer.vue
index 634b772af..6c1a8e825 100644
--- a/ui/src/views/model/component/AddParamDrawer.vue
+++ b/ui/src/views/model/component/AddParamDrawer.vue
@@ -3,16 +3,14 @@
     v-model="drawer"
     :direction="direction"
     size="600"
-    :destroy-on-close="true"
+    append-to-body
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
     :before-close="cancelClick"
   >
     <template #header>
       <h4>
-        {{
-          isEdit
-            ? $t('common.param.editParam')
-            : $t('common.param.addParam')
-        }}
+        {{ isEdit ? $t('common.param.editParam') : $t('common.param.addParam') }}
       </h4>
     </template>
     <template #default>
diff --git a/ui/src/views/paragraph/component/ParagraphCard.vue b/ui/src/views/paragraph/component/ParagraphCard.vue
index ea62b56ad..1213e7b54 100644
--- a/ui/src/views/paragraph/component/ParagraphCard.vue
+++ b/ui/src/views/paragraph/component/ParagraphCard.vue
@@ -2,6 +2,7 @@
   <el-card
     shadow="hover"
     class="paragraph-box cursor"
+    :class="data.is_active ? '' : 'disabled'"
     @mouseenter="cardEnter()"
     @mouseleave="cardLeave()"
     @click.stop="editParagraph(data)"
@@ -199,6 +200,16 @@ function refreshMigrateParagraph() {
     background: rgba(31, 35, 41, 0.1);
     border: 1px solid #dee0e3;
   }
+  &.disabled {
+    color: var(--app-text-color-disable) !important;
+    :deep(.md-editor-preview) {
+      color: var(--app-text-color-disable) !important;
+    }
+    &:hover {
+      background: var(--app-layout-bg-color);
+      border: 1px solid #ffffff;
+    }
+  }
   .paragraph-box-operation {
     position: absolute;
     right: -10px;
diff --git a/ui/src/views/paragraph/component/ParagraphDialog.vue b/ui/src/views/paragraph/component/ParagraphDialog.vue
index 4a4b98944..fc8943058 100644
--- a/ui/src/views/paragraph/component/ParagraphDialog.vue
+++ b/ui/src/views/paragraph/component/ParagraphDialog.vue
@@ -8,18 +8,26 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
     @click.stop
+    @mousemove.stop
+    @mousedown.stop
+    @keydown.stop
   >
     <el-row v-loading="loading">
       <el-col :span="18">
         <el-scrollbar height="500" wrap-class="paragraph-scrollbar">
           <div class="p-24" style="padding-bottom: 8px">
-            <div style="position: absolute; right: 20px; top: 20px;">
+            <div style="position: absolute; right: 20px; top: 20px">
               <el-button text @click="isEdit = true" v-if="paragraphId && !isEdit">
                 <el-icon><EditPen /></el-icon>
               </el-button>
             </div>
 
-            <ParagraphForm ref="paragraphFormRef" :data="detail" :isEdit="isEdit" :knowledge-id="dataset_id"/>
+            <ParagraphForm
+              ref="paragraphFormRef"
+              :data="detail"
+              :isEdit="isEdit"
+              :knowledge-id="dataset_id"
+            />
           </div>
         </el-scrollbar>
         <div class="text-right p-24 pt-0" v-if="paragraphId && isEdit">
diff --git a/ui/src/views/system/user-manage/index.vue b/ui/src/views/system/user-manage/index.vue
index 5e6d878f4..1a638a24f 100644
--- a/ui/src/views/system/user-manage/index.vue
+++ b/ui/src/views/system/user-manage/index.vue
@@ -26,6 +26,7 @@
             @change="getList"
             style="width: 220px"
             clearable
+            :placeholder="$t('common.inputPlaceholder')"
           />
           <el-input
             v-else-if="search_type === 'nick_name'"
@@ -33,6 +34,7 @@
             @change="getList"
             style="width: 220px"
             clearable
+            :placeholder="$t('common.inputPlaceholder')"
           />
           <el-input
             v-else-if="search_type === 'email'"
@@ -40,6 +42,7 @@
             @change="getList"
             style="width: 220px"
             clearable
+            :placeholder="$t('common.inputPlaceholder')"
           />
         </div>
       </div>
@@ -252,7 +255,8 @@ function handleSizeChange() {
 function getList() {
   const params: any = {}
   if (search_form.value[search_type.value as keyof typeof search_form.value]) {
-    params[search_type.value] = search_form.value[search_type.value as keyof typeof search_form.value]
+    params[search_type.value] =
+      search_form.value[search_type.value as keyof typeof search_form.value]
   }
   return userManageApi.getUserManage(paginationConfig, params, loading).then((res) => {
     userTableData.value = res.data.records.map((item: any) => ({