import 'package:ef/ef.dart'; import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:vbvs_app/common/util/FitTool.dart'; import 'package:vbvs_app/common/util/MyUtils.dart'; import 'package:vbvs_app/component/NullDataComponentWidget.dart'; import 'package:vbvs_app/component/tool/CustomCard.dart'; import 'package:vbvs_app/controller/mh_controller/repair_list_controller.dart'; import 'package:vbvs_app/pages/mh_page/repair_history_widget.dart'; class DeviceRepairPage extends GetView { final scaffoldKey = GlobalKey(); BoxConstraints? bodysize; final ScrollController scrollController = ScrollController(); // final ScrollController scrollController = ScrollController(); final RepairListController controller = Get.find(); DeviceRepairPage() { // controller.model.offset = 0; // controller.model.isLoading = false; // controller.model.hasMore = true; controller.model.repairList.clear(); controller.initData(); Get.put(RepairListController()); scrollController.addListener(() { if (scrollController.position.pixels == scrollController.position.maxScrollExtent && controller.model.hasMore) { controller.initData(); controller.updateAll(); } }); } // final List mockData @override Widget build(BuildContext context) { 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( // key: scaffoldKey, backgroundColor: Colors.transparent, appBar: AppBar( systemOverlayStyle: SystemUiOverlayStyle( statusBarColor: Colors.transparent, // 状态栏背景色 statusBarIconBrightness: Brightness.light, // 图标颜色（Android） statusBarBrightness: Brightness.light, // 图标颜色（iOS） ), 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( '设备报修'.tr, textAlign: TextAlign.center, style: TextStyle( color: Colors.white, fontSize: 30.rpx, ), ), // 左侧图标 Positioned( left: 0.rpx, child: returnIconButtomNew(), ), ], ), ), centerTitle: false, ), body: SafeArea( top: true, child: Padding( padding: EdgeInsets.fromLTRB(30.rpx, 6.rpx, 30.rpx, 0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ // 报修须知 Container( height: 412.rpx, decoration: BoxDecoration( border: Border.all( color: Color(0XFFC8CBD2), width: 0.rpx), borderRadius: BorderRadius.circular(10), ), child: Padding( padding: EdgeInsets.fromLTRB( 27.rpx, 49.rpx, 43.rpx, 39.rpx), child: Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ // 固定的标题部分 Text( "报修须知".tr, style: TextStyle( fontSize: 30.rpx, color: Colors.white, ), textAlign: TextAlign.center, ), SizedBox(height: 33.rpx), // 可滚动的正文部分，限定高度 // Expanded( // child: SingleChildScrollView( // child: RichText( // text: TextSpan( // style: TextStyle( // color: Color(0XFF929699), // fontSize: 26.rpx, // ), // children: [ // TextSpan( // text: // "尊敬的用户，感谢您选择我司产品。在使用过程中，如果设备出现故障需要维修，请首先确认设备是否正确连接控制器或网络，检查设置是否正常，排除误操作问题。若问题依然存在，请记录下设备名称、设备编号、和具体故障内容，方便我们快速地为您提供帮助。您可以通过智慧眠花糖APP保修页面直接报修或拨打 " // .tr, // style: TextStyle( // color: Color(0XFF929699), // fontSize: 26.rpx, // height: 1.3)), // TextSpan( // text: "400-8756-966", // style: TextStyle( // color: Colors.white, // // height: 1.3, // decoration: TextDecoration // .underline, // 添加下划线 // decorationColor: Colors.white, // decorationThickness: 4.rpx, // ), // recognizer: TapGestureRecognizer() // ..onTap = () { // MyUtils.makePhoneCall( // "400-8756-966"); // }, // ), // TextSpan( // text: " 反馈。".tr, // style: TextStyle( // color: Color(0XFF929699), // fontSize: 26.rpx, // height: 1.3)), // ], // ), // ), // ), // ), Expanded( child: Padding( padding: EdgeInsets.only( right: 0, ), child: Scrollbar( thumbVisibility: true, // 滚动时显示滑块，false 时仅在滚动中短暂显示 thickness: 4.rpx, child: SingleChildScrollView( child: RichText( text: TextSpan( style: TextStyle( color: Color(0XFF929699), fontSize: 26.rpx, ), children: [ TextSpan( text: "尊敬的用户，感谢您选择我司产品。在使用过程中，如果设备出现故障需要维修，请首先确认设备是否正确连接控制器或网络，检查设置是否正常，排除误操作问题。若问题依然存在，请记录下设备名称、设备编号、和具体故障内容，方便我们快速地为您提供帮助。您可以通过智慧眠花糖APP保修页面直接报修或拨打 " .tr, style: TextStyle( color: Color(0XFF929699), fontSize: 26.rpx, height: 1.3, ), ), TextSpan( text: "400-8756-966", style: TextStyle( color: Colors.white, decoration: TextDecoration.underline, decorationColor: Colors.white, decorationThickness: 4.rpx, ), recognizer: TapGestureRecognizer() ..onTap = () { MyUtils.makePhoneCall( "400-8756-966"); }, ), TextSpan( text: " 反馈。".tr, style: TextStyle( color: Color(0XFF929699), fontSize: 26.rpx, height: 1.3, ), ), ], ), ), ), ), )) ], ))), SizedBox(height: 24.rpx), InkWell( onTap: () {}, child: CustomCard( borderRadius: 16.rpx, gradientDirection: GradientDirection.vertical, onTap: () { Get.toNamed("/applyRepairPage"); }, 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( "我要报修".tr, style: TextStyle( fontFamily: 'Readex Pro', color: stringToColor("#011D33"), letterSpacing: 0, fontSize: 30.rpx, ), ), ), )), SizedBox(height: 235.rpx), // 报修历史标题 Container( width: double.infinity, child: Text("报修历史".tr, style: TextStyle( color: Colors.white, fontSize: 30.rpx, height: 1)), ), SizedBox(height: 32.rpx), // Obx(() { // return Visibility( // visible: controller.model.repairList != null && // controller.model.repairList!.isNotEmpty, // replacement: EmptyMessageWidget(), // child: Expanded( // child: Obx(() => ListView( // controller: // scrollController, // 绑定 ScrollController // shrinkWrap: true, // scrollDirection: Axis.vertical, // children: (controller.model.repairList // .asMap() // .entries // .map((e) => RepairHistoryWidget( // index: e.key, // repairListController: controller)) // .toList() as List))), // ), // ); // }), // 替换原来的 Obx(() => Visibility(...)) Expanded( child: Obx(() { final hasData = controller.model.repairList != null && controller.model.repairList!.isNotEmpty; return hasData ? ListView( controller: scrollController, padding: EdgeInsets.zero, shrinkWrap: true, children: controller.model.repairList .asMap() .entries .map((e) => RepairHistoryWidget( index: e.key, repairListController: controller, )) .toList(), ) : NullDataWidget(); }), ), ], ), ))), )); }); } }