f_table_item.dart 17.9 KB
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:one_key/models/notebook.dart';
import 'package:one_key/res/colors.dart';

import 'package:one_key/models/table.dart' as t;
import 'package:one_key/widgets/v_empty_view.dart';

class FTableItem extends StatefulWidget {
  final t.Table table;
  final bool canSelected; //是否能选中
  final ValueChanged<t.Table> onSelected;
  final String fromPage; // 变更、新建、桌位管理三个页面
  final String rid;
  final Map<String, Notebook> tableMap; //记录已预订桌位对应的订单

  final int height; //高度
  final bool need;

  FTableItem(this.table,
      {this.onSelected,
      this.canSelected = false,
      this.height = 185,
      this.fromPage = 'new',
      this.rid,
      this.tableMap,
      this.need = true});

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

class FTableItemState extends State<FTableItem> {
  @override
  Widget build(BuildContext context) {
    t.Table table = widget.table;

    String signStr = table.signStr;
    if (table.sign == '5' && widget.tableMap[table.id].orderInfo != null) {
      if (widget.tableMap[table.id].orderInfo.status == '3') {
        signStr = '已买单';
      }
    }

    bool isSelf = false;
    //当前桌子的预订id
    String idNow = '';
    if (widget.tableMap.containsKey('${table.id}')) {
      //包含,证明该桌子已经被预订了
      idNow = widget.tableMap['${table.id}'].id;
      if (idNow == widget.rid) {
        isSelf = true;
      }
    }

    return GestureDetector(
      onTap: () {
        if (widget.canSelected && widget.fromPage == 'change') {
          //从变更页面进来 canChoose = true
          if (widget.canSelected && signStr.isEmpty) {
            setState(() {
              table.selected = !(table.selected ?? false);
            });
            widget.onSelected(table);
          } else {
            if (table.sign == '5' || table.sign == '1') {
              // 1一般是商户端
              // 5是用户端
              //已预订状态  不是自己的不可以选择,是自己的可以选择
              //当前桌子的预订id
              String idNow = '';
              if (widget.tableMap.containsKey('${table.id}')) {
                //包含,证明该桌子已经被预订了
                idNow = widget.tableMap['${table.id}'].id;
                if (idNow == widget.rid) {
                  setState(() {
                    isSelf = true;
                    table.selected = !(table.selected ?? false);
                  });
                  widget.onSelected(table);
                }
              }
            }
          }
        } else if (widget.fromPage == 'new' &&
            widget.canSelected &&
            signStr.isEmpty) {
          //从安排桌位进来
          setState(() {
            table.selected = !(table.selected ?? false);
          });
          widget.onSelected(table);
        } else if (widget.fromPage == 'table_manage' ||
            widget.fromPage == 'room_manage') {
          setState(() {
            table.selected = !(table.selected ?? false);
          });

          widget.onSelected(table);
        } else if (widget.fromPage == 'tablePhoto') {
          // setState(() {
          //   table.selected = true;
          // });

          widget.onSelected(table);
        } else {
          setState(() {
            table.selected = !(table.selected ?? false);
          });
          widget.onSelected(table);
        }
      },
      child: Stack(
        children: <Widget>[
          Container(
            // width: ScreenUtil().setWidth(160),
            // height: ScreenUtil().setWidth(widget.height),
            // margin: EdgeInsets.all(ScreenUtil().setWidth(9)),
            decoration: BoxDecoration(
                color: widget.need && signStr == '已预订' && !isSelf
                    ? MyColours.color_afbcc4
                    : widget.canSelected && table.selected
                        ? MyColours.color_199095
                        : MyColours.color_ffffff,
                border: Border.all(
                    width: ScreenUtil().setWidth(2),
                    color: MyColours.color_E0E0E0),
                borderRadius: BorderRadius.all(
                    Radius.circular(ScreenUtil().setWidth(20)))),
            child: Stack(
              // alignment: Alignment.center,
              children: <Widget>[
                Container(
                  // alignment: Alignment.center,
                  // color: Colors.blueAccent,
                  // height: ScreenUtil().setWidth(widget.height),
                  // padding: EdgeInsets.symmetric(
                  //     horizontal: ScreenUtil().setWidth(20)),
                  // margin: EdgeInsets.only(left: ScreenUtil().setWidth(20)),
                  child: Column(
                    // mainAxisSize: MainAxisSize.min,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      widget.need && signStr == '已预订' && !isSelf
                          ? SizedBox()
                          : VEmptyView(10),
                      Container(
                          // color: Colors.red,
                          alignment: Alignment.center,
                          child: Text(
                            table.name,
                            maxLines: 1,
                            style: TextStyle(
                                color:
                                    (widget.need && signStr == '已预订' && !isSelf)
                                        ? MyColours.color_333333
                                        : (widget.canSelected && table.selected)
                                            ? MyColours.color_ffffff
                                            : MyColours.color_333333,
                                fontSize: ScreenUtil().setSp(34),
                                decoration: TextDecoration.none,
                                fontWeight: FontWeight.bold),
                            overflow: TextOverflow.ellipsis,
                          )
                          // Text(
                          //   table.name,
                          //   // textAlign: TextAlign.center,
                          //   maxLines: 2,
                          //   style: TextStyle(
                          //       color: table.signStr == '已停用'
                          //           ? MyColours.color_999999
                          //           : MyColours.color_353535,
                          //       fontSize: ScreenUtil().setSp(28),
                          //       decoration: TextDecoration.none,
                          //       fontWeight: FontWeight.normal),
                          //   overflow: TextOverflow.ellipsis,
                          // ),
                          ),
                      ((table.reserver != null && table.reserver != '') ||
                              (table.pnum != '' &&
                                  table.pnum != null &&
                                  table.pnum != '0'))
                          ? VEmptyView(8)
                          : SizedBox(),
                      signStr == '已预订' && !isSelf
                          ? SizedBox()
                          : Text(
                              table.tableNum,
                              style: TextStyle(
                                  color: signStr == '已预订' && !isSelf
                                      ? MyColours.color_353535
                                      : (widget.canSelected && table.selected)
                                          ? MyColours.color_ffffff
                                          : MyColours.color_353535,
                                  fontSize: ScreenUtil().setSp(22),
                                  decoration: TextDecoration.none,
                                  fontWeight: FontWeight.normal),
                              overflow: TextOverflow.ellipsis,
                            ),
                      signStr == '已预订' &&
                              !isSelf &&
                              ((table.reserver != null &&
                                      !table.reserver.isEmpty) ||
                                  (table.pnum != '' &&
                                      table.pnum != null &&
                                      table.pnum != '0'))
                          ? Text(
                              (table.reserver == null || table.reserver.isEmpty)
                                  ? (table.pnum != '' &&
                                          table.pnum != null &&
                                          table.pnum != '0')
                                      ? '(${table.pnum}人)'
                                      : ''
                                  : '${table.reserver}' +
                                      (table.pnum != '' &&
                                              table.pnum != null &&
                                              table.pnum != '0'
                                          ? '(${table.pnum}人)'
                                          : ''),
                              style: TextStyle(
                                  color: signStr == '已预订' && !isSelf
                                      ? MyColours.color_353535
                                      : (widget.canSelected && table.selected)
                                          ? MyColours.color_ffffff
                                          : MyColours.color_353535,
                                  fontSize: ScreenUtil().setSp(22),
                                  decoration: TextDecoration.none,
                                  fontWeight: FontWeight.normal),
                              overflow: TextOverflow.ellipsis,
                            )
                          : SizedBox(),

                      widget.need && signStr == '已预订' && !isSelf
                          ? Padding(
                              padding: EdgeInsets.only(
                                top: ScreenUtil().setWidth(6),
                                bottom: ScreenUtil().setWidth(10),
                              ),
                              child: Text(
                                table.nickName != null && table.nickName != ''
                                    ? '${table.nickName}订'
                                    : '',
                                style: TextStyle(
                                    color: MyColours.color_353535,
                                    fontSize: ScreenUtil().setSp(22),
                                    decoration: TextDecoration.none,
                                    fontWeight: FontWeight.normal),
                                overflow: TextOverflow.ellipsis,
                              ),
                            )
                          : SizedBox(),
                      // VEmptyView(6),
                      // Text(
                      //   table.lowStr,
                      //   style: TextStyle(
                      //       color: MyColours.color_777777,
                      //       fontSize: ScreenUtil().setSp(26),
                      //       decoration: TextDecoration.none,
                      //       fontWeight: FontWeight.normal),
                      //   overflow: TextOverflow.ellipsis,
                      // )
                      signStr == '已预订' && !isSelf
                          ? Container(
                              // width: ScreenUtil().setWidth(160),
                              height: ScreenUtil().setWidth(34),
                            )
                          : SizedBox()
                    ],
                  ),
                ),

                signStr == '已预订' && !isSelf
                    ? SizedBox()
                    : Positioned(
                        left: 0,
                        top: 0,
                        child: table.tidStr == null
                            ? Container()
                            : Container(
                                // width: ScreenUtil().setWidth(60),
                                // height: ScreenUtil().setWidth(42),
                                padding:
                                    EdgeInsets.all(ScreenUtil().setWidth(4)),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    color: widget.canSelected && table.selected
                                        ? MyColours.color_199095
                                        : Color.fromRGBO(239, 239, 239, 1),
                                    borderRadius: BorderRadius.only(
                                      topLeft: Radius.circular(
                                          ScreenUtil().setWidth(20)),
                                      // topRight:
                                      //     Radius.circular(ScreenUtil().setWidth(8)),
                                      // bottomRight: Radius.circular(
                                      //     ScreenUtil().setWidth(8))
                                    )),
                                child: Text(table.tidStr,
                                    style: TextStyle(
                                        color:
                                            widget.canSelected && table.selected
                                                ? MyColours.color_ffffff
                                                : MyColours.color_333333,
                                        fontSize: ScreenUtil().setSp(20),
                                        decoration: TextDecoration.none,
                                        fontWeight: FontWeight.normal)),
                              ),
                      ),
                // widget.need && signStr == '已预订'
                //     ? Positioned(
                //         bottom: 0,
                //         left: 0,
                //         right: 0,
                //         child: signStr.isEmpty
                //             ? Container()
                //             : Container(
                //                 width: ScreenUtil().setWidth(160),
                //                 height: ScreenUtil().setWidth(40),
                //                 alignment: Alignment.center,
                //                 decoration: BoxDecoration(
                //                     color: signStr == '已停用'
                //                         ? MyColours.color_777777
                //                         : signStr == '已买单'
                //                             ? MyColours.color_F59A23
                //                             : MyColours.color_E95750,
                //                     borderRadius: BorderRadius.only(
                //                         bottomLeft: Radius.circular(
                //                             ScreenUtil().setWidth(8)),
                //                         bottomRight: Radius.circular(
                //                             ScreenUtil().setWidth(8)))),
                //                 child: Text(
                //                   signStr,
                //                   style: TextStyle(
                //                       color: MyColours.color_ffffff,
                //                       fontSize: ScreenUtil().setSp(24),
                //                       decoration: TextDecoration.none,
                //                       fontWeight: FontWeight.normal),
                //                 ),
                //               ),
                //       )
                //     : SizedBox(),
              ],
            ),
          ),
          // Positioned(
          //     top: 3,
          //     right: 5,
          //     child: widget.canSelected && (table.selected ?? false)
          //         ? Image.asset(
          //             "assets/icon_selected.png",
          //             width: ScreenUtil().setWidth(40),
          //             height: ScreenUtil().setWidth(40),
          //           )
          //         : Container()),
          widget.need && signStr == '已预订' && !isSelf
              ? SizedBox()
              : Positioned(
                  left: ScreenUtil().setWidth(18),
                  bottom: ScreenUtil().setWidth(12),
                  child: table.isPhoto != 1
                      ? Image.asset(
                          widget.canSelected && table.selected
                              ? 'assets/f_camera_white.png'
                              : "assets/f_camera.png",
                          width: ScreenUtil().setWidth(22),
                          height: ScreenUtil().setWidth(22),
                        )
                      : Container()),
          Positioned(
              bottom: ScreenUtil().setWidth(16),
              right: 0,
              left: 0,
              child: signStr == '已预订' && !isSelf
                  ? Container(
                      // width: ScreenUtil().setWidth(160),
                      height: ScreenUtil().setWidth(34),
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.symmetric(
                          horizontal: ScreenUtil().setWidth(10)),
                      decoration: BoxDecoration(
                        color: MyColours.color_d7d7d7,
                      ),
                      child: Text(
                        '新客',
                        style: TextStyle(
                            color: MyColours.color_353535,
                            fontSize: ScreenUtil().setSp(24),
                            decoration: TextDecoration.none,
                            fontWeight: FontWeight.normal),
                      ),
                    )
                  : SizedBox())
        ],
      ),
    );
  }
}