cs

project/sanjianxi/AppNeighborLinkage/AppNeighborLinkage.vue

@@ -6,16 +6,19 @@
       </div>
       <div class="select">
         <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"/> -->
+          <AiSelect class="right" v-model="type" dict="yesOrNo">
+            <span v-if="!type">全部状态</span>
+            <span v-else>{{ type }}</span>
+            <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
+          </AiSelect>
         </div>
         
-        <div class="item" @click="timeSelect">
-          <span>时间选择</span>
+        <div class="item" @click="isShowDate = true">
+          <span v-if="!checkTime">时间选择</span>
+          <span v-else>{{ checkTime }}</span>
           <u-icon name="arrow-down-fill" color="#666666" size="28"></u-icon>
         </div>
-        <u-picker v-model="show" mode="time"></u-picker>
+        <u-picker mode="time" :params="params" v-model="isShowDate" @confirm="onDateChange"></u-picker>
       </div>
     </div>
     
@@ -30,11 +33,31 @@
           <span></span><span>待审核</span>
         </div>
       </div>
+      <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 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="btn" v-if="isShowDate == false">
       <div class="myInfo" @click="$linkTo('./myNeighborInfo')">我的四邻信息</div>
       <div class="addBtn" @click="$linkTo('./addLinkage')">添加联动记录</div>
     </div>
@@ -49,20 +72,28 @@ export default {
     return {
       keyword:'',
       type: '',
-      time: '',
-      show: false,
+      checkTime: '',
+      isShowDate: false,
+      params: {
+        year: true,
+        month: true,
+        day: true,
+      },
+      list: [],
+      current: 1,
     }
   },
   onShow() {
     this.$dict.load('yesOrNo')
+    this.getList()
   },
   methods: {
-    typeSelect() {
-     
-    },
-    timeSelect() {
-      this.show = true;
+    onDateChange(e) {
+      this.checkTime = `${e.year}-${e.month}-${e.day}`
     },
+    getList() {
+      // this.$instance.post('/app/apppartyfourresident/listFourResident')
+    }
   }
 }
 </script>
@@ -99,10 +130,25 @@ export default {
       background: #FFF;
       box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
       border-radius: 16px;
+      margin-bottom: 24px;
       .info {
         padding: 20px 30px 30px;
         box-sizing: border-box;
         border-bottom: 1px solid #DDDDDD;
+        p {
+          overflow:hidden; 
+          text-overflow:ellipsis;
+          display:-webkit-box;
+          -webkit-box-orient:vertical;
+          -webkit-line-clamp:2;
+        }
+        div {
+          margin-top: 32px;
+          span:first-child {
+            color: #999999;
+            margin-right: 32px;
+          }
+        }
       }
       .status {
         padding: 32px 32px;
@@ -126,6 +172,7 @@ export default {
     padding: 16px 32px;
     box-sizing: border-box;
     display: flex;
+    background: #F3F6F9;
     .myInfo,
     .addBtn {
       flex: 1;
@@ -143,5 +190,8 @@ export default {
       border: 1px solid #A0C0FF;
     }
   }
+  ::v-deep .AiSelect {
+    display: inline-block;
+  }
 }
 </style>

project/sanjianxi/AppNeighborLinkage/addLinkage.vue

@@ -93,6 +93,7 @@ export default {
     height: 120px;
     padding: 16px 32px;
     box-sizing: border-box;
+    background: #F3F6F9;
     .addBtn {
       width: 100%;
       height: 88px;

project/sanjianxi/AppNeighborLinkage/neighborDetail.vue

@@ -82,6 +82,7 @@ export default {
     height: 120px;
     padding: 16px 32px;
     box-sizing: border-box;
+    background: #F3F6F9;
     .delBtn {
       height: 88px;
       line-height: 88px;