mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-23 10:36:24 +08:00
opt: log page (#967)
This commit is contained in:
committed by
GitHub
parent
16fa47e8e9
commit
c75a68dacc
@@ -2,15 +2,9 @@ import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/http/user.dart';
|
||||
import 'package:PiliPlus/models_new/coin_log/data.dart';
|
||||
import 'package:PiliPlus/models_new/coin_log/list.dart';
|
||||
import 'package:PiliPlus/pages/common/common_list_controller.dart';
|
||||
|
||||
class ExpLogController extends CommonListController<CoinLogData, CoinLogItem> {
|
||||
@override
|
||||
void onInit() {
|
||||
super.onInit();
|
||||
queryData();
|
||||
}
|
||||
import 'package:PiliPlus/pages/log_table/controller.dart';
|
||||
|
||||
class ExpLogController extends LogController<CoinLogData, CoinLogItem> {
|
||||
@override
|
||||
List<CoinLogItem>? getDataList(CoinLogData response) {
|
||||
return response.list;
|
||||
@@ -18,4 +12,19 @@ class ExpLogController extends CommonListController<CoinLogData, CoinLogItem> {
|
||||
|
||||
@override
|
||||
Future<LoadingState<CoinLogData>> customGetData() => UserHttp.expLog();
|
||||
|
||||
@override
|
||||
List<(int, String)> getFlexAndText(CoinLogItem item) {
|
||||
return [(2, item.time), (1, item.delta), (2, item.reason)];
|
||||
}
|
||||
|
||||
@override
|
||||
final CoinLogItem header = const CoinLogItem(
|
||||
time: '时间',
|
||||
delta: '变化',
|
||||
reason: '原因',
|
||||
);
|
||||
|
||||
@override
|
||||
final String title = '经验记录';
|
||||
}
|
||||
|
||||
@@ -1,140 +0,0 @@
|
||||
import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
|
||||
import 'package:PiliPlus/common/widgets/loading_widget/loading_widget.dart';
|
||||
import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/models_new/coin_log/list.dart';
|
||||
import 'package:PiliPlus/pages/exp_log/controller.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class ExpLogPage extends StatefulWidget {
|
||||
const ExpLogPage({super.key});
|
||||
|
||||
@override
|
||||
State<ExpLogPage> createState() => _ExpLogPageState();
|
||||
}
|
||||
|
||||
class _ExpLogPageState extends State<ExpLogPage> {
|
||||
late final _controller = Get.put(ExpLogController());
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('经验记录')),
|
||||
body: SafeArea(
|
||||
top: false,
|
||||
bottom: false,
|
||||
child: Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 680),
|
||||
child: CustomScrollView(
|
||||
slivers: [
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.only(
|
||||
left: 10,
|
||||
right: 10,
|
||||
bottom: MediaQuery.paddingOf(context).bottom + 80,
|
||||
),
|
||||
sliver: Obx(() => _buildBody(_controller.loadingState.value)),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody(LoadingState<List<CoinLogItem>?> loadingState) {
|
||||
return switch (loadingState) {
|
||||
Loading() => linearLoading,
|
||||
Success(:var response) =>
|
||||
response?.isNotEmpty == true
|
||||
? Builder(
|
||||
builder: (context) {
|
||||
final them = Theme.of(context);
|
||||
final outline = them.colorScheme.outline.withValues(
|
||||
alpha: 0.1,
|
||||
);
|
||||
final divider = Divider(
|
||||
height: 1,
|
||||
color: outline,
|
||||
);
|
||||
final sliverDivider = SliverToBoxAdapter(
|
||||
child: divider,
|
||||
);
|
||||
final dividerV = VerticalDivider(
|
||||
width: 1,
|
||||
color: outline,
|
||||
);
|
||||
return SliverMainAxisGroup(
|
||||
slivers: [
|
||||
sliverDivider,
|
||||
SliverToBoxAdapter(
|
||||
child: ColoredBox(
|
||||
color: them.colorScheme.onInverseSurface,
|
||||
child: _item(
|
||||
const CoinLogItem(
|
||||
time: '时间',
|
||||
delta: '变化',
|
||||
reason: '原因',
|
||||
),
|
||||
dividerV,
|
||||
isHeader: true,
|
||||
),
|
||||
),
|
||||
),
|
||||
sliverDivider,
|
||||
SliverList.separated(
|
||||
itemCount: response!.length,
|
||||
itemBuilder: (context, index) {
|
||||
return _item(response[index], dividerV);
|
||||
},
|
||||
separatorBuilder: (context, index) => divider,
|
||||
),
|
||||
sliverDivider,
|
||||
],
|
||||
);
|
||||
},
|
||||
)
|
||||
: HttpError(onReload: _controller.onReload),
|
||||
Error(:var errMsg) => HttpError(
|
||||
errMsg: errMsg,
|
||||
onReload: _controller.onReload,
|
||||
),
|
||||
};
|
||||
}
|
||||
|
||||
Widget _item(CoinLogItem item, Widget divider, {bool isHeader = false}) {
|
||||
Widget text(int flex, String text) => Expanded(
|
||||
flex: flex,
|
||||
child: Padding(
|
||||
padding: isHeader
|
||||
? const EdgeInsets.symmetric(vertical: 6)
|
||||
: const EdgeInsets.symmetric(vertical: 8),
|
||||
child: Center(
|
||||
child: Text(
|
||||
text,
|
||||
textAlign: TextAlign.center,
|
||||
style: isHeader
|
||||
? const TextStyle(fontSize: 13, fontWeight: FontWeight.bold)
|
||||
: const TextStyle(fontSize: 13),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
Widget content = Row(
|
||||
children: [
|
||||
divider,
|
||||
text(2, item.time),
|
||||
divider,
|
||||
text(1, item.delta),
|
||||
divider,
|
||||
text(2, item.reason),
|
||||
divider,
|
||||
],
|
||||
);
|
||||
return IntrinsicHeight(
|
||||
child: isHeader ? content : SelectionArea(child: content),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user