572 lines
18 KiB
Dart
Executable File
572 lines
18 KiB
Dart
Executable File
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_easyloading/flutter_easyloading.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
import 'package:star_lock/appRouters.dart';
|
|
import 'package:star_lock/main/lockDetail/videoLog/editVideoLog/editVideoLog_state.dart';
|
|
import 'package:star_lock/main/lockDetail/videoLog/videoLog/videoLog_entity.dart';
|
|
import 'package:star_lock/main/lockDetail/videoLog/widget/full_screenImage_page.dart';
|
|
import 'package:star_lock/main/lockDetail/videoLog/widget/video_thumbnail_image.dart';
|
|
import 'package:star_lock/tools/dateTool.dart';
|
|
|
|
import '../../../../app_settings/app_colors.dart';
|
|
import '../../../../tools/titleAppBar.dart';
|
|
import 'editVideoLog_logic.dart';
|
|
|
|
class EditVideoLogPage extends StatefulWidget {
|
|
const EditVideoLogPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<EditVideoLogPage> createState() => _EditVideoLogPageState();
|
|
}
|
|
|
|
class _EditVideoLogPageState extends State<EditVideoLogPage> {
|
|
final EditVideoLogLogic logic = Get.put(EditVideoLogLogic());
|
|
final EditVideoLogState state = Get.find<EditVideoLogLogic>().state;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
appBar: TitleAppBar(
|
|
barTitle: '${'已选'.tr}${state.selectVideoLogList.value.length}${'项'.tr}',
|
|
haveBack: true,
|
|
backgroundColor: AppColors.mainColor,
|
|
actionsList: <Widget>[
|
|
TextButton(
|
|
child: Text(
|
|
'全选'.tr,
|
|
style: TextStyle(color: Colors.white, fontSize: 24.sp),
|
|
),
|
|
onPressed: () async {
|
|
state.isSelectAll.value = !state.isSelectAll.value;
|
|
|
|
if (state.selectVideoLogList.isEmpty) {
|
|
state.isSelectAll.value = true;
|
|
}
|
|
if (state.selectVideoLogList.length ==
|
|
state.videoLogList.length) {
|
|
state.isSelectAll.value = false;
|
|
}
|
|
if (state.isSelectAll.value == true) {
|
|
state.selectVideoLogList.clear();
|
|
for (var element in state.videoLogList) {
|
|
element.recordList!.forEach((element) {
|
|
element.isSelect = true;
|
|
state.selectVideoLogList.add(element);
|
|
});
|
|
}
|
|
} else {
|
|
state.selectVideoLogList.clear();
|
|
for (var element in state.videoLogList) {
|
|
element.recordList!.forEach((element) {
|
|
element.isSelect = false;
|
|
state.selectVideoLogList.remove(element);
|
|
});
|
|
}
|
|
}
|
|
setState(() {});
|
|
},
|
|
),
|
|
],
|
|
),
|
|
body: Column(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: Obx(
|
|
() => ListView.builder(
|
|
itemCount: state.videoLogList.length,
|
|
itemBuilder: (BuildContext c, int index) {
|
|
final CloudStorageData item = state.videoLogList[index];
|
|
return ExpansionTile(
|
|
shape: Border(),
|
|
collapsedShape: Border(),
|
|
expansionAnimationStyle: AnimationStyle(
|
|
curve: Curves.easeInOut,
|
|
duration: Duration(milliseconds: 400),
|
|
),
|
|
initiallyExpanded: true,
|
|
title: Text(
|
|
item.date ?? '',
|
|
style: TextStyle(
|
|
fontSize: 24.sp,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
children: mainListView(index, item),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
bottomBottomBtnWidget()
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildNotData() {
|
|
return Expanded(
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
'images/icon_noData.png',
|
|
width: 160.w,
|
|
height: 180.h,
|
|
),
|
|
Text(
|
|
'暂无数据'.tr,
|
|
style: TextStyle(
|
|
color: AppColors.darkGrayTextColor, fontSize: 22.sp),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
double itemW = (1.sw - 15.w * 4) / 3;
|
|
double itemH = (1.sw - 15.w * 4) / 3 + 40.h;
|
|
|
|
// 云存列表
|
|
List<Widget> mainListView(int index, CloudStorageData itemData) {
|
|
return itemData.recordList!.map((e) => videoItem(e)).toList();
|
|
}
|
|
|
|
// Widget videoItem(RecordListData recordData, int index) {
|
|
// return Container(
|
|
// width: itemW,
|
|
// height: itemH,
|
|
// color: Colors.white,
|
|
// child: GestureDetector(
|
|
// onTap: () {
|
|
// recordData.isSelect = !recordData.isSelect!;
|
|
// if (recordData.isSelect! == true) {
|
|
// state.selectVideoLogList.add(recordData);
|
|
// } else {
|
|
// state.selectVideoLogList.remove(recordData);
|
|
// }
|
|
// setState(() {});
|
|
// },
|
|
// child: Stack(
|
|
// children: <Widget>[
|
|
// Column(
|
|
// children: <Widget>[
|
|
// Container(
|
|
// width: itemW,
|
|
// height: itemW,
|
|
// margin: const EdgeInsets.all(0),
|
|
// color: Colors.white,
|
|
// child: ClipRRect(
|
|
// borderRadius: BorderRadius.circular(10.w),
|
|
// child: Image(
|
|
// fit: BoxFit.cover,
|
|
// image: Image.network(recordData.imagesUrl ??
|
|
// 'images/icon_video_placeholder.jpg')
|
|
// .image),
|
|
// ),
|
|
// ),
|
|
// SizedBox(height: 5.h),
|
|
// Text(
|
|
// DateTool()
|
|
// .dateToYMDHNString(recordData.operateDate.toString()),
|
|
// textAlign: TextAlign.center,
|
|
// style: TextStyle(fontSize: 18.sp))
|
|
// ],
|
|
// ),
|
|
// Positioned(
|
|
// top: 0.w,
|
|
// right: 0.w,
|
|
// child: Image(
|
|
// width: 36.w,
|
|
// height: 36.w,
|
|
// image: state.selectVideoLogList.value.contains(recordData)
|
|
// ? const AssetImage('images/icon_round_select.png')
|
|
// : const AssetImage('images/icon_round_unSelect.png')))
|
|
// ],
|
|
// )),
|
|
// );
|
|
// }
|
|
|
|
Widget bottomBottomBtnWidget() {
|
|
return SizedBox(
|
|
width: 1.sw,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
state.isNavLocal.value == false
|
|
? bottomBtnItemWidget(
|
|
'images/main/icon_lockDetail_monitoringDownloadVideo.png',
|
|
'下载'.tr,
|
|
Colors.white,
|
|
_onDownLoadClickAndRequestPermission,
|
|
)
|
|
: SizedBox.shrink(),
|
|
state.isNavLocal.value == false
|
|
? SizedBox(width: 100.w)
|
|
: SizedBox.shrink(),
|
|
bottomBtnItemWidget(
|
|
'images/main/icon_lockDetail_monitoringDeletVideo.png',
|
|
'删除'.tr,
|
|
AppColors.mainColor,
|
|
_onDelClick,
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _onDownLoadClickAndRequestPermission() async {
|
|
// 检查是否具有存储权限
|
|
final PermissionStatus status = await Permission.storage.status;
|
|
|
|
if (status.isGranted) {
|
|
// 如果权限已授予，执行下载逻辑
|
|
await _onDownLoadClick();
|
|
} else if (status.isDenied || status.isRestricted) {
|
|
// 如果权限被拒绝或受限，请求权限
|
|
final PermissionStatus requestResult = await Permission.storage.request();
|
|
|
|
if (requestResult.isGranted) {
|
|
// 权限请求成功后，执行下载逻辑
|
|
await _onDownLoadClick();
|
|
} else {
|
|
// 用户拒绝了权限请求
|
|
print('用户拒绝了存储权限');
|
|
}
|
|
} else if (status.isPermanentlyDenied) {
|
|
// 如果权限被永久拒绝，提示用户前往设置页面手动开启
|
|
print('存储权限被永久拒绝，请前往设置页面开启');
|
|
openAppSettings();
|
|
}
|
|
}
|
|
|
|
Future<void> _onDownLoadClick() async {
|
|
if (state.selectVideoLogList.value.isNotEmpty) {
|
|
state.selectVideoLogList.value.forEach((element) {
|
|
if (element.videoUrl != null && element.videoUrl != '') {
|
|
logic.downloadFile(element.videoUrl ?? '', element.recordType!);
|
|
} else if (element.imagesUrl != null && element.imagesUrl != '') {
|
|
logic.downloadFile(element.imagesUrl ?? '', element.recordType!);
|
|
}
|
|
});
|
|
// double _progress = 0.0;
|
|
// 开始下载
|
|
// 显示进度条
|
|
// EasyLoading.showProgress(_progress, status: '加载数据中'.tr);
|
|
//
|
|
// // 模拟进度更新
|
|
// for (int i = 0; i <= state.selectVideoLogList.length - 1; i++) {
|
|
// final item = state.selectVideoLogList.value[i];
|
|
//
|
|
// // 判断 imagesUrl 是否为空
|
|
// if (item.imagesUrl != null && item.imagesUrl!.isNotEmpty) {
|
|
// await logic.downloadAndSaveToGallery(item.imagesUrl!, 'image_$i.jpg');
|
|
// }
|
|
//
|
|
// // 判断 videoUrl 是否为空
|
|
// if (item.videoUrl != null && item.videoUrl!.isNotEmpty) {
|
|
// await logic.downloadAndSaveToGallery(item.videoUrl!, 'video_$i.mp4');
|
|
// }
|
|
//
|
|
// // 更新进度
|
|
// _progress = (i + 1) / state.selectVideoLogList.length;
|
|
// EasyLoading.showProgress(_progress, status: '加载数据中'.tr);
|
|
// }
|
|
//
|
|
// // 加载完成后隐藏进度条
|
|
// EasyLoading.dismiss();
|
|
// EasyLoading.showSuccess('下载完成,请到相册查看'.tr);
|
|
EasyLoading.showSuccess('下载完成'.tr);
|
|
state.selectVideoLogList.clear();
|
|
Get.back();
|
|
setState(() {});
|
|
// Get.toNamed(Routers.videoLogDownLoadPage,
|
|
// arguments: <String, List<RecordListData>>{
|
|
// 'downloadVideoLogList': state.selectVideoLogList.value
|
|
// });
|
|
} else {
|
|
logic.showToast('请选择要下载的视频');
|
|
}
|
|
}
|
|
|
|
Future<void> _onDelClick() async {
|
|
if (state.isNavLocal.isFalse) {
|
|
if (state.selectVideoLogList.value.isNotEmpty) {
|
|
await logic.deleteLockCloudStorageList();
|
|
setState(() {});
|
|
} else {
|
|
logic.showToast('请选择要删除的视频'.tr);
|
|
}
|
|
} else {
|
|
if (state.selectVideoLogList.value.isNotEmpty) {
|
|
List<String> deletePaths = [];
|
|
state.selectVideoLogList.value.forEach((element) {
|
|
if (element.imagesUrl != null && element.imagesUrl != '') {
|
|
deletePaths.add(element.imagesUrl!);
|
|
}
|
|
if (element.videoUrl != null && element.videoUrl != '') {
|
|
deletePaths.add(element.videoUrl!);
|
|
}
|
|
});
|
|
logic.deleteDownloadsByPaths(deletePaths);
|
|
} else {
|
|
logic.showToast('请选择要删除的视频'.tr);
|
|
}
|
|
}
|
|
}
|
|
|
|
Widget bottomBtnItemWidget(
|
|
String iconUrl,
|
|
String name,
|
|
Color backgroundColor,
|
|
Future<void> Function() onClick,
|
|
) {
|
|
final double wh = 40.w;
|
|
return GestureDetector(
|
|
onTap: onClick,
|
|
child: SizedBox(
|
|
height: 140.h,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: <Widget>[
|
|
SizedBox(height: 30.w),
|
|
Image.asset(iconUrl, width: wh, height: wh, fit: BoxFit.fitWidth),
|
|
SizedBox(height: 10.w),
|
|
Expanded(
|
|
child: Text(name,
|
|
style: TextStyle(fontSize: 22.sp),
|
|
textAlign: TextAlign.center),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget videoItem(RecordListData recordData) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
recordData.isSelect = !recordData.isSelect!;
|
|
if (recordData.isSelect! == true) {
|
|
state.selectVideoLogList.add(recordData);
|
|
} else {
|
|
state.selectVideoLogList.remove(recordData);
|
|
}
|
|
setState(() {});
|
|
},
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 20.w),
|
|
margin: EdgeInsets.only(
|
|
bottom: 20.h,
|
|
left: 18.w,
|
|
right: 18.w,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(10.w),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.grey.withOpacity(0.2),
|
|
spreadRadius: 1,
|
|
blurRadius: 5,
|
|
offset: const Offset(0, 3), // changes position of shadow
|
|
),
|
|
],
|
|
),
|
|
width: 1.sw,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Row(
|
|
children: [
|
|
Image(
|
|
width: 36.w,
|
|
height: 36.w,
|
|
image: state.selectVideoLogList.value.contains(recordData)
|
|
? const AssetImage('images/icon_round_select.png')
|
|
: const AssetImage('images/icon_round_unSelect.png'),
|
|
),
|
|
SizedBox(
|
|
width: 14.w,
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.all(10.w),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(58.w),
|
|
color: AppColors.mainColor,
|
|
),
|
|
child: Icon(
|
|
_buildIconByType(recordData),
|
|
size: 48.sp,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: 14.w,
|
|
),
|
|
Container(
|
|
height: itemW,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
_buildTitleByType(recordData),
|
|
style: TextStyle(
|
|
fontSize: 24.sp,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 8.h,
|
|
),
|
|
Text(
|
|
DateTool()
|
|
.dateToHNString(recordData.operateDate.toString()),
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 20.sp,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Container(
|
|
width: 118.w,
|
|
height: 118.w,
|
|
margin: const EdgeInsets.all(0),
|
|
color: Colors.white,
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(10.w),
|
|
child: _buildImageOrVideoItem(recordData),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
String _buildTitleByType(RecordListData item) {
|
|
final recordType = item.recordType;
|
|
switch (recordType) {
|
|
case 130:
|
|
return '防拆报警'.tr;
|
|
case 160:
|
|
return '人脸'.tr + '开锁'.tr;
|
|
case 220:
|
|
return '逗留警告'.tr;
|
|
default:
|
|
return '';
|
|
}
|
|
}
|
|
|
|
IconData _buildIconByType(RecordListData item) {
|
|
final recordType = item.recordType;
|
|
switch (recordType) {
|
|
case 130:
|
|
return Icons.fmd_bad_outlined;
|
|
case 160:
|
|
return Icons.tag_faces_outlined;
|
|
case 220:
|
|
return Icons.wifi_tethering_error_rounded_outlined;
|
|
default:
|
|
return Icons.priority_high_rounded;
|
|
}
|
|
}
|
|
|
|
Color _buildTextColorByType(RecordListData item) {
|
|
final recordType = item.recordType;
|
|
switch (recordType) {
|
|
case 120:
|
|
case 150:
|
|
case 130:
|
|
case 190:
|
|
case 200:
|
|
case 210:
|
|
case 220:
|
|
return Colors.red;
|
|
default:
|
|
return Colors.black;
|
|
}
|
|
}
|
|
|
|
_buildImageOrVideoItem(RecordListData recordData) {
|
|
if (recordData.videoUrl != null && recordData.videoUrl!.isNotEmpty) {
|
|
return _buildVideoItem(recordData);
|
|
} else {
|
|
return _buildImageItem(recordData);
|
|
}
|
|
}
|
|
|
|
_buildVideoItem(RecordListData recordData) {
|
|
return VideoThumbnailImage(videoUrl: recordData.videoUrl!);
|
|
}
|
|
|
|
_buildImageItem(RecordListData recordData) {
|
|
return RotatedBox(
|
|
quarterTurns: -1,
|
|
child: _buildImageWidget(recordData.imagesUrl),
|
|
);
|
|
}
|
|
|
|
// 根据图片路径构建对应的 Image Widget
|
|
Widget _buildImageWidget(String? imageUrl) {
|
|
if (imageUrl == null || imageUrl.isEmpty) {
|
|
// 如果图片路径为空，返回错误图片
|
|
return Image.asset(
|
|
'images/icon_unHaveData.png', // 错误图片路径
|
|
fit: BoxFit.cover,
|
|
);
|
|
}
|
|
|
|
// 判断是否为网络地址
|
|
if (_isNetworkUrl(imageUrl)) {
|
|
return Image.network(
|
|
imageUrl,
|
|
fit: BoxFit.cover,
|
|
errorBuilder:
|
|
(BuildContext context, Object error, StackTrace? stackTrace) {
|
|
// 图片加载失败时显示错误图片
|
|
return Image.asset(
|
|
'images/icon_unHaveData.png', // 错误图片路径
|
|
fit: BoxFit.cover,
|
|
);
|
|
},
|
|
);
|
|
} else {
|
|
// 如果是本地文件路径，则使用 FileImage 加载图片
|
|
return Image.file(
|
|
File(imageUrl),
|
|
fit: BoxFit.cover,
|
|
errorBuilder:
|
|
(BuildContext context, Object error, StackTrace? stackTrace) {
|
|
// 文件加载失败时显示错误图片
|
|
return Image.asset(
|
|
'images/icon_unHaveData.png', // 错误图片路径
|
|
fit: BoxFit.cover,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
// 判断是否为网络地址
|
|
bool _isNetworkUrl(String url) {
|
|
final uri = Uri.tryParse(url);
|
|
return uri != null &&
|
|
uri.scheme.isNotEmpty &&
|
|
uri.scheme.startsWith('http');
|
|
}
|
|
}
|