<template>
|
<div>
|
<el-row class="p-3 m-0" justify="space-between" align="middle">
|
<el-col :span="3"></el-col>
|
<el-col :span="18">
|
<el-text class="text-lg font-bold text-center">
|
{{ title }}
|
</el-text>
|
</el-col>
|
<el-col :span="3">
|
<el-button text style="color: var(--el-color-primary);" :loading="saveLoading" @click="tempSave()">暂存</el-button>
|
</el-col>
|
</el-row>
|
|
<el-divider class="m-0" style="flex-shrink: 0;"></el-divider>
|
<el-scrollbar :height="`${mainHeight}px`" class="p-2 m-0 mt-1" min-size="none">
|
<div v-if="pdfUrl" :style="{width: '100%', height: `${mainHeight - 100}px`}">
|
<PdfPreview v-if="pdfUrl" :url="pdfUrl"></PdfPreview>
|
</div>
|
<div class="p-2 my-4">
|
<el-form ref="verifyForm" :model="form">
|
<el-form-item label="以上申报内容是否属实" prop="isVerified">
|
<el-radio-group v-model="form.isVerified">
|
<el-radio :value="true">是</el-radio>
|
<el-radio :value="false">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="该考点核验是否通过" prop="isPass">
|
<el-radio-group v-model="form.isPass">
|
<el-radio :value="true">是</el-radio>
|
<el-radio :value="false">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-row><el-text>专家评估意见</el-text></el-row>
|
<el-form-item class="mt-1">
|
<el-input
|
v-model="form.suggestion"
|
:rows="3"
|
type="textarea"
|
placeholder="请填写评估意见"
|
/>
|
</el-form-item>
|
<el-row><el-text>现场工作照片</el-text></el-row>
|
<el-row>
|
<UploadBtn v-model="form.image" :accept="['pdf', 'jpg']" :limitFileCount="10" listType="picture-card"></UploadBtn>
|
</el-row>
|
|
<Signature v-model="form.signature"></Signature>
|
|
<el-button type="primary" size="large" class="my-7" style="width: 100%;">提交核验结果</el-button>
|
</el-form>
|
</div>
|
</el-scrollbar>
|
</div>
|
</template>
|
<script>
|
import PdfPreview from '@/views/main/components/PdfPreview.vue'
|
import { useWindowSize } from '@/utils/hook.js'
|
import Signature from '@/views/main/components/Signature.vue';
|
import { useSessionStore } from '@/stores/session.js'
|
import { storeToRefs } from 'pinia';
|
import { tokenUtils } from '@/utils/axios.js';
|
|
export default {
|
components: {
|
PdfPreview,
|
Signature
|
},
|
setup() {
|
const { height } = useWindowSize()
|
const { userInfo } = storeToRefs(useSessionStore())
|
return { pageHeight: height, userInfo }
|
},
|
data() {
|
return {
|
title: '',
|
pdfUrl: '',
|
form: {
|
id: '',
|
isVerified: false,
|
isPass: false,
|
suggestion: '',
|
image: [],
|
signature: ''
|
},
|
saveLoading: false
|
}
|
},
|
computed: {
|
mainHeight() {
|
return this.pageHeight - 80
|
},
|
appId() {
|
return this.$route.params.id
|
}
|
},
|
async created() {
|
this.getVerifyDetail()
|
},
|
mounted() {
|
document.title = '考点核验'
|
this.pdfUrl = this.$qxueyou.qxyRes + '20260304/匠心学院职业技能评价考点核验申请表_1772591122177.pdf'
|
},
|
methods: {
|
getVerifyDetail() {
|
const params = { id: this.appId }
|
this.$axios.get('/exam/verify-record/get', { params }).then(res => {
|
if (res.data.code == 0) {
|
const resData = res.data.data || {}
|
if (resData.id) {
|
this.form = {
|
...resData
|
}
|
}
|
} else {
|
this.$message.error('获取核验信息失败')
|
}
|
})
|
},
|
tempSave() {
|
const data = {
|
id: this.form.id,
|
userId: 0,
|
name: "",
|
gender: "",
|
mobile: "",
|
age: 0,
|
idNumber: "",
|
isContentTrue: 0,
|
isSitePass: 0,
|
evaluationOpinion: "",
|
sitePhotos: [],
|
status: 0
|
}
|
this.$axios.post('/exam/verify-record/create', data).then(res => {
|
if (res.data.code == 0) {
|
console.log(res.data.data)
|
} else {
|
this.$message.error(res.data.msg)
|
}
|
})
|
},
|
onPagesLoaded(msg) {
|
console.log(msg)
|
},
|
onError(msg) {
|
console.log(msg)
|
},
|
onPageChange() {}
|
}
|
}
|
</script>
|
