From bf9253c56d16e3781cdd34a093de298bce4534f4 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Thu, 15 Jun 2023 17:03:44 +0800
Subject: [PATCH] 1

---
 src/views/components/resiInfo.vue | 4300 +++++++++++++++++------------
 1 file changed, 2526 insertions(+), 1774 deletions(-)

diff --git a/src/views/components/resiInfo.vue b/src/views/components/resiInfo.vue
index 6699b5909..bf214bc17 100644
--- a/src/views/components/resiInfo.vue
+++ b/src/views/components/resiInfo.vue
@@ -1,1323 +1,1996 @@
 <template>
-  <div class="g-main" >
-       <div class=" title-small title_postion" >基础信息 </div>
-         <el-row type="flex" class="f-m-top29">
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">所属网格:</div> <div class="f-left8 f-font-color">{{gridName}}</div>
-             </el-col>
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">所属房屋: </div>  <div  class="f-left8 f-font-color">{{homeName}}</div>
-             </el-col>
-         </el-row>
-         <el-row type="flex" justify=""  class="f-m-top29" >
-             <el-col :span="24" class="f-flex">
-                <div class="f-label">本地户籍:</div> <div class="f-left8 f-font-color"> 
-                  {{resiDetailObj.localResidenceFlag==1?'是':resiDetailObj.localResidenceFlag==0?'否':'--'}}
-                </div>
-             </el-col>
-         </el-row>
-         <el-row type="flex" justify=""  class="f-m-top29" >
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">居民姓名:</div> <div  class="f-left8 f-font-color">{{resiDetailObj.name?resiDetailObj.name:'--'}}</div>
-             </el-col>
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">出生日期: </div>  <div  class="f-left8 f-font-color">{{resiDetailObj.birthday}}</div>
-             </el-col>
-         </el-row>
-         <el-row type="flex" justify=""  class="f-m-top29" >
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">性别:</div> <div  class="f-left8 f-font-color">{{resiDetailObj.gender?resiDetailObj.gender==1?'男':'女':'--'}}</div>
-             </el-col>
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">民族: </div>  <div  class="f-left8 f-font-color">{{resiDetailObj.nationName?resiDetailObj.nationName:'--'}}</div>
-             </el-col>
-         </el-row>
-         <el-row type="flex" justify=""  class="f-m-top29" >
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">联系电话:</div> <div  class="f-left8 f-font-color">
-                   {{resiDetailObj.showMobile?resiDetailObj.showMobile:resiDetailObj.mobile?`${resiDetailObj.mobile.substr(0,3)}`+ "****" +`${resiDetailObj.mobile.substr(7,5)}`:'--'}} 
-                  </div>
-                  <img v-show="this.showFlagMobileBtn && resiDetailObj.mobile" src="../../assets/img/yanjing1.png" alt="" width="14px"  style="margin-left: 10px">
-                  <img v-show="!this.showFlagMobileBtn" src="../../assets/img/yanjing2.png" alt="" width="14px"  style="margin-left: 10px">
-                <el-button v-if="resiDetailObj.mobile"
-                         type="text"
-                         class="div-table-button--blue"
-                         size="small"
-                         @click="handleTuomin('mobile')">{{showFlagMobileBtn?'显示':'隐藏'}}</el-button>
-             </el-col>
-             <el-col :span="12" class="f-flex">
-                <div class="f-label">证件号: </div> 
-                 <div  class="f-left8 f-font-color">{{resiDetailObj.showIdNum?resiDetailObj.showIdNum:resiDetailObj.idNum?`${resiDetailObj.idNum.substr(0, 11)}` +"******" +`${resiDetailObj.idNum.substr(16, 2)}`:'--'}}
-                </div>
-                <img v-show="this.showFlagIdCardBtn &&resiDetailObj.idNum" src="../../assets/img/yanjing1.png" alt="" width="14px"  style="margin-left: 10px">
-                <img v-show="!this.showFlagIdCardBtn" src="../../assets/img/yanjing2.png" alt="" width="14px"  style="margin-left: 10px">
-                <el-button v-if="resiDetailObj.idNum"
-                        
-                         type="text"
-                         class="div-table-button--blue"
-                         size="small"
-                         @click="handleTuomin('idCard')">{{showFlagIdCardBtn?'显示':'隐藏'}}</el-button>
-             </el-col>
-         </el-row>
-         <el-row type="flex" justify=""  class="f-m-top29" >
-             <el-col :span="24" class="f-flex">
-                <div class="f-label">备注:</div> 
-                <div  class="f-left8 f-font-color">{{resiDetailObj.remark?resiDetailObj.remark:'--'}}</div>
-             </el-col>
-         </el-row>
-         <div class=" title-small title_postion f-top40" >分类信息 </div>
-           <el-row class="f-m-top29">
-               <el-col :span="24" class="f-flex">
-                <div class="f-label">居民分类:</div> 
-                <section class="f-left15 f-flex  f-flex1" v-if="resiDetailObj.categoryInfo&& resiClass" style="flex: 1;flex-wrap: wrap;">
-                  <span class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.bereavedPersonFlag==1">特扶人员  </span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.chronicDiseaseFlag==1">慢病</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.dementedFlag==1">失智老人</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.disabilityFlag==1"> 残疾</span>
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.disabledFlag==1">失能老人</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.emptyNesterFlag==1">空巢老人</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.ensureHouseFlag==1">保障房人员</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.fertileWomanFlag==1">育龄妇女</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.floatingFlag==1">流动人口</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.liveAloneFlag==1">独居老人</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.oldPeopleFlag==1">老年人</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.partyFlag==1"> 党员</span>
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.petitionOfficerFlag==1">信访人员</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.seriousIllnessFlag==1"> 大病</span>
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.specialCrowdFlag==1">特殊人群</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.subsistenceAllowanceFlag==1">低保人员</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.unitedFrontFlag==1">统战人员</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.tenantFlag==1">租户</span>
-                   <span  class="f-right30 f-w70  f-font-color f-bto16" v-show="resiDetailObj.categoryInfo.unemployedFlag==1">失业人员</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16"  v-show="resiDetailObj.categoryInfo.veteranFlag==1">退役军人</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16"  v-show="resiDetailObj.categoryInfo.volunteerFlag==1">志愿者</span> 
-                   <span  class="f-right30 f-w70  f-font-color f-bto16"  v-show="resiDetailObj.categoryInfo.publicWelfareFlag==1">公益岗人员</span> 
-               
-                </section>
-                <section v-else>--</section>
-              </el-col>
-           </el-row>
-         <div class=" title-small title_postion f-top40 f-bot24" >其他信息 </div>
-         <el-tabs v-model="activeName" @tab-click="handleClick">
-                      <el-tab-pane label="教育" >
-                           <div class="f-flex f-bto16 f-top24"> 
-                              <div class="f-labels">文化程度:</div> 
-                              <span class="f-left8 f-font-color">{{educationText}}</span> 
-                          </div>
-                           <div class="f-flex f-bto16"> 
-                              <div class="f-labels">备注:</div>
-                                <span class="f-left8 f-font-color">{{eduInfoDto.eduRemark?eduInfoDto.eduRemark:'--'}}</span>
-                             </div>
-                      </el-tab-pane>
-                      <el-tab-pane label="兴趣爱好"  >
-                        <section class="f-flex  f-flex1" style="flex: 1;flex-wrap: wrap;">
-                          <div class="f-labels f-top24">兴趣分类 :</div>
-                            <div v-for="(item,index) in hobbyCodeArr" :key="index"  class="f-top24">
-                               <span class="f-right24 f-font-color" >
-                                {{item}}
-                               </span>
-                              
-                            </div>
-                            <span v-show="hobbyCodeArr.length==0" class="f-top24 f-left8">
-                                  --
-                               </span>
-                         </section>
-                         <el-row type="flex" class="f-flex f-bto16 f-top24" >
-                          <el-col :span="24" class="f-flex">
-                              <div class="f-labels">兴趣:</div> <div class="f-left8 f-font-color">{{hobbyInfoObj.interestDesc?hobbyInfoObj.interestDesc:'--'}}</div>
-                          </el-col>
-                       </el-row>
-                       <el-row type="flex" >
-                          <el-col :span="24" class="f-flex">
-                              <div class="f-labels">备注:</div> <div class="f-left8 f-font-color">{{hobbyInfoObj.hobbyRemark?hobbyInfoObj.hobbyRemark:'--'}}</div>
-                          </el-col>
-                       </el-row>
-                       </el-tab-pane>
-                       <el-tab-pane label="宗教信仰" >
-                        <div class="f-flex f-bto16 f-top24">
-                           <div class="f-labels">宗教:</div> 
-                            <span class="f-left8 f-font-color">{{residentReligionObj.religion?residentReligionObj.religion:'--'}}</span>
-                        </div>
-                        <div class="f-flex f-bto16"> 
-                          <div class="f-labels">备注:</div> 
-                           <span class="f-left8 f-font-color">{{residentReligionObj.religionRemark?residentReligionObj.religionRemark:'--'}}</span>
-                        </div>
-                       </el-tab-pane>
-                       <el-tab-pane label="健康" >
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">残疾类别:</div> 
-                                    <span class="f-left8 f-font-color">{{ categoryText }}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">残疾等级:</div> 
-                                    <span class="f-left8 f-font-color">{{disabilityLevelText}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24"> 
-                                  <div class="f-labels">残疾证号:</div> 
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.disabilityNum?resiHealthInfonObj.disabilityNum:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
+  <div class="g-main">
+    <div class="title-small title_postion">基础信息</div>
+    <el-row type="flex" class="f-m-top29">
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">所属网格:</div>
+        <div class="f-left8 f-font-color">{{ gridName }}</div>
+      </el-col>
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">所属房屋:</div>
+        <div class="f-left8 f-font-color">{{ homeName }}</div>
+      </el-col>
+    </el-row>
+    <el-row type="flex" justify="" class="f-m-top29">
+      <el-col :span="24" class="f-flex">
+        <div class="f-label">本地户籍:</div>
+        <div class="f-left8 f-font-color">
+          {{
+            resiDetailObj.localResidenceFlag == 1
+              ? "是"
+              : resiDetailObj.localResidenceFlag == 0
+              ? "否"
+              : "--"
+          }}
+        </div>
+      </el-col>
+    </el-row>
+    <el-row type="flex" justify="" class="f-m-top29">
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">居民姓名:</div>
+        <div class="f-left8 f-font-color">
+          {{ resiDetailObj.name ? resiDetailObj.name : "--" }}
+        </div>
+      </el-col>
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">出生日期:</div>
+        <div class="f-left8 f-font-color">{{ resiDetailObj.birthday }}</div>
+      </el-col>
+    </el-row>
+    <el-row type="flex" justify="" class="f-m-top29">
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">性别:</div>
+        <div class="f-left8 f-font-color">
+          {{
+            resiDetailObj.gender
+              ? resiDetailObj.gender == 1
+                ? "男"
+                : "女"
+              : "--"
+          }}
+        </div>
+      </el-col>
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">民族:</div>
+        <div class="f-left8 f-font-color">
+          {{ resiDetailObj.nationName ? resiDetailObj.nationName : "--" }}
+        </div>
+      </el-col>
+    </el-row>
+    <el-row type="flex" justify="" class="f-m-top29">
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">联系电话:</div>
+        <div class="f-left8 f-font-color">
+          {{
+            resiDetailObj.showMobile
+              ? resiDetailObj.showMobile
+              : resiDetailObj.mobile
+              ? `${resiDetailObj.mobile.substr(0, 3)}` +
+                "****" +
+                `${resiDetailObj.mobile.substr(7, 5)}`
+              : "--"
+          }}
+        </div>
+        <img
+          v-show="this.showFlagMobileBtn && resiDetailObj.mobile"
+          src="../../assets/img/yanjing1.png"
+          alt=""
+          width="14px"
+          style="margin-left: 10px"
+        />
+        <img
+          v-show="!this.showFlagMobileBtn"
+          src="../../assets/img/yanjing2.png"
+          alt=""
+          width="14px"
+          style="margin-left: 10px"
+        />
+        <el-button
+          v-if="resiDetailObj.mobile"
+          type="text"
+          class="div-table-button--blue"
+          size="small"
+          @click="handleTuomin('mobile')"
+          >{{ showFlagMobileBtn ? "显示" : "隐藏" }}</el-button
+        >
+      </el-col>
+      <el-col :span="12" class="f-flex">
+        <div class="f-label">证件号:</div>
+        <div class="f-left8 f-font-color">
+          {{
+            resiDetailObj.showIdNum
+              ? resiDetailObj.showIdNum
+              : resiDetailObj.idNum
+              ? `${resiDetailObj.idNum.substr(0, 11)}` +
+                "******" +
+                `${resiDetailObj.idNum.substr(16, 2)}`
+              : "--"
+          }}
+        </div>
+        <img
+          v-show="this.showFlagIdCardBtn && resiDetailObj.idNum"
+          src="../../assets/img/yanjing1.png"
+          alt=""
+          width="14px"
+          style="margin-left: 10px"
+        />
+        <img
+          v-show="!this.showFlagIdCardBtn"
+          src="../../assets/img/yanjing2.png"
+          alt=""
+          width="14px"
+          style="margin-left: 10px"
+        />
+        <el-button
+          v-if="resiDetailObj.idNum"
+          type="text"
+          class="div-table-button--blue"
+          size="small"
+          @click="handleTuomin('idCard')"
+          >{{ showFlagIdCardBtn ? "显示" : "隐藏" }}</el-button
+        >
+      </el-col>
+    </el-row>
+    <el-row type="flex" justify="" class="f-m-top29">
+      <el-col :span="24" class="f-flex">
+        <div class="f-label">备注:</div>
+        <div class="f-left8 f-font-color">
+          {{ resiDetailObj.remark ? resiDetailObj.remark : "--" }}
+        </div>
+      </el-col>
+    </el-row>
+    <div class="title-small title_postion f-top40">分类信息</div>
+    <el-row class="f-m-top29">
+      <el-col :span="24" class="f-flex">
+        <div class="f-label">居民分类:</div>
+        <section
+          class="f-left15 f-flex f-flex1"
+          v-if="resiDetailObj.categoryInfo && resiClass"
+          style="flex: 1; flex-wrap: wrap"
+        >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.bereavedPersonFlag == 1"
+            >特扶人员
+          </span>
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.chronicDiseaseFlag == 1"
+            >慢病</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.dementedFlag == 1"
+            >失智老人</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.disabilityFlag == 1"
+          >
+            残疾</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.disabledFlag == 1"
+            >失能老人</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.emptyNesterFlag == 1"
+            >空巢老人</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.ensureHouseFlag == 1"
+            >保障房人员</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.fertileWomanFlag == 1"
+            >育龄妇女</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.floatingFlag == 1"
+            >流动人口</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.liveAloneFlag == 1"
+            >独居老人</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.oldPeopleFlag == 1"
+            >老年人</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.partyFlag == 1"
+          >
+            党员</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.petitionOfficerFlag == 1"
+            >信访人员</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.seriousIllnessFlag == 1"
+          >
+            大病</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.specialCrowdFlag == 1"
+            >特殊人群</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.subsistenceAllowanceFlag == 1"
+            >低保人员</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.unitedFrontFlag == 1"
+            >统战人员</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.tenantFlag == 1"
+            >租户</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.unemployedFlag == 1"
+            >失业人员</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.veteranFlag == 1"
+            >退役军人</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.volunteerFlag == 1"
+            >志愿者</span
+          >
+          <span
+            class="f-right30 f-w70 f-font-color f-bto16"
+            v-show="resiDetailObj.categoryInfo.publicWelfareFlag == 1"
+            >公益岗人员</span
+          >
+        </section>
+        <section v-else>--</section>
+      </el-col>
+    </el-row>
+    <div class="title-small title_postion f-top40 f-bot24">其他信息</div>
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="教育">
+        <div class="f-flex f-bto16 f-top24">
+          <div class="f-labels">文化程度:</div>
+          <span class="f-left8 f-font-color">{{ educationText }}</span>
+        </div>
+        <div class="f-flex f-bto16">
+          <div class="f-labels">备注:</div>
+          <span class="f-left8 f-font-color">{{
+            eduInfoDto.eduRemark ? eduInfoDto.eduRemark : "--"
+          }}</span>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="兴趣爱好">
+        <section class="f-flex f-flex1" style="flex: 1; flex-wrap: wrap">
+          <div class="f-labels f-top24">兴趣分类 :</div>
+          <div
+            v-for="(item, index) in hobbyCodeArr"
+            :key="index"
+            class="f-top24"
+          >
+            <span class="f-right24 f-font-color">
+              {{ item }}
+            </span>
+          </div>
+          <span v-show="hobbyCodeArr.length == 0" class="f-top24 f-left8">
+            --
+          </span>
+        </section>
+        <el-row type="flex" class="f-flex f-bto16 f-top24">
+          <el-col :span="24" class="f-flex">
+            <div class="f-labels">兴趣:</div>
+            <div class="f-left8 f-font-color">
+              {{ hobbyInfoObj.interestDesc ? hobbyInfoObj.interestDesc : "--" }}
+            </div>
+          </el-col>
+        </el-row>
+        <el-row type="flex">
+          <el-col :span="24" class="f-flex">
+            <div class="f-labels">备注:</div>
+            <div class="f-left8 f-font-color">
+              {{ hobbyInfoObj.hobbyRemark ? hobbyInfoObj.hobbyRemark : "--" }}
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="宗教信仰">
+        <div class="f-flex f-bto16 f-top24">
+          <div class="f-labels">宗教:</div>
+          <span class="f-left8 f-font-color">{{
+            residentReligionObj.religion ? residentReligionObj.religion : "--"
+          }}</span>
+        </div>
+        <div class="f-flex f-bto16">
+          <div class="f-labels">备注:</div>
+          <span class="f-left8 f-font-color">{{
+            residentReligionObj.religionRemark
+              ? residentReligionObj.religionRemark
+              : "--"
+          }}</span>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="健康">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">残疾类别:</div>
+              <span class="f-left8 f-font-color">{{ categoryText }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">残疾等级:</div>
+              <span class="f-left8 f-font-color">{{
+                disabilityLevelText
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">残疾证号:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj
+                  ? resiHealthInfonObj.disabilityNum
+                    ? resiHealthInfonObj.disabilityNum
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
 
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">残疾说明:</div> 
-                                    <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.disabilityDesc?resiHealthInfonObj.disabilityDesc:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">监护人:</div>  
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj.guardianFlag==1?'有':resiHealthInfonObj.guardianFlag==0?'无':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">技能特长:</div>
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj.specialSkillFlag==1?'有':resiHealthInfonObj.specialSkillFlag==0?'无':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                      
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">劳动能力:</div> 
-                                    <span class="f-left8 f-font-color">{{resiHealthInfonObj.workCapacityFlag==1?'有':resiHealthInfonObj.workCapacityFlag==0?'无':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">非义务教育阶段助学:</div> 
-                                    <span class="f-left8 f-font-color">{{resiHealthInfonObj.voluntaryEducationFlag==1?'有':resiHealthInfonObj.voluntaryEducationFlag==0?'无':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24"> 
-                                  <div class="f-labels">所患大病:</div> 
-                                  <span class="f-left8 f-font-color">{{illnessText}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">残疾说明:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj
+                  ? resiHealthInfonObj.disabilityDesc
+                    ? resiHealthInfonObj.disabilityDesc
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">监护人:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj.guardianFlag == 1
+                  ? "有"
+                  : resiHealthInfonObj.guardianFlag == 0
+                  ? "无"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">技能特长:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj.specialSkillFlag == 1
+                  ? "有"
+                  : resiHealthInfonObj.specialSkillFlag == 0
+                  ? "无"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
 
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">大病患病时间:</div> 
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj.illnessTime?resiHealthInfonObj.illnessTime?resiHealthInfonObj.illnessTime:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">所患慢性病:</div>  
-                                   <span class="f-left8 f-font-color">{{chronicText}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">慢病患病时间:</div>  
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj.chronicDiseaseTime?resiHealthInfonObj.chronicDiseaseTime?resiHealthInfonObj.chronicDiseaseTime:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">是否参保:</div>
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj.insuredFlag==1?'是':resiHealthInfonObj.insuredFlag==0?'否':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">自付金额:</div> 
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.selfPayAmount?resiHealthInfonObj.selfPayAmount:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">救助金额:</div> 
-                                  <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.deliveranceAmount?resiHealthInfonObj.deliveranceAmount:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">救助时间:</div> 
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.deliveranceTime?resiHealthInfonObj.deliveranceTime:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">享受救助明细序号:</div> 
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.deliveranceNum?resiHealthInfonObj.deliveranceNum:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                            <el-col :span="24">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">备注:</div>  
-                                   <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.healthRemark?resiHealthInfonObj.healthRemark:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                       </el-tab-pane>
-                       <el-tab-pane label="工作"  >
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">工作单位:</div> 
-                                   <span class="f-left8 f-font-color">{{residentWorkInfoObj?residentWorkInfoObj.workUnit?residentWorkInfoObj.workUnit:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">职业:</div> 
-                                    <span class="f-left8 f-font-color">{{residentWorkInfoObj?residentWorkInfoObj.occupation?residentWorkInfoObj.occupation:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">离退休时间:</div>  
-                                  <span class="f-left8 f-font-color">{{residentWorkInfoObj?residentWorkInfoObj.retireTime?residentWorkInfoObj.retireTime.substr(0,10):'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                            <div class="f-flex f-bto16 f-top24">
-                               <div class="f-labels">备注:</div>
-                               <span class="f-left8 f-font-color">{{residentWorkInfoObj?residentWorkInfoObj.workRemark?residentWorkInfoObj.workRemark:'--':'--'}}</span> 
-                               </div>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="经济状况">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">退休金额:</div>  
-                                   <span class="f-left8 f-font-color">{{resiEconomyObj?resiEconomyObj.retirementAmount?resiEconomyObj.retirementAmount:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">月收入:</div>  
-                                   <span class="f-left8 f-font-color">{{resiEconomyObj?resiEconomyObj.monthIncome?resiEconomyObj.monthIncome:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                            
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="居住">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">籍贯:</div> 
-                                 <span class="f-left8 f-font-color">{{residentResideInfoObj?residentResideInfoObj.nativePlace?residentResideInfoObj.nativePlace:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">户籍所在地:</div> 
-                                 <span class="f-left8 f-font-color">{{residentResideInfoObj?residentResideInfoObj.placeOfDomicile?residentResideInfoObj.placeOfDomicile:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">现居住地:</div> 
-                                 <span class="f-left8 f-font-color">{{residentResideInfoObj?residentResideInfoObj.currentResidence?residentResideInfoObj.currentResidence:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">人户状况:</div> 
-                                   <span class="f-left8 f-font-color">{{householdText}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="16">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">备注:</div>
-                                 <span class="f-left8 f-font-color">{{residentResideInfoObj?residentResideInfoObj.resiRemark?residentResideInfoObj.resiRemark:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="家庭" >
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">与户主关系	:</div> 
-                                 <span class="f-left8 f-font-color">{{relationshipText}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">居住情况	:</div>  
-                                <span class="f-left8 f-font-color">{{resideText}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">婚姻状况	:</div> 
-                                 <span class="f-left8 f-font-color">{{categoryDictText}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">有无赡养人	:</div>  
-                                <span class="f-left8 f-font-color">{{residentFamilyInfoObj.elderlyFlag==1?'有':residentFamilyInfoObj.elderlyFlag==0?'无':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">与赡养人关系	:</div> 
-                                 <span class="f-left8 f-font-color">{{elderlyRelationText}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">赡养人联系电话	:</div> 
-                                 <span class="f-left8 f-font-color">{{residentFamilyInfoObj?residentFamilyInfoObj.dependantMobile?residentFamilyInfoObj.dependantMobile:'--':'--'}}</span> 
-                                 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                            <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">配偶情况	:</div>  
-                                <span class="f-left8 f-font-color">{{spouseText}}</span> 
-                                </div>
-                              </el-col>
-                            <el-col :span="16">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">备注	:</div> 
-                                 <span class="f-left8 f-font-color">{{residentFamilyInfoObj?residentFamilyInfoObj.familyInfoRemark?residentFamilyInfoObj.familyInfoRemark:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                   
-                      <el-tab-pane label="出生信息" >
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">出生地	 :</div>  
-                                <span class="f-left8 f-font-color">{{residentBirthRecordObj?residentBirthRecordObj.birthplace?residentBirthRecordObj.birthplace:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">父亲姓名	 :</div>  
-                                <span class="f-left8 f-font-color">{{residentBirthRecordObj?residentBirthRecordObj.father	?residentBirthRecordObj.father	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">母亲姓名	 :</div>  
-                                <span class="f-left8 f-font-color">{{residentBirthRecordObj?residentBirthRecordObj.mother?residentBirthRecordObj.mother:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">胎次		 :</div>  
-                                <span class="f-left8 f-font-color">{{residentBirthRecordObj?residentBirthRecordObj.count?residentBirthRecordObj.count:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">申报日期		 :</div>  
-                                <span class="f-left8 f-font-color">{{residentBirthRecordObj?residentBirthRecordObj.reportDate	?residentBirthRecordObj.reportDate	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                     
-                      <el-tab-pane label="更新记录">
-                        <el-table
-                          class="m-table-item"
-                          :data="tableData"
-                          border
-                          style="width: 100%"
-                        >
-      
-                  <el-table-column
-                    label="序号"
-                    type="index"
-                    fixed="left"
-                    align="left"
-                    width="50"
-                  >
-                   </el-table-column>
-                  <el-table-column
-                    v-for="item in tableHeader"
-                    :key="item.columnName"
-                    :prop="item.columnName"
-                    :label="item.label"
-                    align="left"
-                    :show-overflow-tooltip="true"
-                    :width="item.width || ''"
-                  >
-                    <template slot-scope="scope">
-                      <span >{{ handleFilterSpan(scope.row, item) }}</span>
-                    </template>
-                  </el-table-column>
-      
-      </el-table>
-                      </el-tab-pane>
-                     
-                      <el-tab-pane label="党员"  v-if="dyShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">入党时间	:</div> 
-                                 <span class="f-left8 f-font-color">{{residentPartyMemberInfoObj.joinTime?residentPartyMemberInfoObj.joinTime.substr(0,10):'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">转正时间	:</div> 
-                                 <span class="f-left8 f-font-color">{{residentPartyMemberInfoObj?residentPartyMemberInfoObj.positiveTime?residentPartyMemberInfoObj.positiveTime.substr(0,10):'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">所属支部	:</div>
-                                 <span class="f-left8 f-font-color">{{residentPartyMemberInfoObj?residentPartyMemberInfoObj.branchId?residentPartyMemberInfoObj.branchId:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                        
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">是否退休	:</div> 
-                                 <span class="f-left8 f-font-color">{{residentPartyMemberInfoObj.retiredFlag==1?'是':residentPartyMemberInfoObj.retiredFlag==0?'否':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">是否党员中心户	:</div> 
-                                 <span class="f-left8 f-font-color">{{residentPartyMemberInfoObj.centerFlag==1?'是':residentPartyMemberInfoObj.centerFlag==0?'否':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">入党时所在党支部		:</div>
-                                  <span class="f-left8 f-font-color">{{residentPartyMemberInfoObj?residentPartyMemberInfoObj.joinBranchName?residentPartyMemberInfoObj.joinBranchName:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">组织关系转入社区时间	:</div>  
-                                <span class="f-left8 f-font-color">{{residentPartyMemberInfoObj?residentPartyMemberInfoObj.joinCommunityTime?residentPartyMemberInfoObj.joinCommunityTime.substr(0,10):'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">是否请长假	:</div> 
-                                 <span class="f-left8 f-font-color" >{{residentPartyMemberInfoObj.longHolidayFlag==1?'是':residentPartyMemberInfoObj.longHolidayFlag==0?'否':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="保障房" v-if="bzfShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">住房性质	:</div>  
-                                <span class="f-left8 f-font-color">{{houseText}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">保障类型 :</div>  
-                                <span class="f-left8 f-font-color">{{residentEnsureHouseObj?residentEnsureHouseObj.securityType?residentEnsureHouseObj.securityType:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">发证日期		:</div>  
-                                <span class="f-left8 f-font-color">{{residentEnsureHouseObj?residentEnsureHouseObj.certificateDate?residentEnsureHouseObj.certificateDate.substr(0,10):'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">补贴编号 :</div>  
-                                <span class="f-left8 f-font-color">{{residentEnsureHouseObj?residentEnsureHouseObj.subsidyNum?residentEnsureHouseObj.subsidyNum:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">补贴金额 :</div>  
-                                <span class="f-left8 f-font-color">{{residentEnsureHouseObj?residentEnsureHouseObj.subsidyAmount	?residentEnsureHouseObj.subsidyAmount	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                            
-                          </el-row>
-                      </el-tab-pane>
-                       <el-tab-pane label="失业" v-if="syShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">原工作单位		:</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj?residentUnemployedObj.originWorkUnit?residentUnemployedObj.originWorkUnit:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">失业时间 :</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj?residentUnemployedObj.unemploymentTime?residentUnemployedObj.unemploymentTime.substr(0,10):'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">失业证号 :</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj?residentUnemployedObj.unemploymentNum?residentUnemployedObj.unemploymentNum:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">再就业优惠证号	:</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj?residentUnemployedObj.employmentNum?residentUnemployedObj.employmentNum:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">技术特长 :</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj?residentUnemployedObj.specialSkill?residentUnemployedObj.specialSkill:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">失业原因 :</div>  
-                                <span class="f-left8 f-font-color">{{unemploymentText}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">再就业优惠证号	:</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj?residentUnemployedObj.employmentNum?residentUnemployedObj.employmentNum:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">是否就业困难对象 :</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj.employmentHardFlag==1?'是':residentUnemployedObj.employmentHardFlag==0?'否':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">劳动能力就业愿望	 :</div>  
-                                <span class="f-left8 f-font-color">{{residentUnemployedObj?residentUnemployedObj.employmentWish?residentUnemployedObj.employmentWish:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="退役军人"  v-if="tyjrShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">入伍时间 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.joinArmyTime?residentVeteranObj.joinArmyTime.substr(0,10):'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">退伍时间 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.leaveArmyTime	?residentVeteranObj.leaveArmyTime.substr(0,10)	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">服役单位 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.serviceUnit?residentVeteranObj.serviceUnit:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">接收单位 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.receiveUnit?residentVeteranObj.receiveUnit:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">待安置补助金 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.settlementAmount	?residentVeteranObj.settlementAmount	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">培训状况 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.trainDesc?residentVeteranObj.trainDesc:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">参战时间开始日期 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.joinWarStartTime?residentVeteranObj.joinWarStartTime.substr(0,10):'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">参战时间截止日期 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.joinWarEndTime	?residentVeteranObj.joinWarEndTime.substr(0,10):'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">现就业情况 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj?residentVeteranObj.employmentSituation?residentVeteranObj.employmentSituation:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">是否办理公益性岗位 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVeteranObj.pubWelfareJobFlag==1?'是':residentVeteranObj.pubWelfareJobFlag==0?'否':'--'}}</span> 
-                               </div>
-                              </el-col>
-                             
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="统战人员"  v-if="tzryShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">职务 :</div>  
-                                <span class="f-left8 f-font-color">{{residentUnitedFrontObj?residentUnitedFrontObj.duty?residentUnitedFrontObj.duty:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">探亲情况	 :</div>  
-                                <span class="f-left8 f-font-color">{{residentUnitedFrontObj?residentUnitedFrontObj.visitation	?residentUnitedFrontObj.visitation	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="志愿者"   v-if="zyzShowStatus">
-                        <section class="f-flex  f-flex1" style="flex: 1;flex-wrap: wrap;">
-                          <div class="f-labels f-top24">志愿者类别 :</div>
-                            <div v-for="(item,index) in volunteerCategoryArr" :key="index"  class="f-top24">
-                               <span class="f-right24 f-font-color" >
-                                {{item}}
-                               </span>
-                              
-                            </div>
-                            <span v-show="volunteerCategoryArr.length==0" class="f-top24 f-left8">
-                                  --
-                               </span>
-                         </section>
-                        <el-row>
-                              <el-col :span="24">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">备注 :</div>  
-                                <span class="f-left8 f-font-color">{{residentVolunteerObj?residentVolunteerObj.volunteerRemark?residentVolunteerObj.volunteerRemark:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="老年人"  v-if="lnrShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">高龄补助	 :</div>  
-                                <span class="f-left8 f-font-color">{{residentOldPeopleObj.oldSubsidy?residentOldPeopleObj.oldSubsidy:'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="特殊人群" v-if="tsrqShowStatus">
-                        <section class="f-flex  f-flex1" style="flex: 1;flex-wrap: wrap;">
-                          <div class="f-labels f-top24">特殊人群类别 :</div>
-                            <div v-for="(item,index) in specialDtoArrText" :key="index"  class="f-top24">
-                               <span class="f-right24 f-font-color" >
-                                {{item}}
-                               </span>
-                              
-                            </div>
-                            <span v-show="specialDtoArrText.length==0" class="f-top24 f-left8">
-                                  --
-                               </span>
-                         </section>
-                      </el-tab-pane>    
-                      <el-tab-pane label="死亡人员"  v-if="resiDetailObj.deathFlag">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">死亡时间 :</div>  
-                                <span class="f-left8 f-font-color">{{residentDeathRecordObj?residentDeathRecordObj.deathDate?residentDeathRecordObj.deathDate.substr(0,10):'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">加入原因 :</div>  
-                                <span class="f-left8 f-font-color">{{residentDeathRecordObj?residentDeathRecordObj.deathReason	?residentDeathRecordObj.deathReason	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">移除时间	:</div>  
-                                <span class="f-left8 f-font-color">{{residentDeathRecordObj?residentDeathRecordObj.removeDate	?residentDeathRecordObj.removeDate.substr(0,10)	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">移除原因 :</div>  
-                                <span class="f-left8 f-font-color">{{residentDeathRecordObj?residentDeathRecordObj.removeReason?residentDeathRecordObj.removeReason:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="迁出" v-if="qcShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">迁出日期	 :</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.outOfTime?residentMoveOutRecordObj.outOfTime.substr(0,10):'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">迁出类型	:</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.type	?residentMoveOutRecordObj.type	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">迁出原因	:</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.reason	?residentMoveOutRecordObj.reason:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">迁出至组织		 :</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.deptId?residentMoveOutRecordObj.deptId:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">小区	:</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.villageName	?residentMoveOutRecordObj.villageName	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">楼号		:</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.buildName	?residentMoveOutRecordObj.buildName:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                          <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">单元		 :</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.unitName	?residentMoveOutRecordObj.unitName	:'--':'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">房屋	:</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.homeName	?residentMoveOutRecordObj.homeName	:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">外迁地址 :</div>  
-                                <span class="f-left8 f-font-color">{{residentMoveOutRecordObj?residentMoveOutRecordObj.address	?residentMoveOutRecordObj.address:'--':'--'}}</span> 
-                                </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                      <el-tab-pane label="公益岗人员"  v-if="gygShowStatus">
-                        <el-row>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">入职时间:</div>  
-                                <span class="f-left8 f-font-color">{{postDto.hiredate?postDto.hiredate:'--'}}</span> 
-                               </div>
-                              </el-col>
-                              <el-col :span="8">
-                                <div class="f-flex f-bto16 f-top24">
-                                   <div class="f-labels">岗位类型:</div>  
-                                <span class="f-left8 f-font-color">{{postDto.jobPost?postDto.jobPost:'--'}}</span> 
-                               </div>
-                              </el-col>
-                          </el-row>
-                      </el-tab-pane>
-                </el-tabs>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">劳动能力:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj.workCapacityFlag == 1
+                  ? "有"
+                  : resiHealthInfonObj.workCapacityFlag == 0
+                  ? "无"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">非义务教育阶段助学:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj.voluntaryEducationFlag == 1
+                  ? "有"
+                  : resiHealthInfonObj.voluntaryEducationFlag == 0
+                  ? "无"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">所患大病:</div>
+              <span class="f-left8 f-font-color">{{ illnessText }}</span>
+            </div>
+          </el-col>
+        </el-row>
 
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">大病患病时间:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj.illnessTime
+                  ? resiHealthInfonObj.illnessTime
+                    ? resiHealthInfonObj.illnessTime
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">所患慢性病:</div>
+              <span class="f-left8 f-font-color">{{ chronicText }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">慢病患病时间:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj.chronicDiseaseTime
+                  ? resiHealthInfonObj.chronicDiseaseTime
+                    ? resiHealthInfonObj.chronicDiseaseTime
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">是否参保:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj.insuredFlag == 1
+                  ? "是"
+                  : resiHealthInfonObj.insuredFlag == 0
+                  ? "否"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">自付金额:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj
+                  ? resiHealthInfonObj.selfPayAmount
+                    ? resiHealthInfonObj.selfPayAmount
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">救助金额:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj
+                  ? resiHealthInfonObj.deliveranceAmount
+                    ? resiHealthInfonObj.deliveranceAmount
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">救助时间:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj
+                  ? resiHealthInfonObj.deliveranceTime
+                    ? resiHealthInfonObj.deliveranceTime
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">享受救助明细序号:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj
+                  ? resiHealthInfonObj.deliveranceNum
+                    ? resiHealthInfonObj.deliveranceNum
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">备注:</div>
+              <span class="f-left8 f-font-color">{{
+                resiHealthInfonObj
+                  ? resiHealthInfonObj.healthRemark
+                    ? resiHealthInfonObj.healthRemark
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="工作">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">工作单位:</div>
+              <span class="f-left8 f-font-color">{{
+                residentWorkInfoObj
+                  ? residentWorkInfoObj.workUnit
+                    ? residentWorkInfoObj.workUnit
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">职业:</div>
+              <span class="f-left8 f-font-color">{{
+                residentWorkInfoObj
+                  ? residentWorkInfoObj.occupation
+                    ? residentWorkInfoObj.occupation
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">离退休时间:</div>
+              <span class="f-left8 f-font-color">{{
+                residentWorkInfoObj
+                  ? residentWorkInfoObj.retireTime
+                    ? residentWorkInfoObj.retireTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <div class="f-flex f-bto16 f-top24">
+            <div class="f-labels">备注:</div>
+            <span class="f-left8 f-font-color">{{
+              residentWorkInfoObj
+                ? residentWorkInfoObj.workRemark
+                  ? residentWorkInfoObj.workRemark
+                  : "--"
+                : "--"
+            }}</span>
+          </div>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="经济状况">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">退休金额:</div>
+              <span class="f-left8 f-font-color">{{
+                resiEconomyObj
+                  ? resiEconomyObj.retirementAmount
+                    ? resiEconomyObj.retirementAmount
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">月收入:</div>
+              <span class="f-left8 f-font-color">{{
+                resiEconomyObj
+                  ? resiEconomyObj.monthIncome
+                    ? resiEconomyObj.monthIncome
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="居住">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">籍贯:</div>
+              <span class="f-left8 f-font-color">{{
+                residentResideInfoObj
+                  ? residentResideInfoObj.nativePlace
+                    ? residentResideInfoObj.nativePlace
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">户籍所在地:</div>
+              <span class="f-left8 f-font-color">{{
+                residentResideInfoObj
+                  ? residentResideInfoObj.placeOfDomicile
+                    ? residentResideInfoObj.placeOfDomicile
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">现居住地:</div>
+              <span class="f-left8 f-font-color">{{
+                residentResideInfoObj
+                  ? residentResideInfoObj.currentResidence
+                    ? residentResideInfoObj.currentResidence
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">人户状况:</div>
+              <span class="f-left8 f-font-color">{{ householdText }}</span>
+            </div>
+          </el-col>
+          <el-col :span="16">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">备注:</div>
+              <span class="f-left8 f-font-color">{{
+                residentResideInfoObj
+                  ? residentResideInfoObj.resiRemark
+                    ? residentResideInfoObj.resiRemark
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="家庭">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">与户主关系 :</div>
+              <span class="f-left8 f-font-color">{{ relationshipText }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">居住情况 :</div>
+              <span class="f-left8 f-font-color">{{ resideText }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">婚姻状况 :</div>
+              <span class="f-left8 f-font-color">{{ categoryDictText }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">有无赡养人 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentFamilyInfoObj.elderlyFlag == 1
+                  ? "有"
+                  : residentFamilyInfoObj.elderlyFlag == 0
+                  ? "无"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">与赡养人关系 :</div>
+              <span class="f-left8 f-font-color">{{
+                elderlyRelationText
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">赡养人联系电话 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentFamilyInfoObj
+                  ? residentFamilyInfoObj.dependantMobile
+                    ? residentFamilyInfoObj.dependantMobile
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">配偶情况 :</div>
+              <span class="f-left8 f-font-color">{{ spouseText }}</span>
+            </div>
+          </el-col>
+          <el-col :span="16">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">备注 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentFamilyInfoObj
+                  ? residentFamilyInfoObj.familyInfoRemark
+                    ? residentFamilyInfoObj.familyInfoRemark
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+
+      <el-tab-pane label="出生信息">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">出生地 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentBirthRecordObj
+                  ? residentBirthRecordObj.birthplace
+                    ? residentBirthRecordObj.birthplace
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">父亲姓名 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentBirthRecordObj
+                  ? residentBirthRecordObj.father
+                    ? residentBirthRecordObj.father
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">母亲姓名 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentBirthRecordObj
+                  ? residentBirthRecordObj.mother
+                    ? residentBirthRecordObj.mother
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">胎次 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentBirthRecordObj
+                  ? residentBirthRecordObj.count
+                    ? residentBirthRecordObj.count
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">申报日期 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentBirthRecordObj
+                  ? residentBirthRecordObj.reportDate
+                    ? residentBirthRecordObj.reportDate
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+
+      <el-tab-pane label="更新记录">
+        <el-table
+          class="m-table-item"
+          :data="tableData"
+          border
+          style="width: 100%"
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            fixed="left"
+            align="left"
+            width="50"
+          >
+          </el-table-column>
+          <el-table-column
+            v-for="item in tableHeader"
+            :key="item.columnName"
+            :prop="item.columnName"
+            :label="item.label"
+            align="left"
+            :show-overflow-tooltip="true"
+            :width="item.width || ''"
+          >
+            <template slot-scope="scope">
+              <span>{{ handleFilterSpan(scope.row, item) }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+
+      <el-tab-pane label="党员" v-if="dyShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">入党时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj.joinTime
+                  ? residentPartyMemberInfoObj.joinTime.substr(0, 10)
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">转正时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj
+                  ? residentPartyMemberInfoObj.positiveTime
+                    ? residentPartyMemberInfoObj.positiveTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">所属支部 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj
+                  ? residentPartyMemberInfoObj.branchId
+                    ? residentPartyMemberInfoObj.branchId
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">是否退休 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj.retiredFlag == 1
+                  ? "是"
+                  : residentPartyMemberInfoObj.retiredFlag == 0
+                  ? "否"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">是否党员中心户 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj.centerFlag == 1
+                  ? "是"
+                  : residentPartyMemberInfoObj.centerFlag == 0
+                  ? "否"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">入党时所在党支部 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj
+                  ? residentPartyMemberInfoObj.joinBranchName
+                    ? residentPartyMemberInfoObj.joinBranchName
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">组织关系转入社区时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj
+                  ? residentPartyMemberInfoObj.joinCommunityTime
+                    ? residentPartyMemberInfoObj.joinCommunityTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">是否请长假 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentPartyMemberInfoObj.longHolidayFlag == 1
+                  ? "是"
+                  : residentPartyMemberInfoObj.longHolidayFlag == 0
+                  ? "否"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="保障房" v-if="bzfShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">住房性质 :</div>
+              <span class="f-left8 f-font-color">{{ houseText }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">保障类型 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentEnsureHouseObj
+                  ? residentEnsureHouseObj.securityType
+                    ? residentEnsureHouseObj.securityType
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">发证日期 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentEnsureHouseObj
+                  ? residentEnsureHouseObj.certificateDate
+                    ? residentEnsureHouseObj.certificateDate.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">补贴编号 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentEnsureHouseObj
+                  ? residentEnsureHouseObj.subsidyNum
+                    ? residentEnsureHouseObj.subsidyNum
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">补贴金额 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentEnsureHouseObj
+                  ? residentEnsureHouseObj.subsidyAmount
+                    ? residentEnsureHouseObj.subsidyAmount
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="失业" v-if="syShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">原工作单位 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj
+                  ? residentUnemployedObj.originWorkUnit
+                    ? residentUnemployedObj.originWorkUnit
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">失业时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj
+                  ? residentUnemployedObj.unemploymentTime
+                    ? residentUnemployedObj.unemploymentTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">失业证号 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj
+                  ? residentUnemployedObj.unemploymentNum
+                    ? residentUnemployedObj.unemploymentNum
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">再就业优惠证号 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj
+                  ? residentUnemployedObj.employmentNum
+                    ? residentUnemployedObj.employmentNum
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">技术特长 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj
+                  ? residentUnemployedObj.specialSkill
+                    ? residentUnemployedObj.specialSkill
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">失业原因 :</div>
+              <span class="f-left8 f-font-color">{{ unemploymentText }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">再就业优惠证号 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj
+                  ? residentUnemployedObj.employmentNum
+                    ? residentUnemployedObj.employmentNum
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">是否就业困难对象 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj.employmentHardFlag == 1
+                  ? "是"
+                  : residentUnemployedObj.employmentHardFlag == 0
+                  ? "否"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">劳动能力就业愿望 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnemployedObj
+                  ? residentUnemployedObj.employmentWish
+                    ? residentUnemployedObj.employmentWish
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="退役军人" v-if="tyjrShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">入伍时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.joinArmyTime
+                    ? residentVeteranObj.joinArmyTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">退伍时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.leaveArmyTime
+                    ? residentVeteranObj.leaveArmyTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">服役单位 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.serviceUnit
+                    ? residentVeteranObj.serviceUnit
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">接收单位 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.receiveUnit
+                    ? residentVeteranObj.receiveUnit
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">待安置补助金 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.settlementAmount
+                    ? residentVeteranObj.settlementAmount
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">培训状况 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.trainDesc
+                    ? residentVeteranObj.trainDesc
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">参战时间开始日期 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.joinWarStartTime
+                    ? residentVeteranObj.joinWarStartTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">参战时间截止日期 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.joinWarEndTime
+                    ? residentVeteranObj.joinWarEndTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">现就业情况 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj
+                  ? residentVeteranObj.employmentSituation
+                    ? residentVeteranObj.employmentSituation
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">是否办理公益性岗位 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVeteranObj.pubWelfareJobFlag == 1
+                  ? "是"
+                  : residentVeteranObj.pubWelfareJobFlag == 0
+                  ? "否"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="统战人员" v-if="tzryShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">职务 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnitedFrontObj
+                  ? residentUnitedFrontObj.duty
+                    ? residentUnitedFrontObj.duty
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">探亲情况 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentUnitedFrontObj
+                  ? residentUnitedFrontObj.visitation
+                    ? residentUnitedFrontObj.visitation
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="志愿者" v-if="zyzShowStatus">
+        <section class="f-flex f-flex1" style="flex: 1; flex-wrap: wrap">
+          <div class="f-labels f-top24">志愿者类别 :</div>
+          <div
+            v-for="(item, index) in volunteerCategoryArr"
+            :key="index"
+            class="f-top24"
+          >
+            <span class="f-right24 f-font-color">
+              {{ item }}
+            </span>
+          </div>
+          <span
+            v-show="volunteerCategoryArr.length == 0"
+            class="f-top24 f-left8"
+          >
+            --
+          </span>
+        </section>
+        <el-row>
+          <el-col :span="24">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">备注 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentVolunteerObj
+                  ? residentVolunteerObj.volunteerRemark
+                    ? residentVolunteerObj.volunteerRemark
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="老年人" v-if="lnrShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">高龄补助 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentOldPeopleObj.oldSubsidy
+                  ? residentOldPeopleObj.oldSubsidy
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="特殊人群" v-if="tsrqShowStatus">
+        <section class="f-flex f-flex1" style="flex: 1; flex-wrap: wrap">
+          <div class="f-labels f-top24">特殊人群类别 :</div>
+          <div
+            v-for="(item, index) in specialDtoArrText"
+            :key="index"
+            class="f-top24"
+          >
+            <span class="f-right24 f-font-color">
+              {{ item }}
+            </span>
+          </div>
+          <span v-show="specialDtoArrText.length == 0" class="f-top24 f-left8">
+            --
+          </span>
+        </section>
+      </el-tab-pane>
+      <el-tab-pane label="死亡人员" v-if="resiDetailObj.deathFlag">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">死亡时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentDeathRecordObj
+                  ? residentDeathRecordObj.deathDate
+                    ? residentDeathRecordObj.deathDate.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">加入原因 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentDeathRecordObj
+                  ? residentDeathRecordObj.deathReason
+                    ? residentDeathRecordObj.deathReason
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">移除时间 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentDeathRecordObj
+                  ? residentDeathRecordObj.removeDate
+                    ? residentDeathRecordObj.removeDate.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">移除原因 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentDeathRecordObj
+                  ? residentDeathRecordObj.removeReason
+                    ? residentDeathRecordObj.removeReason
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="迁出" v-if="qcShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">迁出日期 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.outOfTime
+                    ? residentMoveOutRecordObj.outOfTime.substr(0, 10)
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">迁出类型 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.type
+                    ? residentMoveOutRecordObj.type
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">迁出原因 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.reason
+                    ? residentMoveOutRecordObj.reason
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">迁出至组织 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.deptId
+                    ? residentMoveOutRecordObj.deptId
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">小区 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.villageName
+                    ? residentMoveOutRecordObj.villageName
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">楼号 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.buildName
+                    ? residentMoveOutRecordObj.buildName
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">单元 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.unitName
+                    ? residentMoveOutRecordObj.unitName
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">房屋 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.homeName
+                    ? residentMoveOutRecordObj.homeName
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">外迁地址 :</div>
+              <span class="f-left8 f-font-color">{{
+                residentMoveOutRecordObj
+                  ? residentMoveOutRecordObj.address
+                    ? residentMoveOutRecordObj.address
+                    : "--"
+                  : "--"
+              }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+      <el-tab-pane label="公益岗人员" v-if="gygShowStatus">
+        <el-row>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">入职时间:</div>
+              <span class="f-left8 f-font-color">{{
+                postDto.hiredate ? postDto.hiredate : "--"
+              }}</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="f-flex f-bto16 f-top24">
+              <div class="f-labels">岗位类型:</div>
+              <span class="f-left8 f-font-color">{{ PostText }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-tab-pane>
+    </el-tabs>
   </div>
 </template>
 
 <script>
-
-import { requestPost, requestGet } from '@/js/dai/request'
+import { requestPost, requestGet } from "@/js/dai/request";
 export default {
-  name: 'resInfo',
+  name: "resInfo",
   props: {
     resiId: {
-        type: String,
-      },
-
+      type: String,
+    },
   },
-  data () {
-   return {
-    tableData:[],//更新记录
-    resiDetailObj:{},
-    activeName:0,
-    eduInfoDto:{},
-    tableHeader: [
+  data() {
+    return {
+      tableData: [], //更新记录
+      resiDetailObj: {},
+      activeName: 0,
+      eduInfoDto: {},
+      tableHeader: [
         { columnName: "typeName", label: "变更类型", width: 80 },
         { columnName: "reason", label: "原因", width: 150 },
         { columnName: "createdTime", label: "变更时间", width: 150 },
-        { columnName: "beforeChangeName", label: "变更前" , width: 200 },
-        { columnName: "afterChangeName", label: "变更后" , width: 200 },
+        { columnName: "beforeChangeName", label: "变更前", width: 200 },
+        { columnName: "afterChangeName", label: "变更后", width: 200 },
         { columnName: "operatorName", label: "操作人", width: 80 },
         { columnName: "changeTime", label: "调整时间", width: 150 },
         { columnName: "remark", label: "备注", width: 100 },
       ],
-    hobbyInfoObj:{},
-    residentReligionObj:{},
-    resiHealthInfonObj:{},//健康
-    residentWorkInfoObj:{},
-    residentUnitedFrontObj:{},
-    residentVolunteerObj:{},//志愿者
-    residentBirthRecordObj:{},
-    residentOldPeopleObj:{},
-    residentSpecialObj:{},//特殊人群
-    residentVeteranObj:{},
-    residentUnemployedObj:{},//失业
-    residentEnsureHouseObj:{},//保障房
-    residentPartyMemberInfoObj:{},//党员
-    residentResideInfoObj:{},//居住
-    residentFamilyInfoObj:{},//家庭
-    residentDeathRecordObj:{},//死亡
-    postDto:{},//公益岗人员
-    resiEconomyObj:{},
-    residentMoveOutRecordObj:{},//迁出
-    // 字典分割线
-    educationDictonArr:[],
-    hobbyArr:[],
-    volunteerArr:[],
-    disability_levelArr:[],
-    illnessArr:[],
-    householdArr:[],
-    houseArr:[],
-    unemploymentArr:[],
-    chronicArr:[],
-    resideArr:[],
-    marriageArr:[],
-    specialDtoArr:[],
-    spouseArr:[],
-    relationshipArr:[],
-    categoryDictArr:[],
-    showFlagIdCardBtn:true,
-    showFlagMobileBtn:true
-   }
+      PostDictonArr: [],
+      hobbyInfoObj: {},
+      residentReligionObj: {},
+      resiHealthInfonObj: {}, //健康
+      residentWorkInfoObj: {},
+      residentUnitedFrontObj: {},
+      residentVolunteerObj: {}, //志愿者
+      residentBirthRecordObj: {},
+      residentOldPeopleObj: {},
+      residentSpecialObj: {}, //特殊人群
+      residentVeteranObj: {},
+      residentUnemployedObj: {}, //失业
+      residentEnsureHouseObj: {}, //保障房
+      residentPartyMemberInfoObj: {}, //党员
+      residentResideInfoObj: {}, //居住
+      residentFamilyInfoObj: {}, //家庭
+      residentDeathRecordObj: {}, //死亡
+      postDto: {}, //公益岗人员
+      resiEconomyObj: {},
+      residentMoveOutRecordObj: {}, //迁出
+      // 字典分割线
+      educationDictonArr: [],
+      hobbyArr: [],
+      volunteerArr: [],
+      disability_levelArr: [],
+      illnessArr: [],
+      householdArr: [],
+      houseArr: [],
+      unemploymentArr: [],
+      chronicArr: [],
+      resideArr: [],
+      marriageArr: [],
+      specialDtoArr: [],
+      spouseArr: [],
+      relationshipArr: [],
+      categoryDictArr: [],
+      showFlagIdCardBtn: true,
+      showFlagMobileBtn: true,
+    };
   },
   computed: {
-        gridName(){
-       let arr = []
-       if(this.resiDetailObj.houseInfo&&this.resiDetailObj.houseInfo.gridName){
-        arr = this.resiDetailObj.houseInfo.gridName
-       }else {
-        arr = '--'
-       }
-        return arr
-        },
-        homeName(item){
-       let arr = []
-       if(this.resiDetailObj.houseInfo&&this.resiDetailObj.houseInfo.homeName){
-        arr = this.resiDetailObj.houseInfo.homeName
-       }else {
-        arr = '--'
-       }
-        return arr
-        },
-        educationText(){
-            let text = '--'
-            this.educationDictonArr.forEach(item=>{
-              if(item.value == this.eduInfoDto.cultureLevel){
-                text = item.label
-              }
-            })
-            return text
-  
-        },
-        hobbyCodeArr(){
-          let arr = []
-          if(this.hobbyInfoObj.hobbyCode){
-             let test = this.hobbyInfoObj.hobbyCode.split(',')
-             for(let i of this.hobbyArr){
-                for(let j of test){
-                    if(i.value == j){
-                      arr.push(i.label)
-                    }
-                }
-             }
-          }else{
-            arr = []
-          }
-         return arr
-        },
-        educationText(){
-            let text = '--'
-            this.educationDictonArr.forEach(item=>{
-              if(item.value == this.eduInfoDto.cultureLevel){
-                text = item.label
-              }
-            })
-            return text
-  
-        },
-        resiClass(){
-          let flag = true
-        var num = 0
-        if(this.resiDetailObj.categoryInfo != 'undefined'){
-          for (let key in this.resiDetailObj.categoryInfo) {
-          if(this.resiDetailObj.categoryInfo[key] == 0){
-              num++
-              if(num >= 22){
-                flag = false
-              }else {
-               flag = true
-              }
+    gridName() {
+      let arr = [];
+      if (
+        this.resiDetailObj.houseInfo &&
+        this.resiDetailObj.houseInfo.gridName
+      ) {
+        arr = this.resiDetailObj.houseInfo.gridName;
+      } else {
+        arr = "--";
+      }
+      return arr;
+    },
+    homeName(item) {
+      let arr = [];
+      if (
+        this.resiDetailObj.houseInfo &&
+        this.resiDetailObj.houseInfo.homeName
+      ) {
+        arr = this.resiDetailObj.houseInfo.homeName;
+      } else {
+        arr = "--";
+      }
+      return arr;
+    },
+    educationText() {
+      let text = "--";
+      this.educationDictonArr.forEach((item) => {
+        if (item.value == this.eduInfoDto.cultureLevel) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    hobbyCodeArr() {
+      let arr = [];
+      if (this.hobbyInfoObj.hobbyCode) {
+        let test = this.hobbyInfoObj.hobbyCode.split(",");
+        for (let i of this.hobbyArr) {
+          for (let j of test) {
+            if (i.value == j) {
+              arr.push(i.label);
+            }
           }
         }
-        }else{
-          flag = false
+      } else {
+        arr = [];
+      }
+      return arr;
+    },
+    educationText() {
+      let text = "--";
+      this.educationDictonArr.forEach((item) => {
+        if (item.value == this.eduInfoDto.cultureLevel) {
+          text = item.label;
         }
-        return flag
-        },
-        categoryText(){
-            let text = '--'
-            this.categoryDictArr.forEach(item=>{
-              if(item.value == this.resiHealthInfonObj.disabilityCategoryCode){
-                text = item.label
-              }
-            })
-            return text
-  
-        },
-        disabilityLevelText(){
-            let text = '--'
-            this.disability_levelArr.forEach(item=>{
-              if(item.value == this.resiHealthInfonObj.disabilityLevel){
-                text = item.label
-              }
-            })
-            return text
-  
-        },
-        illnessText(){
-            let text = '--'
-            this.illnessArr.forEach(item=>{
-              if(item.value == this.resiHealthInfonObj.illnessCode){
-                text = item.label
-              }
-            })
-            return text
-        },  
-        chronicText(){
-            let text = '--'
-            this.chronicArr.forEach(item=>{
-              if(item.value == this.resiHealthInfonObj.chronicDiseaseCode){
-                text = item.label
-              }
-            })
-            return text
-        },
-        householdText(){
-            let text = '--'
-            this.householdArr.forEach(item=>{
-              if(item.value == this.residentResideInfoObj.householdSituation){
-                text = item.label
-              }
-            })
-            return text
-        },
-        relationshipText(){
-            let text = '--'
-            this.relationshipArr.forEach(item=>{
-              if(item.value == this.residentFamilyInfoObj.houseHolderRel){
-                text = item.label
-              }
-            })
-            return text
-        },
-        elderlyRelationText(){
-            let text = '--'
-            this.relationshipArr.forEach(item=>{
-              if(item.value == this.residentFamilyInfoObj.elderlyRelation){
-                text = item.label
-              }
-            })
-            return text
-        },
-        resideText(){
-            let text = '--'
-            this.resideArr.forEach(item=>{
-              if(item.value == this.residentFamilyInfoObj.resideSituation){
-                text = item.label
-              }
-            })
-            return text
-        },
-        categoryDictText(){
-            let text = '--'
-            this.marriageArr.forEach(item=>{
-              if(item.value == this.residentFamilyInfoObj.marriage){
-                text = item.label
-              }
-            })
-            return text
-        },
-        spouseText(){
-            let text = '--'
-            this.spouseArr.forEach(item=>{
-              if(item.value == this.residentFamilyInfoObj.spouseSituation){
-                text = item.label
-              }
-            })
-            return text
-        },
-        houseText(){
-            let text = '--'
-            this.houseArr.forEach(item=>{
-              if(item.value == this.residentEnsureHouseObj.housingNature){
-                text = item.label
-              }
-            })
-            return text
-        },
-        unemploymentText(){
-            let text = '--'
-            console.log(this.unemploymentArr);
-            this.unemploymentArr.forEach(item=>{
-              if(item.value == this.residentUnemployedObj.unemploymentReason){
-                text = item.label
-              }
-            })
-            return text
-        },
-        volunteerCategoryArr(){
-          let arr = []
-          if(this.residentVolunteerObj.volunteerCategory){
-             let test = this.residentVolunteerObj.volunteerCategory.split(',')
-             for(let i of this.volunteerArr){
-                for(let j of test){
-                    if(i.value == j){
-                      arr.push(i.label)
-                    }
-                }
-             }
-          }else{
-            arr = []
-          }
-         return arr
-        },
-        specialDtoArrText(){
-          let arr = []
-          let temp = []
-          if(this.residentSpecialObj.specialCategoryCode){
-             arr = this.residentSpecialObj.specialCategoryCode.split(',')
-             for (let i of arr) {
-                for(let tab of this.specialDtoArr){
-                  if(i == tab.value){
-                    temp.push(tab.label)
-                  }
-                }
-             } 
-          }else{
-            temp = []
-          }
-         return temp
-        },
-        dyShowStatus(){
-          let flag = false
-          console.log(this.resiDetailObj);
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.partyFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
-          }
-          return flag
-        },
-       
-        bzfShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.ensureHouseFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
-          }
-          return flag
-        },
-        syShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.unemployedFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
-          }
-          return flag
-        },
-        tyjrShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.veteranFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
-          }
-          return flag
-        },
-        tzryShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.unitedFrontFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
-          }
-          return flag
-        },
-        zyzShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.volunteerFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
-          }
-          return flag
-        },
-        lnrShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.oldPeopleFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
-          }
-          return flag
-        },
-        tsrqShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.specialCrowdFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
+      });
+      return text;
+    },
+    PostText() {
+      let text = "--";
+      this.PostDictonArr.forEach((item) => {
+        if (item.value == this.postDto.jobPost) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    resiClass() {
+      let flag = true;
+      var num = 0;
+      if (this.resiDetailObj.categoryInfo != "undefined") {
+        for (let key in this.resiDetailObj.categoryInfo) {
+          if (this.resiDetailObj.categoryInfo[key] == 0) {
+            num++;
+            if (num >= 22) {
+              flag = false;
+            } else {
+              flag = true;
+            }
           }
-          return flag
-        },
-        qcShowStatus(){
-          let flag = false
-          console.log(this.resiDetailObj);
-          if(this.resiDetailObj.houseInfo){
-              if(this.resiDetailObj.houseInfo.moveOutFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    categoryText() {
+      let text = "--";
+      this.categoryDictArr.forEach((item) => {
+        if (item.value == this.resiHealthInfonObj.disabilityCategoryCode) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    disabilityLevelText() {
+      let text = "--";
+      this.disability_levelArr.forEach((item) => {
+        if (item.value == this.resiHealthInfonObj.disabilityLevel) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    illnessText() {
+      let text = "--";
+      this.illnessArr.forEach((item) => {
+        if (item.value == this.resiHealthInfonObj.illnessCode) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    chronicText() {
+      let text = "--";
+      this.chronicArr.forEach((item) => {
+        if (item.value == this.resiHealthInfonObj.chronicDiseaseCode) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    householdText() {
+      let text = "--";
+      this.householdArr.forEach((item) => {
+        if (item.value == this.residentResideInfoObj.householdSituation) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    relationshipText() {
+      let text = "--";
+      this.relationshipArr.forEach((item) => {
+        if (item.value == this.residentFamilyInfoObj.houseHolderRel) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    elderlyRelationText() {
+      let text = "--";
+      this.relationshipArr.forEach((item) => {
+        if (item.value == this.residentFamilyInfoObj.elderlyRelation) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    resideText() {
+      let text = "--";
+      this.resideArr.forEach((item) => {
+        if (item.value == this.residentFamilyInfoObj.resideSituation) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    categoryDictText() {
+      let text = "--";
+      this.marriageArr.forEach((item) => {
+        if (item.value == this.residentFamilyInfoObj.marriage) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    spouseText() {
+      let text = "--";
+      this.spouseArr.forEach((item) => {
+        if (item.value == this.residentFamilyInfoObj.spouseSituation) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    houseText() {
+      let text = "--";
+      this.houseArr.forEach((item) => {
+        if (item.value == this.residentEnsureHouseObj.housingNature) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    unemploymentText() {
+      let text = "--";
+      console.log(this.unemploymentArr);
+      this.unemploymentArr.forEach((item) => {
+        if (item.value == this.residentUnemployedObj.unemploymentReason) {
+          text = item.label;
+        }
+      });
+      return text;
+    },
+    volunteerCategoryArr() {
+      let arr = [];
+      if (this.residentVolunteerObj.volunteerCategory) {
+        let test = this.residentVolunteerObj.volunteerCategory.split(",");
+        for (let i of this.volunteerArr) {
+          for (let j of test) {
+            if (i.value == j) {
+              arr.push(i.label);
+            }
           }
-          return flag
-        },
-        gygShowStatus(){
-          let flag = false
-          if(this.resiDetailObj.categoryInfo){
-              if(this.resiDetailObj.categoryInfo.publicWelfareFlag==1){
-                flag = true
-              }else{
-                flag = false
-              }
-          }else{
-            flag = false
+        }
+      } else {
+        arr = [];
+      }
+      return arr;
+    },
+    specialDtoArrText() {
+      let arr = [];
+      let temp = [];
+      if (this.residentSpecialObj.specialCategoryCode) {
+        arr = this.residentSpecialObj.specialCategoryCode.split(",");
+        for (let i of arr) {
+          for (let tab of this.specialDtoArr) {
+            if (i == tab.value) {
+              temp.push(tab.label);
+            }
           }
-          return flag
-        },
-  },
-  watch: {
-    
+        }
+      } else {
+        temp = [];
+      }
+      return temp;
+    },
+    dyShowStatus() {
+      let flag = false;
+      console.log(this.resiDetailObj);
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.partyFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+
+    bzfShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.ensureHouseFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    syShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.unemployedFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    tyjrShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.veteranFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    tzryShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.unitedFrontFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    zyzShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.volunteerFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    lnrShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.oldPeopleFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    tsrqShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.specialCrowdFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    qcShowStatus() {
+      let flag = false;
+      console.log(this.resiDetailObj);
+      if (this.resiDetailObj.houseInfo) {
+        if (this.resiDetailObj.houseInfo.moveOutFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
+    gygShowStatus() {
+      let flag = false;
+      if (this.resiDetailObj.categoryInfo) {
+        if (this.resiDetailObj.categoryInfo.publicWelfareFlag == 1) {
+          flag = true;
+        } else {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    },
   },
-  created () {
-    this. getResiDetail()
-    this.getEduInfoDtoObj()
-    this.getEducation()
-    this.getdisabilityNationClass()
+  watch: {},
+  created() {
+    this.getResiDetail();
+    this.getEduInfoDtoObj();
+    this.getEducation();
+    this.getdisabilityNationClass();
   },
   methods: {
-    getResiDetail(){
-        this.$http.post(`/actual/base/residentBaseInfo/detail/${this.resiId}`).then(res=>{
-        this.resiDetailObj = res.data.data
-       }).catch(err =>{
+    getResiDetail() {
+      this.$http
+        .post(`/actual/base/residentBaseInfo/detail/${this.resiId}`)
+        .then((res) => {
+          this.resiDetailObj = res.data.data;
+        })
+        .catch((err) => {
           console.log(err);
-       })
-      },
-      handleFilterSpan(row, item) {
+        });
+    },
+    handleFilterSpan(row, item) {
       let _val = "";
       if (item.itemType === "radio" && item.options.length > 0) {
         item.options.forEach((n) => {
@@ -1328,529 +2001,608 @@ export default {
 
       return _val || row[item.columnName];
     },
-    async getVolunteerNation(){
+    async getVolunteerNation() {
       try {
-        const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'VOLUNTEER_CATEGORY'})
-        this.volunteerArr = data.data
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "VOLUNTEER_CATEGORY",
+        });
+        this.volunteerArr = data.data;
       } catch (error) {
-        console.log(error,'获取志愿者字典');
+        console.log(error, "获取志愿者字典");
       }
-
     },
-      handleClick(tab){
-          if(tab._props.label=="教育"){
-            this.getEducation()
-            this.getEduInfoDtoObj()
-          }else if(tab._props.label == "兴趣爱好"){
-            this.gethobbyNation()
-            this.getResidentHobbyInfoObj()
-          }
-          else if(tab._props.label == "宗教信仰"){
-            this.getResidentReligionObj()
-          }else if(tab._props.label == "健康"){
-            this.getdisabilityNation()
-            this.getillnessNation()
-            this.getchronicNation()
-            this.getHealthInfoDetailById()
-          }else if (tab._props.label == "工作"){
-            this.getResidentWorkInfoObj()
-          }else if (tab._props.label == "经济状况"){
-            this.getEconomyDetailById()
-          }else if (tab._props.label == "居住"){
-             this.getHouseholdNation()
-            this.getResideInfoDetailById()
-          }else if(tab._props.label == "家庭"){
-            this.getrelationshipArr()
-            this.getSpouse()
-            this.getMarriageNation()
-            this.getResideNation()
-            this.getFamilyInfoDetailById()
-          }else if(tab._props.label == "党员"){
-            this.getResidentPartyMemberInfo()
-          }else if(tab._props.label == "保障房"){
-            this.getHousing()
-            this.getResidentEnsureHouse()
-          }else if(tab._props.label == "失业"){
-            this.getUnemployment()
-            this.getResidentUnemployed()
-          }else if (tab._props.label == "退役军人"){
-            this.getVeteranDetailById()
-          }else if(tab._props.label == "统战人员"){
-            this.getResidentUnitedFront()
-          }else if(tab._props.label == "志愿者"){
-            this.getVolunteerNation()
-            this.getVolunteerDetailById()
-          }else if(tab._props.label == "老年人"){
-            this.getOldPeopleDetailById()
-          }else if(tab._props.label == "特殊人群"){
-            this.getResidentNation()
-            this.getresidentSpecial()
-          }else if(tab._props.label == "出生信息"){
-            this.getResidentBirthRecord()
-          }else if(tab._props.label == "死亡人员"){
-            this.getResidentDeathRecord()
-          }else if (tab._props.label == "迁出"){
-            this.getResidentMoveOutRecord()
-          }else if (tab._props.label == "更新记录"){
-            this.getChangeRecordDetailById()
-          }else if (tab._props.label == "公益岗人员"){
-            this.getChangepostDtoById()
-          }
-      },
-      async getEduInfoDtoObj(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentEduInfo/detail/${this.resiId}`)
-         if(data.data == null){
-           this.eduInfoDto = {}
-         }else{
-          this.eduInfoDto = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      async getChangeRecordDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentChangeRecord/getChangeRecordDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.eduInfoDto = {}
-         }else{
-          this.tableData = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      async getChangepostDtoById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/publicWelfarePost/detail`,{id:this.resiId})
-         if(data.data == null){
-           this.postDto = {}
-         }else{
-          this.postDto = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      //获取兴趣爱好
-      async getResidentHobbyInfoObj(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentHobbyInfo/detail/${this.resiId}`)
-         if(data.data == null){
-           this.hobbyInfoObj = {}
-         }else{
-          this.hobbyInfoObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      async gethobbyNation(){
+    handleClick(tab) {
+      if (tab._props.label == "教育") {
+        this.getEducation();
+        this.getEduInfoDtoObj();
+      } else if (tab._props.label == "兴趣爱好") {
+        this.gethobbyNation();
+        this.getResidentHobbyInfoObj();
+      } else if (tab._props.label == "宗教信仰") {
+        this.getResidentReligionObj();
+      } else if (tab._props.label == "健康") {
+        this.getdisabilityNation();
+        this.getillnessNation();
+        this.getchronicNation();
+        this.getHealthInfoDetailById();
+      } else if (tab._props.label == "工作") {
+        this.getResidentWorkInfoObj();
+      } else if (tab._props.label == "经济状况") {
+        this.getEconomyDetailById();
+      } else if (tab._props.label == "居住") {
+        this.getHouseholdNation();
+        this.getResideInfoDetailById();
+      } else if (tab._props.label == "家庭") {
+        this.getrelationshipArr();
+        this.getSpouse();
+        this.getMarriageNation();
+        this.getResideNation();
+        this.getFamilyInfoDetailById();
+      } else if (tab._props.label == "党员") {
+        this.getResidentPartyMemberInfo();
+      } else if (tab._props.label == "保障房") {
+        this.getHousing();
+        this.getResidentEnsureHouse();
+      } else if (tab._props.label == "失业") {
+        this.getUnemployment();
+        this.getResidentUnemployed();
+      } else if (tab._props.label == "退役军人") {
+        this.getVeteranDetailById();
+      } else if (tab._props.label == "统战人员") {
+        this.getResidentUnitedFront();
+      } else if (tab._props.label == "志愿者") {
+        this.getVolunteerNation();
+        this.getVolunteerDetailById();
+      } else if (tab._props.label == "老年人") {
+        this.getOldPeopleDetailById();
+      } else if (tab._props.label == "特殊人群") {
+        this.getResidentNation();
+        this.getresidentSpecial();
+      } else if (tab._props.label == "出生信息") {
+        this.getResidentBirthRecord();
+      } else if (tab._props.label == "死亡人员") {
+        this.getResidentDeathRecord();
+      } else if (tab._props.label == "迁出") {
+        this.getResidentMoveOutRecord();
+      } else if (tab._props.label == "更新记录") {
+        this.getChangeRecordDetailById();
+      } else if (tab._props.label == "公益岗人员") {
+        this.getChangepostDtoById();
+      }
+    },
+    async getEduInfoDtoObj() {
       try {
-        const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'SPECIAL_SKILL'})
-        this.hobbyArr= data.data
-
+        const { data } = await this.$http.get(
+          `/actual/base/residentEduInfo/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.eduInfoDto = {};
+        } else {
+          this.eduInfoDto = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    async getChangeRecordDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentChangeRecord/getChangeRecordDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.eduInfoDto = {};
+        } else {
+          this.tableData = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    async getChangepostDtoById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/publicWelfarePost/detail`,
+          { id: this.resiId }
+        );
+        if (data.data == null) {
+          this.postDto = {};
+        } else {
+          this.postDto = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取兴趣爱好
+    async getResidentHobbyInfoObj() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentHobbyInfo/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.hobbyInfoObj = {};
+        } else {
+          this.hobbyInfoObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    async gethobbyNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "SPECIAL_SKILL",
+        });
+        this.hobbyArr = data.data;
+      } catch (error) {
+        console.log(error, "获取兴趣爱好字典");
+      }
+    },
+    //获取宗教信仰
+    async getResidentReligionObj() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentReligion/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentReligionObj = {};
+        } else {
+          this.residentReligionObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取健康信息
+    async getHealthInfoDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentHealthInfo/getHealthInfoDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.resiHealthInfonObj = {};
+        } else {
+          this.resiHealthInfonObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取特殊人群
+    async getresidentSpecial() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentSpecial/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentSpecialObj = {};
+        } else {
+          this.residentSpecialObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取出生人员详情
+    async getResidentBirthRecord() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentBirthRecord/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentBirthRecordObj = {};
+        } else {
+          this.residentBirthRecordObj = data.data;
+        }
       } catch (error) {
-        console.log(error,'获取兴趣爱好字典');
+        console.log(error);
       }
+    },
+    //获取死亡人员详情
+    async getResidentDeathRecord() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentDeathRecord/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentDeathRecordObj = {};
+        } else {
+          this.residentDeathRecordObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取迁出详情
+    async getResidentMoveOutRecord() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentMoveOutRecord/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentMoveOutRecordObj = {};
+        } else {
+          this.residentMoveOutRecordObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取工作信息
+    async getResidentWorkInfoObj() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentWorkInfo/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentWorkInfoObj = {};
+        } else {
+          this.residentWorkInfoObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取党员信息
+    async getResidentPartyMemberInfo() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentPartyMemberInfo/detail/${this.resiId}`
+        );
 
+        this.residentPartyMemberInfoObj = data.data;
+      } catch (error) {
+        console.log(error);
+      }
     },
-       //获取宗教信仰
-       async getResidentReligionObj(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentReligion/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentReligionObj = {}
-         }else{
-          this.residentReligionObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      //获取健康信息
-      async getHealthInfoDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentHealthInfo/getHealthInfoDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.resiHealthInfonObj = {}
-         }else{
-          this.resiHealthInfonObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-      //获取特殊人群
-      async getresidentSpecial(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentSpecial/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentSpecialObj = {}
-         }else{
-          this.residentSpecialObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-       //获取出生人员详情
-       async getResidentBirthRecord(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentBirthRecord/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentBirthRecordObj = {}
-         }else{
-          this.residentBirthRecordObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-       //获取死亡人员详情
-       async getResidentDeathRecord(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentDeathRecord/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentDeathRecordObj = {}
-         }else{
-          this.residentDeathRecordObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-       //获取迁出详情
-       async getResidentMoveOutRecord(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentMoveOutRecord/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentMoveOutRecordObj = {}
-         }else{
-          this.residentMoveOutRecordObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-      //获取工作信息
-       async getResidentWorkInfoObj(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentWorkInfo/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentWorkInfoObj = {}
-         }else{
-          this.residentWorkInfoObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-      //获取党员信息
-      async getResidentPartyMemberInfo(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentPartyMemberInfo/detail/${this.resiId}`)
-        
-          this.residentPartyMemberInfoObj = data.data
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-        //获取保障房
-        async getResidentEnsureHouse(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentEnsureHouse/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentEnsureHouseObj = {}
-         }else{
-          this.residentEnsureHouseObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-       //获取失业
-       async getResidentUnemployed(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentUnemployed/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentUnemployedObj = {}
-         }else{
-          this.residentUnemployedObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-      //获取统战
-      async getResidentUnitedFront(){
-        try {
-          const {data} = await this.$http.get(`/actual/base/residentUnitedFront/detail/${this.resiId}`)
-         if(data.data == null){
-           this.residentUnitedFrontObj = {}
-         }else{
-          this.residentUnitedFrontObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-       //获取经济状况
-      async getEconomyDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentEconomy/getEconomyDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.resiEconomyObj = {}
-         }else{
-          this.resiEconomyObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      async  getHousing(){
-        try {
-          let { data } = await this.$http.post('sys/dict/data/house',{formCode: "resi_base_info"})
-          this.houseArr = data.data
-          } catch (error) {
-            console.log(error,'获取住房性质字典');
-          }
-  
-        },
-      //获取残疾类别字典
-      async  getdisabilityNation(){
-        try {
-          const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'disability_category_code'})
-         
-            this.categoryDictArr = data.data
-  
-        } catch (error) {
-          console.log(error,'获取残疾类别字典');
-      }},
-      async  getResidentNation(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'special_resident_category'})
-            this.specialDtoArr=data.data
-          } catch (error) {
-            console.log(error,'获取特殊人群字典');
-          }
-        },
-      async  getMarriageNation(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'marriage'})
-            this.marriageArr = data.data
-          } catch (error) {
-            console.log(error,'获取婚姻状况字典');
-          }
-        },
-      // 获取残疾等级字典
-      async  getdisabilityNationClass(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'disability_level'})
-            this.disability_levelArr = data.data
-    
-          } catch (error) {
-            console.log(error,'获取残疾等级字典');
-          }
-        },
-        async  getSpouse(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'spouse_situation'})
-            this.spouseArr = data.data
-          } catch (error) {
-            console.log(error,'获取配偶情况字典');
-          }
-        },
-        async  getrelationshipArr(){
-        try {
-          const { data } = await this.$http.post('sys/dict/data/relationship',{formCode: "resi_base_info"})
-          this.relationshipArr = data.data
-          } catch (error) {
-            console.log(error,'获取户主关系字典');
-          }
-  
-        },
-        //获取老年人信息详情
-        async getOldPeopleDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentOldPeople/getOldPeopleDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.residentOldPeopleObj = {}
-         }else{
-          this.residentOldPeopleObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      async  getillnessNation(){
-        try {
-          const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'illness_code'})
-          this.illnessArr = data.data
-        } catch (error) {
-          console.log(error,'获取所患大病字典');
+    //获取保障房
+    async getResidentEnsureHouse() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentEnsureHouse/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentEnsureHouseObj = {};
+        } else {
+          this.residentEnsureHouseObj = data.data;
         }
-        },
-      //居住
-      async getResideInfoDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentResideInfo/getResideInfoDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.residentResideInfoObj = {}
-         }else{
-          this.residentResideInfoObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      //获取退役军人信息
-      async getVeteranDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentVeteran/getVeteranDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.residentVeteranObj = {}
-         }else{
-          this.residentVeteranObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      //家庭信息
-      async getFamilyInfoDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentFamilyInfo/getFamilyInfoDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.residentFamilyInfoObj = {}
-         }else{
-          this.residentFamilyInfoObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      }, 
-      //志愿者信息详情
-      async getVolunteerDetailById(){
-        try {
-          const {data} = await this.$http.post(`/actual/base/residentVolunteer/getVolunteerDetailById/${this.resiId}`)
-         if(data.data == null){
-           this.residentVolunteerObj = {}
-         }else{
-          this.residentVolunteerObj = data.data
-         }
-         } catch (error) {
-          console.log(error);
-         }
-      },
-      async getEducation(){
-  
-        try {
-          let { data } = await this.$http.post('sys/dict/data/education',{formCode: "resi_base_info"})
-          this.educationDictonArr = data.data
-          } catch (error) {
-            console.log(error,'获取学历字典');
-          }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取失业
+    async getResidentUnemployed() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentUnemployed/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentUnemployedObj = {};
+        } else {
+          this.residentUnemployedObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取统战
+    async getResidentUnitedFront() {
+      try {
+        const { data } = await this.$http.get(
+          `/actual/base/residentUnitedFront/detail/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentUnitedFrontObj = {};
+        } else {
+          this.residentUnitedFrontObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取经济状况
+    async getEconomyDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentEconomy/getEconomyDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.resiEconomyObj = {};
+        } else {
+          this.resiEconomyObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    async getHousing() {
+      try {
+        let { data } = await this.$http.post("sys/dict/data/house", {
+          formCode: "resi_base_info",
+        });
+        this.houseArr = data.data;
+      } catch (error) {
+        console.log(error, "获取住房性质字典");
+      }
+    },
+    //获取残疾类别字典
+    async getdisabilityNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "disability_category_code",
+        });
 
-       },
-       async  getchronicNation(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'chronic_disease_code'})
-            this.chronicArr = data.data
-          } catch (error) {
-            console.log(error,'获取所患慢病字典');
-          }
-        },
-        async  getHouseholdNation(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'household_situation'})
-            this.householdArr = data.data
-          } catch (error) {
-            console.log(error,'获取人户状况字典');
-          }
-        },
-        async  getResideNation(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'reside_situation'})
-            this.resideArr = data.data
-          } catch (error) {
-            console.log(error,'获取居住情况字典');
-          }
-        },
-        async  getUnemployment(){
-          try {
-            const { data } = await this.$http.post('sys/dict/data/dictlist', {'dictType':'unemployment_reason'})
-            this.unemploymentArr = data.data
-          } catch (error) {
-            console.log(error,'获取失业原因字典');
-          }
-        },
-      async handleTuomin (type) {
-        const url = `/actual/base/residentBaseInfo/getResiUserInfo/${this.resiId}`;
-        const { data, code, msg } = await requestPost(url);
-        if (code === 0) {
-          if (type === 'mobile') {
-            this.$set(this.resiDetailObj, 'showMobile', data.mobile)
-            this.showFlagMobileBtn = !this.showFlagMobileBtn
-            if(this.showFlagMobileBtn){
-              this.$set(this.resiDetailObj, 'showMobile', data.mobile.substr(0,3) +'****'+ data.mobile.substr(7,4) )
-            }
+        this.categoryDictArr = data.data;
+      } catch (error) {
+        console.log(error, "获取残疾类别字典");
+      }
+    },
+    async getResidentNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "special_resident_category",
+        });
+        this.specialDtoArr = data.data;
+      } catch (error) {
+        console.log(error, "获取特殊人群字典");
+      }
+    },
+    async getMarriageNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "marriage",
+        });
+        this.marriageArr = data.data;
+      } catch (error) {
+        console.log(error, "获取婚姻状况字典");
+      }
+    },
+    // 获取残疾等级字典
+    async getdisabilityNationClass() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "disability_level",
+        });
+        this.disability_levelArr = data.data;
+      } catch (error) {
+        console.log(error, "获取残疾等级字典");
+      }
+    },
+    async getSpouse() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "spouse_situation",
+        });
+        this.spouseArr = data.data;
+      } catch (error) {
+        console.log(error, "获取配偶情况字典");
+      }
+    },
+    async getrelationshipArr() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/relationship", {
+          formCode: "resi_base_info",
+        });
+        this.relationshipArr = data.data;
+      } catch (error) {
+        console.log(error, "获取户主关系字典");
+      }
+    },
+    //获取老年人信息详情
+    async getOldPeopleDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentOldPeople/getOldPeopleDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentOldPeopleObj = {};
+        } else {
+          this.residentOldPeopleObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    async getillnessNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "illness_code",
+        });
+        this.illnessArr = data.data;
+      } catch (error) {
+        console.log(error, "获取所患大病字典");
+      }
+    },
+    //居住
+    async getResideInfoDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentResideInfo/getResideInfoDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentResideInfoObj = {};
+        } else {
+          this.residentResideInfoObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //获取退役军人信息
+    async getVeteranDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentVeteran/getVeteranDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentVeteranObj = {};
+        } else {
+          this.residentVeteranObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //家庭信息
+    async getFamilyInfoDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentFamilyInfo/getFamilyInfoDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentFamilyInfoObj = {};
+        } else {
+          this.residentFamilyInfoObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    //志愿者信息详情
+    async getVolunteerDetailById() {
+      try {
+        const { data } = await this.$http.post(
+          `/actual/base/residentVolunteer/getVolunteerDetailById/${this.resiId}`
+        );
+        if (data.data == null) {
+          this.residentVolunteerObj = {};
+        } else {
+          this.residentVolunteerObj = data.data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    async getEducation() {
+      try {
+        let { data } = await this.$http.post("sys/dict/data/education", {
+          formCode: "resi_base_info",
+        });
+        this.educationDictonArr = data.data;
+      } catch (error) {
+        console.log(error, "获取学历字典");
+      }
+    },
+    async getPostNation() {
+      try {
+        let { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "welfare_post",
+        });
+        this.PostDictonArr = data.data;
+      } catch (error) {
+        console.log(error, "获取学历字典");
+      }
+    },
+    async getchronicNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "chronic_disease_code",
+        });
+        this.chronicArr = data.data;
+      } catch (error) {
+        console.log(error, "获取所患慢病字典");
+      }
+    },
+    async getHouseholdNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "household_situation",
+        });
+        this.householdArr = data.data;
+      } catch (error) {
+        console.log(error, "获取人户状况字典");
+      }
+    },
+    async getResideNation() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "reside_situation",
+        });
+        this.resideArr = data.data;
+      } catch (error) {
+        console.log(error, "获取居住情况字典");
+      }
+    },
+    async getUnemployment() {
+      try {
+        const { data } = await this.$http.post("sys/dict/data/dictlist", {
+          dictType: "unemployment_reason",
+        });
+        this.unemploymentArr = data.data;
+      } catch (error) {
+        console.log(error, "获取失业原因字典");
+      }
+    },
+    async handleTuomin(type) {
+      const url = `/actual/base/residentBaseInfo/getResiUserInfo/${this.resiId}`;
+      const { data, code, msg } = await requestPost(url);
+      if (code === 0) {
+        if (type === "mobile") {
+          this.$set(this.resiDetailObj, "showMobile", data.mobile);
+          this.showFlagMobileBtn = !this.showFlagMobileBtn;
+          if (this.showFlagMobileBtn) {
+            this.$set(
+              this.resiDetailObj,
+              "showMobile",
+              data.mobile.substr(0, 3) + "****" + data.mobile.substr(7, 4)
+            );
           }
-          if (type === 'idCard') {
-            this.$set(this.resiDetailObj, 'showIdNum', data.idNum)
-            this.showFlagIdCardBtn = !this.showFlagIdCardBtn
-            if(this.showFlagIdCardBtn){
-              this.$set(this.resiDetailObj, 'showIdNum', data.idNum.substr(0,11) +'****'+ data.idNum.substr(16,2) )
-            }
+        }
+        if (type === "idCard") {
+          this.$set(this.resiDetailObj, "showIdNum", data.idNum);
+          this.showFlagIdCardBtn = !this.showFlagIdCardBtn;
+          if (this.showFlagIdCardBtn) {
+            this.$set(
+              this.resiDetailObj,
+              "showIdNum",
+              data.idNum.substr(0, 11) + "****" + data.idNum.substr(16, 2)
+            );
           }
-  
-  
-        } else {
-          this.$message.error(msg);
         }
-  
-      },
-  }
-}
+      } else {
+        this.$message.error(msg);
+      }
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/management/list-main.scss";
-.f-m-top29{
-  margin-top:29px ;
+.f-m-top29 {
+  margin-top: 29px;
   padding-left: 20px;
 }
-.f-left8{
+.f-left8 {
   margin-left: 8px;
 }
-.f-font-color{
-   color: #000; 
-   font-weight: 400;
+.f-font-color {
+  color: #000;
+  font-weight: 400;
 }
-.f-right30{
+.f-right30 {
   margin-right: 50px;
 }
-.f-left15{
+.f-left15 {
   padding-left: 15px;
 }
-.f-w70{
+.f-w70 {
   width: 70px;
 }
-.el-button--small, .el-button--small.is-round{
+.el-button--small,
+.el-button--small.is-round {
   padding: 0;
 }
-.f-bto16{
+.f-bto16 {
   margin-bottom: 16px;
 }
-.f-label{
+.f-label {
   width: 65px;
   text-align: right;
 }
-.f-labels{
+.f-labels {
   width: 100px;
   text-align: right;
   margin-right: 10px;
 }
-
 </style>
\ No newline at end of file