jiangyy
3 years ago
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