diff --git a/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue b/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
index 68b3b5b..b4da98f 100644
--- a/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
+++ b/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
@@ -5,10 +5,39 @@
         <u-search placeholder="请输入需要搜索的内容" v-model="keyword" :show-action="false"></u-search>
       </div>
       <div class="select">
-        <div>全部状态</div>
-        <div>时间选择</div>
+        <div class="item" @click="typeSelect">
+          <span>全部状态</span>
+          <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
+          <!-- <AiSelect class="down" v-model="type" dict="yesOrNo"/> -->
+        </div>
+        
+        <div class="item" @click="timeSelect">
+          <span>时间选择</span>
+          <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
+        </div>
+        <u-picker v-model="show" mode="time"></u-picker>
       </div>
     </div>
+    
+    <div class="section">
+      <div class="card" @click="$linkTo('./neighborDetail')">
+        <div class="info">
+          <p>帮助赵顺伟咨询户口迁移问题帮助赵顺伟咨询</p>
+          <div><span>事件日期</span><span>2022-04-15</span></div>
+          <div><span>四邻对象</span><span>李白</span></div>
+        </div>
+        <div class="status">
+          <span></span><span>待审核</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- <AiEmpty description="暂无数据" class="emptyWrap" v-else /> -->
+
+    <div class="btn">
+      <div class="myInfo" @click="$linkTo('./myNeighborInfo')">我的四邻信息</div>
+      <div class="addBtn" @click="addRecord">添加联动记录</div>
+    </div>
   </div>
 </template>
 
@@ -19,12 +48,20 @@ export default {
   data() {
     return {
       keyword:'',
+      type: '',
+      time: '',
+      show: false,
     }
   },
-  onShow() {},
+  onShow() {
+    this.$dict.load('yesOrNo')
+  },
   methods: {
-    tabClick(index) {
-      this.tabIndex = index
+    typeSelect() {
+     
+    },
+    timeSelect() {
+      this.show = true;
     },
   }
 }
@@ -33,6 +70,10 @@ export default {
 <style lang="scss" scoped>
 .AppNeighborLinkage {
   .header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
     .search {
       box-sizing: border-box;
       padding: 24px 32px;
@@ -40,7 +81,66 @@ export default {
       height: 112px;
     }
     .select {
+      display: flex;
       height: 112px;
+      line-height: 112px;
+      background: #FFF;
+      
+      .item {
+        flex: 1;
+        text-align: center;
+      }
+    }
+  }
+  .section {
+    padding: 244px 32px 140px 32px;
+    box-sizing: border-box;
+    .card {
+      background: #FFF;
+      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
+      border-radius: 16px;
+      .info {
+        padding: 20px 30px 30px;
+        box-sizing: border-box;
+        border-bottom: 1px solid #DDDDDD;
+      }
+      .status {
+        padding: 32px 32px;
+        span:first-child {
+          display: inline-block;
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          background: #FF883C;
+          margin-right: 10px;
+        }
+      }
+    }
+  }
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 120px;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    display: flex;
+    .myInfo,
+    .addBtn {
+      flex: 1;
+      height: 88px;
+      line-height: 88px;
+      text-align: center;
+      color: #FFF;
+      background: #4181FF;
+      border-radius: 16px;
+    }
+    .myInfo {
+      margin-right: 20px;
+      color: #A0C0FF;
+      background: #FFF;
+      border: 1px solid #A0C0FF;
     }
   }
 }
diff --git a/project/sanjianxi/AppNeighborLinkage/familyInfo.vue b/project/sanjianxi/AppNeighborLinkage/familyInfo.vue
new file mode 100644
index 0000000..85098d2
--- /dev/null
+++ b/project/sanjianxi/AppNeighborLinkage/familyInfo.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="familyInfo">
+    <div class="card-list">
+      <div class="item">
+        <div class="userpic">
+          <img src="../static/avatar.png" alt="">
+        </div>
+        <div class="user-info">
+          <p class="name">李白</p>
+          <div class="idNumber">42068219980502252x</div>
+        </div>
+        <div class="relation">
+          户主
+        </div>
+        <div class="arrowRoght">
+          <u-icon name="arrow-right"></u-icon>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'familyInfo',
+  appName: '家庭详情'
+}
+</script>
+
+<style lang="scss" scoped>
+.familyInfo {
+
+  .card-list {
+    padding: 32px 32px 32px 20px;
+    box-sizing: border-box;
+    .item {
+      display: flex;
+      background: #FFF;
+      padding: 32px;
+      border-radius: 16px;
+      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
+      .userpic {
+        width: 96px;
+        height: 96px;
+        margin-right: 10px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .user-info {
+        width: calc(100% - 226px);
+        .name {
+          font-size: 32px;
+          font-weight: 600;
+        }
+        .idNumber {
+          margin-top: 8px;
+          color: #999999;
+        }
+      }
+
+      .relation {
+        width: 80px;
+        align-self: center;
+      }
+
+      .arrowRoght {
+        width: 40px;
+        align-self: center;
+      }
+    }
+  }
+  
+}
+</style>
\ No newline at end of file
diff --git a/project/sanjianxi/AppNeighborLinkage/myNeighborInfo.vue b/project/sanjianxi/AppNeighborLinkage/myNeighborInfo.vue
index 05ebfda..22be4ef 100644
--- a/project/sanjianxi/AppNeighborLinkage/myNeighborInfo.vue
+++ b/project/sanjianxi/AppNeighborLinkage/myNeighborInfo.vue
@@ -1,5 +1,20 @@
 <template>
-  <div class="myNeighborInfo"></div>
+  <div class="myNeighborInfo">
+    <div class="card-list">
+      <div class="item" @click="$linkTo('./familyInfo')">
+        <div class="userpic">
+          <img src="../static/avatar.png" alt="">
+        </div>
+        <div class="user-info">
+          <p class="name">李白</p>
+          <div class="idNumber">42068219980502252x</div>
+        </div>
+        <div class="arrowRoght">
+          <u-icon name="arrow-right"></u-icon>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -11,6 +26,44 @@ export default {
 
 <style lang="scss" scoped>
 .myNeighborInfo {
+
+  .card-list {
+    padding: 32px 32px 32px 20px;
+    box-sizing: border-box;
+    .item {
+      display: flex;
+      background: #FFF;
+      padding: 32px;
+      border-radius: 16px;
+      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
+      .userpic {
+        width: 96px;
+        height: 96px;
+        margin-right: 10px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .user-info {
+        width: calc(100% - 146px);
+        .name {
+          font-size: 32px;
+          font-weight: 600;
+        }
+        .idNumber {
+          margin-top: 8px;
+          color: #999999;
+        }
+      }
+
+      .arrowRoght {
+        width: 40px;
+        align-self: center;
+      }
+    }
+  }
   
 }
 </style>
\ No newline at end of file
diff --git a/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue b/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
new file mode 100644
index 0000000..edd2b6f
--- /dev/null
+++ b/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="neighborDetail">
+    <div class="type">
+      <span>审核状态</span><span>已通过</span>
+    </div>
+    <div class="user-info">
+      <div class="item">
+        <span>事件日期</span>
+        <span>2022-04-18</span>
+      </div>
+      <div class="item">
+        <span>事件日期</span>
+        <span>2022-04-18</span>
+      </div>
+      <div class="description">
+        <div>时间描述</div>
+        <div>
+          帮助赵顺伟咨询户口迁移问题
+        </div>
+      </div>
+    </div>
+    <div class="btn">
+      <div class="delBtn">删除联动记录</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'neighborDetail',
+  data() {
+    return {
+
+    }
+  },
+  onShow() {},
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.neighborDetail {
+  .type {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 32px 32px;
+    background: #FFF;
+    span:first-child {
+      color: #999999;
+    }
+  }
+  .user-info {
+    margin-top: 24px;
+    padding: 0 32px;
+    box-sizing: border-box;
+    background: #FFF;
+    .item {
+      display: flex;
+      justify-content: space-between;
+      padding: 32px 0;
+      border-bottom: 1px solid #DDDDDD;
+      span:first-child {
+        color: #999999;
+      }
+    }
+    .description {
+      padding: 32px 0;
+      div:first-child {
+        margin-bottom: 20px;
+        color: #999999;
+      }
+    }
+  }
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 120px;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    .delBtn {
+      height: 88px;
+      line-height: 88px;
+      text-align: center;
+      color: #FF4466;
+      border: 1px solid #FF4466;
+      border-radius: 16px;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/project/sanjianxi/static/avatar.png b/project/sanjianxi/static/avatar.png
new file mode 100644
index 0000000..064c642
Binary files /dev/null and b/project/sanjianxi/static/avatar.png differ