居民档案

src/project/saas/AppResidentDocument/DetailPeople.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="DetailPeople">
+  <div class="DetailPeople" v-if="pageShow">
     <div class="top">
       <div class="photos">
         <img :src="data.resident.photo" alt="" v-if="data.resident && data.resident.photo" />
@@ -18,86 +18,68 @@
         <div class="rightBottom" v-if="data.resident && data.resident.phone">{{ data.resident.phone }}</div>
       </div>
     </div>
-
     <div class="line"></div>
-
     <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="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>
     </div>
-
     <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>
@@ -108,43 +90,42 @@
 </template>
 
 <script>
-export default {
-  name: 'DetailPeople',
-  components: {},
-  props: {},
-  data() {
-    return {
-      id: '',
-      data: [],
-    }
-  },
-  computed: {},
-  watch: {},
-  onLoad(o) {
-    this.id = o.id
-    this.$dict.load('householdRelation', 'nation', 'education', 'maritalStatus', 'politicsStatus', 'militaryStatus', 'faithType', 'job').then(() => {
-      this.getDetail()
-    })
-  },
-  onShow() {
-    document.title = '家庭成员信息'
-  },
-  methods: {
-    getDetail() {
-      this.$http.post(`/app/appresident/detail?id=${this.id}`).then((res) => {
-        if (res.code == 0) {
-          this.data = res.data
-          // this.$nextTick(() => {
-          //   this.currentAreaName = res.data.resident.currentAreaName
-          // })
-        }
+  export default {
+    name: 'DetailPeople',
+
+    appName: '家庭成员信息',
+
+    data() {
+      return {
+        id: '',
+        data: [],
+        pageShow: false
+      }
+    },
+
+    onLoad(o) {
+      this.id = o.id
+      this.$dict.load('householdRelation', 'nation', 'education', 'maritalStatus', 'politicsStatus', 'militaryStatus', 'faithType', 'job').then(() => {
+        this.getDetail()
       })
     },
-    callPhone(phone) {
-      uni.makePhoneCall({ phoneNumber: phone })
-    },
-  },
-}
+
+    methods: {
+      getDetail() {
+        this.$loading()
+        this.$http.post(`/app/appresident/detail?id=${this.id}`).then((res) => {
+          if (res.code == 0) {
+            this.data = res.data
+            this.pageShow = true
+          }
+        })
+      },
+
+      callPhone(phone) {
+        uni.makePhoneCall({ phoneNumber: phone })
+      }
+    }
+  }
 </script>
 
 <style scoped lang="scss">