qa-prevention-xgf-app/pages/certificate_information/view.vue

64 lines
2.0 KiB
Vue

<template>
<view class="content">
<view class="card">
<u-cell-group>
<u-cell title="证书图片">
<template #value>
<u--image :src="info.FILEPATH" width="100upx" height="100upx" radius="10upx" @click="fnPreview"></u--image>
</template>
</u-cell>
<u-cell title="姓名" :value="info.NAME"></u-cell>
<u-cell title="性别" :value="info.SEX === '1' ? '女' : '男'"></u-cell>
<u-cell title="手机号码" :value="info.PHONE"></u-cell>
<u-cell title="身份证号码" :value="info.CARD_ID"></u-cell>
<u-cell title="证书类型" :value="info.typeName"></u-cell>
<u-cell title="证书名称" :value="info.CERTIFICATE"></u-cell>
<u-cell title="证书编号" :value="info.SPECIAL_NUMBER"></u-cell>
<!-- <u-cell title="工种" :value="info.JOBS_TYPE"></u-cell>-->
<u-cell v-show="info.typeName === '特种作业'" title="作业类别" :value="info.specialName"></u-cell>
<u-cell v-show="info.typeName === '特种作业'" title="操作项目" :value="info.operationName"></u-cell>
<u-cell title="发证机关" :value="info.ISSUING_AUTHORITY"></u-cell>
<u-cell title="有效期" :value="info.VALIDITY_TIME_START + '至' + info.VALIDITY_TIME_END"></u-cell>
<u-cell title="复审时间" :value="info.REVIEW_TIME"></u-cell>
</u-cell-group>
</view>
</view>
</template>
<script>
import {getCertificateInformationView} from "../../api";
export default {
data() {
return {
SPECIAL_USER_ID:'',
info: {}
}
},
onLoad(query) {
this.SPECIAL_USER_ID = query.SPECIAL_USER_ID
this.fnGetData()
},
methods: {
async fnGetData(){
let resData = await getCertificateInformationView({
SPECIAL_USER_ID:this.SPECIAL_USER_ID
})
this.info = resData.pd
this.$set(this.info,'FILEPATH',this.$filePath + resData.pd.FILEPATH)
},
fnPreview() {
uni.previewImage({
urls:[this.info.FILEPATH]
})
}
},
}
</script>
<style scoped>
</style>