table_item.dart 7.92 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 TableItem extends StatefulWidget {
  final t.Table table;
  final bool canSelected; //是否能选中
  final ValueChanged onSelected;
  final bool canChoose; //从变更页面进来  = true
  final String rid;
  final Map<String, Notebook> tableMap; //记录已预订桌位对应的订单

  final int height; //高度

  TableItem(this.table,
      {this.onSelected,
      this.canSelected = false,
      this.height = 183,
      this.canChoose = false,
      this.rid,
      this.tableMap});

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

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

    return GestureDetector(
      onTap: () {
        if (widget.canSelected && widget.canChoose) {
          //从变更页面进来 canChoose = true
          if (widget.canSelected && table.signStr.isEmpty) {
            setState(() {
              table.selected = !(table.selected ?? false);
            });
            widget.onSelected(table);
          } else {
            if (table.sign == '5') {
              //已预订状态  不是自己的不可以选择,是自己的可以选择
              //当前桌子的预订id
              String idNow = '';
              if (widget.tableMap.containsKey('${table.id}')) {
                //包含,证明该桌子已经被预订了
                idNow = widget.tableMap['${table.id}'].id;
                if (idNow == widget.rid) {
                  setState(() {
                    table.selected = !(table.selected ?? false);
                  });
                  widget.onSelected(table);
                }
              }
            }
          }
        } else {
          //从安排桌位进来
          if (widget.canSelected && table.signStr.isEmpty) {
            setState(() {
              table.selected = !(table.selected ?? false);
            });
            widget.onSelected(table);
          }
        }
      },
      child: Stack(
        children: <Widget>[
          Container(
            width: ScreenUtil().setWidth(150),
            height: ScreenUtil().setWidth(widget.height),
            margin: EdgeInsets.all(ScreenUtil().setWidth(9)),
            decoration: BoxDecoration(
                color: MyColours.color_a8e2e4,
                borderRadius: BorderRadius.all(
                    Radius.circular(ScreenUtil().setWidth(8)))),
            child: Stack(
              alignment: Alignment.center,
              children: <Widget>[
                Positioned(
                  left: 0,
                  top: 0,
                  child: table.tidStr == null
                      ? Container()
                      : Container(
                          width: ScreenUtil().setWidth(70),
                          height: ScreenUtil().setHeight(32),
                          alignment: Alignment.center,
                          decoration: BoxDecoration(
                              color: MyColours.color_63a6d1,
                              borderRadius: BorderRadius.only(
                                  topLeft:
                                      Radius.circular(ScreenUtil().setWidth(8)),
                                  topRight:
                                      Radius.circular(ScreenUtil().setWidth(8)),
                                  bottomRight: Radius.circular(
                                      ScreenUtil().setWidth(8)))),
                          child: Text(table.tidStr,
                              style: TextStyle(
                                  color: MyColours.color_ffffff,
                                  fontSize: ScreenUtil().setSp(24),
                                  decoration: TextDecoration.none,
                                  fontWeight: FontWeight.normal)),
                        ),
                ),
                Container(
                  alignment: Alignment.centerLeft,
                  margin: EdgeInsets.only(left: ScreenUtil().setWidth(20)),
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      VEmptyView(20),
                      Text(
                        table.name,
                        style: TextStyle(
                            color: MyColours.color_131313,
                            fontSize: ScreenUtil().setSp(30),
                            decoration: TextDecoration.none,
                            fontWeight: FontWeight.normal),
                        overflow: TextOverflow.ellipsis,
                      ),
                      VEmptyView(5),
                      Text(
                        (table.reserver == null || table.reserver.isEmpty)
                            ? table.tableNum
                            : table.reserver,
                        style: TextStyle(
                            color: (table.reserver == null ||
                                    table.reserver.isEmpty)
                                ? MyColours.color_777777
                                : MyColours.color_2bb5b7,
                            fontSize: ScreenUtil().setSp(26),
                            decoration: TextDecoration.none,
                            fontWeight: FontWeight.normal),
                        overflow: TextOverflow.ellipsis,
                      ),
                      VEmptyView(5),
                      Text(
                        table.lowStr,
                        style: TextStyle(
                            color: MyColours.color_777777,
                            fontSize: ScreenUtil().setSp(26),
                            decoration: TextDecoration.none,
                            fontWeight: FontWeight.normal),
                        overflow: TextOverflow.ellipsis,
                      )
                    ],
                  ),
                ),
                Positioned(
                  bottom: 0,
                  left: 0,
                  right: 0,
                  child: table.signStr.isEmpty
                      ? Container()
                      : Container(
                          width: ScreenUtil().setWidth(150),
                          height: ScreenUtil().setHeight(40),
                          alignment: Alignment.center,
                          decoration: BoxDecoration(
                              color: MyColours.color_89c0b7,
                              borderRadius: BorderRadius.only(
                                  bottomLeft:
                                      Radius.circular(ScreenUtil().setWidth(8)),
                                  bottomRight: Radius.circular(
                                      ScreenUtil().setWidth(8)))),
                          child: Text(
                            table.signStr,
                            style: TextStyle(
                                color: MyColours.color_ffffff,
                                fontSize: ScreenUtil().setSp(24),
                                decoration: TextDecoration.none,
                                fontWeight: FontWeight.normal),
                          ),
                        ),
                ),
              ],
            ),
          ),
          Positioned(
              top: 3,
              right: 5,
              child: !(table.selected ?? false)
                  ? Container()
                  : Image.asset(
                      "assets/icon_selected.png",
                      width: ScreenUtil().setWidth(40),
                      height: ScreenUtil().setWidth(40),
                    ))
        ],
      ),
    );
  }
}