import 'package:ef/ef.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutterflow_ui/flutterflow_ui.dart'; import 'package:vbvs_app/common/color/appConstants.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/component/NullDataComponentWidget.dart'; import 'package:vbvs_app/component/tool/ClickableContainer.dart'; import 'package:vbvs_app/component/tool/TopSlideNotification.dart'; import 'package:vbvs_app/controller/mh_controller/mhdevice_share_controller.dart'; import 'package:vbvs_app/model/api_response.dart'; import 'package:vbvs_app/pages/mh_page/ShareUserWidget.dart'; class ShareDeviceWidget extends GetView { var data; ShareDeviceWidget({super.key, required this.data}); final scaffoldKey = GlobalKey(); final ScrollController scrollController = ScrollController(); final _formKey = GlobalKey(); final _phoneController = TextEditingController(); @override Widget build(BuildContext context) { controller.model.msg = ""; controller.model.code = 0; controller.model.type = 1; controller.model.account = ''; 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( appBar: AppBar( backgroundColor: Colors.transparent, automaticallyImplyLeading: false, iconTheme: const IconThemeData(color: Colors.white), titleSpacing: 0, title: Container( 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: 0.rpx, child: returnIconButtomNew, ), ], ), ), actions: [], centerTitle: false, ), key: scaffoldKey, backgroundColor: Colors.transparent, body: SingleChildScrollView( child: Container( width: MediaQuery.sizeOf(context).width, height: MediaQuery.sizeOf(context).height * 1, child: Padding( padding: EdgeInsetsDirectional.fromSTEB(30.rpx, 0, 30.rpx, 0), child: Column( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB(0, 30.rpx, 0, 0), child: Container( width: MediaQuery.sizeOf(context).width, decoration: BoxDecoration( color: const Color(0xFF003058), borderRadius: BorderRadius.circular(16.rpx), ), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 30.rpx, 49.rpx, 30.rpx, 80.rpx), child: Column( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.center, children: [ Column( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( '将以下设备分享给您的家人或朋友 ', style: TextStyle( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 30.rpx, letterSpacing: 0.0, height: 1, ), ), Text( '设备ID：${data['mac']}', style: TextStyle( fontFamily: 'Readex Pro', color: const Color(0xFF6BFDAC), fontSize: 26.rpx, letterSpacing: 0.0, height: 1), ), ].divide(SizedBox(height: 65.rpx)), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 80.rpx, 0, 0), child: Container( width: MediaQuery.sizeOf(context).width, constraints: const BoxConstraints( minHeight: 46, ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(16.rpx), ), child: Align( alignment: const AlignmentDirectional(0, 0), child: Form( key: _formKey, child: TextFormField( controller: _phoneController, decoration: InputDecoration( hintText: '请输入对方手机号/邮箱号', hintStyle: TextStyle( fontFamily: 'Readex Pro', color: const Color(0xFF929699), fontSize: 36.rpx, ), enabledBorder: const UnderlineInputBorder( borderSide: BorderSide( color: Color(0xFF929699), width: 0), ), focusedBorder: const UnderlineInputBorder( borderSide: BorderSide( color: Color(0xFF929699), width: 0), ), errorBorder: const UnderlineInputBorder( borderSide: BorderSide( color: Colors.red, width: 0), ), focusedErrorBorder: const UnderlineInputBorder( borderSide: BorderSide( color: Colors.redAccent, width: 0), ), contentPadding: const EdgeInsets.only( left: 10, bottom: 5), ), style: TextStyle( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 36.rpx, ), onChanged: (value) { controller.model.account = value; }, ), )), ), ), ClickableContainer( backgroundColor: Colors.transparent, highlightColor: Colors.transparent, padding: EdgeInsets.only(top: 30.rpx), onTap: () {}, child: Container( decoration: const BoxDecoration( border: Border( bottom: BorderSide( color: Color(0xFF85F5FF), width: 0), // 下边线 ), ), child: Text( '点击复制APP下载链接', style: TextStyle( color: Color(0xFF85F5FF), // 蓝色文字 fontSize: 22.rpx, ), ), )), GestureDetector( onTap: () { // 当点击时，将 type 设置为 0（允许控制） controller.model.type = 1; controller.updateAll(); }, child: Container( margin: EdgeInsets.only(top: 76.rpx), width: MediaQuery.sizeOf(context).width, constraints: const BoxConstraints( minHeight: 46, ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(0), ), child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '允许对方控制该设备'.tr, style: TextStyle( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 26.rpx, letterSpacing: 0.0, ), ), Obx(() { double h = 33.rpx; bool check = controller.model.type == 1; return Container( height: 33.rpx, child: AspectRatio( aspectRatio: 1, child: Center( child: Container( height: h, width: h, decoration: BoxDecoration( borderRadius: BorderRadius.circular( h / 2), border: Border.all( width: check ? 1 : 0.5, color: Color(0xFFC8CBD2), ), ), child: check ? Center( child: ClipOval( child: Container( width: h * 0.6, height: h * 0.6, color: const Color( 0xFF6BFDAC), ), ), ) : null, ), ), ), ); }), ], ), ), ), // Obx( // () => GestureDetector( // onTap: () { // controller.model.type = 2; // controller.updateAll(); // }, // child: Container( // width: MediaQuery.sizeOf(context).width, // constraints: const BoxConstraints( // minHeight: 46, // ), // decoration: BoxDecoration( // borderRadius: // BorderRadius.circular(0), // ), // child: Row( // mainAxisSize: MainAxisSize.max, // mainAxisAlignment: // MainAxisAlignment.spaceBetween, // children: [ // Text( // '仅允许对方查看该设备'.tr, // style: TextStyle( // fontFamily: 'Readex Pro', // color: Colors.white, // fontSize: 26.rpx, // letterSpacing: 0.0, // ), // ), // // Theme( // // data: // // Theme.of(context).copyWith( // // unselectedWidgetColor: Color( // // 0xFFC8CBD2), // 改变未选中状态边框颜色 // // ), // // child: Radio( // // value: 2, // // groupValue: // // controller.model.type, // // onChanged: (value) { // // controller.model.type = // // value!; // // controller.updateAll(); // // }, // // activeColor: // // const Color(0xFF6BFDAC), // // materialTapTargetSize: // // MaterialTapTargetSize // // .shrinkWrap, // 减少内边距 // // visualDensity: VisualDensity( // // horizontal: -4, // // vertical: -4), // 缩小视觉密度 // // )) // ClipOval( // child: Container( // height: // MediaQuery.sizeOf(context) // .height * // 0.0449, // child: AspectRatio( // aspectRatio: 1, // child: Center( // child: LayoutBuilder( // builder: (context, // constraints) { // double h = // MediaQuery.sizeOf( // context) // .height * // 0.0326; // bool check = controller // .model.type == // 2; // if (check) { // return Container( // height: h, // width: h, // decoration: // BoxDecoration( // borderRadius: // BorderRadius // .circular( // h / 2), // border: Border.all( // width: 1, // color: Color( // 0xFF6BFDAC)), // ), // child: Center( // child: ClipOval( // child: Container( // width: // h * 0.6, // height: // h * 0.6, // color: Color( // 0xFF6BFDAC)), // ), // ), // ); // } else { // return Container( // height: h, // width: h, // decoration: // BoxDecoration( // borderRadius: // BorderRadius // .circular( // h / 2), // border: Border.all( // width: 0.5, // color: Colors // .white), // ), // ); // } // }, // ), // ), // ), // ), // ), // ], // ), // ), // ), // ), GestureDetector( onTap: () { controller.model.type = 2; controller.updateAll(); }, child: Container( width: MediaQuery.sizeOf(context).width, constraints: const BoxConstraints(minHeight: 46), decoration: BoxDecoration( borderRadius: BorderRadius.circular(0), ), child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '仅允许对方查看该设备'.tr, style: TextStyle( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 26.rpx, letterSpacing: 0.0, ), ), // ✅ 只包住响应式控件部分 Obx(() { double h = 33.rpx; bool check = controller.model.type == 2; return Container( height: 33.rpx, child: AspectRatio( aspectRatio: 1, child: Center( child: Container( height: h, width: h, decoration: BoxDecoration( borderRadius: BorderRadius.circular( h / 2), border: Border.all( width: check ? 1 : 0.5, color: Color(0xFFC8CBD2), ), ), child: check ? Center( child: ClipOval( child: Container( width: h * 0.6, height: h * 0.6, color: const Color( 0xFF6BFDAC), ), ), ) : null, ), ), ), ); }), ], ), ), ), Align( alignment: const AlignmentDirectional(0, 0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 46.rpx, 0, 0), child: Container( width: 108, height: 31, decoration: BoxDecoration(), child: FFButtonWidget( onPressed: () async { //todo 1:验证用户是否存在 2：发送邀请 ApiResponse apiResponse = await controller .shareDevice(data['mac']); if (apiResponse.code == HttpStatusCodes.ok) { TopSlideNotification.show(context, text: apiResponse.msg!); } else { TopSlideNotification.show(context, text: apiResponse.msg!, textColor: themeController .currentColor.sc9); } }, text: '发送邀请'.tr, options: FFButtonOptions( height: 60.rpx, padding: EdgeInsetsDirectional.fromSTEB( 30.rpx, 0, 30.rpx, 0), color: const Color(0xFF84F5FF), textStyle: TextStyle( fontFamily: 'Readex Pro', color: Color(0xFF011D33), fontSize: 26.rpx, letterSpacing: 0.0, ), elevation: 0, borderRadius: BorderRadius.circular(50), ), ), ), ), ), ], ), ), ), ), Expanded( child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 100.rpx, 0, 32.rpx), child: Container( width: MediaQuery.sizeOf(context).width, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.max, children: [ Align( alignment: const AlignmentDirectional(-1, 0), child: Padding( padding: const EdgeInsetsDirectional .fromSTEB(14, 0, 0, 16), child: Text( '已分享用户'.tr, style: TextStyle( fontFamily: 'Readex Pro', color: Colors.white, fontSize: 30.rpx, letterSpacing: 0.0, height: 1), ), ), ), Obx( () { // 检查 shareUser 是否为空或数量为 0 if (controller.model.shareUser == null || controller .model.shareUser!.isEmpty) { // return Container( // alignment: AlignmentDirectional // .centerStart, // 确保文字靠左对齐 // padding: EdgeInsets.symmetric( // horizontal: 16.0), // 根据需要设置内边距 // child: Text( // "暂无分享！", // textAlign: TextAlign.left, // 文字左对齐 // style: FlutterFlowTheme.of(context) // .bodyMedium, // 可根据需要自定义样式 // ), // ); return NullDataWidget(); // EmptyMessageWidget( // imagePath: // "assets/images/emptyUser.png", // ); } // 否则显示正常的 ListView return ListView( controller: scrollController, // 绑定 ScrollController shrinkWrap: true, scrollDirection: Axis.vertical, children: (controller.model.shareUser! .asMap() .entries .map((e) => ShareUserWidget( index: e.key, repairListController: controller)) .toList() as List) // .divide(const SizedBox( // height: 13, // )) .addToEnd(const SizedBox( height: AppConstants.list_end_height, )), ); }, ), ], ), ), ), ), ), ], ), ), ), )), )); } }