liwei1dao
/
deepvoice_client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

添加选择模版页面

newdev_shunjiawei
tanlongsheng 1 year ago
parent
cbcaca03dd
commit
7f0542b5ce
6 changed files with 258 additions and 116 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      lib/modules/meeting/bindings/template_binding.dart
  2. 3
      lib/modules/meeting/controllers/template_controller.dart
  3. 301
      lib/modules/meeting/views/generate_bottom_sheet.dart
  4. 50
      lib/modules/meeting/views/template_view.dart
  5. 9
      lib/routes/app_pages.dart
  6. 1
      lib/routes/app_routes.dart

10
lib/modules/meeting/bindings/template_binding.dart
View File

@ -0,0 +1,10 @@
import 'package:get/get.dart';
import '../controllers/template_controller.dart';
class TemplateBinding extends Bindings {
@override
void dependencies() {
// 注册控制器
Get.lazyPut<TemplateController>(() => TemplateController());
}
}

3
lib/modules/meeting/controllers/template_controller.dart
View File

@ -0,0 +1,3 @@
import 'package:get/get.dart';
class TemplateController extends GetxController {}

301
lib/modules/meeting/views/generate_bottom_sheet.dart
View File

@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import '../../../routes/app_routes.dart';
import '../controllers/meeting_details_controller.dart'; import '../controllers/meeting_details_controller.dart';
import 'record_language_bottom_sheet.dart'; import 'record_language_bottom_sheet.dart';
@ -20,6 +21,44 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
String _language = 'zh-CN'; String _language = 'zh-CN';
int _templateId = 0; int _templateId = 0;
int _lastTemplateId = 0;
final List _templateList = [
{
'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': 5,
'name': '自定义',
'icon': Icons.auto_fix_high,
'tag': [],
'desc': '自定义模版',
},
];
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -97,20 +136,32 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
), ),
), ),
), ),
Row( GestureDetector(
children: [ onTap: () async {
Text( var result = await Get.toNamed(Routes.template, arguments: {
'查看全部', 'id': _templateId,
style: TextStyle( });
fontSize: 12.sp, if (result != null) {
color: Colors.grey, setState(() {
_templateId = result;
});
}
},
child: Row(
children: [
Text(
'查看全部',
style: TextStyle(
fontSize: 12.sp,
color: Colors.grey,
),
), ),
), const Icon(
const Icon( Icons.keyboard_arrow_right,
Icons.keyboard_arrow_right, color: Colors.grey,
color: Colors.grey, )
) ],
], ),
), ),
], ],
), ),
@ -119,11 +170,12 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
height: 130.w, height: 130.w,
margin: EdgeInsets.only(bottom: 16.w), margin: EdgeInsets.only(bottom: 16.w),
child: ListView.builder( child: ListView.builder(
itemCount: 10, itemCount: _templateList.length,
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
padding: EdgeInsets.symmetric(horizontal: 4.w), padding: EdgeInsets.symmetric(horizontal: 4.w),
itemBuilder: (BuildContext context, int index) { itemBuilder: (BuildContext context, int index) {
return _item(); Map data = _templateList[index];
return _item(data);
}, },
), ),
), ),
@ -208,7 +260,7 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
); );
} }
Widget _item() { Widget _item(Map data) {
return Container( return Container(
width: 200.w, width: 200.w,
margin: EdgeInsets.symmetric(horizontal: 8.w), margin: EdgeInsets.symmetric(horizontal: 8.w),
@ -216,119 +268,136 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(14.w), borderRadius: BorderRadius.circular(14.w),
), ),
child: Stack( child: GestureDetector(
children: [ onTap: () {
Container( setState(() {
padding: EdgeInsets.all(5.w), _templateId = data['id'];
decoration: const BoxDecoration( });
gradient: LinearGradient( },
colors: [Colors.blue, Colors.pinkAccent], child: Stack(
begin: Alignment.centerLeft, children: [
end: Alignment.centerRight, Container(
), padding: EdgeInsets.all(5.w),
),
child: Container(
width: double.infinity,
padding: EdgeInsets.all(10.w),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10.w),
color: Colors.white, color: Colors.white,
gradient: _templateId == data['id']
? const LinearGradient(
colors: [Colors.blue, Colors.pinkAccent],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
)
: null,
), ),
child: Column( child: Container(
crossAxisAlignment: CrossAxisAlignment.start, width: double.infinity,
children: [ padding: EdgeInsets.all(10.w),
Padding( decoration: BoxDecoration(
padding: EdgeInsets.only(top: 5.w), borderRadius: BorderRadius.circular(10.w),
child: Icon( color: Colors.white,
Icons.perm_phone_msg, ),
color: Colors.orange, child: Column(
size: 30.w, crossAxisAlignment: CrossAxisAlignment.start,
), children: [
), Padding(
Padding( padding: EdgeInsets.only(top: 5.w),
padding: EdgeInsets.symmetric(vertical: 10.w), child: Icon(
child: Text( data['icon'],
'会议纪要', color: Colors.orange,
style: TextStyle( size: 30.w,
fontSize: 16.sp,
color: Colors.black87,
fontWeight: FontWeight.bold,
), ),
), ),
), Padding(
Wrap( padding: EdgeInsets.symmetric(vertical: 10.w),
children: [ child: Text(
Container( data['name'],
padding: EdgeInsets.symmetric( style: TextStyle(
horizontal: 5.w, vertical: 2.w), fontSize: 16.sp,
decoration: BoxDecoration( color: Colors.black87,
color: Colors.grey[200], fontWeight: FontWeight.bold,
borderRadius: BorderRadius.circular(4.r),
),
child: Text(
'主题',
style: TextStyle(
fontSize: 10.sp,
color: Colors.grey[600],
),
), ),
), ),
], ),
), data['tag'].isNotEmpty
// Text( ? Wrap(
// '主题主题主题主题主题主题主题主题主题主题', spacing: 5.w,
// overflow: TextOverflow.ellipsis, children: List.generate(
// style: TextStyle( data['tag'].length,
// fontSize: 12.sp, (int idx) {
// color: Colors.grey[600], 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( Positioned(
top: 0, top: 0,
left: 0, left: 0,
child: Container( child: Container(
padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 1.w), padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 1.w),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.blue, color: Colors.blue,
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(
topLeft: Radius.circular(12.w), topLeft: Radius.circular(12.w),
bottomRight: Radius.circular(4.w), bottomRight: Radius.circular(4.w),
),
),
child: Text(
'上次使用',
style: TextStyle(
color: Colors.white,
fontSize: 12.sp,
fontWeight: FontWeight.bold,
),
),
), ),
), ),
child: Text( if (_templateId == data['id'])
'上次使用', Positioned(
style: TextStyle( right: -18.w,
color: Colors.white, bottom: -18.w,
fontSize: 12.sp, child: Container(
fontWeight: FontWeight.bold, 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,
),
), ),
), ),
), ],
), ),
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,
),
),
),
],
), ),
); );
} }

