kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

健康上报

Browse Source
This commit is contained in:
花有清香月有阴
2022-01-11 19:18:22 +08:00
parent 8286eb2052
commit 1cee4e9289
4 changed files with 209 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
src/apps/AppEpidemicSituation/UserDetail.vue
View File

@@ -1,35 +1,30 @@
<template>
<div class="UserDetail">
<div class="user-list">
<div class="item">
<h2 class="name">林益丰</h2>
<p class="color-999">420107********3274</p>
<p><img src="./components/img/blue-icon.png" alt="" />湖北省武汉市洪山区</p>
<p><img src="./components/img/org-icon.png" alt="" />重庆市荣昌区</p>
<p><img src="./components/img/time-icon.png" alt="" />2021-12-06 13:23</p>
</div>
</div>
<div class="info">
<div class="title">基本信息</div>
<div class="item-flex">
<div class="label">姓名</div>
<div class="value">陈晨</div>
<div class="value">{{ data.data }}</div>
</div>
<div class="item-flex">
<div class="label">身份证号</div>
<div class="value">422132199412038273</div>
<div class="value">{{ data.idNumber }}</div>
</div>
<div class="item-flex">
<div class="label">联系方式</div>
<div class="value" style="color: #4181ff">
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone('112')" class="phone-icon" />
152738193323
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(data.phone)" class="phone-icon" />
{{ data.phone }}
</div>
</div>
<div class="item-flex">
<div class="label">人员类别</div>
<div class="value" style="color: #42d784">跨省返乡人员</div>
<div class="label">本地地区</div>
<div class="value">{{ data.areaName }}</div>
</div>
<div class="item-flex">
<div class="label">本地地址</div>
<div class="value">{{ data.address }}</div>
</div>
</div>
@@ -38,15 +33,15 @@
<div class="title">健康状况</div>
<div class="item-flex">
<div class="label">当前体温</div>
<div class="value temperature">36℃</div>
<div class="value temperature" :style="{ color: userList.temperature * 1 > 38 ? '#FF4466' : '#42D784' }">{{ userList.temperature }}℃</div>
</div>
<div class="item-flex">
<div class="label" style="width: 360px">14天内是否接触新冠确诊或疑似患者</div>
<div class="value" style="color: #42d784">否</div>
<div class="value" :style="userList.touchInFourteen == 1 ? 'color:#f46;' : 'color:#42D784;'">{{ $dict.getLabel('epidemicTouchInFourteen', userList.touchInFourteen) }}</div>
</div>
<div class="item-flex">
<div class="label">当前健康状况</div>
<div class="value" style="color: #ff4466">感冒症状;乏力、咳嗽、发烧、肌肉痛、头痛</div>
<div class="value" v-for="(item, index) in userList.health" :key="index" :style="item != 0 ? 'color:#FF4466;' : ''">{{ $dict.getLabel('epidemicRecentHealth', item) }}</div>
</div>
</div>
@@ -55,17 +50,17 @@
<div class="title">核酸检测信息</div>
<div class="item-flex">
<div class="label">核酸检测日期</div>
<div class="value">2021-10-19</div>
<div class="value">{{ userList.checkTime }}</div>
</div>
<div class="item-flex">
<div class="label">核酸检测结果</div>
<div class="value" style="color: #42d784">阴性</div>
<div class="value" :style="userList.checkResult == 1 ? 'color:#f46;' : 'color:#42D784;'">{{ $dict.getLabel('epidemicRecentTestResult', userList.checkResult) }}</div>
</div>
<div class="item-flex">
<div style="color: #999">本人健康码截图或核酸检测报告</div>
</div>
<div class="img-list">
<img src="./components/img/time-icon.png" alt="" />
<img :src="item.url" alt="" v-for="(item, index) in userList.checkPhoto" :key="index" @click="previewImage(userList.checkPhoto, item.url)" />
</div>
</div>
</div>
@@ -81,20 +76,32 @@ export default {
data() {
return {
id: '',
userList: {},
data: [],
}
},
onLoad() {},
onLoad(o) {
console.log(o)
this.$dict.load('epidemicMemberType', 'epidemicRecentTravel', 'epidemicTouchInFourteen', 'epidemicRecentTestResult', 'epidemicRecentHealth').then(() => {
this.id = o.id
this.userList = o
this.userList.checkPhoto = JSON.parse(o.checkPhoto)
this.userList.health = o.health.split(',')
this.getUser()
})
},
onShow() {
document.title = '健康监测'
},
methods: {
getDetail() {
getUser() {
this.$loading()
this.$http
.post(`/app/appepidemichealthreport/queryDetailById?memberId=${this.id}`)
.post(`/app/appepidemicreportmember/queryDetailById?id=${this.userList.memberId}`)
.then((res) => {
if (res?.code == 0) {
console.log(res.data)
this.data = res.data
this.$hideLoading()
} else {
this.$hideLoading()
@@ -104,6 +111,17 @@ export default {
this.$hideLoading()
})
},
callPhone(phone) {
uni.makePhoneCall({ phoneNumber: phone })
},
previewImage(images, img) {
uni.previewImage({
urls: images.map((v) => v.url),
current: img,
})
},
},
}
</script>
@@ -111,45 +129,6 @@ export default {
<style scoped lang="scss">
.UserDetail {
background: #f3f6f9;
.user-list {
margin-bottom: 24px;
.item {
padding: 32px;
background-color: #fff;
.name {
font-size: 36px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
line-height: 50px;
margin-bottom: 8px;
.status {
float: right;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
color: #ff4466;
line-height: 40px;
}
}
p {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
color: #333;
line-height: 40px;
margin-bottom: 8px;
img {
width: 32px;
height: 32px;
margin-right: 18px;
vertical-align: middle;
}
}
.color-999 {
margin-bottom: 24px;
color: #999;
}
}
}
.info {
background-color: #fff;
padding: 0 32px;
@@ -185,9 +164,6 @@ export default {
margin-right: 8px;
}
}
.temperature {
color: #ff4466;
}
}
.img-list {
padding-bottom: 48px;