import 'package:ef/ef.dart'; import 'package:flutter/material.dart'; import 'package:flutterflow_ui/flutterflow_ui.dart'; import 'package:vbvs_app/common/color/ServiceConstant.dart'; import 'package:vbvs_app/common/color/appConstants.dart'; import 'package:vbvs_app/common/color/appFontsize.dart'; import 'package:vbvs_app/common/color/app_uri_status.dart'; import 'package:vbvs_app/common/util/FitTool.dart'; import 'package:vbvs_app/common/util/MyUtils.dart'; import 'package:vbvs_app/common/util/requestWithLog.dart'; import 'package:vbvs_app/component/img/img_default_widget.dart'; import 'package:vbvs_app/component/img/img_preview_widget.dart'; import 'package:vbvs_app/component/tool/CustomCard.dart'; import 'package:vbvs_app/component/tool/TopSlideNotification.dart'; import 'package:vbvs_app/controller/mh_controller/apply_repair_controller.dart'; import 'package:vbvs_app/controller/repair/repair_controller.dart'; import 'package:vbvs_app/model/api_response.dart'; class ApplyRepairPage extends GetView { final scaffoldKey = GlobalKey(); BoxConstraints? bodysize; RepairController repairController = Get.find(); // ApplyRepairPage() { // controller.attr.value.listenlists.clear(); // controller.getDeviceList(); // controller.model.device_type = ""; // controller.model.select_device = ""; // controller.model.device_category = ""; // controller.model.device_name = ""; // controller.model.device_id = ""; // } final List repairItemKeys = []; final GlobalKey contactKey = GlobalKey(); final GlobalKey phoneKey = GlobalKey(); @override Widget build(BuildContext context) { var tmpcontroller = FormFieldController(controller.model.select_device); var typecontroller = FormFieldController(controller.model.device_type); controller.model.address; List deviceTypeNames = ['床', '床垫']; List deviceTypeIds = ['床', '床垫']; return LayoutBuilder(builder: (context, cc) { bodysize = cc; 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( resizeToAvoidBottomInset: true, // 自动调整页面避免被键盘遮挡 backgroundColor: Colors.transparent, appBar: AppBar( backgroundColor: Colors.transparent, iconTheme: const IconThemeData(color: Colors.white), automaticallyImplyLeading: false, titleSpacing: 0, title: SizedBox( width: double.infinity, height: 180.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, ), ], ), ), centerTitle: false, ), body: Container( width: bodysize!.maxWidth, height: bodysize!.maxHeight * 1, child: Column( mainAxisSize: MainAxisSize.max, children: [ // TitleComponentWidget( // titleName: '申请保修', // ), Flexible( child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 30.rpx, 0, 30.rpx, 30.rpx), child: Container( width: bodysize!.maxWidth, height: 1000, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 27.rpx, 0, 0), child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 0.247, constraints: BoxConstraints( minHeight: 500.rpx, maxHeight: 500.rpx, ), decoration: BoxDecoration( color: Color(0XFF003058), borderRadius: BorderRadius.circular(16.rpx), ), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 25.rpx, 27.rpx, 34.rpx, 0), child: Container( width: 100, height: 100, child: Container( width: 100, height: 100, child: Column( mainAxisSize: MainAxisSize.max, children: [ Align( alignment: const AlignmentDirectional( 0, 0), child: Container( width: MediaQuery.sizeOf(context) .width, height: 44, child: Align( alignment: const AlignmentDirectional( 0, -1), child: Text( '选择需要报修的设备', style: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, fontSize: AppFontsize .title_size, color: Colors .white // 加粗文字 ), ), ), ), ), Expanded( child: Column( mainAxisSize: MainAxisSize.max, children: [ Flexible( child: Container( width: MediaQuery.sizeOf( context) .width, height: 10, constraints: BoxConstraints( minHeight: 60.rpx, ), child: Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 105.rpx, height: MediaQuery .sizeOf( context) .height * 0.038, constraints: const BoxConstraints( minWidth: 60, ), child: Align( alignment: const AlignmentDirectional( -1, 0), child: Text( '已绑设备', style: TextStyle( fontFamily: 'Readex Pro', fontSize: 26 .rpx, letterSpacing: 0, color: Colors .white), ), ), ), Expanded( child: Container( width: 300, // 可以根据需要调整宽度 height: 56, // 可以根据需要调整高度 decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), color: Colors.white, ), child: Obx( () { List> deviceOptions = controller .model .device_list! .map((device) => { 'id': device['id'].toString(), // 提取设备 ID 'name': device['name'].toString(), // 提取设备名称 }) .toList(); // 提取 optionsLabel 和 optionsValue List deviceNames = deviceOptions .map((device) => device['name']!) // 用于显示的名称列表 .toList(); List deviceIds = deviceOptions .map((device) => device['id']!) // 用于匹配的 ID 列表 .toList(); return FlutterFlowDropDown< String>( controller: tmpcontroller, options: deviceIds, // 下拉菜单选项为设备的 ID optionLabels: deviceNames, // 下拉菜单显示的内容为设备名称 onChanged: (val) { var selectedDevice = controller.model.device_list!.firstWhere((device) => device['id'].toString() == val); controller.model.select_device = val; controller.model.device_type = selectedDevice['type'] == 1 ? '床' : '床垫'; controller.model.device_category = selectedDevice['deviceSeries']['name'] ?? '未知型号'; // 获取设备型号 controller.model.device_id = selectedDevice['mac'] ?? '未知设备ID'; // 获取设备ID controller.model.device_name = selectedDevice['name'] ?? '未知设备'; // 获取设备名称 controller.updateAll(); }, width: 300, height: 56, searchHintTextStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), searchTextStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), textStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), hintText: '请选择绑定设备', searchHintText: '查找', icon: Icon( Icons.keyboard_arrow_down_rounded, color: Colors.white, size: 24, ), // fillColor: // FlutterFlowTheme.of(context).secondaryBackground, elevation: 2, borderColor: Colors.white, borderWidth: 0, borderRadius: 8, margin: const EdgeInsetsDirectional.fromSTEB( 10, 4, 10, 4), hidesUnderline: true, isOverButton: false, isSearchable: false, isMultiSelect: false, ); }))), ].divide(SizedBox( width: 26.rpx)), ), ), ), Flexible( child: Container( width: MediaQuery.sizeOf( context) .width, height: 10, constraints: BoxConstraints( minHeight: 60.rpx, ), child: Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 105.rpx, height: MediaQuery .sizeOf( context) .height * 0.038, constraints: const BoxConstraints( minWidth: 60, ), child: Align( alignment: const AlignmentDirectional( -1, 0), child: Text( '设备系列', style: TextStyle( fontFamily: 'Readex Pro', fontSize: 26 .rpx, letterSpacing: 0, color: Colors .white), ), ), ), Expanded( child: Container( width: 100, height: 100, decoration: BoxDecoration( color: Colors .white, borderRadius: BorderRadius .circular(8), ), child: Obx(() { return TextFormField( // autofocus: true, controller: controller .onReDraw( TextEditingController( text: controller.model.device_category ?? ""), (value) => { value.text = controller.model.device_category ?? "" }, ), onChanged: (value) { controller .model .device_category = value; }, // initialValue: // controller // .model // .device_category, obscureText: false, decoration: InputDecoration( labelStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), hintStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), 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( 10, 0, 10, 18), ), style: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), ); })), ), ].divide(SizedBox( width: 26.rpx)), ), ), ), Flexible( child: Container( width: MediaQuery.sizeOf( context) .width, height: 10, constraints: BoxConstraints( minHeight: 60.rpx, ), child: Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 105.rpx, height: MediaQuery .sizeOf( context) .height * 0.038, constraints: const BoxConstraints( minWidth: 60, ), child: Align( alignment: const AlignmentDirectional( -1, 0), child: Text( '产品型号', style: TextStyle( fontFamily: 'Readex Pro', fontSize: 26 .rpx, letterSpacing: 0, color: Colors .white), ), ), ), Expanded( child: Container( width: 100, height: 100, decoration: BoxDecoration( color: Colors .white, borderRadius: BorderRadius .circular(8), ), child: Obx(() { return TextFormField( // autofocus: true, controller: controller .onReDraw( TextEditingController( text: controller.model.device_category ?? ""), (value) => { value.text = controller.model.device_category ?? "" }, ), onChanged: (value) { controller .model .device_category = value; }, // initialValue: // controller // .model // .device_category, obscureText: false, decoration: InputDecoration( labelStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), hintStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), 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( 10, 0, 10, 18), ), style: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), ); })), ), ].divide(SizedBox( width: 26.rpx)), ), ), ), Flexible( child: Container( width: MediaQuery.sizeOf( context) .width, height: 10, constraints: BoxConstraints( minHeight: 60.rpx, ), child: Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 105.rpx, height: MediaQuery .sizeOf( context) .height * 0.038, constraints: const BoxConstraints( minWidth: 60, ), child: Align( alignment: const AlignmentDirectional( -1, 0), child: Text( '序列号', style: TextStyle( fontFamily: 'Readex Pro', fontSize: 26 .rpx, letterSpacing: 0, color: Colors .white), ), ), ), Expanded( child: Container( width: 100, height: 100, decoration: BoxDecoration( color: const Color( 0xFFF3F5F6), borderRadius: BorderRadius .circular(8), ), child: Obx(() { return TextFormField( // autofocus: true, controller: controller .onReDraw( TextEditingController( text: controller.model.device_id ?? ""), (value) => { value.text = controller.model.device_id ?? "" }, ), onChanged: (value) { controller .model .device_id = value; }, // initialValue: // controller // .model // .device_id, obscureText: false, decoration: InputDecoration( labelStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), hintStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), 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( 10, 0, 10, 18), ), style: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), ); })), ), ].divide(SizedBox( width: 26.rpx)), ), ), ), ].divide( SizedBox(height: 30.rpx)), ), ) ], ), ), ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 26.rpx, 0, 0), child: Container( width: bodysize!.maxWidth, height: bodysize!.maxHeight * 0.17, constraints: BoxConstraints( minHeight: 345.rpx, ), decoration: BoxDecoration( color: Color(0XFF003058), borderRadius: BorderRadius.circular(16.rpx), ), child: Obx(() { return Container( width: bodysize!.maxWidth, height: bodysize!.maxHeight * 0.17, decoration: BoxDecoration( color: Color(0XFF003058), borderRadius: BorderRadius.circular(16.rpx), ), child: Column( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.center, children: [ if (controller.model.issue_img == null || controller .model.issue_img!.isEmpty) Flexible( child: InkWell( onTap: () async { ApiResponse apiResponse = await repairController .uploadImg(); // print(apiResponse); // if (apiResponse.code == // HttpStatusCodes.ok) { // print(widget.model); // // setState(() { // // widget.model['path'] = apiResponse.data['path']; // // }); // widget.model['path'] = // apiResponse // .data['path']; // repairController.repairList // .refresh(); // 通知 Obx 更新（如果用了 GetX） // print(widget.model); // } else { // if (widget.model['path'] == // null || // widget.model['path'] // .isEmpty // ) { // TopSlideNotification.show( // context, // text: apiResponse.msg!, // textColor: apiResponse // .code == // HttpStatusCodes // .ok // ? themeController // .currentColor // .sc2 // : themeController // .currentColor // .sc9, // ); // } // } }, child: Container( width: MediaQuery.sizeOf(context) .width, height: MediaQuery.sizeOf(context) .height * 0.186, child: Column( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment .center, crossAxisAlignment: CrossAxisAlignment .center, children: [ Flexible( child: Align( alignment: const AlignmentDirectional( 0, 0), // child: Icon( // Icons // .linked_camera_outlined, // color: // Color(0xFF9EA4B7), // size: 40, // ), child: Container( width: 50, height: 50, decoration: BoxDecoration( image: DecorationImage( fit: BoxFit .cover, image: Image.asset( 'assets/images/camera.png', ).image, ), ), ), ), ), Flexible( child: Container( width: 138, height: 31, decoration: BoxDecoration( borderRadius: BorderRadius .circular( 50), border: Border.all( color: const Color( 0xFF9EA4B7), ), ), child: Align( alignment: const AlignmentDirectional( 0, 0), child: Text( '上传设备故障照片', style: TextStyle( fontFamily: 'Readex Pro', color: const Color( 0xFF9EA4B7), fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), ), ), ), ), ], ), ), )), if (controller.model.issue_img != null && controller.model.issue_img! .isNotEmpty) Flexible( child: Container( width: MediaQuery.sizeOf(context) .width, height: MediaQuery.sizeOf(context) .height * 0.186, constraints: const BoxConstraints( minHeight: 250, ), decoration: BoxDecoration( color: Colors.white, ), child: Column( mainAxisSize: MainAxisSize.max, children: [ Align( alignment: const AlignmentDirectional( 1, 0), child: Padding( padding: const EdgeInsetsDirectional .fromSTEB( 0, 7, 21, 7), child: Container( width: MediaQuery .sizeOf( context) .width * 0.2, height: 21, decoration: BoxDecoration( color: Colors.white, ), child: Container( width: MediaQuery .sizeOf( context) .width * 0.2, height: 21, decoration: BoxDecoration( color: Colors.white, ), child: Row( mainAxisSize: MainAxisSize .max, mainAxisAlignment: MainAxisAlignment .end, children: [ Text( // '2', controller .model .issue_img! .length .toString(), style: TextStyle( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), ), Text( '/', style: TextStyle( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), ), Text( '3', style: TextStyle( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), ), ], ), ), ), ), ), Flexible( child: Padding( padding: const EdgeInsetsDirectional .fromSTEB( 0, 0, 21, 0), child: Container( width: MediaQuery .sizeOf( context) .width, height: MediaQuery .sizeOf( context) .height * 0.15, constraints: const BoxConstraints( minHeight: 152, ), decoration: BoxDecoration( color: Colors.white, ), child: Container( width: 100, height: 100, decoration: BoxDecoration( color: Colors.white, ), child: Obx(() => ListView( shrinkWrap: true, scrollDirection: Axis.horizontal, children: getImage() .divide(const SizedBox( width: 12, )) .addToStart(const SizedBox( width: 21, ))))), ), ), ), ], ), ), ), ], ), ); }), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 25.rpx, 0, 0), child: Container( width: bodysize!.maxWidth, height: bodysize!.maxHeight * 0.17, constraints: BoxConstraints( minHeight: 345.rpx, ), decoration: BoxDecoration( color: Color(0xFF003058), borderRadius: BorderRadius.circular(16.rpx), ), child: Container( width: bodysize!.maxWidth, height: bodysize!.maxHeight * 0.19, decoration: BoxDecoration( borderRadius: BorderRadius.circular(16.rpx), ), child: Column( mainAxisSize: MainAxisSize.max, children: [ Align( alignment: const AlignmentDirectional( 0, 0), child: Padding( padding: const EdgeInsetsDirectional .fromSTEB(0, 15, 0, 16), child: Text( '请描述一下您的问题', style: TextStyle( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 30.rpx, letterSpacing: 0, fontWeight: FontWeight.w600, ), ), ), ), Expanded( child: Padding( padding: EdgeInsetsDirectional .fromSTEB(34.rpx, 0, 34.rpx, 34.rpx), child: Container( width: MediaQuery.sizeOf(context) .width, height: MediaQuery.sizeOf(context) .height * 1, constraints: BoxConstraints( minHeight: 181.rpx, ), decoration: BoxDecoration( color: const Color(0xFFF3F5F6), borderRadius: BorderRadius.circular(8), ), child: TextFormField( // autofocus: true, onChanged: (value) { controller.model.desc = value; }, initialValue: controller.model.desc, obscureText: false, decoration: InputDecoration( hintText: '问题描述（100个字以内）', labelStyle: TextStyle( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, color: Color( 0XFF929699)), hintStyle: TextStyle( 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: // EdgeInsetsDirectional // .fromSTEB(0, 0, 0, 12), contentPadding: const EdgeInsetsDirectional .fromSTEB( 10, 5, 10, 5), ), maxLines: 4, maxLength: 100, // ✅ 限制最多输入 100 字符 style: TextStyle( fontFamily: 'Readex Pro', fontSize: AppFontsize .normal_text_size, letterSpacing: 0, ), ), ), ), ), ], ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 48.rpx, 0, 0), child: Container( width: bodysize!.maxWidth, height: bodysize!.maxHeight * 0.17, constraints: BoxConstraints( minHeight: 345.rpx, ), decoration: BoxDecoration( color: Color(0XFF003058), borderRadius: BorderRadius.circular(16), ), child: Column( mainAxisSize: MainAxisSize.max, children: [ Align( alignment: const AlignmentDirectional(0, 0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 48.rpx, 0, 48.rpx), child: Text( '联系方式', style: TextStyle( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 30.rpx, letterSpacing: 0, fontWeight: FontWeight.w600, ), ), ), ), Expanded( child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 25.rpx, 0, 34.rpx, 70.rpx), child: Container( width: MediaQuery.sizeOf(context) .width, height: MediaQuery.sizeOf(context) .height * 1, child: Column( mainAxisSize: MainAxisSize.max, children: [ Flexible( child: Container( width: MediaQuery.sizeOf( context) .width, height: MediaQuery.sizeOf( context) .height * 0.038, constraints: BoxConstraints( minHeight: 61.rpx, ), child: Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 105.rpx, height: MediaQuery .sizeOf( context) .height * 0.038, constraints: BoxConstraints( minWidth: 60.rpx, ), // decoration: // BoxDecoration( // color: FlutterFlowTheme.of( // context) // .secondaryBackground, // ), child: Row( mainAxisSize: MainAxisSize .max, children: [ Text( '联系人', style: TextStyle( fontFamily: 'Readex Pro', fontSize: 26 .rpx, letterSpacing: 0, color: Colors .white), ), ], ), ), Expanded( child: Container( width: MediaQuery .sizeOf( context) .width, height: 100, decoration: BoxDecoration( color: Colors .white, borderRadius: BorderRadius .circular( 8), ), child: TextFormField( // autofocus: true, onChanged: (value) { controller .model .apply_name = value; }, initialValue: controller .model .apply_name, obscureText: false, textAlignVertical: TextAlignVertical .center, decoration: InputDecoration( contentPadding: const EdgeInsetsDirectional .fromSTEB( 10, 10, 10, 14), labelStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), hintStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), 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), ), ), style: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), ), ), ), ].divide(const SizedBox( width: 13)), ), ), ), Flexible( child: Container( width: MediaQuery.sizeOf( context) .width, height: MediaQuery.sizeOf( context) .height * 0.038, constraints: const BoxConstraints( minHeight: 31, ), child: Row( mainAxisSize: MainAxisSize.max, children: [ Container( width: 105.rpx, height: MediaQuery .sizeOf( context) .height * 0.038, constraints: BoxConstraints( minWidth: 60.rpx, ), child: Row( mainAxisSize: MainAxisSize .max, children: [ Text( '手机号码', style: TextStyle( fontFamily: 'Readex Pro', fontSize: 26 .rpx, letterSpacing: 0, color: Colors .white), ), ], ), ), Expanded( child: Container( width: 100, height: 100, decoration: BoxDecoration( color: Colors .white, borderRadius: BorderRadius .circular( 8), ), child: TextFormField( // autofocus: true, onChanged: (value) { controller .model .tel = value; }, initialValue: controller .model .tel, obscureText: false, textAlignVertical: TextAlignVertical .center, decoration: InputDecoration( contentPadding: const EdgeInsetsDirectional .fromSTEB( 10, 10, 10, 14), labelStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), hintStyle: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), 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), ), ), style: TextStyle( fontFamily: 'Readex Pro', letterSpacing: 0, ), ), ), ), ].divide(const SizedBox( width: 13)), ), ), ), ].divide( const SizedBox(height: 15)), ), ), ), ), ], ), ), ), ], ), ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB(30.rpx, 30.rpx, 30.rpx, AppConstants.page_button_bottom_padding), child: Container( width: bodysize!.maxWidth, height: bodysize!.maxHeight * 0.056, decoration: BoxDecoration( borderRadius: BorderRadius.circular(16.rpx), ), child: CustomCard( borderRadius: 16.rpx, gradientDirection: GradientDirection.vertical, onTap: () async { Get.toNamed("/applyRepairSuccess"); // TopSlideNotification.show( // context, // text: "功能开发中...", // ); // String msg = checkRepairParam(); // if (msg.isNotEmpty) { // TopSlideNotification.show(context, // text: msg, // textColor: // themeController.currentColor.sc9); // } else { // String serviceAddress = // ServiceConstant.service_address; // String serviceName = // ServiceConstant.server_service; // String serviceApi = // ServiceConstant.submit_repair; // String queryUrl = // "$serviceAddress$serviceName$serviceApi"; // var data = { // "device": repairController.repairList.value, // "type": repairController.device_type.value, // "contacts": { // "name": repairController.name.value, // "phone": repairController.phone.value // }, // }; // ApiResponse apiResponse = await requestWithLog( // logTitle: "提交报修信息", // method: MyHttpMethod.post, // queryUrl: queryUrl, // data: data, // onSuccess: (res) { // TopSlideNotification.show(context, // text: res.msg!); // // Get.back(); // Get.toNamed("/applyRepairSuccess"); // }, // onFailure: (res) { // TopSlideNotification.show(context, // text: res.msg!, // textColor: // themeController.currentColor.sc9); // }, // ); // } }, 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: TextStyle( fontFamily: 'Readex Pro', color: stringToColor("#011D33"), letterSpacing: 0, fontSize: 30.rpx, ), ), ), )), ), ], ), ), ), )); }); } List getImage() { List images = []; controller.model.issue_img!.forEach((element) async { images.add(ImgPreviewWidget( imgUrl: element, index: controller.model.issue_img!.indexOf(element), applyRepairController: controller, isDel: true, )); }); if (images.length < controller.model.imagesLImit!) { images.add(ImgPreviewDefaultWidget( applyRepairController: controller, )); } return images; } List> _getDropdownItems() { List options = [ '智能床垫AH-2型', '智能床垫BY-H型', '智能床垫BY-C型', // 可以在这里添加更多选项 ]; return options.map((String value) { return DropdownMenuItem( value: value, child: Text(value), ); }).toList(); } String checkRepairParam() { String errormsg = ""; // 检查报修项 for (var i = 0; i < repairController.repairList.length; i++) { final item = repairController.repairList[i]; if (item["path"] == null || item["path"].toString().isEmpty) { _scrollToKey(repairItemKeys[i]); // return "第 ${i + 1} 项图片未上传"; return "图片未上传".tr; } if (item["id"] == null || item["id"].toString().isEmpty) { _scrollToKey(repairItemKeys[i]); // return "第 ${i + 1} 项设备未选择"; return "设备未选择".tr; } if (item["param"] == null || item["param"].toString().isEmpty) { _scrollToKey(repairItemKeys[i]); // return "第 ${i + 1} 项参数未填写"; return "参数未填写".tr; } if (item["issue"] == null || item["issue"].toString().isEmpty) { _scrollToKey(repairItemKeys[i]); // return "第 ${i + 1} 项问题描述未填写"; return "问题描述未填写".tr; } if (item["issue"] != null && item["issue"].toString().trim().isNotEmpty) { final issueText = item["issue"].toString().trim(); final charCount = issueText.runes.length; if (charCount > 60) { _scrollToKey(repairItemKeys[i]); return "问题描述最多输入60个字".tr; } } else { _scrollToKey(repairItemKeys[i]); return "问题描述不能为空".tr; } } // 检查联系人 if (repairController.name.trim().isEmpty) { _scrollToKey(contactKey); return "联系人不能为空".tr; } if (repairController.phone.trim().isEmpty) { _scrollToKey(phoneKey); return "联系电话不能为空".tr; } if (!MyUtils.isValidPhoneNumber(repairController.phone.trim())) { _scrollToKey(phoneKey); return "无效的手机号码".tr; } return errormsg; } // 新增滚动方法 void _scrollToKey(GlobalKey key) { WidgetsBinding.instance.addPostFrameCallback((_) { Scrollable.ensureVisible( key.currentContext!, duration: Duration(milliseconds: 300), curve: Curves.easeInOut, ); }); } }