import 'package:aku_new_community/base/base_style.dart'; import 'package:aku_new_community/const/resource.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'; import 'package:bot_toast/bot_toast.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_easyrefresh/easy_refresh.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:get/get.dart'; import 'package:provider/provider.dart'; class PropertyPage extends StatefulWidget { final bool? isSign; PropertyPage({Key? key, this.isSign}) : super(key: key); @override _PropertyPageState createState() => _PropertyPageState(); } class _PropertyPageState extends State 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(context); AppProvider appProvider = Provider.of(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(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 _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: [ 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(context); return Scaffold( body: EasyRefresh( header: MaterialHeader(), onRefresh: () async { await userProvider.updateUserInfo(); await userProvider.updateMyHouseInfo(); }, child: CustomScrollView( slivers: [ _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 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( 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; }