|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:one_key/pages/my/customer_type/store_customer/day_order_left_page.dart';
|
|
|
|
|
|
|
|
import 'package:one_key/res/colors.dart';
|
|
|
|
import 'package:one_key/widgets/system_app_bar.dart';
|
|
|
|
import 'package:one_key/widgets/v_empty_view.dart';
|
|
|
|
|
|
|
|
import '../../../../utils/screen_util.dart';
|
|
|
|
import '../../../../widgets/MyDivider.dart';
|
|
|
|
import '../../../../widgets/h_empty_view.dart';
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
*
|
|
|
|
* 日订单
|
|
|
|
*/
|
|
|
|
|
|
|
|
class DayOrderPage extends StatefulWidget {
|
|
|
|
DayOrderPage({Key key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
_DayOrderPageState createState() => _DayOrderPageState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _DayOrderPageState extends State<DayOrderPage>
|
|
|
|
with TickerProviderStateMixin {
|
|
|
|
ScrollController _controller = ScrollController();
|
|
|
|
TabController tabController;
|
|
|
|
Color selectedColor = MyColours.color_ffffff;
|
|
|
|
Color unSelectedColor = MyColours.color_BFC4D4;
|
|
|
|
List _elements = [
|
|
|
|
{'name': 'John', 'group': 'Team A'},
|
|
|
|
{'name': 'Will', 'group': 'Team B'},
|
|
|
|
{'name': 'Beth', 'group': 'Team A'},
|
|
|
|
{'name': 'Miranda', 'group': 'Team B'},
|
|
|
|
{'name': 'Mike', 'group': 'Team C'},
|
|
|
|
{'name': 'Danny', 'group': 'Team C'},
|
|
|
|
];
|
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
// TODO: implement initState
|
|
|
|
super.initState();
|
|
|
|
tabController = TabController(length: 2, vsync: this);
|
|
|
|
|
|
|
|
tabController.addListener(() {
|
|
|
|
//点击tab时或滑动tab回调一次
|
|
|
|
// if (tabController.index.toDouble() == tabController.animation.value) {
|
|
|
|
// getMessage(index: tabController.index);
|
|
|
|
// selectIndex = tabController.index;
|
|
|
|
// setState(() {});
|
|
|
|
// }
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget _headWidget() {
|
|
|
|
return Column(
|
|
|
|
children: [
|
|
|
|
Container(
|
|
|
|
color: MyColours.color_33438E93,
|
|
|
|
padding: EdgeInsets.symmetric(horizontal: w(15), vertical: w(10)),
|
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Row(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
'2023年12月30日',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(16),
|
|
|
|
fontWeight: FontWeight.bold),
|
|
|
|
),
|
|
|
|
Text(
|
|
|
|
'十二月廿四',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(14),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
Text(
|
|
|
|
'星期日',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(14),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
VEmptyView(20),
|
|
|
|
Row(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
'预订',
|
|
|
|
style: TextStyle(
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'1089单',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'1190桌',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
VEmptyView(20),
|
|
|
|
Wrap(
|
|
|
|
runSpacing: w(5),
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
'到店',
|
|
|
|
style: TextStyle(
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'1089单',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'1190桌',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'1089人',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'1190取消',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'到客90.1%',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_515151,
|
|
|
|
fontSize: font(
|
|
|
|
(14),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
VEmptyView(20),
|
|
|
|
Wrap(
|
|
|
|
runSpacing: w(6),
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
'有金额订单数 25',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_999999,
|
|
|
|
fontSize: font(
|
|
|
|
(10),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'总消费 25800元',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_999999,
|
|
|
|
fontSize: font(
|
|
|
|
(10),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'人均 103.2元',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_999999,
|
|
|
|
fontSize: font(
|
|
|
|
(10),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'桌均 860元',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_999999,
|
|
|
|
fontSize: font(
|
|
|
|
(10),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'存酒 1位',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_999999,
|
|
|
|
fontSize: font(
|
|
|
|
(10),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'提前点餐 9位',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_999999,
|
|
|
|
fontSize: font(
|
|
|
|
(10),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
MyDivider(
|
|
|
|
w(1),
|
|
|
|
w(15),
|
|
|
|
color: MyColours.color_DBDBDB,
|
|
|
|
),
|
|
|
|
HEmptyView(10),
|
|
|
|
Text(
|
|
|
|
'安排菜 9位',
|
|
|
|
style: TextStyle(
|
|
|
|
color: MyColours.color_999999,
|
|
|
|
fontSize: font(
|
|
|
|
(10),
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
],
|
|
|
|
)),
|
|
|
|
],
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Scaffold(
|
|
|
|
appBar: SystemAppBar('日订单'),
|
|
|
|
body: Column(
|
|
|
|
children: [
|
|
|
|
VEmptyView(10),
|
|
|
|
_headWidget(),
|
|
|
|
Container(
|
|
|
|
alignment: Alignment.center,
|
|
|
|
width: double.infinity,
|
|
|
|
color: MyColours.color_ffffff,
|
|
|
|
padding: EdgeInsets.only(bottom: w(9), top: w(9)),
|
|
|
|
child: TabBar(
|
|
|
|
onTap: (index) {
|
|
|
|
print(index);
|
|
|
|
},
|
|
|
|
controller: tabController,
|
|
|
|
isScrollable: true,
|
|
|
|
indicatorColor: MyColours.color_438E93,
|
|
|
|
indicatorSize: TabBarIndicatorSize.tab,
|
|
|
|
indicatorWeight: w(2),
|
|
|
|
unselectedLabelColor: MyColours.color_999999,
|
|
|
|
labelColor: MyColours.color_438E93,
|
|
|
|
labelStyle: TextStyle(
|
|
|
|
fontSize: w(14),
|
|
|
|
color: MyColours.color_438E93,
|
|
|
|
fontWeight: FontWeight.bold),
|
|
|
|
unselectedLabelStyle:
|
|
|
|
TextStyle(fontSize: w(12), color: MyColours.color_999999),
|
|
|
|
indicatorPadding: EdgeInsets.only(left: w(24), right: w(24)),
|
|
|
|
// labelPadding:
|
|
|
|
// EdgeInsets.symmetric(horizontal: w(32)), //tabs控件之间的间距
|
|
|
|
tabs: [
|
|
|
|
Tab(
|
|
|
|
height: w(30),
|
|
|
|
child: Container(
|
|
|
|
width: w(100),
|
|
|
|
alignment: Alignment.center,
|
|
|
|
child: Text(
|
|
|
|
'预订到店',
|
|
|
|
),
|
|
|
|
)),
|
|
|
|
Tab(
|
|
|
|
height: w(30),
|
|
|
|
child: Container(
|
|
|
|
width: w(100),
|
|
|
|
alignment: Alignment.center,
|
|
|
|
child: Text(
|
|
|
|
'预订取消',
|
|
|
|
)),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
|
|
|
|
// indicatorPadding: EdgeInsets.only(
|
|
|
|
// left: ScreenUtil().setWidth(16),
|
|
|
|
// right: ScreenUtil().setWidth(32)),
|
|
|
|
// indicatorWeight: ScreenUtil().setWidth(6.0),
|
|
|
|
)),
|
|
|
|
VEmptyView(10),
|
|
|
|
|
|
|
|
Expanded(
|
|
|
|
child:
|
|
|
|
TabBarView(controller: tabController, children: [
|
|
|
|
DayOrderLeftPage(),
|
|
|
|
DayOrderLeftPage(),
|
|
|
|
]),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
} |
...
|
...
|
|