parent
1d99040eab
commit
562e9a6db5
|
After Width: | Height: | Size: 256 KiB |
@ -0,0 +1,138 @@
|
|||||||
|
import 'package:aku_community_manager/mock_models/manage_models/manage_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/manage_pages/inspection_manage/inspection_manage_details_page.dart';
|
||||||
|
import 'package:aku_ui/common_widgets/aku_common_widgets.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:aku_community_manager/const/resource.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
import 'package:get/instance_manager.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
|
||||||
|
class InspectionManageCard {
|
||||||
|
final InspectionManageCardModel cardModel;
|
||||||
|
final bool extra;
|
||||||
|
InspectionManageCard(this.cardModel, {this.extra = true});
|
||||||
|
|
||||||
|
Widget inspectionManageCard() {
|
||||||
|
TextStyle _textstyle =
|
||||||
|
TextStyle(color: AppStyle.minorTextColor, fontSize: 28.sp);
|
||||||
|
return Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
AkuBox.h(16),
|
||||||
|
AkuButton(
|
||||||
|
onPressed: extra? () {
|
||||||
|
Get.to(InspectionManageDetailsPage(cardModel: cardModel,));
|
||||||
|
}:(){},
|
||||||
|
child: Container(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
padding: EdgeInsets.only(left: 24.w, right: 24.w, bottom: extra? 48.w:40.w),
|
||||||
|
width: double.infinity,
|
||||||
|
height:extra? 362.w:270.w,
|
||||||
|
decoration: BoxDecoration(borderRadius:BorderRadius.circular(8.w),color: Color(0xFFFFFFFF)),
|
||||||
|
child: Column(children: [
|
||||||
|
Container(
|
||||||
|
height:extra? 93.w :86.w,
|
||||||
|
width: double.infinity,
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
child: Text(
|
||||||
|
cardModel.title,
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: extra? 32.sp:36.sp,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
)),
|
||||||
|
extra
|
||||||
|
? Divider(
|
||||||
|
height: 1.w,
|
||||||
|
)
|
||||||
|
: SizedBox(),
|
||||||
|
extra? AkuBox.h(24):SizedBox(),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MANAGE_IC_RENWU_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
AkuBox.w(4),
|
||||||
|
Text(
|
||||||
|
'巡检日期',
|
||||||
|
style: _textstyle,
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Text(
|
||||||
|
cardModel.date,
|
||||||
|
style: AppStyle().primaryStyle,
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_HOME_IC_NEWS_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
AkuBox.w(4),
|
||||||
|
Text('巡检周期', style: _textstyle),
|
||||||
|
Spacer(),
|
||||||
|
Text(
|
||||||
|
cardModel.cycle,
|
||||||
|
style: AppStyle().primaryStyle,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MANAGE_IC_TIME_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
AkuBox.w(4),
|
||||||
|
Text(
|
||||||
|
'巡检时间',
|
||||||
|
style: _textstyle,
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Text(
|
||||||
|
cardModel.time,
|
||||||
|
style: AppStyle().primaryStyle,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
extra ? Spacer() : SizedBox(),
|
||||||
|
extra
|
||||||
|
? Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MESSAGE_IC_PEOPLE_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
AkuBox.w(4),
|
||||||
|
Text(
|
||||||
|
'巡检人员',
|
||||||
|
style: _textstyle,
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Text(
|
||||||
|
cardModel.persons.length > 2
|
||||||
|
? '${cardModel.persons[0]}、${cardModel.persons[1]}等'
|
||||||
|
: cardModel.persons[0],
|
||||||
|
style: AppStyle().primaryStyle,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
: SizedBox(),
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,13 +1,138 @@
|
|||||||
|
import 'package:aku_community_manager/mock_models/manage_models/manage_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/manage_pages/inspection_manage/inspection_manage_card.dart';
|
||||||
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
import 'package:aku_community_manager/const/resource.dart';
|
||||||
|
|
||||||
class InspectionManageDetailsPage extends StatelessWidget {
|
class InspectionManageDetailsPage extends StatelessWidget {
|
||||||
const InspectionManageDetailsPage({Key key}) : super(key: key);
|
final InspectionManageCardModel cardModel;
|
||||||
|
InspectionManageDetailsPage({Key key, this.cardModel}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return AkuScaffold(
|
return AkuScaffold(
|
||||||
|
title: '巡检详情',
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
InspectionManageCard(cardModel, extra: false).inspectionManageCard(),
|
||||||
|
Container(
|
||||||
|
width: double.infinity,
|
||||||
|
color: Color(0xFFFFFFFF),
|
||||||
|
margin: EdgeInsets.only(top: 16.w),
|
||||||
|
padding: EdgeInsets.only(
|
||||||
|
top: 24.w, left: 32.w, right: 86.w, bottom: 40.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'巡检人员',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 32.sp,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
AkuBox.h(16),
|
||||||
|
GridView(
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: NeverScrollableScrollPhysics(),
|
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
|
crossAxisCount: 3,
|
||||||
|
childAspectRatio: 250 / 40,
|
||||||
|
mainAxisSpacing: 16.w),
|
||||||
|
children: cardModel.persons
|
||||||
|
.map((e) => _person(cardModel.persons.indexOf(e)))
|
||||||
|
.toList(),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
AkuBox.h(16),
|
||||||
|
Container(
|
||||||
|
color: Color(0xFFFFFFFF),
|
||||||
|
padding: EdgeInsets.only(top: 24.w, left: 32.w, right: 32.w),
|
||||||
|
width: double.infinity,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text('巡检站点',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 32.sp,
|
||||||
|
fontWeight: FontWeight.bold)),
|
||||||
|
AkuBox.h(16),
|
||||||
|
Wrap(
|
||||||
|
runSpacing: 16.w,
|
||||||
|
children: cardModel.stations
|
||||||
|
.map((e) => _station(cardModel.stations.indexOf(e)))
|
||||||
|
.toList(),
|
||||||
|
),
|
||||||
|
AkuBox.h(24),
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_INSPECTION_INSPECTION_STATION_PNG,
|
||||||
|
width: 686.w,
|
||||||
|
height: 343.w,
|
||||||
|
),
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _station(index) {
|
||||||
|
return Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
padding:
|
||||||
|
EdgeInsets.only(top: 16.w, left: 24.w, bottom: 15.w, right: 24.w),
|
||||||
|
color: Color(0xFFF9F9F9),
|
||||||
|
height: 64.w,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
cardModel.stations[index],
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor, fontSize: 24.sp),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
AkuBox.w(8),
|
||||||
|
(cardModel.stations.length - 1) != index
|
||||||
|
? Container(
|
||||||
|
width: 56.w,
|
||||||
|
height: 3.w,
|
||||||
|
color: Color(0xFFE8E8E8),
|
||||||
|
)
|
||||||
|
: SizedBox(),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _person(index) {
|
||||||
|
return Container(
|
||||||
|
height: 40.w,
|
||||||
|
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MESSAGE_IC_PEOPLE_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
AkuBox.w(8),
|
||||||
|
Text(
|
||||||
|
cardModel.persons[index],
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
]),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in new issue