* dev: 更新装修管理页面点击事件 update decoration model qr page add animated bar 更新扫一扫页面 更新装修管理详情页面 update decoration detail page 更新退出按钮UI # Conflicts: # lib/main.darthmxc
commit
bfedcf1351
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,47 @@
|
||||
import 'package:aku_community_manager/mock_models/decoration/decoration_model.dart';
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:aku_community_manager/tools/widget_tool.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:aku_community_manager/tools/screen_tool.dart';
|
||||
|
||||
class DecorationCheckCardWidget extends StatelessWidget {
|
||||
final CHECK_TYPE type;
|
||||
final bool checked;
|
||||
const DecorationCheckCardWidget(
|
||||
{Key key, @required this.type, this.checked = false})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
height: 160.w,
|
||||
width: 124.w,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Image.asset(
|
||||
checkAssetMap[type],
|
||||
height: 56.w,
|
||||
width: 56.w,
|
||||
),
|
||||
AkuBox.h(4),
|
||||
Text(
|
||||
checkTypeMap[type],
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 24.sp,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(
|
||||
color: checked ? AppStyle.primaryTextColor : Color(0xFFE8E8E8),
|
||||
width: 3.w,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(8.w),
|
||||
color: checked ? Color(0xFFFFF3CC) : Colors.white,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,68 @@
|
||||
import 'package:aku_community_manager/mock_models/decoration/decoration_model.dart';
|
||||
import 'package:aku_community_manager/tools/widget_tool.dart';
|
||||
import 'package:aku_community_manager/ui/sub_pages/decoration_manager/decoration_check_card_widget.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:aku_community_manager/tools/screen_tool.dart';
|
||||
|
||||
class DecorationCheckRow extends StatefulWidget {
|
||||
final List<CHECK_TYPE> details;
|
||||
final Function(List<CHECK_TYPE> details) onChange;
|
||||
final bool canTap;
|
||||
DecorationCheckRow(
|
||||
{Key key, @required this.details, this.onChange, this.canTap = false})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
_DecorationCheckRowState createState() => _DecorationCheckRowState();
|
||||
}
|
||||
|
||||
class _DecorationCheckRowState extends State<DecorationCheckRow> {
|
||||
List<CHECK_TYPE> _tempCheckDetails = [];
|
||||
List<CHECK_TYPE> _checkedDetails = [];
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tempCheckDetails = widget.details;
|
||||
widget.details.forEach((element) {
|
||||
_checkedDetails.add(element);
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
height: 160.w,
|
||||
child: ListView.separated(
|
||||
scrollDirection: Axis.horizontal,
|
||||
itemBuilder: (context, index) {
|
||||
return GestureDetector(
|
||||
onTap: !widget.canTap
|
||||
? null
|
||||
: () {
|
||||
widget.onChange(_checkedDetails);
|
||||
setState(() {
|
||||
_checkedDetails.indexOf(_tempCheckDetails[index]) != -1
|
||||
? _checkedDetails.remove(_tempCheckDetails[index])
|
||||
: _checkedDetails.add(_tempCheckDetails[index]);
|
||||
});
|
||||
},
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: DecorationCheckCardWidget(
|
||||
type: _tempCheckDetails[index],
|
||||
checked: !widget.canTap
|
||||
? false
|
||||
: _checkedDetails.indexOf(_tempCheckDetails[index]) != -1,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
itemCount: _tempCheckDetails.length,
|
||||
separatorBuilder: (context, index) {
|
||||
return AkuBox.w(16);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,109 @@
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:aku_community_manager/tools/widget_tool.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class DecorationCheckBox extends StatefulWidget {
|
||||
final bool initValue;
|
||||
final Function(bool state) onChange;
|
||||
DecorationCheckBox({Key key, this.initValue = true, this.onChange})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
_DecorationCheckBoxState createState() => _DecorationCheckBoxState();
|
||||
}
|
||||
|
||||
class _DecorationCheckBoxState extends State<DecorationCheckBox> {
|
||||
bool _nowValue;
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_nowValue = widget.initValue;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
_buildBox(
|
||||
rawChecked: true,
|
||||
color: AppStyle.successColor,
|
||||
subColor: AppStyle.subSuccessColor,
|
||||
title: '正常',
|
||||
icon: Icons.check,
|
||||
),
|
||||
AkuBox.w(56),
|
||||
_buildBox(
|
||||
rawChecked: false,
|
||||
color: AppStyle.failColor,
|
||||
subColor: AppStyle.subFailColor,
|
||||
title: '异常',
|
||||
icon: Icons.check,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildBox(
|
||||
{bool rawChecked,
|
||||
Color color,
|
||||
Color subColor,
|
||||
String title,
|
||||
IconData icon}) {
|
||||
final checked = _nowValue == rawChecked;
|
||||
return GestureDetector(
|
||||
onTap: widget.onChange == null
|
||||
? null
|
||||
: () {
|
||||
setState(() {
|
||||
_nowValue = rawChecked;
|
||||
});
|
||||
widget.onChange(_nowValue);
|
||||
},
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
AnimatedContainer(
|
||||
height: 40.w,
|
||||
width: 40.w,
|
||||
curve: Curves.easeInOutCubic,
|
||||
child: _buildIcon(icon, color, checked),
|
||||
duration: Duration(milliseconds: 300),
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(20.w),
|
||||
border: Border.all(
|
||||
color: checked ? color : Color(0xFFE8E8E8),
|
||||
),
|
||||
color: checked ? subColor : subColor.withOpacity(0),
|
||||
),
|
||||
),
|
||||
AkuBox.w(16),
|
||||
AkuBox.h(96),
|
||||
_buildText(title, color, checked),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
_buildText(String title, Color color, bool checked) {
|
||||
return Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
color: checked ? color : AppStyle.minorTextColor,
|
||||
fontSize: 24.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
_buildIcon(IconData icon, Color color, bool checked) {
|
||||
return Icon(
|
||||
icon,
|
||||
color: checked ? color : Color(0xFFE8E8E8),
|
||||
size: 32.w,
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,188 @@
|
||||
import 'package:aku_community_manager/const/resource.dart';
|
||||
import 'package:aku_community_manager/mock_models/decoration/decoration_model.dart';
|
||||
import 'package:aku_community_manager/mock_models/fix/fix_model.dart';
|
||||
import 'package:aku_community_manager/mock_models/fix/fixer_model.dart';
|
||||
import 'package:aku_community_manager/provider/fix_provider.dart';
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:aku_community_manager/tools/widget_tool.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
||||
import 'package:aku_community_manager/tools/screen_tool.dart';
|
||||
import 'package:aku_ui/common_widgets/aku_material_button.dart';
|
||||
import 'package:expandable/expandable.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class DecorationDepartmentPage extends StatefulWidget {
|
||||
final DecorationModel model;
|
||||
DecorationDepartmentPage({Key key, @required this.model}) : super(key: key);
|
||||
|
||||
@override
|
||||
_DecorationDepartmentPageState createState() =>
|
||||
_DecorationDepartmentPageState();
|
||||
}
|
||||
|
||||
class _DecorationDepartmentPageState extends State<DecorationDepartmentPage> {
|
||||
FixerModel _pickedFixer;
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final fixProvider = Provider.of<FixProvider>(context);
|
||||
|
||||
return AkuScaffold(
|
||||
title: '装修指派',
|
||||
body: ListView.builder(
|
||||
padding: EdgeInsets.symmetric(vertical: 16.w),
|
||||
itemBuilder: (context, index) {
|
||||
return _buildItem(fixProvider.propertyModels[index], index);
|
||||
},
|
||||
itemCount: fixProvider.propertyModels.length,
|
||||
),
|
||||
bottom: AkuMaterialButton(
|
||||
height: 96.w,
|
||||
onPressed: _pickedFixer == null
|
||||
? null
|
||||
: () {
|
||||
widget.model.cycleCheck.authPerson = _pickedFixer;
|
||||
Get.back();
|
||||
},
|
||||
color: AppStyle.primaryColor,
|
||||
nullColor: AppStyle.primaryColor.withOpacity(0.5),
|
||||
child: Text(
|
||||
'选择完成',
|
||||
style: TextStyle(
|
||||
color: _pickedFixer == null
|
||||
? AppStyle.minorTextColor
|
||||
: AppStyle.primaryTextColor,
|
||||
fontSize: 32.w,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
_buildItem(FixerTypedModel model, int index) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
top: index == 0
|
||||
? BorderSide.none
|
||||
: BorderSide(color: Color(0xFFE8E8E8), width: 1.w),
|
||||
bottom: BorderSide(color: Color(0xFFE8E8E8), width: 1.w),
|
||||
),
|
||||
),
|
||||
child: Material(
|
||||
color: Colors.white,
|
||||
child: ExpandablePanel(
|
||||
controller: ExpandableController(initialExpanded: true),
|
||||
header: Container(
|
||||
height: 96.w,
|
||||
alignment: Alignment.centerLeft,
|
||||
padding: EdgeInsets.symmetric(horizontal: 32.w),
|
||||
child: Text(
|
||||
model.typeName,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 32.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
collapsed: SizedBox(),
|
||||
expanded: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Divider(
|
||||
color: Color(0xFFE8E8E8),
|
||||
height: 1.w,
|
||||
thickness: 1.w,
|
||||
),
|
||||
...model.fixers.map((e) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
AkuMaterialButton(
|
||||
height: 96.w,
|
||||
onPressed: () {
|
||||
if (_pickedFixer?.name != e.name) {
|
||||
_pickedFixer = e;
|
||||
} else {
|
||||
_pickedFixer = null;
|
||||
}
|
||||
setState(() {});
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
AkuBox.w(72),
|
||||
Checkbox(
|
||||
checkColor: AppStyle.primaryTextColor,
|
||||
activeColor: AppStyle.primaryColor,
|
||||
value: _pickedFixer?.name == e.name,
|
||||
onChanged: (state) {
|
||||
if (_pickedFixer == null) {
|
||||
_pickedFixer = e;
|
||||
} else {
|
||||
_pickedFixer = null;
|
||||
}
|
||||
setState(() {});
|
||||
},
|
||||
materialTapTargetSize:
|
||||
MaterialTapTargetSize.shrinkWrap,
|
||||
),
|
||||
Image.asset(
|
||||
R.ASSETS_MESSAGE_IC_PEOPLE_PNG,
|
||||
height: 40.w,
|
||||
width: 40.w,
|
||||
),
|
||||
Text(
|
||||
e.name,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Image.asset(
|
||||
R.ASSETS_MESSAGE_IC_PHONE_PNG,
|
||||
height: 40.w,
|
||||
width: 40.w,
|
||||
),
|
||||
Text(
|
||||
e.phone,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
AkuBox.w(101),
|
||||
],
|
||||
),
|
||||
),
|
||||
model.fixers.last == e
|
||||
? SizedBox()
|
||||
: Divider(
|
||||
indent: 32.w,
|
||||
endIndent: 32.w,
|
||||
height: 1.w,
|
||||
thickness: 1.w,
|
||||
color: Color(0xFFE8E8E8),
|
||||
),
|
||||
],
|
||||
);
|
||||
}).toList()
|
||||
],
|
||||
),
|
||||
theme: ExpandableThemeData(
|
||||
tapHeaderToExpand: true,
|
||||
iconPlacement: ExpandablePanelIconPlacement.right,
|
||||
iconPadding: EdgeInsets.only(top: 32.w, right: 32.w),
|
||||
iconSize: 32.w,
|
||||
iconColor: AppStyle.minorTextColor,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,630 @@
|
||||
import 'package:aku_community_manager/mock_models/decoration/decoration_model.dart';
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:aku_community_manager/tools/widget_tool.dart';
|
||||
import 'package:aku_community_manager/ui/sub_pages/decoration_manager/decoration_check_row.dart';
|
||||
import 'package:aku_community_manager/ui/sub_pages/decoration_manager/decoration_checkbox.dart';
|
||||
import 'package:aku_community_manager/ui/sub_pages/decoration_manager/decoration_department_page.dart';
|
||||
import 'package:aku_community_manager/ui/sub_pages/decoration_manager/decoration_util.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/aku_back_button.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/inner/aku_title_box.dart';
|
||||
import 'package:aku_community_manager/tools/screen_tool.dart';
|
||||
import 'package:aku_community_manager/const/resource.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/inner/show_bottom_sheet.dart';
|
||||
import 'package:aku_ui/common_widgets/aku_material_button.dart';
|
||||
import 'package:common_utils/common_utils.dart';
|
||||
import 'package:expandable/expandable.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class DecorationManagerDetailPage extends StatefulWidget {
|
||||
final DecorationModel model;
|
||||
DecorationManagerDetailPage({Key key, @required this.model})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
_DecorationManagerDetailStatePage createState() =>
|
||||
_DecorationManagerDetailStatePage();
|
||||
}
|
||||
|
||||
class _DecorationManagerDetailStatePage
|
||||
extends State<DecorationManagerDetailPage> {
|
||||
bool get isWaitHandOut => widget.model.type == DecorationType.WAIT_HAND_OUT;
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AkuScaffold(
|
||||
title: '装修详情',
|
||||
body: ListView(
|
||||
padding: EdgeInsets.symmetric(vertical: 16.w),
|
||||
children: [
|
||||
_buildInfo(),
|
||||
widget.model.workFinishCheck == null
|
||||
? SizedBox()
|
||||
: _buildFinishWorkCheck(),
|
||||
_buildCycleCheck(),
|
||||
widget.model.type == DecorationType.WAIT_HAND_OUT
|
||||
? SizedBox()
|
||||
: _buildCheckDetail(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
_buildInfo() {
|
||||
return AkuTitleBox(
|
||||
title: '装修信息',
|
||||
spacing: 24,
|
||||
suffix: Text(
|
||||
DecorationUIUtil(context).getTagName(
|
||||
widget.model.type,
|
||||
widget.model.statusType,
|
||||
),
|
||||
style: TextStyle(
|
||||
color: DecorationUIUtil(context).getTagColor(
|
||||
widget.model.type,
|
||||
widget.model.statusType,
|
||||
),
|
||||
fontSize: 24.w,
|
||||
),
|
||||
),
|
||||
children: [
|
||||
_buildInfoCard(
|
||||
tag: '家',
|
||||
midTop: widget.model.userHomeModel.plot,
|
||||
midBottom: widget.model.userHomeModel.detailAddr,
|
||||
name: '业主：' + widget.model.userHomeModel.userName,
|
||||
phone: widget.model.userHomeModel.phone,
|
||||
rightTopWidget: Placeholder(),
|
||||
),
|
||||
AkuBox.h(16),
|
||||
_buildInfoCard(
|
||||
tag: '装',
|
||||
midTop: widget.model.decorationTeamModel.name,
|
||||
name: '负责人：' + widget.model.decorationTeamModel.userName,
|
||||
phone: widget.model.decorationTeamModel.phone,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildInfoCard({
|
||||
String tag,
|
||||
String midTop,
|
||||
String midBottom,
|
||||
String name,
|
||||
String phone,
|
||||
Widget rightTopWidget = const SizedBox(),
|
||||
}) {
|
||||
return Stack(
|
||||
children: [
|
||||
Container(
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Row(
|
||||
children: [
|
||||
AkuBox.w(32),
|
||||
Container(
|
||||
height: 96.w,
|
||||
width: 96.w,
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
tag,
|
||||
style: TextStyle(
|
||||
color: AppStyle.secondaryColor,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 32.sp,
|
||||
),
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: Color(0xFFE9F2FF),
|
||||
borderRadius: BorderRadius.circular(48.w),
|
||||
),
|
||||
),
|
||||
AkuBox.w(24),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
midTop,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 32.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
midBottom == null
|
||||
? SizedBox()
|
||||
: Text(
|
||||
midBottom,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 32.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
)),
|
||||
Divider(
|
||||
height: 1.w,
|
||||
thickness: 1.w,
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
AkuBox.h(88),
|
||||
AkuBox.w(32),
|
||||
Image.asset(
|
||||
R.ASSETS_MESSAGE_IC_PEOPLE_PNG,
|
||||
height: 40.w,
|
||||
width: 40.w,
|
||||
),
|
||||
Text(
|
||||
name,
|
||||
style: TextStyle(
|
||||
color: AppStyle.minorTextColor,
|
||||
fontSize: 24.sp,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Image.asset(
|
||||
R.ASSETS_MESSAGE_IC_PHONE_PNG,
|
||||
height: 40.w,
|
||||
width: 40.w,
|
||||
),
|
||||
Text(
|
||||
'电话：$phone',
|
||||
style: TextStyle(
|
||||
color: AppStyle.minorTextColor,
|
||||
fontSize: 24.sp,
|
||||
),
|
||||
),
|
||||
AkuBox.w(42),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
height: 248.w,
|
||||
decoration: BoxDecoration(
|
||||
color: Color(0xFFF9F9F9),
|
||||
borderRadius: BorderRadius.circular(8.w),
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
top: -30.w,
|
||||
right: -30.w,
|
||||
width: 140.w,
|
||||
height: 140.w,
|
||||
child: rightTopWidget,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildFinishWorkCheck() {
|
||||
return AkuTitleBox(
|
||||
title: '完工检查',
|
||||
spacing: 24,
|
||||
children: [
|
||||
_buildRow(
|
||||
title: '开始装修时间',
|
||||
subTitle: DateUtil.formatDate(
|
||||
widget.model.decorationDate,
|
||||
format: 'yyyy-MM-dd',
|
||||
),
|
||||
),
|
||||
_buildRow(
|
||||
title: '接受人',
|
||||
subTitle: widget.model.workFinishCheck?.authPerson?.name,
|
||||
),
|
||||
_buildRow(title: '所属项目', subTitle: '装修管理'),
|
||||
_buildRow(
|
||||
title: '开始日期',
|
||||
subTitle: DateUtil.formatDate(
|
||||
widget.model.workFinishCheck?.startDate,
|
||||
format: 'yyyy-MM-dd',
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
vertical: 28.w,
|
||||
),
|
||||
child: Text(
|
||||
'检查内容',
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
),
|
||||
DecorationCheckRow(
|
||||
details: widget.model.workFinishCheck?.checkDetails,
|
||||
onChange: (details) {},
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildCycleCheck() {
|
||||
return AkuTitleBox(
|
||||
title: '周期检查',
|
||||
spacing: 24,
|
||||
children: [
|
||||
_buildRow(
|
||||
title: '开始装修时间',
|
||||
subTitle: DateUtil.formatDate(
|
||||
widget.model.decorationDate,
|
||||
format: 'yyyy-MM-dd',
|
||||
),
|
||||
),
|
||||
_buildRow(
|
||||
title: '接受人',
|
||||
subTitle: widget.model.cycleCheck?.authPerson?.name,
|
||||
onTap: isWaitHandOut
|
||||
? () {
|
||||
Get.to(DecorationDepartmentPage(
|
||||
model: widget.model,
|
||||
)).then((value) => setState(() {}));
|
||||
}
|
||||
: null,
|
||||
),
|
||||
_buildRow(title: '所属项目', subTitle: '装修管理'),
|
||||
_buildRow(
|
||||
title: '开始日期',
|
||||
subTitle: DateUtil.formatDate(
|
||||
widget.model.cycleCheck?.startDate,
|
||||
format: 'yyyy-MM-dd',
|
||||
),
|
||||
onTap: isWaitHandOut
|
||||
? () {
|
||||
showAkuSheet(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
AkuBox.h(96),
|
||||
AkuBackButton.text(),
|
||||
Spacer(),
|
||||
Text(
|
||||
'开始日期',
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 32.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
AkuMaterialButton(
|
||||
minWidth: (64 + 56).w,
|
||||
onPressed: () {
|
||||
Get.back();
|
||||
},
|
||||
child: Text(
|
||||
'确定',
|
||||
style: TextStyle(
|
||||
color: AppStyle.secondaryColor,
|
||||
fontSize: 28.sp,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Container(
|
||||
height: 500.w,
|
||||
child: CupertinoDatePicker(
|
||||
onDateTimeChanged: (dateTime) {
|
||||
widget.model.cycleCheck.startDate = dateTime;
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
).then((value) {
|
||||
setState(() {});
|
||||
});
|
||||
}
|
||||
: null,
|
||||
),
|
||||
_buildRow(
|
||||
title: '检查周期',
|
||||
subTitle: widget.model.cycleCheck.checkCycle == null
|
||||
? null
|
||||
: '${widget.model.cycleCheck.checkCycle}天',
|
||||
onTap: isWaitHandOut
|
||||
? () {
|
||||
showAkuSheet(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
AkuBox.h(96),
|
||||
AkuBackButton.text(),
|
||||
Spacer(),
|
||||
Text(
|
||||
'检查周期',
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 32.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
AkuMaterialButton(
|
||||
minWidth: (64 + 56).w,
|
||||
onPressed: () {
|
||||
Get.back();
|
||||
},
|
||||
child: Text(
|
||||
'确定',
|
||||
style: TextStyle(
|
||||
color: AppStyle.secondaryColor,
|
||||
fontSize: 28.sp,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Container(
|
||||
height: 500.w,
|
||||
child: CupertinoPicker(
|
||||
children: [
|
||||
Center(
|
||||
child: Text('1天'),
|
||||
),
|
||||
Center(
|
||||
child: Text('3天'),
|
||||
),
|
||||
Center(
|
||||
child: Text('7天'),
|
||||
),
|
||||
Center(
|
||||
child: Text('14天'),
|
||||
),
|
||||
Center(
|
||||
child: Text('30天'),
|
||||
),
|
||||
],
|
||||
itemExtent: 88.w,
|
||||
onSelectedItemChanged: (int value) {
|
||||
int realValue = 0;
|
||||
switch (value) {
|
||||
case 0:
|
||||
realValue = 1;
|
||||
break;
|
||||
case 1:
|
||||
realValue = 3;
|
||||
break;
|
||||
case 2:
|
||||
realValue = 7;
|
||||
break;
|
||||
case 3:
|
||||
realValue = 14;
|
||||
break;
|
||||
case 4:
|
||||
realValue = 30;
|
||||
break;
|
||||
}
|
||||
widget.model.cycleCheck.checkCycle = realValue;
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
).then((value) {
|
||||
setState(() {});
|
||||
});
|
||||
}
|
||||
: null,
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
vertical: 28.w,
|
||||
),
|
||||
child: Text(
|
||||
'检查内容',
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
),
|
||||
DecorationCheckRow(
|
||||
details: [
|
||||
CHECK_TYPE.ELECTRIC,
|
||||
CHECK_TYPE.WATER,
|
||||
CHECK_TYPE.WALL,
|
||||
CHECK_TYPE.DOOR_AND_WINDOWS,
|
||||
CHECK_TYPE.SECURITY,
|
||||
],
|
||||
onChange: (details) {
|
||||
widget.model.cycleCheck.checkDetails = details;
|
||||
},
|
||||
canTap: isWaitHandOut,
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildCheckDetail() {
|
||||
return AkuTitleBox(
|
||||
title: '执行信息',
|
||||
spacing: 24,
|
||||
children: widget.model.checkInfomations.map((e) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: Color(0xFFE8E8E8),
|
||||
width: 1.w,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: ExpandablePanel(
|
||||
theme: ExpandableThemeData(
|
||||
tapHeaderToExpand: true,
|
||||
iconPlacement: ExpandablePanelIconPlacement.right,
|
||||
iconPadding: EdgeInsets.only(top: 32.w),
|
||||
iconSize: 32.w,
|
||||
iconColor: AppStyle.minorTextColor,
|
||||
),
|
||||
header: Row(
|
||||
children: [
|
||||
AkuBox.h(96),
|
||||
Text(
|
||||
'${DateUtil.formatDate(e.checkDate, format: 'yyyy-MM-dd')} ' +
|
||||
e.checkType,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 28.sp,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Text(
|
||||
e.checkAllResult ? '正常' : '异常',
|
||||
style: TextStyle(
|
||||
color: e.checkAllResult
|
||||
? Color(0xFF32B814)
|
||||
: Color(0xFFFF4501),
|
||||
fontSize: 28.sp,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
expanded: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
...e.details.map((e) {
|
||||
return Container(
|
||||
height: 96.w,
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
top: BorderSide(
|
||||
color: Color(0xFFE8E8E8),
|
||||
width: 1.w,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
AkuBox.w(48),
|
||||
Image.asset(
|
||||
e.assetpath,
|
||||
height: 40.w,
|
||||
),
|
||||
Text(
|
||||
e.typeValue,
|
||||
style: TextStyle(
|
||||
fontSize: 28.sp,
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
DecorationCheckBox(
|
||||
initValue: e.status,
|
||||
),
|
||||
Spacer(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
top: BorderSide(
|
||||
width: 1.w,
|
||||
color: Color(0xFFE8E8E8),
|
||||
),
|
||||
),
|
||||
),
|
||||
height: 96.w,
|
||||
padding: EdgeInsets.symmetric(horizontal: 32.w),
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text.rich(
|
||||
TextSpan(
|
||||
children: [
|
||||
TextSpan(
|
||||
text: '检查描述:',
|
||||
style: TextStyle(
|
||||
color: AppStyle.minorTextColor,
|
||||
),
|
||||
),
|
||||
TextSpan(
|
||||
text: e.info,
|
||||
),
|
||||
],
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.sp,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
);
|
||||
}
|
||||
|
||||
_buildRow({
|
||||
String title,
|
||||
String subTitle,
|
||||
VoidCallback onTap,
|
||||
}) {
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
bottom: BorderSide(color: Color(0xFFE8E8E8), width: 1.w)),
|
||||
),
|
||||
child: InkWell(
|
||||
child: Row(
|
||||
children: [
|
||||
AkuBox.h(96),
|
||||
Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Text(
|
||||
TextUtil.isEmpty(subTitle) ? '请选择' : subTitle,
|
||||
style: TextStyle(
|
||||
color: TextUtil.isEmpty(subTitle)
|
||||
? AppStyle.minorTextColor
|
||||
: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
onTap == null ? SizedBox() : AkuBox.w(24),
|
||||
onTap == null
|
||||
? SizedBox()
|
||||
: Icon(
|
||||
Icons.arrow_forward_ios,
|
||||
size: 32.w,
|
||||
color: AppStyle.minorTextColor,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,58 @@
|
||||
import 'package:aku_community_manager/mock_models/decoration/decoration_model.dart';
|
||||
import 'package:aku_community_manager/mock_models/users/user_info_model.dart';
|
||||
import 'package:aku_community_manager/provider/user_provider.dart';
|
||||
import 'package:aku_community_manager/style/app_style.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class DecorationUIUtil {
|
||||
BuildContext context;
|
||||
USER_ROLE get role =>
|
||||
Provider.of<UserProvider>(context, listen: false).userInfoModel.role;
|
||||
|
||||
DecorationUIUtil(this.context);
|
||||
String getTagName(DecorationType type, DecorationStatusType statusType) {
|
||||
Map<DecorationType, String> managerMap = {
|
||||
DecorationType.WAIT_HAND_OUT: '待指派',
|
||||
DecorationType.HAND_OUT: '已指派',
|
||||
DecorationType.DONE: '已执行',
|
||||
};
|
||||
|
||||
Map<DecorationType, String> fixerMap = {
|
||||
DecorationType.HAND_OUT: '待执行',
|
||||
DecorationType.DONE: '已执行',
|
||||
};
|
||||
|
||||
Map<DecorationStatusType, String> defaultMap = {
|
||||
DecorationStatusType.DONE: '装修完成',
|
||||
DecorationStatusType.PROGRESS: '装修中',
|
||||
};
|
||||
|
||||
switch (role) {
|
||||
case USER_ROLE.MANAGER:
|
||||
return managerMap[type];
|
||||
break;
|
||||
case USER_ROLE.PROPERTY:
|
||||
return fixerMap[type];
|
||||
break;
|
||||
default:
|
||||
return defaultMap[statusType];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
Color getTagColor(DecorationType type, DecorationStatusType statusType) {
|
||||
if (role == USER_ROLE.MANAGER || role == USER_ROLE.PROPERTY) {
|
||||
if (type == DecorationType.WAIT_HAND_OUT ||
|
||||
type == DecorationType.HAND_OUT) {
|
||||
return Color(0xFFFF4501);
|
||||
} else
|
||||
return AppStyle.minorTextColor;
|
||||
} else {
|
||||
if (statusType == DecorationStatusType.PROGRESS) {
|
||||
return Color(0xFFFF4501);
|
||||
} else
|
||||
return Color(0xFF32B814);
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue