import 'package:farmer_client/pages/orderInfo/widgets/star.dart';
import 'package:farmer_client/widgets/DefaultButton.dart';
import 'package:ff_stars/ff_stars.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:get/get.dart';
import 'package:farmer_client/widgets/Modal.dart' as modal;
import '../../models/entities/OrderInfoModel.dart';
import '../../services/orderAPI.dart';
import '../../widgets/OrderInfoCard.dart';
import '../../widgets/layout/BasicPage.dart';
// class OrderContentInfo {
// String title;
// Color styleColor;
// StyleObj ({ required this.title, required this.styleColor});
// }
class OrderPageInfo extends BasicPage {
final id = Rx<String>('');
final orderStateText = Rx<String>('待支付');
final orderStateColor = Rx<Color>(Colors.black);
final orderInfoContent = Rx<OrderInfoModel>(OrderInfoModel());
final evalText = Rx<String>('');
final evalStars = Rx<num>(-1);
// orderStates
@override
void beforeShow() {
// TODO: implement beforeShow
super.beforeShow();
if (Get.arguments['id'] != null) {
id(Get.arguments['id']);
orderStateText(Get.arguments['title']);
orderStateColor(Get.arguments['styleColor']);
orderInfo(id()).then((value) {
EasyLoading.show(status: '数据加载中...');
orderInfoContent(OrderInfoModel.fromJson(value));
EasyLoading.dismiss();
});
}
}
@override
Widget builder(BuildContext context) {
naviTitle = '订单详情';
return Column(
children: [
Obx(
() => OrderInfoCard(
item: orderInfoContent(),
orderStateText: orderStateText(),
orderStateColor: orderStateColor()),
),
// Obx(() => _BottomWidget(id: id())),
Obx(
() => Container(
padding: EdgeInsets.fromLTRB(15, 50.w, 15, 0),
child: _bottomJudgment(id.value)),
),
],
);
}
Widget _bottomJudgment(String id) {
return orderStateText.value == '已完成'
? Text('')
: orderStateText.value == '进行中'
? Text('')
: orderStateText.value == '待评价'
? DefaultButton(
color: const Color(0xffffffff),
backColor: const Color(0xFFFF703B),
width: 300.w,
height: 49.h,
text: '评价',
onPressed: () {
modal.showDialog(
title: '评价此订单',
content: Container(
alignment: Alignment.center,
child: Container(
margin:
const EdgeInsets.fromLTRB(15, 20, 15, 20),
child: Column(
children: [
Container(
padding: const EdgeInsets.fromLTRB(
0, 0, 0, 10),
decoration: const BoxDecoration(
border: Border(
bottom: BorderSide(
width: 0.8,
color: Color(0x20000000)
// 0x17000000
))),
child: Row(
children: [
Text(
'满意度：',
style: TextStyle(
fontSize: 17.sp,
fontWeight: FontWeight.bold),
),
FFStars(
//https://pub.dev/packages/ff_stars
normalStar: Image.asset(
'images/icons/starOff.png'),
selectedStar: Image.asset(
'images/icons/starOn.png'),
starsChanged:
(realStars, selectedStars) {
evalStars(realStars);
print(
"real: $selectedStars, final: $realStars");
},
step: 1,
defaultStars: 0,
),
],
),
),
Container(
margin: const EdgeInsets.fromLTRB(
0, 20, 0, 0),
width: 300.w,
height: 100.w,
decoration: BoxDecoration(
border: Border.all(
color: Color(0x20000000),
width: 0.8,
),
),
child: TextField(
minLines: 6,
maxLines: 6,
style: TextStyle(
fontSize: 17.sp, height: 1.5),
decoration: const InputDecoration(
isCollapsed: true,
border: InputBorder.none,
counterText: '',
hintText: '请输入评价内容',
floatingLabelBehavior:
FloatingLabelBehavior.never,
),
onChanged: (e) {
evalText(e);
},
),
)
],
),
)),
onCancel: () => true,
onConfirm: () {
if (evalStars.value != -1 && evalText.value != '') {
orderEvaluation(
id, evalStars.value, evalText.value)
.then((value) {
Fluttertoast.showToast(msg: '评价成功！');
Get.offNamed('/order');
});
} else {
Fluttertoast.showToast(msg: '请完整选择评分或输入评价内容');
return false;
}
});
},
margin: const EdgeInsets.all(0),
fontSize: 20.sp,
radius: 24.5.w,
)
: orderStateText.value == '待作业'
? DefaultButton(
color: const Color(0xffffffff),
backColor: const Color(0xFFFF703B),
width: 300.w,
height: 49.h,
text: '退单',
onPressed: () {
modal.showDialog(
title: '提示',
content: Container(
alignment: Alignment.center,
child: Text('确定要申请退单吗？'),
),
onCancel: () => true,
onConfirm: () => {
orderRefund(id).then((value) {
Fluttertoast.showToast(msg: '退单成功！');
Get.offNamed('/order');
}),
});
},
margin: const EdgeInsets.all(0),
fontSize: 20.sp,
radius: 24.5.w,
)
: orderStateText.value == '已付款'
? DefaultButton(
color: const Color(0xffffffff),
backColor: const Color(0xFFFF703B),
width: 300.w,
height: 49.h,
text: '退单',
onPressed: () {
modal.showDialog(
title: '提示',
content: Container(
alignment: Alignment.center,
child: Text('确定要申请退单吗？'),
),
onCancel: () => true,
onConfirm: () => {
orderRefund(id).then((value) {
Fluttertoast.showToast(msg: '退单成功！');
Get.offNamed('/order');
}),
});
},
margin: const EdgeInsets.all(0),
fontSize: 20.sp,
radius: 24.5.w,
)
: orderStateText.value == '待付款'
? _BottomWidget(
id: id,
)
: orderStateText.value == '已退单'
? Text('')
: orderStateText.value == '退单申请中'
? Text(orderStateText.value)
: Text('');
}
}
class _BottomWidget extends StatelessWidget {
final id;
final resultMessage = Rx<String>('---');
_BottomWidget({Key? key, required this.id}) : super(key: key);
void _orderDeletels() {
modal.showDialog(
title: '提示',
content: Container(
alignment: Alignment.center,
child: Text('确定要取消此订单吗？'),
),
onCancel: () => true,
onConfirm: () => {
orderDelete(id).then((value) {
Fluttertoast.showToast(msg: '订单取消成功！');
Get.offNamed('/order');
})
});
}
//显示底部弹框的功能
void showBottomSheet(context) {
//用于在底部打开弹框的效果
showModalBottomSheet(
context: context,
isScrollControlled: false,
backgroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))),
builder: (BuildContext context) {
return Container(
height: 200.w, //对话框高度就是此高度
child: Center(
child: Column(
children: [
Padding(
padding: EdgeInsets.fromLTRB(0, 25.w, 0, 34.w),
child: Text(
"支付方式",
style:
TextStyle(fontSize: 17.sp, fontWeight: FontWeight.bold),
),
),
Padding(
padding: EdgeInsets.fromLTRB(15.w, 0, 15.w, 0),
child: ListTile(
contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
// 这边使用了contentPadding
leading: Image(
image: AssetImage('images/alipay.png'),
width: 30.w,
height: 30.w,
),
title: Transform(
transform: Matrix4.translationValues(-15, 0.0, 0.0),
child: Text("支付宝",
style: TextStyle(
fontSize: 18.sp, color: Color(0xff333333))),
),
trailing: Image(
image: AssetImage('images/userRight.png'),
width: 10.w,
height: 18.w,
),
),
),
Padding(
padding: EdgeInsets.fromLTRB(15.w, 0, 15.w, 0),
child: ListTile(
onTap: () {},
contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
// 这边使用了contentPadding
leading: Image(
image: AssetImage('images/weChatPay.png'),
width: 30.w,
height: 30.w,
),
title: Transform(
transform: Matrix4.translationValues(-15, 0.0, 0.0),
child: Text("微信",
style: TextStyle(
fontSize: 18.sp, color: Color(0xff333333))),
),
trailing: Image(
image: AssetImage('images/userRight.png'),
width: 10.w,
height: 18.w,
),
),
),
],
)),
);
});
}
@override
Widget build(BuildContext context) {
return Container(
alignment: Alignment.bottomCenter,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
SizedBox(
width: 150.w,
height: 49.h,
child: ElevatedButton(
onPressed: () {
_orderDeletels();
},
child: const Text(
"取消",
style: TextStyle(
fontSize: 18,
color: Color(0xFFFF703B),
fontWeight: FontWeight.bold),
),
style: ButtonStyle(
side: MaterialStateProperty.all(
BorderSide(width: 1, color: Color(0xFFFF703B))), //边框
elevation: MaterialStateProperty.all(0),
backgroundColor: MaterialStateProperty.all(Colors.white),
shape: MaterialStateProperty.all(
RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(24.4))),
),
),
),
),
SizedBox(
child: DefaultButton(
color: const Color(0xffffffff),
backColor: const Color(0xFFFF703B),
width: 150.w,
height: 49.h,
text: '支付',
onPressed: () {
showBottomSheet(context);
// Fluttertoast.showToast(msg: '支付成功！');
// Get.offAllNamed('/');
},
margin: const EdgeInsets.all(0),
fontSize: 20.sp,
radius: 24.5.w,
),
),
],
),
);
}
}