AppServicePublic

src/apps/AppWalkask/AppWalkask.vue

@@ -11,7 +11,7 @@
             <div class="left">
               <img src="./components/images/icon2.png" alt="" />
 
-              <AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect" style="color: #fff"></AiAreaPicker>
+              <AiAreaPicker v-model="areaId" ref="areaIds" all :areaId="areaId" @select="areaSelect" style="color: #fff"></AiAreaPicker>
             </div>
 
             <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#1F5CAF" search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch" @clear="handerClear"></u-search>
@@ -48,7 +48,11 @@
           <div v-else>
             <AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"></AiEmpty>
 
-            <div class="addBtn">点击<span class="toAdds" @click="goDetail">新增按钮</span>试试试吧~</div>
+            <div class="addBtns">
+              <span> 点击</span>
+              <span class="toAdds" @click="goDetail">新增按钮</span>
+              <span> 试试试吧~</span>
+            </div>
           </div>
         </div>
 
@@ -72,7 +76,7 @@
                   <span class="tags">居家看护</span>
                 </div>
 
-                <div class="cards-hint">{{ item.description }}</div>
+                <div class="cards-hint">{{ item.createUserName }}</div>
 
                 <div class="imgs">
                   <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" />
@@ -89,12 +93,18 @@
                 <div class="menu" @tap.stop="toDetele(item)">删除</div>
               </template>
             </AiCard>
+
+            <u-loadmore :status="loadmore" color="#999" font-size="24" margin-top="32" margin-bottom="80" />
           </template>
 
           <div v-else>
             <AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"></AiEmpty>
 
-            <div class="addBtn">点击<span class="toAdds" @click="goDetail">新增按钮</span>试试试吧~</div>
+            <div class="addBtns">
+              <span> 点击</span>
+              <span class="toAdds" @click="goDetail">新增按钮</span>
+              <span> 试试试吧~</span>
+            </div>
           </div>
         </div>
       </div>
@@ -144,11 +154,19 @@ export default {
       params: null,
       current: 1,
       areaId: '',
+      size: 10,
       deletId: '',
+      pages: 0,
     }
   },
-  computed: { ...mapState(['user']) },
-  created() {
+  computed: {
+    ...mapState(['user']),
+
+    loadmore() {
+      return this.pages <= this.current ? 'loading ' : 'nomore'
+    },
+  },
+  onLoad() {
     this.areaId = this.user.areaId
     this.getList()
   },
@@ -158,7 +176,7 @@ export default {
       this.$http
         .post('/app/appvisitvondolence/list', null, {
           params: {
-            size: 6,
+            size: this.size,
             current: this.current,
             areaId: this.areaId,
             createUserId: this.currentTabs == 1 ? this.user.id : '',
@@ -168,6 +186,7 @@ export default {
         .then((res) => {
           if (res.code == 0) {
             this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
+            this.pages = res.data.pages
 
             if (this.data) {
               this.data.map((item) => {
@@ -187,6 +206,7 @@ export default {
       } else {
         return this.$u.toast('请选择到村')
       }
+      this.getList()
     },
 
     change(index) {
@@ -242,10 +262,18 @@ export default {
       })
     },
   },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
 }
 </script>
 
 <style lang="scss" scoped>
+uni-page-body {
+  height: 100%;
+  background: #fff;
+}
 .AppWalkask {
   height: 100%;
 
@@ -253,7 +281,6 @@ export default {
     .currentLeft,
     .currentRight {
       padding-bottom: 56px;
-      background: #fff;
 
       .currentLeft-top {
         display: flex;
@@ -347,10 +374,10 @@ export default {
         }
       }
 
-      .addBtn {
+      .addBtns {
         text-align: center;
         color: #b7b7b7;
-        margin-top: 5px;
+        margin-top: 10px;
         font-weight: 800;
 
         .toAdds {
@@ -373,13 +400,5 @@ export default {
     align-items: center;
     display: flex;
   }
-
-  .fixedImg {
-    position: fixed;
-    right: 0;
-    top: 1004px;
-    width: 128px;
-    height: 128px;
-  }
 }
 </style>