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/constants/api.dart'; import 'package:aku_new_community/constants/sars_api.dart'; import 'package:aku_new_community/gen/assets.gen.dart'; import 'package:aku_new_community/pages/personal/clock_in/clock_in_page.dart'; import 'package:aku_new_community/pages/personal/user_profile_page.dart'; import 'package:aku_new_community/pages/setting_page/settings_page.dart'; import 'package:aku_new_community/pages/sign/login/login_page.dart'; import 'package:aku_new_community/painters/user_bottom_bar_painter.dart'; import 'package:aku_new_community/provider/user_provider.dart'; import 'package:aku_new_community/ui/market/order/order_page.dart'; import 'package:aku_new_community/ui/profile/car/car_manage_page.dart'; import 'package:aku_new_community/ui/profile/car_parking/car_parking_page.dart'; import 'package:aku_new_community/ui/profile/new_house/my_family_page.dart'; import 'package:aku_new_community/ui/profile/new_house/my_house_page.dart'; import 'package:aku_new_community/utils/headers.dart'; import 'package:aku_new_community/utils/network/net_util.dart'; import 'package:aku_new_community/widget/others/user_tool.dart'; import 'address/address_list_page.dart'; import 'clock_in/clock_success_dialog.dart'; import 'intergral/integral_center_page.dart'; class PersonalIndex extends StatefulWidget { final bool? isSign; PersonalIndex({Key? key, this.isSign}) : super(key: key); @override _PersonalIndexState createState() => _PersonalIndexState(); } class _PersonalIndexState extends State with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin { SliverAppBar _sliverAppBar(double height) { final userProvider = Provider.of(context); return SliverAppBar( pinned: false, toolbarHeight: 0, elevation: 0, floating: false, expandedHeight: 450.w - height, backgroundColor: Colors.white, flexibleSpace: FlexibleSpaceBar( background: Stack( children: [ Positioned( top: 0, left: 0, right: 0, bottom: 0, child: Container( // decoration: BoxDecoration( // image: DecorationImage( // image: AssetImage(R.ASSETS_ICONS_ICON_MY_SETTING_PNG), // fit: BoxFit.cover, // ), // ), child: Column( children: [ Spacer(), MaterialButton( padding: EdgeInsets.all(5.w), onPressed: () { if (!userProvider.isLogin) Get.to(() => LoginPage()); else Get.to(() => UserProfilePage()); }, child: Container( margin: EdgeInsets.only(left: 32.w), child: Row( children: [ Hero( tag: 'AVATAR1', child: ClipOval( // child: FadeInImage.assetNetwork( // placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP, // image: SARSAPI.image(userProvider // .userInfoModel!.imgUrls.isNotEmpty // ? userProvider // .userInfoModel!.imgUrls.first.url // : ''), // height: 106.w, // width: 106.w, // fit: BoxFit.cover, // imageErrorBuilder: // (context, error, stackTrace) { // return Image.asset( // R.ASSETS_IMAGES_PLACEHOLDER_WEBP, // height: 106.w, // width: 106.w, // ); // }, // ), ), ), Container( margin: EdgeInsets.only(left: 16.w), child: userProvider.isLogin ? Text( userProvider.userInfoModel?.nickName ?? '', style: TextStyle( fontSize: 32.sp, color: Color(0xffad8940), ), ) : Text( '登录/注册', style: TextStyle( fontSize: 32.sp, color: Color(0xffad8940), ), )), ], ), ), ), Stack( children: [ Positioned( bottom: 0, left: 0, right: 0, child: Container( height: 41.w, width: double.infinity, child: CustomPaint( painter: UserBottomBarPainter(), ), ), ), Container( margin: EdgeInsets.only( top: 38.w, left: 36.w, right: 36.w, bottom: 18.w, ), child: Image.asset( R.ASSETS_IMAGES_MEMBER_BG_PNG, width: 678.w, height: 129.w, ), ), ], ), ], ), ), ) ], ), ), ); } // 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, // ), // ), // ], // ), // ); // } Widget _orderButton({ required String name, required String path, required int index, }) { return GestureDetector( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Image.asset(path, height: 64.w, width: 64.w), 10.hb, Text( name, style: TextStyle( color: Color(0xFF333333), fontSize: 26.sp, ), ), ], ), onTap: () { Get.to(() => OrderPage(initIndex: index)); }, ).expand(); } @override void initState() { super.initState(); } @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: Stack( children: [ Container( width: double.infinity, height: 441.w, alignment: Alignment.topCenter, decoration: BoxDecoration( image: DecorationImage( image: AssetImage(R.ASSETS_IMAGES_MY_BG_PNG), fit: BoxFit.cover, ), ), padding: EdgeInsets.only(top: 100.w), child: Column( mainAxisAlignment: MainAxisAlignment.start, children: [ Row( children: [ Spacer(), GestureDetector( onTap: () { Get.to(SettingsPage()); }, child: Container( width: 72.w, height: 40.w, alignment: Alignment.center, child: Image.asset( R.ASSETS_ICONS_ICON_MY_SETTING_PNG, width: 40.w, height: 40.w), ), ), 24.wb, ], ), MaterialButton( padding: EdgeInsets.all(5.w), onPressed: () { if (!userProvider.isLogin) Get.to(() => LoginPage()); else Get.to(() => UserProfilePage()); }, child: Container( margin: EdgeInsets.only(left: 32.w), child: Row( children: [ Hero( tag: 'AVATAR', child: ClipOval( // child: FadeInImage.assetNetwork( // placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP, // image: SARSAPI.image((userProvider // .userInfoModel?.imgUrls ?? // []) // .isNotEmpty // ? (userProvider.userInfoModel?.imgUrls ?? // []) // .first // .url // : ''), // height: 106.w, // width: 106.w, // fit: BoxFit.cover, // imageErrorBuilder: // (context, error, stackTrace) { // return Image.asset( // R.ASSETS_IMAGES_PLACEHOLDER_WEBP, // height: 106.w, // width: 106.w, // ); // }, // ), ), ), Container( margin: EdgeInsets.only(left: 16.w), child: userProvider.isLogin ? Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( userProvider .userInfoModel?.nickName ?? '', style: TextStyle( fontSize: 40.sp, color: Colors.black .withOpacity(0.85), ), ), 4.hb, Text( '当一个新时代的有志青年', style: TextStyle( fontSize: 24.sp, color: Colors.black .withOpacity(0.45), ), ), ], ) : Text( '登录/注册', style: TextStyle( fontSize: 32.sp, color: Color(0xffad8940), ), )), Spacer(), MaterialButton( onPressed: () async { var base = await NetUtil() .get(SARSAPI.profile.integral.sign); if (base.success) { await Get.dialog(ClockSuccessDialog( todayIntegral: 1, tomorrowIntegral: 2)); await UserTool.userProvider .changeTodayClocked(); } else { BotToast.showText(text: base.msg); } }, elevation: 0, color: Colors.white, minWidth: 112.w, height: 58.w, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(50.w)), child: '${UserTool.userProvider.userConfig.todayClocked ? '已签到' : '签到'}' .text .size(22.sp) .black .make(), ), 32.w.widthBox, ], ), ), ), Spacer(), Container( width: 686.w, height: 120.w, alignment: Alignment.center, decoration: BoxDecoration( image: DecorationImage( image: AssetImage(Assets.static.vipBackground.path)), borderRadius: BorderRadius.only( topLeft: Radius.circular(16.w), topRight: Radius.circular(16.w))), child: Row( children: [ 32.wb, Assets.icons.vipFont.image(width: 60.w, height: 60.w), 24.wb, '当前会员等级：2级' .text .size(24.sp) .color(Color(0xFFFFE0A9)) .make(), Spacer(), GestureDetector( onTap: () => Get.to(() => integralCenterPage()), child: Container( width: 160.w, height: 58.w, alignment: Alignment.center, decoration: BoxDecoration( color: Color(0xFFFFE0A9), borderRadius: BorderRadius.circular(29.w)), child: '会员中心'.text.size(24.sp).black.make(), ), ), 32.wb, ], ), ), ], ), ), Padding( padding: EdgeInsets.only(top: 450.w), child: Column( children: [ Container( width: 686.w, height: 282.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.only(left: 32.w, right: 32.w), padding: EdgeInsets.only(top: 24.w, left: 32.w, right: 32.w), child: Column( //mainAxisAlignment: MainAxisAlignment.center, children: [ _homeTitle('我的订单', () { Get.to(() => OrderPage(initIndex: 0)); }, '查看全部'), 50.hb, Row( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ _orderButton( name: '待付款', path: R.ASSETS_ICONS_USER_ICON_DFK_PNG, index: 1, ), _orderButton( name: '待发货', path: R.ASSETS_ICONS_USER_ICON_DSH_PNG, index: 2, ), _orderButton( name: '待收货', path: R.ASSETS_ICONS_USER_ICON_DPJ_PNG, index: 3, ), _orderButton( name: '已完成', path: R.ASSETS_ICONS_USER_ICON_SH_PNG, index: 4, ), ], ), ], ), ), 24.w.heightBox, Container( width: double.infinity, height: 100.w, clipBehavior: Clip.antiAlias, decoration: BoxDecoration( // color: Colors.white, borderRadius: BorderRadius.circular(16.w)), margin: EdgeInsets.symmetric(horizontal: 32.w), child: Material( color: Colors.white, child: InkWell( onTap: () { Get.to(() => ClockInPage()); }, borderRadius: BorderRadius.circular(16.w), child: Padding( padding: EdgeInsets.symmetric( horizontal: 32.w, vertical: 24.w), child: Row( children: [ '我的积分'.text.size(30.sp).black.bold.make(), Spacer(), Assets.icons.intergral .image(width: 32.w, height: 32.w), 16.w.widthBox, '123'.text.size(28.sp).black.make(), 16.w.widthBox, Icon( CupertinoIcons.right_chevron, size: 24.w, ), ], ), ), ), ), ), Container( 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(32.w), padding: EdgeInsets.all(32.w), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ _function( '我的房屋', R.ASSETS_ICONS_ICON_MY_HOUSE_PNG, () => MyHousePage(), // () => HouseOwnersPage( // identify: 4, // ), '${UserTool.userProvider.defaultHouse?.communityName ?? ''} ' '${UserTool.userProvider.defaultHouse?.buildingName ?? ''}' '${UserTool.userProvider.defaultHouse?.unitName ?? ''}' '${UserTool.userProvider.defaultHouse?.estateName ?? ''}', ), 36.hb, _function('我的家庭', R.ASSETS_ICONS_ICON_MY_HOUSE_PNG, () => MyFamilyPage(), ''), 36.hb, _function('我的车位', R.ASSETS_ICONS_ICON_MY_CARSEAT_PNG, () => CarParkingPage(), ''), 36.hb, _function('我的车', R.ASSETS_ICONS_ICON_MY_CAR_PNG, () => CarManagePage(), ''), 36.hb, _function('我的访客', R.ASSETS_ICONS_ICON_MY_VISITOR_PNG, () => CarManagePage(), ''), 36.hb, _function( '收货地址设置', R.ASSETS_ICONS_ICON_MY_LOCATION_PNG, () => AddressListPage( canBack: false, ), ''), ], ), ), ], ), ), ], )), ); } _homeTitle(String title, VoidCallback onTap, String suffixTitle) { return Row( children: [ title.text.size(32.sp).bold.make(), Spacer(), GestureDetector( onTap: onTap, child: Row( children: [ suffixTitle.text.size(24.sp).color(Color(0xFF999999)).make(), 8.wb, Icon( CupertinoIcons.chevron_forward, size: 24.w, color: Color(0xFF999999), ), ], ), ), //24.wb, ], ); } _function( String title, String path, dynamic page, String msg, ) { return GestureDetector( onTap: () { Get.to(page); }, child: Container( color: Colors.transparent, child: Row( children: [ Image.asset( path, width: 40.w, height: 40.w, fit: BoxFit.fitHeight, ), 16.wb, Text( title, style: TextStyle( fontSize: 28.sp, color: Colors.black.withOpacity(0.85), ), ), Spacer(), Text( msg, style: TextStyle( fontSize: 24.sp, color: Colors.black.withOpacity(0.45), ), ), 24.wb, Icon( CupertinoIcons.chevron_forward, size: 24.w, color: Color(0xFF999999), ), ], ), ), ); } @override bool get wantKeepAlive => true; }