From b1bf72e74933c8150a8a913244c8c153fd616533 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 3 Feb 2026 16:25:03 +0800
Subject: [PATCH] fix: Style optimization

---
 frontend/src/i18n/en.json                     |  1 +
 frontend/src/i18n/ko-KR.json                  |  1 +
 frontend/src/i18n/zh-CN.json                  |  1 +
 .../src/views/embedded/AssistantPreview.vue   | 85 +++++++------------
 frontend/src/views/system/user/User.vue       | 16 +++-
 5 files changed, 51 insertions(+), 53 deletions(-)

diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 6e3d9a234..bfa0bebe0 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -8,6 +8,7 @@
     "Details": "Details"
   },
   "sync": {
+    "integration": "Platform integration needs to be enabled.",
     "the_existing_user": "If the user already exists, overwrite the existing user.",
     "sync_users": "Sync Users",
     "sync_wechat_users": "Sync WeChat Users",
diff --git a/frontend/src/i18n/ko-KR.json b/frontend/src/i18n/ko-KR.json
index fcb88f086..8033fe342 100644
--- a/frontend/src/i18n/ko-KR.json
+++ b/frontend/src/i18n/ko-KR.json
@@ -8,6 +8,7 @@
     "Details": "세부"
   },
   "sync": {
+    "integration": "플랫폼 통합을 활성화해야 합니다.",
     "the_existing_user": "해당 사용자가 이미 존재하는 경우 기존 사용자를 덮어씁니다.",
     "sync_users": "사용자 동기화",
     "sync_wechat_users": "위챗 사용자 동기화",
diff --git a/frontend/src/i18n/zh-CN.json b/frontend/src/i18n/zh-CN.json
index 7f27c3a06..41bf55374 100644
--- a/frontend/src/i18n/zh-CN.json
+++ b/frontend/src/i18n/zh-CN.json
@@ -8,6 +8,7 @@
     "Details": "详情"
   },
   "sync": {
+    "integration": "Platform integration needs to be enabled.",
     "the_existing_user": "若用户已存在，覆盖旧用户",
     "sync_users": "同步用户",
     "sync_wechat_users": "同步企业微信用户",
diff --git a/frontend/src/views/embedded/AssistantPreview.vue b/frontend/src/views/embedded/AssistantPreview.vue
index 405e437b6..3d6bb0e84 100644
--- a/frontend/src/views/embedded/AssistantPreview.vue
+++ b/frontend/src/views/embedded/AssistantPreview.vue
@@ -58,30 +58,14 @@ const pageLogo = computed(() => {
       <div class="i-can">{{ welcomeDesc }}</div>
     </div>
     <div class="content">
-      <div class="textarea-send">
-        <el-input
-          v-model="textareaVal"
-          :autosize="{ minRows: 1, maxRows: 8.5848 }"
-          type="textarea"
-          clearable
-          :placeholder="$t('embedded.enter_a_question')"
-        />
-        <el-tooltip :offset="10" effect="dark" :content="$t('embedded.send')" placement="top">
-          <img :src="disable_answer" width="32px" height="32px" alt="" />
-        </el-tooltip>
-
-        <!-- <el-tooltip
-          :offset="10"
-          effect="dark"
-          :content="$t('embedded.stop_replying')"
-          placement="top"
-        >
-          <img :src="answer" width="32px" height="32px" alt="" />
-        </el-tooltip>
-
-        <img :src="loading_answer" width="32px" height="32px" alt="" />
-        <img :src="send_answer" width="32px" height="32px" alt="" /> -->
-      </div>
+      <el-button size="large" type="primary" class="greeting-btn">
+        <span class="inner-icon">
+          <el-icon>
+            <icon_new_chat_outlined />
+          </el-icon>
+        </span>
+        {{ $t('qa.start_sqlbot') }}
+      </el-button>
     </div>
 
     <div class="drawer-assistant"></div>
@@ -149,13 +133,10 @@ const pageLogo = computed(() => {
   }
   .center {
     width: 100%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
     display: flex;
     align-items: center;
     flex-direction: column;
+    margin-top: 180px;
 
     .i-am {
       font-weight: 600;
@@ -182,37 +163,37 @@ const pageLogo = computed(() => {
   }
   .content {
     width: calc(100% - 32px);
+    margin-top: 8px;
+    margin-left: 16px;
 
-    .textarea-send {
+    .greeting-btn {
       width: 100%;
-      position: relative;
-      .ed-textarea {
-        width: 100%;
-      }
+      height: 88px;
+      border-radius: 16px;
+      border-style: dashed;
 
-      :deep(.ed-textarea__inner) {
-        padding: 12px 12px 52px 12px;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 24px;
-        border-radius: 16px;
+      .inner-icon {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
 
-        &::placeholder {
-          color: #8f959e;
-        }
+        margin-right: 6px;
       }
 
-      img {
-        cursor: pointer;
-        position: absolute;
-        right: 12px;
-        bottom: 12px;
-      }
-    }
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: 500;
 
-    position: absolute;
-    bottom: 16px;
-    left: 16px;
+      --ed-button-text-color: var(--ed-color-primary, rgba(28, 186, 144, 1));
+      --ed-button-hover-text-color: var(--ed-color-primary, rgba(28, 186, 144, 1));
+      --ed-button-active-text-color: var(--ed-color-primary, rgba(28, 186, 144, 1));
+      --ed-button-bg-color: rgba(248, 249, 250, 1);
+      --ed-button-hover-bg-color: var(--ed-color-primary-1a, #1cba901a);
+      --ed-button-border-color: rgba(217, 220, 223, 1);
+      --ed-button-hover-border-color: var(--ed-color-primary, rgba(28, 186, 144, 1));
+      --ed-button-active-bg-color: var(--ed-color-primary-33, #1cba9033);
+      --ed-button-active-border-color: var(--ed-color-primary, rgba(28, 186, 144, 1));
+    }
   }
 
   .drawer-assistant {
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index 799c85a4c..42e44651d 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -24,7 +24,21 @@
           {{ $t('user.filter') }}
         </el-button>
 
-        <el-popover popper-class="sync-platform" placement="bottom-start">
+        <el-tooltip
+          v-if="!platformType.length"
+          effect="dark"
+          :content="$t('sync.integration')"
+          placement="left"
+        >
+          <el-button disabled secondary>
+            <template #icon>
+              <icon_replace_outlined />
+            </template>
+            {{ t('sync.sync_users') }}
+          </el-button>
+        </el-tooltip>
+
+        <el-popover v-else popper-class="sync-platform" placement="bottom-start">
           <template #reference>
             <el-button secondary>
               <template #icon>