From 3b8d858759f2710b6263c7788b765fe6912c6329 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Mon, 18 Apr 2022 09:52:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=9B=E9=82=BB=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppNeighborLinkage/AppNeighborLinkage.vue | 110 +++++++++++++++++-
 .../AppNeighborLinkage/familyInfo.vue         |  77 ++++++++++++
 .../AppNeighborLinkage/myNeighborInfo.vue     |  55 ++++++++-
 .../AppNeighborLinkage/neighborDetail.vue     |  95 +++++++++++++++
 project/sanjianxi/static/avatar.png           | Bin 0 -> 1134 bytes
 5 files changed, 331 insertions(+), 6 deletions(-)
 create mode 100644 project/sanjianxi/AppNeighborLinkage/familyInfo.vue
 create mode 100644 project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
 create mode 100644 project/sanjianxi/static/avatar.png

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 0000000000000000000000000000000000000000..064c6426f3476620ebddf172321d546d3a210b7d
GIT binary patch
literal 1134
zcmV-!1d;oRP)<h;3K|Lk000e1NJLTq003YB003YJ0{{R3)kcR300004XF*Lt006O%
z3;baP00001b5ch_0Itp)=>Px#bx=%HMNDaNrOE!K$^E9t|GV1%rO5rJ%Kqx~|GL%x
zrO5rJ%KfFt{H4hJrpf%J$o;z1|L^$!@A&`l_y48I{qXny@Av=l_y48I{PFq!@Av=k
z_y6$t|M2+#rO5p6_y6wp|Kjid!rT4L;r-d^{;kdYyVm@*(){5lPp|+003CEvPE!C`
z(KQ3^O8*b}iQC9ys37l3U!2C#Ho%G7sGM>r8TXL@00VAGL_t(&-nClSmZCrqB_{!q
zG0*8h{Qpl}R-GMIsX({hXS=RlxvFs-782jh%6t>16T(eiX0D$&??Mt~o>+jFMQ<QU
zic=~;q^H7;BPtQ;4~{Z2l^(dBV8L?(6Y<4Hu(2stQ}~`(1<zk++ApyhUn|TVg~9+K
z*V;iQ43V)cvCV}s@-4%<p|C*ce@6X$L%6B1MCzjQ#T$SyMA-lDo3_)jinVSB{0@<c
zeH$%jhzAo(Z(;dOET7Pz42#|xfd1cW`HHwhZjmoV92mc2ESI52IHng24E}#ezLW}9
z)Qh1L&;VK@02#vP+zRIB7LzaI9?afP9%`VV8#+))|M_a*nO$H4cm;3nNrf=7z+bfB
z(PDN1u)g<{e5v71AYkOUh9rP>G|PH$2hq|5aI|@3jIjuitn?FYCH#|)CV;Ih%102V
zpCU*T!bfch9-eyo9Kngw5XZ<E!A(aIR+}0tFS`2?+9-}TaquWSc%QB;BKaO`3Et#r
z^IUX80#^dO9{-jcR7F!&aP2NYUBSg|%rJqJ_{e}IA|8Q41(Z(ySrz3DKCD_s@>JFw
zeBhu1P2pY?I>f}$+Fd}T6oD9Gizwg_;2FCU_5=e)Fwg|_RH-d4Fd3QNsf=oU>pOE(
z##|3o9W~Hrb0Sq>zN#9=(b8dUK3Y@xQ?ldD-h)~l0YB;5=Z)_#;TH4G`BcfYB}k~E
zZ%N=$ZHp~IMm1ix1QFFb!nISemPZNI{35ej&p37>+jlrysFrc8AO{en|6)YiV*sJk
z(Q;Lb8#)n@L*PySU`^{r+J}fScKY`n)_m!v7xWklC%myGn_ty|94@g+U`YSRL97y%
zJhjns1>&~HmLad}oOR;wanU2|oTsYLchUe)%Tym;sg1ETLkq9e=1alBRQ{adWhwX@
zZN0htStAg^i&-r#@Y9NA@M?LGR%qeX@?$x!?FeFcIeuU7_tFvr_K*{$ob3mtqcp;v
zSUOvRPT-F?+Ll1O_%qb5vXfu!sE4$p6+?AoJT>mk<?pww$I`Q@{4@92+RPBN`e(WI
zd%gVcb>Al(59`Dqj?PL1^@T6~QX74jP&03FFcN>a_LVeub=^5ONa{V(*{OZ~j?Y_m
z=feVtI-GZJ{6gngpRfB%RVh_fm;LozADP1c08<(_b0tvBBme*a07*qoM6N<$f?tb2
A1poj5

literal 0
HcmV?d00001