<template>
|
<PageLayoutWithBg title="面试登记">
|
<div class="home-content">
|
<div class="home-content-title">面试登记</div>
|
<div class="qrcode-wrapper"></div>
|
<div class="home-company-name">宁波人力无忧公司</div>
|
<div class="home-btn">扫码登记</div>
|
</div>
|
</PageLayoutWithBg>
|
</template>
|
|
<script setup lang="ts">
|
defineOptions({
|
name: 'Home',
|
});
|
|
const router = useRouter();
|
const route = useRoute();
|
const customerId = (route.query.customerId as string) ?? '';
|
const templateId = (route.query.templateId as string) ?? '';
|
const companyId = (route.query.companyId as string) ?? '';
|
const action = (route.query.action as string) ?? '';
|
const bussinessCode = (route.query.bussinessCode as string) ?? '';
|
|
const qrcodeUrl = computed(
|
() =>
|
`${location.origin}${
|
router.resolve({
|
name: 'Interview',
|
query: { customerId, templateId, companyId, action, bussinessCode },
|
}).fullPath
|
}`
|
);
|
|
console.log('qrcodeUrl: ', qrcodeUrl);
|
</script>
|
|
<style scoped lang="scss">
|
@use '@/style/common.scss' as *;
|
|
.home-content {
|
display: flex;
|
align-items: center;
|
margin: 40px auto 0;
|
width: 310px;
|
height: 554px;
|
background: url('@/assets/home/icon-home-content.png') no-repeat;
|
background-size: cover;
|
flex-direction: column;
|
|
.home-content-title {
|
margin-top: 162px;
|
margin-bottom: 22px;
|
font-size: 20px;
|
font-weight: 600;
|
color: #000000;
|
line-height: 28px;
|
}
|
|
.qrcode-wrapper {
|
margin-bottom: 20px;
|
}
|
|
.home-company-name {
|
margin-bottom: 30px;
|
font-size: 16px;
|
font-weight: 600;
|
color: #ffffff;
|
line-height: 22px;
|
}
|
|
.home-btn {
|
width: 180px;
|
font-size: 16px;
|
font-weight: 600;
|
text-align: center;
|
color: #ffffff;
|
line-height: 22px;
|
cursor: pointer;
|
}
|
}
|
</style>
|
