parent
075241dd86
commit
9fa54a5a94
|
After Width: | Height: | Size: 21 KiB |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,326 @@
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:aku_new_community/extensions/num_ext.dart';
|
||||
import 'package:aku_new_community/ui/function_and_service/task/task_remark_page.dart';
|
||||
import 'package:aku_new_community/ui/function_and_service/work_order/work_order_map.dart';
|
||||
import 'package:aku_new_community/widget/bee_divider.dart';
|
||||
import 'package:aku_new_community/widget/bee_scaffold.dart';
|
||||
import 'package:aku_new_community/widget/buttons/bee_long_button.dart';
|
||||
import 'package:aku_new_community/widget/picker/bee_date_picker.dart';
|
||||
import 'package:aku_new_community/widget/picker/bee_pick_image_widget.dart';
|
||||
import 'package:aku_new_community/widget/picker/bee_picker_box.dart';
|
||||
import 'package:common_utils/common_utils.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:velocity_x/src/extensions/string_ext.dart';
|
||||
|
||||
class PublishWorkOrderPage extends StatefulWidget {
|
||||
const PublishWorkOrderPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_PublishWorkOrderPageState createState() => _PublishWorkOrderPageState();
|
||||
}
|
||||
|
||||
class _PublishWorkOrderPageState extends State<PublishWorkOrderPage> {
|
||||
int _type = 0;
|
||||
|
||||
DateTime? _appointDate;
|
||||
|
||||
DateTime? _appointEndDate;
|
||||
|
||||
TextEditingController _addressController = TextEditingController();
|
||||
String _remark = '';
|
||||
List<File> _photos = [];
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_addressController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BeeScaffold(
|
||||
title: '发布工单',
|
||||
body: SafeArea(
|
||||
child: ListView(
|
||||
children: [
|
||||
2.hb,
|
||||
Container(
|
||||
width: double.infinity,
|
||||
color: Colors.white,
|
||||
height: 164.w,
|
||||
padding: EdgeInsets.all(32.w),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
CircleAvatar(
|
||||
maxRadius: 50.w,
|
||||
),
|
||||
16.wb,
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
'李一宣'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(0.85))
|
||||
.make(),
|
||||
Spacer(),
|
||||
'租户 | 绿城·碧桂园3栋14单元104室'
|
||||
.text
|
||||
.size(24.sp)
|
||||
.color(Colors.black.withOpacity(0.45))
|
||||
.make(),
|
||||
],
|
||||
),
|
||||
Spacer(),
|
||||
GestureDetector(
|
||||
onTap: () {},
|
||||
child: Icon(
|
||||
CupertinoIcons.chevron_right,
|
||||
size: 40.w,
|
||||
)),
|
||||
],
|
||||
),
|
||||
),
|
||||
20.hb,
|
||||
_baseInfo(context),
|
||||
],
|
||||
),
|
||||
),
|
||||
bottomNavi: BeeLongButton(onPressed: () {}, text: '确认发布'),
|
||||
);
|
||||
}
|
||||
|
||||
Container _baseInfo(BuildContext context) {
|
||||
var type = GestureDetector(
|
||||
onTap: () async {
|
||||
_type = 1;
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
builder: (context) {
|
||||
return BeePickerBox(
|
||||
onPressed: () {
|
||||
Get.back();
|
||||
print(_type);
|
||||
setState(() {});
|
||||
},
|
||||
child: CupertinoPicker.builder(
|
||||
itemExtent: 60.w,
|
||||
childCount: WorkOrderMap.orderType.values.length,
|
||||
onSelectedItemChanged: (index) {
|
||||
var typeStr =
|
||||
WorkOrderMap.orderType.values.toList()[index];
|
||||
WorkOrderMap.orderType.forEach((key, value) {
|
||||
if (value == typeStr) {
|
||||
_type = key;
|
||||
}
|
||||
});
|
||||
},
|
||||
itemBuilder: (context, index) {
|
||||
var str = WorkOrderMap.orderType.values.toList()[index];
|
||||
return Center(
|
||||
child: str.text.size(32.sp).isIntrinsic.make(),
|
||||
);
|
||||
}));
|
||||
},
|
||||
);
|
||||
},
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 170.w,
|
||||
child: '分类'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(0.45))
|
||||
.make(),
|
||||
),
|
||||
'${_type == 0 ? '请选择分类' : WorkOrderMap.orderType[_type]}'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(_type == 0 ? 0.25 : 0.85))
|
||||
.make(),
|
||||
Spacer(),
|
||||
Icon(
|
||||
CupertinoIcons.chevron_right,
|
||||
size: 24.w,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
var date = Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 170.w,
|
||||
child: '预计时间'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(0.45))
|
||||
.make(),
|
||||
),
|
||||
Expanded(
|
||||
child: GestureDetector(
|
||||
onTap: () async {
|
||||
_appointDate = await BeeDatePicker.timePicker(DateTime.now());
|
||||
setState(() {});
|
||||
},
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child:
|
||||
'${DateUtil.formatDate(_appointDate, format: DateFormats.zh_mo_d_h_m)}'
|
||||
.text
|
||||
.size(24.sp)
|
||||
.color(Colors.black.withOpacity(0.85))
|
||||
.make(),
|
||||
),
|
||||
),
|
||||
),
|
||||
'-'.text.size(28.sp).color(Colors.black.withOpacity(0.85)).make(),
|
||||
Expanded(
|
||||
child: GestureDetector(
|
||||
onTap: () async {
|
||||
_appointEndDate = await BeeDatePicker.timePicker(DateTime.now());
|
||||
setState(() {});
|
||||
},
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child:
|
||||
'${DateUtil.formatDate(_appointEndDate, format: DateFormats.zh_mo_d_h_m)}'
|
||||
.text
|
||||
.size(24.sp)
|
||||
.color(Colors.black.withOpacity(_type == 0 ? 0.25 : 0.85))
|
||||
.make(),
|
||||
),
|
||||
),
|
||||
),
|
||||
Icon(
|
||||
CupertinoIcons.chevron_right,
|
||||
size: 24.w,
|
||||
),
|
||||
],
|
||||
);
|
||||
var address = Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 170.w,
|
||||
child: '工单地址'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(0.45))
|
||||
.make(),
|
||||
),
|
||||
Expanded(
|
||||
child: TextField(
|
||||
textAlign: TextAlign.start,
|
||||
onChanged: (text) => setState(() {}),
|
||||
autofocus: false,
|
||||
controller: _addressController,
|
||||
decoration: InputDecoration(
|
||||
contentPadding: EdgeInsets.zero,
|
||||
isDense: true,
|
||||
border: InputBorder.none,
|
||||
hintText: '请输入',
|
||||
hintStyle: TextStyle(
|
||||
fontSize: 28.sp,
|
||||
color: Colors.black.withOpacity(0.25),
|
||||
)),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
var remark = GestureDetector(
|
||||
onTap: () async {
|
||||
_remark = await Get.to(() => TaskRemarkPage());
|
||||
setState(() {});
|
||||
},
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 170.w,
|
||||
child: '任务备注'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(0.45))
|
||||
.make(),
|
||||
),
|
||||
Expanded(
|
||||
child: '${_remark.isEmpty ? '请输入任务备注' : _remark}'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(
|
||||
Colors.black.withOpacity(_remark.isEmpty ? 0.25 : 0.85))
|
||||
.make(),
|
||||
),
|
||||
20.wb,
|
||||
Icon(
|
||||
CupertinoIcons.chevron_right,
|
||||
size: 24.w,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
padding: EdgeInsets.only(left: 32.w, right: 32.w, bottom: 32.w),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(16.w),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
32.hb,
|
||||
type,
|
||||
32.hb,
|
||||
BeeDivider.horizontal(),
|
||||
32.hb,
|
||||
date,
|
||||
32.hb,
|
||||
BeeDivider.horizontal(),
|
||||
32.hb,
|
||||
address,
|
||||
32.hb,
|
||||
BeeDivider.horizontal(),
|
||||
32.hb,
|
||||
remark,
|
||||
32.hb,
|
||||
BeeDivider.horizontal(),
|
||||
32.hb,
|
||||
Row(
|
||||
children: [
|
||||
'上传图片'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(0.45))
|
||||
.make(),
|
||||
Spacer(),
|
||||
'建议上传图片不超过6张'
|
||||
.text
|
||||
.size(24.sp)
|
||||
.color(Colors.black.withOpacity(0.25))
|
||||
.make(),
|
||||
],
|
||||
),
|
||||
24.hb,
|
||||
BeePickImageWidget(onChanged: (value) {
|
||||
_photos = value;
|
||||
}),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,76 @@
|
||||
import 'package:aku_new_community/extensions/num_ext.dart';
|
||||
import 'package:aku_new_community/gen/assets.gen.dart';
|
||||
import 'package:aku_new_community/widget/buttons/card_bottom_button.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:velocity_x/src/extensions/string_ext.dart';
|
||||
|
||||
class WorkOrderFinishDialog extends StatelessWidget {
|
||||
final VoidCallback onConfirm;
|
||||
|
||||
const WorkOrderFinishDialog({Key? key, required this.onConfirm})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Center(
|
||||
child: Stack(
|
||||
clipBehavior: Clip.none,
|
||||
children: [
|
||||
Material(
|
||||
borderRadius: BorderRadius.circular(16.w),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(16.w),
|
||||
),
|
||||
width: 628.w,
|
||||
height: 555.w,
|
||||
child: Column(
|
||||
children: [
|
||||
196.hb,
|
||||
'是否确认工单完成'.text.color(Colors.black).isIntrinsic.make(),
|
||||
40.hb,
|
||||
'请确认问题是否已得到解决'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Colors.black.withOpacity(0.45))
|
||||
.isIntrinsic
|
||||
.make(),
|
||||
80.hb,
|
||||
Padding(
|
||||
padding:
|
||||
EdgeInsets.symmetric(vertical: 40.w, horizontal: 32.w),
|
||||
child: Row(
|
||||
children: [
|
||||
CardBottomButton.white(
|
||||
width: 270.w,
|
||||
height: 64.w,
|
||||
text: '查看报告',
|
||||
onPressed: () {
|
||||
Get.back();
|
||||
}),
|
||||
Spacer(),
|
||||
CardBottomButton.yellow(
|
||||
width: 270.w,
|
||||
height: 64.w,
|
||||
text: '确认完成',
|
||||
onPressed: onConfirm),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
left: 193.w,
|
||||
top: -150.w,
|
||||
child: Assets.icons.finishOrder.image(width: 293.w, height: 322.w),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
class WorkOrderMap {
|
||||
static Map<int, String> orderType = {
|
||||
1: '报事报修',
|
||||
};
|
||||
}
|
||||
Loading…
Reference in new issue