483 lines
11 KiB
Vue
483 lines
11 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
基本信息
|
||
</view>
|
||
</view>
|
||
<view class="label">
|
||
<view class="text">
|
||
<view class="name">
|
||
{{userInfo.sickName}}
|
||
<text v-if="userInfo.sickSex == 1">男</text><text v-else>女</text><text>丨</text><text
|
||
v-if="userInfo.nation == 1">汉族</text><text v-else>少数民族</text>
|
||
</view>
|
||
<view class="marriage">
|
||
<text v-if="userInfo.marriageStatus == 1">未婚</text>
|
||
<text v-if="userInfo.marriageStatus == 2">已婚</text>
|
||
<text v-if="userInfo.marriageStatus == 3">丧偶</text>
|
||
<text v-if="userInfo.marriageStatus == 4">离婚</text>
|
||
<text v-if="userInfo.marriageStatus == 5">未说明的婚姻状况</text>
|
||
</view>
|
||
<view class="id">
|
||
{{userInfo.identityCardNo}}
|
||
</view>
|
||
<view class="id">
|
||
健康积分：{{score}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="information">
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
血型：
|
||
</view>
|
||
<text v-if="userInfo.bloodType == 1">A型</text>
|
||
<text v-if="userInfo.bloodType == 2">B型</text>
|
||
<text v-if="userInfo.bloodType == 3">O型</text>
|
||
<text v-if="userInfo.bloodType == 4">AB型</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
RH：
|
||
</view>
|
||
<text v-if="userInfo.bloodRh == 1">阴性</text>
|
||
<text v-if="userInfo.bloodRh == 2">阳性</text>
|
||
<text v-else>不详</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
职业：
|
||
</view>
|
||
<text>{{occupation[userInfo.occupation]}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
文化程度：
|
||
</view>
|
||
<text>{{edu[userInfo.education]}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
常住类型：
|
||
</view>
|
||
<text>{{residenceType[userInfo.residenceType]}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
出生日期：
|
||
</view>
|
||
<text>{{userInfo.birthday}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
本人电话：
|
||
</view>
|
||
<text>{{userInfo.sickPhone}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
现住地址：
|
||
</view>
|
||
<text>{{userInfo.sickAddress}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
医疗费用支付方式：
|
||
</view>
|
||
<text>{{payment[userInfo.payment]}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
药物过敏史
|
||
</view>
|
||
</view>
|
||
<view class="allergy">
|
||
<text>{{allergy[userInfo.allergyHistory]}}</text>
|
||
</view>
|
||
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
暴露史
|
||
</view>
|
||
</view>
|
||
<view class="allergy">
|
||
<text>{{exposure[userInfo.exposureHistory]}}</text>
|
||
</view>
|
||
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
既往史
|
||
</view>
|
||
</view>
|
||
<view class="allergy">
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
疾病史：
|
||
</view>
|
||
<text v-if="userInfo.diseaseHistory != '13'">{{disease[userInfo.diseaseHistory]}}</text>
|
||
<text v-else>{{userInfo.otherDiseaseContent}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
手术史：
|
||
</view>
|
||
<text v-if="userInfo.existSurgeryHistory == 2">无</text>
|
||
<text v-else>{{userInfo.surgeryList}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
外伤史：
|
||
</view>
|
||
<text v-if="userInfo.existTraumaHistory == 2">无</text>
|
||
<text v-else>{{userInfo.traumaList}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
输血史：
|
||
</view>
|
||
<text v-if="userInfo.existTransfusionHistory == 2">无</text>
|
||
<text>{{userInfo.transfusionList}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
家族史
|
||
</view>
|
||
</view>
|
||
<view class="allergy">
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
父亲：
|
||
</view>
|
||
<text v-if="userInfo.familyHistoryFather == '12'">{{userInfo.fatherOtherContent}}</text>
|
||
<text
|
||
v-if="userInfo.familyHistoryFather && userInfo.familyHistoryFather != '12'">{{familyDisease[userInfo.familyHistoryFather]}}</text>
|
||
<text v-if="!userInfo.familyHistoryFather">无</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
母亲：
|
||
</view>
|
||
<text v-if="userInfo.familyHistoryMother == '12'">{{userInfo.motherOtherContent}}</text>
|
||
<text
|
||
v-if="userInfo.familyHistoryMother && userInfo.familyHistoryMother != '12'">{{familyDisease[userInfo.familyHistoryMother]}}</text>
|
||
<text v-if="!userInfo.familyHistoryMother">无</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
兄弟姐们：
|
||
</view>
|
||
<text v-if="userInfo.familyHistoryBrothers == '12'">{{userInfo.brotherOtherContent}}</text>
|
||
<text
|
||
v-if="userInfo.familyHistoryBrothers && userInfo.familyHistoryBrothers != '12'">{{familyDisease[userInfo.familyHistoryBrothers]}}</text>
|
||
<text v-if="!userInfo.familyHistoryBrothers">无</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
子女：
|
||
</view>
|
||
<text v-if="userInfo.familyHistoryChildren == '12'">{{userInfo.childrenOtherContent}}</text>
|
||
<text
|
||
v-if="userInfo.familyHistoryChildren && userInfo.familyHistoryChildren != '12'">{{familyDisease[userInfo.familyHistoryChildren]}}</text>
|
||
<text v-if="!userInfo.familyHistoryChildren">无</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
遗传病史
|
||
</view>
|
||
</view>
|
||
<view class="allergy">
|
||
<text v-if="userInfo.existGeneticDisease == 2">无</text>
|
||
<text
|
||
v-if="userInfo.existGeneticDisease && userInfo.existGeneticDisease != 2">{{userInfo.geneticDiseaseName}}</text>
|
||
</view>
|
||
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
残疾情况
|
||
</view>
|
||
</view>
|
||
<view class="allergy">
|
||
<text v-if="userInfo.disability && userInfo.disability != '8'">{{disability[userInfo.disability]}}</text>
|
||
<text v-if="!userInfo.disability">无残疾</text>
|
||
<text v-if="userInfo.disability == '8'">{{userInfo.disabilityOtherContent}}</text>
|
||
</view>
|
||
|
||
<view class="title">
|
||
<view class="left">
|
||
</view>
|
||
<view class="right">
|
||
生活环境
|
||
</view>
|
||
</view>
|
||
<view class="allergy">
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
饮水：
|
||
</view>
|
||
<text>{{liveDrinkingWater[userInfo.liveDrinkingWater]}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
厕所：
|
||
</view>
|
||
<text>{{liveToilet[userInfo.liveToilet]}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
禽畜栏：
|
||
</view>
|
||
<text>{{liveLivestock[userInfo.liveLivestock]}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
燃料类型：
|
||
</view>
|
||
<text>{{liveFuelType[userInfo.liveFuelType]}}</text>
|
||
</view>
|
||
<view class="p1">
|
||
<view class="p1left">
|
||
厨房排风设施：
|
||
</view>
|
||
<text>{{liveExhaust[userInfo.liveExhaust]}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
getUserInfo
|
||
} from "@/api/pagesC/Healthrecords/index.js"
|
||
import {
|
||
PageData
|
||
} from './config/config.js'
|
||
import {
|
||
scoretotal
|
||
} from '@/api/pagesB/Behaviorpoints/index.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
userInfo: '',
|
||
...PageData,
|
||
score: '',
|
||
};
|
||
},
|
||
onLoad() {
|
||
getUserInfo(uni.getStorageSync('userinfo').cardNo).then(res => {
|
||
if (!res.data || res.data.length == 0) {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '暂无相关数据',
|
||
showCancel: false,
|
||
success(res) {
|
||
if (res.confirm) {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
})
|
||
}
|
||
}
|
||
})
|
||
return
|
||
}
|
||
res.data.surgeryList = []
|
||
res.data.traumaList = []
|
||
res.data.transfusionList = []
|
||
if (res.data.surgeryHistory) {
|
||
this.resultFormat(res.data.surgeryHistory, res.data.surgeryList)
|
||
}
|
||
if (res.data.traumaHistory) {
|
||
this.resultFormat(res.data.traumaHistory, res.data.traumaList)
|
||
}
|
||
if (res.data.transfusionHistory) {
|
||
this.resultFormat(res.data.transfusionHistory, res.data.transfusionList)
|
||
}
|
||
this.userInfo = res.data
|
||
})
|
||
this.scoreinfo();
|
||
},
|
||
methods: {
|
||
scoreinfo() {
|
||
scoretotal(uni.getStorageSync('userinfo').cardNo).then(res => {
|
||
this.score = res.data
|
||
})
|
||
},
|
||
resultFormat(list, mylist) {
|
||
if (list.length > 0) {
|
||
list.map(item => {
|
||
return mylist.push(item.name).toString()
|
||
})
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.app {
|
||
background-color: #f6f6f6;
|
||
|
||
.allergy {
|
||
width: 92%;
|
||
margin: 0 auto;
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx;
|
||
padding: 20rpx 0 20rpx 25rpx;
|
||
|
||
text {
|
||
display: block;
|
||
font-size: 32rpx;
|
||
line-height: 60rpx;
|
||
letter-spacing: 1rpx;
|
||
color: #333333;
|
||
}
|
||
|
||
.p1 {
|
||
display: flex;
|
||
font-size: 26rpx;
|
||
line-height: 80rpx;
|
||
letter-spacing: 1rpx;
|
||
color: #666666;
|
||
|
||
.p1left {
|
||
width: 38%;
|
||
}
|
||
|
||
text {
|
||
font-size: 28rpx;
|
||
line-height: 80rpx;
|
||
letter-spacing: 1rpx;
|
||
color: #333333;
|
||
}
|
||
}
|
||
}
|
||
|
||
.information {
|
||
width: 92%;
|
||
margin: 0 auto;
|
||
background-color: #ffffff;
|
||
border-radius: 0rpx 0rpx 20rpx 20rpx;
|
||
padding-left: 25rpx;
|
||
|
||
.p2 {
|
||
border-top: 1rpx solid #f0f1f6;
|
||
font-size: 28rpx;
|
||
line-height: 100rpx;
|
||
|
||
letter-spacing: 1rpx;
|
||
color: #333333;
|
||
display: flex;
|
||
|
||
.p2left {
|
||
width: 40%;
|
||
}
|
||
}
|
||
|
||
.p1 {
|
||
display: flex;
|
||
font-size: 26rpx;
|
||
line-height: 80rpx;
|
||
letter-spacing: 1rpx;
|
||
color: #666666;
|
||
|
||
.p1left {
|
||
width: 38%;
|
||
}
|
||
|
||
text {
|
||
font-size: 28rpx;
|
||
line-height: 80rpx;
|
||
letter-spacing: 1rpx;
|
||
color: #333333;
|
||
}
|
||
}
|
||
}
|
||
|
||
.title {
|
||
display: flex;
|
||
padding: 30rpx 0 30rpx 20rpx;
|
||
font-size: 30rpx;
|
||
|
||
.right {
|
||
line-height: 34rpx;
|
||
padding-left: 10rpx;
|
||
color: #666666;
|
||
}
|
||
|
||
.left {
|
||
width: 8rpx;
|
||
height: 32rpx;
|
||
background-color: #55d0df;
|
||
border-radius: 4rpx;
|
||
}
|
||
}
|
||
|
||
.label {
|
||
background: url(../images/zu112x.png) no-repeat;
|
||
width: 92%;
|
||
margin: 0 auto;
|
||
padding-left: 24rpx;
|
||
border-radius: 20rpx 20rpx 0 0;
|
||
position: relative;
|
||
height: 280rpx;
|
||
|
||
.text {
|
||
padding: 40rpx 0 0 25rpx;
|
||
|
||
.name {
|
||
font-size: 42rpx;
|
||
line-height: 40rpx;
|
||
color: #ffffff;
|
||
|
||
text:nth-child(2) {
|
||
padding: 0;
|
||
}
|
||
|
||
text {
|
||
font-size: 28rpx;
|
||
line-height: 40rpx;
|
||
color: #ffffff;
|
||
padding: 0 20rpx;
|
||
}
|
||
}
|
||
|
||
.marriage {
|
||
font-size: 26rpx;
|
||
line-height: 20rpx;
|
||
letter-spacing: 2rpx;
|
||
color: #ffffff;
|
||
padding-top: 20rpx;
|
||
}
|
||
|
||
.id {
|
||
font-size: 32rpx;
|
||
line-height: 40rpx;
|
||
letter-spacing: 2rpx;
|
||
color: #ffffff;
|
||
opacity: 0.85;
|
||
padding-top: 20rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style> |