392 lines
13 KiB
Dart
Executable File
392 lines
13 KiB
Dart
Executable File
|
|
import 'package:flutter/cupertino.dart';
|
|
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:star_lock/main/lockDetail/lockSet/normallyOpenMode/normallyOpenMode_state.dart';
|
|
import 'package:star_lock/tools/pickers/pickers.dart';
|
|
import 'package:star_lock/tools/pickers/time_picker/model/date_mode.dart';
|
|
import 'package:star_lock/tools/pickers/time_picker/model/pduration.dart';
|
|
|
|
import '../../../../app_settings/app_colors.dart';
|
|
import '../../../../tools/appRouteObserver.dart';
|
|
import '../../../../tools/commonItem.dart';
|
|
import '../../../../tools/submitBtn.dart';
|
|
import '../../../../tools/titleAppBar.dart';
|
|
import 'normallyOpenMode_logic.dart';
|
|
|
|
class NormallyOpenModePage extends StatefulWidget {
|
|
const NormallyOpenModePage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<NormallyOpenModePage> createState() => _NormallyOpenModePageState();
|
|
}
|
|
|
|
class _NormallyOpenModePageState extends State<NormallyOpenModePage> with RouteAware {
|
|
final NormallyOpenModeLogic logic = Get.put(NormallyOpenModeLogic());
|
|
final NormallyOpenModeState state = Get.find<NormallyOpenModeLogic>().state;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: AppColors.mainBackgroundColor,
|
|
appBar: TitleAppBar(
|
|
barTitle: '常开模式'.tr,
|
|
haveBack: true,
|
|
backgroundColor: AppColors.mainColor),
|
|
body: Obx(() => ListView(
|
|
children: <Widget>[
|
|
CommonItem(
|
|
leftTitel: '常开模式'.tr,
|
|
rightTitle: '',
|
|
isHaveLine: false,
|
|
isHaveRightWidget: true,
|
|
rightWidget: SizedBox(
|
|
width: 60.w,
|
|
height: 50.h,
|
|
child: _normallyOpenModeSwitch())),
|
|
SizedBox(
|
|
height: 1.h,
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.only(
|
|
left: 30.w, right: 30.w, top: 20.w, bottom: 20.w),
|
|
color: Colors.white,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: Text('你可以设置多个常开时间段，在设置的时间段内，锁被打开后一直处于打开的状态。'.tr,
|
|
style: TextStyle(fontSize: 20.sp),
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10.h,
|
|
),
|
|
Visibility(
|
|
visible: state.isOpenNormallyOpenMode.value,
|
|
child: Container(
|
|
color: Colors.white,
|
|
child: Column(
|
|
children: <Widget>[
|
|
// CommonItem(
|
|
// leftTitel: TranslationLoader.lanKeys!.automaticUnLock!.tr,
|
|
// rightTitle: "",
|
|
// isHaveLine: false,
|
|
// isHaveRightWidget: true,
|
|
// rightWidget:
|
|
// SizedBox(width: 60.w, height: 50.h, child: _autoUnlockSwitch())),
|
|
// Container(
|
|
// height: 1.h,
|
|
// color: AppColors.mainBackgroundColor,
|
|
// ),
|
|
// Container(
|
|
// padding: EdgeInsets.only(
|
|
// left: 30.w, right: 30.w, top: 20.w, bottom: 20.w),
|
|
// color: Colors.white,
|
|
// child: Row(
|
|
// mainAxisAlignment: MainAxisAlignment.start,
|
|
// children: [
|
|
// Expanded(
|
|
// child: Text(
|
|
// TranslationLoader.lanKeys!.automaticUnLockTip!.tr,
|
|
// style: TextStyle(fontSize: 20.sp),
|
|
// )),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// Container(
|
|
// height: 10.h,
|
|
// color: AppColors.mainBackgroundColor,
|
|
// ),
|
|
topWidget(),
|
|
SizedBox(
|
|
height: 10.h,
|
|
),
|
|
bottomWidget()
|
|
],
|
|
),
|
|
)),
|
|
Obx(() => Container(
|
|
margin:
|
|
EdgeInsets.only(left: 20.w, right: 20.w, top: 30.h),
|
|
child: state.isJustForShow.value == true
|
|
? Container()
|
|
: SubmitBtn(
|
|
btnName: '保存'.tr,
|
|
onClick: () {
|
|
logic.sendAutoLock();
|
|
}),
|
|
)),
|
|
],
|
|
)));
|
|
}
|
|
|
|
Widget topWidget() {
|
|
return Container(
|
|
height: 160.h,
|
|
width: 1.sw,
|
|
color: Colors.white,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Container(
|
|
height: 60.h,
|
|
// color: Colors.red,
|
|
padding: EdgeInsets.only(left: 30.w, top: 15.h),
|
|
child: Text(
|
|
'常开日期'.tr,
|
|
style: TextStyle(fontSize: 24.sp, fontWeight: FontWeight.w600))),
|
|
Container(
|
|
height: 100.h,
|
|
padding: EdgeInsets.only(left: 10.w, right: 10.w, bottom: 10.h),
|
|
child: GridView.builder(
|
|
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: 7, childAspectRatio: 1.0),
|
|
itemCount: 7,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemBuilder: (BuildContext context, int index) {
|
|
index += 1;
|
|
return btnItem(index);
|
|
})),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget btnItem(int index) {
|
|
String dateStr;
|
|
switch (index) {
|
|
case 1:
|
|
dateStr = '简写周一'.tr;
|
|
break;
|
|
case 2:
|
|
dateStr = '简写周二'.tr;
|
|
break;
|
|
case 3:
|
|
dateStr = '简写周三'.tr;
|
|
break;
|
|
case 4:
|
|
dateStr = '简写周四'.tr;
|
|
break;
|
|
case 5:
|
|
dateStr = '简写周五'.tr;
|
|
break;
|
|
case 6:
|
|
dateStr = '简写周六'.tr;
|
|
break;
|
|
case 7:
|
|
dateStr = '简写周日'.tr;
|
|
break;
|
|
default:
|
|
dateStr = '';
|
|
break;
|
|
}
|
|
return GestureDetector(
|
|
onTap: () {
|
|
if (state.isJustForShow.value == true) {
|
|
return;
|
|
}
|
|
|
|
if (state.weekDays.value.contains(index)) {
|
|
state.weekDays.value.remove(index);
|
|
} else {
|
|
state.weekDays.value.add(index);
|
|
}
|
|
state.weekDays.value.sort();
|
|
setState(() {});
|
|
},
|
|
child: Obx(() => Container(
|
|
width: 40.w,
|
|
height: 40.w,
|
|
margin: EdgeInsets.all(10.w),
|
|
decoration: BoxDecoration(
|
|
color: state.weekDays.value.contains(index)
|
|
? AppColors.mainColor
|
|
: Colors.white,
|
|
border: Border.all(width: 1, color: AppColors.btnDisableColor),
|
|
borderRadius: BorderRadius.circular(30.w),
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
dateStr,
|
|
style: TextStyle(
|
|
fontSize: 20.sp,
|
|
color: state.weekDays.value.contains(index)
|
|
? Colors.white
|
|
: AppColors.darkGrayTextColor),
|
|
)),
|
|
)),
|
|
);
|
|
}
|
|
|
|
Widget bottomWidget() {
|
|
return Column(
|
|
children: <Widget>[
|
|
Container(
|
|
color: AppColors.mainBackgroundColor,
|
|
height: 10.h,
|
|
),
|
|
Obx(() => CommonItem(
|
|
leftTitel: '常开时间'.tr,
|
|
rightTitle: '',
|
|
isHaveLine: true,
|
|
isHaveRightWidget: true,
|
|
rightWidget: GestureDetector(
|
|
onTap: () {
|
|
// 选择全天模式
|
|
if (state.isJustForShow.value == true) {
|
|
return;
|
|
}
|
|
|
|
if (state.isAllDay.value == 1) {
|
|
state.isAllDay.value = 0;
|
|
} else {
|
|
state.isAllDay.value = 1;
|
|
}
|
|
setState(() {});
|
|
},
|
|
child: Row(
|
|
children: <Widget>[
|
|
Text(
|
|
'全天'.tr,
|
|
style: TextStyle(fontSize: 22.sp),
|
|
),
|
|
SizedBox(
|
|
width: 5.w,
|
|
),
|
|
Image.asset(
|
|
state.isAllDay.value == 1
|
|
? 'images/icon_round_select.png'
|
|
: 'images/icon_round_unSelect.png',
|
|
width: 30.w,
|
|
height: 30.w,
|
|
),
|
|
],
|
|
),
|
|
))),
|
|
Visibility(
|
|
visible: true,
|
|
child: Container(
|
|
color: Colors.white,
|
|
child: Column(
|
|
children: <Widget>[
|
|
Obx(() => CommonItem(
|
|
leftTitel:
|
|
'开始时间'.tr,
|
|
rightTitle: state.beginTime.value,
|
|
isHaveDirection: true,
|
|
isHaveLine: true,
|
|
action: () {
|
|
if (state.isJustForShow.value == true) {
|
|
return;
|
|
}
|
|
PDuration selectDate = PDuration.parse(
|
|
DateTime.tryParse(state.beginTime.value));
|
|
Pickers.showDatePicker(context,
|
|
selectDate: selectDate,
|
|
mode: DateMode.HM, onConfirm: (PDuration p) {
|
|
setState(() {
|
|
state.beginTimeMinute.value =
|
|
p.hour! * 60 + p.minute!;
|
|
state.beginTime.value = '${p.hour}:${p.minute!}';
|
|
});
|
|
});
|
|
})),
|
|
Obx(() => CommonItem(
|
|
leftTitel: '结束时间'.tr,
|
|
rightTitle: state.endTime.value,
|
|
isHaveDirection: true,
|
|
action: () {
|
|
if (state.isJustForShow.value == true) {
|
|
return;
|
|
}
|
|
PDuration selectDate = PDuration.parse(
|
|
DateTime.tryParse(state.endTime.value));
|
|
Pickers.showDatePicker(context,
|
|
selectDate: selectDate,
|
|
mode: DateMode.HM, onConfirm: (PDuration p) {
|
|
setState(() {
|
|
state.endTimeMinute.value =
|
|
p.hour! * 60 + p.minute!;
|
|
state.endTime.value = '${p.hour}:${p.minute!}';
|
|
});
|
|
});
|
|
})),
|
|
Container(height: 10.h),
|
|
],
|
|
),
|
|
)),
|
|
],
|
|
);
|
|
}
|
|
|
|
CupertinoSwitch _normallyOpenModeSwitch() {
|
|
return CupertinoSwitch(
|
|
activeColor: CupertinoColors.activeBlue,
|
|
trackColor: CupertinoColors.systemGrey5,
|
|
thumbColor: CupertinoColors.white,
|
|
value: state.isOpenNormallyOpenMode.value,
|
|
onChanged: state.isJustForShow.value == true
|
|
? null
|
|
: (bool value) {
|
|
setState(() {
|
|
state.isOpenNormallyOpenMode.value = value;
|
|
});
|
|
},
|
|
);
|
|
}
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
super.didChangeDependencies();
|
|
|
|
// 路由订阅
|
|
AppRouteObserver().routeObserver.subscribe(this, ModalRoute.of(context)!);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
// 取消路由订阅
|
|
AppRouteObserver().routeObserver.unsubscribe(this);
|
|
super.dispose();
|
|
}
|
|
|
|
/// 从上级界面进入 当前界面即将出现
|
|
@override
|
|
void didPush() {
|
|
super.didPush();
|
|
state.ifCurrentScreen.value = true;
|
|
}
|
|
|
|
/// 返回上一个界面 当前界面即将消失
|
|
@override
|
|
void didPop() {
|
|
super.didPop();
|
|
logic.cancelBlueConnetctToastTimer();
|
|
if (EasyLoading.isShow) EasyLoading.dismiss(animation: true);
|
|
state.ifCurrentScreen.value = false;
|
|
state.sureBtnState.value = 0;
|
|
}
|
|
|
|
/// 从下级返回 当前界面即将出现
|
|
@override
|
|
void didPopNext() {
|
|
super.didPopNext();
|
|
state.ifCurrentScreen.value = true;
|
|
}
|
|
|
|
/// 进入下级界面 当前界面即将消失
|
|
@override
|
|
void didPushNext() {
|
|
super.didPushNext();
|
|
logic.cancelBlueConnetctToastTimer();
|
|
if (EasyLoading.isShow) EasyLoading.dismiss(animation: true);
|
|
state.ifCurrentScreen.value = false;
|
|
state.sureBtnState.value = 0;
|
|
}
|
|
}
|