488 lines
11 KiB
Vue
488 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="img">
|
|||
|
|
<image mode="" :src="require('../images/jkm2x.png')"></image>
|
|||
|
|
</view>
|
|||
|
|
<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>
|
|||
|
|
</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'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
userInfo: '',
|
|||
|
|
...PageData,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
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
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
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/jkm2x.png) no-repeat;
|
|||
|
|
width: 92%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding-left: 24rpx;
|
|||
|
|
border-radius: 20rpx 20rpx 0 0;
|
|||
|
|
position: relative;
|
|||
|
|
height: 250rpx;
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 60rpx;
|
|||
|
|
left: 230rpx;
|
|||
|
|
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.img {
|
|||
|
|
width: 120rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
padding-left: 30rpx;
|
|||
|
|
padding-top: 60rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 120rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
height: 120rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|