<template>
    <div class="p-3">
        <div class="bg-fff flex1 ov-hd d-flex flex-cln">
            <div class="d-flex a-c pd-16">
                <div class="f-s-20 c-333 f-w-7 mr-10">会员详情</div>
                <el-button @click="router.go(-1)" type="primary" text>
                    <el-icon>
                        <Back />
                    </el-icon>
                    返回上一级
                </el-button>
            </div>
            <div class="flex1 over-auto pl-16 pr-16 pb-16">
                <el-tabs v-model="activeName" type="card" class="demo-tabs">
                    <el-tab-pane label="会员信息" name="info">
                        <MemberInfo></MemberInfo>
                    </el-tab-pane>
                    <el-tab-pane label="缴费记录" name="log">
                        <MemberPayLog></MemberPayLog>
                    </el-tab-pane>
                </el-tabs>
            </div>
        </div>
    </div>
</template>

<script setup name="Member-detail" lang="ts">
import { MemberInfo, MemberPayLog } from '../model/index';

const router = useRouter();
const activeName = ref('info');
</script>
