From 1946978eca1fc518ebf9c551c948cf69406d9103 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 11 Mar 2022 09:05:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/saas/AppResidentDocument/DetailPeople.vue | 235 ++++++------------
 1 file changed, 76 insertions(+), 159 deletions(-)

diff --git a/src/saas/AppResidentDocument/DetailPeople.vue b/src/saas/AppResidentDocument/DetailPeople.vue
index 0617b571..98e5c3c2 100644
--- a/src/saas/AppResidentDocument/DetailPeople.vue
+++ b/src/saas/AppResidentDocument/DetailPeople.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="DetailPeople">
-    <!-- 头像 姓名 -->
     <div class="top">
       <div class="photos">
         <img :src="data.resident.photo" alt="" v-if="data.resident && data.resident.photo" />
         <img src="./components/img/44.png" alt="" v-else />
       </div>
+
       <div class="right">
         <div class="rightTop">
           <span class="names">{{ data.resident && data.resident.name }}</span>
@@ -18,115 +18,91 @@
         <div class="rightBottom" v-if="data.resident && data.resident.phone">{{ data.resident.phone }}</div>
       </div>
     </div>
+
     <div class="line"></div>
-    <!-- tab栏 -->
-    <div class="tab-list">
-      <div v-for="(item, index) in tabList" :key="index" :class="tabIndex == index ? 'tab-item active' : 'tab-item' " @click="tabIndex=index">
-        <img :src="tabIndex == index ? item.activeIcon : item.icon" alt="" v-if="index==0">
-        <img :src="tabIndex == index ? './components/img/tsrq@2x.png' : './components/img/tsrq备份@2x.png'" alt="" v-else>
-        <p>{{item.name}}</p>
-      </div>
-    </div>
-    <!-- 基础信息 -->
-    <div v-if="tabIndex == 0">
-      <div class="middle">
-        <div class="hint">个人基本信息</div>
 
-        <div class="contents">
-          <div class="item">
-            <span>籍贯</span>
-            <span>{{ data.resident && data.resident.birthplaceAreaName }}</span>
-          </div>
+    <div class="middle">
+      <div class="hint">个人基本信息</div>
 
