8 changed files with 2483 additions and 7 deletions
File diff suppressed because it is too large
@ -0,0 +1,313 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
<div v-if="view_real_data" |
||||
|
class="div_tuomin"> |
||||
|
<el-button size="mini" |
||||
|
class="diy-button--search" |
||||
|
@click="handleTuomin">显示脱敏信息</el-button> |
||||
|
</div> |
||||
|
<div v-if="initLoading" |
||||
|
class="m-row"> |
||||
|
<div class="m-info"> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">姓名:</span> |
||||
|
<span>{{ formData.name||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">手机号:</span> |
||||
|
<span>{{ formData.showMobile||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">证件号:</span> |
||||
|
<span>{{ formData.showIdCard||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">现居地:</span> |
||||
|
<span>{{ formData.presentAddress||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">详细地址:</span> |
||||
|
<span>{{ formData.detailAddress||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">来自地区:</span> |
||||
|
<span>{{ formData.sourceAddress||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">详细地址:</span> |
||||
|
<span>{{ formData.comeAreaFull||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">来到本地时间:</span> |
||||
|
<span>{{ formData.arriveDate||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">返回方式:</span> |
||||
|
<span>{{ formData.comeMode||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">班次:</span> |
||||
|
<span>{{ formData.shift||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">48小时核酸:</span> |
||||
|
<span>{{ formData.carryHesuanProof||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">健康码异常:</span> |
||||
|
<span>{{ formData.healthCodeAbnormal||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">行程码异常:</span> |
||||
|
<span>{{ formData.travelCodeAbnormal||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">核酸检测报告异常:</span> |
||||
|
<span>{{ formData.detectionAbnormal||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">两码一报告状态:</span> |
||||
|
<span>{{ formData.twoCodeOneReportStatus||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">是否有外地旅居史:</span> |
||||
|
<span>{{ formData.nonlocalResidenceHistory||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">途径地区:</span> |
||||
|
<span>{{ formData.viaAddressShow||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">同行人:</span> |
||||
|
<span>{{ formData.travelPersonnel||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">户籍地:</span> |
||||
|
<span>{{ formData.registeredResidenceCity||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">户籍详细地址:</span> |
||||
|
<span>{{ formData.registeredResidenceAddress||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">是否带车:</span> |
||||
|
<span>{{ formData.carryVehicle||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">带车车牌号:</span> |
||||
|
<span>{{ formData.carryVehicleNumber||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">车辆颜色:</span> |
||||
|
<span>{{ formData.carryVehicleNumberColor||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">目的地交通场站:</span> |
||||
|
<span>{{ formData.destinationStation||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">入鲁时间:</span> |
||||
|
<span>{{ formData.arriveLuTime||'--' }}</span> |
||||
|
</div> |
||||
|
<div v-if="!formData.travelCodeImg" |
||||
|
class="info-prop"> |
||||
|
<span class="info-title-3">行程码:</span> |
||||
|
<span>{{ '--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop" |
||||
|
v-if="formData.travelCodeImg"> |
||||
|
<span class="info-title-3">行程码:</span> |
||||
|
|
||||
|
<div class="info-pics"> |
||||
|
|
||||
|
<img style="width:80px;height:80px" |
||||
|
:src="formData.travelCodeImg" |
||||
|
@click="watchImg(formData.travelCodeImg)"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">离开本地时间:</span> |
||||
|
<span>{{ formData.invalidTime||'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">备注:</span> |
||||
|
<span>{{ formData.remark||'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="div-btn"> |
||||
|
<el-button size="small" |
||||
|
@click="handleCancle">关 闭</el-button> |
||||
|
<!-- <el-button v-if="formType != 'detail'" |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
:disabled="btnDisable" |
||||
|
@click="handleComfirm('ref_form')">确 定</el-button> --> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
import { requestPost } from '@/js/dai/request' |
||||
|
import { dateFormats } from '@/utils/index' |
||||
|
import { isCard, isMobile } from '@/utils/validate' |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
|
||||
|
return { |
||||
|
|
||||
|
initLoading: false, |
||||
|
|
||||
|
selId: '', |
||||
|
formData: {}, |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
async mounted () { |
||||
|
const { user } = this.$store.state |
||||
|
this.agencyId = user.agencyId |
||||
|
|
||||
|
}, |
||||
|
destroyed () { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
async initForm (row) { |
||||
|
console.log('row----', row) |
||||
|
|
||||
|
this.formData.agencyId = this.agencyId |
||||
|
this.selId = row.id |
||||
|
await this.loadFormData(row.id) |
||||
|
|
||||
|
this.initLoading = true |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
async handleTuomin () { |
||||
|
const url = "/data/aggregator/epmetuser/detailByType"; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
id: this.selId, |
||||
|
type: "routeFollow", |
||||
|
}); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.$set(this.formData, 'showMobile', data.mobile) |
||||
|
this.$set(this.formData, 'showIdCard', data.idCard) |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async loadFormData (id) { |
||||
|
|
||||
|
const url = '/epmetuser/tripreport/yt-detail ' |
||||
|
let params = { |
||||
|
id, |
||||
|
} |
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
if (code === 0) { |
||||
|
console.log('deda-------', data) |
||||
|
this.formData = { ...data, channel: [], content: '' } |
||||
|
|
||||
|
if (data.userType == 'icresi') this.isFromResi = true |
||||
|
|
||||
|
this.formData.viaAddressShow = '' |
||||
|
if (this.formData.viaProvince) { |
||||
|
this.formData.viaAddressShow = this.formData.viaAddressShow + this.formData.viaProvince |
||||
|
} |
||||
|
if (this.formData.viaCity) { |
||||
|
this.formData.viaAddressShow = this.formData.viaAddressShow + '-' + this.formData.viaCity |
||||
|
} |
||||
|
if (this.formData.viaCounty) { |
||||
|
this.formData.viaAddressShow = this.formData.viaAddressShow + '-' + this.formData.viaCounty |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
watchImg (src) { |
||||
|
window.open(src); |
||||
|
}, |
||||
|
handleCancle () { |
||||
|
// this.resetData() |
||||
|
this.$emit('dialogCancle') |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
resetData () { |
||||
|
|
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
props: { |
||||
|
view_real_data: {//显示【显示脱敏信息】按钮 |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
|
||||
|
.div_tuomin { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 40px; |
||||
|
z-index: 1000; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
|
||||
File diff suppressed because it is too large
Loading…
Reference in new issue