import 'package:ef/ef.dart'; import 'package:flutter/material.dart'; import 'package:flutterflow_ui/flutterflow_ui.dart'; import 'package:vbvs_app/common/color/appColors.dart'; import 'package:vbvs_app/common/color/appConstants.dart'; import 'package:vbvs_app/common/color/appFontsize.dart'; import 'package:vbvs_app/common/util/FitTool.dart'; import 'package:vbvs_app/common/util/MyUtils.dart'; import 'package:vbvs_app/component/tool/CustomCard.dart'; import 'package:vbvs_app/controller/mh/book_info_controller.dart'; import 'package:vbvs_app/pages/common/selectDialog.dart'; import 'package:vbvs_app/pages/device_control/book_date_widget.dart'; class BookInfoPage extends GetView { final scaffoldKey = GlobalKey(); Map data; BookInfoPage({required this.data}) { // controller.getData(data["id"]); } @override Widget build(BuildContext context) { return GestureDetector( onTap: () => FocusScope.of(context).unfocus(), child: Container( decoration: const BoxDecoration( image: DecorationImage( image: AssetImage('assets/images/new_background.png'), // 本地图片 fit: BoxFit.fill, // 填满整个 Container ), ), child: Scaffold( // key: scaffoldKey, backgroundColor: Colors.transparent, appBar: AppBar( backgroundColor: Colors.transparent, automaticallyImplyLeading: false, iconTheme: const IconThemeData(color: Colors.white), titleSpacing: 0, title: Container( width: double.infinity, height: 70.rpx, child: Stack( alignment: Alignment.center, children: [ // 中间居中的标题 Text( '我要预约', textAlign: TextAlign.center, style: TextStyle( color: Colors.white, fontSize: 30.rpx, ), ), // 左侧图标 Positioned( left: 20.rpx, child: returnIconButtomNew, ), ], ), ), actions: [], centerTitle: false, ), body: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 1, child: Column( mainAxisSize: MainAxisSize.max, children: [ // TitleComponentWidget( // titleName: '我要预约', // ), Expanded( child: Padding( padding: const EdgeInsetsDirectional.fromSTEB(28, 27, 28, 0), child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 1, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: const EdgeInsetsDirectional.fromSTEB( 0, 0, 0, 10), child: Container( width: MediaQuery.sizeOf(context).width, constraints: const BoxConstraints( minHeight: 50, ), child: Container( child: Column( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( '${data["name"]}', style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize.title_size, letterSpacing: 0, fontWeight: FontWeight.w600, color: Colors.white), ), Text( '地址：${data["addressDetail"]}', style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, color: Colors.white), ), ], ), ), ), ), Padding( padding: const EdgeInsetsDirectional.fromSTEB( 0, 0, 0, 20), child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 0.01, constraints: const BoxConstraints( maxHeight: 1, ), decoration: const BoxDecoration( color: Color(0xFF929699), ), ), ), Align( alignment: const AlignmentDirectional(-1, 0), child: Padding( padding: const EdgeInsetsDirectional.fromSTEB( 0, 0, 0, 16), child: Text( '体验日期', style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize.title_size, letterSpacing: 0, fontWeight: FontWeight.w600, color: Color(0xFF929699)), ), ), ), Obx(() { return Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: getBuildItems(context), ); }), // Obx(() => ListView( // shrinkWrap: true, // scrollDirection: Axis.horizontal, // children: getBuildItems(context))), // Padding( // padding: // EdgeInsetsDirectional.fromSTEB(0, 59, 0, 0), // child: Row( // mainAxisSize: MainAxisSize.max, // mainAxisAlignment: // MainAxisAlignment.spaceBetween, // children: [ // Text( // '体验时段', // style: FlutterFlowTheme.of(context) // .bodyMedium // .override( // fontFamily: 'Readex Pro', // fontSize: AppFontsize.title_size, // letterSpacing: 0, // ), // ), // Row( // mainAxisSize: MainAxisSize.max, // children: [ // Padding( // padding: EdgeInsetsDirectional.fromSTEB( // 0, 0, 17, 0), // child: Text( // '09:30', // style: FlutterFlowTheme.of(context) // .bodyMedium // .override( // fontFamily: 'Readex Pro', // fontSize: // AppFontsize.title_size, // letterSpacing: 0, // ), // ), // ), // Icon( // Icons.keyboard_arrow_down_sharp, // color: FlutterFlowTheme.of(context) // .secondaryText, // size: 12, // ), // ], // ), // ], // ), // ), Padding( padding: const EdgeInsetsDirectional.fromSTEB( 0, 59, 0, 0), child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '体验时段', style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize.title_size, letterSpacing: 0, color: Color(0xFF929699), // 设置加粗 ), ), Flexible(child: Obx(() { return InkWell( onTap: () { showOneSelectionDialog(context, arr: controller.model.time_period .map((d) => "${d['timeStr']} (${d['unBookAmount']}/${d['amount']})") .toList()!, checkIndex: controller.model .select_time_index ?? 0, checkChange: (index) { controller.model.select_time_index = index; controller.updateAll(); }, title: '请选择时间'); }, child: Container( width: 140, height: 30, child: Row( mainAxisAlignment: MainAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment .center, // 确保图标和文本垂直居中 mainAxisSize: MainAxisSize.max, children: [ Padding( padding: const EdgeInsetsDirectional .fromSTEB(0, 3, 17, 0), child: Text( controller.model .select_time_index != null ? "${controller.model.time_period?[controller.model.select_time_index!]?["timeStr"]}" : '请选择时间', style: FlutterFlowTheme.of( context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, color: (controller .model .select_time_index == null) ? stringToColor( '#D0D0D0') : stringToColor( '#333333')), ), ), Icon( Icons.keyboard_arrow_down_sharp, color: FlutterFlowTheme.of(context) .secondaryText, size: 16, ), ], ), ), ); })), ], ), ), Padding( padding: const EdgeInsetsDirectional.fromSTEB( 0, 25, 0, 0), child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 0.03, constraints: BoxConstraints( minHeight: 76.rpx, ), decoration: const BoxDecoration(), child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 0.02, decoration: const BoxDecoration(), child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '体验人员', style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize.title_size, letterSpacing: 0, color: Color(0xFF929699), // 设置加粗 ), ), Flexible( child: Align( alignment: const AlignmentDirectional( 1, 0), child: Container( width: MediaQuery.sizeOf(context) .width * 0.3, height: MediaQuery.sizeOf(context) .height * 1, decoration: BoxDecoration( borderRadius: BorderRadius.circular(0), ), child: Align( alignment: const AlignmentDirectional( 1, 0), child: TextFormField( // autofocus: true, controller: TextEditingController( text: controller.model .userName ?? ""), onChanged: (d) { controller.model.userName = d; }, obscureText: false, decoration: InputDecoration( labelStyle: FlutterFlowTheme.of( context) .labelMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), hintText: '输入姓名', hintStyle: FlutterFlowTheme .of(context) .labelMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, color: Color( 0xFF929699)), enabledBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), focusedBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), errorBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), focusedErrorBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), contentPadding: const EdgeInsetsDirectional .fromSTEB( 0, 0, 0, 12), ), style: FlutterFlowTheme.of( context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), textAlign: TextAlign.end, ), ), ), ), ), ], ), ), ), ), Padding( padding: const EdgeInsetsDirectional.fromSTEB( 0, 25, 0, 0), child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 0.03, constraints: BoxConstraints( minHeight: 76.rpx, ), decoration: const BoxDecoration(), child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 0.02, decoration: const BoxDecoration(), child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '手机号', style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize.title_size, letterSpacing: 0, color: Color(0xFF929699), // 设置加粗 ), ), Flexible( child: Align( alignment: const AlignmentDirectional( 1, 0), child: Container( width: MediaQuery.sizeOf(context) .width * 0.3, height: MediaQuery.sizeOf(context) .height * 1, decoration: BoxDecoration( borderRadius: BorderRadius.circular(0), ), child: Align( alignment: const AlignmentDirectional( 1, 0), child: TextFormField( // autofocus: true, controller: TextEditingController( text: controller.model .userPhone ?? ""), onChanged: (d) { controller.model.userPhone = d; }, obscureText: false, keyboardType: TextInputType.phone, decoration: InputDecoration( labelStyle: FlutterFlowTheme.of( context) .labelMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), hintText: '输入手机号', hintStyle: FlutterFlowTheme .of(context) .labelMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, color: Color( 0xFF929699)), enabledBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), focusedBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), errorBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), focusedErrorBorder: UnderlineInputBorder( borderSide: const BorderSide( color: Color(0x00000000), width: 2, ), borderRadius: BorderRadius.circular( 8), ), contentPadding: const EdgeInsetsDirectional .fromSTEB( 0, 0, 0, 12), ), style: FlutterFlowTheme.of( context) .bodyMedium .override( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), textAlign: TextAlign.end, ), ), ), ), ), ], ), ), ), ), ], ), )), ), ), Padding( padding: const EdgeInsetsDirectional.fromSTEB( 15, 0, 15, AppConstants.page_button_bottom_padding), child: CustomCard( borderRadius: 10, gradientDirection: GradientDirection.vertical, onTap: () { // if (controller.model.select_time_index == null) { // showToast("请选择体验时间"); // return; // } // if (controller.model.userName == null || // controller.model.userName == "") { // showToast("请输入姓名"); // return; // } // if (controller.model.userPhone == null || // controller.model.userPhone == "") { // showToast("请输入手机号"); // return; // } // if (MyUtils.isValidPhoneNumber( // controller.model.userPhone!) == // false) { // showToast("请输入正确的手机号"); // return; // } // controller.submitData(data["id"]).then((d) { // if (d.data["status"] == 2) { // d.data["addressDetail"] = data['addressDetail']; // d.data["name"] = data["name"]; // controller.messageAdd(d.data); // Get.offAndToNamed("/bookSuccessPage", // arguments: {"data": d.data}); // } else { // showToast("预约失败"); // } // }).catchError((d) { // showToast("预约失败"); // }); Get.toNamed("/bookSuccessPage", arguments: { "data": { "id": "7fbfbd614ef5befa3d8a84730f666853", "code": "10000114", "orderSn": "2025051411302980610000114", "userId": "09db8134288e8fb716c7acfdcca9f763", "extUserId": null, "deptId": 35, "storeId": "962df2043ba06c99e6490616b37a60d4", "customerId": "531ba6efe42d5e2cc3c8f219ebed4cee", "idCard": null, "realName": "江有龙", "userPhone": "18956025450", "province": "", "city": "", "district": "", "addressDetail": "", "bookType": 2, "bookDateId": 104167, "bookRoomNo": null, "bookTimeStart": 1747281600000, "bookTimeEnd": 1747303200000, "payAmount": 0, "transactionId": null, "paid": 0, "payTime": null, "payType": null, "status": 2, "isVerify": false, "verifyAdminId": null, "verifyTime": null, "giftAdminId": null, "giftTime": null, "createTime": 1747193430000, "refundTime": null, "isDel": false, "audienceId": null, "store": { "id": "962df2043ba06c99e6490616b37a60d4", "code": "55102", "name": "合肥眠花糖共享会议华润大厦B座", "deptId": 35, "kingdeeId": "" }, "dateStr": "2025年05月15日周四", "timeStr": "12:00~18:00", "qrCode": "", "payName": "未付款", "statusName": "待体验", "user": { "id": "09db8134288e8fb716c7acfdcca9f763", "nickName": "生陌", "avatar": null, "mobile": "18956025450" }, "verifyAdmin": null, "giftAdmin": null, "storeName": "合肥眠花糖共享会议华润大厦B座", "storeAddress": null }, }); }, colors: const [ Color(0xFFFCFCFC), Color(0xFFF8FAF9), Color(0XFFECF6F3), Color(0XFFD9F0E9), Color(0xFFCEECE3) ], child: Container( width: double.infinity, height: 90.rpx, alignment: Alignment.center, decoration: BoxDecoration( borderRadius: BorderRadius.circular(6), ), child: Text( "提交预约", style: FlutterFlowTheme.of(context).bodyMedium.override( fontFamily: 'Readex Pro', color: stringToColor("#011D33"), letterSpacing: 0, fontSize: 30.rpx, ), ), ), )), ], ), ), ), ), ); } List getBuildItems(BuildContext context) { List images = []; controller.model.datetimes!.forEach((element) async { images.add(BookDateWidget( index: controller.model.datetimes!.indexOf(element), bookInfoController: controller, )); }); return images; } }