import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter_picker/flutter_picker.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:one_key/constant/state.dart';
import 'package:one_key/models/manager.dart';
import 'package:one_key/models/notebook_detail.dart';
import 'package:one_key/provider/message_dialog_model.dart';
import 'package:one_key/provider/notebook_detail_model.dart';
import 'package:one_key/provider/online_check_edit_provider.dart';
import 'package:one_key/provider/user_model.dart';
import 'package:one_key/res/colors.dart';
import 'package:one_key/utils/dialog_util.dart';
import 'package:one_key/utils/event_bus.dart';
import 'package:one_key/utils/navigator_util.dart';
import 'package:one_key/utils/utils.dart';
import 'package:one_key/widgets/MyDivider.dart';
import 'package:one_key/widgets/app_bar.dart';
import 'package:one_key/widgets/common_button.dart';
import 'package:one_key/widgets/dialog.dart';
import 'package:one_key/widgets/h_empty_view.dart';
import 'package:one_key/widgets/loading.dart';
import 'package:one_key/widgets/need_item.dart';
import 'package:one_key/widgets/page_exception.dart';
import 'package:one_key/widgets/round_button.dart';
import 'package:one_key/widgets/row_multi_text.dart';
import 'package:one_key/widgets/table_item.dart';
import 'package:one_key/models/table.dart' as t;
import 'package:one_key/widgets/v_empty_view.dart';
import 'package:provider/provider.dart';

import '../../app.dart';

class NotebookDetailPage extends StatefulWidget {
  final String rid;
  final String mid;
  final bool fromNotify;

  NotebookDetailPage(this.rid, {this.fromNotify = false, this.mid});

  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return new NotebookDetailPageState();
  }
}

class NotebookDetailPageState extends State<NotebookDetailPage> {
  NotebookDetailModel detailModel;

  NotebookDetail detailEntity;

  String cusmanText = "";

  List<Manager> managers = []; //客户经理

  Manager manager = Manager();
  List cancelReasonList = [];
  bool isShowTF = false;
  // int paddingBottom;
  int paddingTop = 138;
  FocusNode _cancelNode = FocusNode();
  TextEditingController _cancelController = TextEditingController();
  StateSetter _cancelState;

  ScrollController _scrollController;

  String formatPhone = "";
  OnlineCheckEditProvider _onlineCheckEditProvider;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) async {
      _initCancel();
      _getReserveDetail();
      _getOrderInfo();
      managers = await detailModel.getManagers(context);
      //添加listener监听
      //对应的TextField失去或者获取焦点都会回调此监听
      _cancelNode.addListener(() {
        if (_cancelNode.hasFocus) {
          print('得到焦点');
          paddingTop = 80;
          _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
        } else {
          print('失去焦点');
          paddingTop = 138;
        }
        _cancelState(() {});
      });
      bus.on("refresh_detail", (args) {
        _getReserveDetail();
      });
    });
  }

  //设置消息状态
  setMessageStatus() {
    if (widget.mid == null || widget.mid.isEmpty) return;
    bus.emit("remove_untreated_message", widget.mid);
    Map<String, String> params = {
      "sid": Provider.of<UserModel>(context, listen: false).user.sellerid,
      "id": widget.mid,
      "status": "is_handle"
    };
    MessageDialogModel messageDialogModel =
        Provider.of<MessageDialogModel>(context, listen: false);
    messageDialogModel.setMessageStatus(context, params);
  }

  @override
  void dispose() {
    super.dispose();
    bus.off("refresh_detail");
  }

  ///获取订单详情
  _getOrderInfo() async {
    UserModel userModel = Provider.of<UserModel>(context, listen: false);
    Map<String, String> params = {"rid": widget.rid};
    //remark信息获取
    await _onlineCheckEditProvider.getOrderInfo(context, params);
  }

  ///订座详情
  _getReserveDetail() async {
    detailEntity = await detailModel.getReserveDetail(context, {
      "rid": widget.rid,
    });
    setState(() {
      cusmanText = detailEntity.cusman.isEmpty ? "请选择" : detailEntity.cusman;
      formatPhone = detailEntity.phone;
      if (App.sp.getString("is_call_tel") != null &&
          App.sp.getString("is_call_tel") == "1") {
      } else {
        if (detailEntity.phone.isNotEmpty &&
            detailEntity.phone.length == 11 &&
            (detailEntity.status == "0" || detailEntity.status == "6")) {
          formatPhone = detailEntity.phone.substring(0, 3) +
              "****" +
              detailEntity.phone.substring(7);
        }
      }
    });
    if (detailEntity.status == "4") {
      setMessageStatus();
    }
  }

  /// 初始化取消原因数据
  _initCancel() {
    isShowTF = false;
    // paddingBottom = ScreenUtil.screenHeightDp.ceil() - 138 - 340;
    cancelReasonList = [
      {'title': '顾客取消', 'select': false},
      {'title': '顾客行程有变', 'select': false},
      {'title': '信息填写有误', 'select': false},
      {'title': '操作失误', 'select': false},
      {'title': '其他原因', 'select': false},
    ];
  }

  //设置当前客户经理
  _setCurrManager() {
    manager = managers.firstWhere((manager) => manager.userName == cusmanText,
        orElse: () => Manager());
    if (manager.id == null || manager.id.toString().isEmpty) return;
    Map<String, String> params = {
      "rid": detailEntity.id,
      "cusman_id": manager.id.toString(),
      "cusman": manager.userName
    };
    detailModel.setReserveCusmnan(context, params);
  }

  ///处理在线预订
  setReserveStatus(String status, {String tid = "", String desc}) async {
    // bus.emit("remove_untreated_message",widget.mid);
    UserModel userModel = Provider.of<UserModel>(context, listen: false);
    Map<String, String> causeMap = {
      "uid": userModel.user.openid,
      "uname": userModel.user.account,
      "desc": desc,
    };
    Map<String, String> params = {
      "rid": widget.rid,
      "status": status, //5安排包间 6 拒绝订单
      "tid": tid,
      // "mid": widget.mid,
      "cause": json.encode(causeMap)
    };
    bool success =
        await detailModel.setReserveStatus(context, params, ifPush: false);
    if (success) {
      bus.emit("refresh_book_list");
      if (status == "4") {
        //取消预订
        bus.emit("refresh_tablemanager"); //刷新桌位
      }
      _getReserveDetail();
    }
  }

  /// 取消预订， 变更预订按钮
  Widget _cancelAndChangeBtn(GestureTapCallback onTap, String title,
      {Color bgColor = MyColours.color_ffffff,
      double width,
      Color fontColor = MyColours.color_199095}) {
    return InkWell(
      onTap: onTap,
      child: Container(
        width: width,
        decoration: BoxDecoration(
          color: bgColor,
          border: Border.all(
              color: Colors.transparent, width: ScreenUtil().setWidth(2)),
          borderRadius: BorderRadius.circular(ScreenUtil().setWidth(10)),
        ),
        child: Align(
          alignment: Alignment.center,
          child: Text(title,
              style: TextStyle(
                  color: fontColor, fontSize: ScreenUtil().setSp(34))),
        ),
      ),
    );
  }

  ///取消预订弹框
  _showCancelWidget(context) {
    _scrollController = ScrollController();
    showGeneralDialog(
        context: context,
        barrierDismissible: false,
        barrierLabel:
            MaterialLocalizations.of(context).modalBarrierDismissLabel,
        transitionDuration: const Duration(milliseconds: 150),
        pageBuilder: (BuildContext context, Animation animation,
            Animation secondaryAnimation) {
          return StatefulBuilder(builder: (context, state) {
            _cancelState = state;
            return GestureDetector(
              behavior: HitTestBehavior.opaque,
              // onTap: () {
              //   Navigator.of(context).pop();
              // },
              child: Container(
                decoration: BoxDecoration(
                  color: Color.fromRGBO(00, 00, 00, 0.5),
                ),
                padding: EdgeInsets.fromLTRB(
                    ScreenUtil().setWidth(50),
                    ScreenUtil().setWidth(paddingTop * 2),
                    ScreenUtil().setWidth(50),
                    ScreenUtil().setWidth(0)),
                child: Align(
                    alignment: Alignment.topCenter,
                    child: Container(
                      padding: EdgeInsets.all(ScreenUtil().setWidth(40)),
                      decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius:
                            BorderRadius.circular(ScreenUtil().setWidth(10)),
                      ),
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          Stack(
                            children: [
                              Container(
                                height: ScreenUtil().setWidth(48),
                                child: Center(
                                  child: Text(
                                    '请选择取消原因',
                                    style: TextStyle(
                                        fontSize: ScreenUtil().setSp(34),
                                        fontWeight: FontWeight.bold,
                                        decoration: TextDecoration.none,
                                        color: MyColours.color_353535),
                                  ),
                                ),
                              ),
                              Positioned(
                                  top: ScreenUtil().setWidth(8),
                                  right: ScreenUtil().setWidth(0),
                                  child: GestureDetector(
                                      onTap: () {
                                        _initCancel();
                                        Navigator.of(context).pop();
                                      },
                                      child: Container(
                                        padding: EdgeInsets.only(left: 20),
                                        child: Image.asset(
                                          'assets/close.png',
                                          width: ScreenUtil().setWidth(32),
                                          height: ScreenUtil().setWidth(32),
                                        ),
                                      )))
                            ],
                          ),
                          VEmptyView(60),
                          SingleChildScrollView(
                            controller: _scrollController,
                            child: Column(
                              mainAxisSize: MainAxisSize.min,
                              children: cancelReasonList.map((value) {
                                return GestureDetector(
                                  onTap: () {
                                    for (var item in cancelReasonList) {
                                      item['select'] = false;
                                      isShowTF = false;
                                      // paddingBottom =
                                      //     ScreenUtil.screenHeightDp.ceil() -
                                      //         138 -
                                      //         340;
                                      if (item['title'] == value['title']) {
                                        item['select'] = true;
                                        if (item['title'] == '其他原因') {
                                          isShowTF = true;
                                          // paddingBottom = 130;
                                          // paddingBottom =
                                          //     ScreenUtil.screenHeightDp.ceil() -
                                          //         138 -
                                          //         340 -
                                          //         46;
                                        }
                                      }
                                    }
                                    state(() {});
                                  },
                                  child: Column(children: [
                                    Row(
                                      children: [
                                        Image.asset(
                                            value['select']
                                                ? 'assets/select.png'
                                                : 'assets/unselect.png',
                                            width: ScreenUtil().setWidth(44)),
                                        HEmptyView(30),
                                        Text(value['title'],
                                            style: TextStyle(
                                                fontSize:
                                                    ScreenUtil().setSp(32),
                                                fontWeight: FontWeight.normal,
                                                decoration: TextDecoration.none,
                                                color: MyColours.color_333333))
                                      ],
                                    ),
                                    value['title'] == '其他原因' && isShowTF
                                        ? Material(
                                            child: Container(
                                            color: Colors.white,
                                            padding: EdgeInsets.only(
                                                left:
                                                    ScreenUtil().setWidth(76)),
                                            child: TextField(
                                              maxLines: 1,
                                              controller: _cancelController,
                                              focusNode: _cancelNode,
                                              textAlignVertical:
                                                  TextAlignVertical.bottom,
                                              decoration: InputDecoration(
                                                hintText: "请填写原因",
                                                hintStyle: TextStyle(
                                                  color: MyColours.color_999999,
                                                  fontSize:
                                                      ScreenUtil().setSp(30),
                                                ),
                                                enabledBorder:
                                                    UnderlineInputBorder(
                                                  borderSide: BorderSide(
                                                      color: MyColours
                                                          .color_d8d8d8),
                                                ),
                                                // border: InputBorder.none,
                                              ),
                                              onChanged: (_) {
                                                setState(() {});
                                              },
                                              onEditingComplete: () {
                                                print('fff');
                                                _cancelNode.unfocus();
                                              },
                                              // keyboardType: TextInputType.number,
                                            ),
                                          ))
                                        : Container(),
                                    VEmptyView(40)
                                  ]),
                                );
                              }).toList(),
                            ),
                          ),
                          VEmptyView(15),
                          Material(
                            child: RoundButton(
                              onPressed: () {
                                String desc = '';
                                for (var value in cancelReasonList) {
                                  if (value['select'] == true) {
                                    desc = value['title'];
                                    if (value['title'] == '其他原因') {
                                      desc = _cancelController.text.trim();
                                      if (desc.isEmpty) {
                                        Utils.showToast("请填写原因");
                                        return;
                                      }
                                    }
                                  }
                                }

                                if (desc == '') {
                                  Utils.showToast('请选择原因');
                                  return;
                                }

                                Navigator.of(context).pop();
                                Loading.showLoading(context);

                                setReserveStatus('4', desc: desc);
                              },
                              text: '确认',
                              height: ScreenUtil().setWidth(80),
                              width: ScreenUtil().setWidth(300),
                              radius: ScreenUtil().setWidth(10),
                            ),
                          )
                        ],
                      ),
                    )),
              ),
            );
          });
        });
  }

  @override
  Widget build(BuildContext context) {
    if (MediaQuery.of(context).viewInsets.bottom == 0) {
      _cancelNode.unfocus();
    }
    detailModel = Provider.of<NotebookDetailModel>(context, listen: true);
    _onlineCheckEditProvider =
        Provider.of<OnlineCheckEditProvider>(context, listen: true);

    return Scaffold(
      body: SafeArea(
          child: WillPopScope(
        child: Container(
          color: MyColours.color_ffffff,
          child: Column(
            children: <Widget>[
              MyAppBar(
                "订座详情",
                showBack: true,
                callback: () {
                  if (widget.fromNotify) {
                    NavigatorUtil.goHomePage(context, initialIndex: 0);
                  } else {
                    Navigator.of(context).pop();
                  }
                },
              ),
              Expanded(child:
                  Consumer<NotebookDetailModel>(builder: (context, model, _) {
                if (model.pageState != PageState.Success) {
                  return ExceptionPage(
                    pageState: model.pageState,
                    callback: () {
                      // _getOrderListData();
                    },
                    emptyMsg: "暂时没有预订列表信息哦",
                    emptyImg: "empty_search",
                    showMsg: "加载中，请稍后...",
                  );
                } else {
                  return Column(
                    children: [
                      Expanded(
                        child: DefaultTextStyle(
                            style: TextStyle(decoration: TextDecoration.none),
                            child: Container(
                              color: MyColours.color_ffffff,
                              child: SingleChildScrollView(
                                child: Container(
                                    color: MyColours.color_ffffff,
                                    padding: EdgeInsets.symmetric(
                                        horizontal: ScreenUtil().setWidth(43)),
                                    child: Column(
                                      children: <Widget>[
                                        RowMultiText(
                                            "用餐时段", detailEntity.ddateMd),
                                        Stack(
                                          alignment: Alignment.center,
                                          children: <Widget>[
                                            Column(
                                              children: <Widget>[
                                                RowMultiText("用餐时间",
                                                    detailEntity.ddateHm),
                                                Offstage(
                                                  offstage:
                                                      detailEntity.type == "0"
                                                          ? false
                                                          : true,
                                                  child: RowMultiText("用餐人数",
                                                      detailEntity.pnum),
                                                )
                                              ],
                                            ),
                                            Image.asset(
                                              detailEntity.statuImgAssets,
                                              width: ScreenUtil().setWidth(114),
                                              height: ScreenUtil().setWidth(56),
                                            )
                                          ],
                                        ),
                                        Offstage(
                                          offstage:
                                              detailEntity.demands.length <= 0
                                                  ? true
                                                  : false,
                                          child: Column(
                                            children: <Widget>[
                                              RowMultiText(
                                                  "包间需求",
                                                  (detailEntity.demands.length
                                                              .toString() +
                                                          "个") ??
                                                      ""),
                                              Align(
                                                  alignment:
                                                      Alignment.centerRight,
                                                  child: Offstage(
                                                    offstage: detailEntity
                                                                .demands
                                                                .length >
                                                            0
                                                        ? false
                                                        : true,
                                                    child: Container(
                                                      height: ScreenUtil()
                                                          .setHeight(210),
                                                      child: ListView.builder(
                                                        itemBuilder:
                                                            (BuildContext
                                                                    contxt,
                                                                int index) {
                                                          return NeedItem(
                                                              detailEntity
                                                                      .demands[
                                                                  index]);
                                                        },
                                                        itemCount: detailEntity
                                                            .demands.length,
                                                        shrinkWrap: true,
                                                        scrollDirection:
                                                            Axis.horizontal,
                                                      ),
                                                    ),
                                                  ))
                                            ],
                                          ),
                                        ),
                                        RowMultiText(
                                            "预订桌位",
                                            (detailEntity.tables.length
                                                    .toString() +
                                                "个")),
                                        Align(
                                            alignment: Alignment.centerRight,
                                            child: Offstage(
                                              offstage:
                                                  detailEntity.tables.length > 0
                                                      ? false
                                                      : true,
                                              child: Container(
                                                height:
                                                    ScreenUtil().setHeight(210),
                                                child: ListView.builder(
                                                  itemBuilder:
                                                      (BuildContext contxt,
                                                          int index) {
                                                    return TableItem(
                                                        detailEntity
                                                            .tables[index]);
                                                  },
                                                  itemCount: detailEntity
                                                      .tables.length,
                                                  shrinkWrap: true,
                                                  scrollDirection:
                                                      Axis.horizontal,
                                                ),
                                              ),
                                            )),
                                        RowMultiText(
                                            "客户姓名", detailEntity.rnameStr),
                                        RowMultiText("客户电话", formatPhone),
                                        Offstage(
                                          offstage: detailEntity.cusdem == '' ||
                                              detailEntity.cusdem == null,
                                          child: RowMultiText("备注信息",
                                              detailEntity.cusdem ?? ""),
                                        ),
                                        MyDivider(double.infinity,
                                            ScreenUtil().setHeight(1)),
                                        Container(
                                          color: MyColours.color_ffffff,
                                          width: double.infinity,
                                          height: ScreenUtil().setHeight(80),
                                          alignment: Alignment.center,
                                          child: Stack(
                                            alignment: Alignment.center,
                                            children: <Widget>[
                                              Positioned(
                                                left: 0,
                                                child: Text(
                                                  "客户经理",
                                                  style: TextStyle(
                                                      color: MyColours
                                                          .color_828282,
                                                      fontSize: ScreenUtil()
                                                          .setSp(30)),
                                                ),
                                              ),
                                              Positioned(
                                                right: 0,
                                                child: GestureDetector(
                                                  onTap: () async {
                                                    List<String> list = [];
                                                    for (Manager manager
                                                        in managers) {
                                                      list.add(
                                                          manager.roleUserName);
                                                    }
                                                    DialogUtil
                                                        .showSelectCusmanDialog(
                                                            context, list,
                                                            (value) {
                                                      if (value != null) {
                                                        setState(() {
                                                          cusmanText = managers[
                                                                  value.first]
                                                              .userName;
                                                        });
                                                        _setCurrManager();
                                                      }
                                                    }).then((value) {});
                                                  },
                                                  child: Text(
                                                    cusmanText,
                                                    style: TextStyle(
                                                      color: MyColours
                                                          .color_353535,
                                                      fontSize: ScreenUtil()
                                                          .setSp(30),
                                                      decoration: TextDecoration
                                                          .underline,
                                                    ),
                                                  ),
                                                ),
                                              )
                                            ],
                                          ),
                                        ),
                                        Offstage(
                                          offstage: detailEntity.note_name ==
                                                  '' ||
                                              detailEntity.note_name == null,
                                          child: RowMultiText("记录人",
                                              detailEntity.note_name ?? ""),
                                        ),
                                        Offstage(
                                          offstage: (detailEntity.status ==
                                                      "4" &&
                                                  detailEntity.cancel != null)
                                              ? false
                                              : true,
                                          child: Column(
                                            children: <Widget>[
                                              MyDivider(double.infinity,
                                                  ScreenUtil().setHeight(2)),
                                              RowMultiText(
                                                  "取消原因",
                                                  detailEntity.cancel?.desc ??
                                                      "",
                                                  textAlign: TextAlign.left),
                                              RowMultiText(
                                                  "取消时间",
                                                  detailEntity
                                                          .cancel?.cdateStr ??
                                                      ""),
                                              RowMultiText(
                                                  "操作人",
                                                  detailEntity.abolition == '2'
                                                      ? '顾客在线取消'
                                                      : detailEntity
                                                              .cancel?.uname ??
                                                          ""),
                                            ],
                                          ),
                                        ),
                                        _onlineCheckEditProvider
                                                        .orderInfoSunModel !=
                                                    null &&
                                                _onlineCheckEditProvider
                                                        .orderInfoSunModel
                                                        .invoice !=
                                                    null &&
                                                detailEntity.status != "4"
                                            ? MyDivider(double.infinity,
                                                ScreenUtil().setHeight(1))
                                            : Container(),
                                        _onlineCheckEditProvider
                                                        .orderInfoSunModel !=
                                                    null &&
                                                _onlineCheckEditProvider
                                                        .orderInfoSunModel
                                                        .invoice !=
                                                    null &&
                                                detailEntity.status != "4"
                                            ? InkWell(
                                                onTap: () {
                                                  NavigatorUtil
                                                      .goInvoiceDetailPage(
                                                          context,
                                                          fromNotify: false,
                                                          rid: widget.rid);
                                                },
                                                child: Container(
                                                  height: ScreenUtil()
                                                      .setWidth(87 * 2),
                                                  child: Row(
                                                    mainAxisAlignment:
                                                        MainAxisAlignment
                                                            .spaceBetween,
                                                    children: [
                                                      Text(
                                                        "发票抬头",
                                                        style: TextStyle(
                                                            color: MyColours
                                                                .color_828282,
                                                            fontSize:
                                                                ScreenUtil()
                                                                    .setSp(30)),
                                                      ),
                                                      Spacer(),
                                                      Column(
                                                        mainAxisAlignment:
                                                            MainAxisAlignment
                                                                .center,
                                                        children: [
                                                          Text(
                                                              _onlineCheckEditProvider
                                                                  .orderInfoSunModel
                                                                  .invoice
                                                                  .title,
                                                              style: TextStyle(
                                                                  color: MyColours
                                                                      .color_353535,
                                                                  fontWeight:
                                                                      FontWeight
                                                                          .bold,
                                                                  fontSize:
                                                                      ScreenUtil()
                                                                          .setSp(
                                                                              33))),
                                                          _onlineCheckEditProvider
                                                                          .orderInfoSunModel
                                                                          .invoice
                                                                          .taxnumber ==
                                                                      null ||
                                                                  _onlineCheckEditProvider
                                                                          .orderInfoSunModel
                                                                          .invoice
                                                                          .taxnumber ==
                                                                      ''
                                                              ? Container()
                                                              : Column(
                                                                  children: [
                                                                    VEmptyView(
                                                                        10),
                                                                    Text(
                                                                        '税号：${_onlineCheckEditProvider.orderInfoSunModel.invoice.taxnumber}',
                                                                        style: TextStyle(
                                                                            color:
                                                                                MyColours.color_707070,
                                                                            fontSize: ScreenUtil().setSp(28)))
                                                                  ],
                                                                )
                                                        ],
                                                      ),
                                                      HEmptyView(20),
                                                      Image.asset(
                                                        Utils.getImgPath(
                                                            'arr_right_gray'),
                                                        width: ScreenUtil()
                                                            .setWidth(12),
                                                        height: ScreenUtil()
                                                            .setWidth(22),
                                                      )
                                                    ],
                                                  ),
                                                ),
                                              )
                                            : Container(),
                                        _onlineCheckEditProvider
                                                        .orderInfoSunModel !=
                                                    null &&
                                                _onlineCheckEditProvider
                                                        .orderInfoSunModel
                                                        .price !=
                                                    null &&
                                                detailEntity.status != "4"
                                            ? MyDivider(double.infinity,
                                                ScreenUtil().setHeight(1))
                                            : Container(),
                                        _onlineCheckEditProvider
                                                        .orderInfoSunModel !=
                                                    null &&
                                                _onlineCheckEditProvider
                                                        .orderInfoSunModel
                                                        .price !=
                                                    null &&
                                                detailEntity.status != "4"
                                            ? InkWell(
                                                onTap: () {
                                                  //在线买单消息 去查看 跳转在线买单详情页面
                                                  NavigatorUtil
                                                      .goOnlineCheckDetailPage(
                                                          context,
                                                          rid: '${widget.rid}');
                                                },
                                                child: Container(
                                                  height: ScreenUtil()
                                                      .setWidth(87 * 2),
                                                  child: Row(
                                                    mainAxisAlignment:
                                                        MainAxisAlignment
                                                            .spaceBetween,
                                                    children: [
                                                      Text(
                                                        "实收金额：",
                                                        style: TextStyle(
                                                            color: MyColours
                                                                .color_707070,
                                                            fontSize:
                                                                ScreenUtil()
                                                                    .setSp(30)),
                                                      ),
                                                      HEmptyView(20),
                                                      Text(
                                                        '¥ ${_onlineCheckEditProvider.orderInfoSunModel.price}',
                                                        style: TextStyle(
                                                            color: MyColours
                                                                .color_353535,
                                                            fontSize:
                                                                ScreenUtil()
                                                                    .setSp(32)),
                                                      ),
                                                      Spacer(),
                                                      Text('查看明细',
                                                          style: TextStyle(
                                                              color: MyColours
                                                                  .color_707070,
                                                              fontSize:
                                                                  ScreenUtil()
                                                                      .setSp(
                                                                          28))),
                                                      HEmptyView(20),
                                                      Image.asset(
                                                        Utils.getImgPath(
                                                            'arr_right_gray'),
                                                        width: ScreenUtil()
                                                            .setWidth(12),
                                                        height: ScreenUtil()
                                                            .setWidth(22),
                                                      )
                                                    ],
                                                  ),
                                                ),
                                              )
                                            : Container(),
                                      ],
                                    )),
                              ),
                            )),
                      ),
                      Offstage(
                          offstage: ((detailEntity.orderInfo != null &&
                                  detailEntity.orderInfo.status == "3") ||
                              detailEntity.status == "3" ||
                              detailEntity.status == "4" ||
                              detailEntity.status == "6"),
                          child: Container(
                              width: double.infinity,
                              height: ScreenUtil().setWidth(84),
                              decoration: BoxDecoration(
                                color: MyColours.color_199095,
                                borderRadius: BorderRadius.circular(
                                    ScreenUtil().setWidth(10)),
                              ),
                              margin: EdgeInsets.symmetric(
                                  vertical: ScreenUtil().setHeight(20),
                                  horizontal: ScreenUtil().setHeight(40)),
                              child: Row(
                                children: [
                                  Offstage(
                                      offstage:
                                          ((detailEntity.orderInfo != null &&
                                                      detailEntity.orderInfo
                                                              .status ==
                                                          "3") ||
                                                  detailEntity.status == "3" ||
                                                  detailEntity.status == "4" ||
                                                  detailEntity.status == "6")
                                              ? true
                                              : false,
                                      child: _cancelAndChangeBtn(() {
                                        DialogUtil.showShareDialog(context)
                                            ?.then((value) {
                                          switch (value) {
                                            case 1: //微信
                                              NavigatorUtil.goInvicationPage(
                                                  context,
                                                  detailEntity.id,
                                                  detailEntity.tableinfoStr,
                                                  detailEntity.ddate,
                                                  detailEntity.ddateStr,
                                                  detailEntity.phone);
                                              break;
                                            case 2: //短信
                                              if (detailEntity.phone == null ||
                                                  detailEntity.phone.isEmpty) {
                                                Utils.showToast("没有预订人电话信息");
                                                return;
                                              }
                                              NavigatorUtil.goSmsPage(
                                                  context, detailEntity.id);
                                              break;
                                            case 3: //电话
                                              if (detailEntity.phone != null &&
                                                  detailEntity
                                                      .phone.isNotEmpty) {
                                                Utils.goPhone(
                                                    detailEntity.phone);
                                              } else {
                                                Utils.showToast("没有预订人电话信息");
                                              }
                                              break;
                                          }
                                        });
                                      }, "通知客户",
                                          bgColor: MyColours.color_199095,
                                          width: detailEntity.order.cookbooklist
                                                      .length ==
                                                  0
                                              ? ScreenUtil.screenWidthDp -
                                                  ScreenUtil().setWidth(91)
                                              : (ScreenUtil.screenWidthDp -
                                                      ScreenUtil()
                                                          .setWidth(91)) /
                                                  2,
                                          fontColor: MyColours.color_ffffff)),
                                  Offstage(
                                      offstage: !(detailEntity
                                                  .order.cookbooklist.length >
                                              0 &&
                                          ((detailEntity.orderInfo != null &&
                                                  detailEntity
                                                          .orderInfo.status ==
                                                      "3") &&
                                              detailEntity.status != "3" &&
                                              detailEntity.status != "4" &&
                                              detailEntity.status != "6")),
                                      child: MyDivider(ScreenUtil().setWidth(2),
                                          ScreenUtil().setWidth(50),
                                          color: MyColours.color_ffffff)),
                                  Offstage(
                                      offstage: detailEntity
                                                  .order.cookbooklist.length ==
                                              0
                                          ? true
                                          : false,
                                      child: _cancelAndChangeBtn(() {
                                        NavigatorUtil.goHasOrderFoodPage(
                                            context,
                                            rid: detailEntity.id);
                                      }, '查看菜品',
                                          bgColor: MyColours.color_199095,
                                          width: ((detailEntity.orderInfo !=
                                                          null &&
                                                      detailEntity.orderInfo
                                                              .status ==
                                                          "3") ||
                                                  detailEntity.status == "3" ||
                                                  detailEntity.status == "4" ||
                                                  detailEntity.status == "6")
                                              ? ScreenUtil.screenWidthDp -
                                                  ScreenUtil().setWidth(91)
                                              : (ScreenUtil.screenWidthDp -
                                                      ScreenUtil()
                                                          .setWidth(91)) /
                                                  2,
                                          fontColor: MyColours.color_ffffff))
                                ],
                              ))),
                      Offstage(
                        offstage: ((detailEntity.orderInfo != null &&
                                    detailEntity.orderInfo.status == "3") ||
                                detailEntity.status == "3" ||
                                detailEntity.status == "4" ||
                                detailEntity.status == "6")
                            ? true
                            : false,
                        child: Container(
                          width: double.infinity,
                          height: ScreenUtil().setWidth(84),
                          margin: EdgeInsets.symmetric(
                              horizontal: ScreenUtil().setHeight(40)),
                          decoration: BoxDecoration(
                            border: Border.all(
                                color: MyColours.color_199095,
                                width: ScreenUtil().setWidth(2)),
                            borderRadius: BorderRadius.circular(
                                ScreenUtil().setWidth(10)),
                          ),
                          // child: Text('fff'),
                          child: Material(
                              color: Colors.transparent,
                              child: Row(
                                children: [
                                  Expanded(
                                      child: _cancelAndChangeBtn(() {
                                    print('点击变更预订');
                                    NavigatorUtil.goNoteBookChangePage(
                                        context, detailEntity, widget.rid);
                                  }, '变更预订')),
                                  MyDivider(
                                    ScreenUtil().setWidth(2),
                                    ScreenUtil().setWidth(50),
                                    color: MyColours.color_199095,
                                  ),
                                  Expanded(
                                      child: _cancelAndChangeBtn(() {
                                    _showCancelWidget(context);
                                  }, '取消预订')),
                                ],
                              )),
                        ),
                      ),
                      VEmptyView(ScreenUtil().setWidth(60))
                    ],
                  );
                }
              })),
            ],
          ),
        ),
        onWillPop: () async {
          if (widget.fromNotify) {
            NavigatorUtil.goHomePage(context, initialIndex: 0);
            return true;
          }
          Navigator.of(context).pop();
          return true;
        },
      )),
    );
  }
}