109 lines
1.9 KiB
Vue
109 lines
1.9 KiB
Vue
<!--会员-->
|
|
<template>
|
|
<div class="app-center">
|
|
<el-card class="box-card">
|
|
<el-radio-group v-model="radio1">
|
|
<el-radio-button label="会员列表"></el-radio-button>
|
|
<el-radio-button label="余额记录"></el-radio-button>
|
|
</el-radio-group>
|
|
</el-card>
|
|
|
|
<vipList v-if="radio1 == '会员列表' "></vipList>
|
|
<balanceList v-if="radio1 == '余额记录' "></balanceList>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import vipList from "../vipComponents/vipList";
|
|
import balanceList from "../vipComponents/balanceList";
|
|
export default {
|
|
name: "Vip",
|
|
data(){
|
|
return{
|
|
radio1: '会员列表',
|
|
labelPosition: 'right',
|
|
formLabelAlign: {
|
|
name: '',
|
|
},
|
|
}
|
|
},
|
|
components:{
|
|
vipList,balanceList
|
|
},
|
|
methods: {
|
|
handleClick(tab, event) {
|
|
console.log(tab, event);
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.app-center{
|
|
width: 100%;
|
|
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
}
|
|
.app-top{
|
|
width: 100%;
|
|
|
|
height: 60px;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
}
|
|
.clearfix{
|
|
width: 100%;
|
|
|
|
}
|
|
.box-card{
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
.box-gang{
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.box{
|
|
width: 200px;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
background: #f9f9f9;
|
|
height: 86px;
|
|
margin-right: 10px;
|
|
}
|
|
.size-hui{
|
|
font-size: 14px;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
.size-bole{
|
|
font-weight: bold;
|
|
}
|
|
.wgang{
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
.table-box{
|
|
width: 100%;
|
|
}
|
|
.pagination-box{
|
|
width: 100%;
|
|
margin: 10px auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.top-app-sou{
|
|
width: 20%;
|
|
}
|
|
|
|
</style>
|