From 02e6cbf6bb794484ea650d751b21641f2e229a3a Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sun, 22 Mar 2026 11:48:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4el-tabs,=E6=A6=82?=
 =?UTF-8?q?=E8=A6=81+=E6=93=8D=E4=BD=9C=E6=97=A5=E5=BF=97+=E5=AE=A2?=
 =?UTF-8?q?=E6=9C=8D=E5=85=B3=E6=80=80=E5=90=88=E5=B9=B6=E4=B8=BA=E5=8D=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- account.php: el-tab-pane改为普通div平铺
- account.js: handleClick改为同时加载所有板块数据
- account.css: 操作日志/客服关怀加独立卡片样式
- 隐藏el-tabs导航头
---
 clientarea/hgcloud/account.php     | 20 +++++++++++---------
 clientarea/hgcloud/css/account.css | 21 +++++++++++++++++++++
 clientarea/hgcloud/js/account.js   | 10 ++++++----
 3 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/clientarea/hgcloud/account.php b/clientarea/hgcloud/account.php
index eb3c87a..521baca 100644
--- a/clientarea/hgcloud/account.php
+++ b/clientarea/hgcloud/account.php
@@ -23,8 +23,8 @@
           <div class="main-card">
             <div class="main-card-title">{{lang.account_title1}}</div>
             <div class="content-box">
-              <el-tabs v-model="activeIndex" @tab-click="handleClick">
-                <el-tab-pane :label="lang.account_menu1" name="1" v-if="showAccountController">
+              <!-- 概要 -->
+              <div v-if="showAccountController">
                   <div class="box-top">
                     <div class="right-name">
                       <div>
@@ -312,9 +312,10 @@
                     <el-button class="btn-save" @click="saveAccount" type="primary"
                       :loading="saveLoading">{{lang.account_btn1}}</el-button>
                   </div>
-                </el-tab-pane>
-                <!-- 操作日志开始 -->
-                <el-tab-pane :label="lang.account_menu2" name="2" v-if="showLogController">
+                </div>
+                <!-- 操作日志 -->
+                <div class="log-section" v-if="showLogController">
+                  <div class="section-title">{{lang.account_menu2}}</div>
                   <div class="searchbar com-search">
                     <el-input v-model="params.keywords" style="width: 3.2rem;margin-left: .2rem;"
                       :placeholder="lang.cloud_tip_2" @keypress.enter.native="inputChange" clearable
@@ -382,8 +383,10 @@
                       src="/{$template_catalog}/template/{$themes}/img/common/toTop.png">
                   </div>
 
-                </el-tab-pane>
-                <el-tab-pane :label="lang.subaccount_text56" name="3" v-if="havePlugin('ClientCare')">
+                </div>
+                <!-- 客服关怀 -->
+                <div class="care-section" v-if="havePlugin('ClientCare')">
+                  <div class="section-title">{{lang.subaccount_text56}}</div>
                   <div class="searchbar msg-search">
                     <div class="msgsearch-left">
                       <el-button @click="handelDelMsg">{{lang.subaccount_text61}}</el-button>
@@ -434,8 +437,7 @@
                       </pagination>
                     </div>
                   </div>
-                </el-tab-pane>
-              </el-tabs>
+                </div>
             </div>
           </div>
           <!-- 更改密码弹框 -->
diff --git a/clientarea/hgcloud/css/account.css b/clientarea/hgcloud/css/account.css
index 80cc7fa..fb10ee1 100644
--- a/clientarea/hgcloud/css/account.css
+++ b/clientarea/hgcloud/css/account.css
@@ -132,6 +132,27 @@
 .account > .el-row {
   margin-top: 0.2rem;
 }
+#account .log-section,
+#account .care-section {
+  background: #FFFFFF;
+  border-radius: 10px;
+  outline: 1px solid #E5E7EB;
+  padding: 0.16rem 0.2rem 0.2rem;
+  margin-top: 0.16rem;
+}
+#account .section-title {
+  border-left: 3px solid var(--color-primary);
+  padding-left: 0.1rem;
+  font-size: 0.16rem;
+  line-height: 0.16rem;
+  font-weight: 600;
+  color: #1F2937;
+  margin-bottom: 0.12rem;
+}
+/* 隐藏 el-tabs 导航头（已不需要） */
+#account .el-tabs__header {
+  display: none;
+}
 .wx-switch {
   margin-top: 0.2rem;
 }
diff --git a/clientarea/hgcloud/js/account.js b/clientarea/hgcloud/js/account.js
index d94e620..16b9a75 100644
--- a/clientarea/hgcloud/js/account.js
+++ b/clientarea/hgcloud/js/account.js
@@ -396,13 +396,15 @@
             return isShow;
           }
         },
-        // tab 切换
+        // 加载所有板块数据（不再分 tab 切换）
         handleClick() {
-          if (this.activeIndex === "1") {
+          if (this.showAccountController) {
             this.getAccount();
-          } else if (this.activeIndex === "2") {
+          }
+          if (this.showLogController) {
             this.getAccountList();
-          } else if (this.activeIndex === "3") {
+          }
+          if (this.havePlugin('ClientCare')) {
             this.getMsgList();
           }
         },