huixiang_app/lib/business_system/order/ticket/ticket_page.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:huixiang/business_system/order/ticket/ticket_list.dart';
import 'package:huixiang/business_system/order/ticket/ticket_records_page.dart';
import 'package:huixiang/business_system/order/ticket/ticket_statistics_page.dart';
import 'package:huixiang/business_system/order/ticket/ticket_tab.dart';
import 'package:intl/intl.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../../../utils/font_weight.dart';
import '../../../view_widget/my_appbar.dart';
import '../../../view_widget/my_tab.dart';

class TicketPage extends StatefulWidget {
  final String storeId;

  TicketPage(this.storeId);

  @override
  State<StatefulWidget> createState() {
    return _TicketPage();
  }
}

class _TicketPage extends State<TicketPage>
    with SingleTickerProviderStateMixin {
  final RefreshController refreshController = RefreshController();
  final ScrollController scrollController = ScrollController();
  final TextEditingController editingController = TextEditingController();
  FocusNode _focusNode = FocusNode();
  bool isKeyBoardShow = false;
  List<GlobalKey> _allKey = [];
  String selectTimeDate = "";
  String selectTimeDateNum =
      "${DateFormat("yyyy年MM月dd日 00:00:00").format(DateTime.now().subtract(Duration(days:5)))} 至 "
      "${DateFormat("yyyy年MM月dd日 23:59:59").format(DateTime.now())}";
  bool typeScreen = false;
  bool stateScreen = false;
  String ticketType;
  String ticketState = "-1";
  TabController tabController;

  @override
  void initState() {
    super.initState();
    tabController = TabController(length: 3, vsync: this);
    tabController.addListener(() {
      if (!tabController.indexIsChanging) {
        setState(() {});
        FocusScope.of(context).requestFocus(FocusNode());
      }
    });
    WidgetsBinding.instance.addPostFrameCallback((_) {
      setState(() {
        print("object: ${MediaQuery.of(context).viewInsets.bottom}");
        if (MediaQuery.of(context).viewInsets.bottom == 0) {
          if (isKeyBoardShow) {
            isKeyBoardShow = false;
            //关闭键盘 软键盘关闭了， 清除输入控件的焦点， 否则重新进入页面会导致软键盘再弹出问题
            FocusScope.of(context).requestFocus(FocusNode());
          }
        } else {
          isKeyBoardShow = true;
        }
      });
    });
    loadFinish();
  }

  loadFinish() {
    _allKey = [GlobalKey(), GlobalKey(), GlobalKey()];
    setState(() {});
  }

  ///离开页面记着销毁和清除
  @override
  void dispose() {
    _focusNode.unfocus();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      behavior: HitTestBehavior.opaque,
      onTap: () {
        FocusScope.of(context).requestFocus(FocusNode());
      },
      child: Stack(
        children: [
          Column(
            children: [
              Container(
                width: double.infinity,
                height: 1.h,
                color: Color(0xFFD8D8D8),
              ),
              ticketSearch(),
              tabController.index == 0 ? screen() : timeSelect(),
              Expanded(
                child: DefaultTabController(
                  length: 3,
                  child: Scaffold(
                    resizeToAvoidBottomInset: false,
                    appBar: MyAppBar(
                      title: "",
                      leading: false,
                      background: Colors.white,
                      bottom: TabBar(
                        // isScrollable: true, //可滚动
                        //去掉按钮阴影
                        overlayColor: MaterialStateProperty.all(Colors.white),
                        indicator: const TicketTab(
                            width: 33,
                            borderSide: BorderSide(
                                width: 2.0, color: Color(0xFF30415B))),
                        labelColor: Colors.black,
                        labelStyle: TextStyle(
                          fontSize: 15.sp,
                          fontWeight: FontWeight.bold,
                        ),
                        unselectedLabelStyle: TextStyle(
                            fontSize: 15.sp,
                            fontWeight: FontWeight.normal,
                            color: Color(0xFF666666)),
                        controller: tabController,
                        //未选中文字颜色
                        unselectedLabelColor: Color(0xFF0D0D0D),
                        //指示器与文字等宽
                        tabs: <Widget>[
                          MyTab(text: "票券列表"),
                          MyTab(text: "核销记录"),
                          MyTab(text: "核销统计"),
                        ],
                      ),
                    ),
                    body: TabBarView(
                      controller: tabController,
                      children: [
                        TicketList(
                            _allKey[0],
                            ticketState == "-1" ? "0" : ticketState,
                            ticketType,
                            widget.storeId,
                            editingController.text,
                            typeScreen,
                            stateScreen,
                            MediaQuery.of(context).viewInsets.bottom != 0
                                ? isKeyBoardShow = true
                                : isKeyBoardShow = false),
                        TicketRecordPage(
                            _allKey[1],
                            1,
                            widget.storeId,
                            editingController.text,
                            (selectTimeDate == "" || selectTimeDate == null) ? "" :selectTimeDate,
                            MediaQuery.of(context).viewInsets.bottom != 0
                                ? isKeyBoardShow = true
                                : isKeyBoardShow = false),
                        TicketStatisticsPage(
                            _allKey[2],
                            2,
                            widget.storeId,
                            editingController.text,
                            selectTime(),
                            MediaQuery.of(context).viewInsets.bottom != 0
                                ? isKeyBoardShow = true
                                : isKeyBoardShow = false),
                      ],
                    ),
                  ),
                ),
              ),
              SizedBox(
                height: 76.h,
              ),
            ],
          ),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 18.w),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                if (typeScreen && tabController.index == 0)
                  Expanded(
                      child: Container(
                          height: 176.h,
                          decoration: BoxDecoration(
                            color: Colors.white,
                            border: Border.all(
                              color: Color(0x29000000),
                              width: 0.5.w,
                            ),
                            borderRadius: BorderRadius.circular(2),
                          ),
                          margin: EdgeInsets.only(top: 108.h),
                          padding: EdgeInsets.symmetric(
                              horizontal: 16.w, vertical: 8.h),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              GestureDetector(
                                behavior: HitTestBehavior.opaque,
                                onTap: () {
                                  setState(() {
                                    ticketType = "";
                                    typeScreen = false;
                                    loadFinish();
                                  });
                                },
                                child: Container(
                                    width: double.infinity,
                                    padding:
                                        EdgeInsets.symmetric(vertical: 8.h),
                                    child: Text(
                                      "所有",
                                      style: TextStyle(
                                          color: Color(0xFF808080),
                                          fontSize: 15.sp,
                                          fontWeight: MyFontWeight.regular),
                                    )),
                              ),
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketType = "ADOPT_WARRANT";
                                      typeScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                    width: double.infinity,
                                    padding:
                                        EdgeInsets.symmetric(vertical: 8.h),
                                    child: Text(
                                      "认领凭证",
                                      style: TextStyle(
                                          color: Color(0xFF808080),
                                          fontSize: 15.sp,
                                          fontWeight: MyFontWeight.regular),
                                    ),
                                  )),
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketType = "IDENTITY_CARD";
                                      typeScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                    width: double.infinity,
                                    padding:
                                        EdgeInsets.symmetric(vertical: 8.h),
                                    child: Text(
                                      "身份卡片",
                                      style: TextStyle(
                                          color: Color(0xFF808080),
                                          fontSize: 15.sp,
                                          fontWeight: MyFontWeight.regular),
                                    ),
                                  )),
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketType = "NORMAL";
                                      typeScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                      width: double.infinity,
                                      padding:
                                          EdgeInsets.symmetric(vertical: 8.h),
                                      child: Text(
                                        "常规票券",
                                        style: TextStyle(
                                            color: Color(0xFF808080),
                                            fontSize: 15.sp,
                                            fontWeight: MyFontWeight.regular),
                                      ))),
                            ],
                          ))),
                if (!typeScreen || !stateScreen) Expanded(child: Container()),
                SizedBox(
                  width: 14.w,
                ),
                if (stateScreen && tabController.index == 0)
                  Expanded(
                      child: Container(
                          height: 210.h,
                          decoration: BoxDecoration(
                            color: Colors.white,
                            border: Border.all(
                              color: Color(0x29000000),
                              width: 0.5.w,
                            ),
                            borderRadius: BorderRadius.circular(2),
                          ),
                          margin: EdgeInsets.only(top: 108.h),
                          padding: EdgeInsets.symmetric(
                              horizontal: 16.w, vertical: 8.h),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketState = "0";
                                      stateScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                      width: double.infinity,
                                      padding:
                                          EdgeInsets.symmetric(vertical: 8.h),
                                      child: Text(
                                        "全部",
                                        style: TextStyle(
                                            color: Color(0xFF808080),
                                            fontSize: 15.sp,
                                            fontWeight: MyFontWeight.regular),
                                      ))),
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketState = "1";
                                      stateScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                    width: double.infinity,
                                    padding:
                                        EdgeInsets.symmetric(vertical: 8.h),
                                    child: Text(
                                      "可使用",
                                      style: TextStyle(
                                          color: Color(0xFF808080),
                                          fontSize: 15.sp,
                                          fontWeight: MyFontWeight.regular),
                                    ),
                                  )),
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketState = "7";
                                      stateScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                    width: double.infinity,
                                    padding:
                                        EdgeInsets.symmetric(vertical: 8.h),
                                    child: Text(
                                      "已取消",
                                      style: TextStyle(
                                          color: Color(0xFF808080),
                                          fontSize: 15.sp,
                                          fontWeight: MyFontWeight.regular),
                                    ),
                                  )),
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketState = "8";
                                      stateScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                    width: double.infinity,
                                    padding:
                                        EdgeInsets.symmetric(vertical: 8.h),
                                    child: Text(
                                      "已失效",
                                      style: TextStyle(
                                          color: Color(0xFF808080),
                                          fontSize: 15.sp,
                                          fontWeight: MyFontWeight.regular),
                                    ),
                                  )),
                              GestureDetector(
                                  behavior: HitTestBehavior.opaque,
                                  onTap: () {
                                    setState(() {
                                      ticketState = "9";
                                      stateScreen = false;
                                      loadFinish();
                                    });
                                  },
                                  child: Container(
                                    width: double.infinity,
                                    padding:
                                        EdgeInsets.symmetric(vertical: 8.h),
                                    child: Text(
                                      "已使用",
                                      style: TextStyle(
                                          color: Color(0xFF808080),
                                          fontSize: 15.sp,
                                          fontWeight: MyFontWeight.regular),
                                    ),
                                  )),
                            ],
                          ))),
              ],
            ),
          ),
        ],
      ),
    );
  }

  /// 搜索框
  Widget ticketSearch() {
    return Container(
      color: Colors.white,
      child: Container(
        height: 40.h,
        margin:
            EdgeInsets.only(left: 18.w, right: 18.w, top: 6.h, bottom: 13.h),
        decoration: BoxDecoration(
          color: Color(0xFFF7F8FA),
          borderRadius: BorderRadius.circular(2),
        ),
        child: TextField(
          focusNode: _focusNode,
          textInputAction: TextInputAction.search,
          onTap: () {
            typeScreen = false;
            stateScreen = false;
          },
          onEditingComplete: () {
            FocusScope.of(context).requestFocus(FocusNode());
            loadFinish();
          },
          style: TextStyle(
            fontSize: 15.sp,
            fontWeight: MyFontWeight.regular,
            color: Color(0xFF808080),
          ),
          controller: editingController,
          decoration: InputDecoration(
            hintText: "请输入票券名称/用户名/手机号",
            hintStyle: TextStyle(
                color: Color(0xFF808080),
                fontSize: 15.sp,
                fontWeight: MyFontWeight.regular),
            contentPadding: EdgeInsets.symmetric(
              vertical: 12.h,
            ),
            prefixIcon: Image.asset(
              "assets/image/bs_goods_search.webp",
              width: 20,
              height: 20,
            ),
            border: InputBorder.none,
          ),
        ),
      ),
    );
  }

  ///筛选框
  Widget screen() {
    return Container(
      color: Colors.white,
      width: double.infinity,
      padding: EdgeInsets.only(left: 18.w, right: 18.w),
      child: Row(
        children: [
          Expanded(
            child: GestureDetector(
              onTap: () {
                setState(() {
                  typeScreen = !typeScreen;
                  FocusScope.of(context).requestFocus(FocusNode());
                  stateScreen = false;
                });
              },
              child: Container(
                decoration: BoxDecoration(
                  color: Color(0XFFF7F8FA),
                  borderRadius: BorderRadius.circular(2),
                ),
                padding: EdgeInsets.symmetric(horizontal: 9.w, vertical: 11.h),
                child: Row(
                  children: [
                    Expanded(
                        child: Text(
                      ticketType == null ? "类型筛选" : shopTypeSelect(),
                      style: TextStyle(
                          color: Color(0xFF808080),
                          fontSize: 18.sp,
                          fontWeight: MyFontWeight.regular),
                    )),
                    Icon(
                      (typeScreen != null && !typeScreen)
                          ? Icons.keyboard_arrow_down
                          : Icons.keyboard_arrow_up,
                      color: Color(0xFF808080),
                      size: 24,
                    ),
                  ],
                ),
              ),
            ),
          ),
          SizedBox(
            width: 14.w,
          ),
          Expanded(
              child: GestureDetector(
                  onTap: () {
                    setState(() {
                      stateScreen = !stateScreen;
                      FocusScope.of(context).requestFocus(FocusNode());
                      typeScreen = false;
                    });
                  },
                  child: Container(
                    decoration: BoxDecoration(
                      color: Color(0XFFF7F8FA),
                      borderRadius: BorderRadius.circular(2),
                    ),
                    padding:
                        EdgeInsets.symmetric(horizontal: 9.w, vertical: 11.h),
                    child: Row(
                      children: [
                        Expanded(
                            child: Text(
                          ticketState == "-1" ? "状态筛选" : shopStateSelect(),
                          style: TextStyle(
                              color: Color(0xFF808080),
                              fontSize: 18.sp,
                              fontWeight: MyFontWeight.regular),
                        )),
                        Icon(
                          (stateScreen != null && !stateScreen)
                              ? Icons.keyboard_arrow_down
                              : Icons.keyboard_arrow_up,
                          color: Color(0xFF808080),
                          size: 24,
                        ),
                      ],
                    ),
                  ))),
        ],
      ),
    );
  }

  ///类型筛选
  String shopTypeSelect() {
    if (ticketType == "") {
      return "所有";
    } else if (ticketType == "ADOPT_WARRANT") {
      return "认领凭证";
    } else if (ticketType == "IDENTITY_CARD") {
      return "身份卡片";
    } else if (ticketType == "NORMAL") {
      return "常规票券";
    }
  }

  ///类型筛选
  String shopStateSelect() {
    if (ticketState == "0") {
      return "全部";
    } else if (ticketState == "1") {
      return "可使用";
    } else if (ticketState == "7") {
      return "已取消";
    } else if (ticketState == "8") {
      return "已失效";
    } else if (ticketState == "9") {
      return "已使用";
    }
  }

  ///时间选择
  Widget timeSelect() {
    return Container(
      color: Colors.white,
      child: GestureDetector(
        onTap: () {
          Navigator.of(context).pushNamed('/router/custom_page',arguments: {"beyondDateRange": "0"}).then((value) {
            selectTimeDate = value;
            loadFinish();
          });
        },
        child: Container(
          decoration: BoxDecoration(
            color: Color(0xFFF7F8FA),
            borderRadius: BorderRadius.circular(2),
          ),
          margin: EdgeInsets.only(
            left: 18.w,
            right: 18.w,
          ),
          padding: EdgeInsets.symmetric(horizontal: 14.w, vertical: 12.h),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
          (tabController.index == 1 && (selectTimeDate == "" || selectTimeDate == null)) ? "开始时间 至 结束时间" :"${selectTime().substring(0, 11)} ${selectTime().substring(21, 34)}",
                style: TextStyle(
                    fontSize: 14.sp,
                    color: Color(0xFF30415B),
                    fontWeight: MyFontWeight.regular),
              ),
            ],
          ),
        ),
      ),
    );
  }

  String selectTime() {
    if (selectTimeDate == "" || selectTimeDate == null) {
      return selectTimeDateNum;
    } else
      return selectTimeDate;
  }
}