parent
9d2c156998
commit
e66894cb76
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 2.6 KiB |
@ -1,91 +0,0 @@
|
|||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
|
||||||
|
|
||||||
import 'package:akuCommunity/pages/life_pay/life_pay_bill_page/life_pay_bill_page.dart';
|
|
||||||
import 'package:akuCommunity/utils/headers.dart';
|
|
||||||
import 'package:akuCommunity/widget/bee_scaffold.dart';
|
|
||||||
import 'widget/record_card.dart';
|
|
||||||
|
|
||||||
class LifePayRecordPage extends StatefulWidget {
|
|
||||||
LifePayRecordPage({Key key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_LifePayRecordPageState createState() => _LifePayRecordPageState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _LifePayRecordPageState extends State<LifePayRecordPage> {
|
|
||||||
RefreshController _refreshController =
|
|
||||||
RefreshController(initialRefresh: false);
|
|
||||||
|
|
||||||
@override
|
|
||||||
void initState() {
|
|
||||||
super.initState();
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onRefresh() async {
|
|
||||||
await Future.delayed(Duration(milliseconds: 1500));
|
|
||||||
|
|
||||||
_refreshController.refreshCompleted();
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onLoading() async {
|
|
||||||
await Future.delayed(Duration(milliseconds: 1500));
|
|
||||||
|
|
||||||
if (mounted) setState(() {});
|
|
||||||
_refreshController.loadComplete();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
void dispose() {
|
|
||||||
super.dispose();
|
|
||||||
_refreshController.dispose();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return BeeScaffold(
|
|
||||||
title: '缴费记录',
|
|
||||||
body: RefreshConfiguration(
|
|
||||||
hideFooterWhenNotFull: true,
|
|
||||||
child: SmartRefresher(
|
|
||||||
controller: _refreshController,
|
|
||||||
header: WaterDropHeader(),
|
|
||||||
footer: ClassicFooter(),
|
|
||||||
onRefresh: _onRefresh,
|
|
||||||
onLoading: _onLoading,
|
|
||||||
enablePullUp: true,
|
|
||||||
child: ListView(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
margin: EdgeInsets.only(
|
|
||||||
top: 34.w,
|
|
||||||
left: 32.w,
|
|
||||||
right: 32.w,
|
|
||||||
),
|
|
||||||
child: RichText(
|
|
||||||
text: TextSpan(
|
|
||||||
style: TextStyle(fontSize: 24.sp),
|
|
||||||
children: <InlineSpan>[
|
|
||||||
TextSpan(
|
|
||||||
text: '如果有疑问,请联系物业客服',
|
|
||||||
style: TextStyle(color: Color(0xff666666))),
|
|
||||||
TextSpan(
|
|
||||||
text: '400-6754322',
|
|
||||||
style: TextStyle(color: Color(0xffff8200)),
|
|
||||||
),
|
|
||||||
]),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
RecordCard(fun: LifePayBillPage().to),
|
|
||||||
RecordCard(fun: LifePayBillPage().to),
|
|
||||||
RecordCard(fun: LifePayBillPage().to),
|
|
||||||
RecordCard(fun: LifePayBillPage().to),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,160 +0,0 @@
|
|||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
import 'package:flutter_icons/flutter_icons.dart';
|
|
||||||
|
|
||||||
import 'package:akuCommunity/base/base_style.dart';
|
|
||||||
import 'package:akuCommunity/utils/headers.dart';
|
|
||||||
|
|
||||||
class RecordCard extends StatelessWidget {
|
|
||||||
final Function fun;
|
|
||||||
RecordCard({Key key, this.fun}) : super(key: key);
|
|
||||||
|
|
||||||
final List<Map<String, dynamic>> _listBill = [
|
|
||||||
{
|
|
||||||
'title': '物业管理费',
|
|
||||||
'value': '深蓝公寓 1幢1单元306',
|
|
||||||
'titleStyle': TextStyle(
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
fontSize: BaseStyle.fontSize30,
|
|
||||||
color: ktextPrimary,
|
|
||||||
),
|
|
||||||
'valueStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize24,
|
|
||||||
color: BaseStyle.color999999,
|
|
||||||
),
|
|
||||||
'top': 30,
|
|
||||||
'isShow': false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'title': '2019年',
|
|
||||||
'value': '- ¥1000.00',
|
|
||||||
'titleStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: ktextSubColor,
|
|
||||||
),
|
|
||||||
'valueStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: Color(0xfffc361d),
|
|
||||||
),
|
|
||||||
'top': 50,
|
|
||||||
'isShow': true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'title': '创建时间',
|
|
||||||
'value': '2020/08/01 10:00',
|
|
||||||
'titleStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: ktextSubColor,
|
|
||||||
),
|
|
||||||
'valueStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: ktextPrimary,
|
|
||||||
),
|
|
||||||
'top': 30,
|
|
||||||
'isShow': false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'title': '付款方式',
|
|
||||||
'value': '支付宝',
|
|
||||||
'titleStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: ktextSubColor,
|
|
||||||
),
|
|
||||||
'valueStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: ktextPrimary,
|
|
||||||
),
|
|
||||||
'top': 30,
|
|
||||||
'isShow': false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'title': '订单号',
|
|
||||||
'value': '2020080100030001433244',
|
|
||||||
'titleStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: ktextSubColor,
|
|
||||||
),
|
|
||||||
'valueStyle': TextStyle(
|
|
||||||
fontSize: BaseStyle.fontSize28,
|
|
||||||
color: ktextPrimary,
|
|
||||||
),
|
|
||||||
'top': 30,
|
|
||||||
'isShow': false,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
Container _billItem(String title, value, TextStyle titleStyle, valueStyle,
|
|
||||||
double top, bool isShow, Function fun) {
|
|
||||||
return Container(
|
|
||||||
margin: EdgeInsets.only(top: top.w),
|
|
||||||
child: Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
title,
|
|
||||||
style: titleStyle,
|
|
||||||
),
|
|
||||||
isShow
|
|
||||||
? InkWell(
|
|
||||||
onTap: fun,
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
value,
|
|
||||||
style: valueStyle,
|
|
||||||
),
|
|
||||||
Container(
|
|
||||||
margin: EdgeInsets.only(left: 24.w),
|
|
||||||
child: Icon(
|
|
||||||
AntDesign.right,
|
|
||||||
color: BaseStyle.color999999,
|
|
||||||
size: 30.w,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
)
|
|
||||||
: Text(
|
|
||||||
value,
|
|
||||||
style: valueStyle,
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Container(
|
|
||||||
margin: EdgeInsets.only(
|
|
||||||
top: 32.w,
|
|
||||||
left: 32.w,
|
|
||||||
right: 32.w,
|
|
||||||
),
|
|
||||||
padding: EdgeInsets.only(
|
|
||||||
left: 20.w,
|
|
||||||
right: 20.w,
|
|
||||||
bottom: 32.w,
|
|
||||||
top: 2.w,
|
|
||||||
),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Colors.white,
|
|
||||||
borderRadius: BorderRadius.all(Radius.circular(6)),
|
|
||||||
),
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: _listBill
|
|
||||||
.map((item) => _billItem(
|
|
||||||
item['title'],
|
|
||||||
item['value'],
|
|
||||||
item['titleStyle'],
|
|
||||||
item['valueStyle'],
|
|
||||||
item['top'].toDouble(),
|
|
||||||
item['isShow'],
|
|
||||||
fun))
|
|
||||||
.toList(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
Loading…
Reference in new issue