<template>
|
<!--
|
作者：
|
时间：2025-11-18
|
描述：插件中心-VIP专区-设置
|
-->
|
<div v-loading="loading">
|
<el-tabs size="small" v-model="activeName" type="card" @tab-click="handleClick">
|
<el-tab-pane label="基础设置" name="basic"></el-tab-pane>
|
<el-tab-pane label="结算" name="settlement"></el-tab-pane>
|
<el-tab-pane label="自定义文字" name="words"></el-tab-pane>
|
<el-tab-pane label="页面背景图" name="background"></el-tab-pane>
|
</el-tabs>
|
|
<!--基础设置-->
|
<Basic v-if="activeName == 'basic'" :settingData="settingData"></Basic>
|
|
<!--结算-->
|
<Settlement v-if="activeName == 'settlement'" :settingData="settingData"></Settlement>
|
|
<!--自定义文字-->
|
<Words v-if="activeName == 'words'" :settingData="settingData"></Words>
|
|
<!--页面背景图-->
|
<Background v-if="activeName == 'background'" :settingData="settingData"></Background>
|
</div>
|
</template>
|
|
<script>
|
import PlusApi from '@/api/plus/vip.js';
|
import Basic from './part/Basic';
|
import Settlement from './part/Settlement';
|
import Words from './part/Words';
|
import Background from './part/Background';
|
|
export default {
|
components: {
|
Basic,
|
Settlement,
|
Words,
|
Background
|
},
|
data() {
|
return {
|
loading: false,
|
activeName: 'basic',
|
settingData: {}
|
};
|
},
|
created() {
|
if (this.$route.query.type != null) {
|
this.activeName = this.$route.query.type;
|
}
|
this.getData();
|
},
|
methods: {
|
handleClick(e) {
|
this.activeName = e.name;
|
},
|
|
/*获取数据*/
|
getData() {
|
let self = this;
|
PlusApi.setting({}, true)
|
.then(data => {
|
self.loading = false;
|
self.settingData = data.data;
|
// 默认选中基础设置页面
|
self.activeName = 'basic';
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
}
|
}
|
};
|
</script>
|
|
<style>
|
</style>
|
