parent
9e7bcf9a1e
commit
033124b7cb
@ -0,0 +1,47 @@
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
|
||||
class UploadPainter extends CustomPainter {
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
Paint paint = Paint()
|
||||
..strokeWidth = 20.w
|
||||
..color = Color(0xFFDEE1EB)
|
||||
..style = PaintingStyle.stroke
|
||||
..strokeCap = StrokeCap.round;
|
||||
Path path = Path();
|
||||
Rect rect = Rect.fromCircle(center: Offset(50.w, 100.w), radius: 40.w);
|
||||
path.arcTo(rect, pi / 2, pi, true);
|
||||
Rect rect2 = Rect.fromCircle(center: Offset(100.w, 60.w), radius: 50.w);
|
||||
path.arcTo(rect2, pi, pi ,true);
|
||||
|
||||
Rect rect3= Rect.fromCircle(center: Offset(150.w, 100.w), radius: 40.w);
|
||||
path.arcTo(rect3, 1.5 * pi, pi , true);
|
||||
canvas.drawPath(path, paint);
|
||||
Paint spaint = Paint()
|
||||
..strokeWidth = 15.w
|
||||
..color = Color(0xFFC3CCEA)
|
||||
..style = PaintingStyle.stroke
|
||||
..strokeCap = StrokeCap.round;
|
||||
Path spath = Path();
|
||||
spath.moveTo(100.w, 110.w);
|
||||
spath.lineTo(75.w, 135.w);
|
||||
spath.moveTo(100.w, 110.w);
|
||||
spath.lineTo(125.w, 135.w);
|
||||
spath.moveTo(100.w, 110.w);
|
||||
spath.lineTo(100.w, 170.w);
|
||||
canvas.drawPath(spath, spaint);
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(CustomPainter oldDelegate) {
|
||||
return false;
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRebuildSemantics(CustomPainter oldDelegate) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,141 @@
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:aku_community/base/base_style.dart';
|
||||
import 'package:aku_community/painters/upload_painter.dart';
|
||||
import 'package:aku_community/widget/bee_scaffold.dart';
|
||||
import 'package:aku_community/widget/buttons/bottom_button.dart';
|
||||
import 'package:aku_community/widget/picker/bee_image_picker.dart';
|
||||
import 'package:aku_community/widget/views/doc_view.dart';
|
||||
import 'package:dotted_border/dotted_border.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:open_file/open_file.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
import 'package:aku_community/extensions/widget_list_ext.dart';
|
||||
|
||||
class UploadContractsPage extends StatefulWidget {
|
||||
UploadContractsPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_UploadContractsPageState createState() => _UploadContractsPageState();
|
||||
}
|
||||
|
||||
class _UploadContractsPageState extends State<UploadContractsPage> {
|
||||
List<File> _files = [];
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BeeScaffold(
|
||||
title: '上传文件',
|
||||
body: ListView(
|
||||
padding: EdgeInsets.symmetric(vertical: 24.w, horizontal: 32.w),
|
||||
children: [
|
||||
100.w.heightBox,
|
||||
_uploadWidget(),
|
||||
64.w.heightBox,
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 60.w),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
..._files
|
||||
.map(
|
||||
(e) => DocViw(
|
||||
title: e.path.split('/').last,
|
||||
margin: EdgeInsets.zero,
|
||||
onLongPress: () async {
|
||||
var deleteSheet = CupertinoActionSheet(
|
||||
title: '删除文件'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.bold
|
||||
.isIntrinsic
|
||||
.color(ktextPrimary)
|
||||
.make(),
|
||||
actions: [
|
||||
CupertinoActionSheetAction(
|
||||
onPressed: () {
|
||||
_files.remove(e);
|
||||
Get.back();
|
||||
setState(() {});
|
||||
},
|
||||
child: '删除'
|
||||
.text
|
||||
.size(32.sp)
|
||||
.isIntrinsic
|
||||
.bold
|
||||
.color(kDangerColor)
|
||||
.make())
|
||||
],
|
||||
);
|
||||
await Get.bottomSheet(
|
||||
deleteSheet,
|
||||
);
|
||||
},
|
||||
onPressed: () async {
|
||||
await OpenFile.open(e.path);
|
||||
},
|
||||
),
|
||||
)
|
||||
.toList()
|
||||
].sepWidget(separate: 12.w.heightBox),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
bottomNavi: BottomButton(
|
||||
onPressed: () {},
|
||||
child: '提交审核'.text.size(32.sp).color(ktextPrimary).bold.make()),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _uploadWidget() {
|
||||
return GestureDetector(
|
||||
onTap: () async {
|
||||
File? _file = await BeeImagePicker.pick(title: '选择合同照片');
|
||||
if (_file != null) {
|
||||
_files.add(_file);
|
||||
setState(() {});
|
||||
}
|
||||
},
|
||||
child: Center(
|
||||
child: DottedBorder(
|
||||
dashPattern: [6, 4],
|
||||
child: Container(
|
||||
width: 500.w,
|
||||
height: 500.w,
|
||||
color: Color(0x19C4C4C4),
|
||||
alignment: Alignment.center,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
87.w.heightBox,
|
||||
SizedBox(
|
||||
width: 200.w,
|
||||
height: 200.w,
|
||||
child: CustomPaint(
|
||||
painter: UploadPainter(),
|
||||
),
|
||||
),
|
||||
43.w.heightBox,
|
||||
'点击上传文件'
|
||||
.text
|
||||
.size(32.sp)
|
||||
.color(Color(0xFFADB2C4))
|
||||
.bold
|
||||
.make(),
|
||||
43.w.heightBox,
|
||||
'仅支持PDF、PNG、JPG格式的文件'
|
||||
.text
|
||||
.size(28.sp)
|
||||
.color(Color(0x999999))
|
||||
.make(),
|
||||
],
|
||||
),
|
||||
)),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
import 'package:aku_community/const/resource.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
|
||||
class DocViw extends StatelessWidget {
|
||||
const DocViw({
|
||||
Key? key,
|
||||
required this.title,
|
||||
required this.onPressed,
|
||||
this.margin, this.onLongPress,
|
||||
}) : super(key: key);
|
||||
|
||||
final String title;
|
||||
final VoidCallback onPressed;
|
||||
final EdgeInsetsGeometry? margin;
|
||||
final VoidCallback? onLongPress;
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// if (title?.isEmpty ?? true) return SizedBox();
|
||||
return GestureDetector(
|
||||
onLongPress: onLongPress,
|
||||
child: Container(
|
||||
margin: margin ?? EdgeInsets.only(right: 113.w),
|
||||
alignment: Alignment.centerLeft,
|
||||
child: MaterialButton(
|
||||
minWidth: 606.w,
|
||||
height: 154.w,
|
||||
padding: EdgeInsets.symmetric(horizontal: 32.w),
|
||||
child: Row(
|
||||
children: [
|
||||
title.text.size(32.sp).make().expand(),
|
||||
Image.asset(
|
||||
R.ASSETS_ICONS_FILE_PNG,
|
||||
height: 52.w,
|
||||
width: 52.w,
|
||||
),
|
||||
],
|
||||
),
|
||||
onPressed: onPressed,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8.w),
|
||||
side: BorderSide(color: Color(0xFFD4CFBE)),
|
||||
),
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue