parent
471adb6563
commit
607a60f214
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 29 KiB |
@ -0,0 +1,366 @@
|
||||
import 'package:aku_community_manager/const/resource.dart';
|
||||
import 'package:aku_community_manager/mock_models/fix/fix_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:aku_community_manager/tools/widget_tool.dart';
|
||||
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
||||
import 'package:common_utils/common_utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:aku_community_manager/tools/screen_tool.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class BusinessAndFixDetailPage extends StatefulWidget {
|
||||
final FixModel model;
|
||||
BusinessAndFixDetailPage({Key key, this.model}) : super(key: key);
|
||||
|
||||
@override
|
||||
_BusinessAndFixDetailPageState createState() =>
|
||||
_BusinessAndFixDetailPageState();
|
||||
}
|
||||
|
||||
class _BusinessAndFixDetailPageState extends State<BusinessAndFixDetailPage> {
|
||||
USER_ROLE get userRole {
|
||||
final userProvider = Provider.of<UserProvider>(context, listen: false);
|
||||
return userProvider.userInfoModel.role;
|
||||
}
|
||||
|
||||
FixDetailModel get detailModel => widget.model.detail;
|
||||
|
||||
String get fixType {
|
||||
switch (detailModel.type) {
|
||||
case FIX_PAYMENT_TYPE.FREE:
|
||||
return '无偿服务';
|
||||
break;
|
||||
case FIX_PAYMENT_TYPE.PAY:
|
||||
return '有偿服务';
|
||||
break;
|
||||
default:
|
||||
return '';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
String get dateLimit {
|
||||
switch (detailModel.limit) {
|
||||
case FIX_DATE_LIMIT.HOUR_24:
|
||||
return '24小时内处理';
|
||||
break;
|
||||
case FIX_DATE_LIMIT.HOUR_12:
|
||||
return '12小时内处理';
|
||||
break;
|
||||
case FIX_DATE_LIMIT.HOUR_8:
|
||||
return '8小时内处理';
|
||||
break;
|
||||
default:
|
||||
return '';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
String get subType {
|
||||
switch (detailModel.subType) {
|
||||
case FIX_SUB_TYPE.NORMAL:
|
||||
return '一般单';
|
||||
break;
|
||||
case FIX_SUB_TYPE.HURRY:
|
||||
return '加急单';
|
||||
break;
|
||||
default:
|
||||
return '';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
Widget get fixTypeWidget {
|
||||
if (userRole == USER_ROLE.MANAGER) {
|
||||
return Text(
|
||||
FixModel.managerRoleMap[widget.model.type],
|
||||
style: TextStyle(
|
||||
color: widget.model.type != FIX_ENUM.DONE
|
||||
? Color(0XFFFF4501)
|
||||
: AppStyle.minorTextColor,
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return Text(
|
||||
FixModel.otherRoleMap[widget.model.type],
|
||||
style: TextStyle(
|
||||
color: widget.model.type != FIX_ENUM.DONE
|
||||
? Color(0XFFFF4501)
|
||||
: AppStyle.minorTextColor,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AkuScaffold(
|
||||
title: '报修详情',
|
||||
body: ListView(
|
||||
padding: EdgeInsets.symmetric(vertical: 16.w),
|
||||
children: [
|
||||
_buildInfo(),
|
||||
_buildType(),
|
||||
_buildProcess(),
|
||||
_buildResult(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
_buildInfo() {
|
||||
return _buildRawBox(
|
||||
title: '报修信息',
|
||||
suffix: fixTypeWidget,
|
||||
children: [
|
||||
AkuBox.h(16),
|
||||
_buildTile(
|
||||
R.ASSETS_MESSAGE_IC_PEOPLE_PNG,
|
||||
'报修人',
|
||||
widget.model.detail.userName,
|
||||
),
|
||||
_buildTile(
|
||||
R.ASSETS_MESSAGE_IC_PHONE_PNG,
|
||||
'联系电话',
|
||||
widget.model.detail.userPhoneNumber,
|
||||
),
|
||||
_buildTile(
|
||||
R.ASSETS_MESSAGE_IC_AREA_PNG,
|
||||
'报修区域',
|
||||
widget.model.detail.fixArea,
|
||||
),
|
||||
AkuBox.h(8),
|
||||
Text(
|
||||
widget.model.title,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
GridView(
|
||||
padding: EdgeInsets.only(top: 16.w),
|
||||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 3,
|
||||
crossAxisSpacing: 16.w,
|
||||
mainAxisSpacing: 16.w,
|
||||
),
|
||||
children: widget.model.imgs.map((e) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.circular(4.w),
|
||||
child: (e is String) ? Image.asset(e) : Image.file(e),
|
||||
);
|
||||
}).toList(),
|
||||
shrinkWrap: true,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildType() {
|
||||
return _buildRawBox(
|
||||
title: '工单类型',
|
||||
children: [
|
||||
_buildTypeTile('派单类型', fixType, false),
|
||||
_buildTypeTile('工单时限', dateLimit, false),
|
||||
_buildTypeTile('工单子类', subType, false),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildProcess() {
|
||||
return _buildRawBox(
|
||||
title: '报修进程',
|
||||
children: detailModel.fixStatuses.map((e) {
|
||||
return _buildProcessTile(
|
||||
e.title,
|
||||
DateUtil.formatDate(e.date, format: 'yyyy-MM-dd HH:mm:ss'),
|
||||
);
|
||||
}).toList(),
|
||||
);
|
||||
}
|
||||
|
||||
_buildResult() {
|
||||
return _buildRawBox(
|
||||
title: '处理情况',
|
||||
spacing: 24,
|
||||
children: [
|
||||
Text(
|
||||
'处理描述',
|
||||
style: TextStyle(
|
||||
color: AppStyle.minorTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
AkuBox.h(8),
|
||||
Text(
|
||||
detailModel.result.detail,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
AkuBox.h(24),
|
||||
Text(
|
||||
'更换材料',
|
||||
style: TextStyle(
|
||||
color: AppStyle.minorTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
AkuBox.h(8),
|
||||
Text(
|
||||
detailModel.result.material,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
AkuBox.h(24),
|
||||
Text(
|
||||
'上传照片',
|
||||
style: TextStyle(
|
||||
color: AppStyle.minorTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
AkuBox.h(8),
|
||||
GridView(
|
||||
shrinkWrap: true,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 4,
|
||||
),
|
||||
children: detailModel.result.imgs.map((e) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.circular(4.w),
|
||||
child: (e is String) ? Image.asset(e) : Image.file(e),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTile(String asset, String title, String subTitle) {
|
||||
return Row(
|
||||
children: [
|
||||
AkuBox.h(56),
|
||||
Image.asset(
|
||||
asset,
|
||||
height: 40.w,
|
||||
width: 40.w,
|
||||
),
|
||||
AkuBox.w(4),
|
||||
Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
fontSize: 28.sp,
|
||||
color: AppStyle.minorTextColor,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Text(
|
||||
subTitle,
|
||||
style: TextStyle(
|
||||
fontSize: 28.sp,
|
||||
color: AppStyle.primaryTextColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTypeTile(String title, String content, bool canTap) {
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
onTap: canTap ? () {} : null,
|
||||
child: Row(
|
||||
children: [
|
||||
AkuBox.h(96),
|
||||
Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
fontSize: 28.sp,
|
||||
color: AppStyle.primaryTextColor,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Text(
|
||||
content,
|
||||
style: TextStyle(
|
||||
fontSize: 28.sp,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppStyle.primaryTextColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildProcessTile(String title, String date) {
|
||||
return Row(
|
||||
children: [
|
||||
AkuBox.h(56),
|
||||
Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
color: AppStyle.minorTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Text(
|
||||
date,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontSize: 28.w,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildRawBox({
|
||||
String title,
|
||||
List<Widget> children,
|
||||
Widget suffix,
|
||||
double spacing = 0,
|
||||
}) {
|
||||
return Container(
|
||||
padding: EdgeInsets.symmetric(vertical: 24.w, horizontal: 32.w),
|
||||
color: Colors.white,
|
||||
margin: EdgeInsets.only(bottom: 16.w),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
color: AppStyle.primaryTextColor,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 36.sp,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
suffix ?? SizedBox(),
|
||||
],
|
||||
),
|
||||
AkuBox.h(spacing),
|
||||
...children,
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue