lxm
1 year ago
3 changed files with 482 additions and 42 deletions
@ -1,3 +1,26 @@ |
|||||
import 'package:get/get.dart'; |
import 'package:get/get.dart'; |
||||
|
|
||||
class MeetingMineController extends GetxController {} |
import 'meeting_home_controller.dart'; |
||||
|
|
||||
|
class MeetingMineController extends GetxController { |
||||
|
final _controller = Get.find<MeetingHomeController>(); |
||||
|
|
||||
|
RxInt days = 0.obs; |
||||
|
RxInt numberFiles = 0.obs; |
||||
|
RxDouble hourage = 0.0.obs; |
||||
|
RxInt continuousDays = 0.obs; |
||||
|
RxInt maxNumberFiles = 0.obs; |
||||
|
RxDouble maxHourage = 0.0.obs; |
||||
|
|
||||
|
@override |
||||
|
void onInit() { |
||||
|
super.onInit(); |
||||
|
_getStatistics(); |
||||
|
} |
||||
|
|
||||
|
void _getStatistics() { |
||||
|
numberFiles.value = _controller.originalDataList.length; |
||||
|
|
||||
|
for (var element in _controller.originalDataList) {} |
||||
|
} |
||||
|
} |
||||
|
|||||
@ -0,0 +1,293 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
import 'package:get/get.dart'; |
||||
|
|
||||
|
import '../../controllers/meeting_mine_controller.dart'; |
||||
|
|
||||
|
class StatisticsBottomSheet extends StatefulWidget { |
||||
|
const StatisticsBottomSheet({super.key}); |
||||
|
|
||||
|
@override |
||||
|
State<StatisticsBottomSheet> createState() => _StatisticsBottomSheetState(); |
||||
|
} |
||||
|
|
||||
|
class _StatisticsBottomSheetState extends State<StatisticsBottomSheet> { |
||||
|
final _mineController = Get.find<MeetingMineController>(); |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return Stack( |
||||
|
children: [ |
||||
|
GestureDetector( |
||||
|
onTap: () => Get.back(), |
||||
|
behavior: HitTestBehavior.translucent, |
||||
|
child: SizedBox( |
||||
|
width: 1.sw, |
||||
|
height: 1.sh, |
||||
|
), |
||||
|
), |
||||
|
Column( |
||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||
|
children: [ |
||||
|
Container( |
||||
|
padding: EdgeInsets.symmetric(horizontal: 15.w, vertical: 20.w), |
||||
|
margin: EdgeInsets.symmetric(horizontal: 10.w), |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.white, |
||||
|
borderRadius: BorderRadius.circular(16.w), |
||||
|
image: const DecorationImage( |
||||
|
alignment: Alignment.topCenter, |
||||
|
image: AssetImage('assets/images/mine-background.png'), |
||||
|
fit: BoxFit.fitWidth, |
||||
|
), |
||||
|
), |
||||
|
child: Column( |
||||
|
children: [ |
||||
|
Container( |
||||
|
width: 50.w, |
||||
|
height: 50.w, |
||||
|
margin: EdgeInsets.only(bottom: 10.w), |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(50.w), |
||||
|
image: const DecorationImage( |
||||
|
image: NetworkImage( |
||||
|
'https://pic8.iqiyipic.com/image/20250403/ed/a7/a_100013977_m_601_m75_318_424.avif'), |
||||
|
fit: BoxFit.cover, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
Text( |
||||
|
'tianming liu', |
||||
|
style: TextStyle( |
||||
|
color: Colors.black87, |
||||
|
fontSize: 20.sp, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
), |
||||
|
), |
||||
|
Padding( |
||||
|
padding: EdgeInsets.symmetric(vertical: 20.w), |
||||
|
child: Wrap( |
||||
|
spacing: 5.w, |
||||
|
runSpacing: 5.w, |
||||
|
children: [ |
||||
|
_item( |
||||
|
'天', |
||||
|
'${_mineController.days.value}', |
||||
|
Colors.amber, |
||||
|
), |
||||
|
_item( |
||||
|
'文件', |
||||
|
'${_mineController.numberFiles.value}', |
||||
|
Colors.blueGrey, |
||||
|
), |
||||
|
_item( |
||||
|
'小时', |
||||
|
'${_mineController.hourage.value}', |
||||
|
Colors.cyan, |
||||
|
), |
||||
|
_item( |
||||
|
'连续录音天数', |
||||
|
'${_mineController.continuousDays.value}', |
||||
|
Colors.deepOrangeAccent, |
||||
|
), |
||||
|
_item( |
||||
|
'单日最多录音', |
||||
|
'${_mineController.maxNumberFiles.value}', |
||||
|
Colors.teal, |
||||
|
), |
||||
|
_item( |
||||
|
'单日最长录音', |
||||
|
'${_mineController.maxHourage.value}', |
||||
|
Colors.pink, |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
Row( |
||||
|
children: [ |
||||
|
Text( |
||||
|
'过去12个月的热力图', |
||||
|
style: TextStyle( |
||||
|
color: Colors.grey, |
||||
|
fontSize: 12.sp, |
||||
|
), |
||||
|
), |
||||
|
const Spacer(), |
||||
|
Text( |
||||
|
'较冷', |
||||
|
style: TextStyle( |
||||
|
color: Colors.grey, |
||||
|
fontSize: 12.sp, |
||||
|
), |
||||
|
), |
||||
|
5.horizontalSpace, |
||||
|
Container( |
||||
|
width: 10.w, |
||||
|
height: 10.w, |
||||
|
margin: EdgeInsets.symmetric(horizontal: 1.w), |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.grey[200], |
||||
|
borderRadius: BorderRadius.circular(2.w), |
||||
|
), |
||||
|
), |
||||
|
Container( |
||||
|
width: 10.w, |
||||
|
height: 10.w, |
||||
|
margin: EdgeInsets.symmetric(horizontal: 1.w), |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.red[100], |
||||
|
borderRadius: BorderRadius.circular(2.w), |
||||
|
), |
||||
|
), |
||||
|
Container( |
||||
|
width: 10.w, |
||||
|
height: 10.w, |
||||
|
margin: EdgeInsets.symmetric(horizontal: 1.w), |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.red, |
||||
|
borderRadius: BorderRadius.circular(2.w), |
||||
|
), |
||||
|
), |
||||
|
5.horizontalSpace, |
||||
|
Text( |
||||
|
'较热', |
||||
|
style: TextStyle( |
||||
|
color: Colors.grey, |
||||
|
fontSize: 12.sp, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
Container( |
||||
|
height: 50.w, |
||||
|
alignment: Alignment.center, |
||||
|
child: GridView.builder( |
||||
|
shrinkWrap: true, |
||||
|
physics: const NeverScrollableScrollPhysics(), |
||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||
|
crossAxisCount: 52, |
||||
|
mainAxisSpacing: 1.w, |
||||
|
crossAxisSpacing: 1.w, |
||||
|
), |
||||
|
itemCount: 364, |
||||
|
itemBuilder: (BuildContext context, int index) { |
||||
|
return Container( |
||||
|
color: Colors.grey[200], |
||||
|
); |
||||
|
}, |
||||
|
), |
||||
|
), |
||||
|
DefaultTextStyle( |
||||
|
style: TextStyle( |
||||
|
color: Colors.grey, |
||||
|
fontSize: 10.sp, |
||||
|
), |
||||
|
child: const Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||
|
children: [ |
||||
|
Text('Jan'), |
||||
|
Text('Feb'), |
||||
|
Text('Mar'), |
||||
|
Text('Apr'), |
||||
|
Text('May'), |
||||
|
Text('Jun'), |
||||
|
Text('Jul'), |
||||
|
Text('Aug'), |
||||
|
Text('Sep'), |
||||
|
Text('Oct'), |
||||
|
Text('Nov'), |
||||
|
Text('Dec'), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 10.w), |
||||
|
Padding( |
||||
|
padding: EdgeInsets.symmetric(horizontal: 10.w), |
||||
|
child: Row( |
||||
|
children: [ |
||||
|
_button(Icons.share, '分享图片', Colors.deepOrange, () {}), |
||||
|
10.horizontalSpace, |
||||
|
_button(Icons.download, '保存图片', Colors.cyan, () {}), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _item(String unit, String amount, Color color) { |
||||
|
return Container( |
||||
|
width: 105.w, |
||||
|
height: 70.w, |
||||
|
padding: EdgeInsets.all(10.w), |
||||
|
decoration: BoxDecoration( |
||||
|
color: color.withOpacity(0.2), |
||||
|
borderRadius: BorderRadius.circular(8.w), |
||||
|
), |
||||
|
child: Column( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
unit, |
||||
|
style: TextStyle( |
||||
|
color: Colors.grey, |
||||
|
fontSize: 12.sp, |
||||
|
), |
||||
|
), |
||||
|
Text( |
||||
|
amount, |
||||
|
style: TextStyle( |
||||
|
color: Colors.black87, |
||||
|
fontSize: 18.sp, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _button(IconData icon, String title, Color color, Function() onTap) { |
||||
|
return Expanded( |
||||
|
child: GestureDetector( |
||||
|
onTap: onTap, |
||||
|
child: Container( |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.white, |
||||
|
borderRadius: BorderRadius.circular(16.w), |
||||
|
), |
||||
|
child: Container( |
||||
|
height: 60.w, |
||||
|
decoration: BoxDecoration( |
||||
|
color: color.withOpacity(0.1), |
||||
|
borderRadius: BorderRadius.circular(16.w), |
||||
|
), |
||||
|
child: Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||
|
children: [ |
||||
|
Icon( |
||||
|
icon, |
||||
|
size: 25.w, |
||||
|
), |
||||
|
5.horizontalSpace, |
||||
|
Text( |
||||
|
title, |
||||
|
style: TextStyle( |
||||
|
color: Colors.black87, |
||||
|
fontSize: 16.sp, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue