<!-- 应用访问关系表-详情 -->
<template>
    <div class="vue-box submit-box--dialog" style="width: 600px;">
        <!-- ------- 内容部分 ------- -->
        <div class="c-card">
            <el-form label-width="12em">
                <show-info name="记录id：" br>{{ state.model.id }}</show-info>
                <show-info name="应用ID：" br>{{ state.model.clientId }}</show-info>
                <show-info name="应用名称：" br>{{ state.model.sysClientName }}</show-info>
                <show-info name="应用Logo：" br>{{ state.model.sysClientLogo }}</show-info>
                <show-info name="用户ID：" br>{{ state.model.userId }}</show-info>
                <show-info name="用户昵称：" br>{{ state.model.sysUserUsername }}</show-info>
                <show-info name="用户头像：" br>{{ state.model.sysUserAvatar }}</show-info>
                <show-enum name="所属关系：" type="enum" :value="state.model['visit']" :jv="{1: '允许访问[green]', 2: '禁止访问[red]', 3: '跟随应用[#999]'}"></show-enum>
                <show-info name="创建时间：" br>{{ state.model.createTime }}</show-info>
            </el-form>
        </div>
    </div>
</template>

<script setup name="sp-client-visit-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('/SysClientVisit/getById?id=' + state.id, function(res) {
        if(res.data == null) {
            return sa.alert('未能查找到 id=' + state.id + " 详细数据");
        }
        state.model = res.data;
    });
}

</script>

<style scoped>

</style>
