From edfed8102938b294240aa0603c494824ca81d431 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Thu, 17 Feb 2022 19:03:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=91=E6=B0=91=E5=9C=88=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mods/AppVillager/AppVillager.vue | 22 +++++++++++-
 src/mods/AppVillager/detail.vue      | 54 +++++++++++++++++++++++++---
 2 files changed, 70 insertions(+), 6 deletions(-)

diff --git a/src/mods/AppVillager/AppVillager.vue b/src/mods/AppVillager/AppVillager.vue
index 138f8d0..3fa32c6 100644
--- a/src/mods/AppVillager/AppVillager.vue
+++ b/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>
 
diff --git a/src/mods/AppVillager/detail.vue b/src/mods/AppVillager/detail.vue
index 5ddc215..4690376 100644
--- a/src/mods/AppVillager/detail.vue
+++ b/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>