jiangyy
3 years ago
4 changed files with 423 additions and 144 deletions
@ -0,0 +1,247 @@ |
|||
<template> |
|||
<div> |
|||
<div class="dialog-h-content scroll-h"> |
|||
|
|||
<div v-if="initLoading" |
|||
class="m-row"> |
|||
<div class="m-info"> |
|||
<div class="info-prop"> |
|||
<span class="info-title-4">姓名：</span> |
|||
<span>{{ formData.name||'--' }}</span> |
|||
</div> |
|||
|
|||
<div class="info-prop"> |
|||
<span class="info-title-4">手机号：</span> |
|||
<span>{{ formData.mobile||'--' }}</span> |
|||
</div> |
|||
|
|||
<div class="info-prop"> |
|||
<span class="info-title-4">证件号：</span> |
|||
<span>{{ formData.idCard||'--' }}</span> |
|||
</div> |
|||
|
|||
<div class="info-prop"> |
|||
<span class="info-title-4">现居地：</span> |
|||
<span>{{ formData.presentAddress||'--' }}</span> |
|||
</div> |
|||
<div class="info-prop"> |
|||
<span class="info-title-4">详细地址：</span> |
|||
<span>{{ formData.detailAddress||'--' }}</span> |
|||
</div> |
|||
<div class="info-prop"> |
|||
<span class="info-title-4">来自地区：</span> |
|||
<span>{{ formData.sourceAddress||'--' }}</span> |
|||
</div> |
|||
<div class="info-prop"> |
|||
<span class="info-title-4">来到本地时间：</span> |
|||
<span>{{ formData.arriveDate||'--' }}</span> |
|||
</div> |
|||
<div class="info-prop"> |
|||
<span class="info-title-4">离开本地时间：</span> |
|||
<span>{{ formData.leaveDate||'--' }}</span> |
|||
</div> |
|||
<div class="info-prop"> |
|||
<span class="info-title-4">备注：</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, |
|||
|
|||
icNatId: '', |
|||
formData: {}, |
|||
|
|||
} |
|||
}, |
|||
components: {}, |
|||
async mounted () { |
|||
const { user } = this.$store.state |
|||
this.agencyId = user.agencyId |
|||
//获取网格下拉框数据 |
|||
// await this.loadGrid() |
|||
}, |
|||
destroyed () { |
|||
this.nowAllCode = [] |
|||
}, |
|||
methods: { |
|||
|
|||
async initForm (row) { |
|||
console.log('row----', row) |
|||
|
|||
this.formData.agencyId = this.agencyId |
|||
|
|||
await this.loadFormData(row.id) |
|||
|
|||
this.initLoading = true |
|||
console.log('formtype', type) |
|||
|
|||
}, |
|||
|
|||
|
|||
async loadGrid () { |
|||
const url = "/gov/org/customergrid/gridoption" |
|||
|
|||
let params = { |
|||
agencyId: this.agencyId |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.gridList = data |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
async handleSelGrid (value) { |
|||
|
|||
const url = "/epmetuser/icresiuser/demandusers" |
|||
|
|||
let params = { |
|||
agencyId: this.agencyId, |
|||
gridId: value |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.personList = data |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
async getArea (node, resolve) { |
|||
|
|||
const url = "/commonservice/areacode/nextarea" |
|||
let params = { |
|||
parentLevel: node.data ? node.data.level : '', |
|||
parentAreaCode: node.data ? node.data.code : '' |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
const nodes = data.map(item => ({ |
|||
value: item.areaCode, // |
|||
label: item.areaName, |
|||
code: item.areaCode, |
|||
level: item.level, |
|||
leaf: node.level >= 4 // 5层级 |
|||
})) |
|||
resolve(nodes) |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
async handleSelAddress (value) { |
|||
|
|||
const url = "/gov/org/house/gethouseinfo/" + value |
|||
|
|||
const { data, code, msg } = await requestPost(url) |
|||
|
|||
if (code === 0) { |
|||
this.formData.presentAddress = data.agencyPathName |
|||
this.formData.presentAddressCode = data.areaCode |
|||
this.formData.detailAddress = data.allName |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
async handleSelPerson (personItem) { |
|||
this.formData.userId = personItem.demandUserId |
|||
this.formData.name = personItem.demandUserName |
|||
this.formData.mobile = personItem.demandUserMobile |
|||
this.formData.idCard = personItem.idCard |
|||
this.handleSelAddress(personItem.houseId) |
|||
}, |
|||
|
|||
async loadFormData (id) { |
|||
|
|||
const url = '/epmetuser/tripreport/detail' |
|||
let params = { |
|||
id, |
|||
} |
|||
const { data, code, msg } = await requestPost(url, params) |
|||
if (code === 0) { |
|||
console.log('deda-------', data) |
|||
this.formData = { ...data, channel: [], content: '' } |
|||
this.sourceAllCode = data.sourceAddressPathCode && data.sourceAddressPathCode.split(',') |
|||
|
|||
if (data.userType == 'icresi') this.isFromResi = true |
|||
else this.nowAllCode = data.presentAddressPathCode && data.presentAddressPathCode.split(',') |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
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() |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/modules/management/detail-main.scss"; |
|||
</style> |
|||
|
|||
|
|||
Loading…
Reference in new issue