<template>
|
<div class="p-7">
|
<el-row justify="center" class="mt-7">
|
<el-image style="width: 150px" fit="contain" :src="$getImageUrl('/signInSuccess.png')"></el-image>
|
</el-row>
|
<el-row justify="center">
|
<el-text class="font-bold text-2xl">
|
签到成功
|
</el-text>
|
</el-row>
|
<div style="margin-top: 50px;" class="ml-4">
|
<el-row align="middle">
|
<Icon icon="material-symbols:person-rounded" width="20" height="20" class="mr-1" style="color: #cccccc" />
|
<el-text>姓名：{{ userInfo.name }}</el-text>
|
</el-row>
|
<el-row class="mt-2" align="middle">
|
<Icon icon="mingcute:idcard-fill" width="18" height="18" class="mr-1" style="color: #cccccc" />
|
<el-text>身份证尾号：{{ userInfo.idCard?.slice(-4) }}</el-text>
|
</el-row>
|
<el-row class="mt-2" align="middle">
|
<Icon icon="mdi:clock" width="18" height="18" class="mr-1" style="color: #cccccc" />
|
<el-text>签到时间：{{ timeText }}</el-text>
|
</el-row>
|
<el-row class="mt-2" align="middle">
|
<Icon icon="game-icons:position-marker" width="18" height="18" class="mr-1" style="color: #cccccc" />
|
<el-text>{{ positionAddress }}</el-text>
|
</el-row>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { useSessionStore } from '@/stores/session.js'
|
import { storeToRefs } from 'pinia';
|
export default {
|
setup() {
|
const { userInfo } = storeToRefs(useSessionStore())
|
return { userInfo }
|
},
|
computed: {
|
positionAddress() {
|
return this.$route.query.address
|
},
|
timeText() {
|
return this.$route.query.timeText
|
}
|
},
|
}
|
</script>
|
