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.
327 lines
11 KiB
327 lines
11 KiB
import 'dart:io'; |
|
|
|
import 'package:dio/dio.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:fluttertoast/fluttertoast.dart'; |
|
import 'package:huixiang/generated/l10n.dart'; |
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
|
import 'package:huixiang/retrofit/data/rank.dart'; |
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
|
import 'package:huixiang/view_widget/mine_vip_view.dart'; |
|
import 'package:flutter_swiper_null_safety/flutter_swiper_null_safety.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:shared_preferences/shared_preferences.dart'; |
|
|
|
class MineVipLevelPage extends StatefulWidget { |
|
final Map<String, dynamic> arguments; |
|
|
|
MineVipLevelPage({this.arguments}); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _MineVipLevelPage(); |
|
} |
|
} |
|
|
|
class _MineVipLevelPage extends State<MineVipLevelPage> { |
|
ApiService apiService; |
|
List<Rank> ranks = []; |
|
|
|
SwiperController controller = SwiperController(); |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
|
|
SharedPreferences.getInstance().then((value) { |
|
apiService = |
|
ApiService(Dio(), context: context, token: value.getString("token")); |
|
queryVipLevel(); |
|
}); |
|
} |
|
|
|
queryVipLevel() async { |
|
BaseData rankData = await apiService.rankList(); |
|
|
|
if (rankData != null && rankData.isSuccess) { |
|
ranks.clear(); |
|
ranks.addAll((rankData.data as List<dynamic>) |
|
.map((e) => Rank.fromJson(e)) |
|
.toList()); |
|
setState(() { |
|
controller.index = widget.arguments["rankLevel"] - 1; |
|
}); |
|
} else { |
|
Fluttertoast.showToast(msg: rankData.msg); |
|
} |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
return Scaffold( |
|
appBar: AppBar( |
|
title: Text( |
|
S.of(context).wodehuiyuandengji, |
|
style: TextStyle( |
|
color: Colors.black, |
|
fontWeight: FontWeight.bold, |
|
fontSize: 18.sp, |
|
), |
|
), |
|
centerTitle: false, |
|
backgroundColor: Color(0xFFFFFFFF), |
|
elevation: 0, |
|
leading: GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
}, |
|
child: Container( |
|
alignment: Alignment.centerRight, |
|
margin: EdgeInsets.only(left: 10.w), |
|
padding: EdgeInsets.all(6), |
|
child: Icon( |
|
Icons.arrow_back_ios, |
|
color: Colors.black, |
|
size: 24, |
|
), |
|
), |
|
), |
|
titleSpacing: 2.w, |
|
leadingWidth: 56.w, |
|
), |
|
body: SingleChildScrollView( |
|
physics: BouncingScrollPhysics(), |
|
child: Column( |
|
children: [ |
|
AspectRatio( |
|
aspectRatio: 1.7, |
|
child: Swiper( |
|
viewportFraction: 0.95, |
|
loop: false, |
|
// index: (ranks != null && ranks.isNotEmpty) ? widget.arguments["rankLevel"] - 1 : 0, |
|
controller: controller, |
|
itemBuilder: (context, position) { |
|
// if(ranks == null || ranks.isEmpty) return Container(width: 10, height: 10,); |
|
return MineVipView( |
|
position + 1, |
|
curLevel: widget.arguments["rankLevel"], |
|
padding: 6.w, |
|
rank: widget.arguments["points"], |
|
rankMax: ranks[position].rankOrigin, |
|
createTime: ranks[position].createTime, |
|
); |
|
}, |
|
itemCount: (ranks != null && ranks.isNotEmpty) ? ranks.length : 0, |
|
), |
|
), |
|
Container( |
|
margin: EdgeInsets.fromLTRB(0, 16.h, 0, 0), |
|
padding: EdgeInsets.fromLTRB(16.w, 16.h, 16.w, 16.h), |
|
decoration: BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: BorderRadius.only( |
|
topLeft: Radius.circular(8), |
|
topRight: Radius.circular(8), |
|
), |
|
), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text( |
|
S.of(context).huiyuandengjishuoming, |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 16.sp, |
|
color: Colors.black, |
|
), |
|
), |
|
SizedBox( |
|
height: 12.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Container( |
|
width: 6.w, |
|
height: 6.h, |
|
margin: EdgeInsets.fromLTRB(4.w, 7.h, 4.w, 7.h), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(3), |
|
color: Color(0xFF32A060), |
|
), |
|
), |
|
Expanded( |
|
child: Text( |
|
S.of(context).chenggongdengluzhuce, |
|
style: TextStyle( |
|
textBaseline: TextBaseline.alphabetic, |
|
fontSize: 14.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 20.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Expanded( |
|
child: Text( |
|
S.of(context).huiyuandengji, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 14.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
Expanded( |
|
child: Text( |
|
S.of(context).jifen, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 14.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 8.h, |
|
), |
|
Column( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: ranks != null |
|
? ranks.map((e) { |
|
return levelItem( |
|
e, |
|
ranks.indexOf(e) == 0 |
|
? 0 |
|
: ranks[ranks.indexOf(e) - 1].rankOrigin); |
|
}).toList() |
|
: [], |
|
), |
|
SizedBox( |
|
height: 32.h, |
|
), |
|
Text( |
|
S.of(context).jifendejisuanshuoming, |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 16.sp, |
|
color: Colors.black, |
|
), |
|
), |
|
SizedBox( |
|
height: 12.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Container( |
|
width: 6.w, |
|
height: 6.h, |
|
margin: EdgeInsets.fromLTRB(4.w, 7.h, 4.w, 7.h), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(3), |
|
color: Color(0xFF32A060), |
|
), |
|
), |
|
Text( |
|
S.of(context).yonghuxiaofeijifen, |
|
style: TextStyle( |
|
textBaseline: TextBaseline.alphabetic, |
|
fontSize: 14.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 12.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
mainAxisSize: MainAxisSize.min, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Container( |
|
width: 6.w, |
|
height: 6.h, |
|
margin: EdgeInsets.fromLTRB(4.w, 7.h, 4.w, 7.h), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(3), |
|
color: Color(0xFF32A060), |
|
), |
|
), |
|
Expanded( |
|
child: Text( |
|
S.of(context).youhuiquanwufajileijifen, |
|
style: TextStyle( |
|
fontSize: 14.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
], |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
); |
|
} |
|
|
|
Widget levelItem(Rank rank, rankOrigin) { |
|
return Container( |
|
margin: EdgeInsets.symmetric(vertical: 8.h), |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Expanded( |
|
child: Text( |
|
rank.rankName, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontSize: 14.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
Expanded( |
|
child: Text( |
|
rank.rankOrigin == 0 |
|
? "0" |
|
: "${rankOrigin + 1} - ${rank.rankOrigin}", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontSize: 14.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
], |
|
), |
|
); |
|
} |
|
}
|
|
|