parent
1637228100
commit
41dc11a8a6
@ -0,0 +1,218 @@
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:aku_community_manager/tools/aku_divider.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/app_widgets/aku_single_check_button.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/bee_date_picker.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/inner/aku_bottom_button.dart';
|
||||
import 'package:common_utils/common_utils.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
|
||||
class WorkApplyPage extends StatefulWidget {
|
||||
WorkApplyPage({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_WorkApplyPageState createState() => _WorkApplyPageState();
|
||||
}
|
||||
|
||||
class _WorkApplyPageState extends State<WorkApplyPage> {
|
||||
int _type = 1; //请假为1 加班为2
|
||||
|
||||
TextEditingController _nameController;
|
||||
TextEditingController _positionController;
|
||||
TextEditingController _phoneController;
|
||||
DateTime _beginTime ;
|
||||
DateTime _endTime ;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_nameController = TextEditingController();
|
||||
_positionController = TextEditingController();
|
||||
_phoneController = TextEditingController();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_nameController?.dispose();
|
||||
_positionController?.dispose();
|
||||
_phoneController?.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AkuScaffold(
|
||||
title: '填写申请',
|
||||
backgroundColor: Colors.white,
|
||||
body: ListView(
|
||||
padding: EdgeInsets.all(32.w),
|
||||
children: [
|
||||
_headType(),
|
||||
_inputRowTile('姓名', _nameController),
|
||||
_inputRowTile('职位', _positionController),
|
||||
_inputRowTile('联系方式', _phoneController),
|
||||
_timePick(),
|
||||
],
|
||||
),
|
||||
bottom: AkuBottomButton(
|
||||
title: '确认提交',
|
||||
onTap: () {},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _headType() {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
'申请类型'.text.size(32.sp).color(kTextPrimaryColor).make(),
|
||||
40.w.heightBox,
|
||||
Row(
|
||||
children: [
|
||||
AkuSingleCheckButton(
|
||||
text: '请假',
|
||||
value: 1,
|
||||
gropValue: _type,
|
||||
onPressed: () {
|
||||
_type = 1;
|
||||
setState(() {});
|
||||
},
|
||||
),
|
||||
20.w.widthBox,
|
||||
AkuSingleCheckButton(
|
||||
text: '加班',
|
||||
value: 2,
|
||||
gropValue: _type,
|
||||
onPressed: () {
|
||||
_type = 2;
|
||||
setState(() {});
|
||||
},
|
||||
)
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _timePick() {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
40.w.heightBox,
|
||||
'申请时间'.text.size(32.sp).color(kTextPrimaryColor).bold.make(),
|
||||
40.w.heightBox,
|
||||
Row(
|
||||
children: [
|
||||
MaterialButton(
|
||||
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||
height: 120.w,
|
||||
onPressed: () async {
|
||||
DateTime date = await BeeDatePicker.pick(
|
||||
DateTime.now(),
|
||||
mode: CupertinoDatePickerMode.dateAndTime,
|
||||
min: DateTime.now().subtract(Duration(seconds: 1)),
|
||||
max: DateTime.now().add(Duration(days: 30)),
|
||||
);
|
||||
if (date != null) {
|
||||
_beginTime = date;
|
||||
setState(() {});
|
||||
}
|
||||
},
|
||||
child: Text(
|
||||
_beginTime == null
|
||||
? '请选择开始时间'
|
||||
: DateUtil.formatDate(
|
||||
_beginTime,
|
||||
format: 'yyyy-MM-dd HH:mm',
|
||||
),
|
||||
style: TextStyle(
|
||||
color: kTextSubColor,
|
||||
),
|
||||
),
|
||||
).expand(),
|
||||
Icon(Icons.arrow_forward),
|
||||
MaterialButton(
|
||||
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||
height: 120.w,
|
||||
onPressed: () async {
|
||||
DateTime date = await BeeDatePicker.pick(
|
||||
_beginTime == null ? DateTime.now() : _beginTime,
|
||||
min: _beginTime == null
|
||||
? DateTime.now().subtract(Duration(seconds: 1))
|
||||
: _beginTime,
|
||||
max: _beginTime == null
|
||||
? DateTime.now().add(Duration(days: 1))
|
||||
: (_beginTime).add(Duration(days: 1)),
|
||||
mode: CupertinoDatePickerMode.dateAndTime,
|
||||
);
|
||||
if (date != null) {
|
||||
_endTime = date;
|
||||
setState(() {});
|
||||
}
|
||||
},
|
||||
child: Text(
|
||||
_endTime == null
|
||||
? '请选择结束时间'
|
||||
: DateUtil.formatDate(
|
||||
_endTime,
|
||||
format: 'yyyy-MM-dd HH:mm',
|
||||
),
|
||||
style: TextStyle(
|
||||
color: kTextSubColor,
|
||||
),
|
||||
),
|
||||
).expand(),
|
||||
],
|
||||
),
|
||||
16.w.heightBox,
|
||||
AkuDivider.horizontal(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _inputRowTile(String title, TextEditingController controller,
|
||||
{String hintText, List<TextInputFormatter> formatters}) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
40.w.heightBox,
|
||||
title.text.size(28.sp).color(kTextPrimaryColor).make(),
|
||||
32.w.heightBox,
|
||||
TextField(
|
||||
inputFormatters: formatters,
|
||||
textAlign: TextAlign.start,
|
||||
onChanged: (value) {
|
||||
controller.text = value;
|
||||
setState(() {});
|
||||
},
|
||||
decoration: InputDecoration(
|
||||
hintText: hintText ?? '',
|
||||
isDense: true,
|
||||
contentPadding: EdgeInsets.zero,
|
||||
enabledBorder: UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: Color(0xFFE8E8E8), width: 2.w),
|
||||
),
|
||||
),
|
||||
style: TextStyle(
|
||||
fontSize: 36.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: kTextPrimaryColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,43 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:get/get.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
|
||||
class BeeCustomPicker extends StatefulWidget {
|
||||
final Widget body;
|
||||
final VoidCallback onPressed;
|
||||
BeeCustomPicker({Key key, this.body,@required this.onPressed}) : super(key: key);
|
||||
|
||||
@override
|
||||
_BeeCustomPickerState createState() => _BeeCustomPickerState();
|
||||
}
|
||||
|
||||
class _BeeCustomPickerState extends State<BeeCustomPicker> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
child: Material(
|
||||
borderRadius: BorderRadius.vertical(top: Radius.circular(10)),
|
||||
child: Column(
|
||||
children: [
|
||||
SizedBox(
|
||||
height: 48,
|
||||
child: NavigationToolbar(
|
||||
leading: TextButton(
|
||||
onPressed: Get.back,
|
||||
child: '取消'.text.black.make(),
|
||||
),
|
||||
trailing: TextButton(
|
||||
onPressed: widget.onPressed,
|
||||
child: '确定'.text.black.make(),
|
||||
),
|
||||
),
|
||||
),
|
||||
widget.body??Container(),
|
||||
],
|
||||
),
|
||||
),
|
||||
height: Get.height / 3,
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,74 @@
|
||||
import 'package:aku_community_manager/ui/widgets/common/bee_custom_picker.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:get/get.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
|
||||
class BeeDatePicker {
|
||||
static Future<DateTime> pick(
|
||||
DateTime initDate, {
|
||||
CupertinoDatePickerMode mode = CupertinoDatePickerMode.date,
|
||||
DateTime min,
|
||||
DateTime max,
|
||||
}) async {
|
||||
return await Get.bottomSheet(_BeeDatePicker(
|
||||
date: initDate,
|
||||
mode: mode,
|
||||
min: min ?? DateTime.now().subtract(Duration(days: 1)),
|
||||
max: max??DateTime.now().subtract(Duration(days: 10)),
|
||||
));
|
||||
}
|
||||
|
||||
static Future<DateTime> timePicker(DateTime initDate) async {
|
||||
return await Get.bottomSheet(_BeeDatePicker(
|
||||
date: initDate,
|
||||
min: initDate,
|
||||
max: initDate.add(Duration(days: 7)),
|
||||
mode: CupertinoDatePickerMode.dateAndTime,
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
class _BeeDatePicker extends StatefulWidget {
|
||||
final DateTime date;
|
||||
final bool use24H;
|
||||
final DateTime max;
|
||||
final DateTime min;
|
||||
final CupertinoDatePickerMode mode;
|
||||
_BeeDatePicker({
|
||||
Key key,
|
||||
@required this.date,
|
||||
this.use24H = false,
|
||||
this.max,
|
||||
this.min,
|
||||
this.mode,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
__BeeDatePickerState createState() => __BeeDatePickerState();
|
||||
}
|
||||
|
||||
class __BeeDatePickerState extends State<_BeeDatePicker> {
|
||||
DateTime _date = DateTime.now();
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_date = widget.date;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BeeCustomPicker(
|
||||
onPressed: () => Get.back(result: _date),
|
||||
body: CupertinoDatePicker(
|
||||
use24hFormat: widget.use24H,
|
||||
maximumDate: widget.max,
|
||||
minimumDate: widget.min,
|
||||
initialDateTime: _date,
|
||||
onDateTimeChanged: (date) => _date = date,
|
||||
mode: widget.mode ?? CupertinoDatePickerMode.date,
|
||||
).expand(),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue