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">
|
||||||
<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>
|
||||||
<!-- 更改密码弹框 -->
|
<!-- 更改密码弹框 -->
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user