From 29a03f52a3e38a6b3a18c6b41d7ec3f2c80fa9f2 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 17 Mar 2023 10:48:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E5=A4=9A=E8=AF=9D=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/project/fengdu/AppCircle/Topic.vue | 32 ++++++++++++++++++--------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/project/fengdu/AppCircle/Topic.vue b/src/project/fengdu/AppCircle/Topic.vue
index aea898c..7d2a523 100644
--- a/src/project/fengdu/AppCircle/Topic.vue
+++ b/src/project/fengdu/AppCircle/Topic.vue
@@ -1,14 +1,13 @@
 <template>
   <div class="Topic">
-    <div class="Topic-item" v-for="(item, index) in 10" :key="index">
-      <h2>#闲置物品交易</h2>
+    <div class="Topic-item" v-for="(item, index) in list" :key="index" @click="toTopicDetail(item.id)">
+      <h2>#{{item.title}}</h2>
       <span>去看看</span>
     </div>
     <AiLogin ref="login"/>
   </div>
 </template>
 <script>
-  import { mapActions, mapState } from 'vuex'
 
   export default {
     name: 'Topic',
@@ -16,18 +15,33 @@
 
     data () {
       return {
+        current: 1,
+        pages: 2,
+        list: []
       }
     },
-
-    computed: {
-      ...mapState(['user', 'token'])
-    },
-
     onLoad() {
+      this.getList()
     },
 
     methods: {
-      ...mapActions(['autoLogin', 'authCheck'])
+      getList() {
+        if (this.current > this.pages) return
+        this.$instance.post(`/app/appneighborhoodassistancetheme/list&current=${this.current}&size=20`).then(res => {
+          if (res.code === 0 && res.data) {
+            const list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+            this.pages = Math.ceil(res.data.total / 10)
+            this.list = list
+          }
+        })
+      },
+      toTopicDetail(id) {
+        uni.navigateTo({url: `./TopicDetail?id=${id}`})
+      }
+    },
+    onReachBottom() {
+      this.current ++
+      this.getList()
     }
   }
 </script>