parent
6cc39c5099
commit
1ee9719ee1
@ -0,0 +1,24 @@
|
|||||||
|
class SystemMessageDetailModel {
|
||||||
|
int id;
|
||||||
|
String name;
|
||||||
|
String tel;
|
||||||
|
int type;
|
||||||
|
|
||||||
|
SystemMessageDetailModel({this.id, this.name, this.tel, this.type});
|
||||||
|
|
||||||
|
SystemMessageDetailModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
id = json['id'];
|
||||||
|
name = json['name'];
|
||||||
|
tel = json['tel'];
|
||||||
|
type = json['type'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['id'] = this.id;
|
||||||
|
data['name'] = this.name;
|
||||||
|
data['tel'] = this.tel;
|
||||||
|
data['type'] = this.type;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,319 @@
|
|||||||
|
import 'package:aku_community_manager/const/api.dart';
|
||||||
|
import 'package:aku_community_manager/models/message/system_message_detail_model.dart';
|
||||||
|
import 'package:aku_community_manager/style/app_style.dart';
|
||||||
|
import 'package:aku_community_manager/utils/network/base_model.dart';
|
||||||
|
import 'package:aku_community_manager/utils/network/net_util.dart';
|
||||||
|
import 'package:aku_ui/aku_ui.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:velocity_x/velocity_x.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
import 'package:shimmer/shimmer.dart';
|
||||||
|
|
||||||
|
class SystemMessageCard extends StatefulWidget {
|
||||||
|
final int repairId;
|
||||||
|
SystemMessageCard({Key key, this.repairId}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_SystemMessageCardState createState() => _SystemMessageCardState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _SystemMessageCardState extends State<SystemMessageCard> {
|
||||||
|
SystemMessageDetailModel _systemModel;
|
||||||
|
bool _onLoad = true;
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
Future.delayed(Duration(milliseconds: 300), () async {
|
||||||
|
_systemModel = await getSystemMessage(widget.repairId);
|
||||||
|
_onLoad = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return _messageList(_systemModel);
|
||||||
|
}
|
||||||
|
|
||||||
|
Future getSystemMessage(int repairId) async {
|
||||||
|
BaseModel baseModel =
|
||||||
|
await NetUtil().get(API.message.getSystemByDispatchId, params: {
|
||||||
|
"repairId": repairId,
|
||||||
|
});
|
||||||
|
return SystemMessageDetailModel.fromJson(baseModel.data);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _loadingWidget() {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
margin: EdgeInsets.only(top: 24.w, bottom: 24.w),
|
||||||
|
alignment: Alignment.center,
|
||||||
|
width: double.infinity,
|
||||||
|
child: Shimmer.fromColors(
|
||||||
|
baseColor: kPrimaryColor.withOpacity(0.3),
|
||||||
|
highlightColor: kPrimaryColor.withOpacity(0.1),
|
||||||
|
child: Text(
|
||||||
|
'',
|
||||||
|
style: TextStyle(color: AppStyle.minorTextColor, fontSize: 24.sp),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
padding: EdgeInsets.only(top: 24.w, left: 24.w, right: 24.w),
|
||||||
|
color: Color(0xFFFFFFFF),
|
||||||
|
child: Shimmer.fromColors(
|
||||||
|
baseColor: kPrimaryColor.withOpacity(0.3),
|
||||||
|
highlightColor: kPrimaryColor.withOpacity(0.1),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(children: [
|
||||||
|
Container(
|
||||||
|
width: 16.w,
|
||||||
|
height: 16.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(8.w),
|
||||||
|
color: Color(0xFFFF4501)),
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 16.w,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 32.sp,
|
||||||
|
fontWeight: FontWeight.w600),
|
||||||
|
),
|
||||||
|
SizedBox(height: 8.w),
|
||||||
|
]),
|
||||||
|
Text(
|
||||||
|
'',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
SizedBox(height: 24.w),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MESSAGE_IC_PEOPLE_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 4.w,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.minorTextColor, fontSize: 28.sp),
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Text(
|
||||||
|
'',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor, fontSize: 28.sp),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
SizedBox(height: 16.w),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MESSAGE_IC_STAR_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 4.w,
|
||||||
|
),
|
||||||
|
Text('',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.minorTextColor, fontSize: 28.sp)),
|
||||||
|
Spacer(),
|
||||||
|
Text('',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor, fontSize: 28.sp)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
SizedBox(height: 16.w),
|
||||||
|
Divider(height: 1.w),
|
||||||
|
AkuButton(
|
||||||
|
onPressed: () {},
|
||||||
|
child: Container(
|
||||||
|
height: 88.w,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
padding: EdgeInsets.only(left: 24.w),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp),
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Icon(Icons.arrow_forward_ios, size: 22.w),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _messageList(SystemMessageDetailModel model) {
|
||||||
|
return _onLoad
|
||||||
|
? _loadingWidget()
|
||||||
|
: Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
margin: EdgeInsets.only(top: 24.w, bottom: 24.w),
|
||||||
|
alignment: Alignment.center,
|
||||||
|
width: double.infinity,
|
||||||
|
child: Text(
|
||||||
|
'date',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.minorTextColor, fontSize: 24.sp),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
padding: EdgeInsets.only(top: 24.w, left: 24.w, right: 24.w),
|
||||||
|
color: Color(0xFFFFFFFF),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(children: [
|
||||||
|
Container(
|
||||||
|
width: 16.w,
|
||||||
|
height: 16.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(8.w),
|
||||||
|
color: Color(0xFFFF4501)),
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 16.w,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'系统通知',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 32.sp,
|
||||||
|
fontWeight: FontWeight.w600),
|
||||||
|
),
|
||||||
|
SizedBox(height: 8.w),
|
||||||
|
]),
|
||||||
|
Text(
|
||||||
|
'你有一条新的报事报修,请立即处理',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
SizedBox(height: 24.w),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MESSAGE_IC_PEOPLE_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 4.w,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'保修人',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.minorTextColor, fontSize: 28.sp),
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Text(
|
||||||
|
model.name,
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
SizedBox(height: 16.w),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MESSAGE_IC_PHONE_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 4.w,
|
||||||
|
),
|
||||||
|
Text('联系电话',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.minorTextColor,
|
||||||
|
fontSize: 28.sp)),
|
||||||
|
Spacer(),
|
||||||
|
Text(model.tel,
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
SizedBox(height: 16.w),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Image.asset(
|
||||||
|
R.ASSETS_MESSAGE_IC_AREA_PNG,
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 4.w,
|
||||||
|
),
|
||||||
|
Text('报修区域',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.minorTextColor,
|
||||||
|
fontSize: 28.sp)),
|
||||||
|
Spacer(),
|
||||||
|
Text('area',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
SizedBox(height: 16.w),
|
||||||
|
Divider(
|
||||||
|
height: 1.w,
|
||||||
|
),
|
||||||
|
AkuButton(
|
||||||
|
onPressed: () {},
|
||||||
|
child: Container(
|
||||||
|
height: 88.w,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
padding: EdgeInsets.only(left: 24.w),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'查看详情',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppStyle.primaryTextColor,
|
||||||
|
fontSize: 28.sp),
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Icon(Icons.arrow_forward_ios, size: 22.w),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
16.w.heightBox,
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in new issue