四邻

project/sanjianxi/AppNeighborLinkage/myNeighborInfo.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="myNeighborInfo">
     <div class="card-list">
-      <div class="item" @click="$linkTo('./familyInfo')">
+      <div class="item" v-for="(item,index) in userList" :key="index" @click="$linkTo(`./familyInfo?idNumber=${item.idNumber}`)">
         <div class="userpic">
-          <img src="../static/avatar.png" alt="">
+          <img :src="item.avatarUrl" v-if="item.avatarUrl" alt="">
+          <img src="../static/avatar.png" v-else alt="">
         </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="arrowRoght">
           <u-icon name="arrow-right"></u-icon>
@@ -20,7 +21,26 @@
 <script>
 export default {
   name: 'myNeighborInfo',
-  appName: '我的四邻信息'
+  appName: '我的四邻信息',
+  data() {
+    return {
+      partyId: '',
+      userList: []
+    }
+  },
+  onLoad() {
+    this.getUserInfo()
+  },
+  methods: {
+    // 我的四邻党员查询
+    getUserInfo() {
+      this.$instance.post('/app/apppartyfourresident/listFourResidentByApplet').then((res) => {
+        if(res?.data) {
+          this.userList = res.data
+        }
+      })
+    }
+  }
 }
 </script>
 
@@ -36,6 +56,7 @@ export default {
       padding: 32px;
       border-radius: 16px;
       box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
+      margin-bottom: 24px;
       .userpic {
         width: 96px;
         height: 96px;