parent
cc262b2d53
commit
1113679ad7
@ -0,0 +1,217 @@
|
||||
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_util.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:flutter/material.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> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AkuScaffold(
|
||||
title: '装修详情',
|
||||
body: ListView(
|
||||
padding: EdgeInsets.symmetric(vertical: 16.w),
|
||||
children: [
|
||||
_buildInfo(),
|
||||
_buildFinishWorkCheck(),
|
||||
_buildCycleCheck(),
|
||||
_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: [],
|
||||
);
|
||||
}
|
||||
|
||||
_buildCycleCheck() {
|
||||
return AkuTitleBox(
|
||||
title: '周期检查',
|
||||
spacing: 24,
|
||||
children: [],
|
||||
);
|
||||
}
|
||||
|
||||
_buildCheckDetail() {
|
||||
return AkuTitleBox(
|
||||
title: '执行信息',
|
||||
spacing: 24,
|
||||
children: [],
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -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