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.
684 lines
25 KiB
684 lines
25 KiB
import 'package:aku_community/base/base_style.dart';
|
|
import 'package:aku_community/const/resource.dart';
|
|
import 'package:aku_community/constants/api.dart';
|
|
import 'package:aku_community/constants/application_objects.dart';
|
|
import 'package:aku_community/pages/personal/user_profile_page.dart';
|
|
import 'package:aku_community/pages/setting_page/settings_page.dart';
|
|
import 'package:aku_community/pages/sign/sign_in_page.dart';
|
|
import 'package:aku_community/painters/user_bottom_bar_painter.dart';
|
|
import 'package:aku_community/provider/user_provider.dart';
|
|
import 'package:aku_community/ui/profile/car/car_manage_page.dart';
|
|
import 'package:aku_community/ui/profile/car_parking/car_parking_page.dart';
|
|
import 'package:aku_community/ui/profile/house/house_owners_page.dart';
|
|
import 'package:aku_community/ui/profile/order/order_page.dart';
|
|
import 'package:aku_community/utils/headers.dart';
|
|
import 'package:aku_community/widget/others/user_tool.dart';
|
|
import 'package:aku_community/widget/views/application_view.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 PersonalIndex extends StatefulWidget {
|
|
final bool? isSign;
|
|
|
|
PersonalIndex({Key? key, this.isSign}) : super(key: key);
|
|
|
|
@override
|
|
_PersonalIndexState createState() => _PersonalIndexState();
|
|
}
|
|
|
|
class _PersonalIndexState extends State<PersonalIndex>
|
|
with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin{
|
|
SliverAppBar _sliverAppBar(double height) {
|
|
final userProvider = Provider.of<UserProvider>(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(() => SignInPage());
|
|
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: API.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
|
|
Widget build(BuildContext context) {
|
|
final double _statusHeight = MediaQuery.of(context).padding.top;
|
|
final userProvider = Provider.of<UserProvider>(context);
|
|
// var orderWidget = SliverToBoxAdapter(
|
|
// child: 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(20.w),
|
|
// padding: EdgeInsets.all(12.w),
|
|
// child:
|
|
// Column(
|
|
// mainAxisSize: MainAxisSize.min,
|
|
// children: [
|
|
// _containerBar('我的订单'),
|
|
// GridView(
|
|
// gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
// crossAxisCount: 5,
|
|
// ),
|
|
// shrinkWrap: true,
|
|
// 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,
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// )
|
|
// );
|
|
return Scaffold(
|
|
|
|
body: EasyRefresh(
|
|
header: MaterialHeader(),
|
|
onRefresh: () async {
|
|
await userProvider.updateProfile();
|
|
await userProvider.updateUserDetail();
|
|
},
|
|
child: Stack(
|
|
children: [
|
|
// Container(
|
|
//
|
|
// width: double.infinity,
|
|
// height: 441.w,
|
|
// alignment: Alignment.topCenter,
|
|
//
|
|
// decoration: BoxDecoration(
|
|
// gradient: LinearGradient(
|
|
// begin: Alignment.topCenter,
|
|
// end: Alignment.bottomCenter,
|
|
// colors: <Color>[
|
|
// Color(0xFFF9D57A),
|
|
// Color(0xFFF9D57A),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// padding: EdgeInsets.only(top: 130.w),
|
|
// child: Column(
|
|
// mainAxisAlignment: MainAxisAlignment.start,
|
|
// children: [
|
|
//
|
|
// MaterialButton(
|
|
// padding: EdgeInsets.all(5.w),
|
|
// onPressed: () {
|
|
// if (!userProvider.isLogin)
|
|
// Get.to(() => SignInPage());
|
|
// 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: API.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(
|
|
|
|
width: double.infinity,
|
|
height: 441.w,
|
|
alignment: Alignment.topCenter,
|
|
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: <Color>[
|
|
Color(0xFFF9D57A),
|
|
Color(0xFFF9D57A),
|
|
],
|
|
),
|
|
),
|
|
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(() => SignInPage());
|
|
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: API.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),
|
|
),
|
|
)
|
|
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
// 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,
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
|
|
padding: EdgeInsets.only(top: 289.w),
|
|
child: Column(
|
|
|
|
children: [
|
|
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('我的订单', () {}, '查看全部'),
|
|
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,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
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(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
_function('我的房屋', R.ASSETS_ICONS_ICON_MY_HOUSE_PNG, () => HouseOwnersPage(
|
|
identify: UserTool.userProvider.userDetailModel!.type ?? 4,
|
|
),userProvider.userDetailModel!.estateNames!.isEmpty?'': userProvider.userDetailModel!.estateNames?[0]??'',),
|
|
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, () => CarManagePage(),''),
|
|
|
|
//
|
|
// ApplicationView.custom(
|
|
// items: userAppObjects,
|
|
// needAllApp: 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: 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;
|
|
}
|