<template>
    <div class="card">
        <div class="flex flex-col gap-y-2">
            <div class="flex flex-col gap-2 my-2">
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">姓名</span>
                    <span class="text-gray-600">{{ data.name }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">性别</span>
                    <span class="text-gray-600">{{ data.sex }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">出生日期</span>
                    <span class="text-gray-600">{{ data.birthday }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">证书编号</span>
                    <span class="text-gray-600">{{ data.cerNo }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">学校</span>
                    <span class="text-gray-600">{{ data.school }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">专业</span>
                    <span class="text-gray-600">{{ data.specialty }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">层次</span>
                    <span class="text-gray-600">{{ data.level }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">学制</span>
                    <span class="text-gray-600">{{ data.duration }}年</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">入学日期</span>
                    <span class="text-gray-600">{{ data.enrollmentDate }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">毕业日期</span>
                    <span class="text-gray-600">{{ data.graduationDate }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">学习形式</span>
                    <span class="text-gray-600">{{ data.studyType }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">学历类型</span>
                    <span class="text-gray-600">{{ data.type }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">学籍状态</span>
                    <span class="text-gray-600">{{ data.situation }}</span>
                </div>
                <div class="flex justify-between border-b pb-2 pl-2">
                    <span class="text-gray-700 font-bold">校（院）长</span>
                    <span class="text-gray-600">{{ data.principal }}</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
defineProps({
    data: {
        type: Object,
        required: true,
    },
    params: {
        type: Object,
        required: true,
    },
});
</script>