mirror of
https://github.com/bggRGjQaUbCoE/PiliPlus.git
synced 2026-04-23 04:00:28 +08:00
feat: upower rank page
Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
bggRGjQaUbCoE
@@ -119,6 +119,22 @@ class _MemberPageState extends State<MemberPage> {
|
||||
],
|
||||
),
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: () => Get.toNamed(
|
||||
'/upowerRank',
|
||||
parameters: {
|
||||
'mid': _userController.mid.toString(),
|
||||
},
|
||||
),
|
||||
child: const Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(Icons.electric_bolt, size: 19),
|
||||
SizedBox(width: 10),
|
||||
Text('充电排行榜'),
|
||||
],
|
||||
),
|
||||
),
|
||||
if (_userController.ownerMid != null &&
|
||||
_userController.mid != _userController.ownerMid) ...[
|
||||
const PopupMenuDivider(),
|
||||
|
||||
42
lib/pages/member_upower_rank/controller.dart
Normal file
42
lib/pages/member_upower_rank/controller.dart
Normal file
@@ -0,0 +1,42 @@
|
||||
import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/http/member.dart';
|
||||
import 'package:PiliPlus/models/upower_rank/data.dart';
|
||||
import 'package:PiliPlus/models/upower_rank/level_info.dart';
|
||||
import 'package:PiliPlus/models/upower_rank/rank_info.dart';
|
||||
import 'package:PiliPlus/pages/common/common_list_controller.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class UpowerRankController
|
||||
extends CommonListController<UpowerRankData, UpowerRankInfo> {
|
||||
UpowerRankController(this.privilegeType);
|
||||
int? privilegeType;
|
||||
|
||||
final upMid = Get.parameters['mid'];
|
||||
final Rx<String?> name = Rx<String?>(null);
|
||||
final Rx<List<LevelInfo>?> tabs = Rx<List<LevelInfo>?>(null);
|
||||
int? memberTotal;
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
super.onInit();
|
||||
queryData();
|
||||
}
|
||||
|
||||
@override
|
||||
List<UpowerRankInfo>? getDataList(UpowerRankData response) {
|
||||
isEnd = true;
|
||||
memberTotal = response.memberTotal ?? 0;
|
||||
if (response.levelInfo != null && response.levelInfo!.length > 1) {
|
||||
tabs.value = response.levelInfo;
|
||||
}
|
||||
name.value = response.upInfo!.nickname;
|
||||
return response.rankInfo;
|
||||
}
|
||||
|
||||
@override
|
||||
Future<LoadingState<UpowerRankData>> customGetData() => MemberHttp.upowerRank(
|
||||
upMid: upMid,
|
||||
page: page,
|
||||
privilegeType: privilegeType,
|
||||
);
|
||||
}
|
||||
177
lib/pages/member_upower_rank/view.dart
Normal file
177
lib/pages/member_upower_rank/view.dart
Normal file
@@ -0,0 +1,177 @@
|
||||
import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
|
||||
import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
|
||||
import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
|
||||
import 'package:PiliPlus/common/widgets/scroll_physics.dart';
|
||||
import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/models/common/image_type.dart';
|
||||
import 'package:PiliPlus/models/upower_rank/rank_info.dart';
|
||||
import 'package:PiliPlus/pages/member_upower_rank/controller.dart';
|
||||
import 'package:PiliPlus/utils/utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class UpowerRankPage extends StatefulWidget {
|
||||
const UpowerRankPage({super.key, this.privilegeType});
|
||||
|
||||
final int? privilegeType;
|
||||
|
||||
@override
|
||||
State<UpowerRankPage> createState() => _UpowerRankPageState();
|
||||
}
|
||||
|
||||
class _UpowerRankPageState extends State<UpowerRankPage>
|
||||
with AutomaticKeepAliveClientMixin {
|
||||
late final _controller = Get.put(
|
||||
UpowerRankController(widget.privilegeType),
|
||||
tag: Utils.generateRandomString(8),
|
||||
);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
super.build(context);
|
||||
final child = refreshIndicator(
|
||||
onRefresh: _controller.onRefresh,
|
||||
child: CustomScrollView(
|
||||
slivers: [
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.only(
|
||||
bottom: MediaQuery.paddingOf(context).bottom + 80,
|
||||
),
|
||||
sliver: Obx(() => _bilidBody(_controller.loadingState.value)),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
if (widget.privilegeType == null) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Obx(() => _controller.name.value == null
|
||||
? const SizedBox.shrink()
|
||||
: Text(
|
||||
'${_controller.name.value}充电排行榜${_controller.memberTotal == 0 ? '' : '(${_controller.memberTotal})'}')),
|
||||
),
|
||||
body: SafeArea(
|
||||
top: false,
|
||||
bottom: false,
|
||||
child: Obx(
|
||||
() => _controller.tabs.value != null
|
||||
? DefaultTabController(
|
||||
length: _controller.tabs.value!.length,
|
||||
child: Column(
|
||||
children: [
|
||||
TabBar(
|
||||
isScrollable: true,
|
||||
tabAlignment: TabAlignment.start,
|
||||
tabs: _controller.tabs.value!
|
||||
.map((e) => Tab(
|
||||
text: '${e.name!}(${e.memberTotal ?? 0})'))
|
||||
.toList(),
|
||||
),
|
||||
Expanded(
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: tabBarView(
|
||||
children: [
|
||||
child,
|
||||
..._controller.tabs.value!.sublist(1).map((e) =>
|
||||
UpowerRankPage(
|
||||
privilegeType: e.privilegeType))
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
: child,
|
||||
),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return child;
|
||||
}
|
||||
}
|
||||
|
||||
Widget _bilidBody(LoadingState<List<UpowerRankInfo>?> loadingState) {
|
||||
return switch (loadingState) {
|
||||
Loading() => widget.privilegeType == null
|
||||
? const SliverToBoxAdapter(child: LinearProgressIndicator())
|
||||
: const SliverToBoxAdapter(
|
||||
child: SizedBox(
|
||||
height: 125,
|
||||
child: Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
),
|
||||
),
|
||||
Success<List<UpowerRankInfo>?>(:var response) =>
|
||||
response?.isNotEmpty == true
|
||||
? SliverList.builder(
|
||||
itemCount: response!.length,
|
||||
itemBuilder: (context, index) {
|
||||
if (index == response.length - 1) {
|
||||
_controller.onLoadMore();
|
||||
}
|
||||
final item = response[index];
|
||||
return InkWell(
|
||||
onTap: () => Get.toNamed('/member?mid=${item.mid}'),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 16, vertical: 12),
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 32,
|
||||
child: Text(
|
||||
(index + 1).toString(),
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(fontSize: 13),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 6),
|
||||
NetworkImgLayer(
|
||||
width: 36,
|
||||
height: 36,
|
||||
src: item.avatar,
|
||||
type: ImageType.avatar,
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
item.nickname!,
|
||||
style: const TextStyle(fontSize: 14),
|
||||
),
|
||||
const Spacer(),
|
||||
Text.rich(
|
||||
TextSpan(
|
||||
children: [
|
||||
TextSpan(
|
||||
text: item.day!.toString(),
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const TextSpan(
|
||||
text: ' 天',
|
||||
style: TextStyle(fontSize: 13),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
)
|
||||
: HttpError(onReload: _controller.onReload),
|
||||
Error(:var errMsg) => HttpError(
|
||||
errMsg: errMsg,
|
||||
onReload: _controller.onReload,
|
||||
),
|
||||
};
|
||||
}
|
||||
|
||||
@override
|
||||
bool get wantKeepAlive => true;
|
||||
}
|
||||
Reference in New Issue
Block a user