mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-06 09:13:48 +08:00
opt: log page (#967)
This commit is contained in:
committed by
GitHub
parent
16fa47e8e9
commit
c75a68dacc
@@ -1,12 +1,12 @@
|
||||
class LoginLogItem {
|
||||
String ip;
|
||||
int? time;
|
||||
String timeAt;
|
||||
bool? status;
|
||||
int? type;
|
||||
String geo;
|
||||
final String ip;
|
||||
final int? time;
|
||||
final String timeAt;
|
||||
final bool? status;
|
||||
final int? type;
|
||||
final String geo;
|
||||
|
||||
LoginLogItem({
|
||||
const LoginLogItem({
|
||||
required this.ip,
|
||||
this.time,
|
||||
required this.timeAt,
|
||||
|
||||
@@ -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 CoinLogController extends CommonListController<CoinLogData, CoinLogItem> {
|
||||
@override
|
||||
void onInit() {
|
||||
super.onInit();
|
||||
queryData();
|
||||
}
|
||||
import 'package:PiliPlus/pages/log_table/controller.dart';
|
||||
|
||||
class CoinLogController extends LogController<CoinLogData, CoinLogItem> {
|
||||
@override
|
||||
List<CoinLogItem>? getDataList(CoinLogData response) {
|
||||
return response.list;
|
||||
@@ -18,4 +12,19 @@ class CoinLogController extends CommonListController<CoinLogData, CoinLogItem> {
|
||||
|
||||
@override
|
||||
Future<LoadingState<CoinLogData>> customGetData() => UserHttp.coinLog();
|
||||
|
||||
@override
|
||||
List<(int, String)> getFlexAndText(CoinLogItem item) {
|
||||
return [(3, item.time), (1, item.delta), (4, 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/coin_log/controller.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class CoinLogPage extends StatefulWidget {
|
||||
const CoinLogPage({super.key});
|
||||
|
||||
@override
|
||||
State<CoinLogPage> createState() => _CoinLogPageState();
|
||||
}
|
||||
|
||||
class _CoinLogPageState extends State<CoinLogPage> {
|
||||
late final _controller = Get.put(CoinLogController());
|
||||
|
||||
@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(3, item.time),
|
||||
divider,
|
||||
text(1, item.delta),
|
||||
divider,
|
||||
text(4, item.reason),
|
||||
divider,
|
||||
],
|
||||
);
|
||||
return IntrinsicHeight(
|
||||
child: isHeader ? content : SelectionArea(child: content),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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 = '经验记录';
|
||||
}
|
||||
|
||||
15
lib/pages/log_table/controller.dart
Normal file
15
lib/pages/log_table/controller.dart
Normal file
@@ -0,0 +1,15 @@
|
||||
import 'package:PiliPlus/pages/common/common_list_controller.dart';
|
||||
|
||||
abstract class LogController<R, T> extends CommonListController<R, T> {
|
||||
@override
|
||||
void onInit() {
|
||||
super.onInit();
|
||||
queryData();
|
||||
}
|
||||
|
||||
String get title;
|
||||
|
||||
T get header;
|
||||
|
||||
List<(int, String)> getFlexAndText(T item);
|
||||
}
|
||||
@@ -1,25 +1,24 @@
|
||||
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:PiliPlus/pages/log_table/controller.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class ExpLogPage extends StatefulWidget {
|
||||
const ExpLogPage({super.key});
|
||||
class LogPage<T> extends StatefulWidget {
|
||||
const LogPage({super.key});
|
||||
|
||||
@override
|
||||
State<ExpLogPage> createState() => _ExpLogPageState();
|
||||
State<LogPage<T>> createState() => _LogPageState<T>();
|
||||
}
|
||||
|
||||
class _ExpLogPageState extends State<ExpLogPage> {
|
||||
late final _controller = Get.put(ExpLogController());
|
||||
class _LogPageState<T> extends State<LogPage<T>> {
|
||||
final _controller = Get.put<LogController<dynamic, T>>(Get.arguments);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('经验记录')),
|
||||
appBar: AppBar(title: Text(_controller.title)),
|
||||
body: SafeArea(
|
||||
top: false,
|
||||
bottom: false,
|
||||
@@ -44,7 +43,7 @@ class _ExpLogPageState extends State<ExpLogPage> {
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody(LoadingState<List<CoinLogItem>?> loadingState) {
|
||||
Widget _buildBody(LoadingState<List<T>?> loadingState) {
|
||||
return switch (loadingState) {
|
||||
Loading() => linearLoading,
|
||||
Success(:var response) =>
|
||||
@@ -73,11 +72,7 @@ class _ExpLogPageState extends State<ExpLogPage> {
|
||||
child: ColoredBox(
|
||||
color: them.colorScheme.onInverseSurface,
|
||||
child: _item(
|
||||
const CoinLogItem(
|
||||
time: '时间',
|
||||
delta: '变化',
|
||||
reason: '原因',
|
||||
),
|
||||
_controller.header,
|
||||
dividerV,
|
||||
isHeader: true,
|
||||
),
|
||||
@@ -104,7 +99,7 @@ class _ExpLogPageState extends State<ExpLogPage> {
|
||||
};
|
||||
}
|
||||
|
||||
Widget _item(CoinLogItem item, Widget divider, {bool isHeader = false}) {
|
||||
Widget _item(T item, Widget divider, {bool isHeader = false}) {
|
||||
Widget text(int flex, String text) => Expanded(
|
||||
flex: flex,
|
||||
child: Padding(
|
||||
@@ -122,15 +117,14 @@ class _ExpLogPageState extends State<ExpLogPage> {
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
Widget content = Row(
|
||||
children: [
|
||||
divider,
|
||||
text(2, item.time),
|
||||
divider,
|
||||
text(1, item.delta),
|
||||
divider,
|
||||
text(2, item.reason),
|
||||
divider,
|
||||
for (var (i, j) in _controller.getFlexAndText(item)) ...[
|
||||
text(i, j),
|
||||
divider,
|
||||
],
|
||||
],
|
||||
);
|
||||
return IntrinsicHeight(
|
||||
@@ -2,16 +2,9 @@ import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/http/user.dart';
|
||||
import 'package:PiliPlus/models_new/login_log/data.dart';
|
||||
import 'package:PiliPlus/models_new/login_log/list.dart';
|
||||
import 'package:PiliPlus/pages/common/common_list_controller.dart';
|
||||
|
||||
class LoginLogController
|
||||
extends CommonListController<LoginLogData, LoginLogItem> {
|
||||
@override
|
||||
void onInit() {
|
||||
super.onInit();
|
||||
queryData();
|
||||
}
|
||||
import 'package:PiliPlus/pages/log_table/controller.dart';
|
||||
|
||||
class LoginLogController extends LogController<LoginLogData, LoginLogItem> {
|
||||
@override
|
||||
List<LoginLogItem>? getDataList(LoginLogData response) {
|
||||
return response.list;
|
||||
@@ -19,4 +12,19 @@ class LoginLogController
|
||||
|
||||
@override
|
||||
Future<LoadingState<LoginLogData>> customGetData() => UserHttp.loginLog();
|
||||
|
||||
@override
|
||||
List<(int, String)> getFlexAndText(LoginLogItem item) {
|
||||
return [(3, item.timeAt), (2, item.ip), (3, item.geo)];
|
||||
}
|
||||
|
||||
@override
|
||||
final LoginLogItem header = const LoginLogItem(
|
||||
timeAt: '时间',
|
||||
ip: '变化',
|
||||
geo: '地理位置',
|
||||
);
|
||||
|
||||
@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/login_log/list.dart';
|
||||
import 'package:PiliPlus/pages/login_log/controller.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class LoginLogPage extends StatefulWidget {
|
||||
const LoginLogPage({super.key});
|
||||
|
||||
@override
|
||||
State<LoginLogPage> createState() => _LoginLogPageState();
|
||||
}
|
||||
|
||||
class _LoginLogPageState extends State<LoginLogPage> {
|
||||
late final _controller = Get.put(LoginLogController());
|
||||
|
||||
@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<LoginLogItem>?> 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(
|
||||
LoginLogItem(
|
||||
timeAt: '时间',
|
||||
ip: '变化',
|
||||
geo: '地理位置',
|
||||
),
|
||||
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(LoginLogItem 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(3, item.timeAt),
|
||||
divider,
|
||||
text(2, item.ip),
|
||||
divider,
|
||||
text(3, item.geo),
|
||||
divider,
|
||||
],
|
||||
);
|
||||
return IntrinsicHeight(
|
||||
child: isHeader ? content : SelectionArea(child: content),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -4,9 +4,10 @@ import 'package:PiliPlus/common/widgets/loading_widget/loading_widget.dart';
|
||||
import 'package:PiliPlus/common/widgets/scroll_physics.dart';
|
||||
import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/models_new/space/space/data.dart';
|
||||
import 'package:PiliPlus/pages/coin_log/view.dart';
|
||||
import 'package:PiliPlus/pages/exp_log/view.dart';
|
||||
import 'package:PiliPlus/pages/login_log/view.dart';
|
||||
import 'package:PiliPlus/pages/coin_log/controller.dart';
|
||||
import 'package:PiliPlus/pages/exp_log/controller.dart';
|
||||
import 'package:PiliPlus/pages/log_table/view.dart';
|
||||
import 'package:PiliPlus/pages/login_log/controller.dart';
|
||||
import 'package:PiliPlus/pages/member/controller.dart';
|
||||
import 'package:PiliPlus/pages/member/widget/user_info_card.dart';
|
||||
import 'package:PiliPlus/pages/member_cheese/view.dart';
|
||||
@@ -172,7 +173,10 @@ class _MemberPageState extends State<MemberPage> {
|
||||
),
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: () => Get.to(const LoginLogPage()),
|
||||
onTap: () => Get.to(
|
||||
const LogPage(),
|
||||
arguments: LoginLogController(),
|
||||
),
|
||||
child: const Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
@@ -183,7 +187,10 @@ class _MemberPageState extends State<MemberPage> {
|
||||
),
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: () => Get.to(const CoinLogPage()),
|
||||
onTap: () => Get.to(
|
||||
const LogPage(),
|
||||
arguments: CoinLogController(),
|
||||
),
|
||||
child: const Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
@@ -194,7 +201,10 @@ class _MemberPageState extends State<MemberPage> {
|
||||
),
|
||||
),
|
||||
PopupMenuItem(
|
||||
onTap: () => Get.to(const ExpLogPage()),
|
||||
onTap: () => Get.to(
|
||||
const LogPage(),
|
||||
arguments: ExpLogController(),
|
||||
),
|
||||
child: const Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
|
||||
Reference in New Issue
Block a user