居民信息

src/apps/AppInfotainment/newLIst.vue

@@ -48,7 +48,7 @@
     name: 'newList',
     data () {
       return {
-        currIndex: '0',
+        currIndex: 0,
         title: '',
         isLoading: false,
         newsList: [],

src/apps/AppMonitoringObject/Add.vue

@@ -17,7 +17,7 @@
           </div>
         </div>
         <div class="form-item">
-          <div class="form-item__wrapper">
+          <div class="form-item__wrapper" @click="toSelect">
             <div class="left">
               <i style="width: 8px;"></i>
               <span>选择户主</span>
@@ -355,6 +355,11 @@ export default {
   },
 
   methods: {
+    toSelect() {
+      uni.navigateTo({
+        url: './residentList'
+      })
+    },
     rules() {
       return {
         objectType: '请选择监测对象类型',
@@ -371,6 +376,12 @@ export default {
       })
     },
 
+    getResidentList() {
+      uni.navigateTo({
+        url: './residentList'
+      })
+    },
+
     nextStep() {
       const rules = this.rules()
 

src/apps/AppMonitoringObject/residentList.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="residentList">
+    <div class="searchBox">
+      <u-search placeholder="请输入户主姓名/联系方式/身份证后6位" v-model="keyword" :show-action="false"></u-search>
+    </div>
+    <div class="card-list">
+      <div class="item">
+        <div class="user-pic">
+          <img src="./components/img/user-img.png" alt="">
+        </div>
+        <div class="info">
+          <h4>李毅</h4>
+          <div class="num">
+            <div>42068219980502252X</div>
+            <div>18571799417</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "residentList",
+  data() {
+    return {
+      keyword: '',
+    }
+  },
+  onLoad() {},
+  onShow() {
+
+  },
+  methods: {
+    getUser() {
+      this.$http.post('/app/appresident/list', null,{
+
+      }).then(res => {
+        console.log(res);
+      })
+    }
+  },
+
+}
+</script>
+
+<style lang="scss" socped>
+.residentList {
+  .searchBox {
+    height: 104px;
+    line-height: 104px;
+    padding: 0 32px;
+    box-sizing: border-box;
+    background: #FFF;
+    border-bottom: 1px solid #DDD;
+  }
+  .card-list {
+    padding: 0 32px;
+    box-sizing: border-box;
+    background: #FFF;
+    .item {
+      display: flex;
+      padding: 24px 0;
+      box-sizing: border-box;
+      border-bottom: 1px solid #DDD;
+      .user-pic {
+        width: 80px;
+        height: 80px;
+        margin-right: 32px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .info {
+        width: calc(100% - 112px);
+        h4 {
+          font-size: 32px;
+          font-weight: 600;
+        }
+        .num {
+          margin-top: 8px;
+          color: #999999;
+          font-style: 26px;
+          display: flex;
+          justify-content: space-between;
+        }
+      }
+    }
+  }
+}
+</style>