提交 8ea96fcb authored 作者: lhh's avatar lhh

修改语法错误

上级 e7fb77f3
<script setup lang="ts">
import { chooseExam } from '../api'
import { useUserStore } from '@/stores/user'
import type { ExamType } from '../types'
import { Toast } from 'vant'
const router = useRouter()
const userStore = useUserStore()
interface Props {
data: ExamType
}
const props = defineProps<Props>()
const emit = defineEmits(['update', 'update:show'])
const form = reactive({ id_number: '', address: '', company: '', position: '', need_receive: '1' })
function onSubmit() {
const params = { ...form, exam_id: props.data.exam_id }
chooseExam(params).then((res: any) => {
if (res.code === 0) {
emit('update')
emit('update:show', false)
router.push(`/exam/${props.data.exam_id}`)
} else {
Toast.fail(res.message)
}
})
}
</script>
<template>
<van-dialog :show-confirm-button="false">
<van-icon name="cross" @click="$emit('update:show', false)" />
<van-form @submit="onSubmit" class="exam-form">
<van-field label="姓名">
<template #input>{{ userStore.user?.name }}</template>
</van-field>
<van-field label="手机号">
<template #input>{{ userStore.user?.mobile }}</template>
</van-field>
<van-field
v-model="form.company"
type="textarea"
label="公司名称"
:rules="[{ required: true, message: '请输入' }]"
/>
<van-field v-model="form.position" type="text" label="职位" :rules="[{ required: true, message: '请输入' }]" />
<van-field
v-model="form.id_number"
type="text"
label="身份证号"
:rules="[{ required: true, message: '请输入' }]"
/>
<van-field
v-model="form.address"
type="textarea"
label="邮寄地址"
:rules="[{ required: true, message: '请输入' }]"
/>
<p class="t1">以上信息仅用于考试身份的确认与证书的发放。</p>
<!-- <p class="t2">是否领取纸板《PRP陪伴手册》</p>
<van-radio-group v-model="form.need_receive">
<van-radio name="1">是</van-radio>&nbsp;&nbsp;&nbsp;&nbsp;
<van-radio name="0">否</van-radio>
</van-radio-group> -->
<van-button block round native-type="submit" class="my-button">确定</van-button>
</van-form>
</van-dialog>
</template>
<style lang="scss" scoped>
.van-icon-cross {
position: absolute;
right: 0.3rem;
top: 0.4rem;
font-size: 0.26rem;
}
.exam-form {
margin-top: 0.4rem;
padding: 0.4rem 0.3rem;
--van-field-label-width: 4em;
}
.van-cell {
padding: 0.15rem 0;
}
.van-cell:after {
display: none;
}
:deep(.van-field__control) {
padding: 0.1rem;
line-height: 0.5rem;
background: #f5f5f5;
border-radius: 0.16rem;
}
.van-radio-group {
display: flex;
}
.my-button {
margin-top: 0.55rem;
}
.t1 {
font-size: 0.24rem;
font-weight: 400;
line-height: 0.33rem;
color: #909090;
}
.t2 {
margin: 0.22rem 0;
font-size: 0.28rem;
font-weight: 400;
line-height: 0.4rem;
color: #333333;
}
</style>
<script setup lang="ts"></script>
<script setup lang="ts">
const route = useRoute()
const src: any = $ref(route.query?.c || '')
</script>
<template>
<AppContainer title="我的电子学习证明" headerAlign="center"></AppContainer>
<AppCard>
<img :src="$route.query.c" />
<img :src="src" />
</AppCard>
<a href="#" :download="$route.query.c" class="btn">
<a href="#" :download="src" class="btn">
下载电子学习证明
<!-- <div class="btn">下载电子学习证明</div> -->
</a>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论