<template>
    <div class="main">
        <up-button type="primary" :text="'审核员'" shape="circle" color="#AB2F23" style="width:700rpx "></up-button>
        <image src="" mode="scaleToFill" class="img" style="" />
        <card>
            <template #l1>
                <div class="box-left">
                    姓名
                </div>
            </template>
            <template #r1>
                123123
            </template>
            <template #l2>
                <div class="box-left">
                    身份证号
                </div>
            </template>
            <template #r2>
                <div class="box-right">
                    123123132
                </div>
            </template>
            <template #l3>
                <div class="box-left">
                    领票日期
                </div>
            </template>
            <template #r3>
                123123
            </template>
            <template #l4>
                <div class="box-left">
                    核验项目
                </div>
            </template>
            <template #r4>
                123123
            </template>
            <template #l5>
                <div class="box-left">
                    核验日期
                </div>
            </template>
            <template #r5>
                123123
            </template>
        </card>
        <up-button type="primary" text="核验人像" shape="circle" color="#000" style="width:436rpx "></up-button>
    </div>
</template>

<script setup>
import card from '@/components/card/index.vue'
import { onMounted } from "vue";
import { onLoad } from "@dcloudio/uni-app"

onLoad((option) => {
    console.log(option);
    getQrInfo()
});


const getQrInfo = () => {
    $request.qrCodeInfo({ appointmentUid: '245fa520-3724-4151-82a9-dd84d6838b68' }).then((res) => {
        if (res.status === 0) {

        }
    })
}
</script>

<style lang="scss" scoped>
.main {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: url('@/static/bg.png');
    background-size: cover;
    box-sizing: border-box;
    padding: 42rpx 26rpx;

    .img {
        width: 100%;
        height: 354rpx;
        margin-top: 40rpx;
    }

    .box-left {
        font-size: 28rpx;
    }
}
</style>