<template>
    <!-- 人员资质查询 -->
    <view class="person-check">
        <view class="person-check-item">
            <view @tap="onFaceRecognition">
                <up-image
                    src="https://cdn.uviewui.com/uview/album/1.jpg"
                    width="80px"
                    height="80px"
                />
                <text>人脸识别</text>
            </view>
            <view @tap="onPersonCheck">
                <up-image
                    src="https://cdn.uviewui.com/uview/album/1.jpg"
                    width="80px"
                    height="80px"
                />
                <text>人员资质查询</text>
            </view>
        </view>
    </view>
</template>

<script setup name="PersonCheck">
import { ref } from 'vue'

const onFaceRecognition = () => {
    console.log('onFaceRecognition')

    // 打开前置摄像头
    uni.scanCode({
        scanType: ['barCode', 'qrCode'],
        success: (result) => {
            console.log(result)
        },
    })
}

// 打开人员资质查询页面
const onPersonCheck = () => {
    console.log('onPersonCheck')
    uni.navigateTo({
        url: '/pages/person-check/aptitude-query/index',
    })
}
</script>

<style scoped lang="scss">
.person-check-item {
    padding: 30rpx 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;

    view {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        & text {
            margin-top: 10rpx;
            font-size: 14px;
            color: #3c9cff;
        }
    }
}
</style>
