宣发

src/project/saas/AppPropagandaStatistics/groupSendResident.vue

@@ -5,18 +5,18 @@
         <div class="searchBox">
           <u-search placeholder="请输入任务名称" v-model="name" :show-action="false"></u-search>
         </div>
-        <div class="filterBtn">筛选</div>
+        <div class="filterBtn"><img src="./images/shaixuan.png" alt="">筛选</div>
       </div>
     </AiTopFixed>
     <div class="resident_list">
-      <div class="card" @click="toDetail">
+      <div class="card" @click="toDetail" v-for="(item,index) in list" :key="index">
         <div class="card_title">
-          <div class="card_left">晴风小区志愿者活动</div>
+          <div class="card_left">{{ item.content }}</div>
           <div class="card_right"><span></span>进行中</div>
         </div>
-        <div>创建时间：<span>2022-07-12</span></div>
+        <div>创建时间：<span>{{ item.createTime }}</span></div>
         <div>共需<span class="num">56</span>名成员完成群发，目前已完成<span class="num">65%</span></div>
-        <div>创建部门：市委/宣传部/一组</div>
+        <div>创建部门：<span>{{ item.createUserDept }}</span></div>
       </div>
     </div>
   </div>
@@ -27,16 +27,31 @@ export default {
   data() {
     return {
       current: 1,
-      name: ''
+      name: '',
+      list: [],
     }
   },
   methods: {
     toDetail() {
       uni.navigateTo({url: `./groupSendDetail`})
+    },
+    getList() {
+      this.$http.post(`/app/appmasssendingtask/list`, null, {
+        params: {
+          current: this.current,
+
+        }
+      }).then(res=> {
+        if(res?.data) {
+          this.list = this.current == 1?  res.data.records : [...res.data.records, ...this.list]
+        }
+        console.log(res);
+      })
     }
   },
   onShow() {
     document.title = '群发居民群'
+    this.getList()
   },
   onReachBottom() {
     this.current ++
@@ -56,7 +71,10 @@ export default {
       width: 562px;
     }
     .filterBtn {
-      width: calc( 100% - 562px);
+      img {
+        width: 28px;
+        height: 28px;
+      }
     }
   }
   .resident_list {
@@ -66,6 +84,7 @@ export default {
       background: #FFF;
       border-radius: 16px;
       padding: 30px;
+      margin-bottom: 24px;
       & > div {
         padding: 10px 0;
       }