台桌列表页面

lib/home/reserve_right_content_view.dart

@@ -1,7 +1,10 @@
 import 'package:cashier_reserve/common/base/ui.dart';
 import 'package:cashier_reserve/common/print/print.dart';
+import 'package:cashier_reserve/data_model/reserve/table_area_model.dart';
 import 'package:cashier_reserve/home/reserve_view_model.dart';
 
+import 'reserve_right_table_list.dart';
+
 class ReserveRightContentView extends StatelessWidget {
   final ReserveViewModel provider;
   final TabController? tabController;
@@ -18,6 +21,7 @@ class ReserveRightContentView extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           _buildTabBar(context),
+          _buildTableListWidget(context),
         ],
       ),
     );
@@ -40,8 +44,54 @@ class ReserveRightContentView extends StatelessWidget {
       indicatorWeight: 2,
       labelPadding: const EdgeInsets.only(left: 10, right: 10),
       onTap: (index) {
-        yjPrint("tab index: $index");
+        provider.pageController.jumpToPage(index);
       },
     );
   }
+
+  Widget _buildTableListWidget(BuildContext context) {
+    if ((provider.tableAreaList?.length ?? 0) == 0) {
+      return Container();
+    }
+
+    return Expanded(
+      child: Container(
+        padding: const EdgeInsets.only(left: 15, right: 15),
+        color: const Color(0xFFF5F5F5),
+        child: PageView(
+          controller: provider.pageController,
+          physics: const NeverScrollableScrollPhysics(),
+          children: _buildTableList(context),
+        ),
+      ),
+    );
+  }
+
+  List<Widget> _buildTableList(BuildContext context) {
+    List<Widget> list = [];
+
+    for (int i = 0; i < provider.tableAreaList!.length; i++) {
+      List<TableAreaModel?> areas = [];
+      if (i == 0) {
+        /// 排除第一个全部
+        areas.addAll(provider.tableAreaList!.sublist(1));
+      } else {
+        areas.add(provider.tableAreaList![i]);
+      }
+
+      list.add(
+        ReserveRightTableList(
+          areas: areas,
+          getAreaTableListFunc: (areaId) {
+            return provider.tableMap[areaId] ?? [];
+          },
+          tableClickFunc: (table) {
+            yjPrint("table: ${table.name}");
+          },
+        ),
+      );
+    }
+
+    return list;
+  }
 }