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