gx

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) {