From cd8724486c84453c5928aaed8b8cf29f903c2f93 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 28 Aug 2025 18:24:18 +0800
Subject: [PATCH] fix: Style optimization

---
 frontend/src/views/system/member/index.vue    | 26 ++++++++++---------
 .../src/views/system/professional/index.vue   |  3 ++-
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/system/member/index.vue b/frontend/src/views/system/member/index.vue
index 38dbbdb6..9565a789 100644
--- a/frontend/src/views/system/member/index.vue
+++ b/frontend/src/views/system/member/index.vue
@@ -19,6 +19,7 @@ const { t } = useI18n()
 const multipleSelectionAll = ref<any[]>([])
 const keywordsMember = ref('')
 const userStore = useUserStore()
+const searchLoading = ref(false)
 
 const workspaceForm = reactive({
   name: '',
@@ -134,18 +135,19 @@ const handleToggleRowSelection = (check: boolean = true) => {
 }
 
 const search = () => {
-  workspaceUserList(
-    { keyword: keywordsMember.value },
-    pageInfo.currentPage,
-    pageInfo.pageSize
-  ).then((res) => {
-    toggleRowLoading.value = true
-    fieldList.value = res.items
-    pageInfo.total = res.total
-    nextTick(() => {
-      handleToggleRowSelection()
+  searchLoading.value = true
+  workspaceUserList({ keyword: keywordsMember.value }, pageInfo.currentPage, pageInfo.pageSize)
+    .then((res) => {
+      toggleRowLoading.value = true
+      fieldList.value = res.items
+      pageInfo.total = res.total
+      nextTick(() => {
+        handleToggleRowSelection()
+      })
+    })
+    .finally(() => {
+      searchLoading.value = false
     })
-  })
 }
 
 const closeField = () => {
@@ -204,7 +206,7 @@ const handleCurrentChange = (val: number) => {
 </script>
 
 <template>
-  <div class="member">
+  <div v-loading="searchLoading" class="member">
     <div class="tool-left">
       <span class="page-title">{{ $t('workspace.member_management') }}</span>
       <div class="search-bar">
diff --git a/frontend/src/views/system/professional/index.vue b/frontend/src/views/system/professional/index.vue
index b74f6952..e2ae6d52 100644
--- a/frontend/src/views/system/professional/index.vue
+++ b/frontend/src/views/system/professional/index.vue
@@ -520,7 +520,7 @@ const deleteHandlerItem = (idx: number) => {
           </div>
         </template>
         <div class="synonyms-list">
-          <el-scrollbar max-height="218px">
+          <el-scrollbar>
             <div v-for="(_, index) in pageForm.other_words" :key="index" class="scrollbar-item">
               <el-input
                 v-model="pageForm.other_words[index]"
@@ -798,6 +798,7 @@ const deleteHandlerItem = (idx: number) => {
     left: 0;
     top: 0;
     width: calc(100% + 4px);
+    height: calc(100vh - 390px);
   }
 
   .btn {