146 lines
4.0 KiB
Dart
146 lines
4.0 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../../../beans/property_bean.dart';
|
|
import '../me_model.dart';
|
|
|
|
///支出
|
|
class ExpensesPage extends StatefulWidget {
|
|
const ExpensesPage({super.key});
|
|
|
|
@override
|
|
State<ExpensesPage> createState() => _ExpensesPageState();
|
|
}
|
|
|
|
class _ExpensesPageState extends State<ExpensesPage> {
|
|
late StreamSubscription subscription;
|
|
final MeModel _viewModel = MeModel();
|
|
|
|
List<PropertyBean> dataList = [];
|
|
|
|
@override
|
|
void initState() {
|
|
// TODO: implement initState
|
|
super.initState();
|
|
subscription = _viewModel.streamController.stream.listen((event) {
|
|
String code = event['code'];
|
|
if (code.isNotEmpty) {
|
|
switch (code) {
|
|
case "ExpensesList":
|
|
dataList = event['data'];
|
|
break;
|
|
}
|
|
|
|
setState(() {});
|
|
}
|
|
});
|
|
_viewModel.getUserDiamondConsumeList(0);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
// TODO: implement dispose
|
|
subscription.cancel();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final size = MediaQuery.of(context).size;
|
|
final h50 = size.width / 7.2;
|
|
final s16 = size.width / 22.5;
|
|
final l14 = size.width / 25.71428571428571;
|
|
final w19 = size.width / 18.94736842105263;
|
|
final h26 = size.width / 13.84615384615385;
|
|
|
|
return Scaffold(
|
|
backgroundColor: const Color(0xFF17181A),
|
|
body: Column(
|
|
children: [
|
|
Container(
|
|
width: size.width,
|
|
height: h50,
|
|
margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
Text(
|
|
"资产支出",
|
|
style: TextStyle(fontSize: s16, color: const Color(0xFFD6D6D7)),
|
|
),
|
|
Positioned(
|
|
left: l14,
|
|
child: GestureDetector(
|
|
onTap: () {
|
|
Navigator.pop(context);
|
|
},
|
|
child: Image(
|
|
width: w19,
|
|
height: h26,
|
|
image: const AssetImage('assets/images/btn_fanhui.png'),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
margin: EdgeInsets.only(left: l14, right: l14),
|
|
child: ListView.builder(
|
|
padding: EdgeInsets.zero,
|
|
itemCount: dataList.length,
|
|
itemBuilder: (context, index) {
|
|
return _item(dataList[index], context);
|
|
}),
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
_item(PropertyBean data, context) {
|
|
final size = MediaQuery.of(context).size;
|
|
final h99 = size.width / 3.636363636363636;
|
|
final t18 = size.width / 20;
|
|
final l16 = size.width / 22.5;
|
|
final t46 = size.width / 7.826086956521739;
|
|
final t73 = size.width / 4.931506849315068;
|
|
|
|
return Container(
|
|
height: h99,
|
|
margin: EdgeInsets.only(top: t18),
|
|
decoration: const BoxDecoration(color: Color(0xFF202530), borderRadius: BorderRadius.all(Radius.circular(11))),
|
|
child: Stack(
|
|
children: [
|
|
Positioned(
|
|
left: l16,
|
|
top: l16,
|
|
child: Text(
|
|
"${data.title}",
|
|
style: const TextStyle(fontSize: 14, color: Color(0xFFD6D6D7)),
|
|
)),
|
|
Positioned(
|
|
left: l16,
|
|
top: t46,
|
|
child: Container(
|
|
margin: const EdgeInsets.only(left: 5),
|
|
child: Text(
|
|
"${data.consumeDetails}",
|
|
style: const TextStyle(fontSize: 14, color: Color(0xFFD6D6D7)),
|
|
),
|
|
)),
|
|
Positioned(
|
|
left: l16,
|
|
top: t73,
|
|
child: Text(
|
|
"${data.datePrompt}",
|
|
style: const TextStyle(fontSize: 9, color: Color(0xFF9D9D9D)),
|
|
))
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|