-          <div class="item">
-            <span>身份证号</span>
-            <span>{{ data.resident && data.resident.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1****$2') }}</span>
-          </div>
-
-          <div class="item">
-            <span>民族</span>
-            <span v-if="data.resident && data.resident.nation"> {{ $dict.getLabel('nation', data.resident.nation) }}</span>
-          </div>
-
-          <div class="item">
-            <span>文化程度</span>
-            <span v-if="data.resident && data.resident.education">{{ $dict.getLabel('education', data.resident.education) }}</span>
-          </div>
-
-          <div class="item">
-            <span>婚姻状况</span>
-            <span v-if="data.resident && data.resident.maritalStatus">{{ $dict.getLabel('maritalStatus', data.resident.maritalStatus) }}</span>
-          </div>
-
-          <div class="item">
-            <span>政治面貌</span>
-            <span v-if="data.resident && data.resident.politicsStatus">{{ $dict.getLabel('politicsStatus', data.resident.politicsStatus) }}</span>
-          </div>
-
-          <div class="item">
-            <span>兵役状况</span>
-            <span v-if="data.resident && data.resident.militaryStatus">{{ $dict.getLabel('militaryStatus', data.resident.militaryStatus) }}</span>
-          </div>
-
-          <div class="item">
-            <span>宗教信仰</span>
-            <span v-if="data.resident && data.resident.faithType">{{ $dict.getLabel('faithType', data.resident.faithType) }}</span>
-          </div>
-
-          <div class="item">
-            <span>职业</span>
-            <span v-if="data.resident && data.resident.job">{{ $dict.getLabel('job', data.resident.job) }}</span>
-          </div>
+      <div class="contents">
+        <div class="item">
+          <span>籍贯</span>
+          <span>{{ data.resident && data.resident.birthplaceAreaName }}</span>
         </div>
-      </div>
 
-      <div class="lines"></div>
+        <div class="item">
+          <span>身份证号</span>
+          <span>{{ data.resident && data.resident.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1****$2') }}</span>
+        </div>
 
-      <div class="bottom">
-        <div class="hint">联络信息</div>
+        <div class="item">
+          <span>民族</span>
+          <span v-if="data.resident && data.resident.nation"> {{ $dict.getLabel('nation', data.resident.nation) }}</span>
+        </div>
 
-        <div class="contents">
-          <div class="item">
-            <span>联系方式</span>
-            <span class="phones" v-if="data.resident && data.resident.phone" @click="callPhone(data.resident.phone)">{{ data.resident.phone }}</span>
-          </div>
+        <div class="item">
+          <span>文化程度</span>
+          <span v-if="data.resident && data.resident.education">{{ $dict.getLabel('education', data.resident.education) }}</span>
+        </div>
 
-          <div class="item">
-            <span>现住址</span>
-            <span v-if="data.resident && data.resident.currentAreaName">{{ data.resident.currentAreaName }}</span>
-          </div>
+        <div class="item">
+          <span>婚姻状况</span>
+          <span v-if="data.resident && data.resident.maritalStatus">{{ $dict.getLabel('maritalStatus', data.resident.maritalStatus) }}</span>
+        </div>
 
-          <div class="item">
-            <span>现住详细地址</span>
-            <span v-if="data.resident && data.resident.currentAddress">{{ data.resident.currentAddress }}</span>
-          </div>
+        <div class="item">
+          <span>政治面貌</span>
+          <span v-if="data.resident && data.resident.politicsStatus">{{ $dict.getLabel('politicsStatus', data.resident.politicsStatus) }}</span>
+        </div>
 
-          <div class="item">
-            <span>户籍地址</span>
-            <span v-if="data.resident && data.resident.householdAreaName">{{ data.resident.householdAreaName }}</span>
-          </div>
+        <div class="item">
+          <span>兵役状况</span>
+          <span v-if="data.resident && data.resident.militaryStatus">{{ $dict.getLabel('militaryStatus', data.resident.militaryStatus) }}</span>
+        </div>
 
-          <div class="item">
-            <span>户籍详细地址</span>
-            <span v-if="data.resident && data.resident.householdAddress">{{ data.resident.householdAddress }}</span>
-          </div>
+        <div class="item">
+          <span>宗教信仰</span>
+          <span v-if="data.resident && data.resident.faithType">{{ $dict.getLabel('faithType', data.resident.faithType) }}</span>
+        </div>
+
+        <div class="item">
+          <span>职业</span>
+          <span v-if="data.resident && data.resident.job">{{ $dict.getLabel('job', data.resident.job) }}</span>
         </div>
       </div>
     </div>
-    <!-- 残疾人员 -->
-    <div v-if="tabIndex == 1">
-      <div v-if="data.resident.tsrqInfos"></div>
-      <AiEmpty v-else />
-    </div>
-    <!-- 精神病人 -->
-    <div v-if="tabIndex == 2">
-      <div v-if="data.resident.tsrqInfos"></div>
-      <AiEmpty v-else />
-    </div>
-    <!-- 吸毒人员 -->
-    <div v-if="tabIndex == 3">
-      <div v-if="data.resident.tsrqInfos"></div>
-      <AiEmpty v-else />
+
+    <div class="lines"></div>
+
+    <div class="bottom">
+      <div class="hint">联络信息</div>
+
+      <div class="contents">
+        <div class="item">
+          <span>联系方式</span>
+          <span class="phones" v-if="data.resident && data.resident.phone" @click="callPhone(data.resident.phone)">{{ data.resident.phone }}</span>
+        </div>
+
+        <div class="item">
+          <span>现住址</span>
+          <span v-if="data.resident && data.resident.currentAreaName">{{ data.resident.currentAreaName }}</span>
+        </div>
+
+        <div class="item">
+          <span>现住详细地址</span>
+          <span v-if="data.resident && data.resident.currentAddress">{{ data.resident.currentAddress }}</span>
+        </div>
+
+        <div class="item">
+          <span>户籍地址</span>
+          <span v-if="data.resident && data.resident.householdAreaName">{{ data.resident.householdAreaName }}</span>
+        </div>
+
+        <div class="item">
+          <span>户籍详细地址</span>
+          <span v-if="data.resident && data.resident.householdAddress">{{ data.resident.householdAddress }}</span>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -140,23 +116,9 @@ export default {
     return {
       id: '',
       data: [],
-      tabList: [],
-        // {
-        //   icon: require('./components/img/icon1n@2x.png'),
-        //   activeIcon:  require('./components/img/icon1h@2x.png'),
-        //   name: '基本信息',
-        // },
-        // {
-        //   icon: require('./components/img/tsrq@2x.png'),
-        //   activeIcon:  require('./components/img/tsrq备份@2x.png'),
-        //   name: '残疾人员',
-        // },
-        
-      tabIndex: 0,
     }
   },
-  computed: {
-  },
+  computed: {},
   watch: {},
   onLoad(o) {
     this.id = o.id
@@ -172,21 +134,9 @@ export default {
       this.$http.post(`/app/appresident/detail?id=${this.id}`).then((res) => {
         if (res.code == 0) {
           this.data = res.data
-          if (res.data.resident.tsrqInfos) {
-          this.tabList = res.data.resident.tsrqInfos
-          let info = {
-            icon: require('./components/img/icon1n@2x.png'),
-            activeIcon:  require('./components/img/icon1h@2x.png'),
-            name: '基本信息',
-          }
-          this.tabList.unshift(info)
-          } else {
-            this.tabList =[{
-              icon: require('./components/img/icon1n@2x.png'),
-              activeIcon:  require('./components/img/icon1h@2x.png'),
-              name: '基本信息',
-            }]
-          }
+          // this.$nextTick(() => {
+          //   this.currentAreaName = res.data.resident.currentAreaName
+          // })
         }
       })
     },
@@ -201,38 +151,6 @@ export default {
 .DetailPeople {
   height: 100%;
   background: #fff;
-  .tab-list{
-    height: 100%;
-    padding: 32px 0;
-    .tab-item{
-      display: inline-block;
-      width: 148px;
-      height: 136px;
-      background-color: #F8F9FB;
-      border-radius: 8px;
-      text-align: center;
-      margin-left: 32px;
-      img{
-        width: 40px;
-        height: 40px;
-        margin-top: 30px;
-      }
-      p{
-        font-size: 22px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #C5C9CD;
-        line-height: 32px;
-        margin-top: 8px;
-      }
-    }
-    .active{
-      background-color: #357CE3;
-      p{
-        color: #fff;
-      }
-    }
-  }
   .top {
     display: flex;
     padding: 48px 32px 32px 32px;
@@ -279,7 +197,6 @@ export default {
 
     .hint {
       padding: 32px 0;
-      font-weight: 600;
     }
 
     .contents {