jiangyy
3 years ago
8 changed files with 999 additions and 718 deletions
@ -0,0 +1,185 @@ |
|||||
|
<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-3">所属网格：</span> |
||||
|
<span>{{ fmData.gridName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">所属房屋：</span> |
||||
|
<span>{{ fmData.homeAllName ?fmData.homeAllName :'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">姓名：</span> |
||||
|
<span>{{ fmData.name}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">手机号：</span> |
||||
|
<span>{{ fmData.mobile?fmData.mobile:'--'}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">证件号：</span> |
||||
|
<span>{{ fmData.idCard?fmData.idCard:'--'}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">性别：</span> |
||||
|
<span>{{fmData.gender==='1' ?'男' :fmData.gender==='2'?'女':'未知' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">出生日期：</span> |
||||
|
<span>{{ fmData.birthday?fmData.birthday:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">出生地：</span> |
||||
|
<span>{{ fmData.birthplace?fmData.birthplace:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">出生父亲姓名：</span> |
||||
|
<span>{{ fmData.father?fmData.father:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">出生母亲姓名：</span> |
||||
|
<span>{{ fmData.mother?fmData.mother:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">胎次：</span> |
||||
|
<span>{{ fmData.count? fmData.count:0}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">申报户口日期：</span> |
||||
|
<span>{{ fmData.reportDate?fmData.reportDate:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">户主姓名：</span> |
||||
|
<span>{{ fmData.householderName? fmData.householderName:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">与户主关系：</span> |
||||
|
<span>{{ fmData.householderRelationName ? fmData.householderRelationName :'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Loading } from "element-ui"; // 引入Loading服务 |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
|
||||
|
|
||||
|
let loading; // 加载动画 |
||||
|
|
||||
|
function iniFmData () { |
||||
|
return { |
||||
|
id: "", |
||||
|
gridId: "", |
||||
|
villageId: "", |
||||
|
buildId: "", |
||||
|
unitId: "", |
||||
|
homeId: "", |
||||
|
name: "", |
||||
|
mobile: "", |
||||
|
idCard: "", |
||||
|
isWelfare: "0", //福利0否，1是 |
||||
|
isCheck: "0", |
||||
|
isReplace: "0", |
||||
|
gender: "", |
||||
|
birthplace: "", |
||||
|
father: "", |
||||
|
mother: "", |
||||
|
count: "", |
||||
|
reportDate: "", |
||||
|
householderName: "", |
||||
|
householderRelation: "", |
||||
|
alreadyHaveMaster: false, |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
|
||||
|
btnDisable: false, |
||||
|
initLoading: false, |
||||
|
|
||||
|
fmData: iniFmData(), |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
components: {}, |
||||
|
computed: { |
||||
|
|
||||
|
}, |
||||
|
props: {}, |
||||
|
watch: {}, |
||||
|
|
||||
|
async mounted () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
|
||||
|
async initForm (row) { |
||||
|
|
||||
|
await this.getInfo(row.id); |
||||
|
this.initLoading = true |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async getInfo (id) { |
||||
|
const { data, code, msg } = await requestPost( |
||||
|
"/epmetuser/icBirthRecord/" + id, |
||||
|
{ |
||||
|
// id, |
||||
|
} |
||||
|
); |
||||
|
if (code === 0) { |
||||
|
this.fmData = { ...this.fmData, ...data }; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
resetData () { |
||||
|
|
||||
|
this.fmData = iniFmData(); |
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
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> |
||||
@ -0,0 +1,176 @@ |
|||||
|
<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-2">所属网格：</span> |
||||
|
<span>{{ fmData.gridName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">所属房屋：</span> |
||||
|
<span>{{ fmData.allName?fmData.allName:'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">姓名：</span> |
||||
|
<span>{{ fmData.name}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">手机号：</span> |
||||
|
<span>{{ fmData.mobile?fmData.mobile:'--'}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">证件号：</span> |
||||
|
<span>{{ fmData.idCard?fmData.idCard:'--'}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">性别：</span> |
||||
|
<span>{{fmData.genderName?fmData.genderName:'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">年龄：</span> |
||||
|
<span>{{ fmData.age?fmData.age:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">迁入日期：</span> |
||||
|
<span>{{ fmData.inTime?fmData.inTime:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">迁入原因：</span> |
||||
|
<span>{{ fmData.inReason?fmData.inReason:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">来源地：</span> |
||||
|
<span>{{ fmData.sourceAddress?fmData.sourceAddress:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">详细地址：</span> |
||||
|
<span>{{ fmData.address? fmData.address:'--'}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">迁移证号码：</span> |
||||
|
<span>{{ fmData.moveNumber?fmData.moveNumber:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">户主姓名：</span> |
||||
|
<span>{{ fmData.householderName? fmData.householderName:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">与户主关系：</span> |
||||
|
<span>{{ fmData.householderRelationName? fmData.householderRelationName:'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import formVltHelper from 'dai-js/tools/formVltHelper' |
||||
|
import { computedCard } from '@/utils/index' |
||||
|
import { isCard, isMobile } from '@/utils/validate' |
||||
|
|
||||
|
function iniFmData () { |
||||
|
return { |
||||
|
gridId: '', |
||||
|
villageId: '', |
||||
|
buildId: '', |
||||
|
unitId: '', |
||||
|
homeId: '', |
||||
|
name: '', |
||||
|
mobile: '', |
||||
|
idCard: '', |
||||
|
isWelfare: '0', //福利0否，1是 |
||||
|
isCheck: '0', |
||||
|
gender: '', |
||||
|
age: '', |
||||
|
inTime: '', |
||||
|
inReason: '', |
||||
|
sourceAddress: '', |
||||
|
address: '', |
||||
|
sourceAddressPathCode: '', |
||||
|
sourceAddressCode: '', |
||||
|
householderName: '', |
||||
|
moveNumber: '', |
||||
|
householderRelation: '', |
||||
|
alreadyHaveMaster: false, |
||||
|
isReplace: '0' |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 |
||||
|
|
||||
|
btnDisable: false, |
||||
|
initLoading: false, |
||||
|
|
||||
|
|
||||
|
fmData: iniFmData(), |
||||
|
|
||||
|
userInfo: {}, |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
computed: { |
||||
|
|
||||
|
}, |
||||
|
props: {}, |
||||
|
watch: {}, |
||||
|
|
||||
|
async mounted () { |
||||
|
console.log('mounted-----我执行了') |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
async initForm (id) { |
||||
|
|
||||
|
await this.getDatail(id) |
||||
|
|
||||
|
this.initLoading = true |
||||
|
|
||||
|
}, |
||||
|
async getDatail (moveInId) { |
||||
|
let url = '/epmetuser/icMoveIn/detail' |
||||
|
|
||||
|
const params = { |
||||
|
moveInId: moveInId || '' |
||||
|
} |
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
if (code === 0) { |
||||
|
this.fmData = { ...data } |
||||
|
|
||||
|
|
||||
|
} else this.$message.error(msg) |
||||
|
}, |
||||
|
|
||||
|
resetData () { |
||||
|
this.orgId = '' |
||||
|
|
||||
|
this.btnDisable = false |
||||
|
this.userInfo = {} |
||||
|
this.fmData = iniFmData() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped > |
||||
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
</style> |
||||
|
|
||||
Loading…
Reference in new issue