5 changed files with 561 additions and 8 deletions
@ -0,0 +1,392 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
import '../controllers/meeting_details_controller.dart'; |
|||
import 'record_language_bottom_sheet.dart'; |
|||
|
|||
class GenerateBottomSheet extends StatefulWidget { |
|||
const GenerateBottomSheet({super.key}); |
|||
|
|||
@override |
|||
State<GenerateBottomSheet> createState() => _GenerateBottomSheetState(); |
|||
} |
|||
|
|||
class _GenerateBottomSheetState extends State<GenerateBottomSheet> { |
|||
final _controller = Get.find<MeetingDetailsController>(); |
|||
|
|||
bool _isSpeaker = true; |
|||
String _languageText = '中文普通话(简体)'; |
|||
String _language = 'zh-CN'; |
|||
|
|||
int _templateId = 0; |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 10.w), |
|||
child: Row( |
|||
children: [ |
|||
Icon( |
|||
Icons.audio_file_outlined, |
|||
color: Colors.grey, |
|||
size: 32.w, |
|||
), |
|||
5.horizontalSpace, |
|||
Expanded( |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
_controller.meetingData.value.title, |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: Colors.black87, |
|||
), |
|||
), |
|||
Text( |
|||
'${_controller.meetingData.value.seconds}s', |
|||
style: TextStyle( |
|||
fontSize: 12.sp, |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
GestureDetector( |
|||
onTap: () => Get.back(), |
|||
child: Container( |
|||
width: 26.w, |
|||
height: 26.w, |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
borderRadius: BorderRadius.circular(26.r), |
|||
), |
|||
child: Icon( |
|||
Icons.close, |
|||
size: 18.w, |
|||
color: Colors.grey[400], |
|||
), |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w), |
|||
margin: EdgeInsets.only(bottom: 10.w), |
|||
child: Divider( |
|||
height: 1, |
|||
color: Colors.grey[300], |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 10.w), |
|||
child: Row( |
|||
children: [ |
|||
Expanded( |
|||
child: Text( |
|||
'选择总结模版', |
|||
style: TextStyle( |
|||
fontSize: 14.sp, |
|||
color: Colors.black87, |
|||
), |
|||
), |
|||
), |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
'查看全部', |
|||
style: TextStyle( |
|||
fontSize: 12.sp, |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
const Icon( |
|||
Icons.keyboard_arrow_right, |
|||
color: Colors.grey, |
|||
) |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
height: 130.w, |
|||
margin: EdgeInsets.only(bottom: 16.w), |
|||
child: ListView.builder( |
|||
itemCount: 10, |
|||
scrollDirection: Axis.horizontal, |
|||
padding: EdgeInsets.symmetric(horizontal: 4.w), |
|||
itemBuilder: (BuildContext context, int index) { |
|||
return _item(); |
|||
}, |
|||
), |
|||
), |
|||
Container( |
|||
margin: EdgeInsets.symmetric(horizontal: 12.w), |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
borderRadius: BorderRadius.circular(8.r), |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
_row( |
|||
'区分说话人', |
|||
widget: Transform.scale( |
|||
scale: 0.8, |
|||
alignment: Alignment.centerRight, |
|||
child: Switch( |
|||
value: _isSpeaker, |
|||
onChanged: (bool value) { |
|||
setState(() { |
|||
_isSpeaker = value; |
|||
}); |
|||
}, |
|||
), |
|||
), |
|||
), |
|||
_row( |
|||
'录音语言', |
|||
value: _languageText, |
|||
isBorder: false, |
|||
onTap: () { |
|||
showModalBottomSheet( |
|||
context: context, |
|||
isScrollControlled: true, |
|||
backgroundColor: Colors.grey[100], |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.vertical( |
|||
top: Radius.circular(12.r), |
|||
), |
|||
), |
|||
builder: (BuildContext context) { |
|||
return RecordLanguageBottomSheet(_language); |
|||
}, |
|||
).then((value) { |
|||
if (value != null) { |
|||
setState(() { |
|||
_languageText = value['name']; |
|||
_language = value['value']; |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 20.w), |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
Get.back(); |
|||
// _controller.summaryCreate(); |
|||
}, |
|||
child: Container( |
|||
height: 48.w, |
|||
alignment: Alignment.center, |
|||
decoration: BoxDecoration( |
|||
color: Colors.black, |
|||
borderRadius: BorderRadius.circular(12.r), |
|||
), |
|||
child: Text( |
|||
'立即生成', |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
Widget _item() { |
|||
return Container( |
|||
width: 200.w, |
|||
margin: EdgeInsets.symmetric(horizontal: 8.w), |
|||
clipBehavior: Clip.hardEdge, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(14.w), |
|||
), |
|||
child: Stack( |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.all(5.w), |
|||
decoration: const BoxDecoration( |
|||
gradient: LinearGradient( |
|||
colors: [Colors.blue, Colors.pinkAccent], |
|||
begin: Alignment.centerLeft, |
|||
end: Alignment.centerRight, |
|||
), |
|||
), |
|||
child: Container( |
|||
width: double.infinity, |
|||
padding: EdgeInsets.all(10.w), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(10.w), |
|||
color: Colors.white, |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Padding( |
|||
padding: EdgeInsets.only(top: 5.w), |
|||
child: Icon( |
|||
Icons.perm_phone_msg, |
|||
color: Colors.orange, |
|||
size: 30.w, |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(vertical: 10.w), |
|||
child: Text( |
|||
'会议纪要', |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: Colors.black87, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
Wrap( |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.symmetric( |
|||
horizontal: 5.w, vertical: 2.w), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey[200], |
|||
borderRadius: BorderRadius.circular(4.r), |
|||
), |
|||
child: Text( |
|||
'主题', |
|||
style: TextStyle( |
|||
fontSize: 10.sp, |
|||
color: Colors.grey[600], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
// Text( |
|||
// '主题主题主题主题主题主题主题主题主题主题', |
|||
// overflow: TextOverflow.ellipsis, |
|||
// style: TextStyle( |
|||
// fontSize: 12.sp, |
|||
// color: Colors.grey[600], |
|||
// ), |
|||
// ), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
Positioned( |
|||
top: 0, |
|||
left: 0, |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 1.w), |
|||
decoration: BoxDecoration( |
|||
color: Colors.blue, |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(12.w), |
|||
bottomRight: Radius.circular(4.w), |
|||
), |
|||
), |
|||
child: Text( |
|||
'上次使用', |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: 12.sp, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Positioned( |
|||
right: -18.w, |
|||
bottom: -18.w, |
|||
child: Container( |
|||
width: 40.w, |
|||
height: 40.w, |
|||
padding: EdgeInsets.all(2.w), |
|||
alignment: Alignment.topLeft, |
|||
decoration: BoxDecoration( |
|||
color: Colors.pinkAccent, |
|||
borderRadius: BorderRadius.circular(40.r), |
|||
), |
|||
child: Icon( |
|||
Icons.check, |
|||
color: Colors.white, |
|||
size: 18.w, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _row( |
|||
String title, { |
|||
String? value, |
|||
Widget? widget, |
|||
bool isBorder = true, |
|||
Function()? onTap, |
|||
}) { |
|||
return GestureDetector( |
|||
onTap: onTap, |
|||
child: Padding( |
|||
padding: EdgeInsets.only(left: 15.w), |
|||
child: Container( |
|||
height: 46.w, |
|||
padding: EdgeInsets.only(right: 10.w), |
|||
decoration: BoxDecoration( |
|||
border: isBorder |
|||
? Border( |
|||
bottom: BorderSide( |
|||
color: Colors.grey[300]!, |
|||
), |
|||
) |
|||
: null, |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
Expanded( |
|||
child: Text( |
|||
title, |
|||
style: TextStyle( |
|||
fontSize: 14.sp, |
|||
color: Colors.black87, |
|||
), |
|||
), |
|||
), |
|||
widget ?? |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
value ?? '', |
|||
style: TextStyle( |
|||
fontSize: 12.sp, |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
const Icon( |
|||
Icons.keyboard_arrow_right, |
|||
color: Colors.grey, |
|||
) |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,137 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
class RecordLanguageBottomSheet extends StatefulWidget { |
|||
final String language; |
|||
|
|||
const RecordLanguageBottomSheet(this.language, {super.key}); |
|||
|
|||
@override |
|||
State<RecordLanguageBottomSheet> createState() => |
|||
_RecordLanguageBottomSheetState(); |
|||
} |
|||
|
|||
class _RecordLanguageBottomSheetState extends State<RecordLanguageBottomSheet> { |
|||
final List _languages = [ |
|||
{'name': '中文普通话(简体)', 'value': 'zh-CN'}, |
|||
{'name': '粤语', 'value': 'cant'}, |
|||
{'name': '四川话', 'value': 'sc'}, |
|||
{'name': '上海话', 'value': 'zh_shanghai'}, |
|||
{'name': '英文', 'value': 'en-US'}, |
|||
{'name': '日语', 'value': 'ja-JP'}, |
|||
{'name': '韩语', 'value': 'ko-KR'}, |
|||
{'name': '法语', 'value': 'fr-FR'}, |
|||
{'name': '西班牙语', 'value': 'es-MX'}, |
|||
{'name': '葡萄牙语', 'value': 'pt-BR'}, |
|||
{'name': '印尼语', 'value': 'id-ID'}, |
|||
]; |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w), |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.symmetric(vertical: 10.w), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Text( |
|||
'录音语言', |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: Colors.black87, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
GestureDetector( |
|||
onTap: () => Get.back(), |
|||
child: Container( |
|||
width: 26.w, |
|||
height: 26.w, |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
borderRadius: BorderRadius.circular(26.r), |
|||
), |
|||
child: Icon( |
|||
Icons.close, |
|||
size: 18.w, |
|||
color: Colors.grey[400], |
|||
), |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Divider( |
|||
height: 1, |
|||
color: Colors.grey[300], |
|||
), |
|||
Container( |
|||
margin: EdgeInsets.symmetric(vertical: 20.w), |
|||
constraints: BoxConstraints( |
|||
maxHeight: 1.sh - 180.w, |
|||
), |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
borderRadius: BorderRadius.circular(8.r), |
|||
), |
|||
child: ListView.builder( |
|||
itemCount: _languages.length, |
|||
shrinkWrap: true, |
|||
itemBuilder: (BuildContext context, int index) { |
|||
Map data = _languages[index]; |
|||
return _item(index, data); |
|||
}, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _item(int index, Map data) { |
|||
return GestureDetector( |
|||
onTap: () { |
|||
Get.back(result: data); |
|||
}, |
|||
child: Padding( |
|||
padding: EdgeInsets.only(left: 15.w), |
|||
child: Container( |
|||
height: 46.w, |
|||
padding: EdgeInsets.only(right: 10.w), |
|||
decoration: BoxDecoration( |
|||
border: index != 0 |
|||
? Border( |
|||
top: BorderSide( |
|||
color: Colors.grey[300]!, |
|||
), |
|||
) |
|||
: null, |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
Expanded( |
|||
child: Text( |
|||
data['name'], |
|||
style: TextStyle( |
|||
fontSize: 14.sp, |
|||
color: Colors.black87, |
|||
), |
|||
), |
|||
), |
|||
if (widget.language == data['value']) |
|||
const Icon( |
|||
Icons.check, |
|||
color: Colors.black87, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
Loading…
Reference in new issue