order E

lib/pages/orderInfo/index.dart

@@ -1,4 +1,6 @@
+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_screenutil/flutter_screenutil.dart';
 import 'package:fluttertoast/fluttertoast.dart';
@@ -21,6 +23,10 @@ class OrderPageInfo extends BasicPage {
   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
@@ -75,8 +81,85 @@ class OrderPageInfo extends BasicPage {
                     height: 49.h,
                     text: '评价',
                     onPressed: () {
-                      Fluttertoast.showToast(msg: '评价成功！');
-                      Get.offNamed('/order');
+
+                      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,

lib/pages/orderInfo/widgets/star.dart

@@ -0,0 +1,114 @@
+
+import 'package:flutter/material.dart';
+
+
+
+
+class HTStarRating extends StatefulWidget {
+  final double rating;       // 当前分数
+  final double maxRating;    // 满分
+  final int count;           // 总共几颗心
+  final double size;          // 星星大小
+  final Color defaultColor;
+  final Color selectedColor;
+  final Widget unselectedImage;
+  final Widget selectedImage;
+
+  HTStarRating({
+    required this.rating,   // 必填
+    //选填， 初始默认值
+    this.maxRating = 10,
+    this.count = 5,
+    this.size = 30,
+    this.defaultColor = Colors.grey,
+    this.selectedColor = Colors.red,
+     Widget? unselectedImage,
+     Widget? selectedImage,
+
+
+  }):unselectedImage = unselectedImage?? Icon(
+      Icons.star_border, color: defaultColor, size: size),
+        selectedImage = selectedImage?? Icon(Icons.star, color: selectedColor,size: size);
+
+  @override
+  _HTStarRatingState createState() => _HTStarRatingState();
+}
+
+class _HTStarRatingState extends State<HTStarRating> {
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: <Widget>[
+        Row(
+            mainAxisSize: MainAxisSize.min,
+            children: buildDefaultStar()
+        ),
+        Row(
+            mainAxisSize: MainAxisSize.min,
+            children: buildSelectedStar()
+        )
+      ],
+    );
+  }
+
+
+  /*
+  *  创建默认的星星
+  * */
+  List<Widget> buildDefaultStar(){
+    return List.generate(widget.count, (index) {
+      return widget.unselectedImage;
+    });
+  }
+
+  /*
+  *  创建选中的星星
+  * */
+  List<Widget> buildSelectedStar() {
+    // 创建stats
+    List<Widget> starts = [];
+    final star = widget.selectedImage;
+    //构建满的start
+    double oneValue = widget.maxRating / widget.count;
+    int entireCount = (widget.rating / oneValue).floor(); //.floor() 向下取整
+
+    for (var i = 0; i< entireCount ; i++){
+      starts.add(star);
+    }
+    //构建部分start
+    double leftWidth = ((widget.rating /oneValue)-entireCount)* widget.size;
+    final halfStar = ClipRect(
+        clipper: HTStartClipper(leftWidth),
+        child: star
+    );
+    starts.add(halfStar);
+
+    // 防止传入参数大于总分
+    if (starts.length > widget.count){
+      return starts.sublist(0,widget.count);
+    }
+
+    return starts;
+  }
+}
+
+/*
+* 切割
+* */
+class HTStartClipper extends CustomClipper<Rect> {
+
+  double width;
+
+  HTStartClipper(this.width);
+
+  @override
+  Rect getClip(Size size) {
+    return Rect.fromLTRB(0, 0, width, size.height);
+  }
+
+  @override
+  bool shouldReclip(HTStartClipper oldClipper) {
+    return oldClipper.width != this.width;
+  }
+
+}

lib/services/orderAPI.dart

@@ -75,3 +75,18 @@ Future orderRefund (String id)async{
 }
 
 
+
+
+/**
+ * 评价订单
+ * @param {*} data
+ * @returns
+ */
+
+Future orderEvaluation (String orderId,num score,String content)async{
+  return request('/evaluation',options: Options(method: 'POST'),data: {'orderId':orderId,'score':score,'content':content}).catchError((error) =>
+  { Fluttertoast.showToast(
+      msg: error.error['message']
+  ),});
+}
+

lib/widgets/OrderInfoCard.dart

@@ -133,7 +133,7 @@ class OrderInfoCard extends StatelessWidget {
                       padding: EdgeInsets.fromLTRB(0, 0, 0, 20),
                       child: RichText(
                         text:  TextSpan(children: <InlineSpan>[
-                          TextSpan(
+                          const TextSpan(
                               text: '下单时间：',
                               style: TextStyle(
                                   color: Color(0xff666666),
@@ -143,7 +143,7 @@ class OrderInfoCard extends StatelessWidget {
                               // text: DateFormat("yyyy-MM-dd").format(DateTime.parse(item.createDate!.toString())),
                               text:item.createDate!=null? DateFormat("yyyy-MM-dd").format(DateTime.parse(item.createDate.toString())):item.createDate.toString(),
 
-                              style: TextStyle(
+                              style: const TextStyle(
                                   color: Color(0xff222222),
                                   fontSize: 16,
                                   fontWeight: FontWeight.bold)),

pubspec.lock

@@ -155,6 +155,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
+  ff_stars:
+    dependency: "direct main"
+    description:
+      name: ff_stars
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   ffi:
     dependency: transitive
     description:

pubspec.yaml

@@ -49,6 +49,8 @@ dependencies:
   amap_flutter_location: ^3.0.0
   carousel_slider: ^4.0.0
   permission_handler: ^9.2.0
+  ff_stars: ^1.0.0
+
 #  flutter_bmflocation: ^3.1.0+1