302 lines
10 KiB
Dart
Executable File
302 lines
10 KiB
Dart
Executable File
import 'package:flutter/material.dart';
|
||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:star_lock/main/lockDetail/checkingIn/checkingInHolidays/checkingInSetHolidays/checkingInSetHolidays_state.dart';
|
||
import 'package:star_lock/tools/noData.dart';
|
||
import 'package:star_lock/tools/pickers/pickers.dart';
|
||
import 'package:star_lock/tools/pickers/style/picker_style.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 'package:star_lock/tools/pickers/time_picker/model/suffix.dart';
|
||
|
||
import '../../../../../appRouters.dart';
|
||
import '../../../../../app_settings/app_colors.dart';
|
||
import '../../../../../tools/dateTool.dart';
|
||
import '../../../../../tools/titleAppBar.dart';
|
||
import '../../../../../translations/trans_lib.dart';
|
||
import 'checkingInSetHolidays_entity.dart';
|
||
import 'checkingInSetHolidays_logic.dart';
|
||
|
||
class CheckingInSetHolidaysPage extends StatefulWidget {
|
||
const CheckingInSetHolidaysPage({Key? key}) : super(key: key);
|
||
|
||
@override
|
||
State<CheckingInSetHolidaysPage> createState() =>
|
||
_CheckingInSetHolidaysPageState();
|
||
}
|
||
|
||
class _CheckingInSetHolidaysPageState extends State<CheckingInSetHolidaysPage> {
|
||
final CheckingInSetHolidaysLogic logic =
|
||
Get.put(CheckingInSetHolidaysLogic());
|
||
final CheckingInSetHolidaysState state =
|
||
Get.find<CheckingInSetHolidaysLogic>().state;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
backgroundColor: AppColors.mainBackgroundColor,
|
||
appBar: TitleAppBar(
|
||
haveTitleWidget: true,
|
||
titleWidget: titleWidget(),
|
||
haveBack: true,
|
||
backgroundColor: AppColors.mainColor,
|
||
actionsList: <Widget>[
|
||
GestureDetector(
|
||
onTap: () async {
|
||
final dynamic data = await Get.toNamed(
|
||
Routers.checkingInAddHolidaysPage,
|
||
arguments: <String, String>{
|
||
'companyId': state.companyId.value
|
||
});
|
||
if (data != null) {
|
||
logic.editStaffLoadData();
|
||
}
|
||
},
|
||
child: Image.asset(
|
||
'images/icon_add_white.png',
|
||
width: 36.w,
|
||
height: 36.w,
|
||
)),
|
||
SizedBox(
|
||
width: 30.w,
|
||
),
|
||
],
|
||
),
|
||
body: Obx(() {
|
||
return state.holidaysListData.isNotEmpty
|
||
? ListView.builder(
|
||
itemCount: state.holidaysListData.length,
|
||
itemBuilder: (BuildContext c, int index) {
|
||
final HolidaysMonthListData holidaysMonthListData =
|
||
state.holidaysListData[index];
|
||
return _checkingInListMouthItem(holidaysMonthListData);
|
||
})
|
||
: NoData();
|
||
}));
|
||
}
|
||
|
||
Widget _checkingInListMouthItem(HolidaysMonthListData holidaysMonthListData) {
|
||
final double width = Get.width - 20.w * 2;
|
||
final double l = width * 0.2;
|
||
final double r = width * 0.8;
|
||
return GestureDetector(
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
colors: <Color>[
|
||
colorWithMonth(int.parse(
|
||
holidaysMonthListData.listItem![0].month.toString())),
|
||
Colors.white
|
||
],
|
||
stops: const <double>[0.2, 0.2],
|
||
),
|
||
),
|
||
margin: EdgeInsets.only(left: 20.w, right: 20.w, top: 20.w),
|
||
child: Row(
|
||
children: <Widget>[
|
||
Container(
|
||
color: colorWithMonth(int.parse(
|
||
holidaysMonthListData.listItem![0].month.toString())),
|
||
width: l,
|
||
child: Center(
|
||
child: Text(
|
||
'${holidaysMonthListData.listItem![0].month}\n${TranslationLoader.lanKeys!.month!.tr}',
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(fontSize: 28.sp, color: Colors.white),
|
||
))),
|
||
SizedBox(
|
||
width: r,
|
||
child: ListView.builder(
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
itemCount: holidaysMonthListData.listItem!.length,
|
||
itemBuilder: (BuildContext c, int index) {
|
||
final ListItem listItem =
|
||
holidaysMonthListData.listItem![index];
|
||
return _checkingInListItem(
|
||
listItem.vacationName,
|
||
DateTool().dateToYMDString(
|
||
listItem.vacationStartDate.toString()),
|
||
DateTool().dateToYMDString(
|
||
listItem.vacationEndDate.toString()),
|
||
listItem.fillClassDate!.isNotEmpty
|
||
? DateTool().dateToYMDString(
|
||
listItem.fillClassDate.toString())
|
||
: '', () async {
|
||
final dynamic data = await Get.toNamed(
|
||
Routers.checkingInDeletHolidaysPage,
|
||
arguments: <String, ListItem>{'listItem': listItem});
|
||
if (data != null) {
|
||
logic.editStaffLoadData();
|
||
}
|
||
});
|
||
}),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _checkingInListItem(String? lockTypeTitle, String? vacationStartDate,
|
||
String? vacationEndDate, String? makeUpClass, Function() action) {
|
||
return GestureDetector(
|
||
onTap: action,
|
||
child: Container(
|
||
padding:
|
||
EdgeInsets.only(left: 20.w, right: 20.w, top: 10.h, bottom: 10.h),
|
||
decoration: BoxDecoration(
|
||
border: Border(
|
||
bottom: BorderSide(
|
||
color: AppColors.mainBackgroundColor, width: 1.h, // 设置边框宽度
|
||
),
|
||
),
|
||
),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: <Widget>[
|
||
Text(
|
||
Characters(lockTypeTitle!).join('\u{200B}'),
|
||
style: TextStyle(fontSize: 24.sp),
|
||
),
|
||
SizedBox(height: 10.h),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
children: <Widget>[
|
||
Text(
|
||
'${TranslationLoader.lanKeys!.libertyDay!.tr}:$vacationStartDate - $vacationEndDate',
|
||
style: TextStyle(fontSize: 20.sp),
|
||
),
|
||
],
|
||
),
|
||
SizedBox(height: 5.h),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
children: <Widget>[
|
||
Text(
|
||
'${TranslationLoader.lanKeys!.coverDate!.tr}:$makeUpClass',
|
||
style: TextStyle(fontSize: 20.sp),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget titleWidget() {
|
||
return GestureDetector(
|
||
onTap: showListType,
|
||
child: Obx(() => Container(
|
||
width: 300.w,
|
||
height: 50.h,
|
||
color: AppColors.mainColor,
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: <Widget>[
|
||
Text(
|
||
'${state.selectYear.value}${TranslationLoader.lanKeys!.year!.tr}',
|
||
style: TextStyle(color: Colors.white, fontSize: 26.sp),
|
||
),
|
||
SizedBox(
|
||
width: 5.w,
|
||
),
|
||
Image.asset(
|
||
'images/main/icon_lockDetail_checkIn_topTitle.png',
|
||
width: 22.w,
|
||
height: 16.w,
|
||
)
|
||
],
|
||
),
|
||
)),
|
||
);
|
||
}
|
||
|
||
void showListType() {
|
||
Pickers.showDatePicker(
|
||
context,
|
||
// 模式，详见下方
|
||
mode: DateMode.Y,
|
||
// 后缀 默认Suffix.normal()，为空的话Suffix()
|
||
suffix: Suffix(years: ' 年'),
|
||
// 样式 详见下方样式
|
||
pickerStyle: PickerStyle(
|
||
cancelButton: GestureDetector(
|
||
onTap: Get.back,
|
||
child: Container(
|
||
alignment: Alignment.center,
|
||
padding: const EdgeInsets.only(left: 22, right: 12),
|
||
child: Text(TranslationLoader.lanKeys!.cancel!.tr,
|
||
style: const TextStyle(color: Colors.black, fontSize: 16.0)),
|
||
),
|
||
),
|
||
commitButton: GestureDetector(
|
||
onTap: Get.back,
|
||
child: Container(
|
||
alignment: Alignment.center,
|
||
padding: const EdgeInsets.only(left: 22, right: 12),
|
||
child: Text(TranslationLoader.lanKeys!.sure!.tr,
|
||
style: const TextStyle(color: Colors.black, fontSize: 16.0)),
|
||
),
|
||
),
|
||
),
|
||
// 默认选中
|
||
selectDate: PDuration(year: 2023),
|
||
minDate: PDuration(year: 1900),
|
||
maxDate: PDuration(year: 2100),
|
||
onConfirm: (PDuration p) {
|
||
state.selectYear.value = p.year!;
|
||
logic.editStaffLoadData();
|
||
},
|
||
);
|
||
}
|
||
|
||
Color colorWithMonth(int month) {
|
||
Color colorType;
|
||
switch (month) {
|
||
case 1:
|
||
colorType = const Color(0xFFb8d152);
|
||
break;
|
||
case 2:
|
||
colorType = const Color(0xFF8bb639);
|
||
break;
|
||
case 3:
|
||
colorType = const Color(0xFF5fb15a);
|
||
break;
|
||
case 4:
|
||
colorType = const Color(0xFFeeb582);
|
||
break;
|
||
case 5:
|
||
colorType = const Color(0xFFf3b749);
|
||
break;
|
||
case 6:
|
||
colorType = const Color(0xFFe4893c);
|
||
break;
|
||
case 7:
|
||
colorType = const Color(0xFFafb5d7);
|
||
break;
|
||
case 8:
|
||
colorType = const Color(0xFF9a95b2);
|
||
break;
|
||
case 9:
|
||
colorType = const Color(0xFF585da6);
|
||
break;
|
||
case 10:
|
||
colorType = const Color(0xFFe696a9);
|
||
break;
|
||
case 11:
|
||
colorType = const Color(0xFFb9706c);
|
||
break;
|
||
case 12:
|
||
colorType = const Color(0xFFc8474e);
|
||
break;
|
||
default:
|
||
colorType = const Color(0xFF333333);
|
||
break;
|
||
}
|
||
return colorType;
|
||
}
|
||
}
|