From 8c5ef4cdda1bd8561aed0e655e04be0e11a0c84f Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Mon, 18 Apr 2022 11:54:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=9B=E9=82=BB=E8=81=94=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppNeighborLinkage/AppNeighborLinkage.vue |   2 +-
 .../AppNeighborLinkage/addLinkage.vue         |  21 +++
 .../AppNeighborLinkage/familyInfo.vue         |  10 +-
 .../AppNeighborLinkage/memberInfo.vue         | 161 ++++++++++++++++++
 .../AppNeighborLinkage/neighborDetail.vue     |   6 +-
 5 files changed, 194 insertions(+), 6 deletions(-)
 create mode 100644 project/sanjianxi/AppNeighborLinkage/addLinkage.vue
 create mode 100644 project/sanjianxi/AppNeighborLinkage/memberInfo.vue

diff --git a/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue b/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
index b4da98f..d3deeeb 100644
--- a/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
+++ b/project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue
@@ -36,7 +36,7 @@
 
     <div class="btn">
       <div class="myInfo" @click="$linkTo('./myNeighborInfo')">我的四邻信息</div>
-      <div class="addBtn" @click="addRecord">添加联动记录</div>
+      <div class="addBtn" @click="$linkTo('./addLinkage')">添加联动记录</div>
     </div>
   </div>
 </template>
diff --git a/project/sanjianxi/AppNeighborLinkage/addLinkage.vue b/project/sanjianxi/AppNeighborLinkage/addLinkage.vue
new file mode 100644
index 0000000..aa2ae95
--- /dev/null
+++ b/project/sanjianxi/AppNeighborLinkage/addLinkage.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="addLinkage">
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "addLinkage",
+  appName: "添加联动记录",
+  data() {
+    return {}
+  },
+  onShow() {},
+  methods: {}
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/project/sanjianxi/AppNeighborLinkage/familyInfo.vue b/project/sanjianxi/AppNeighborLinkage/familyInfo.vue
index 85098d2..b99fc83 100644
--- a/project/sanjianxi/AppNeighborLinkage/familyInfo.vue
+++ b/project/sanjianxi/AppNeighborLinkage/familyInfo.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="familyInfo">
     <div class="card-list">
-      <div class="item">
+      <div class="item" @click="$linkTo('./memberInfo')">
         <div class="userpic">
           <img src="../static/avatar.png" alt="">
         </div>
@@ -23,7 +23,13 @@
 <script>
 export default {
   name: 'familyInfo',
-  appName: '家庭详情'
+  appName: '家庭详情',
+  data() {
+    return {}
+  },
+  onShow() {
+    // document.title('家庭详情')
+  },
 }
 </script>
 
diff --git a/project/sanjianxi/AppNeighborLinkage/memberInfo.vue b/project/sanjianxi/AppNeighborLinkage/memberInfo.vue
new file mode 100644
index 0000000..47e9dac
--- /dev/null
+++ b/project/sanjianxi/AppNeighborLinkage/memberInfo.vue
@@ -0,0 +1,161 @@
+<template>
+  <div class="memberInfo">
+    <div class="user">
+      <div class="pic">
+        <img src="../static/avatar.png" alt="">
+      </div>
+      <div class="info">
+        <div class="name">李白</div>
+        <div class="idNumber">42068219980502252X</div>
+      </div>
+      <div class="relation">
+        户主
+      </div>
+    </div>
+
+    <div class="basicInfo">
+      <h2>个人基本信息</h2>
+      <div class="items">
+        <p>家庭住址</p>
+        <div>安徽省黄山市歙县郑村镇潭渡村黎明4组11</div>
+      </div>
+      <div class="item">
+        <span>身份证号</span><span>42068219980502252X</span>
+      </div>
+      <div class="item">
+        <span>性别</span><span>男</span>
+      </div>
+      <div class="item">
+        <span>年龄</span><span>18</span>
+      </div>
+      <div class="item">
+        <span>民族</span><span>汉族</span>
+      </div>
+      <div class="item">
+        <span>文化程度</span><span>初中</span>
+      </div>
+      <div class="item">
+        <span>婚姻状况</span><span>未婚</span>
+      </div>
+      <div class="item">
+        <span>政治面貌</span><span>党员</span>
+      </div>
+      <div class="item">
+        <span>兵役状况</span><span>未服兵役</span>
+      </div>
+      <div class="item">
+        <span>宗教信仰</span><span>无</span>
+      </div>
+      <div class="item">
+        <span>职业</span><span>工人</span>
+      </div>
+    </div>
+
+    <div class="contactInfo">
+      <h2>联络信息</h2>
+      <div class="item">
+        <span>联系方式</span><span>18571799417</span>
+      </div>
+      <div class="items">
+        <p>现住址</p>
+        <div>安徽省黄山市歙县郑村镇潭渡村黎明4组11</div>
+      </div>
+      <div class="items">
+        <p>现住详细地址</p>
+        <div>安徽省黄山市歙县郑村镇潭渡村黎明4组11</div>
+      </div>
+      <div class="items">
+        <p>户籍地址</p>
+        <div>安徽省黄山市歙县郑村镇潭渡村黎明4组11</div>
+      </div>
+      <div class="items">
+        <p>户籍详细地址</p>
+        <div>安徽省黄山市歙县郑村镇潭渡村黎明4组11安徽省黄山市歙县郑村镇潭渡村黎明4组11安徽省黄山市歙县郑村镇潭渡村黎明4组11安徽省黄山市歙县郑村镇潭渡村黎明4组11</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "memberInfo",
+  appName: "家庭详情",
+  data() {
+    return {
+
+    }
+  },
+  onShow() {},
+  methods: {},
+}
+</script>
+
+<style lang="scss" scoped>
+.memberInfo {
+  .user {
+    display: flex;
+    background: #FFF;
+    padding: 32px;
+    .pic {
+      width: 96px;
+      height: 96px;
+      margin-right: 10px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .info {
+      width: calc(100% - 176px);
+      .name {
+        font-size: 32px;
+        font-weight: 600;
+      }
+      .idNumber {
+        margin-top: 8px;
+        color: #999999;
+      }
+    }
+
+    .relation {
+      width: 80px;
+      align-self: center;
+    }
+
+  }
+
+  .basicInfo,
+  .contactInfo {
+    margin-top: 24px;
+    padding: 0 32px;
+    box-sizing: border-box;
+    background: #FFF;
+    h2 {
+      padding: 26px 0;
+      font-style: 32px;
+      font-weight: 600;
+    }
+    .items {
+      padding: 12px 0;
+      p {
+        margin-bottom: 12px;
+        color: #999999;
+        font-style: 30px;
+      }
+    }
+    .item {
+      display: flex;
+      justify-content: space-between;
+      padding: 12px 0;
+      span:first-child {
+        color: #999999;
+        font-style: 30px;
+      }
+    }
+  }
+  .contactInfo {
+    margin-bottom: 24px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue b/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
index edd2b6f..a3c93bc 100644
--- a/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
+++ b/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
@@ -9,11 +9,11 @@
         <span>2022-04-18</span>
       </div>
       <div class="item">
-        <span>事件日期</span>
-        <span>2022-04-18</span>
+        <span>四邻对象</span>
+        <span>1555665646</span>
       </div>
       <div class="description">
-        <div>时间描述</div>
+        <div>事件描述</div>
         <div>
           帮助赵顺伟咨询户口迁移问题
         </div>