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 > {

  @override
  Widget build(BuildContext context) {
    return 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(
                  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: "输入运单号查询物流",
                            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)
                          ),
                        ),
                      ),
                      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 > [
                        Container(
                          height: ScreenUtil.getInstance().setHeight(80),
                          decoration: BoxDecoration(
                            border: Border(bottom: BorderSide.merge(BorderSide(color: Colors.black, width: 1), BorderSide(color: Colors.black, width: 0)), )
                          ),
                          child: Center(
                            child: Text("待取件", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30)), ),
                          )
                        ),
                        Container(
                          height: ScreenUtil.getInstance().setHeight(80),
                          decoration: BoxDecoration(
                            border: Border()
                          ),
                          child: Center(
                            child: Text("运途中", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: Color.fromRGBO(155, 155, 155, 1)), ),
                          )
                        ),
                        Container(
                          height: ScreenUtil.getInstance().setHeight(80),
                          decoration: BoxDecoration(
                            border: Border()
                          ),
                          child: Center(
                            child: Text("已完成", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: Color.fromRGBO(155, 155, 155, 1)), ),
                          )
                        ),
                      ],
                    )
                  )
                ),
              ],
            )
          ),
          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(),
                ],
              ),
            ),
          )
        ],
      )
    );
  }
  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, );
        }));
      },
    );
  }
}