update: add collect topic list in the user profile

Author: Lsnsh

src/dc/api.js

@@ -65,7 +65,7 @@ export class TopicCollect extends Base {
     return fnDataProcess(
       {
         url: this.sListUrl,
-        method: 'post',
+        method: 'get',
         ...oOption
       },
       fnDataModel

src/pages/user/user.js

@@ -1,6 +1,7 @@
 Page({
   data: {
     bIsReady: false, // 页面是否准备就绪
+    bIsFetchingUserCollectTopicList: false, // 是否正在获取用户收藏话题列表
     nActiveTabIndex: 0,
     aTabBar: [
       {
@@ -14,11 +15,13 @@ Page({
         text: '话题收藏'
       }
     ],
+    aUserCollectTopicList: [], // 用户收藏话题列表
     oUserProfile: {}
   },
   onLoad(options) {
     if (options.name) {
       this.fnGetUserProfile(options.name);
+      this.fnGetUserCollectTopicList(options.name);
     }
   },
   // 点击切换tab
@@ -28,6 +31,39 @@ Page({
       nActiveTabIndex: oDataSet.index
     });
   },
+  // 获取用户收藏话题
+  fnGetUserCollectTopicList(sUserName) {
+    // 显示标题栏加载效果
+    wx.showNavigationBarLoading();
+    this.setData({
+      bIsFetchingUserCollectTopicList: true
+    });
+    wx.dc.topicCollect
+      .list(
+        {
+          urlData: {
+            loginname: sUserName
+          }
+        },
+        this.fnUserCollectTopicListDataModel
+      )
+      .then(res => {
+        // 停止加载效果
+        this.setData({
+          aUserCollectTopicList: res.aTopicList,
+          bIsFetchingUserCollectTopicList: false
+        });
+        wx.hideNavigationBarLoading();
+      })
+      .catch(err => {
+        console.log(err);
+        // 停止加载效果
+        wx.hideNavigationBarLoading();
+        this.setData({
+          bIsFetchingUserCollectTopicList: false
+        });
+      });
+  },
   // 获取用户资料
   fnGetUserProfile(sUserName) {
     // 显示标题栏加载效果
@@ -57,6 +93,19 @@ Page({
         wx.hideNavigationBarLoading();
       });
   },
+  fnUserCollectTopicListDataModel(aData) {
+    let oResult = {};
+    if (!Array.isArray(aData)) {
+      aData = [];
+    }
+    oResult.aTopicList = aData.map(oItem => {
+      return {
+        ...oItem,
+        last_reply_at: wx.moment(oItem.last_reply_at).fromNow()
+      };
+    });
+    return oResult;
+  },
   fnUserProfileDataModel(oData) {
     let oResult = {
       ...oData,

src/pages/user/user.wxml

@@ -32,10 +32,11 @@
       <block wx:elif="{{nActiveTabIndex === 1}}">
         <topic-list list="{{oUserProfile.recent_topics}}"></topic-list>
       </block>
-      <!-- TODO: 话题收藏列表 -->
+      <!-- 话题收藏列表 -->
       <block wx:elif="{{nActiveTabIndex === 2}}">
-        <view class="topic-collection-list ta-c">
-          <view>敬请期待</view>
+        <topic-list wx:if="{{!bIsFetchingUserCollectTopicList}}" list="{{aUserCollectTopicList}}"></topic-list>
+        <view wx:else class="topic-collection-list ta-c">
+          <view>正在加载...</view>
         </view>
       </block>
     </view>