feat: 按分组查看up issues #150

lib/http/api.dart

@@ -313,4 +313,7 @@ class Api {
   // 设置Up主分组
   // 0 添加至默认分组  否则使用,分割tagid
   static const String addUsers = '/x/relation/tags/addUsers';
+
+  // 获取指定分组下的up
+  static const String followUpGroup = '/x/relation/tag';
 }

lib/http/member.dart

@@ -1,5 +1,6 @@
 import 'package:pilipala/http/index.dart';
 import 'package:pilipala/models/dynamics/result.dart';
+import 'package:pilipala/models/follow/result.dart';
 import 'package:pilipala/models/member/archive.dart';
 import 'package:pilipala/models/member/info.dart';
 import 'package:pilipala/models/member/tags.dart';
@@ -184,4 +185,34 @@ class MemberHttp {
       };
     }
   }
+
+  // 获取某分组下的up
+  static Future followUpGroup(
+    int? mid,
+    int? tagid,
+    int? pn,
+    int? ps,
+  ) async {
+    var res = await Request().get(Api.followUpGroup, data: {
+      'mid': mid,
+      'tagid': tagid,
+      'pn': pn,
+      'ps': ps,
+    });
+    if (res.data['code'] == 0) {
+      // FollowItemModel
+      return {
+        'status': true,
+        'data': res.data['data']
+            .map<FollowItemModel>((e) => FollowItemModel.fromJson(e))
+            .toList()
+      };
+    } else {
+      return {
+        'status': false,
+        'data': [],
+        'msg': res.data['message'],
+      };
+    }
+  }
 }

lib/models/follow/result.dart

