tanlongsheng
1 year ago
8 changed files with 499 additions and 177 deletions
@ -0,0 +1,296 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
import '../../../data/services/db/sqflite_api.dart'; |
|||
|
|||
class TemplateAllView extends StatefulWidget { |
|||
final String title; |
|||
final int categoryid; |
|||
final Map templateData; |
|||
final int lastTemplateId; |
|||
|
|||
const TemplateAllView( |
|||
this.title, this.categoryid, this.templateData, this.lastTemplateId, |
|||
{super.key}); |
|||
|
|||
@override |
|||
State<TemplateAllView> createState() => _TemplateAllViewState(); |
|||
} |
|||
|
|||
class _TemplateAllViewState extends State<TemplateAllView> { |
|||
final Map _icons = { |
|||
'auto_stories': Icons.auto_stories, |
|||
'auto_graph': Icons.auto_graph, |
|||
'add_to_drive_outlined': Icons.add_to_drive_outlined, |
|||
'perm_phone_msg': Icons.perm_phone_msg, |
|||
'assignment': Icons.assignment, |
|||
'lightbulb': Icons.lightbulb, |
|||
'note': Icons.note, |
|||
'rate_review': Icons.rate_review, |
|||
'event_repeat': Icons.event_repeat, |
|||
'handshake': Icons.handshake, |
|||
'restart_alt': Icons.restart_alt, |
|||
'rocket_launch': Icons.rocket_launch, |
|||
'code': Icons.code, |
|||
'bar_chart': Icons.bar_chart, |
|||
'school': Icons.school, |
|||
'auto_fix_high': Icons.auto_fix_high, |
|||
}; |
|||
|
|||
List _templateList = []; |
|||
Map _templateData = {}; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_getTemplate(); |
|||
} |
|||
|
|||
void _getTemplate() async { |
|||
List list = await SqfliteApi.getMeetingTemplateList(widget.categoryid); |
|||
List templateList = []; |
|||
for (var element in list) { |
|||
Map item = { |
|||
...element, |
|||
'tag': element['tag'].isNotEmpty ? element['tag'].split(',') : [], |
|||
}; |
|||
if (element['id'] == widget.templateData['id']) { |
|||
templateList.insert(0, item); |
|||
_templateData = widget.templateData; |
|||
} else { |
|||
templateList.add(item); |
|||
} |
|||
} |
|||
setState(() { |
|||
_templateList = templateList; |
|||
}); |
|||
} |
|||
|
|||
@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(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( |
|||
widget.title, |
|||
style: TextStyle( |
|||
fontSize: 17.sp, |
|||
fontWeight: FontWeight.w600, |
|||
color: isDarkMode ? Colors.white : Colors.black, |
|||
), |
|||
), |
|||
centerTitle: true, |
|||
); |
|||
} |
|||
|
|||
// 构建主体内容 |
|||
Widget _buildBody(bool isDarkMode) { |
|||
return Column( |
|||
children: [ |
|||
Expanded( |
|||
child: GridView.builder( |
|||
itemCount: _templateList.length, |
|||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
|||
crossAxisCount: 2, |
|||
mainAxisSpacing: 12.w, |
|||
crossAxisSpacing: 12.w, |
|||
childAspectRatio: 1.sw / 2 / 150.w, |
|||
), |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 20.w), |
|||
itemBuilder: (BuildContext context, int index) { |
|||
Map data = _templateList[index]; |
|||
return _item(data); |
|||
}, |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 20.w), |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
if (_templateData.isNotEmpty) { |
|||
Get.back(); |
|||
Get.back(result: _templateData); |
|||
} |
|||
}, |
|||
child: Container( |
|||
height: 48.w, |
|||
alignment: Alignment.center, |
|||
decoration: BoxDecoration( |
|||
color: _templateData.isNotEmpty ? Colors.black : Colors.grey, |
|||
borderRadius: BorderRadius.circular(12.r), |
|||
), |
|||
child: Text( |
|||
'就用这个模版', |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
Widget _item(Map template) { |
|||
return Container( |
|||
clipBehavior: Clip.hardEdge, |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
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( |
|||
_icons[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