四邻

project/sanjianxi/AppNeighborLinkage/familyInfo.vue

@@ -1,16 +1,17 @@
 <template>
   <div class="familyInfo">
     <div class="card-list">
-      <div class="item" @click="$linkTo('./memberInfo')">
+      <div class="item" v-for="(item, index) in familyList" :key="index" @click="$linkTo(`./memberInfo?id=${item.id}`)">
         <div class="userpic">
-          <img src="../static/avatar.png" alt="">
+          <img src="../static/avatar.png" alt="" v-if="item.photo">
+          <img src="../static/avatar.png" alt="" v-else>
         </div>
         <div class="user-info">
-          <p class="name">李白</p>
-          <div class="idNumber">42068219980502252x</div>
+          <p class="name">{{ item.name }}</p>
+          <div class="idNumber">{{ item.idNumber.replace(/(.{6}).*(.{4})/, '$1********$2') }}</div>
         </div>
-        <div class="relation">
-          户主
+        <div class="relation" :style="{color:item.householdRelation == 11? '#4181FF' : '#999999' }">
+          {{ $dict.getLabel('householdRelation',item.householdRelation) }}
         </div>
         <div class="arrowRoght">
           <u-icon name="arrow-right"></u-icon>
@@ -25,11 +26,29 @@ export default {
   name: 'familyInfo',
   appName: '家庭详情',
   data() {
-    return {}
+    return {
+      idNumber: '',
+      familyList: {},
+    }
   },
-  onShow() {
-    // document.title('家庭详情')
+  onLoad(o) {
+    this.$dict.load('householdRelation')
+    this.idNumber = o.idNumber
+    this.getList()
   },
+  methods: {
+    getList() {
+      this.$instance.post('/app/appresident/queryHomeMember',null,{
+        params: {
+          idNumber: this.idNumber
+        }
+      }).then(res => {
+        if(res.code == 0) {
+          this.familyList = res.data.family
+        }
+      })
+    }
+  }
 }
 </script>