1281228557
/
aku_new_community_manager
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

出户详情页基本完成

Browse Source
hmxc
张萌 4 years ago
parent d1b5102d83
commit e46c38b516
9 changed files with 392 additions and 158 deletions
Show Stats Download Patch File Download Diff File

BIN
assets/outdoor/ic_image.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
assets/outdoor/ic_phoneblue.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
assets/outdoor/ic_transport.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
assets/outdoor/ic_weight.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

6
lib/mock_models/outdoor_models/outdoor_model.dart
Unescape View File

@ -79,7 +79,7 @@ DateTime datetime;
identify: '业主', identify: '业主',
items: ItemDetails( items: ItemDetails(
itemname: '家具', itemname: '家具',
weight: 40, weight: 60,
way: '搬家公司', way: '搬家公司',
imagepath: [ imagepath: [
R.ASSETS_OUTDOOR_ITME1_PNG, R.ASSETS_OUTDOOR_ITME1_PNG,
@ -98,7 +98,7 @@ DateTime datetime;
identify: '业主', identify: '业主',
items: ItemDetails( items: ItemDetails(
itemname: '家具', itemname: '家具',
weight: 40, weight: 80,
way: '搬家公司', way: '搬家公司',
imagepath: [ imagepath: [
R.ASSETS_OUTDOOR_ITME1_PNG, R.ASSETS_OUTDOOR_ITME1_PNG,
@ -117,7 +117,7 @@ DateTime datetime;
identify: '业主', identify: '业主',
items: ItemDetails( items: ItemDetails(
itemname: '家具', itemname: '家具',
weight: 40, weight: 120,
way: '搬家公司', way: '搬家公司',
imagepath: [ imagepath: [
R.ASSETS_OUTDOOR_ITME1_PNG, R.ASSETS_OUTDOOR_ITME1_PNG,

4
lib/style/app_style.dart
Unescape View File

@ -30,4 +30,8 @@ class AppStyle {
color: primaryTextColor, fontSize: 28.sp, fontWeight: FontWeight.bold); color: primaryTextColor, fontSize: 28.sp, fontWeight: FontWeight.bold);
final minorStyle = TextStyle( final minorStyle = TextStyle(
color: minorTextColor, fontSize: 24.sp, fontWeight: FontWeight.normal); color: minorTextColor, fontSize: 24.sp, fontWeight: FontWeight.normal);
final secondaryTextStyle = TextStyle(
color: AppStyle.minorTextColor,
fontSize: 28.sp,
fontWeight: FontWeight.normal);
} }

396
lib/ui/sub_pages/items_outdoor/items_outdoor_card.dart
Unescape View File

@ -1,17 +1,21 @@
import 'package:aku_community_manager/mock_models/outdoor_models/outdoor_model.dart'; import 'package:aku_community_manager/mock_models/outdoor_models/outdoor_model.dart';
import 'package:aku_community_manager/style/app_style.dart'; import 'package:aku_community_manager/style/app_style.dart';
import 'package:aku_community_manager/tools/widget_tool.dart'; import 'package:aku_community_manager/tools/widget_tool.dart';
import 'package:aku_community_manager/ui/sub_pages/items_outdoor/items_outdoor_details_page.dart';
import 'package:aku_ui/common_widgets/aku_common_widgets.dart'; import 'package:aku_ui/common_widgets/aku_common_widgets.dart';
import 'package:common_utils/common_utils.dart'; import 'package:common_utils/common_utils.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:aku_community_manager/const/resource.dart'; import 'package:aku_community_manager/const/resource.dart';
import 'package:get/get.dart';
class ItemsOutdoorCard extends StatefulWidget { class ItemsOutdoorCard extends StatefulWidget {
final ItemsOutdoorModel cardModel; final ItemsOutdoorModel cardModel;
final bool isdetail;
ItemsOutdoorCard({ ItemsOutdoorCard({
Key key, Key key,
@required this.cardModel, @required this.cardModel,
this.isdetail = false,
}) : super(key: key); }) : super(key: key);
@override @override
@ -34,166 +38,250 @@ class _ItemsOutdoorCardState extends State<ItemsOutdoorCard> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
TextStyle _textStyle = TextStyle _textStyle =
TextStyle(color: AppStyle.minorTextColor, fontSize: 28.sp); TextStyle(color: AppStyle.minorTextColor, fontSize: 28.sp);
return AkuButton( return Container(
child: Container( color: Color(0xFFFFFFFF),
color: Color(0xFFFFFFFF), margin: EdgeInsets.only(top: 16.w),
margin: EdgeInsets.only(top: 16.w), padding: EdgeInsets.only(left: 24.w, right: 24.w),
padding: EdgeInsets.only(left: 24.w, right: 24.w, bottom: 24.w), child: Column(children: [
child: Column(children: [ widget.isdetail
Container( ? Container(
alignment: Alignment.centerLeft, alignment: Alignment.centerLeft,
height: 88.w, height: 90.w,
width: double.infinity, width: double.infinity,
child: Row( child: Row(
children: [ children: [
Container( Text(
'出户信息',
style: TextStyle(
color: AppStyle.primaryTextColor,
fontSize: 36.sp,
fontWeight: FontWeight.bold),
),
Spacer(),
Text(
ItemsOutdoorModel.outdoorStatusMap[_cardModel.status],
style: TextStyle(
color: _cardModel.status == OUTDOORSTATUS.CANCELLATION
? Color(0xFF999999)
: Color(0xFFFF4501),
fontSize: 24.sp,
fontWeight: FontWeight.bold),
),
],
),
)
: Container(
alignment: Alignment.centerLeft,
height: 88.w,
width: double.infinity,
child: Row(
children: [
Container(
alignment: Alignment.center,
width: 112.w,
height: 40.w,
decoration: BoxDecoration(
border:
Border.all(color: Color(0xFF3F8FFE), width: 2.w),
),
child: Text(
'物品出户',
style: TextStyle(
color: Color(0xFF3F8FFE),
fontSize: 20.sp,
fontWeight: FontWeight.bold),
),
),
AkuBox.w(16),
Text(
_datetime,
style: TextStyle(
color: AppStyle.minorTextColor,
fontSize: 22.sp,
),
),
Spacer(),
Text(
ItemsOutdoorModel.outdoorStatusMap[_cardModel.status],
style: TextStyle(
color: _cardModel.status == OUTDOORSTATUS.CANCELLATION
? Color(0xFF999999)
: Color(0xFFFF4501),
fontSize: 24.sp,
fontWeight: FontWeight.bold),
),
],
),
),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_HOME_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'小区名称',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.communityname,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_ADDRESS_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text('详细地址', style: _textStyle),
Spacer(),
Text(
_cardModel.adress,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_GOOUT_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'出户人',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.name,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_PEOPLE_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'身份',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.identify,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(R.ASSETS_OUTDOOR_IC_CHUHU_PNG,width: 40.w,height: 40.w,),
Text(
'出户物品',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.items.itemname,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_TIME_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'出户时间',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.outtime,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(24),
Divider(
height: 1.w,
),
widget.isdetail
? AkuButton(
onPressed: () {},
child: Container(
alignment: Alignment.center, alignment: Alignment.center,
width: 112.w, height: 96.w,
height: 40.w, child: Row(
decoration: BoxDecoration( mainAxisSize: MainAxisSize.min,
border: Border.all(color: Color(0xFF3F8FFE), width: 2.w), children: [
), Image.asset(
child: Text( R.ASSETS_OUTDOOR_IC_PHONEBLUE_PNG,
'物品出户', width: 38.w,
style: TextStyle( height: 39.w,
color: Color(0xFF3F8FFE), ),
fontSize: 20.sp, AkuBox.w(16),
fontWeight: FontWeight.bold), Text('联系业主',
style: TextStyle(
color: Color(0xFF3F8FFE),
fontSize: 28.sp,
fontWeight: FontWeight.bold)),
],
), ),
), ),
AkuBox.w(16), )
Text( : Container(
_datetime, height: 112.w,
style: TextStyle( alignment: Alignment.centerRight,
color: AppStyle.minorTextColor, child: AkuButton(
fontSize: 22.sp, onPressed: () {
Get.to(ItemsOutdoorDetailsPage(
cardMedel: _cardModel,
));
},
child: Container(
alignment: Alignment.center,
width: 160.w,
height: 64.w,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8.w),
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
AppStyle.primaryColor,
AppStyle.minorColor
])),
child: Text(
'查看详情',
style: AppStyle().primaryStyle,
),
), ),
), ),
Spacer(),
Text(
ItemsOutdoorModel.outdoorStatusMap[_cardModel.status],
style: TextStyle(
color: _cardModel.status == OUTDOORSTATUS.CANCELLATION
? Color(0xFF999999)
: Color(0xFFFF4501),
fontSize: 24.sp,
fontWeight: FontWeight.bold),
),
],
),
),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_HOME_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'小区名称',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.communityname,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_ADDRESS_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text('详细地址', style: _textStyle),
Spacer(),
Text(
_cardModel.adress,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_GOOUT_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'出户人',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.name,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_PEOPLE_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'身份',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.identify,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Text(
'出户物品',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.items.itemname,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(12),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_TIME_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'出户时间',
style: _textStyle,
),
Spacer(),
Text(
_cardModel.outtime,
style: AppStyle().primaryStyle,
), ),
], ]),
),
]),
),
); );
} }
} }

142
lib/ui/sub_pages/items_outdoor/items_outdoor_details_page.dart
Unescape View File

@ -0,0 +1,142 @@
import 'package:aku_community_manager/mock_models/outdoor_models/outdoor_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/items_outdoor/items_outdoor_card.dart';
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:aku_community_manager/const/resource.dart';
class ItemsOutdoorDetailsPage extends StatefulWidget {
final ItemsOutdoorModel cardMedel;
ItemsOutdoorDetailsPage({Key key, @required this.cardMedel})
: super(key: key);
@override
_ItemsOutdoorDetailsPageState createState() =>
_ItemsOutdoorDetailsPageState();
}
class _ItemsOutdoorDetailsPageState extends State<ItemsOutdoorDetailsPage> {
@override
Widget build(BuildContext context) {
return AkuScaffold(
title: '出户详情',
body: ListView(
children: [
ItemsOutdoorCard(
cardModel: widget.cardMedel,
isdetail: true,
),
Container(
color: Color(0xFFFFFFFF),
margin: EdgeInsets.only(top: 16.w),
padding: EdgeInsets.only(top: 24.w, left: 32.w, right: 32.w),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'物品信息',
style: AppStyle().barTitleStyle,
),
AkuBox.h(16),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_CHUHU_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'出户物品',
style: AppStyle().secondaryTextStyle,
),
Spacer(),
Text(
widget.cardMedel.items.itemname,
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(16),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_WEIGHT_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'物品重量',
style: AppStyle().secondaryTextStyle,
),
Spacer(),
Text(
widget.cardMedel.items.weight < 50.0
? '<50kg'
: '${widget.cardMedel.items.weight}kg',
style: AppStyle().primaryStyle,
),
],
),
AkuBox.h(16),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_TRANSPORT_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'搬运方式',
style: AppStyle().secondaryTextStyle,
),
Spacer(),
Text(
widget.cardMedel.items.way,
style: AppStyle().primaryStyle,
)
],
),
AkuBox.h(16),
Row(
children: [
Image.asset(
R.ASSETS_OUTDOOR_IC_IMAGE_PNG,
width: 40.w,
height: 40.w,
),
AkuBox.w(4),
Text(
'图片信息',
style: AppStyle().secondaryTextStyle,
),
Spacer(),
],
),
AkuBox.h(16),
Wrap(
spacing: 16.w,
children: widget.cardMedel.items.imagepath
.map(
(e) => ClipRRect(
borderRadius: BorderRadius.circular(4.w),
child: Image.asset(
e,
width: 218.w,
height: 218.w,
)),
)
.toList(),
),
],
),
),
],
),
);
}
}

2
lib/ui/sub_pages/items_outdoor/items_outdoor_page.dart
Unescape View File

@ -45,7 +45,7 @@ void dispose() {
List<ItemsOutdoorModel> _selectModels = _outdoorModels.getOutdoorModels(index); List<ItemsOutdoorModel> _selectModels = _outdoorModels.getOutdoorModels(index);
return ListView( return ListView(
padding: EdgeInsets.only(left: 32.w,right: 32.w), padding: EdgeInsets.only(left: 32.w,right: 32.w),
children: _selectModels.map((e) => ItemsOutdoorCard(cardModel:e)).toList(), children: _selectModels.map((e) => ItemsOutdoorCard(cardModel:e,isdetail: false,)).toList(),
); );
} }
} }

Write Preview
Loading…
Cancel
Save