feat: 移除el-tabs,概要+操作日志+客服关怀合并为单页面
All checks were successful
continuous-integration/drone/push Build is passing

- account.php: el-tab-pane改为普通div平铺
- account.js: handleClick改为同时加载所有板块数据
- account.css: 操作日志/客服关怀加独立卡片样式
- 隐藏el-tabs导航头
This commit is contained in:
yiqiu
2026-03-22 11:48:14 +08:00
parent b8a98f4c4e
commit 02e6cbf6bb
3 changed files with 38 additions and 13 deletions

View File

@@ -23,8 +23,8 @@
<div class="main-card"> <div class="main-card">
<div class="main-card-title">{{lang.account_title1}}</div> <div class="main-card-title">{{lang.account_title1}}</div>
<div class="content-box"> <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="box-top">
<div class="right-name"> <div class="right-name">
<div> <div>
@@ -312,9 +312,10 @@
<el-button class="btn-save" @click="saveAccount" type="primary" <el-button class="btn-save" @click="saveAccount" type="primary"
:loading="saveLoading">{{lang.account_btn1}}</el-button> :loading="saveLoading">{{lang.account_btn1}}</el-button>
</div> </div>
</el-tab-pane> </div>
<!-- 操作日志开始 --> <!-- 操作日志 -->
<el-tab-pane :label="lang.account_menu2" name="2" v-if="showLogController"> <div class="log-section" v-if="showLogController">
<div class="section-title">{{lang.account_menu2}}</div>
<div class="searchbar com-search"> <div class="searchbar com-search">
<el-input v-model="params.keywords" style="width: 3.2rem;margin-left: .2rem;" <el-input v-model="params.keywords" style="width: 3.2rem;margin-left: .2rem;"
:placeholder="lang.cloud_tip_2" @keypress.enter.native="inputChange" clearable :placeholder="lang.cloud_tip_2" @keypress.enter.native="inputChange" clearable
@@ -382,8 +383,10 @@
src="/{$template_catalog}/template/{$themes}/img/common/toTop.png"> src="/{$template_catalog}/template/{$themes}/img/common/toTop.png">
</div> </div>
</el-tab-pane> </div>
<el-tab-pane :label="lang.subaccount_text56" name="3" v-if="havePlugin('ClientCare')"> <!-- 客服关怀 -->
<div class="care-section" v-if="havePlugin('ClientCare')">
<div class="section-title">{{lang.subaccount_text56}}</div>
<div class="searchbar msg-search"> <div class="searchbar msg-search">
<div class="msgsearch-left"> <div class="msgsearch-left">
<el-button @click="handelDelMsg">{{lang.subaccount_text61}}</el-button> <el-button @click="handelDelMsg">{{lang.subaccount_text61}}</el-button>
@@ -434,8 +437,7 @@
</pagination> </pagination>
</div> </div>
</div> </div>
</el-tab-pane> </div>
</el-tabs>
</div> </div>
</div> </div>
<!-- 更改密码弹框 --> <!-- 更改密码弹框 -->

View File

@@ -132,6 +132,27 @@
.account > .el-row { .account > .el-row {
margin-top: 0.2rem; 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 { .wx-switch {
margin-top: 0.2rem; margin-top: 0.2rem;
} }

View File

@@ -396,13 +396,15 @@
return isShow; return isShow;
} }
}, },
// tab 切换 // 加载所有板块数据(不再分 tab 切换
handleClick() { handleClick() {
if (this.activeIndex === "1") { if (this.showAccountController) {
this.getAccount(); this.getAccount();
} else if (this.activeIndex === "2") { }
if (this.showLogController) {
this.getAccountList(); this.getAccountList();
} else if (this.activeIndex === "3") { }
if (this.havePlugin('ClientCare')) {
this.getMsgList(); this.getMsgList();
} }
}, },