1,新增删除云存视频接口对接

2,编辑云存视频页面删除及全选逻辑处理
3,云存视频模块部分国际化添加
4,新增下载列表页及数据同步处理
This commit is contained in:
Daisy 2024-04-26 14:48:26 +08:00
parent 65403b64c5
commit 9f6f52559f
16 changed files with 229 additions and 131 deletions

View File

@ -787,5 +787,9 @@
"下载列表":"Download list", "下载列表":"Download list",
"已下载":"Downloaded", "已下载":"Downloaded",
"全部视频":"All videos", "全部视频":"All videos",
"已为本设备免费提供3大滚动视频储存服务":"Three scrolling video storage services have been provided for this device free of charge" "已为本设备免费提供3大滚动视频储存服务":"Three scrolling video storage services have been provided for this device free of charge",
"视频播放":"Video playback",
"全选":"Select all",
"请选择要删除的视频":"Please select the video you want to delete",
"请选择要下载的视频":"Please select the video you want to download"
} }

View File

@ -786,5 +786,9 @@
"下载列表":"下载列表", "下载列表":"下载列表",
"已下载":"已下载", "已下载":"已下载",
"全部视频":"全部视频", "全部视频":"全部视频",
"已为本设备免费提供3大滚动视频储存服务":"已为本设备免费提供3大滚动视频储存服务" "已为本设备免费提供3大滚动视频储存服务":"已为本设备免费提供3大滚动视频储存服务",
"视频播放":"视频播放",
"全选":"全选",
"请选择要删除的视频":"请选择要删除的视频",
"请选择要下载的视频":"请选择要下载的视频"
} }

View File

@ -789,5 +789,9 @@
"下载列表":"下载列表", "下载列表":"下载列表",
"已下载":"已下载", "已下载":"已下载",
"全部视频":"全部视频", "全部视频":"全部视频",
"已为本设备免费提供3大滚动视频储存服务":"已为本设备免费提供3大滚动视频储存服务" "已为本设备免费提供3大滚动视频储存服务":"已为本设备免费提供3大滚动视频储存服务",
"视频播放":"视频播放",
"全选":"全选",
"请选择要删除的视频":"请选择要删除的视频",
"请选择要下载的视频":"请选择要下载的视频"
} }

View File

@ -1,8 +1,28 @@
import 'package:star_lock/network/api_repository.dart';
import 'package:star_lock/tools/baseGetXController.dart'; import 'package:star_lock/tools/baseGetXController.dart';
import 'editVideoLog_state.dart'; import 'editVideoLog_state.dart';
class EditVideoLogLogic extends BaseGetXController{ class EditVideoLogLogic extends BaseGetXController {
EditVideoLogState state = EditVideoLogState(); EditVideoLogState state = EditVideoLogState();
void deleteLockCloudStorageList() async {
var entity = await ApiRepository.to.deleteLockCloudStorageList(
recordIds: state.selectVideoLogList.value.map((e) => e.recordId).toList(),
);
if (entity.errorCode!.codeIsSuccessful) {
state.selectVideoLogList.value.clear();
showToast('删除成功');
getLockCloudStorageList();
}
}
void getLockCloudStorageList() async {
var entity = await ApiRepository.to.getLockCloudStorageList(
lockId: state.getLockId.value,
);
if (entity.errorCode!.codeIsSuccessful) {
state.videoLogList.value = entity.data!;
state.videoLogList.refresh();
}
}
} }

View File

@ -1,6 +1,7 @@
import 'package:flutter/material.dart'; 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 'package:star_lock/appRouters.dart';
import 'package:star_lock/main/lockDetail/videoLog/videoLog/videoLog_entity.dart'; import 'package:star_lock/main/lockDetail/videoLog/videoLog/videoLog_entity.dart';
import 'package:star_lock/tools/dateTool.dart'; import 'package:star_lock/tools/dateTool.dart';
@ -24,17 +25,38 @@ class _EditVideoLogPageState extends State<EditVideoLogPage> {
return Scaffold( return Scaffold(
backgroundColor: Colors.white, backgroundColor: Colors.white,
appBar: TitleAppBar( appBar: TitleAppBar(
barTitle: "已选${state.selectVideoLog.value}", barTitle: "已选${state.selectVideoLogList.value.length}",
haveBack: true, haveBack: true,
backgroundColor: AppColors.mainColor, backgroundColor: AppColors.mainColor,
actionsList: [ actionsList: [
TextButton( TextButton(
child: Text( child: Text(
"全选", "全选".tr,
style: TextStyle(color: Colors.white, fontSize: 24.sp), style: TextStyle(color: Colors.white, fontSize: 24.sp),
), ),
onPressed: () async { onPressed: () async {
state.isSelectAll.value = !state.isSelectAll.value; state.isSelectAll.value = !state.isSelectAll.value;
if (state.selectVideoLogList.value.isEmpty) {
state.isSelectAll.value = true;
}
if (state.isSelectAll.value == true) {
state.selectVideoLogList.value.clear();
state.videoLogList.forEach((element) {
element.recordList!.forEach((element) {
element.isSelect = true;
state.selectVideoLogList.add(element);
});
});
} else {
state.selectVideoLogList.value.clear();
state.videoLogList.forEach((element) {
element.recordList!.forEach((element) {
element.isSelect = false;
state.selectVideoLogList.remove(element);
});
});
}
setState(() {});
}, },
), ),
], ],
@ -91,70 +113,87 @@ class _EditVideoLogPageState extends State<EditVideoLogPage> {
} }
Widget videoItem(RecordListData recordData, int index) { Widget videoItem(RecordListData recordData, int index) {
return SizedBox( return Container(
width: itemW, width: itemW,
height: itemH, height: itemH,
child: Stack( color: Colors.white,
children: [ child: GestureDetector(
Column( onTap: () {
recordData.isSelect = !recordData.isSelect!;
if (recordData.isSelect! == true) {
state.selectVideoLogList.add(recordData);
} else {
state.selectVideoLogList.remove(recordData);
}
setState(() {});
},
child: Stack(
children: [ children: [
Container( Column(
width: itemW, children: [
height: itemW, Container(
margin: const EdgeInsets.all(0), width: itemW,
color: Colors.white, height: itemW,
child: ClipRRect( margin: const EdgeInsets.all(0),
borderRadius: BorderRadius.circular(10.w), color: Colors.white,
child: Image( child: ClipRRect(
fit: BoxFit.cover, borderRadius: BorderRadius.circular(10.w),
image: Image.network(recordData.imagesUrl ?? child: Image(
"images/icon_video_placeholder.jpg") fit: BoxFit.cover,
.image), 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))
],
), ),
SizedBox(height: 5.h), Positioned(
Text( top: 0.w,
DateTool() right: 0.w,
.dateToYMDHNString(recordData.operateDate.toString()), child: Image(
textAlign: TextAlign.center, width: 36.w,
style: TextStyle(fontSize: 18.sp)) height: 36.w,
image: state.selectVideoLogList.value.contains(recordData)
? const AssetImage("images/icon_round_select.png")
: const AssetImage("images/icon_round_unSelect.png")))
], ],
), )),
Visibility(
visible: true,
child: Positioned(
top: 0.w,
right: 0.w,
child: GestureDetector(
onTap: () {},
child: Obx(() => Image(
width: 36.w,
height: 36.w,
image: state.isSelectAll.value
? const AssetImage("images/icon_round_select.png")
: const AssetImage(
"images/icon_round_unSelect.png"))))),
)
],
),
); );
} }
Widget bottomBottomBtnWidget() { Widget bottomBottomBtnWidget() {
return Container( return SizedBox(
width: 1.sw, width: 1.sw,
child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [ child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
bottomBtnItemWidget( bottomBtnItemWidget(
"images/main/icon_lockDetail_monitoringDownloadVideo.png", "images/main/icon_lockDetail_monitoringDownloadVideo.png",
"下载", "下载".tr,
Colors.white, Colors.white, () {
() {}), if (state.selectVideoLogList.value.isNotEmpty) {
Get.toNamed(Routers.videoLogDownLoadPage, arguments: {
"downloadVideoLogList": state.selectVideoLogList.value
});
} else {
logic.showToast('请选择要下载的视频');
}
}),
SizedBox(width: 100.w), SizedBox(width: 100.w),
bottomBtnItemWidget( bottomBtnItemWidget(
"images/main/icon_lockDetail_monitoringDeletVideo.png", "images/main/icon_lockDetail_monitoringDeletVideo.png",
"删除", "删除".tr,
AppColors.mainColor, AppColors.mainColor, () {
() {}) if (state.selectVideoLogList.value.isNotEmpty) {
logic.deleteLockCloudStorageList();
} else {
logic.showToast('请选择要删除的视频'.tr);
}
})
]), ]),
); );
} }
@ -164,7 +203,7 @@ class _EditVideoLogPageState extends State<EditVideoLogPage> {
var wh = 40.w; var wh = 40.w;
return GestureDetector( return GestureDetector(
onTap: onClick, onTap: onClick,
child: Container( child: SizedBox(
height: 140.h, height: 140.h,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,

View File

@ -1,15 +1,20 @@
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:star_lock/main/lockDetail/videoLog/videoLog/videoLog_entity.dart';
class EditVideoLogState { class EditVideoLogState {
var selectVideoLog = 0.obs; var selectVideoLogList = <RecordListData>[].obs;
var selectVideoLogList = [].obs;
var isSelectAll = false.obs; var isSelectAll = false.obs;
var videoLogList = [].obs; var videoLogList = [].obs;
var getLockId = 0.obs;
EditVideoLogState() { EditVideoLogState() {
Map map = Get.arguments; Map map = Get.arguments;
if (map['videoDataList'] != null) { if (map['videoDataList'] != null) {
videoLogList.value = map['videoDataList']; videoLogList.value = map['videoDataList'];
} }
if (map['lockId'] != null) {
getLockId.value = map['lockId'];
}
} }
} }

View File

@ -62,6 +62,7 @@ class RecordListData {
String? imagesUrl; String? imagesUrl;
String? videoUrl; String? videoUrl;
int? recordType; int? recordType;
bool? isSelect = false;
RecordListData( RecordListData(
{this.recordId, {this.recordId,

View File

@ -14,4 +14,11 @@ class VideoLogLogic extends BaseGetXController {
state.videoLogList.refresh(); state.videoLogList.refresh();
} }
} }
@override
onReady() {
super.onReady();
getLockCloudStorageList();
}
} }

View File

@ -22,12 +22,6 @@ class _VideoLogPageState extends State<VideoLogPage> {
final logic = Get.put(VideoLogLogic()); final logic = Get.put(VideoLogLogic());
final state = Get.find<VideoLogLogic>().state; final state = Get.find<VideoLogLogic>().state;
@override
initState() {
super.initState();
logic.getLockCloudStorageList();
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
@ -234,8 +228,10 @@ class _VideoLogPageState extends State<VideoLogPage> {
iconSize: 30, iconSize: 30,
color: Colors.black54, color: Colors.black54,
onPressed: () { onPressed: () {
Get.toNamed(Routers.editVideoLogPage, Get.toNamed(Routers.editVideoLogPage, arguments: {
arguments: {"videoDataList": state.videoLogList.value}); "videoDataList": state.videoLogList.value,
"lockId": state.getLockId.value
});
}, },
) )
// TextButton( // TextButton(

View File

@ -1,10 +1,11 @@
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:star_lock/main/lockDetail/videoLog/videoLog/videoLog_entity.dart';
class VideoLogState { class VideoLogState {
var isNavLocal = false.obs; var isNavLocal = false.obs;
var localList = []; var localList = [];
var getLockId = 0.obs; var getLockId = 0.obs;
var videoLogList = [].obs; var videoLogList = <CloudStorageData>[].obs;
VideoLogState() { VideoLogState() {
Map map = Get.arguments; Map map = Get.arguments;

View File

@ -42,7 +42,7 @@ class _VideoLogDetailPageState extends State<VideoLogDetailPage> {
return Scaffold( return Scaffold(
backgroundColor: Colors.white, backgroundColor: Colors.white,
appBar: TitleAppBar( appBar: TitleAppBar(
barTitle: "视频播放", barTitle: "视频播放".tr,
haveBack: true, haveBack: true,
backgroundColor: AppColors.mainColor, backgroundColor: AppColors.mainColor,
), ),

View File

@ -1,8 +1,8 @@
import 'package:flutter/material.dart'; 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 'package:star_lock/main/lockDetail/videoLog/videoLog/videoLog_entity.dart';
import 'package:star_lock/tools/dateTool.dart';
import '../../../../app_settings/app_colors.dart'; import '../../../../app_settings/app_colors.dart';
import '../../../../tools/noData.dart'; import '../../../../tools/noData.dart';
@ -25,77 +25,74 @@ class _VideoLogDownLoadPageState extends State<VideoLogDownLoadPage> {
return Scaffold( return Scaffold(
backgroundColor: Colors.white, backgroundColor: Colors.white,
appBar: TitleAppBar( appBar: TitleAppBar(
barTitle: "下载列表", barTitle: "下载列表".tr,
haveBack: true, haveBack: true,
backgroundColor: AppColors.mainColor, backgroundColor: AppColors.mainColor,
), ),
body: Column( body: Container(
children: [ color: AppColors.greyBackgroundColor,
Expanded( child: Column(
child: state.localList.isNotEmpty ? ListView.builder( children: [
itemCount: 5, Expanded(
itemBuilder: (c, index) { child: Obx(
return Column(children: [ () => state.videoLogDownloadList.isNotEmpty
Container( ? mainListView(state.videoLogDownloadList.value)
margin: EdgeInsets.only(left:20.w, top: 15.w, bottom: 15.w), : NoData(),
child: Row( )),
children: [ ],
Text("2023.10.23", style: TextStyle(fontSize: 20.sp)), ),
]
)),
mainListView(index)
],);
}): NoData(),
),
],
), ),
); );
} }
var itemW = (1.sw - 15.w*4)/3; var itemW = (1.sw - 15.w * 4) / 3;
var itemH = (1.sw - 15.w*4)/3+40.h; var itemH = (1.sw - 15.w * 4) / 3 + 40.h;
Widget mainListView(int index){ Widget mainListView(List<RecordListData> itemList) {
return Container( return ListView.separated(
// margin: EdgeInsets.only(left: 10.w, right: 10.w, top: 40.h), itemCount: itemList.length,
// color: Colors.blue,
child: GridView.builder(
padding: EdgeInsets.only(left: 15.w, right: 15.w),
itemCount: index+1,
shrinkWrap: true, shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(), physics: const NeverScrollableScrollPhysics(),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( separatorBuilder: (c, index) {
// return const Divider(
crossAxisCount: 3, height: 1,
// color: Colors.transparent,
mainAxisSpacing: 10.w, );
//
crossAxisSpacing: 15.w,
//
childAspectRatio: itemW/itemH
),
itemBuilder: (context, index) {
return videoItem();
}, },
), itemBuilder: (c, index) {
); RecordListData recordData = itemList[index];
return videoItem(recordData, index);
});
} }
Widget videoItem(){ Widget videoItem(RecordListData recordData, int index) {
return SizedBox( return Container(
width: itemW, padding:
height: itemH, EdgeInsets.only(left: 20.w, right: 20.w, bottom: 20.h, top: 20.h),
child: Stack( color: Colors.white,
child: Row(
children: [ children: [
Column( ClipRRect(
children: [ borderRadius: BorderRadius.circular(10.w),
ClipRRect( child: Image(
borderRadius: BorderRadius.circular(10.w), fit: BoxFit.cover,
child: Image(width: itemW, height: itemW, fit: BoxFit.fill, image: const AssetImage("images/main/icon_lockDetail_monitoringvoiceFrist.png")), width: 120.w,
), height: 80.w,
SizedBox(height:5.h), image: Image.network(recordData.imagesUrl ??
Text("2023.10.23 10:00", style: TextStyle(fontSize: 20.sp)) "images/icon_video_placeholder.jpg")
], .image),
), ),
SizedBox(width: 15.w),
Text(DateTool().dateToYMDHNString(recordData.operateDate.toString()),
style: TextStyle(fontSize: 20.sp)),
Expanded(
child: SizedBox(
width: 20.w,
)),
TextButton(
onPressed: () {},
child: Text('下载'.tr,
style:
TextStyle(fontSize: 22.sp, color: AppColors.mainColor)))
], ],
), ),
); );

View File

@ -1,5 +1,13 @@
import 'package:get/get.dart';
import 'package:star_lock/main/lockDetail/videoLog/videoLog/videoLog_entity.dart';
class VideoLogDownLoadState {
var videoLogDownloadList = <RecordListData>[].obs;
class VideoLogDownLoadState{ VideoLogDownLoadState() {
var localList = []; Map map = Get.arguments;
if (map['downloadVideoLogList'] != null) {
videoLogDownloadList.value = map['downloadVideoLogList'];
}
}
} }

View File

@ -222,4 +222,5 @@ abstract class Api {
final String getUseRecordListURL = '/v2/service/getUseRecordList'; //使 final String getUseRecordListURL = '/v2/service/getUseRecordList'; //使
final String getlockCloudStorageListURL = '/lockCloudStorage/list'; // final String getlockCloudStorageListURL = '/lockCloudStorage/list'; //
final String deleteLockCloudStorageURL = '/lockCloudStorage/delete'; //
} }

View File

@ -1946,6 +1946,10 @@ class ApiProvider extends BaseProvider {
Future<Response> getLockCloudStorageList(int lockId) => Future<Response> getLockCloudStorageList(int lockId) =>
post(getlockCloudStorageListURL.toUrl, jsonEncode({'lockId': lockId})); post(getlockCloudStorageListURL.toUrl, jsonEncode({'lockId': lockId}));
//
Future<Response> deleteLockCloudStorageList(List recordIds) => post(
deleteLockCloudStorageURL.toUrl, jsonEncode({'recordIds': recordIds}));
// //
Future<Response> setMpWechatPushSwitch(int mpWechatPushSwitch) => post( Future<Response> setMpWechatPushSwitch(int mpWechatPushSwitch) => post(
setWechatPushSwitchURL.toUrl, setWechatPushSwitchURL.toUrl,

View File

@ -1967,6 +1967,13 @@ class ApiRepository {
return VideoLogEntity.fromJson(res.body); return VideoLogEntity.fromJson(res.body);
} }
//
Future<VersionUndateEntity> deleteLockCloudStorageList(
{required List recordIds}) async {
final res = await apiProvider.deleteLockCloudStorageList(recordIds);
return VersionUndateEntity.fromJson(res.body);
}
// //
Future<VersionUndateEntity> setMpWechatPushSwitch( Future<VersionUndateEntity> setMpWechatPushSwitch(
{required int mpWechatPushSwitch}) async { {required int mpWechatPushSwitch}) async {