<template>
<div class="myfillin">
<div class="headerPart">
<img class="logoSty" src="../../assets/img/logo.png" alt />
<div class="timeSty">
<div class="DateTop">1月29日</div>
</div>
<div class="userINfo">
<div class="namePart">
<div class="nameLeft">
<span class="nameSpan">{{ myinfo.userName }}</span>
<div class="nameSty">{{myinfo.confirmFlag==0?"未到达":"到达"}}</div>
</div>
<div class="nameRight">
<van-button type="danger" class="buttonSty" round icon="arrow"
>去确认
</van-button>
</div>
</div>
<div class="idMsg">
<div class="IDItem">
<span class="spontSty1"></span>
<span class="idtitleSty">证件号码：</span>
<div class="idSty">{{ myinfo.userIdNumber }}</div>
</div>
<div class="IDItem">
<span class="spontSty2"></span>
<span class="idtitleSty">返乡地址：</span>
<div class="idSty">{{ myinfo.endPlaceMemo }}</div>
</div>
</div>
</div>
</div>
<div class="centerSty">
<van-tabs
type="card"
color="#28A6B6"
class="tabSty"
title-active-color="#FFFFFF"
title-inactive-color="#666666"
>
<van-tab title="我的填报">
<div class="infoSty">
<div class="oneinfoSty">
<span class="infoLeft1">是否为冷链工作人员</span>
<div class="infoRight">{{myinfo.industryFlag==0?"否":"是"}}</div>
</div>

<div class="oneinfoSty">
<span class="infoLeft">出发地详细地址</span>
<div class="infoRight">烟台蓬莱区乐园大街99号长岛旅游区</div>
</div>
<div class="oneinfoSty">
<span class="infoLeft">返乡日期</span>
<div class="infoRight">{{ myinfo.confirmTime }}</div>
</div>

<div class="oneinfoSty">
<span class="infoLeft">是否已到达返回地</span>
<div class="infoRight">{{myinfo.confirmFlag==0?"未到达":"到达"}}</div>
</div>
<div class="oneinfoSty">
<span class="infoLeft">人员类型</span>
<div class="infoRight">学生</div>
</div>
</div>
</van-tab>
<van-tab title="体温填报记录">
<div class="body">
<van-cell-group>
<van-cell
v-for="(item, index) in TemperatureList"
:key="index"
center
:title="item.dataTime"
:value="item.temperature"
label="无异常"
value-class="colorFul"
/>
</van-cell-group>
</div>

</van-tab>
<van-tab title="核酸报告">
<div class="infoSty">
<div class="oneinfoSty">
<span class="infoLeft">2021-02-01</span>
<div class="infoRight" @click="picPreview">查看图片
</div>
</div>
</div>
</van-tab>
</van-tabs>
</div>

</div>
</template>

<script>
import { Button, Icon, List, Toast, ImagePreview } from "vant";

export default {
name: "myFillin",
components: {
[Button.name]: Button,
[Toast.name]: Toast,
[List.name]: List,
[Icon.name]: Icon,
[ImagePreview.name]: ImagePreview,
},
data() {
return {
myinfo: {
userId: 0,
name: "",
sex: 0,
age: 0,
phone: "",
idNumber: "",
openId: null,
password: "",
userType: null, //人员类型
status: 1,
},
TemperatureList: [],
hsReport: "",
userInfoFlag: localStorage.UserInfo != undefined ? true : false,
userInfo:
localStorage.UserInfo != undefined ? JSON.parse(localStorage.UserInfo) : {},
};
},
methods: {
loadInfo: function (personid) {
var that = this;
var info = {
travelId: this.travelId,
};
that.loading = true;
that.$post("/Travel?method=findByRelKey", info).then((response) => {
if (response.statusCode == 200) {
console.info("获取个人信息", response.resultData);
that.myinfo = response.resultData;
} else {
Toast(response.message);
}
});
},
getTemperatureList: function (personid) {
var that = this;
var info = {
userId: this.userInfo.userId,
pageCurrent: 1,
beginTime: "",
endTime: "",
pageSize: 999,
};
that.loading = true;
that.$post("/Temperature?method=findByWhere", info).then((response) => {
that.TemperatureList = response.list;
});
},
picPreview() {
ImagePreview(['static/img/new/testPic.png']);
}
},
mounted() {
//var personid= this.userInfo.userId;
this.travelId = this.$route.query.travelId;
this.loadInfo();
this.getTemperatureList();
},
};
</script>

<style scoped>
.headerPart {
height: 260px;
width: 100%;
background: url("../../assets/img/banner.png") no-repeat;
background-size: 100% 150px;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: center;
}

 

</style>