parent
410bc98018
commit
cd091a0cc8
@ -0,0 +1,133 @@
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/inner/aku_bottom_button.dart';
|
||||
import 'package:bot_toast/bot_toast.dart';
|
||||
import 'package:common_utils/common_utils.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 KeyApplyInputPage extends StatefulWidget {
|
||||
KeyApplyInputPage({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_KeyApplyInputPageState createState() => _KeyApplyInputPageState();
|
||||
}
|
||||
|
||||
class _KeyApplyInputPageState extends State<KeyApplyInputPage> {
|
||||
TextEditingController _nameController;
|
||||
TextEditingController _phoneController;
|
||||
TextEditingController _roleController;
|
||||
TextEditingController _placeController;
|
||||
bool get canSubmit {
|
||||
if (TextUtil.isEmpty(_nameController.text)) {
|
||||
BotToast.showText(text: '申请人姓名不能为空！');
|
||||
return false;
|
||||
}
|
||||
if (TextUtil.isEmpty(_phoneController.text)) {
|
||||
BotToast.showText(text: '申请人联系方式不能为空！');
|
||||
return false;
|
||||
} else if (!_phoneFormat(_phoneController.text)) {
|
||||
BotToast.showText(text: '收件人联系方式格式错误！');
|
||||
return false;
|
||||
}
|
||||
if (TextUtil.isEmpty(_roleController.text)) {
|
||||
BotToast.showText(text: '身份不能为空！');
|
||||
return false;
|
||||
}
|
||||
if (TextUtil.isEmpty(_placeController.text)) {
|
||||
BotToast.showText(text: '对应设备不能为空！');
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
bool _phoneFormat(String phone) {
|
||||
if ((phone.length != 11) || (phone.substring(0, 1) != '1')) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_nameController = TextEditingController();
|
||||
_phoneController = TextEditingController();
|
||||
_roleController = TextEditingController();
|
||||
_placeController = TextEditingController();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_nameController?.dispose();
|
||||
_phoneController?.dispose();
|
||||
_roleController?.dispose();
|
||||
_phoneController?.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AkuScaffold(
|
||||
title: '添加包裹',
|
||||
backgroundColor: Colors.white,
|
||||
body: Center(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 32.w),
|
||||
child: Column(
|
||||
children: [
|
||||
_inputRowTile('申请人姓名', _nameController),
|
||||
_inputRowTile('联系方式', _phoneController,
|
||||
formatters: [FilteringTextInputFormatter.digitsOnly]),
|
||||
_inputRowTile('身份', _roleController),
|
||||
_inputRowTile('对应设备位置', _placeController),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
bottom: AkuBottomButton(
|
||||
title: '确认提交',
|
||||
onTap: () async {
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
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,127 @@
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:aku_community_manager/tools/aku_divider.dart';
|
||||
import 'package:aku_community_manager/ui/manage_pages/key_manage/key_manage_map.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
import 'package:aku_community_manager/tools/extensions/list_extension_tool.dart';
|
||||
class KeyApplyRecordCard extends StatefulWidget {
|
||||
final int index;
|
||||
KeyApplyRecordCard({Key key, this.index}) : super(key: key);
|
||||
|
||||
@override
|
||||
_KeyApplyRecordCardState createState() => _KeyApplyRecordCardState();
|
||||
}
|
||||
|
||||
class _KeyApplyRecordCardState extends State<KeyApplyRecordCard> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white, borderRadius: BorderRadius.circular(8.w)),
|
||||
padding: EdgeInsets.all(24.w),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
'3-1-203配电箱'
|
||||
.text
|
||||
.size(32.sp)
|
||||
.color(kTextPrimaryColor)
|
||||
.bold
|
||||
.make(),
|
||||
Spacer(),
|
||||
KeyManageMap.keyStatus[2].text
|
||||
.size(28.sp)
|
||||
.bold
|
||||
.color(KeyManageMap.keyStatusColor[2])
|
||||
.make()
|
||||
],
|
||||
),
|
||||
16.w.heightBox,
|
||||
AkuDivider.horizontal(),
|
||||
24.w.heightBox,
|
||||
...<Widget>[
|
||||
_rowTile(R.ASSETS_MANAGE_KEY_PNG, '可申请钥匙数/钥匙总数',
|
||||
'2/5'.text.size(24.sp).color(kTextSubColor).make()),
|
||||
_rowTile(R.ASSETS_MANAGE_LOCK_PNG, '对应设备位置',
|
||||
'2栋1楼2-3'.text.size(24.sp).color(kTextSubColor).make()),
|
||||
_rowTile(R.ASSETS_OUTDOOR_IC_ADDRESS_PNG, '存放地址',
|
||||
'物业管理处2号柜'.text.size(24.sp).color(kTextSubColor).make()),
|
||||
].sepWidget(separate: 12.w.heightBox),
|
||||
_getBottomButtons(2),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _getBottomButtons(int status) {
|
||||
MaterialButton button;
|
||||
switch (status) {
|
||||
case 1:
|
||||
button = _bottomButton('申请钥匙', () {}, Color(0xFFFFC40C), Colors.black);
|
||||
break;
|
||||
case 2:
|
||||
break;
|
||||
case 3:
|
||||
button = _bottomButton('确认领取', () {}, Color(0xFFFFC40C), Colors.black);
|
||||
break;
|
||||
case 4:
|
||||
button = _bottomButton('归还钥匙', () {}, Colors.black, Colors.white);
|
||||
break;
|
||||
case 5:
|
||||
button = _bottomButton('重新提交', () {}, Colors.white, Colors.black);
|
||||
break;
|
||||
case 6:
|
||||
button = _bottomButton('联系物业', () {}, Colors.white, Colors.black);
|
||||
break;
|
||||
default:
|
||||
}
|
||||
return button == null
|
||||
? SizedBox()
|
||||
: Padding(
|
||||
padding: EdgeInsets.only(top: 40.w),
|
||||
child: Row(
|
||||
children: [
|
||||
Spacer(),
|
||||
button,
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _bottomButton(
|
||||
String title, Function onPressed, Color color, Color textColor) {
|
||||
return MaterialButton(
|
||||
height: 52.w,
|
||||
padding: EdgeInsets.symmetric(vertical: 8.w, horizontal: 24.w),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(74.w)),
|
||||
color: color,
|
||||
onPressed: onPressed,
|
||||
elevation: 0,
|
||||
focusElevation: 0,
|
||||
hoverElevation: 0,
|
||||
highlightElevation: 0,
|
||||
child: title.text.size(26.sp).color(textColor).make(),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _rowTile(String iconPath, String title, Widget content) {
|
||||
return Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 40.w,
|
||||
height: 40.w,
|
||||
child: Image.asset(iconPath),
|
||||
),
|
||||
12.w.widthBox,
|
||||
title.text.size(24.sp).color(kTextSubColor).make(),
|
||||
Spacer(),
|
||||
content,
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,56 @@
|
||||
import 'package:aku_community_manager/ui/manage_pages/key_manage/key_apply_record_view.dart';
|
||||
import 'package:aku_community_manager/ui/manage_pages/key_manage/select_place_page.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/inner/aku_bottom_button.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/inner/aku_tab_bar.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
|
||||
class KeyApplyRecordPage extends StatefulWidget {
|
||||
KeyApplyRecordPage({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_KeyApplyRecordPageState createState() => _KeyApplyRecordPageState();
|
||||
}
|
||||
|
||||
class _KeyApplyRecordPageState extends State<KeyApplyRecordPage>
|
||||
with TickerProviderStateMixin {
|
||||
List<String> _tabs = ['全部', '审核中', '已通过', '已驳回'];
|
||||
TabController _tabController;
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tabController = TabController(length: _tabs.length, vsync: this);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_tabController?.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AkuScaffold(
|
||||
title: '钥匙管理',
|
||||
appBarBottom: PreferredSize(
|
||||
child: AkuTabBar(controller: _tabController, tabs: _tabs),
|
||||
preferredSize: Size.fromHeight(88.w),
|
||||
),
|
||||
body: TabBarView(
|
||||
controller: _tabController,
|
||||
children: List.generate(
|
||||
_tabs.length,
|
||||
(index) => KeyApplyRecordView(
|
||||
index: index,
|
||||
)),
|
||||
),
|
||||
bottom: AkuBottomButton(
|
||||
title: '立即申请',
|
||||
onTap: () {
|
||||
SelectPlacePage();
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import 'package:aku_community_manager/ui/manage_pages/key_manage/key_apply_record_card.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
|
||||
class KeyApplyRecordView extends StatefulWidget {
|
||||
final int index;
|
||||
KeyApplyRecordView({Key key, this.index}) : super(key: key);
|
||||
|
||||
@override
|
||||
_KeyApplyRecordViewState createState() => _KeyApplyRecordViewState();
|
||||
}
|
||||
|
||||
class _KeyApplyRecordViewState extends State<KeyApplyRecordView> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListView(
|
||||
padding: EdgeInsets.symmetric(vertical: 24.w,horizontal: 32.w),
|
||||
children: [
|
||||
KeyApplyRecordCard(
|
||||
index: widget.index,
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue