tanlongsheng
1 year ago
5 changed files with 241 additions and 12 deletions
@ -0,0 +1,55 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
import '../../utils/meeting_ui_utils.dart'; |
|||
|
|||
class MeetingCloudView extends StatefulWidget { |
|||
const MeetingCloudView({super.key}); |
|||
|
|||
@override |
|||
State<MeetingCloudView> createState() => _MeetingCloudViewState(); |
|||
} |
|||
|
|||
class _MeetingCloudViewState extends State<MeetingCloudView> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
|||
|
|||
return Scaffold( |
|||
backgroundColor: MeetingUIUtils.getBackgroundColor(isDarkMode), |
|||
appBar: _buildAppBar(isDarkMode), |
|||
body: _buildBody(isDarkMode), |
|||
); |
|||
} |
|||
|
|||
// 构建应用栏 |
|||
PreferredSizeWidget _buildAppBar(bool isDarkMode) { |
|||
return AppBar( |
|||
backgroundColor: isDarkMode ? Colors.black : Colors.white, |
|||
surfaceTintColor: Colors.transparent, |
|||
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(bool isDarkMode) { |
|||
return Container(); |
|||
} |
|||
} |
|||
@ -0,0 +1,167 @@ |
|||
import 'package:common_utils/common_utils.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
import '../../../../routes/app_routes.dart'; |
|||
import '../../controllers/meeting_home_controller.dart'; |
|||
import '../../model/meeting_model.dart'; |
|||
import '../../utils/meeting_ui_utils.dart'; |
|||
|
|||
class MeetingTranscriptionView extends GetView<MeetingHomeController> { |
|||
const MeetingTranscriptionView({super.key}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
|||
|
|||
return Scaffold( |
|||
backgroundColor: MeetingUIUtils.getBackgroundColor(isDarkMode), |
|||
appBar: _buildAppBar(isDarkMode), |
|||
body: _buildBody(isDarkMode), |
|||
); |
|||
} |
|||
|
|||
// 构建应用栏 |
|||
PreferredSizeWidget _buildAppBar(bool isDarkMode) { |
|||
return AppBar( |
|||
backgroundColor: isDarkMode ? Colors.black : Colors.white, |
|||
surfaceTintColor: Colors.transparent, |
|||
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(bool isDarkMode) { |
|||
return Obx( |
|||
() => ListView.builder( |
|||
itemCount: controller.originalDataList.length, |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 5.w), |
|||
itemBuilder: (BuildContext context, int index) { |
|||
MeetingModel data = |
|||
MeetingModel.fromJson(controller.originalDataList[index]); |
|||
return data.tasktype >= 2 |
|||
? _item(context, isDarkMode, data) |
|||
: const SizedBox.shrink(); |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _item(BuildContext context, bool isDarkMode, MeetingModel data) { |
|||
return GestureDetector( |
|||
onTap: () { |
|||
Get.toNamed(Routes.meetingDetails, arguments: { |
|||
'id': data.id, |
|||
}); |
|||
}, |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 15.w, vertical: 10.w), |
|||
margin: EdgeInsets.symmetric(vertical: 5.w), |
|||
decoration: BoxDecoration( |
|||
color: isDarkMode |
|||
? MeetingUIUtils.getTranslucentWhite(0.05) |
|||
: MeetingUIUtils.getCardColor(isDarkMode), |
|||
borderRadius: BorderRadius.circular(12.w), |
|||
boxShadow: MeetingUIUtils.getCardShadow(isDarkMode), |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
data.title, |
|||
style: TextStyle( |
|||
color: MeetingUIUtils.getTextColor(isDarkMode), |
|||
fontSize: 18.sp, |
|||
), |
|||
overflow: TextOverflow.ellipsis, |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(vertical: 5.w), |
|||
child: Row( |
|||
children: [ |
|||
Icon( |
|||
Icons.calendar_month, |
|||
size: 14.w, |
|||
color: isDarkMode ? Colors.grey[400] : Colors.grey[500], |
|||
), |
|||
2.horizontalSpace, |
|||
Text( |
|||
DateUtil.formatDateMs( |
|||
data.creationtime, |
|||
format: DateFormats.y_mo_d_h_m, |
|||
), |
|||
style: TextStyle( |
|||
color: isDarkMode ? Colors.grey[400] : Colors.grey[500], |
|||
fontSize: 12.sp, |
|||
), |
|||
), |
|||
20.horizontalSpace, |
|||
Icon( |
|||
Icons.access_time, |
|||
size: 14.w, |
|||
color: isDarkMode ? Colors.grey[400] : Colors.grey[500], |
|||
), |
|||
2.horizontalSpace, |
|||
Text( |
|||
_formatDateSeconds(data.seconds), |
|||
style: TextStyle( |
|||
color: isDarkMode ? Colors.grey[400] : Colors.grey[500], |
|||
fontSize: 12.sp, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 2.w), |
|||
margin: EdgeInsets.only(top: 5.w), |
|||
decoration: BoxDecoration( |
|||
color: isDarkMode ? Colors.grey[900] : Colors.grey[100], |
|||
borderRadius: BorderRadius.circular(4.w), |
|||
), |
|||
child: Text( |
|||
data.type, |
|||
style: TextStyle( |
|||
color: isDarkMode ? Colors.grey[400] : Colors.grey[600], |
|||
fontSize: 10.sp, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
String _formatDateSeconds(int seconds) { |
|||
if (seconds < 60) { |
|||
return '${seconds}s'; |
|||
} else if (seconds < 3600) { |
|||
int minutes = seconds ~/ 60; |
|||
int remainingSeconds = seconds % 60; |
|||
return '${minutes}m ${remainingSeconds}s'; |
|||
} else { |
|||
int hours = seconds ~/ 3600; |
|||
int remainingMinutes = (seconds % 3600) ~/ 60; |
|||
int remainingSeconds = seconds % 60; |
|||
return '${hours}h ${remainingMinutes}m ${remainingSeconds}s'; |
|||
} |
|||
} |
|||
} |
|||
Loading…
Reference in new issue