feat: 移除el-tabs,概要+操作日志+客服关怀合并为单页面
All checks were successful
continuous-integration/drone/push Build is passing
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:
@@ -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>
|
||||
<!-- 更改密码弹框 -->
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user