<template>
|
<div class="box-card">
|
<div class="details-center">
|
<span class="fz-10 fw-bold">报备详情</span>
|
<div class="mr-t-30">
|
<div class="fl-al">
|
<div class="details-item-width fl-al">
|
<span>用户：</span>
|
<span class="fc-999">{{ dataInfo.name }}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>联系电话：</span>
|
<span class="fc-999">{{ dataInfo.phone }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>身份证：</span>
|
<span class="fc-999">{{ dataInfo.idCard }}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>报备时间：</span>
|
<span class="fc-999">{{ dataInfo.createTime }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>填写对象：</span>
|
<span class="fc-999">{{
|
dataInfo.type == 1 ? "本人填写" : "代人填写"
|
}}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>出发城市：</span>
|
<span class="fc-999">{{ dataInfo.departureCity }}</span>
|
</div>
|
</div>
|
<div class="fl-f mr-t-20">
|
<div class="details-item-width fl-f">
|
<span>出发日期：</span>
|
<span class="fc-999">{{ dataInfo.departureDate }}</span>
|
</div>
|
<div class="details-item-width fl-f">
|
<span>中途旅游居城市：</span>
|
<div class="fc-999">
|
<div
|
:class="[ix < dataInfo.touristCity.length - 1 ? 'mr-b-10' : '']"
|
v-for="(it, ix) in dataInfo.touristCity"
|
:key="ix"
|
>
|
{{ it.name }}
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>在攀居住地：</span>
|
<span class="fc-999">{{ dataInfo.localCity }}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>详细地址：</span>
|
<span class="fc-999">{{ dataInfo.localAddress }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>在攀有无明确地址：</span>
|
<span class="fc-999">{{
|
dataInfo.localCity == " " || !dataInfo.localCity ? "无" : "有"
|
}}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>到达日期：</span>
|
<span class="fc-999">{{ dataInfo.arriveDate }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>行程卡是否带*：</span>
|
<span class="fc-999">{{ dataInfo.travelCard }}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>健康码状态：</span>
|
<span class="fc-999">{{ dataInfo.colorMark }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>是否为冷链、海关、边检、口岸、机场等高风险行业人员</span>
|
<span class="fc-999">{{ dataInfo.isSpecialJob }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>14天内是否到过中高风险地区：</span>
|
<span class="fc-999">{{ dataInfo.dangerArea }}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>28天内是否到过境外或边境口岸城市：</span>
|
<span class="fc-999">{{ dataInfo.outsideCity }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>是否为入（返）川学生：</span>
|
<span class="fc-999">{{ dataInfo.isStudent }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>新冠疫苗接种情况：</span>
|
<span class="fc-999">{{ dataInfo.vaccination }}</span>
|
</div>
|
<div class="details-item-width fl-al">
|
<span>48小时内核酸检测：</span>
|
<span class="fc-999">{{ dataInfo.acidTest }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>定位地址：</span>
|
<span class="fc-999">{{ dataInfo.realAddress }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width3 fl-al">
|
<span>交通工具：</span>
|
<span class="fc-999">{{ dataInfo.transport }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-al">
|
<span>车次信息：</span>
|
<span class="fc-999">{{ dataInfo.transportInfo }}</span>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-f">
|
<span>健康码截图：</span>
|
<el-image
|
v-if="dataInfo.colorImage"
|
class="img-show-style"
|
fit="cover"
|
:src="dataInfo.colorImage"
|
:preview-src-list="[dataInfo.colorImage]"
|
></el-image>
|
</div>
|
<div class="details-item-width fl-f">
|
<span>行程码截图：</span>
|
<el-image
|
v-if="dataInfo.travelImage"
|
class="img-show-style"
|
fit="cover"
|
:src="dataInfo.travelImage"
|
:preview-src-list="[dataInfo.travelImage]"
|
></el-image>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<div class="details-item-width fl-f">
|
<span>48小时核酸截图：</span>
|
<el-image
|
v-if="dataInfo.acidImage"
|
class="img-show-style"
|
fit="cover"
|
:src="dataInfo.acidImage"
|
:preview-src-list="[dataInfo.acidImage]"
|
></el-image>
|
</div>
|
</div>
|
<!-- 修改记录 -->
|
<div class="mr-t-30" v-if="recordList.length">
|
<h3 class="fz-10 mr-b-20">修改记录</h3>
|
<div v-for="(it, ix) in recordList" :key="ix" class="mr-b-20">
|
<div>
|
修改时间：<span class="fc-999">{{ it.createTime }}</span>
|
</div>
|
<div class="fl-al mr-t-10">
|
<div style="width: 250px">
|
修改人：<span class="fc-999">{{ it.name }}</span>
|
</div>
|
<div class="mr-l-50">
|
手机号：<span class="fc-999">{{ it.phone }}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="fl-al mr-t-20">
|
<el-button @click="handleClose">返 回</el-button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import { watermark, removewatermark } from "../../utils/watermark";
|
export default {
|
data() {
|
return {
|
info_id: "",
|
dataInfo: {},
|
recordList: [],
|
};
|
},
|
destroyed() {
|
removewatermark();
|
},
|
mounted() {
|
this.info_id = this.$route.query.id;
|
const USER_INFO = demo.$session.get("user");
|
watermark({
|
watermark_txt: `${USER_INFO.title}-“${USER_INFO.account} ${USER_INFO.name}”`,
|
});
|
this.getDataInfo();
|
},
|
methods: {
|
getDataInfo() {
|
this.$api.get(`comActAcidRecord/${this.info_id}`, {}, (res) => {
|
this.recordList = res.comActAcidUpdateRecordVOList || [];
|
if (res.touristCity) {
|
if (res.touristCity.indexOf("[") == -1) {
|
res.touristCity = [
|
{
|
name: res.touristCity,
|
},
|
];
|
} else {
|
res.touristCity = JSON.parse(res.touristCity);
|
}
|
} else {
|
res.touristCity = [];
|
}
|
this.dataInfo = res || {};
|
});
|
},
|
handleClose() {
|
this.$router.back();
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.details-center {
|
padding: 30px;
|
}
|
.details-item-width {
|
width: 400px;
|
}
|
.details-item-width2 {
|
width: 500px;
|
}
|
.details-item-width3 {
|
width: 700px;
|
}
|
.del-label-width {
|
width: 82px;
|
}
|
.del-label-width2 {
|
width: 418px;
|
}
|
.del-label-width3 {
|
width: 618px;
|
}
|
.del-img-style {
|
width: 100px;
|
height: 100px;
|
}
|
.img-show-style {
|
cursor: pointer;
|
width: 80px;
|
height: 80px;
|
}
|
</style>
|
