parent
7b9426b0af
commit
843f1b99c3
@ -0,0 +1,44 @@
|
|||||||
|
import 'package:common_utils/common_utils.dart';
|
||||||
|
|
||||||
|
class VisitorListItemModel {
|
||||||
|
int id;
|
||||||
|
int accessCode;
|
||||||
|
int visitorStatus;
|
||||||
|
String name;
|
||||||
|
int isDrive;
|
||||||
|
String carNum;
|
||||||
|
String effectiveTime;
|
||||||
|
|
||||||
|
DateTime get date => DateUtil.getDateTime(effectiveTime);
|
||||||
|
|
||||||
|
VisitorListItemModel(
|
||||||
|
{this.id,
|
||||||
|
this.accessCode,
|
||||||
|
this.visitorStatus,
|
||||||
|
this.name,
|
||||||
|
this.isDrive,
|
||||||
|
this.carNum,
|
||||||
|
this.effectiveTime});
|
||||||
|
|
||||||
|
VisitorListItemModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
id = json['id'];
|
||||||
|
accessCode = json['accessCode'];
|
||||||
|
visitorStatus = json['visitorStatus'];
|
||||||
|
name = json['name'];
|
||||||
|
isDrive = json['isDrive'];
|
||||||
|
carNum = json['carNum'];
|
||||||
|
effectiveTime = json['effectiveTime'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['id'] = this.id;
|
||||||
|
data['accessCode'] = this.accessCode;
|
||||||
|
data['visitorStatus'] = this.visitorStatus;
|
||||||
|
data['name'] = this.name;
|
||||||
|
data['isDrive'] = this.isDrive;
|
||||||
|
data['carNum'] = this.carNum;
|
||||||
|
data['effectiveTime'] = this.effectiveTime;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,116 +0,0 @@
|
|||||||
import 'package:akuCommunity/pages/visitor_access_page/visitor_pass_page.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter_icons/flutter_icons.dart';
|
|
||||||
import 'package:akuCommunity/utils/headers.dart';
|
|
||||||
|
|
||||||
class RecordItem extends StatefulWidget {
|
|
||||||
final bool isQRCode;
|
|
||||||
RecordItem({Key key, this.isQRCode}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_RecordItemState createState() => _RecordItemState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _RecordItemState extends State<RecordItem>
|
|
||||||
with AutomaticKeepAliveClientMixin {
|
|
||||||
@override
|
|
||||||
bool get wantKeepAlive => true;
|
|
||||||
void recordPass() {
|
|
||||||
VisitorPassPage().to;
|
|
||||||
}
|
|
||||||
|
|
||||||
Positioned _positionedAgain() {
|
|
||||||
return Positioned(
|
|
||||||
right: 0,
|
|
||||||
top: 16.w,
|
|
||||||
child: InkWell(
|
|
||||||
onTap: () {},
|
|
||||||
child: Container(
|
|
||||||
alignment: Alignment.center,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Color(0xffffffff),
|
|
||||||
borderRadius: BorderRadius.all(Radius.circular(36.w)),
|
|
||||||
border: Border.all(color: Color(0xffffc500), width: 3.w)),
|
|
||||||
padding: EdgeInsets.symmetric(
|
|
||||||
vertical: 11.w,
|
|
||||||
horizontal: 32.w,
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
'再次邀请',
|
|
||||||
style: TextStyle(
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
fontSize: 24.sp,
|
|
||||||
color: Color(0xff333333),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Positioned _positionedQRcode() {
|
|
||||||
return Positioned(
|
|
||||||
right: 0,
|
|
||||||
top: 16.w,
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Icon(
|
|
||||||
AntDesign.qrcode,
|
|
||||||
size: 40.sp,
|
|
||||||
color: Color(0xff999999),
|
|
||||||
),
|
|
||||||
SizedBox(height: 18.w),
|
|
||||||
Icon(
|
|
||||||
AntDesign.right,
|
|
||||||
size: 40.sp,
|
|
||||||
color: Color(0xff999999),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
super.build(context);
|
|
||||||
return InkWell(
|
|
||||||
onTap: recordPass,
|
|
||||||
child: Container(
|
|
||||||
padding: EdgeInsets.only(
|
|
||||||
top: 32.w,
|
|
||||||
left: 32.w,
|
|
||||||
right: 32.w,
|
|
||||||
),
|
|
||||||
color: Colors.white,
|
|
||||||
child: Stack(
|
|
||||||
children: [
|
|
||||||
Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
'马成泽(浙A88888)',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 32.sp,
|
|
||||||
color: Color(0xff333333),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
SizedBox(height: 8.w),
|
|
||||||
Text(
|
|
||||||
'2020年6月30日',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 24.sp,
|
|
||||||
color: Color(0xff999999),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
SizedBox(height: 33.w),
|
|
||||||
Divider()
|
|
||||||
],
|
|
||||||
),
|
|
||||||
widget.isQRCode ? _positionedQRcode() : _positionedAgain(),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,51 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
|
||||||
import 'record_item.dart';
|
|
||||||
|
|
||||||
class RecordList extends StatefulWidget {
|
|
||||||
RecordList({Key key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_RecordListState createState() => _RecordListState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _RecordListState extends State<RecordList>
|
|
||||||
with AutomaticKeepAliveClientMixin {
|
|
||||||
@override
|
|
||||||
bool get wantKeepAlive => true;
|
|
||||||
RefreshController _refreshController =
|
|
||||||
RefreshController(initialRefresh: false);
|
|
||||||
|
|
||||||
void _onRefresh() async {
|
|
||||||
await Future.delayed(Duration(milliseconds: 1500));
|
|
||||||
_refreshController.refreshCompleted();
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onLoading() async {
|
|
||||||
if (mounted) setState(() {});
|
|
||||||
_refreshController.loadComplete();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
super.build(context);
|
|
||||||
return Container(
|
|
||||||
color: Colors.white,
|
|
||||||
child: SmartRefresher(
|
|
||||||
controller: _refreshController,
|
|
||||||
header: WaterDropHeader(),
|
|
||||||
footer: ClassicFooter(),
|
|
||||||
onRefresh: _onRefresh,
|
|
||||||
onLoading: _onLoading,
|
|
||||||
enablePullUp: true,
|
|
||||||
child: ListView.builder(
|
|
||||||
itemBuilder: (context, index) => RecordItem(
|
|
||||||
isQRCode: (index % 2 == 0) ? false : true,
|
|
||||||
),
|
|
||||||
itemCount: 6,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,86 @@
|
|||||||
|
import 'package:akuCommunity/model/manager/visitor_list_item_model.dart';
|
||||||
|
import 'package:akuCommunity/ui/manager/visitor/visitor_passport_page.dart';
|
||||||
|
import 'package:akuCommunity/utils/headers.dart';
|
||||||
|
import 'package:common_utils/common_utils.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:velocity_x/velocity_x.dart';
|
||||||
|
|
||||||
|
class VisitorListItem extends StatefulWidget {
|
||||||
|
final VisitorListItemModel model;
|
||||||
|
VisitorListItem({Key key, @required this.model}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_VisitorListItemState createState() => _VisitorListItemState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _VisitorListItemState extends State<VisitorListItem> {
|
||||||
|
String get _name {
|
||||||
|
StringBuffer buffer = StringBuffer();
|
||||||
|
var name = widget.model.name;
|
||||||
|
buffer.write(name);
|
||||||
|
var car = widget.model.carNum;
|
||||||
|
if (TextUtil.isEmpty(car)) return buffer.toString();
|
||||||
|
buffer.write('($car)');
|
||||||
|
return buffer.toString();
|
||||||
|
}
|
||||||
|
|
||||||
|
bool get outDate => DateTime.now().isAfter(widget.model.date);
|
||||||
|
_buildSuffix() {
|
||||||
|
if (outDate)
|
||||||
|
return MaterialButton(
|
||||||
|
onPressed: () {},
|
||||||
|
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 12.w),
|
||||||
|
height: 56.w,
|
||||||
|
child: '再次邀约'.text.size(24.sp).bold.make(),
|
||||||
|
shape: StadiumBorder(
|
||||||
|
side: BorderSide(
|
||||||
|
color: Color(0xFFFFC500),
|
||||||
|
width: 3.w,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
return Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Icon(Icons.qr_code_rounded),
|
||||||
|
16.wb,
|
||||||
|
Icon(CupertinoIcons.chevron_forward),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return MaterialButton(
|
||||||
|
onPressed: () {
|
||||||
|
if (!outDate) {
|
||||||
|
VisitorPassportPage().to();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
color: Colors.white,
|
||||||
|
elevation: 0,
|
||||||
|
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||||
|
height: 152.w,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_name.text.size(32.sp).bold.make(),
|
||||||
|
8.hb,
|
||||||
|
DateUtil.formatDate(widget.model.date, format: 'yyyy-MM-dd')
|
||||||
|
.text
|
||||||
|
.size(24.sp)
|
||||||
|
.color(Color(0xFF999999))
|
||||||
|
.make(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
_buildSuffix(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,45 @@
|
|||||||
|
import 'package:akuCommunity/utils/headers.dart';
|
||||||
|
import 'package:akuCommunity/widget/bee_back_button.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:velocity_x/velocity_x.dart';
|
||||||
|
|
||||||
|
class VisitorPassportPage extends StatefulWidget {
|
||||||
|
VisitorPassportPage({Key key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_VisitorPassportPageState createState() => _VisitorPassportPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _VisitorPassportPageState extends State<VisitorPassportPage> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: Color(0xFF333333),
|
||||||
|
appBar: AppBar(
|
||||||
|
leading: BeeBackButton(color: Colors.white),
|
||||||
|
backgroundColor: Color(0xFF333333),
|
||||||
|
elevation: 0,
|
||||||
|
centerTitle: true,
|
||||||
|
title: '访客通行证'.text.white.make(),
|
||||||
|
),
|
||||||
|
body: ListView(
|
||||||
|
children: [
|
||||||
|
64.hb,
|
||||||
|
'宁波华茂悦峰'.text.size(40.sp).white.bold.make().centered(),
|
||||||
|
'1幢-1单元-702室'.text.size(30.sp).white.make().centered(),
|
||||||
|
32.hb,
|
||||||
|
Container(
|
||||||
|
height: 600.w,
|
||||||
|
width: 600.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.circular(16.w),
|
||||||
|
),
|
||||||
|
// child: ,
|
||||||
|
//TODO 二维码显示
|
||||||
|
).centered(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue