import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.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/saas_api.dart';
import 'package:aku_new_community/gen/assets.gen.dart';
import 'package:aku_new_community/pages/personal/user_profile_page.dart';
import 'package:aku_new_community/pages/personal/wallet/wallet_recharge_page.dart';
import 'package:aku_new_community/pages/personal/wallet/wallet_trade_record_page.dart';
import 'package:aku_new_community/pages/setting_page/settings_page.dart';
import 'package:aku_new_community/pages/sign/login/other_login_page.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/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/bee_avatar_widget.dart';
import 'package:aku_new_community/widget/bee_divider.dart';
import 'package:aku_new_community/widget/others/user_tool.dart';
import 'address/address_list_page.dart';
import 'clock_in/clock_in_page.dart';
import 'clock_in/clock_success_dialog.dart';
import 'intergral/integral_center_page.dart';
class PersonalIndex extends StatefulWidget {
final bool? isSign;
final EasyRefreshController refreshController;
PersonalIndex({Key? key, this.isSign, required this.refreshController}) : super(key: key);
@override
_PersonalIndexState createState() => _PersonalIndexState();
}
class _PersonalIndexState extends State<PersonalIndex>
with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin {
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
void dispose() {
super.dispose();
}
@override
Widget build(BuildContext context) {
super.build(context);
final double _statusHeight = MediaQuery.of(context).padding.top;
final userProvider = Provider.of<UserProvider>(context);
return AnnotatedRegion<SystemUiOverlayStyle>(
value: SystemUiOverlayStyle.dark,
child: Scaffold(
body: EasyRefresh(
header: MaterialHeader(),
controller: widget.refreshController,
onRefresh: () async {
await userProvider.updateUserInfo();
await userProvider.updateMyHouseInfo();
},
child: Stack(
children: [
Container(
width: double.infinity,
height: 512.w,
alignment: Alignment.topCenter,
decoration: BoxDecoration(
image: DecorationImage(
image: Assets.newIcon.imgBg,
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(
Assets.newIcon.imgShezhi.path,
width: 40.w,
height: 40.w),
),
),
24.wb,
],
),
MaterialButton(
padding: EdgeInsets.all(5.w),
onPressed: () {
if (!userProvider.isLogin)
//暂时隐去一键登录页
Get.to(() => OtherLoginPage());
else
Get.to(() => UserProfilePage());
},
child: Container(
margin: EdgeInsets.only(left: 32.w),
child: Row(
children: [
Hero(
tag: 'AVATAR',
child: BeeAvatarWidget(
imgs: UserTool
.userProvider.userInfoModel?.imgList,
),
),
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(SAASAPI.profile.integral.sign);
if (base.success) {
await Get.dialog(ClockSuccessDialog(
todayIntegral: 1,
tomorrowIntegral: 2));
await UserTool.userProvider
.changeTodayClocked();
widget.refreshController.callRefresh();
} else {
BotToast.showText(text: base.msg);
}
},
elevation: 0,
color: Colors.white,
minWidth: 168.w,
height: 64.w,
shape: RoundedRectangleBorder(
borderRadius:
BorderRadius.circular(50.w)),
child: Row(
children: [
Assets.newIcon.imgQiandao
.image(width: 48.w, height: 48.w),
12.wb,
'${UserTool.userProvider.userInfoModel!.isSign ? '已签到' : '签到'}'
.text
.size(22.sp)
.black
.make(),
],
),
),
32.w.widthBox,
],
),
),
),
Spacer(),
Container(
width: 686.w,
height: 168.w,
alignment: Alignment.center,
padding: EdgeInsets.only(
left: 24.w, top: 24.w, bottom: 24.w),
decoration: BoxDecoration(
color: Colors.black,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(24.w),
topRight: Radius.circular(24.w))),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
32.wb,
Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
Assets.newIcon.imgVip
.image(width: 84.w, height: 32.w),
24.wb,
Container(
decoration: BoxDecoration(
borderRadius:
BorderRadius.circular(16.w),
gradient: LinearGradient(colors: [
Color(0xFFFEE8C0),
Color(0xFFFCCC8C),
])),
padding: EdgeInsets.symmetric(
horizontal: 14.w, vertical: 8.w),
child: Assets.newIcon.imgDengji
.image(width: 40.w, height: 16.w),
),
],
),
16.hb,
'尊享6大会员权益'
.text
.size(24.sp)
.color(Color(0xFFFCCC8C))
.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,
],
),
),
],
),
),
_columBody(),
],
)),
));
}
Padding _columBody() {
var wallet = Container(
margin: EdgeInsets.symmetric(horizontal: 32.w),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8.w),
color: Colors.white,
),
child: Column(
children: [
Padding(
padding: EdgeInsets.symmetric(vertical: 24.w, horizontal: 32.w),
child: Row(
children: [
'我的钱包'.text.size(32.sp).color(Colors.black).make(),
Spacer(),
GestureDetector(
onTap: () {
Get.to(() => WalletTradeRecordPage());
},
child: Row(
children: [
'交易记录'
.text
.size(24.sp)
.color(Colors.black.withOpacity(0.45))
.make(),
8.wb,
Icon(
CupertinoIcons.chevron_right,
color: Colors.black.withOpacity(0.45),
size: 32.w,
),
],
),
),
],
),
),
BeeDivider.horizontal(),
Padding(
padding: EdgeInsets.symmetric(vertical: 24.w),
child: Row(
children: [
Expanded(
child: Column(
children: [
'${UserTool.userProvider.userInfoModel!.points ?? 0}'
.text
.size(40.sp)
.color(Colors.black.withOpacity(0.85))
.make(),
12.hb,
'积分'
.text
.size(24.sp)
.color(Colors.black.withOpacity(0.65))
.make(),
],
),
),
Expanded(
child: Column(
children: [
'${UserTool.userProvider.userInfoModel!.balance ?? 0}'
.text
.size(40.sp)
.color(Colors.black.withOpacity(0.85))
.make(),
12.hb,
'余额'
.text
.size(24.sp)
.color(Colors.black.withOpacity(0.65))
.make(),
],
),
)
],
),
),
BeeDivider.horizontal(),
Row(
children: [
Expanded(
child: GestureDetector(
onTap: () async {
await Get.to(WalletRechargePage(
initIndex: 0,
));
widget.refreshController.callRefresh();
},
child: Material(
color: Colors.transparent,
child: Center(
child: '充值'
.text
.size(26.sp)
.color(Colors.black.withOpacity(0.65))
.make(),
),
))),
Container(
height: 84.w,
width: 2.w,
color: Colors.black.withOpacity(0.06),
),
Expanded(
child: GestureDetector(
onTap: () async {
await Get.to(WalletRechargePage(
initIndex: 1,
));
widget.refreshController.callRefresh();
},
child: Material(
color: Colors.transparent,
child: Center(
child: '购买积分'
.text
.size(26.sp)
.color(Colors.black.withOpacity(0.65))
.make(),
),
)))
],
)
],
),
);
var order = Container(
width: 686.w,
height: 282.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.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: Assets.newIcon.icDaifuk.path,
index: 1,
),
_orderButton(
name: '待发货',
path: Assets.newIcon.imgDaifah.path,
index: 2,
),
_orderButton(
name: '待收货',
path: Assets.newIcon.icDaishouh.path,
index: 3,
),
_orderButton(
name: '已完成',
path: Assets.newIcon.imgDaipingj.path,
index: 4,
),
],
),
],
),
);
var extra = Container(
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(32.w),
padding: EdgeInsets.all(32.w),
child: Column(
children: [
Row(
children: [
22.wb,
'其他功能'.text.size(32.sp).color(Color(0xFF2B2B2B)).bold.make(),
Spacer(),
],
),
24.hb,
_function('我的积分', Assets.newIcon.icJifen.path,
() => Get.to(() => ClockInPage()), ''),
_function(
'我的房屋',
Assets.newIcon.icWdfw.path,
() {
Get.to(() => MyHousePage());
},
// () => HouseOwnersPage(
// identify: 4,
// ),
'${UserTool.userProvider.defaultHouseString}',
),
_function('我的家庭', Assets.newIcon.icWdjt.path, () {
Get.to(() => MyFamilyPage());
}, ''),
// _function('我的车位', R.ASSETS_ICONS_ICON_MY_CARSEAT_PNG,
// () => CarParkingPage(), ''),
// 36.hb,
// _function('我的车', R.ASSETS_ICONS_ICON_MY_CAR_PNG,
// () => CarManagePage(), ''),
// 36.hb,
_function('我的访客', Assets.newIcon.icWdfk.path, () {
BotToast.showText(text: '本小区尚未配置门禁设备', align: Alignment(0, 0.5));
}, ''),
_function(
'收货地址',
Assets.newIcon.icShdz.path,
() => Get.to(() => AddressListPage(
canBack: false,
)),
''),
],
),
);
return Padding(
padding: EdgeInsets.only(top: 560.w),
child: Column(
children: [
wallet,
48.hb,
order,
// 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,
// ),
// ],
// ),
// ),
// ),
// ),
// ),
extra,
],
),
);
}
_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,
VoidCallback onTap,
//dynamic page,
String msg,
) {
return GestureDetector(
onTap: onTap,
child: Container(
color: Colors.transparent,
padding: EdgeInsets.symmetric(horizontal: 20.w, vertical: 20.w),
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;
}