Skip to content

F
folacin-front
Commit 2f6e221d authored by 罗成兵's avatar 罗成兵
Browse files
Options

获取用户信息

parent 64674b16
Hide whitespace changes
Inline Side-by-side
Showing with 139 additions and 131 deletions
folacin-app/src/views/provideDetail/provideDetail.vue
View file @ 2f6e221d
<template>
<div class="provideDetail">
<!-- 头部 -->
<van-nav-bar fixed title="发放详情">
<template #left>
<img src="../../assets/images/back.png" alt="" @click="goBack"/>
</template>
</van-nav-bar>
<div class="provideDetail">
<!-- 头部 -->
<van-nav-bar fixed title="发放详情">
<template #left>
<img src="../../assets/images/back.png" alt="" @click="goBack"/>
</template>
</van-nav-bar>
<div v-if="Object.keys(formData).length > 0">
<!-- 发放详情 -->
<div class="img_block bg1" v-if="formData.status === 1">
<img src="../../assets/images/shalou.png" alt="">
<span>叶酸待领取...</span>
</div>
<div class="img_block bg1" v-if="formData.status === 2">
<img src="../../assets/images/success.png" alt="">
<span>叶酸领取成功</span>
</div>
<div class="img_block bg2" v-if="formData.status === 3">
<img src="../../assets/images/error.png" alt="">
<span>叶酸申请无效</span>
</div>
<div class="item_info">
<span style="width: 100px">领取单位：</span>
<span>{{ formData.unitName }}</span>
</div>
<div class="title_info">
<div class="line"></div>
<div class="title">女方信息</div>
</div>
<div class="item_info">
<span>姓名</span>
<span>{{ formData.womanName }}</span>
</div>
<div class="item_info">
<span>证件类型</span>
<span>{{ formData.womenCertificateTypeName }}</span>
</div>
<div class="item_info" v-if="formData.womenCertificateType!=3">
<span>证件号码</span>
<span>{{ formData.womenIdCard }}</span>
</div>
<div class="item_info">
<span>出生日期</span>
<span>{{ formData.birthDate }}</span>
</div>
<div class="item_info">
<span>身高</span>
<span>{{ formData.height }}cm</span>
</div>
<div class="item_info">
<span>体重</span>
<span>{{ formData.weight }}kg</span>
</div>
<div class="item_info">
<span>BMI</span>
<span>{{ formData.bmi }}</span>
</div>
<div class="split"></div>
<div class="title_info">
<div class="line"></div>
<div class="title">其他信息</div>
</div>
<div class="item_info">
<span>联系电话</span>
<span>{{ formData.telephone }}</span>
</div>
<div class="item_info">
<span style="width: 200px">现住地址</span>
<span>{{ formData.presentCodeName }}</span>
</div>
<div class="item_info" style="height: auto;min-height: 54px">
<span style="width: 200px">详细地址</span>
<span>{{ formData.nowAddress }}</span>
</div>
<div class="item_info border_none">
<span>签名知情同意书</span>
<span>已签名</span>
</div>
<div v-if="Object.keys(formData).length > 0">
<!-- 发放详情 -->
<div class="img_block bg1" v-if="formData.status === 1">
<img src="../../assets/images/shalou.png" alt="">
<span>叶酸待领取...</span>
</div>
<div class="img_block bg1" v-if="formData.status === 2">
<img src="../../assets/images/success.png" alt="">
<span>叶酸领取成功</span>
</div>
<div class="img_block bg2" v-if="formData.status === 3">
<img src="../../assets/images/error.png" alt="">
<span>叶酸申请无效</span>
</div>
<div class="item_info">
<span style="width: 100px">领取单位：</span>
<span>{{ formData.unitName }}</span>
</div>
<div class="title_info">
<div class="line"></div>
<div class="title">女方信息</div>
</div>
<div class="item_info">
<span>姓名</span>
<span>{{ formData.womanName }}</span>
</div>
<div class="item_info">
<span>证件类型</span>
<span>{{ formData.womenCertificateTypeName }}</span>
</div>
<div class="item_info" v-if="formData.womenCertificateType!=3">
<span>证件号码</span>
<span>{{ formData.womenIdCard }}</span>
</div>
<div class="item_info">
<span>出生日期</span>
<span>{{ formData.birthDate }}</span>
</div>
<div class="item_info">
<span>身高</span>
<span>{{ formData.height }}cm</span>
</div>
<div class="item_info">
<span>体重</span>
<span>{{ formData.weight }}kg</span>
</div>
<div class="item_info">
<span>BMI</span>
<span>{{ formData.bmi }}</span>
</div>
<div class="split"></div>
<div class="title_info">
<div class="line"></div>
<div class="title">其他信息</div>
</div>
<div class="item_info">
<span>联系电话</span>
<span>{{ formData.telephone }}</span>
</div>
<div class="item_info">
<span style="width: 200px">户籍地址</span>
<span>{{ formData.registeredCodeName }}</span>
</div>
<div class="item_info" style="height: auto;min-height: 54px">
<span style="width: 200px">户籍详细地址</span>
<span>{{ formData.permanentAddress }}</span>
</div>
<div class="item_info">
<span style="width: 200px">现住地址</span>
<span>{{ formData.presentCodeName }}</span>
</div>
<div class="item_info" style="height: auto;min-height: 54px">
<span style="width: 200px">现住详细地址</span>
<span>{{ formData.nowAddress }}</span>
</div>
<div class="item_info border_none">
<span>签名知情同意书</span>
<span>已签名</span>
</div>
<div v-if="formData.status === 2&&formData.provideInfo">
<div class="split"></div>
<div class="title_info">
<div class="line"></div>
<div class="title">发放登记</div>
</div>
<div class="item_info">
<span>发放日期</span>
<span>{{ formData.provideInfo.provideDate }}</span>
</div>
<div class="item_info">
<span>发放数量</span>
<span>{{ formData.provideInfo.provideNumber }}</span>
</div>
<div class="item_info">
<span>发放医生</span>
<span>{{ formData.provideInfo.provideDoctorName }}</span>
</div>
<div class="item_info">
<span>建议服用</span>
<span>{{ formData.provideInfo.recommendEat }}</span>
</div>
<div class="item_info" style="height: auto;min-height: 54px;">
<span style="width: 150px">备注</span>
<span style="margin-left: 20px;margin: 3px">{{ formData.provideInfo.remarks }}</span>
</div>
<br><br>
<br>
<br>
</div>
<br><br>
<div v-if="formData.status === 2&&formData.provideInfo">
<div class="split"></div>
<div class="title_info">
<div class="line"></div>
<div class="title">发放登记</div>
</div>
<div class="item_info">
<span>发放日期</span>
<span>{{ formData.provideInfo.provideDate }}</span>
</div>
<div class="item_info">
<span>发放数量</span>
<span>{{ formData.provideInfo.provideNumber }}</span>
</div>
<div class="item_info">
<span>发放医生</span>
<span>{{ formData.provideInfo.provideDoctorName }}</span>
</div>
<div class="item_info">
<span>建议服用</span>
<span>{{ formData.provideInfo.recommendEat }}</span>
</div>
<div class="item_info" style="height: auto;min-height: 54px;">
<span style="width: 150px">备注</span>
<span style="margin-left: 20px;margin: 3px">{{ formData.provideInfo.remarks }}</span>
</div>
<br><br>
<br>
<br>
</div>
<br><br>
</div>
</div>
</template>
<script>
import {getProvideDetail} from '@/axios/api'
export default {
data() {
return {
formData: {},
data() {
return {
formData: {},
}
},
created() {
this.getProvideDetailInfo();
},
methods: {
getProvideDetailInfo() {
let id = this.$route.query.id;
this.$toast.open();
getProvideDetail(id).then(res => {
if (res.code === 'SUCCESS') {
this.formData = res.data;
}
;
}).finally(() => {
this.$toast.close();
});
},
created() {
this.getProvideDetailInfo();
},
methods: {
getProvideDetailInfo() {
let id = this.$route.query.id;
this.$toast.open();
getProvideDetail(id).then(res => {
if (res.code === 'SUCCESS') {
this.formData = res.data;
}
;
}).finally(() => {
this.$toast.close();
});
},
goBack() {
this.$router.push('applyRecord');
},
goBack() {
this.$router.push('applyRecord');
},
},
}
</script>
<style lang="less" scoped>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment