<!-- 用户信息 -->
<template>
    <div class="vue-box submit-box--dialog" style="width: 700px;">
        <!-- ------- 内容部分 ------- -->
        <div class="c-card">
            <el-form label-width="12em">
                <show-info name="账号id：">{{ state.model.id }}</show-info>
                <show-info name="用户昵称：">{{ state.model.username }}</show-info>
                <show-info name="账号密码：">{{ state.model.password }}</show-info>
                <show-info name="用户头像：" :value="state.model.avatar" type="img"></show-info>
                <show-info name="个人介绍：" :value="state.model.intro" type="textarea"></show-info>
                <show-info name="用户年龄：" :value="state.model.age" type="num"></show-info>
                <show-enum name="用户性别：" :value="state.model.sex" type="enum" :jv="{1: '男', 2: '女', 3: '未知'}"></show-enum>
                <show-info name="手机号码：">{{ state.model.phone || '无' }}</show-info>
                <show-info name="用户邮箱：">{{ state.model.email || '无' }}</show-info>
                <show-enum name="账号状态：" :value="state.model.status" type="enum" :jv="{1: '正常', 2: '禁用'}"></show-enum>
                <show-info name="创建时间：" :value="state.model.createTime" type="datetime"></show-info>
                <show-info name="上次登陆时间：" :value="state.model.loginTime" type="datetime"></show-info>
                <show-info name="上次登陆IP：" :value="state.model.loginIp"></show-info>
                <show-info name="总计登陆次数：" :value="state.model.loginCount" type="num"></show-info>
                <show-enum name="是否已被删除：" :value="state.model.isDel" type="enum" :jv="{1: '否', 2: '是'}"></show-enum>
            </el-form>
        </div>
    </div>
</template>

<script setup name="sys-user-info">
import {onMounted} from "vue";

// 获取插值 
const prop = defineProps({
    param: {type: Object}
})

// ------------------ 数据 ------------------
const state = reactive({
    id: prop.param.id || 0,   // 获取传值id （0=添加，非0=修改）
    model: {},  // 数据 Model
})

// 组件加载时触发
onMounted(() => {
    f5();
})

// ------------------ 函数 ------------------
// 查询 
const f5 = function () {
    sa.ajax('/SysUser/getById?id=' + state.id, function(res) {
        if(res.data == null) {
            return sa.alert('未能查找到 id=' + id + " 详细数据");
        }
        state.model = res.data;
    });
}

</script>

<style scoped>

</style>