@@ -8,7 +8,7 @@ class FollowDataModel {
   List<FollowItemModel>? list;
 
   FollowDataModel.fromJson(Map<String, dynamic> json) {
-    total = json['total'];
+    total = json['total'] ?? 0;
     list = json['list']
         .map<FollowItemModel>((e) => FollowItemModel.fromJson(e))
         .toList();
@@ -19,7 +19,7 @@ class FollowItemModel {
   FollowItemModel({
     this.mid,
     this.attribute,
-    this.mtime,
+    // this.mtime,
     this.tag,
     this.special,
     this.uname,
@@ -30,7 +30,7 @@ class FollowItemModel {
 
   int? mid;
   int? attribute;
-  int? mtime;
+  // int? mtime;
   List? tag;
   int? special;
   String? uname;
@@ -41,7 +41,7 @@ class FollowItemModel {
   FollowItemModel.fromJson(Map<String, dynamic> json) {
     mid = json['mid'];
     attribute = json['attribute'];
-    mtime = json['mtime'];
+    // mtime = json['mtime'];
     tag = json['tag'];
     special = json['special'];
     uname = json['uname'];

lib/pages/follow/controller.dart

@@ -1,20 +1,28 @@
+import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 import 'package:hive/hive.dart';
 import 'package:pilipala/http/follow.dart';
+import 'package:pilipala/http/member.dart';
 import 'package:pilipala/models/follow/result.dart';
+import 'package:pilipala/models/member/tags.dart';
 import 'package:pilipala/utils/storage.dart';
 
-class FollowController extends GetxController {
+/// 查看自己的关注时，可以查看分类
+/// 查看其他人的关注时，只可以看全部
+class FollowController extends GetxController with GetTickerProviderStateMixin {
   Box userInfoCache = GStrorage.userInfo;
   int pn = 1;
   int ps = 20;
   int total = 0;
-  RxList<FollowItemModel> followList = [FollowItemModel()].obs;
+  RxList<FollowItemModel> followList = <FollowItemModel>[].obs;
   late int mid;
   late String name;
   var userInfo;
   RxString loadingText = '加载中...'.obs;
+  RxBool isOwner = false.obs;
+  late List<MemberTagItemModel> followTags;
+  late TabController tabController;
 
   @override
   void onInit() {
@@ -23,6 +31,7 @@ class FollowController extends GetxController {
     mid = Get.parameters['mid'] != null
         ? int.parse(Get.parameters['mid']!)
         : userInfo.mid;
+    isOwner.value = mid == userInfo.mid;
     name = Get.parameters['name'] ?? userInfo.uname;
   }
 
@@ -56,4 +65,20 @@ class FollowController extends GetxController {
     }
     return res;
   }
+
+  // 当查看当前用户的关注时，请求关注分组
+  Future followUpTags() async {
+    if (userInfo != null && mid == userInfo.mid) {
+      var res = await MemberHttp.followUpTags();
+      if (res['status']) {
+        followTags = res['data'];
+        tabController = TabController(
+          initialIndex: 0,
+          length: res['data'].length,
+          vsync: this,
+        );
+      }
+      return res;
+    }
+  }
 }

lib/pages/follow/view.dart

@@ -1,12 +1,8 @@
-import 'package:easy_debounce/easy_throttle.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
-import 'package:pilipala/common/widgets/http_error.dart';
-import 'package:pilipala/common/widgets/no_data.dart';
-import 'package:pilipala/models/follow/result.dart';
-
 import 'controller.dart';
-import 'widgets/follow_item.dart';
+import 'widgets/follow_list.dart';
+import 'widgets/owner_follow_list.dart';
 
 class FollowPage extends StatefulWidget {
   const FollowPage({super.key});
@@ -19,30 +15,12 @@ class _FollowPageState extends State<FollowPage> {
   late String mid;
   late FollowController _followController;
   final ScrollController scrollController = ScrollController();
-  Future? _futureBuilderFuture;
 
   @override
   void initState() {
     super.initState();
     mid = Get.parameters['mid']!;
     _followController = Get.put(FollowController(), tag: mid);
-    _futureBuilderFuture = _followController.queryFollowings('init');
-    scrollController.addListener(
-      () async {
-        if (scrollController.position.pixels >=
-            scrollController.position.maxScrollExtent - 200) {
-          EasyThrottle.throttle('follow', const Duration(seconds: 1), () {
-            _followController.queryFollowings('onLoad');
-          });
-        }
-      },
-    );
-  }
-
-  @override
-  void dispose() {
-    scrollController.removeListener(() {});
-    super.dispose();
   }
 
   @override
@@ -54,73 +32,57 @@ class _FollowPageState extends State<FollowPage> {
         titleSpacing: 0,
         centerTitle: false,
         title: Text(
-          '${_followController.name}的关注',
+          _followController.isOwner.value
+              ? '我的关注'
+              : '${_followController.name}的关注',
           style: Theme.of(context).textTheme.titleMedium,
         ),
       ),
-      body: RefreshIndicator(
+      body: Obx(
-          onRefresh: () async =>
+        () => !_followController.isOwner.value
-              await _followController.queryFollowings('init'),
+            ? FollowList(ctr: _followController)
-          child: FutureBuilder(
+            : FutureBuilder(
-            future: _futureBuilderFuture,
+                future: _followController.followUpTags(),
-            builder: (context, snapshot) {
+                builder: (context, snapshot) {
-              if (snapshot.connectionState == ConnectionState.done) {
+                  if (snapshot.connectionState == ConnectionState.done) {
-                var data = snapshot.data;
+                    var data = snapshot.data;
-                if (data['status']) {
+                    if (data['status']) {
-                  List<FollowItemModel> list = _followController.followList;
+                      return Column(
-                  return Obx(
+                        children: [
-                    () => list.isNotEmpty
+                          TabBar(
-                        ? ListView.builder(
+                              controller: _followController.tabController,
-                            controller: scrollController,
+                              isScrollable: true,
-                            itemCount: list.length + 1,
+                              tabs: [
-                            itemBuilder: (BuildContext context, int index) {
+                                for (var i in data['data']) ...[
-                              if (index == list.length) {
+                                  Tab(text: i.name),
-                                return Container(
+                                ]
-                                  height:
+                              ]),
-                                      MediaQuery.of(context).padding.bottom +
+                          Expanded(
-                                          60,
+                            child: TabBarView(
-                                  padding: EdgeInsets.only(
+                              controller: _followController.tabController,
-                                      bottom: MediaQuery.of(context)
+                              children: [
-                                          .padding
+                                for (var i = 0;
-                                          .bottom),
+                                    i < _followController.tabController.length;
-                                  child: Center(
+                                    i++) ...[
-                                    child: Obx(
+                                  OwnerFollowList(
-                                      () => Text(
+                                    ctr: _followController,
-                                        _followController.loadingText.value,
+                                    tagItem: _followController.followTags[i],
-                                        style: TextStyle(
+                                  )
-                                            color: Theme.of(context)
+                                ]
-                                                .colorScheme
+                              ],
-                                                .outline,
+                            ),
-                                            fontSize: 13),
-                                      ),
-                                    ),
-                                  ),
-                                );
-                              } else {
-                                return followItem(item: list[index]);
-                              }
-                            },
-                          )
-                        : const CustomScrollView(
-                            slivers: [NoData()],
                           ),
-                  );
+                        ],
-                } else {
+                      );
-                  return CustomScrollView(
+                    } else {
-                    slivers: [
+                      return const SizedBox();
-                      HttpError(
+                    }
-                        errMsg: data['msg'],
+                  } else {
-                        fn: () => _followController.queryFollowings('init'),
+                    return const SizedBox();
-                      )
+                  }
-                    ],
+                },
-                  );
+              ),
-                }
+      ),
-              } else {
-                // 骨架屏
-                return const SizedBox();
-              }
-            },
-          )),
     );
   }
 }

lib/pages/follow/widgets/follow_item.dart

@@ -1,38 +1,45 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:pilipala/common/widgets/network_img_layer.dart';
+import 'package:pilipala/models/follow/result.dart';
 import 'package:pilipala/utils/feed_back.dart';
 import 'package:pilipala/utils/utils.dart';
 
-Widget followItem({item}) {
+class FollowItem extends StatelessWidget {
-  String heroTag = Utils.makeHeroTag(item!.mid);
+  final FollowItemModel item;
-  return ListTile(
+  const FollowItem({super.key, required this.item});
-    onTap: () {
+
-      feedBack();
+  @override
-      Get.toNamed('/member?mid=${item.mid}',
+  Widget build(BuildContext context) {
-          arguments: {'face': item.face, 'heroTag': heroTag});
+    String heroTag = Utils.makeHeroTag(item!.mid);
-    },
+    return ListTile(
-    leading: Hero(
+      onTap: () {
-      tag: heroTag,
+        feedBack();
-      child: NetworkImgLayer(
+        Get.toNamed('/member?mid=${item.mid}',
-        width: 45,
+            arguments: {'face': item.face, 'heroTag': heroTag});
-        height: 45,
+      },
-        type: 'avatar',
+      leading: Hero(
-        src: item.face,
+        tag: heroTag,
+        child: NetworkImgLayer(
+          width: 45,
+          height: 45,
+          type: 'avatar',
+          src: item.face,
+        ),
       ),
-    ),
+      title: Text(
-    title: Text(
+        item.uname!,
-      item.uname,
+        maxLines: 1,
-      maxLines: 1,
+        overflow: TextOverflow.ellipsis,
-      overflow: TextOverflow.ellipsis,
+        style: const TextStyle(fontSize: 14),
-      style: const TextStyle(fontSize: 14),
+      ),
-    ),
+      subtitle: Text(
-    subtitle: Text(
+        item.sign!,
-      item.sign,
+        maxLines: 1,
-      maxLines: 1,
+        overflow: TextOverflow.ellipsis,
-      overflow: TextOverflow.ellipsis,
+      ),
-    ),
+      dense: true,
-    dense: true,
+      trailing: const SizedBox(width: 6),
-    trailing: const SizedBox(width: 6),
+    );
-  );
+  }
 }

lib/pages/follow/widgets/follow_list.dart

@@ -0,0 +1,111 @@
+import 'package:easy_debounce/easy_throttle.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
+import 'package:pilipala/common/widgets/no_data.dart';
+import 'package:pilipala/models/follow/result.dart';
+import 'package:pilipala/pages/follow/index.dart';
+
+import 'follow_item.dart';
+
+class FollowList extends StatefulWidget {
+  final FollowController ctr;
+  const FollowList({
+    super.key,
+    required this.ctr,
+  });
+
+  @override
+  State<FollowList> createState() => _FollowListState();
+}
+
+class _FollowListState extends State<FollowList> {
+  late Future _futureBuilderFuture;
+  final ScrollController scrollController = ScrollController();
+
+  @override
+  void initState() {
+    super.initState();
+    _futureBuilderFuture = widget.ctr.queryFollowings('init');
+    scrollController.addListener(
+      () async {
+        if (scrollController.position.pixels >=
+            scrollController.position.maxScrollExtent - 200) {
+          EasyThrottle.throttle('follow', const Duration(seconds: 1), () {
+            widget.ctr.queryFollowings('onLoad');
+          });
+        }
+      },
+    );
+  }
+
+  @override
+  void dispose() {
+    scrollController.removeListener(() {});
+    scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return RefreshIndicator(
+      onRefresh: () async => await widget.ctr.queryFollowings('init'),
+      child: FutureBuilder(
+        future: _futureBuilderFuture,
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.done) {
+            var data = snapshot.data;
+            if (data['status']) {
+              List<FollowItemModel> list = widget.ctr.followList;
+              return Obx(
+                () => list.isNotEmpty
+                    ? ListView.builder(
+                        controller: scrollController,
+                        itemCount: list.length + 1,
+                        itemBuilder: (BuildContext context, int index) {
+                          if (index == list.length) {
+                            return Container(
+                              height:
+                                  MediaQuery.of(context).padding.bottom + 60,
+                              padding: EdgeInsets.only(
+                                  bottom:
+                                      MediaQuery.of(context).padding.bottom),
+                              child: Center(
+                                child: Obx(
+                                  () => Text(
+                                    widget.ctr.loadingText.value,
+                                    style: TextStyle(
+                                        color: Theme.of(context)
+                                            .colorScheme
+                                            .outline,
+                                        fontSize: 13),
+                                  ),
+                                ),
+                              ),
+                            );
+                          } else {
+                            return FollowItem(item: list[index]);
+                          }
+                        },
+                      )
+                    : const CustomScrollView(slivers: [NoData()]),
+              );
+            } else {
+              return CustomScrollView(
+                slivers: [
+                  HttpError(
+                    errMsg: data['msg'],
+                    fn: () => widget.ctr.queryFollowings('init'),
+                  )
+                ],
+              );
+            }
+          } else {
+            // 骨架屏
+            return const SizedBox();
+          }
+        },
+      ),
+    );
+  }
+}

lib/pages/follow/widgets/owner_follow_list.dart

@@ -0,0 +1,128 @@
+import 'package:easy_debounce/easy_throttle.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
+import 'package:pilipala/common/widgets/no_data.dart';
+import 'package:pilipala/http/member.dart';
+import 'package:pilipala/models/follow/result.dart';
+import 'package:pilipala/models/member/tags.dart';
+import 'package:pilipala/pages/follow/index.dart';
+import 'follow_item.dart';
+
+class OwnerFollowList extends StatefulWidget {
+  final FollowController ctr;
+  final MemberTagItemModel? tagItem;
+  const OwnerFollowList({super.key, required this.ctr, this.tagItem});
+
+  @override
+  State<OwnerFollowList> createState() => _OwnerFollowListState();
+}
+
+class _OwnerFollowListState extends State<OwnerFollowList>
+    with AutomaticKeepAliveClientMixin {
+  late int mid;
+  late Future _futureBuilderFuture;
+  final ScrollController scrollController = ScrollController();
+  int pn = 1;
+  int ps = 20;
+  late MemberTagItemModel tagItem;
+  RxList<FollowItemModel> followList = <FollowItemModel>[].obs;
+
+  @override
+  bool get wantKeepAlive => true;
+
+  @override
+  void initState() {
+    super.initState();
+    mid = widget.ctr.mid;
+    tagItem = widget.tagItem!;
+    _futureBuilderFuture = followUpGroup('init');
+    scrollController.addListener(
+      () async {
+        if (scrollController.position.pixels >=
+            scrollController.position.maxScrollExtent - 200) {
+          EasyThrottle.throttle('follow', const Duration(seconds: 1), () {
+            followUpGroup('onLoad');
+          });
+        }
+      },
+    );
+  }
+
+  // 获取分组下up
+  Future followUpGroup(type) async {
+    if (type == 'init') {
+      pn = 1;
+    }
+    var res = await MemberHttp.followUpGroup(mid, tagItem.tagid, pn, ps);
+    if (res['status']) {
+      if (res['data'].isNotEmpty) {
+        if (type == 'init') {
+          followList.value = res['data'];
+        } else {
+          followList.addAll(res['data']);
+        }
+        pn += 1;
+      }
+    }
+    return res;
+  }
+
+  @override
+  void dispose() {
+    scrollController.removeListener(() {});
+    scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    super.build(context);
+    return RefreshIndicator(
+      onRefresh: () async => await followUpGroup('init'),
+      child: FutureBuilder(
+        future: _futureBuilderFuture,
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.done) {
+            var data = snapshot.data;
+            if (data['status']) {
+              return Obx(
+                () => followList.isNotEmpty
+                    ? ListView.builder(
+                        controller: scrollController,
+                        itemCount: followList.length + 1,
+                        itemBuilder: (BuildContext context, int index) {
+                          if (index == followList.length) {
+                            return Container(
+                              height:
+                                  MediaQuery.of(context).padding.bottom + 60,
+                              padding: EdgeInsets.only(
+                                  bottom:
+                                      MediaQuery.of(context).padding.bottom),
+                            );
+                          } else {
+                            return FollowItem(item: followList[index]);
+                          }
+                        },
+                      )
+                    : const CustomScrollView(slivers: [NoData()]),
+              );
+            } else {
+              return CustomScrollView(
+                slivers: [
+                  HttpError(
+                    errMsg: data['msg'],
+                    fn: () => widget.ctr.queryFollowings('init'),
+                  )
+                ],
+              );
+            }
+          } else {
+            // 骨架屏
+            return const SizedBox();
+          }
+        },
+      ),
+    );
+  }
+}