村民圈接口

src/mods/AppVillager/AppVillager.vue

@@ -142,6 +142,7 @@ export default {
       ],
       indexTab3: 0,
       delShow: false,
+      current: 1,
     }
   },
   computed: {},
@@ -149,7 +150,6 @@ export default {
   onLoad() {
     this.$dict.load('villagerCircleTopic').then(() => {
       // this.getList()
-      console.log(this.$dict.getDict('villagerCircleTopic'))
     })
   },
   onShow() {
@@ -158,6 +158,22 @@ export default {
     })
   },
   methods: {
+    getList() {
+      this.$instance
+        .post('/app/appvillagerintegraldeclare/list', null, {
+          params: {
+            size: 6,
+            current: this.current,
+            residentId: this.user.residentId,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
+          }
+        })
+    },
+
     change(index) {
       // this.data = []
       this.tabIndex1 = index
@@ -199,6 +215,10 @@ export default {
         })
     },
   },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
 }
 </script>
 

src/mods/AppVillager/detail.vue

@@ -46,17 +46,17 @@
       </div>
 
       <div class="reply">
-        <div class="replyTop">
+        <div class="replyTop" @click="deleShowBtn(item)">
           <img src="../../static/AppVillager/3.png" alt="" />
           <span class="people">张三、李四、陶白白等12人</span>
         </div>
 
-        <div class="replyCont">
+        <div class="replyCont" @click="deleShowBtn(item)">
           <span class="nameLeft">张三：</span>
           <span class="contRight">非常不错！</span>
         </div>
 
-        <div class="replyCont">
+        <div class="replyCont" @click="deleShowBtn(item)">
           <span class="nameLeft">张三：</span>
           <span class="contRight">为什么不带上我呢！为什么不带上我呢！为什么不带上我呢！</span>
         </div>
@@ -88,6 +88,8 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
+
 export default {
   name: 'detail',
   components: {},
@@ -105,7 +107,7 @@ export default {
       deleId: '',
     }
   },
-  computed: {},
+  computed: { ...mapState(['user']) },
   watch: {},
   onLoad(o) {
     this.$dict.load('atWillReportType').then(() => {
@@ -134,7 +136,8 @@ export default {
           content: this.content,
           replyUserResidentId: this.user.id,
           replyUserName: this.user.name,
-          id: this.id,
+          areaId: this.$areaId,
+          id: '888',
         })
         .then((res) => {
           if (res?.code == 0) {
@@ -179,6 +182,18 @@ export default {
           this.$u.toast(e)
         })
     },
+
+    deleShowBtn(item) {
+      // this.deleId = item.id
+      this.deleId = '999'
+      this.deleShow = true
+    },
+  },
+  onShareAppMessage() {
+    return {
+      // title: this.info.title,
+      // path: `/mods/AppActivityList/AppActivityList?id=${this.id}`,
+    }
   },
 }
 </script>
@@ -373,5 +388,34 @@ export default {
       }
     }
   }
+
+  .popupdele {
+    ::v-deep .u-drawer-content {
+      border-radius: 24px 24px 0px 0px;
+      text-align: center;
+      .hint {
+        padding: 40px 0 44px 0;
+        border-bottom: 1px solid #e7e8e9;
+        font-size: 24px;
+        color: #666666;
+        font-size: 24px;
+        color: #666666;
+      }
+      .dele {
+        padding: 24px 0 28px 0;
+        font-size: 32px;
+        color: #c25450;
+      }
+      .liness {
+        height: 12px;
+        background: #f6f7f8;
+      }
+      .cancel {
+        padding: 24px 0 62px 0;
+        font-size: 32px;
+        color: #333333;
+      }
+    }
+  }
 }
 </style>