logistics-client-flutter/lib/pages/order_management_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'order_management_page/order_detail_page.dart';

class OrderManagementPage extends StatefulWidget {
  final Widget child;

  OrderManagementPage({
    Key key,
    this.child
  }): super(key: key);

  _OrderManagementPageState createState() => _OrderManagementPageState();
}

class _OrderManagementPageState extends State < OrderManagementPage > with AutomaticKeepAliveClientMixin {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Scaffold(
        appBar: AppBar(
          title: Text('订单管理', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(36)), ),
          centerTitle: true,
          backgroundColor: Color.fromRGBO(64, 98, 254, 1),
          // actions: < Widget > [
          //   IconButton(
          //     icon: Icon(Icons.add_circle_outline),
          //     onPressed: () {},
          //   )
          // ],
        ),
        body: Container(
          decoration: BoxDecoration(
            color: Color.fromRGBO(246, 246, 254, 1)
          ),
          child: QueryWidget()

        ),
        resizeToAvoidBottomPadding: false //键盘弹出，页面不跟随向上滑动,防止出现溢出错误
      )
    );
  }
  @override
  bool get wantKeepAlive => true;
}

class QueryWidget extends StatefulWidget { //搜索栏
  final Widget child;

  QueryWidget({
    Key key,
    this.child
  }): super(key: key);

  _QueryWidgetState createState() => _QueryWidgetState();
}

class _QueryWidgetState extends State < QueryWidget > {
  GlobalKey _globalKey = GlobalKey();//搜索栏key
  List < bool > statusList = [true, false, false];
  double inputPostX = 0;
  double inputPostY = 0;
  double inputWidth = 0;
  double inputHeight = 0;
  bool showStatus = true; //提示层显示状态
  String orderNo;

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: < Widget > [
        Container(
          child: Column(
            children: < Widget > [
              Container(
                color: Colors.white,
                height: ScreenUtil.getInstance().setHeight(222),
                padding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), 0),
                child: Column(
                  children: < Widget > [
                    Container(
                      key: _globalKey,
                      height: ScreenUtil.getInstance().setHeight(100),
                      decoration: BoxDecoration(
                        border: Border.all(color: Color.fromRGBO(204, 204, 204, 1), width: 1),
                        borderRadius: BorderRadius.all(Radius.circular(5))
                      ),
                      child: Row(
                        children: < Widget > [
                          Expanded(
                            child: TextField(
                              keyboardType: TextInputType.number,
                              decoration: InputDecoration(
                                border: InputBorder.none,
                                hintText: "输入运单号后6位查询物流",
                                hintStyle: TextStyle(fontSize: ScreenUtil.getInstance().setSp(26), color: Color.fromRGBO(155, 155, 155, 1)),
                                contentPadding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(30), 0, ScreenUtil.getInstance().setWidth(30), 0)
                              ),
                              onTap: (){
                                RenderObject inputObj = _globalKey.currentContext.findRenderObject();
                                setState(() {
                                  inputWidth = inputObj.paintBounds.size.width;
                                  inputHeight = inputObj.paintBounds.size.height;
                                  inputPostX = inputObj.getTransformTo(null).getTranslation().x;
                                  inputPostY = ScreenUtil.getInstance().setWidth(20) + inputHeight;
                                });
                              },
                              onChanged: ((value) {
                                setState(() {
                                  orderNo = value;
                                });
                                if (orderNo.length >= 6) {
                                  setState(() {
                                    showStatus = false;
                                  });
                                } else {
                                  setState(() {
                                    showStatus = true;
                                  });
                                }
                              }),
                              onEditingComplete: () {
                                FocusScope.of(context).requestFocus(FocusNode());
                                setState(() {
                                  showStatus = true;
                                });
                              },
                            ),
                          ),
                          IconButton(
                            icon: Image.asset('lib/images/icon_saoyisao.png',
                              width: ScreenUtil.getInstance().setWidth(38),
                              height: ScreenUtil.getInstance().setHeight(36),
                            ),
                            onPressed: () {},
                          ),
                          GestureDetector(
                            child: Container(
                              width: ScreenUtil.getInstance().setWidth(120),
                              decoration: BoxDecoration(
                                border: Border(left: BorderSide.merge(BorderSide(color: Color.fromRGBO(204, 204, 204, 1), width: 1), BorderSide(color: Color.fromRGBO(204, 204, 204, 1), width: 0)), )
                              ),
                              child: Center(
                                child: Text("查询", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(26), color: Color.fromRGBO(64, 98, 254, 1)), ),
                              ),
                            ),
                            onTap: () {
                              print("查询");
                            }
                          ),
                        ],
                      ),
                    ),
                    Container(
                      height: ScreenUtil.getInstance().setHeight(100),
                      child: Container(
                        padding: EdgeInsets.only(top: ScreenUtil.getInstance().setHeight(25)),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          children: < Widget > [
                            GestureDetector(
                              child: Container(
                                height: ScreenUtil.getInstance().setHeight(80),
                                decoration: BoxDecoration(
                                  border: statusList[0] ? Border(bottom: BorderSide.merge(BorderSide(color: Colors.black, width: 1), BorderSide(color: Colors.black, width: 0)), ) : Border()
                                ),
                                child: Center(
                                  child: Text("待取件", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: statusList[0] ? Colors.black : Color.fromRGBO(155, 155, 155, 1)), ),
                                )
                              ),
                              onTap: () {
                                if (statusList[0]) {
                                  return;
                                } else {
                                  setState(() {
                                    statusList = [true, false, false];
                                  });
                                }
                              },
                            ),
                            GestureDetector(
                              child: Container(
                                height: ScreenUtil.getInstance().setHeight(80),
                                decoration: BoxDecoration(
                                  border: statusList[1] ? Border(bottom: BorderSide.merge(BorderSide(color: Colors.black, width: 1), BorderSide(color: Colors.black, width: 0)), ) : Border()
                                ),
                                child: Center(
                                  child: Text("运途中", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: statusList[1] ? Colors.black : Color.fromRGBO(155, 155, 155, 1)), ),
                                )
                              ),
                              onTap: () {
                                if (statusList[1]) {
                                  return;
                                } else {
                                  setState(() {
                                    statusList = [false, true, false];
                                  });
                                }
                              },
                            ),
                            GestureDetector(
                              child: Container(
                                height: ScreenUtil.getInstance().setHeight(80),
                                decoration: BoxDecoration(
                                  border: statusList[2] ? Border(bottom: BorderSide.merge(BorderSide(color: Colors.black, width: 1), BorderSide(color: Colors.black, width: 0)), ) : Border()
                                ),
                                child: Center(
                                  child: Text("已完成", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: statusList[2] ? Colors.black : Color.fromRGBO(155, 155, 155, 1)), ),
                                )
                              ),
                              onTap: () {
                                if (statusList[2]) {
                                  return;
                                } else {
                                  setState(() {
                                    statusList = [false, false, true];
                                  });
                                }
                              },
                            ),
                          ],
                        )
                      )
                    ),
                  ],
                )
              ),
              Expanded(
                child: Container(
                  padding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), 0),
                  child: ListView(
                    children: < Widget > [
                      _cardWiget(),
                      _cardWiget(),
                      _cardWiget(),
                    ],
                  ),
                ),
              )
            ],
          )
        ),
        Positioned(
          left: inputPostX,
          top: inputPostY,
          child: Offstage(
            offstage: showStatus,
            child:
            Container(
              width: inputWidth,
              height: ScreenUtil.getInstance().setHeight(320),
              margin: EdgeInsets.only(top: ScreenUtil.getInstance().setHeight(1)),
              decoration: BoxDecoration(
                color: Color.fromRGBO(244, 248, 251, 1),
                border: Border.all(color: Color.fromRGBO(204, 204, 204, 1), width: 1),
                borderRadius: BorderRadius.all(Radius.circular(5))
              ),
              child: ListView(
                children: < Widget > [
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Text("11012312312312312313123131"),
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Text("11012312312312312313123131"),
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Text("11012312312312312313123131"),
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Text("11012312312312312313123131"),
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Text("11012312312312312313123131"),
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Text("11012312312312312313123131"),
                  ),
                ],
              ),
            ),
          )
        )
      ],
    );
  }
  Widget _cardWiget() {
    return GestureDetector(
      child: Card(
        color: Colors.white,
        child: Container(
          padding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(20)),
          child: Column(
            children: < Widget > [
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(30)),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: < Widget > [
                    Text('订单号：10893477897899', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(102, 102, 102, 1)), ),
                    Text("待取货", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(126, 211, 33, 1)), ),
                  ],
                )
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(20)),
                child: Row(
                  children: < Widget > [
                    Text('朝阳门大阳汽贸 --> 香河汽修厂', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30)), ),
                  ],
                )
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(15)),
                child: Row(
                  children: < Widget > [
                    SizedBox(
                      width: ScreenUtil.getInstance().setWidth(355),
                      child: Text('货物名称：汽车轮胎', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                    ),
                    Text('代收款：2800元', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                  ],
                ),
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(30)),
                child: Row(
                  children: < Widget > [
                    SizedBox(
                      width: ScreenUtil.getInstance().setWidth(355),
                      child: Text('货物件数：4件', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                    ),
                    Text('运费：280元', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                  ],
                ),
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(20)),
                child: Container(
                  height: ScreenUtil.getInstance().setHeight(1),
                  color: Color.fromRGBO(223, 223, 223, 1),
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: < Widget > [
                  GestureDetector(
                    child: Container(
                      width: ScreenUtil.getInstance().setWidth(94),
                      height: ScreenUtil.getInstance().setHeight(48),
                      decoration: BoxDecoration(
                        color: Color.fromRGBO(239, 243, 249, 1),
                        borderRadius: BorderRadius.all(Radius.circular(4.0))
                      ),
                      child: Center(
                        child: Text('作废', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                      ),
                    ),
                    onTap: () {
                      print("作废");
                    },
                  ),
                  GestureDetector(
                    child: Container(
                      width: ScreenUtil.getInstance().setWidth(94),
                      height: ScreenUtil.getInstance().setHeight(48),
                      decoration: BoxDecoration(
                        color: Color.fromRGBO(239, 243, 249, 1),
                        borderRadius: BorderRadius.all(Radius.circular(4.0))
                      ),
                      child: Center(
                        child: Text('寄件', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                      ),
                    ),
                    onTap: () {
                      print("寄件");
                    },
                  )

                ],
              )
            ],
          ),
        )
      ),
      onTap: () {
        Navigator.push(context, MaterialPageRoute(builder: (context) {
          return OrderDetailPage(orderId: 123456, );
        }));
      },
    );
  }
}