<template>
    <div class="base-info">
        <div class="common-title">基础信息</div>
        <el-row :gutter="12" class="p-4 leading-8">
            <el-col :span="8">用户ID：{{ detail.id }}</el-col>
            <el-col :span="8">用户昵称：{{ detail.nickName || '-' }}</el-col>
            <el-col :span="8">性别：{{ detail.sexName || '-' }}</el-col>
            <el-col :span="8">真实姓名：{{ detail.trueName || '-' }}</el-col>
            <el-col :span="8">联系方式：{{ detail.mobile || '-' }}</el-col>
        </el-row>
        <div class="common-title">概况信息</div>
        <el-row :gutter="12" class="p-4 leading-8">
            <el-col :span="24">用户标签：{{ detail.userTagStr || '-' }}</el-col>
            <el-col :span="12">注册时间：{{ detail.createTime || '-' }}</el-col>
            <el-col :span="12"
                >最近登录时间：{{ detail.loginTime || '-' }}</el-col
            >
        </el-row>

        <div class="common-title">备注信息</div>
        <el-row :gutter="12" class="p-4 leading-8">
            <el-col :span="24">备注：{{ detail.remark || '无' }}</el-col>
        </el-row>
    </div>
</template>

<script setup>
    const props = defineProps({
        detail: {
            type: Object,
            default: () => ({})
        }
    });
</script>
