499 lines
16 KiB
Dart
499 lines
16 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
|
|
import '../../../appRouters.dart';
|
|
import '../../../app_settings/app_colors.dart';
|
|
import '../../../blue/blue_manage.dart';
|
|
import '../../../blue/io_tool/io_tool.dart';
|
|
import '../../../tools/storage.dart';
|
|
import '../../../tools/toast.dart';
|
|
import '../../../translations/trans_lib.dart';
|
|
import '../../lockMian/entity/lockListInfo_entity.dart';
|
|
import 'lockDetail_logic.dart';
|
|
|
|
class LockDetailPage extends StatefulWidget {
|
|
final bool isFrist;
|
|
final LockListInfoItemEntity lockListInfoItemEntity;
|
|
|
|
const LockDetailPage(
|
|
{Key? key, required this.isFrist, required this.lockListInfoItemEntity})
|
|
: super(key: key);
|
|
|
|
@override
|
|
State<LockDetailPage> createState() => _LockDetailPageState();
|
|
}
|
|
|
|
class _LockDetailPageState extends State<LockDetailPage>
|
|
with TickerProviderStateMixin {
|
|
// with RouteAware
|
|
final logic = Get.put(LockDetailLogic());
|
|
final state = Get.find<LockDetailLogic>().state;
|
|
static const methodChannel = MethodChannel('talkPlugin');
|
|
|
|
@override
|
|
void initState() {
|
|
// TODO: implement initState
|
|
super.initState();
|
|
|
|
state.keyInfos.value = widget.lockListInfoItemEntity;
|
|
state.isAttendance.value = state.keyInfos.value.lockSetting!.attendance!;
|
|
state.isOpenLockNeedOnline.value = state.keyInfos.value.lockSetting!.appUnlockOnline!;
|
|
state.electricQuantity.value = state.keyInfos.value.electricQuantity!;
|
|
|
|
BlueManage().connectDeviceName =
|
|
state.keyInfos.value.bluetooth!.bluetoothDeviceName!;
|
|
// BlueManage().connectDeviceMacAddress =
|
|
// state.keyInfos.value.bluetooth!.bluetoothDeviceId!;
|
|
|
|
List<int> publicKeyData =
|
|
state.keyInfos.value.bluetooth!.publicKey!.cast<int>();
|
|
var saveStrList = changeIntListToStringList(publicKeyData);
|
|
Storage.setStringList(saveBluePublicKey, saveStrList);
|
|
|
|
// 私钥
|
|
List<int> privateKeyData =
|
|
state.keyInfos.value.bluetooth!.privateKey!.cast<int>();
|
|
var savePrivateKeyList = changeIntListToStringList(privateKeyData);
|
|
Storage.setStringList(saveBluePrivateKey, savePrivateKeyList);
|
|
|
|
// signKey
|
|
List<int> signKeyData =
|
|
state.keyInfos.value.bluetooth!.signKey!.cast<int>();
|
|
var saveSignKeyList = changeIntListToStringList(signKeyData);
|
|
Storage.setStringList(saveBlueSignKey, saveSignKeyList);
|
|
|
|
// logic.startScanAction();
|
|
|
|
listeningAnimations();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
width: 1.sw,
|
|
height: 1.sh - ScreenUtil().statusBarHeight * 2,
|
|
color: Colors.white,
|
|
child: Column(
|
|
children: [
|
|
topWidget(),
|
|
Expanded(child: Obx(() => bottomWidget()))
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget topWidget() {
|
|
// KeyInfos keyInfo = widget.lockMainEntity.data!.keyInfos![0];
|
|
return Column(
|
|
children: [
|
|
SizedBox(height: 50.h),
|
|
Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
SizedBox(
|
|
width: 1.sw - 120.w * 2,
|
|
child: Center(
|
|
child: Text(
|
|
widget.lockListInfoItemEntity!.lockAlias!,
|
|
style:
|
|
TextStyle(fontSize: 22.sp, fontWeight: FontWeight.w400),
|
|
))),
|
|
Positioned(
|
|
child: Obx(() => Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Text("${state.electricQuantity.value}%", style: TextStyle(fontSize: 18.sp, color: AppColors.darkGrayTextColor)),
|
|
SizedBox(width: 2.w),
|
|
Image.asset(showElectricIcon(state.electricQuantity.value), width: 30.w, height: 24.w),
|
|
SizedBox(width: 30.w),
|
|
],
|
|
))
|
|
)
|
|
],
|
|
),
|
|
SizedBox(height: 30.h),
|
|
Container(
|
|
// width: 1.sw,
|
|
color: Colors.white,
|
|
height: 330.w,
|
|
child: Stack(
|
|
children: [
|
|
Center(
|
|
child: GestureDetector(
|
|
child: Obx(() => Stack(
|
|
children: [
|
|
Image.asset(
|
|
state.lockState.value == 4
|
|
? 'images/main/icon_main_openLockBtn_grey.png'
|
|
: 'images/main/icon_main_openLockBtn_center.png',
|
|
width: 330.w,
|
|
height: 330.w,
|
|
),
|
|
(state.lockState.value == 1 ||
|
|
state.lockState.value == 3)
|
|
? buildRotationTransition()
|
|
: Positioned(
|
|
child: Image.asset(
|
|
'images/main/icon_main_openLockBtn_circle.png',
|
|
width: 330.w,
|
|
height: 330.w,
|
|
)),
|
|
],
|
|
)),
|
|
onTap: () {
|
|
logic.startConnect();
|
|
},
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 30.h,
|
|
),
|
|
// Row(
|
|
// mainAxisAlignment: MainAxisAlignment.center,
|
|
// children: [
|
|
// Text(
|
|
// '门已上锁',
|
|
// style: TextStyle(
|
|
// fontSize: 26.sp,
|
|
// color: Colors.black,
|
|
// fontWeight: FontWeight.w500),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// SizedBox(
|
|
// height: 6.h,
|
|
// ),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
TranslationLoader.lanKeys!.clickUnlockAndHoldDownClose!.tr,
|
|
style: TextStyle(
|
|
fontSize: 22.sp,
|
|
color: AppColors.btnDisableColor,
|
|
fontWeight: FontWeight.w500),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 30.h,
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
'images/icon_electronicKey_admin.png',
|
|
width: 24.w,
|
|
height: 20.w,
|
|
color: AppColors.mainColor, //应根据状态显示（当前角色为超级管理员 应显示蓝色图标）
|
|
),
|
|
SizedBox(
|
|
width: 6.w,
|
|
),
|
|
Text(
|
|
state.keyInfos.value.isLockOwner == 1
|
|
? TranslationLoader.lanKeys!.superAdmin!.tr
|
|
: (state.keyInfos.value.keyRight == 1 ? TranslationLoader.lanKeys!.authorizedAdmin!.tr: TranslationLoader.lanKeys!.normalUser!.tr),
|
|
style: TextStyle(
|
|
fontSize: 20.sp, color: AppColors.darkGrayTextColor),
|
|
),
|
|
SizedBox(
|
|
width: 80.w,
|
|
),
|
|
Image.asset(
|
|
state.keyInfos.value.remoteEnable == 1
|
|
? 'images/main/icon_main_remoteUnlocking.png'
|
|
: 'images/main/icon_main_remoteUnlocking_grey.png',
|
|
width: 24.w,
|
|
height: 20.w,
|
|
// color: state.keyInfos.value.remoteEnable == 1
|
|
// ? AppColors.btnDisableColor
|
|
// : AppColors.mainColor,
|
|
),
|
|
SizedBox(
|
|
width: 6.w,
|
|
),
|
|
Text(
|
|
TranslationLoader.lanKeys!.gatewayDevice!.tr,
|
|
style: TextStyle(
|
|
fontSize: 20.sp,
|
|
color: state.keyInfos.value.remoteEnable == 1
|
|
? AppColors.mainColor
|
|
: AppColors.btnDisableColor),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 20.h,
|
|
),
|
|
Divider(
|
|
height: 1,
|
|
color: AppColors.greyLineColor,
|
|
indent: 20.w,
|
|
endIndent: 20.w,
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
//旋转动画
|
|
Widget buildRotationTransition() {
|
|
return Positioned(
|
|
child: RotationTransition(
|
|
//设置动画的旋转中心
|
|
alignment: Alignment.center,
|
|
//动画控制器
|
|
turns: state.animationController,
|
|
//将要执行动画的子view
|
|
child: Image.asset(
|
|
'images/main/icon_main_openLockBtn_circle.png',
|
|
width: 330.w,
|
|
height: 330.w,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget bottomWidget() {
|
|
return Container(
|
|
margin: EdgeInsets.only(left: 10.w, right: 10.w, top: 40.h),
|
|
// color: Colors.blue,
|
|
child: GridView.count(
|
|
crossAxisCount: 4,
|
|
// childAspectRatio: 3,
|
|
crossAxisSpacing: 20.w,
|
|
mainAxisSpacing: 0.h,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
children: getShowWidget()),
|
|
);
|
|
}
|
|
|
|
List<Widget> getShowWidget() {
|
|
var showWidgetArr = <Widget>[];
|
|
// 考勤
|
|
if (state.isAttendance.value == 1) {
|
|
showWidgetArr.add(bottomItem('images/main/icon_main_clockingIn.png',
|
|
TranslationLoader.lanKeys!.checkingIn!.tr, () {
|
|
Get.toNamed(Routers.checkingInListPage,
|
|
arguments: state.keyInfos.value);
|
|
}));
|
|
}
|
|
|
|
// 电子钥匙
|
|
showWidgetArr.add(bottomItem('images/main/icon_main_electronicKey.png',
|
|
TranslationLoader.lanKeys!.electronicKey!.tr, () {
|
|
Get.toNamed(Routers.electronicKeyListPage,
|
|
arguments: {"keyInfo": widget.lockListInfoItemEntity});
|
|
}));
|
|
|
|
// 密码
|
|
showWidgetArr.add(bottomItem('images/main/icon_main_password.png',
|
|
TranslationLoader.lanKeys!.password!.tr, () {
|
|
Get.toNamed(Routers.passwordKeyListPage,
|
|
arguments: {"keyInfo": widget.lockListInfoItemEntity});
|
|
}));
|
|
|
|
// ic卡
|
|
if (state.keyInfos.value.lockFeature!.icCard == 1) {
|
|
showWidgetArr.add(bottomItem('images/main/icon_main_icCard.png',
|
|
TranslationLoader.lanKeys!.card!.tr, () {
|
|
Get.toNamed(Routers.otherTypeKeyListPage, arguments: {
|
|
"lockId": widget.lockListInfoItemEntity.lockId,
|
|
"fromType": 0
|
|
});
|
|
}));
|
|
}
|
|
|
|
// 指纹
|
|
if (state.keyInfos.value.lockFeature!.fingerprint == 1) {
|
|
showWidgetArr.add(bottomItem('images/main/icon_main_fingerprint.png',
|
|
TranslationLoader.lanKeys!.fingerprint!.tr, () {
|
|
Get.toNamed(Routers.otherTypeKeyListPage, arguments: {
|
|
"lockId": widget.lockListInfoItemEntity.lockId,
|
|
"fromType": 1
|
|
});
|
|
}));
|
|
}
|
|
|
|
// 遥控
|
|
if (state.keyInfos.value.lockFeature!.bluetoothRemoteControl == 1) {
|
|
showWidgetArr.add(bottomItem('images/main/icon_main_remoteControl.png',
|
|
TranslationLoader.lanKeys!.remoteControl!.tr, () {
|
|
Get.toNamed(Routers.otherTypeKeyListPage, arguments: {
|
|
"lockId": widget.lockListInfoItemEntity.lockId,
|
|
"fromType": 2
|
|
});
|
|
}));
|
|
}
|
|
|
|
//可视对讲门锁新增->人脸
|
|
if (state.keyInfos.value.lockFeature!.d3Face == 1) {
|
|
showWidgetArr.add(
|
|
bottomItem('images/main/icon_face.png', TranslationLoader.lanKeys!.humanFace!.tr, () {
|
|
Get.toNamed(Routers.otherTypeKeyListPage, arguments: {
|
|
"lockId": widget.lockListInfoItemEntity.lockId,
|
|
"fromType": 3
|
|
}); // Toast.show(msg: "功能暂未开放");
|
|
|
|
// tokNative('videoTalk',
|
|
// arguments: {'videoTalk': 'videoTalk'}).then((result) {
|
|
// print('$result');
|
|
// });
|
|
}),
|
|
);
|
|
}
|
|
|
|
//可视对讲门锁新增->监控
|
|
if (state.keyInfos.value.lockFeature!.videoIntercom == 1) {
|
|
showWidgetArr.add(
|
|
bottomItem('images/main/icon_catEyes.png', TranslationLoader.lanKeys!.monitoring!.tr, () {
|
|
// Navigator.pushNamed(context, Routers.otherTypeKeyListPage,
|
|
// arguments: 1);
|
|
// Toast.show(msg: "功能暂未开放");
|
|
Get.toNamed(Routers.lockMonitoringPage, arguments: {
|
|
"lockId": widget.lockListInfoItemEntity.lockId
|
|
});
|
|
}),
|
|
);
|
|
}
|
|
|
|
var endWiddget = [
|
|
// 授权管理员
|
|
bottomItem('images/main/icon_main_authorizedAdmin.png',
|
|
TranslationLoader.lanKeys!.authorizedAdmin!.tr, () {
|
|
Get.toNamed(Routers.authorizedAdminListPage,
|
|
arguments: {"keyInfo": widget.lockListInfoItemEntity});
|
|
}),
|
|
// 操作记录
|
|
bottomItem('images/main/icon_main_operatingRecord.png',
|
|
TranslationLoader.lanKeys!.operatingRecord!.tr, () {
|
|
Get.toNamed(Routers.lockOperatingRecordPage,
|
|
arguments: {"keyInfo": widget.lockListInfoItemEntity});
|
|
}),
|
|
// 视频日志
|
|
bottomItem('images/main/icon_lockDetail_videoLog.png', TranslationLoader.lanKeys!.videoLog!.tr, () {
|
|
//视频日志
|
|
Get.toNamed(Routers.videoLogPage);
|
|
}),
|
|
// 消息提醒
|
|
bottomItem('images/main/icon_lockDetail_messageReminding.png', TranslationLoader.lanKeys!.messageReminding!.tr, () {
|
|
Get.toNamed(Routers.msgNotificationPage);
|
|
}),
|
|
// 设置
|
|
bottomItem('images/main/icon_main_set.png', TranslationLoader.lanKeys!.set!.tr, () {
|
|
BlueManage().stopScan();
|
|
Get.toNamed(Routers.lockSetPage,
|
|
arguments: {"lockId": widget.lockListInfoItemEntity.lockId});
|
|
}),
|
|
];
|
|
showWidgetArr.addAll(endWiddget);
|
|
return showWidgetArr;
|
|
}
|
|
|
|
Widget bottomItem(String iconUrl, String name, Function() onClick) {
|
|
var width = 42.w;
|
|
var height = 42.h;
|
|
return GestureDetector(
|
|
onTap: onClick,
|
|
child: Container(
|
|
// height: 300.h,
|
|
color: Colors.white,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
SizedBox(
|
|
width: width,
|
|
height: height,
|
|
child: Image.asset(iconUrl,
|
|
width: width, height: height, fit: BoxFit.fitWidth),
|
|
),
|
|
SizedBox(height: 10.w),
|
|
Expanded(
|
|
child: Text(name,
|
|
style: TextStyle(
|
|
fontSize: 20.sp, color: AppColors.blackColor),
|
|
textAlign: TextAlign.center))
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
|
|
listeningAnimations() {
|
|
Future.delayed(Duration.zero, () {
|
|
state.animationController = AnimationController(
|
|
duration: const Duration(seconds: 20), vsync: this);
|
|
state.animationController.repeat();
|
|
//动画开始、结束、向前移动或向后移动时会调用StatusListener
|
|
state.animationController.addStatusListener((status) {
|
|
print("AnimationStatus:$status");
|
|
if (status == AnimationStatus.completed) {
|
|
state.animationController.forward();
|
|
} else if (status == AnimationStatus.dismissed) {
|
|
state.animationController.forward();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
String showElectricIcon (int electricnumber){
|
|
if(electricnumber >= 100){
|
|
return 'images/main/icon_lockElectricLevel_5.png';
|
|
}else if((electricnumber > 50) && (electricnumber < 100)){
|
|
return 'images/main/icon_lockElectricLevel_4.png';
|
|
}else if((electricnumber > 25) && (electricnumber <= 50)){
|
|
return 'images/main/icon_lockElectricLevel_3.png';
|
|
}else if((electricnumber > 5) && (electricnumber <= 25)){
|
|
return 'images/main/icon_lockElectricLevel_2.png';
|
|
}else if(electricnumber <= 5){
|
|
return 'images/main/icon_lockElectricLevel_1.png';
|
|
}
|
|
return 'images/main/icon_lockElectricLevel_5.png';
|
|
}
|
|
|
|
static Future<dynamic> tokNative(String method,
|
|
{required Map arguments}) async {
|
|
if (arguments == null) {
|
|
return await methodChannel.invokeMethod(method);
|
|
} else {
|
|
return await methodChannel.invokeMethod(method, arguments);
|
|
}
|
|
}
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
// TODO: implement didChangeDependencies
|
|
super.didChangeDependencies();
|
|
|
|
/// 路由订阅
|
|
// AppRouteObserver().routeObserver.subscribe(this, ModalRoute.of(context)!);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
// TODO: implement dispose
|
|
/// 取消路由订阅
|
|
// AppRouteObserver().routeObserver.unsubscribe(this);
|
|
super.dispose();
|
|
}
|
|
|
|
///
|
|
@override
|
|
void didPush() {}
|
|
|
|
/// Called when the current route has been popped off.
|
|
@override
|
|
void didPop() {}
|
|
|
|
/// Called when the current route has been popped off.
|
|
@override
|
|
void didPopNext() {}
|
|
|
|
/// Called when the current route has been popped off.
|
|
@override
|
|
void didPushNext() {}
|
|
}
|