lxm
1 year ago
10 changed files with 1178 additions and 50 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,487 @@ |
|||
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'; |
|||
import 'template_view.dart'; |
|||
|
|||
class GenerateBottomSheet extends StatefulWidget { |
|||
const GenerateBottomSheet({super.key}); |
|||
|
|||
@override |
|||
State<GenerateBottomSheet> createState() => _GenerateBottomSheetState(); |
|||
} |
|||
|
|||
class _GenerateBottomSheetState extends State<GenerateBottomSheet> { |
|||
final _controller = Get.find<MeetingDetailsController>(); |
|||
final ScrollController _scrollController = ScrollController(); |
|||
|
|||
bool _isSpeaker = true; |
|||
String _languageText = '中文普通话(简体)'; |
|||
String _language = 'zh-CN'; |
|||
|
|||
final List _originalTemplate = [ |
|||
{ |
|||
'id': 1, |
|||
'name': '会议纪要', |
|||
'icon': Icons.auto_stories, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 2, |
|||
'name': 'Autopilot', |
|||
'icon': Icons.auto_graph, |
|||
'tag': ['自适应结构', '全场景适配'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 3, |
|||
'name': '推理Autopilot', |
|||
'icon': Icons.add_to_drive_outlined, |
|||
'tag': ['推理模型', '自动结构化'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 4, |
|||
'name': '通话', |
|||
'icon': Icons.perm_phone_msg, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
]; |
|||
|
|||
int _templateId = 0; |
|||
int _lastTemplateId = 0; |
|||
List _templateList = []; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
if (_lastTemplateId != 0) { |
|||
_templateId = _lastTemplateId; |
|||
} else { |
|||
_templateId = _originalTemplate[0]['id']; |
|||
} |
|||
_templateList = List.from(_originalTemplate); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_scrollController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@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, |
|||
), |
|||
), |
|||
), |
|||
GestureDetector( |
|||
onTap: () async { |
|||
var result = await Get.to(TemplateView( |
|||
_templateId, |
|||
_lastTemplateId, |
|||
)); |
|||
if (result != null) { |
|||
_scrollController.jumpTo(0); |
|||
List list = List.from(_originalTemplate); |
|||
int index = list |
|||
.indexWhere((element) => element['id'] == result['id']); |
|||
if (index != -1) { |
|||
Map itemToMove = list.removeAt(index); |
|||
list.insert(0, itemToMove); |
|||
} else { |
|||
list.insert(0, result); |
|||
} |
|||
setState(() { |
|||
_templateId = result['id']; |
|||
_templateList = list; |
|||
}); |
|||
} |
|||
}, |
|||
child: 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( |
|||
controller: _scrollController, |
|||
itemCount: _templateList.length, |
|||
scrollDirection: Axis.horizontal, |
|||
padding: EdgeInsets.symmetric(horizontal: 4.w), |
|||
itemBuilder: (BuildContext context, int index) { |
|||
Map data = _templateList[index]; |
|||
return _item(data); |
|||
}, |
|||
), |
|||
), |
|||
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(Map data) { |
|||
return Container( |
|||
width: 200.w, |
|||
margin: EdgeInsets.symmetric(horizontal: 8.w), |
|||
clipBehavior: Clip.hardEdge, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(14.w), |
|||
), |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
setState(() { |
|||
_templateId = data['id']; |
|||
}); |
|||
}, |
|||
child: Stack( |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.all(5.w), |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
gradient: _templateId == data['id'] |
|||
? const LinearGradient( |
|||
colors: [Colors.blue, Colors.pinkAccent], |
|||
begin: Alignment.centerLeft, |
|||
end: Alignment.centerRight, |
|||
) |
|||
: null, |
|||
), |
|||
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( |
|||
data['icon'], |
|||
color: Colors.orange, |
|||
size: 30.w, |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(vertical: 10.w), |
|||
child: Text( |
|||
data['name'], |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: Colors.black87, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
data['tag'].isNotEmpty |
|||
? Wrap( |
|||
spacing: 5.w, |
|||
children: List.generate( |
|||
data['tag'].length, |
|||
(int idx) { |
|||
return Container( |
|||
padding: EdgeInsets.symmetric( |
|||
horizontal: 5.w, vertical: 2.w), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey[200], |
|||
borderRadius: BorderRadius.circular(4.r), |
|||
), |
|||
child: Text( |
|||
data['tag'][idx], |
|||
style: TextStyle( |
|||
fontSize: 10.sp, |
|||
color: Colors.grey[600], |
|||
), |
|||
), |
|||
); |
|||
}, |
|||
), |
|||
) |
|||
: Text( |
|||
data['desc'], |
|||
overflow: TextOverflow.ellipsis, |
|||
style: TextStyle( |
|||
fontSize: 12.sp, |
|||
color: Colors.grey[600], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
if (_lastTemplateId == data['id']) |
|||
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, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
if (_templateId == data['id']) |
|||
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, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,407 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
class TemplateView extends StatefulWidget { |
|||
final int templateId; |
|||
final int lastTemplateId; |
|||
|
|||
const TemplateView(this.templateId, this.lastTemplateId, {super.key}); |
|||
|
|||
@override |
|||
State<TemplateView> createState() => _TemplateViewState(); |
|||
} |
|||
|
|||
class _TemplateViewState extends State<TemplateView> { |
|||
final List _categoryList = [ |
|||
{ |
|||
'id': 1, |
|||
'name': '通用', |
|||
'template': [ |
|||
{ |
|||
'id': 1, |
|||
'name': '会议纪要', |
|||
'icon': Icons.auto_stories, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 2, |
|||
'name': 'Autopilot', |
|||
'icon': Icons.auto_graph, |
|||
'tag': ['自适应结构', '全场景适配'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 3, |
|||
'name': '推理Autopilot', |
|||
'icon': Icons.add_to_drive_outlined, |
|||
'tag': ['推理模型', '自动结构化'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 4, |
|||
'name': '通话', |
|||
'icon': Icons.perm_phone_msg, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
'id': 2, |
|||
'name': '会议', |
|||
'template': [ |
|||
{ |
|||
'id': 5, |
|||
'name': '咨询', |
|||
'icon': Icons.auto_stories, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 6, |
|||
'name': '讨论', |
|||
'icon': Icons.auto_graph, |
|||
'tag': ['自适应结构', '全场景适配'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 7, |
|||
'name': '汇报', |
|||
'icon': Icons.add_to_drive_outlined, |
|||
'tag': ['推理模型', '自动结构化'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 8, |
|||
'name': '任务分配', |
|||
'icon': Icons.perm_phone_msg, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
'id': 3, |
|||
'name': '演讲', |
|||
'template': [ |
|||
{ |
|||
'id': 9, |
|||
'name': '课堂笔记', |
|||
'icon': Icons.auto_stories, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 10, |
|||
'name': '讲座', |
|||
'icon': Icons.auto_graph, |
|||
'tag': ['自适应结构', '全场景适配'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 11, |
|||
'name': '培训', |
|||
'icon': Icons.add_to_drive_outlined, |
|||
'tag': ['推理模型', '自动结构化'], |
|||
'desc': '', |
|||
}, |
|||
{ |
|||
'id': 12, |
|||
'name': 'Sermon', |
|||
'icon': Icons.perm_phone_msg, |
|||
'tag': ['主题', '代办事项'], |
|||
'desc': '', |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
'id': 4, |
|||
'name': '自定义', |
|||
'template': [ |
|||
{ |
|||
'id': 13, |
|||
'name': '自定义', |
|||
'icon': Icons.auto_fix_high, |
|||
'tag': [], |
|||
'desc': '自定义模版', |
|||
}, |
|||
], |
|||
}, |
|||
]; |
|||
|
|||
Map _templateData = {}; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
outerLoop: |
|||
for (var element in _categoryList) { |
|||
List template = element['template']; |
|||
for (var item in template) { |
|||
if (item['id'] == widget.templateId) { |
|||
_templateData = item; |
|||
break outerLoop; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
|||
|
|||
return Scaffold( |
|||
backgroundColor: isDarkMode ? Colors.black : Colors.grey[50], |
|||
appBar: _buildAppBar(isDarkMode), |
|||
body: _buildBody(context, isDarkMode), |
|||
); |
|||
} |
|||
|
|||
// 构建应用栏 |
|||
PreferredSizeWidget _buildAppBar(bool isDarkMode) { |
|||
return AppBar( |
|||
backgroundColor: isDarkMode ? Colors.black : Colors.white, |
|||
elevation: 0.5, |
|||
leading: IconButton( |
|||
icon: Icon( |
|||
Icons.arrow_back_ios, |
|||
color: isDarkMode ? Colors.white : Colors.black, |
|||
size: 20.sp, |
|||
), |
|||
onPressed: () => Get.back(), |
|||
), |
|||
title: Text( |
|||
'选择总结模版', |
|||
style: TextStyle( |
|||
fontSize: 17.sp, |
|||
fontWeight: FontWeight.w600, |
|||
color: isDarkMode ? Colors.white : Colors.black, |
|||
), |
|||
), |
|||
centerTitle: true, |
|||
); |
|||
} |
|||
|
|||
// 构建主体内容 |
|||
Widget _buildBody(BuildContext context, bool isDarkMode) { |
|||
return Column( |
|||
children: [ |
|||
Expanded( |
|||
child: ListView.builder( |
|||
itemCount: _categoryList.length, |
|||
itemBuilder: (BuildContext context, int index) { |
|||
Map data = _categoryList[index]; |
|||
return _item(data); |
|||
}, |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 20.w), |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
Get.back(result: _templateData); |
|||
}, |
|||
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(Map data) { |
|||
return Column( |
|||
children: [ |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 20.w, vertical: 10.w), |
|||
child: Row( |
|||
children: [ |
|||
Text( |
|||
data['name'], |
|||
style: TextStyle( |
|||
fontSize: 18.sp, |
|||
color: Colors.black87, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const Icon( |
|||
Icons.keyboard_arrow_right, |
|||
color: Colors.grey, |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
height: 150.w, |
|||
margin: EdgeInsets.only(bottom: 15.w), |
|||
child: ListView.builder( |
|||
itemCount: data['template'].length, |
|||
scrollDirection: Axis.horizontal, |
|||
padding: EdgeInsets.symmetric(horizontal: 8.w), |
|||
itemBuilder: (BuildContext context, int index) { |
|||
Map template = data['template'][index]; |
|||
return _template(template); |
|||
}, |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
Widget _template(Map template) { |
|||
return Container( |
|||
width: 200.w, |
|||
margin: EdgeInsets.symmetric(horizontal: 4.w), |
|||
clipBehavior: Clip.hardEdge, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(14.w), |
|||
), |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
setState(() { |
|||
_templateData = template; |
|||
}); |
|||
}, |
|||
child: Stack( |
|||
children: [ |
|||
Container( |
|||
padding: EdgeInsets.all(5.w), |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
gradient: _templateData['id'] == template['id'] |
|||
? const LinearGradient( |
|||
colors: [Colors.blue, Colors.pinkAccent], |
|||
begin: Alignment.centerLeft, |
|||
end: Alignment.centerRight, |
|||
) |
|||
: null, |
|||
), |
|||
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( |
|||
template['icon'], |
|||
color: Colors.orange, |
|||
size: 30.w, |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(vertical: 10.w), |
|||
child: Text( |
|||
template['name'], |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: Colors.black87, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
template['tag'].isNotEmpty |
|||
? Wrap( |
|||
spacing: 5.w, |
|||
children: List.generate( |
|||
template['tag'].length, |
|||
(int idx) { |
|||
return Container( |
|||
padding: EdgeInsets.symmetric( |
|||
horizontal: 5.w, vertical: 2.w), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey[200], |
|||
borderRadius: BorderRadius.circular(4.r), |
|||
), |
|||
child: Text( |
|||
template['tag'][idx], |
|||
style: TextStyle( |
|||
fontSize: 10.sp, |
|||
color: Colors.grey[600], |
|||
), |
|||
), |
|||
); |
|||
}, |
|||
), |
|||
) |
|||
: Text( |
|||
template['desc'], |
|||
overflow: TextOverflow.ellipsis, |
|||
style: TextStyle( |
|||
fontSize: 12.sp, |
|||
color: Colors.grey[600], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
if (widget.lastTemplateId == template['id']) |
|||
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, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
if (_templateData['id'] == template['id']) |
|||
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, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
Loading…
Reference in new issue