You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
527 lines
16 KiB
527 lines
16 KiB
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:bot_toast/bot_toast.dart';
|
|
import 'package:flutter_easyrefresh/easy_refresh.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:aku_new_community/base/base_style.dart';
|
|
import 'package:aku_new_community/constants/application_objects.dart';
|
|
import 'package:aku_new_community/pages/life_pay/life_pay_choose_page.dart';
|
|
import 'package:aku_new_community/pages/property/property_func.dart';
|
|
import 'package:aku_new_community/provider/app_provider.dart';
|
|
import 'package:aku_new_community/provider/user_provider.dart';
|
|
import 'package:aku_new_community/ui/profile/house/add_house_page.dart';
|
|
import 'package:aku_new_community/ui/profile/house/house_owners_page.dart';
|
|
import 'package:aku_new_community/utils/headers.dart';
|
|
import 'package:aku_new_community/widget/views/application_view.dart';
|
|
|
|
class PropertyPage extends StatefulWidget {
|
|
final bool? isSign;
|
|
|
|
PropertyPage({Key? key, this.isSign}) : super(key: key);
|
|
|
|
@override
|
|
_PropertyPageState createState() => _PropertyPageState();
|
|
}
|
|
|
|
class _PropertyPageState extends State<PropertyPage>
|
|
with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin {
|
|
int sum = 0;
|
|
int commentCount = 0;
|
|
int sysCount = 0;
|
|
num unpaid = 0;
|
|
num paid = 0;
|
|
late TabController _tabController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_getRefresh();
|
|
_tabController = TabController(initialIndex: 0, length: 2, vsync: this);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
_getRefresh() {
|
|
Future.delayed(Duration(milliseconds: 0), () async {
|
|
paid = await PropertyFunc.getDailyPaymentPrePay();
|
|
unpaid = await PropertyFunc.getFindUnpaidAmount();
|
|
setState(() {});
|
|
});
|
|
}
|
|
|
|
SliverAppBar _sliverAppBar(double height) {
|
|
final userProvider = Provider.of<UserProvider>(context);
|
|
AppProvider appProvider = Provider.of<AppProvider>(context);
|
|
commentCount = appProvider.messageCenterModel.commentCount ?? 0;
|
|
sysCount = appProvider.messageCenterModel.sysCount ?? 0;
|
|
sum = commentCount + sysCount;
|
|
return SliverAppBar(
|
|
pinned: true,
|
|
snap: false,
|
|
//toolbarHeight: 0,
|
|
elevation: 0,
|
|
collapsedHeight: 420.w,
|
|
titleSpacing: 10.0,
|
|
floating: true,
|
|
title: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
if (appProvider.location != null)
|
|
Padding(
|
|
padding: EdgeInsets.only(right: 5),
|
|
child: Image.asset(
|
|
R.ASSETS_ICONS_ICON_PROPERTY_LOCATION_PNG,
|
|
width: 40.w,
|
|
height: 40.w,
|
|
),
|
|
),
|
|
Text(
|
|
appProvider.location?['city'] == null
|
|
? ''
|
|
: appProvider.location?['city'] as String? ?? '',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 32.sp,
|
|
color: Colors.white.withOpacity(0.85),
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
]),
|
|
// actions: [
|
|
// GestureDetector(
|
|
// onTap: () {
|
|
// Get.to(() => BeeSearch());
|
|
// },
|
|
// child: Image.asset(R.ASSETS_ICONS_ICON_PROPERTY_SEARCH_PNG,
|
|
// height: 40.w, width: 40.w),
|
|
// ),
|
|
// // Padding(
|
|
// // padding: EdgeInsets.only(right: 10.w, left: 12.w),
|
|
// // child: Badge(
|
|
// // elevation: 0,
|
|
// // badgeColor: Color(0xFFCF2525),
|
|
// // padding: sum > 9 ? EdgeInsets.all(2.w) : EdgeInsets.all(5.w),
|
|
// // showBadge: appProvider.messageCenterModel.commentCount != 0 ||
|
|
// // appProvider.messageCenterModel.sysCount != 0,
|
|
// // position: BadgePosition.topEnd(
|
|
// // top: 8.w,
|
|
// // end: -4.w,
|
|
// // ),
|
|
// // badgeContent: Text(
|
|
// // (sum).toString(),
|
|
// // style: TextStyle(color: Colors.white, fontSize: 20.sp),
|
|
// // ),
|
|
// // child: GestureDetector(
|
|
// // onTap: () {
|
|
// // if (LoginUtil.isNotLogin) return;
|
|
// // Get.to(() => MessageCenterPage());
|
|
// // },
|
|
// // child: Image.asset(R.ASSETS_ICONS_ICON_PROPERTY_MESSAGE_PNG,
|
|
// // height: 40.w, width: 40.w),
|
|
// // )),
|
|
// // ),
|
|
// ],
|
|
expandedHeight: 420.w,
|
|
backgroundColor: Colors.white,
|
|
flexibleSpace: Stack(
|
|
children: [
|
|
Positioned(
|
|
child: Image.asset(
|
|
R.ASSETS_IMAGES_PROPERTY_BG_PNG,
|
|
width: double.infinity,
|
|
height: 503.w,
|
|
fit: BoxFit.cover,
|
|
),
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0),
|
|
Positioned(
|
|
child: Container(
|
|
margin: EdgeInsets.only(left: 32.w, right: 32.w, top: 10.w),
|
|
width: 686.w,
|
|
height: 74.w,
|
|
decoration: BoxDecoration(
|
|
color: Colors.black.withOpacity(0.25),
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(8.w),
|
|
),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
24.wb,
|
|
Text(
|
|
'当前绑定房屋',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Colors.white.withOpacity(0.85),
|
|
height: 1.00),
|
|
),
|
|
Spacer(),
|
|
Text(
|
|
userProvider.myHouses.isEmpty
|
|
? ''
|
|
: userProvider.myHouses.first.communityName,
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Colors.white.withOpacity(0.85),
|
|
height: 1.00,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
32.wb,
|
|
GestureDetector(
|
|
onTap: () {
|
|
Get.to(HouseOwnersPage(
|
|
identify: 4,
|
|
));
|
|
},
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
width: 80.w,
|
|
height: 42.w,
|
|
child: Text(
|
|
'切换',
|
|
style: TextStyle(
|
|
fontSize: 24.sp,
|
|
color: Colors.white.withOpacity(0.85)),
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF3D8CE8),
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(8.w),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
24.wb,
|
|
],
|
|
),
|
|
),
|
|
top: kTextTabBarHeight + 50.w,
|
|
left: 0,
|
|
right: 0,
|
|
),
|
|
Positioned(
|
|
child: _goodsTitle(),
|
|
top: kTextTabBarHeight + 50.w + 94.w,
|
|
left: 0,
|
|
right: 0,
|
|
),
|
|
Positioned(
|
|
child: Container(
|
|
padding: EdgeInsets.only(top: 20.w),
|
|
height: 150.w,
|
|
child: TabBarView(
|
|
children: [_payView(true), _payView(false)],
|
|
controller: _tabController,
|
|
physics: NeverScrollableScrollPhysics(),
|
|
),
|
|
),
|
|
top: kTextTabBarHeight + 50.w + 94.w + 60.w,
|
|
left: 0,
|
|
right: 0,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
_payView(bool pay) {
|
|
return Container(
|
|
padding: EdgeInsets.only(left: 36.w, right: 36.w),
|
|
width: double.infinity,
|
|
height: 150.w,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
pay ? paid.toStringAsFixed(2) : unpaid.toStringAsFixed(2),
|
|
style: TextStyle(
|
|
color: Color(0xFFFFFFFF).withOpacity(0.85),
|
|
fontSize: 40.sp,
|
|
),
|
|
),
|
|
8.hb,
|
|
Text(
|
|
'点击查看明细',
|
|
style: TextStyle(
|
|
color: Color(0xFFFFFFFF).withOpacity(0.45),
|
|
fontSize: 22.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Spacer(),
|
|
GestureDetector(
|
|
onTap: () async {
|
|
final appProvider =
|
|
Provider.of<AppProvider>(Get.context!, listen: false);
|
|
if (appProvider.selectedHouse == null) {
|
|
BotToast.showText(text: '请先添加房屋');
|
|
Get.to(() => AddHousePage());
|
|
} else {
|
|
bool? result = await Get.to(() => LifePayChoosePage());
|
|
if (result == true) _getRefresh();
|
|
}
|
|
},
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
width: 160.w,
|
|
height: 55.w,
|
|
child: Text(
|
|
!pay ? '缴纳账单' : '点击充值',
|
|
style: TextStyle(
|
|
fontSize: 24.sp, color: Colors.white.withOpacity(0.85)),
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFFFC257),
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(8.w),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
_goodsTitle() {
|
|
return Row(
|
|
children: [
|
|
24.wb,
|
|
Container(
|
|
height: 60.w,
|
|
child: Material(
|
|
color: Colors.transparent,
|
|
child: TabBar(
|
|
onTap: (index) {
|
|
// _presenter.fetchList(_category.id, 0, _sortType);
|
|
setState(() {});
|
|
},
|
|
isScrollable: true,
|
|
labelPadding: EdgeInsets.zero,
|
|
controller: _tabController,
|
|
labelColor: Colors.white.withOpacity(0.85),
|
|
unselectedLabelColor: Colors.white.withOpacity(0.65),
|
|
indicatorPadding: EdgeInsets.symmetric(horizontal: 40.w),
|
|
indicatorSize: TabBarIndicatorSize.label,
|
|
labelStyle: TextStyle(
|
|
color: Colors.white.withOpacity(0.85),
|
|
),
|
|
indicatorColor: Color(0xFFE8A93A),
|
|
tabs: _tabItems()),
|
|
),
|
|
),
|
|
Spacer(),
|
|
Container(
|
|
color: Colors.transparent,
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'缴费记录',
|
|
style: TextStyle(
|
|
color: Colors.white.withOpacity(0.45),
|
|
fontSize: 24.sp,
|
|
),
|
|
),
|
|
10.wb,
|
|
Icon(
|
|
CupertinoIcons.chevron_forward,
|
|
size: 24.w,
|
|
color: Colors.white.withOpacity(0.45),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
36.wb,
|
|
],
|
|
);
|
|
}
|
|
|
|
List<Widget> _tabItems() {
|
|
return [_tabItem(0, '未缴账单'), _tabItem(1, '预缴金额')];
|
|
}
|
|
|
|
_tabItem(int index, String text) {
|
|
bool isChoose = index == _tabController.index;
|
|
// Color textColor = index == _tabController.index
|
|
// ? getCurrentThemeColor()
|
|
// : Colors.black.withOpacity(0.9);
|
|
return Tab(
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
width: 150.w,
|
|
|
|
// color: Colors.white,
|
|
color: Colors.transparent,
|
|
padding: EdgeInsets.only(left: 10.w, right: 10.w),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Text(
|
|
text,
|
|
style: TextStyle(
|
|
fontWeight: isChoose ? FontWeight.bold : FontWeight.normal,
|
|
fontSize: isChoose ? 32.sp : 28.sp,
|
|
color: isChoose
|
|
? Colors.white.withOpacity(0.85)
|
|
: Colors.white.withOpacity(0.65)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Container _containerBar(String title) {
|
|
return Container(
|
|
color: title == '我的物业' ? Colors.white : BaseStyle.colorf9f9f9,
|
|
padding: EdgeInsets.all(title == '我的物业' ? 0 : 32.w),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: BaseStyle.fontSize34,
|
|
color: ktextPrimary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
super.build(context);
|
|
final double _statusHeight = MediaQuery.of(context).padding.top;
|
|
final userProvider = Provider.of<UserProvider>(context);
|
|
return Scaffold(
|
|
body: EasyRefresh(
|
|
header: MaterialHeader(),
|
|
onRefresh: () async {
|
|
await userProvider.updateUserInfo();
|
|
await userProvider.updateMyHouseInfo();
|
|
},
|
|
child: CustomScrollView(
|
|
slivers: <Widget>[
|
|
_sliverAppBar(_statusHeight),
|
|
|
|
// orderWidget,
|
|
SliverToBoxAdapter(
|
|
child: _getFunctionView(getOutApp, '出行安全', Color(0xFFFAC058)),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _getFunctionView(
|
|
propertyServicesApp, '物业服务', Color(0xFF58FA8F)),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child:
|
|
_getFunctionView(residentLifeApp, '居民生活', Color(0xFF58C0FA)),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _getFunctionView(
|
|
aboutCommunityApp, '关于社区', Color(0xFFFA5858)),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _getFunctionView(
|
|
wisdomServiceApp,
|
|
'智慧服务',
|
|
Color(0xFFFA5858),
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _getFunctionView(
|
|
nearbyShoppingApp,
|
|
'附近市场',
|
|
Color(0xFFFA5858),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
_getFunctionView(
|
|
List<AO> item,
|
|
String title,
|
|
Color color,
|
|
) {
|
|
return Container(
|
|
margin: EdgeInsets.only(left: 32.w, right: 32.w, top: 32.w),
|
|
decoration: BoxDecoration(
|
|
color: Color(0xffffffff),
|
|
borderRadius: BorderRadius.all(Radius.circular(8)),
|
|
boxShadow: <BoxShadow>[
|
|
BoxShadow(
|
|
color: Colors.grey.withOpacity(0.1),
|
|
offset: Offset(1, 1),
|
|
),
|
|
],
|
|
),
|
|
//margin: EdgeInsets.all(20.w),
|
|
padding: EdgeInsets.only(left: 32.w, right: 32.w, top: 24.w),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
// _containerBar('我的物业'),
|
|
Container(
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
//crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
margin: EdgeInsets.only(top: 6.w),
|
|
width: 4.w,
|
|
height: 24.w,
|
|
color: color,
|
|
),
|
|
10.wb,
|
|
_getTitle(title),
|
|
],
|
|
),
|
|
ApplicationView.custom(
|
|
items: item,
|
|
needAllApp: false,
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
_getTitle(String title) {
|
|
return Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 28.sp,
|
|
color: ktextPrimary,
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
bool get wantKeepAlive => true;
|
|
}
|