50
lib/modules/meeting/views/template_view.dart
View File

@ -0,0 +1,50 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../controllers/template_controller.dart';
class TemplateView extends GetView<TemplateController> {
const TemplateView({super.key});
@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 Container();
}
}

9
lib/routes/app_pages.dart
View File

@ -7,8 +7,10 @@ import '../modules/explore/views/explore_view.dart';
import '../modules/explore/bindings/explore_binding.dart'; import '../modules/explore/bindings/explore_binding.dart';
import '../modules/meeting/bindings/meeting_binding.dart'; import '../modules/meeting/bindings/meeting_binding.dart';
import '../modules/meeting/bindings/meeting_details_binding.dart'; import '../modules/meeting/bindings/meeting_details_binding.dart';
import '../modules/meeting/bindings/template_binding.dart';
import '../modules/meeting/views/meeting_details_view.dart'; import '../modules/meeting/views/meeting_details_view.dart';
import '../modules/meeting/views/meeting_view.dart'; import '../modules/meeting/views/meeting_view.dart';
import '../modules/meeting/views/template_view.dart';
import '../modules/profile/views/profile_view.dart'; import '../modules/profile/views/profile_view.dart';
import '../modules/profile/bindings/profile_binding.dart'; import '../modules/profile/bindings/profile_binding.dart';
import '../modules/chat/bindings/chat_binding.dart'; import '../modules/chat/bindings/chat_binding.dart';
@ -140,6 +142,13 @@ abstract class AppPages {
transition: Transition.rightToLeft, transition: Transition.rightToLeft,
transitionDuration: Duration(milliseconds: 250), transitionDuration: Duration(milliseconds: 250),
), ),
GetPage(
name: Routes.template,
page: () => const TemplateView(),
binding: TemplateBinding(),
transition: Transition.rightToLeft,
transitionDuration: Duration(milliseconds: 250),
),
GetPage( GetPage(
name: Routes.timbre, name: Routes.timbre,
page: () => const TimbreView(), page: () => const TimbreView(),

1
lib/routes/app_routes.dart
View File

@ -22,6 +22,7 @@ abstract class Routes {
// 会议相关 // 会议相关
static const meeting = '/meeting'; static const meeting = '/meeting';
static const meetingDetails = '/meetingDetails'; static const meetingDetails = '/meetingDetails';
static const template = '/template';
// 语言功能 // 语言功能
static const translation = '/translation'; // 实时翻译 static const translation = '/translation'; // 实时翻译

Write Preview
Loading…
Cancel
Save