Skip to content

Z
zj-manage
Commit 50e09059 by songwenlu
Options

gx

parent c1009eae
Showing with 146 additions and 57 deletions
src/views/FamilyManage/index.vue
......@@ -70,7 +70,16 @@
<template #state>
<el-table-column label="状态描述">
<template slot-scope="scope">
<el-tag :type="scope.row.stateCode=='0'? '':scope.row.stateCode=='002'? 'danger': 'success'">{{ scope.row.state }}</el-tag>
<el-tag
:type="
scope.row.stateCode == '0'
? ''
: scope.row.stateCode == '002'
? 'danger'
: 'success'
"
>{{ scope.row.state }}</el-tag
>
</template>
</el-table-column>
</template>
......@@ -258,7 +267,7 @@
<p class="label">婚姻状况编码</p>
<p class="value">{{ viewDetail.marriageCode }}</p>
</div>
<div class="cell">
<div class="cell" v-if="viewDetail.weddingDate">
<p class="label">结婚日期</p>
<p class="value">{{ viewDetail.weddingDate }}</p>
</div>
......@@ -266,30 +275,47 @@
<p class="label">是否有孩子</p>
<p class="value">{{ viewDetail.haveChildren }}</p>
</div>
<div class="cell" >
<p class="label">结婚证照片</p>
<div class="cell" v-if="viewDetail.marriagePicture?.length > 0">
<p class="label">
{{ viewDetail.marriageCode == "0440" ? "离婚" : "结婚" }}证照片
</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.marrigePicture" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.marriagePicture"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<p class="label">身份证（正，反）照</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.idCardPicture" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.idCardPicture"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<div class="cell" v-if="viewDetail.birthCertificate?.length > 0">
<p class="label">生育登记证明</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.birthCertificate" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.birthCertificate"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
......@@ -324,36 +350,55 @@
<p class="label">工作地址</p>
<p class="value">{{ viewDetail.partnerVO.workUnit }}</p>
</div>
<div class="cell" >
<div class="cell" v-if="viewDetail.partnerVO.marriagePicture?.length">
<p class="label">结婚证照片</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.partnerVO.marrigePicture" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.partnerVO.marriagePicture"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<p class="label">丈夫/妻子身份证（正，反）照</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.partnerVO.idCardPicture" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.partnerVO.idCardPicture"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<div class="cell" v-if="viewDetail.partnerVO.birthCertificate?.length>0">
<p class="label">生育登记证明</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.partnerVO.birthCertificate" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.partnerVO.birthCertificate"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
</div>
<div class="children" v-if="viewDetail.childrenVOList">
<div class="card" v-for="(item, index) in viewDetail.childrenVOList" :key="index">
<div class="children" v-if="viewDetail.childrenVOList?.length>0">
<div
class="card"
v-for="(item, index) in viewDetail.childrenVOList"
:key="index"
>
<div class="title">子女信息{{ index + 1 }}</div>
<div class="cell">
<p class="label">姓名</p>
......@@ -381,41 +426,71 @@
</div>
<div class="cell">
<p class="label">身份证明</p>
<p class="value">{{ item.identification == 1 ? '身份证' :'户口本' }}</p>
<p class="value">
{{ item.identification == 1 ? "身份证" : "户口本" }}
</p>
</div>
<div class="cell">
<div class="cell" v-if="item.identification == 1">
<p class="label">身份证照片</p>
<p class="value">
<el-image v-for="(item, index) in (item.pictureVOList.filter(picture => picture.pictureType == 1))" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in item.pictureVOList.filter(
(picture) => picture.pictureType == 1
)"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<p class="label">出生医学证明</p>
<p class="value">
<el-image v-for="(item, index) in (item.pictureVOList.filter(picture => picture.pictureType == 2))" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in item.pictureVOList.filter(
(picture) => picture.pictureType == 2
)"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<div class="cell" v-if="item.type == '收养'">
<p class="label">收养证明</p>
<p class="value">
<el-image v-for="(item, index) in (item.pictureVOList.filter(picture => picture.pictureType == 3))" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in item.pictureVOList.filter(
(picture) => picture.pictureType == 3
)"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<p class="label">户口本（孩子页)</p>
<div class="cell" v-if="item.identification == 2">
<p class="label">户口本（孩子页）</p>
<p class="value">
<el-image v-for="(item, index) in (item.pictureVOList.filter(picture => picture.pictureType == 4))" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in item.pictureVOList.filter(
(picture) => picture.pictureType == 4
)"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
......@@ -554,11 +629,11 @@ export default {
// width: 250,
// },
{
key:'createTime',
label:'创建时间',
width:250,
fixed:'right'
}
key: "createTime",
label: "创建时间",
width: 250,
fixed: "right",
},
],
pagination: {
total: 0,
......@@ -687,17 +762,31 @@ export default {
this.viewDetail = res.data;
this.viewRow = row;
this.viewShow = true;
this.viewDetail.marrigePicture = res.data.applicantPictureList.filter(item => item.pictureType == 2);
this.viewDetail.idCardPicture = res.data.applicantPictureList.filter(item => item.pictureType == 1);
this.viewDetail.birthCertificate = res.data.applicantPictureList.filter(item => item.pictureType == 3)
this.viewDetail.marriagePicture = res.data.applicantPictureList.filter(
(item) => item.pictureType == 2
);
this.viewDetail.idCardPicture = res.data.applicantPictureList.filter(
(item) => item.pictureType == 1
);
this.viewDetail.birthCertificate = res.data.applicantPictureList.filter(
(item) => item.pictureType == 3
);
//伴侣照片信息
if(this.viewDetail.partnerVO){
this.viewDetail.partnerVO.idCardPicture = this.viewDetail.partnerVO.partnerPictureList.filter(item => item.pictureType == 1 )
this.viewDetail.partnerVO.marrigePicture = this.viewDetail.partnerVO.partnerPictureList.filter(item => item.pictureType == 2 )
this.viewDetail.partnerVO.birthCertificate = this.viewDetail.partnerVO.partnerPictureList.filter(item => item.pictureType == 3 )
if (this.viewDetail.partnerVO) {
this.viewDetail.partnerVO.idCardPicture =
this.viewDetail.partnerVO.partnerPictureList.filter(
(item) => item.pictureType == 1
);
// this.viewDetail.partnerVO.marriagePicture =
// this.viewDetail.partnerVO.partnerPictureList.filter(
// (item) => item.pictureType == 2
// );
// this.viewDetail.partnerVO.birthCertificate =
// this.viewDetail.partnerVO.partnerPictureList.filter(
// (item) => item.pictureType == 3
// );
}
});
},
getRecord(row) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment