366 lines
11 KiB
Dart
Executable File
366 lines
11 KiB
Dart
Executable File
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
|
|
import '../../../../appRouters.dart';
|
|
import '../../../../app_settings/app_colors.dart';
|
|
import '../../../../tools/titleAppBar.dart';
|
|
import '../../entity/lockListInfo_entity.dart';
|
|
import 'demoModeLockDetail_logic.dart';
|
|
|
|
class DemoModeLockDetailPage extends StatefulWidget {
|
|
const DemoModeLockDetailPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<DemoModeLockDetailPage> createState() => _DemoModeLockDetailPageState();
|
|
}
|
|
|
|
class _DemoModeLockDetailPageState extends State<DemoModeLockDetailPage> {
|
|
final DemoModeLockDetailLogic logic = Get.put(DemoModeLockDetailLogic());
|
|
// final state = Get.find<DemoModeLockDetailLogic>().state;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: AppColors.mainBackgroundColor,
|
|
appBar: TitleAppBar(
|
|
barTitle: '演示模式'.tr,
|
|
haveBack: true,
|
|
backgroundColor: AppColors.mainColor,
|
|
),
|
|
body: ListView(
|
|
children: <Widget>[
|
|
Container(
|
|
width: 1.sw,
|
|
height: 1.sh - ScreenUtil().statusBarHeight,
|
|
color: Colors.white,
|
|
child: Column(
|
|
children: <Widget>[
|
|
topTip(),
|
|
topWidget(),
|
|
Expanded(child: bottomWidget())
|
|
],
|
|
),
|
|
),
|
|
],
|
|
));
|
|
}
|
|
|
|
Widget topTip() {
|
|
return Container(
|
|
// height: 120.h,
|
|
width: 1.sw,
|
|
margin: EdgeInsets.all(15.w),
|
|
child: Column(
|
|
children: <Widget>[
|
|
Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: Text('提示:当前界面为展示界面,添加设备后才能继续使用'.tr,
|
|
style: TextStyle(
|
|
fontSize: 24.sp, color: AppColors.mainColor))),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget topWidget() {
|
|
// KeyInfos keyInfo = widget.lockMainEntity.data!.keyInfos![0];
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
SizedBox(height: 30.h),
|
|
Stack(
|
|
alignment: Alignment.centerRight,
|
|
children: <Widget>[
|
|
Align(
|
|
alignment: Alignment.center,
|
|
child: Text(
|
|
'TMH_78f16712781a',
|
|
style:
|
|
TextStyle(fontSize: 22.sp, fontWeight: FontWeight.w400),
|
|
)),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: <Widget>[
|
|
Text(
|
|
'100%',
|
|
style: TextStyle(
|
|
fontSize: 18.sp, color: AppColors.darkGrayTextColor),
|
|
),
|
|
SizedBox(width: 2.w),
|
|
Image.asset(
|
|
'images/main/icon_main_cell.png',
|
|
width: 30.w,
|
|
height: 24.w,
|
|
),
|
|
SizedBox(width: 30.w),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 30.h),
|
|
Container(
|
|
// width: 1.sw,
|
|
color: Colors.white,
|
|
height: 280.w,
|
|
child: Stack(
|
|
children: <Widget>[
|
|
Center(
|
|
child: GestureDetector(
|
|
onTap: gotoLogin,
|
|
child: Image.asset('images/main/icon_main_openLockBtn.png',
|
|
width: 268.w, height: 268.w),
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(height: 30.h),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Text(
|
|
'门已上锁'.tr,
|
|
style: TextStyle(
|
|
fontSize: 26.sp,
|
|
color: Colors.black,
|
|
fontWeight: FontWeight.w500),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 6.h,
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Text(
|
|
'点击开锁，长按闭锁'.tr,
|
|
style: TextStyle(
|
|
fontSize: 22.sp,
|
|
color: AppColors.btnDisableColor,
|
|
fontWeight: FontWeight.w500),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 30.h,
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Image.asset(
|
|
'images/icon_electronicKey_admin.png',
|
|
width: 24.w,
|
|
height: 20.w,
|
|
),
|
|
SizedBox(
|
|
width: 6.w,
|
|
),
|
|
Text(
|
|
'超级管理员'.tr,
|
|
style:
|
|
TextStyle(fontSize: 20.sp, color: AppColors.btnDisableColor),
|
|
),
|
|
SizedBox(
|
|
width: 80.w,
|
|
),
|
|
Image.asset(
|
|
'images/main/icon_main_remoteUnlocking_grey.png',
|
|
// 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(
|
|
'网关设备英文'.tr,
|
|
style:
|
|
TextStyle(fontSize: 20.sp, color: AppColors.btnDisableColor),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 20.h,
|
|
),
|
|
Divider(
|
|
height: 1,
|
|
color: AppColors.greyLineColor,
|
|
indent: 20.w,
|
|
endIndent: 20.w,
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget bottomWidget() {
|
|
return Container(
|
|
margin: EdgeInsets.only(left: 10.w, right: 10.w, top: 40.h),
|
|
// color: Colors.blue,
|
|
child: SizedBox(
|
|
child: GridView.count(
|
|
crossAxisCount: 4,
|
|
// childAspectRatio: 3,
|
|
crossAxisSpacing: 20.w,
|
|
mainAxisSpacing: 0.h,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
children: getShowWidget()),
|
|
),
|
|
);
|
|
}
|
|
|
|
List<Widget> getShowWidget() {
|
|
final List<Widget> showWidgetArr = <Widget>[];
|
|
|
|
// 考勤
|
|
// if (state.keyInfos.value.isAttendance == 1) {
|
|
showWidgetArr
|
|
.add(bottomItem('images/main/icon_main_clockingIn.png', '考勤'.tr, () {
|
|
// gotoLogin();
|
|
Get.toNamed(Routers.checkingInListPage,
|
|
arguments: LockListInfoItemEntity());
|
|
}));
|
|
// }
|
|
|
|
final List<Widget> defaultWidgetArr = <Widget>[
|
|
// 电子钥匙
|
|
bottomItem('images/main/icon_main_electronicKey.png', '电子钥匙'.tr, () {
|
|
// gotoLogin();
|
|
|
|
Get.toNamed(Routers.electronicKeyListPage,
|
|
arguments: <String, LockListInfoItemEntity>{
|
|
'keyInfo': LockListInfoItemEntity()
|
|
});
|
|
}),
|
|
|
|
// 密码
|
|
bottomItem('images/main/icon_main_password.png', '密码'.tr, () {
|
|
// gotoLogin();
|
|
|
|
Get.toNamed(Routers.passwordKeyListPage,
|
|
arguments: <String, LockListInfoItemEntity>{
|
|
'keyInfo': LockListInfoItemEntity()
|
|
});
|
|
}),
|
|
|
|
// ic卡
|
|
bottomItem('images/main/icon_main_icCard.png', '卡'.tr, () {
|
|
// gotoLogin();
|
|
|
|
Get.toNamed(Routers.cardListPage,
|
|
arguments: <String, int>{'lockId': 0});
|
|
}),
|
|
|
|
// 指纹
|
|
bottomItem('images/main/icon_main_fingerprint.png', '指纹'.tr, () {
|
|
// gotoLogin();
|
|
|
|
Get.toNamed(Routers.fingerprintListPage,
|
|
arguments: <String, int>{'lockId': 1, 'fromType': 1});
|
|
}),
|
|
|
|
// 遥控
|
|
bottomItem('images/main/icon_main_remoteControl.png', '遥控'.tr, gotoLogin),
|
|
];
|
|
showWidgetArr.addAll(defaultWidgetArr);
|
|
|
|
//可视对讲门锁新增->人脸
|
|
showWidgetArr.add(
|
|
bottomItem('images/main/icon_face.png', '人脸'.tr, () {
|
|
// gotoLogin();
|
|
|
|
Get.toNamed(Routers.faceListPage, arguments: <String, int>{
|
|
'lockId': 1,
|
|
});
|
|
}),
|
|
);
|
|
|
|
//可视对讲门锁新增->监控
|
|
showWidgetArr.add(
|
|
bottomItem('images/main/icon_catEyes.png', '监控'.tr, gotoLogin),
|
|
);
|
|
|
|
final List<Widget> endWiddget = <Widget>[
|
|
// 授权管理员
|
|
bottomItem('images/main/icon_main_authorizedAdmin.png', '授权管理员'.tr, () {
|
|
// gotoLogin();
|
|
|
|
Get.toNamed(Routers.authorizedAdminListPage,
|
|
arguments: <String, LockListInfoItemEntity>{
|
|
'keyInfo': LockListInfoItemEntity()
|
|
});
|
|
}),
|
|
// 操作记录
|
|
bottomItem('images/main/icon_main_operatingRecord.png', '操作记录'.tr, () {
|
|
// gotoLogin();
|
|
Get.toNamed(Routers.lockOperatingRecordPage,
|
|
arguments: <String, LockListInfoItemEntity>{
|
|
'keyInfo': LockListInfoItemEntity()
|
|
});
|
|
}),
|
|
// 视频日志
|
|
bottomItem('images/main/icon_lockDetail_videoLog.png', '视频日志'.tr, () {
|
|
//视频日志
|
|
Get.toNamed(Routers.videoLogPage);
|
|
}),
|
|
// 消息提醒
|
|
bottomItem('images/main/icon_lockDetail_messageReminding.png', '消息提醒'.tr,
|
|
() {
|
|
Get.toNamed(Routers.msgNotificationPage);
|
|
}),
|
|
// 设置
|
|
bottomItem('images/main/icon_main_set.png', '设置'.tr, () {
|
|
Get.toNamed(Routers.demoModeLockSetPage);
|
|
}),
|
|
];
|
|
showWidgetArr.addAll(endWiddget);
|
|
return showWidgetArr;
|
|
}
|
|
|
|
Widget bottomItem(String iconUrl, String name, Function() onClick) {
|
|
final double width = 42.w;
|
|
final double height = 42.h;
|
|
return GestureDetector(
|
|
onTap: onClick,
|
|
child: Container(
|
|
// height: 300.h,
|
|
color: Colors.white,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: <Widget>[
|
|
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))
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
|
|
void gotoLogin() {
|
|
// Get.toNamed(Routers.selectLockTypePage);
|
|
logic.showToast('演示模式'.tr);
|
|
}
|
|
}
|