parent
61bc7c22bf
commit
1637228100
@ -0,0 +1,111 @@
|
|||||||
|
import 'package:aku_community_manager/style/app_style.dart';
|
||||||
|
import 'package:aku_community_manager/tools/aku_divider.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
import 'package:velocity_x/velocity_x.dart';
|
||||||
|
import 'package:aku_community_manager/tools/extensions/list_extension_tool.dart';
|
||||||
|
|
||||||
|
class ClockInOutApplyCard extends StatefulWidget {
|
||||||
|
ClockInOutApplyCard({Key key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_ClockInOutApplyCardState createState() => _ClockInOutApplyCardState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ClockInOutApplyCardState extends State<ClockInOutApplyCard> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white, borderRadius: BorderRadius.circular(8.w)),
|
||||||
|
padding: EdgeInsets.all(24.w),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
'Name'.text.size(32.sp).color(kTextPrimaryColor).bold.make(),
|
||||||
|
Spacer(),
|
||||||
|
'待审核'.text.size(28.sp).bold.color(kPrimaryColor).make()
|
||||||
|
],
|
||||||
|
),
|
||||||
|
16.w.heightBox,
|
||||||
|
AkuDivider.horizontal(),
|
||||||
|
24.w.heightBox,
|
||||||
|
...<Widget>[
|
||||||
|
_rowTile(
|
||||||
|
R.ASSETS_MANAGE_IC_RENWU_PNG,
|
||||||
|
'开始时间',
|
||||||
|
'2021-05-19 10:00:00'
|
||||||
|
.text
|
||||||
|
.size(24.sp)
|
||||||
|
.color(kTextSubColor)
|
||||||
|
.make()),
|
||||||
|
_rowTile(
|
||||||
|
R.ASSETS_MANAGE_LOCK_PNG,
|
||||||
|
'结束时间',
|
||||||
|
'2021-05-19 10:00:00'
|
||||||
|
.text
|
||||||
|
.size(24.sp)
|
||||||
|
.color(kTextSubColor)
|
||||||
|
.make()),
|
||||||
|
Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
child: Image.asset(R.ASSETS_MANAGE_IC_RENWU_PNG),
|
||||||
|
),
|
||||||
|
12.w.widthBox,
|
||||||
|
'申请备注'.text.size(24.sp).color(kTextSubColor).make(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
160.w.widthBox,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
'弟弟结婚,需要回趟家帮忙张罗婚礼的筹备'
|
||||||
|
.text
|
||||||
|
.size(24.sp)
|
||||||
|
.maxLines(2)
|
||||||
|
.overflow(TextOverflow.ellipsis)
|
||||||
|
.align(TextAlign.end)
|
||||||
|
.color(kTextSubColor)
|
||||||
|
.make().expand()
|
||||||
|
],
|
||||||
|
).expand()
|
||||||
|
],
|
||||||
|
),
|
||||||
|
_rowTile(
|
||||||
|
R.ASSETS_MANAGE_LOCK_PNG,
|
||||||
|
'申请时间',
|
||||||
|
'2021-05-19 10:00:00'
|
||||||
|
.text
|
||||||
|
.size(24.sp)
|
||||||
|
.color(kTextSubColor)
|
||||||
|
.make()),
|
||||||
|
].sepWidget(separate: 12.w.heightBox),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _rowTile(String iconPath, String title, Widget content) {
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
child: Image.asset(iconPath),
|
||||||
|
),
|
||||||
|
12.w.widthBox,
|
||||||
|
title.text.size(24.sp).color(kTextSubColor).make(),
|
||||||
|
Spacer(),
|
||||||
|
content,
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,122 @@
|
|||||||
|
import 'package:aku_community_manager/style/app_style.dart';
|
||||||
|
import 'package:common_utils/common_utils.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
import 'package:velocity_x/velocity_x.dart';
|
||||||
|
|
||||||
|
class ClockInOutRecordCard extends StatefulWidget {
|
||||||
|
ClockInOutRecordCard({Key key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_ClockInOutRecordCardState createState() => _ClockInOutRecordCardState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ClockInOutRecordCardState extends State<ClockInOutRecordCard> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
width: double.infinity,
|
||||||
|
padding: EdgeInsets.symmetric(vertical: 24.w, horizontal: 32.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white, borderRadius: BorderRadius.circular(8.w)),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
'2021.05.19'
|
||||||
|
.text
|
||||||
|
.size(28.sp)
|
||||||
|
.bold
|
||||||
|
.color(kTextPrimaryColor)
|
||||||
|
.bold
|
||||||
|
.make(),
|
||||||
|
Spacer(),
|
||||||
|
'周三'.text.size(32.sp).bold.color(kTextPrimaryColor).make(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
40.w.heightBox,
|
||||||
|
Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 16.w,
|
||||||
|
height: 16.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Color(0xFF3F8FFE),
|
||||||
|
borderRadius: BorderRadius.circular(8.w),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
8.w.widthBox,
|
||||||
|
'上班打卡时间'
|
||||||
|
.text
|
||||||
|
.size(28.sp)
|
||||||
|
.color(kTextPrimaryColor)
|
||||||
|
.bold
|
||||||
|
.make(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
16.w.heightBox,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
24.w.widthBox,
|
||||||
|
(DateUtil.formatDateStr('2020-10-11 08:24:30',
|
||||||
|
format: 'HH:mm:ss'))
|
||||||
|
.text
|
||||||
|
.size(32.sp)
|
||||||
|
.color(kTextPrimaryColor)
|
||||||
|
.bold
|
||||||
|
.make(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
130.w.widthBox,
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 16.w,
|
||||||
|
height: 16.w,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Color(0xFF3F8FFE),
|
||||||
|
borderRadius: BorderRadius.circular(8.w),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
8.w.widthBox,
|
||||||
|
'下班打卡时间'
|
||||||
|
.text
|
||||||
|
.size(28.sp)
|
||||||
|
.color(kTextPrimaryColor)
|
||||||
|
.bold
|
||||||
|
.make(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
16.w.heightBox,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
24.w.widthBox,
|
||||||
|
DateUtil.formatDateStr('08:24:09', format: 'HH:mm:ss')
|
||||||
|
.text
|
||||||
|
.size(32.sp)
|
||||||
|
.color(kTextPrimaryColor)
|
||||||
|
.bold
|
||||||
|
.make(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in new issue