You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
728 lines
27 KiB
728 lines
27 KiB
import 'package:new_recook/constants/styles.dart';
|
|
import 'package:new_recook/pages/user/invoice/invoice_detail_more_page.dart';
|
|
import 'package:new_recook/pages/user/invoice/pick_invoice_title_picker.dart';
|
|
import 'package:new_recook/utils/headers.dart';
|
|
import 'package:new_recook/utils/text_utils.dart';
|
|
import 'package:new_recook/widget/button/recook_check_box.dart';
|
|
import 'package:new_recook/widget/recook_scaffold.dart';
|
|
|
|
import 'invoice_upload_done_page.dart';
|
|
|
|
class InvoiceDetailPage extends StatefulWidget {
|
|
final List<int?> ids;
|
|
final double price;
|
|
InvoiceDetailPage({
|
|
Key? key, required this.ids, required this.price,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
_InvoiceDetailPageState createState() => _InvoiceDetailPageState();
|
|
}
|
|
|
|
class _InvoiceDetailPageState extends State<InvoiceDetailPage> {
|
|
bool _isCompany = true;
|
|
|
|
TextEditingController _cName = TextEditingController();
|
|
TextEditingController _pName = TextEditingController();
|
|
TextEditingController _taxNum = TextEditingController();
|
|
TextEditingController _phone = TextEditingController();
|
|
TextEditingController _email = TextEditingController();
|
|
|
|
TextEditingController _addr = TextEditingController();
|
|
TextEditingController _telePhone = TextEditingController();
|
|
TextEditingController _bankNum = TextEditingController();
|
|
TextEditingController _message = TextEditingController();
|
|
|
|
GlobalKey<FormState> _formState = GlobalKey<FormState>();
|
|
|
|
controllerClear() {
|
|
_cName.clear();
|
|
_pName.clear();
|
|
_taxNum.clear();
|
|
_phone.clear();
|
|
_email.clear();
|
|
_addr.clear();
|
|
_telePhone.clear();
|
|
_bankNum.clear();
|
|
_message.clear();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Form(
|
|
key: _formState,
|
|
child: RecookScaffold(
|
|
title: '开具发票',
|
|
body: ListView(
|
|
padding: EdgeInsets.only(
|
|
top: 16.w,
|
|
),
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.all(24.w),
|
|
//margin: EdgeInsets.symmetric(horizontal: 24.w),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
//borderRadius: BorderRadius.circular(16.w),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'订单编号',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
20.wb,
|
|
Text(
|
|
'232748502637',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
fontWeight: FontWeight.bold,height: 1.5),
|
|
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'开票金额',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
20.wb,
|
|
Text(
|
|
'¥438.00',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFFD5101A),height: 1.5
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'订单编号',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
20.wb,
|
|
Text(
|
|
'232748502637',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
fontWeight: FontWeight.bold,height: 1.5),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'开票金额',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
20.wb,
|
|
Text(
|
|
'¥438.00',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFFD5101A),height: 1.5
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
16.hb,
|
|
_titleWidget(
|
|
'抬头类型',
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Row(
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
_isCompany = true;
|
|
controllerClear();
|
|
});
|
|
},
|
|
child: Row(
|
|
children: [
|
|
RecookCheckBox(state: _isCompany),
|
|
SizedBox(width: 16.w),
|
|
Text(
|
|
'企业单位',
|
|
style: TextStyle(
|
|
fontSize: 14 * 2.sp,
|
|
color: Color(0xFF666666),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(width: 48.w),
|
|
GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
_isCompany = false;
|
|
controllerClear();
|
|
});
|
|
},
|
|
child: Row(
|
|
children: [
|
|
RecookCheckBox(state: !_isCompany),
|
|
SizedBox(width: 16.w),
|
|
Text(
|
|
'个人/非企业',
|
|
style: TextStyle(
|
|
fontSize: 14 * 2.sp,
|
|
color: Color(0xFF666666),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
))
|
|
],
|
|
),
|
|
),
|
|
_buildDivider(),
|
|
_isCompany ? _buildInc() : _buildPerson(),
|
|
16.hb,
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 32.w,
|
|
vertical: 24.w,
|
|
),
|
|
color: Colors.white,
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'总金额',
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: 16 * 2.sp,
|
|
),
|
|
),
|
|
Spacer(),
|
|
Text(
|
|
widget.price.toString(),
|
|
style: TextStyle(
|
|
color: Color(0xFFDB2D2D),
|
|
fontSize: 28.sp,height: 1.5
|
|
),
|
|
),
|
|
Text(
|
|
' 元',
|
|
style: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: 28.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 32.w,
|
|
vertical: 20.w,
|
|
),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
'接收方式',
|
|
style: TextStyle(
|
|
fontSize: 14 * 2.sp,
|
|
color: Color(0xFF666666),
|
|
),
|
|
),
|
|
),
|
|
_titleWidget(
|
|
'手机号码',
|
|
TextFormField(
|
|
validator: (value) {
|
|
if (TextUtils.isEmpty(value)) {
|
|
return "请填写接收发票手机号码";
|
|
} else
|
|
return null;
|
|
},
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
),
|
|
onChanged: (_) => setState(() {}),
|
|
controller: _phone,
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.zero,
|
|
isDense: true,
|
|
border: InputBorder.none,
|
|
hintText: '用于向您发送开票成功通知',
|
|
hintStyle: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: 14 * 2.sp,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
_titleWidget(
|
|
'电子邮箱',
|
|
TextFormField(
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
),
|
|
validator: (value) {
|
|
if (TextUtils.isEmpty(value)) {
|
|
return "请填写接收发票电子邮箱";
|
|
} else
|
|
return null;
|
|
},
|
|
onChanged: (_) => setState(() {}),
|
|
controller: _email,
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.zero,
|
|
isDense: true,
|
|
border: InputBorder.none,
|
|
hintText: '用于向您发送电子发票',
|
|
hintStyle: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: 14 * 2.sp,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
bottomNavi: Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 64.w,
|
|
vertical: 24.w,
|
|
),
|
|
child: SafeArea(
|
|
bottom: true,
|
|
top: false,
|
|
child: GestureDetector(
|
|
onTap: _parseCheck()
|
|
? () {
|
|
if (_formState.currentState!.validate()) {
|
|
showGeneralDialog(
|
|
barrierDismissible: true,
|
|
barrierLabel: '',
|
|
barrierColor: Colors.black.withOpacity(0.5),
|
|
transitionDuration: Duration(milliseconds: 300),
|
|
context: context,
|
|
pageBuilder:
|
|
(context, animation, secondaryAnimation) {
|
|
return Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: Material(
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.vertical(
|
|
top: Radius.circular(
|
|
20.w,
|
|
),
|
|
),
|
|
),
|
|
height: 750.w,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.stretch,
|
|
children: [
|
|
Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 30.w),
|
|
child: Text(
|
|
'开具电子发票',
|
|
style: TextStyle(
|
|
fontSize: 18 * 2.sp,
|
|
color: Color(0xFF333333),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ListView(
|
|
children: [
|
|
Divider(
|
|
height: 0.5,
|
|
color: Color(0xFF666666),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 24.w,
|
|
horizontal: 32.w,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'发票类型',
|
|
style: TextStyle(
|
|
fontSize: 32.sp,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
Spacer(),
|
|
Text(
|
|
'电子发票',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Divider(
|
|
height: 0.5,
|
|
color: Color(0xFF666666),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 24.w,
|
|
horizontal: 32.w,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'发票抬头',
|
|
style: TextStyle(
|
|
fontSize: 32.sp,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
Spacer(),
|
|
Text(
|
|
_isCompany
|
|
? _cName.text
|
|
: _pName.text,
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Divider(
|
|
height: 0.5,
|
|
color: Color(0xFF666666),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 24.w,
|
|
horizontal: 32.w,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'开票金额',
|
|
style: TextStyle(
|
|
fontSize: 32.sp,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
Spacer(),
|
|
Text(
|
|
widget.price.toString(),
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xffd5101a),height: 1.5),
|
|
),
|
|
Text(
|
|
'元',
|
|
style: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Divider(
|
|
height: 1.w,
|
|
color: Color(0xFF666666),
|
|
),
|
|
],
|
|
)),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 32.w,
|
|
vertical: 24.w,
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 32.w,
|
|
vertical: 24.w,
|
|
),
|
|
child: TextButton(
|
|
onPressed: _parseCheck()
|
|
? () async {
|
|
Get.to(()=>InvoiceUploadDonePage());
|
|
}
|
|
: null,
|
|
style: ButtonStyle(
|
|
backgroundColor:
|
|
MaterialStateProperty.all(
|
|
AppColor.redColor)),
|
|
child: Text(
|
|
'确认提交',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16 * 2.sp,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: MediaQuery.of(context)
|
|
.viewPadding
|
|
.bottom,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
: null,
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
height: 80.w,
|
|
padding: EdgeInsets.symmetric(vertical: 16.w),
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFDB1E1E),
|
|
borderRadius: BorderRadius.circular(36.w)
|
|
),
|
|
child: Text(
|
|
'提交申请',
|
|
style: TextStyle(
|
|
fontSize: 16 * 2.sp,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
bool _parseCheck() {
|
|
return _isCompany
|
|
? (TextUtils.isNotEmpty(_cName.text) &&
|
|
TextUtils.isNotEmpty(_taxNum.text))
|
|
: (TextUtils.isNotEmpty(_pName.text));
|
|
}
|
|
|
|
_buildInc() {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
_titleWidget(
|
|
'发票抬头',
|
|
TextField(
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
),
|
|
onChanged: (_) => setState(() {}),
|
|
controller: _cName,
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.zero,
|
|
isDense: true,
|
|
border: InputBorder.none,
|
|
hintText: '填写需要开具发票的企业名称',
|
|
hintStyle: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: 14 * 2.sp,
|
|
),
|
|
),
|
|
),
|
|
suffix: GestureDetector(
|
|
child: Icon(
|
|
Icons.menu,
|
|
color: Color(0xFF707070),
|
|
),
|
|
onTap: () {
|
|
pickInvoiceTitle(context, (model) {
|
|
if (model.type == 1) {
|
|
_addr.text = model.address!;
|
|
_cName.text = model.name!;
|
|
_taxNum.text = model.taxnum!;
|
|
_telePhone.text = model.phone!;
|
|
_bankNum.text = model.bank!;
|
|
} else {
|
|
_pName.text = model.name!;
|
|
}
|
|
});
|
|
},
|
|
),
|
|
),
|
|
_buildDivider(),
|
|
_titleWidget(
|
|
'公司税号',
|
|
TextField(
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
),
|
|
onChanged: (_) => setState(() {}),
|
|
controller: _taxNum,
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.zero,
|
|
isDense: true,
|
|
border: InputBorder.none,
|
|
hintText: '填写纳税人识别号',
|
|
hintStyle: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: 14 * 2.sp,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
_buildDivider(),
|
|
GestureDetector(
|
|
onTap: () {
|
|
Get.to(() => InvoiceDetailMorePage(
|
|
address: _addr,
|
|
bankNum: _bankNum,
|
|
message: _message,
|
|
telephone: _telePhone,
|
|
));
|
|
},
|
|
child: _titleWidget(
|
|
'更多内容',
|
|
Text(
|
|
'填写备注、地址等（非必填）',
|
|
style: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: 14 * 2.sp,
|
|
),
|
|
),
|
|
suffix: Icon(
|
|
Icons.navigate_next,
|
|
color: Color(0xFFCCCCCC),
|
|
size: 40.sp,
|
|
),
|
|
))
|
|
],
|
|
);
|
|
}
|
|
|
|
_buildPerson() {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
_titleWidget(
|
|
'抬头名称',
|
|
TextField(
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
),
|
|
onChanged: (_) => setState(() {}),
|
|
controller: _pName,
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.zero,
|
|
isDense: true,
|
|
border: InputBorder.none,
|
|
hintText: '填写发票抬头',
|
|
hintStyle: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: 14 * 2.sp,
|
|
),
|
|
),
|
|
),
|
|
suffix: GestureDetector(
|
|
child: Icon(
|
|
Icons.menu,
|
|
color: Color(0xFF707070),
|
|
),
|
|
onTap: () {
|
|
pickInvoiceTitle(context, (model) {
|
|
if (model.type == 1) {
|
|
_addr.text = model.address!;
|
|
_cName.text = model.name!;
|
|
_taxNum.text = model.taxnum!;
|
|
_telePhone.text = model.phone!;
|
|
_bankNum.text = model.bank!;
|
|
} else {
|
|
_pName.text = model.name!;
|
|
}
|
|
});
|
|
},
|
|
),
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
_buildDivider() {
|
|
return Container(
|
|
child: Divider(
|
|
height: 0.5 * 2.w,
|
|
thickness: 1,
|
|
color: Color(0xFFEEEEEE),
|
|
),
|
|
color: Colors.white,
|
|
);
|
|
}
|
|
|
|
_titleWidget(
|
|
String title,
|
|
Widget mid, {
|
|
Widget? suffix,
|
|
}) {
|
|
return Container(
|
|
color: Colors.white,
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: 16 * 2.sp,
|
|
),
|
|
),
|
|
32.wb,
|
|
Expanded(child: mid),
|
|
suffix ?? SizedBox(),
|
|
],
|
|
),
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 32.w,
|
|
vertical: 24.w,
|
|
),
|
|
);
|
|
}
|
|
}
|