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