126 lines
4.8 KiB
Dart
126 lines
4.8 KiB
Dart
// 钱包页面
|
|
import 'package:easy_refresh/easy_refresh.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:loopin/IM/im_service.dart';
|
|
import 'package:loopin/behavior/custom_scroll_behavior.dart';
|
|
import 'package:loopin/pages/my/merchant/balance/controller.dart';
|
|
|
|
class Balance extends StatefulWidget {
|
|
const Balance({super.key});
|
|
|
|
@override
|
|
State<Balance> createState() => _BalanceState();
|
|
}
|
|
|
|
class _BalanceState extends State<Balance> {
|
|
final controller = Get.put(BalanceController());
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text("我的钱包")),
|
|
body: ScrollConfiguration(
|
|
behavior: CustomScrollBehavior().copyWith(scrollbars: false),
|
|
child: Column(
|
|
children: [
|
|
// 上半部分：余额 + 充值
|
|
Container(
|
|
padding: const EdgeInsets.all(16),
|
|
color: Colors.blueAccent,
|
|
width: double.infinity,
|
|
child: Obx(() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text(
|
|
"钱包余额",
|
|
style: TextStyle(color: Colors.white, fontSize: 16),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
"¥ ${controller.balance.value.toStringAsFixed(2)}",
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
ElevatedButton(
|
|
onPressed: () => controller.recharge(100.0),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.orange,
|
|
),
|
|
child: const Text("充值 100 元"),
|
|
),
|
|
],
|
|
);
|
|
}),
|
|
),
|
|
|
|
// 下半部分：流水记录分页列表
|
|
Expanded(
|
|
child: Obx(() {
|
|
return EasyRefresh.builder(
|
|
callLoadOverOffset: 20, //触底距离
|
|
callRefreshOverOffset: 20, // 下拉距离
|
|
header: ClassicHeader(
|
|
dragText: '下拉刷新',
|
|
armedText: '释放刷新',
|
|
readyText: '加载中...',
|
|
processingText: '加载中...',
|
|
processedText: '加载完成',
|
|
failedText: '加载失败，请重试',
|
|
messageText: '最后更新于 %T',
|
|
),
|
|
footer: ClassicFooter(
|
|
dragText: '加载更多',
|
|
armedText: '释放加载',
|
|
readyText: '加载中...',
|
|
processingText: '加载中...',
|
|
processedText: controller.hasMore.value ? '加载完成' : '没有更多了～',
|
|
failedText: '加载失败，请重试',
|
|
messageText: '最后更新于 %T',
|
|
succeededIcon: controller.hasMore.value ? Icon(Icons.check_circle, color: Colors.green) : Icon(Icons.warning, color: Colors.orange),
|
|
),
|
|
onRefresh: () async {
|
|
await controller.getData(reset: true);
|
|
},
|
|
onLoad: () async {
|
|
if (controller.hasMore.value) {
|
|
await controller.getData();
|
|
}
|
|
},
|
|
childBuilder: (context, physics) {
|
|
return ListView.builder(
|
|
physics: physics,
|
|
itemCount: controller.data.length,
|
|
itemBuilder: (context, index) {
|
|
final tx = controller.data[index];
|
|
logger.w(tx.source);
|
|
|
|
return ListTile(
|
|
title: Text(tx.source),
|
|
subtitle: Text(tx.createTime),
|
|
trailing: Text(
|
|
"变动金额：${tx.changeType == 1 ? '+' : '-'}${tx.changeAmount}", // 变动金额
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: tx.changeType == 1 ? Colors.green : Colors.red,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|