import 'package:easydevice/easydevice.dart'; import 'package:ef/ef.dart'; import 'package:flutter/material.dart'; import 'package:flutter_svg/svg.dart'; import 'package:flutterflow_ui/flutterflow_ui.dart'; import 'package:vbvs_app/common/color/appConstants.dart'; import 'package:vbvs_app/common/util/FitTool.dart'; import 'package:vbvs_app/common/util/MyUtils.dart'; import 'package:vbvs_app/component/tool/ClickableContainer.dart'; import 'package:vbvs_app/component/tool/CustomCard.dart'; import 'package:vbvs_app/component/tool/TopSlideNotification.dart'; import 'package:vbvs_app/component/tool/cmd.dart'; import 'package:vbvs_app/controller/device/blueteeth_bind_controller.dart'; import 'package:vbvs_app/controller/main_bottom/global_controller.dart'; import 'package:vbvs_app/controller/person/person_controller.dart'; import 'package:vbvs_app/controller/theme_controller/ThemeController.dart'; import 'package:vbvs_app/controller/user_info_controller.dart'; import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart'; class WifiPage extends StatefulWidget { var type; WifiPage({super.key, required this.type}); @override State createState() => _WifiPageState(); } class _WifiPageState extends State { GlobalController globalController = Get.find(); UserInfoController userInfoController = Get.find(); BlueteethBindController blueteethBindController = Get.find(); PersonController personController = Get.find(); ThemeController themeController = Get.find(); var lisObj; @override void initState() { super.initState(); blueteethBindController.wifiList = [].obs; blueteethBindController.wifiStatus = 0.obs; blueteethBindController.connect_wifi.value = {}; initWifiStatusAndWifiList(); } @override void dispose() { super.dispose(); if (lisObj != null) { lisObj.cancel(); } blueteethBindController.currentDevice!.disconnect(); } @override Widget build(BuildContext context) { print("object"); return LayoutBuilder( builder: (context, bodySize) => GestureDetector( onTap: () => FocusScope.of(context).unfocus(), child: Container( decoration: BoxDecoration( image: DecorationImage( image: AssetImage('assets/img/bgNoImg.png'), // 本地图片 fit: BoxFit.fill, // 填满整个 Container ), ), child: Scaffold( backgroundColor: Colors.transparent, // 加上这一行 appBar: AppBar( backgroundColor: themeController.currentColor.sc17, automaticallyImplyLeading: false, iconTheme: IconThemeData(color: themeController.currentColor.sc3), titleSpacing: 0, // leading: returnIconButtom, title: Container( width: double.infinity, height: 180.rpx, child: Stack( alignment: Alignment.center, children: [ /// 居中标题 Text( 'wifi页.标题'.tr, style: FlutterFlowTheme.of(context).bodyMedium.override( fontFamily: 'Readex Pro', color: themeController.currentColor.sc3, letterSpacing: 0, fontSize: 30.rpx, ), ), /// 左边返回按钮 Positioned( left: 0, child: returnIconButtom, ), if (widget.type == null) Positioned( right: 20.rpx, child: CustomCard( borderRadius: 20.rpx, onTap: () async { if (blueteethBindController.wifiStatus.value != 1) { TopSlideNotification.show( context, text: "wifi页.需配网".tr, textColor: themeController.currentColor.sc9, ); } else { Get.toNamed("/calibrationPage", arguments: 1); } }, colors: [ themeController.currentColor.sc1, themeController.currentColor.sc2, ], child: Container( width: 100.rpx, height: 60.rpx, alignment: Alignment.center, padding: EdgeInsetsDirectional.fromSTEB( 16.rpx, 0, 16.rpx, 0), child: Text( 'wifi页.跳过'.tr, style: FlutterFlowTheme.of(context) .titleSmall .override( fontFamily: 'Inter Tight', color: themeController.currentColor.sc3, letterSpacing: 0.0, ), ), ), ), ), ], ), ), actions: [], centerTitle: false, ), body: SafeArea( top: true, child: Padding( padding: EdgeInsetsDirectional.fromSTEB(30.rpx, 0, 30.rpx, 0), child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB(0, 30.rpx, 0, 0), child: Container( width: double.infinity, decoration: BoxDecoration( color: Color(0xFF242835), borderRadius: BorderRadius.circular(20.rpx), ), child: Column( children: [ Align( alignment: AlignmentDirectional(0, 0), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 30.rpx, 30.rpx, 30.rpx, 30.rpx), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "wifi页.WLAN".tr, style: TextStyle( color: themeController .currentColor.sc3, fontSize: AppConstants() .title_text_fontSize, ), ), Obx(() { return Text( blueteethBindController .wifiStatus.value == 0 ? "wifi页.未连接".tr : "wifi页.已连接".tr, style: TextStyle( color: blueteethBindController .wifiStatus.value == 0 ? themeController .currentColor.sc4 : themeController .currentColor.sc2, fontSize: AppConstants() .normal_text_fontSize, ), ); }), ], ), ), ), Obx(() { if (blueteethBindController .connect_wifi.value == null || blueteethBindController .connect_wifi.value.isEmpty) { return Container(); } else { return Padding( padding: EdgeInsetsDirectional.fromSTEB( 30.rpx, 0.rpx, 30.rpx, 30.rpx), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( blueteethBindController.connect_wifi .value['ssid'] ?? '未命名'.tr, style: TextStyle( color: themeController .currentColor.sc3, fontSize: AppConstants() .title_text_fontSize, ), ), getWifiIconByRsso( blueteethBindController .connect_wifi.value), ], ), ); } }) ], )), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.rpx, 25.rpx, 0.rpx, 0.rpx), child: Container( width: double.infinity, decoration: BoxDecoration( color: themeController.currentColor.sc5, borderRadius: BorderRadius.circular(20.rpx), ), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 30.rpx, 30.rpx, 30.rpx, 30.rpx), child: Container( width: double.infinity, decoration: BoxDecoration(), child: Column( mainAxisSize: MainAxisSize.max, children: [ Row( mainAxisSize: MainAxisSize.max, children: [ Text( '可用WLAN'.tr, style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Inter', fontSize: 30.rpx, letterSpacing: 0.0, color: themeController .currentColor.sc3, ), ), ], ), Obx(() { final sortedList = [ ...blueteethBindController.wifiList.value ]..sort((a, b) => b['rssi'] .compareTo(a['rssi'])); // 按 rssi 倒序 return Column( mainAxisSize: MainAxisSize.max, children: sortedList .map((wifiItem) => ClickableContainer( backgroundColor: Colors.transparent, highlightColor: themeController .currentColor.sc3, padding: EdgeInsets.symmetric( vertical: 0.rpx, horizontal: 0.rpx), borderRadius: 16.rpx, onTap: () { showWifiDialog( context, Padding( padding: EdgeInsetsDirectional .fromSTEB( 0.rpx, 41.rpx, 0.rpx, 0), child: Container( height: 80.rpx, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius .circular(12 .rpx), // 加圆角 ), child: Align( alignment: AlignmentDirectional( -1, 0), child: Obx(() { return TextFormField( onChanged: (value) { blueteethBindController .model .wifiPass = value; }, autofocus: false, obscureText: blueteethBindController .model .wifiPassShow, decoration: InputDecoration( isDense: true, labelStyle: FlutterFlowTheme.of( context) .labelMedium .override( fontFamily: 'Inter', fontSize: 26.rpx, letterSpacing: 0.0, ), hintText: '蓝牙绑定.输入wifi密码' .tr, hintStyle: FlutterFlowTheme.of(context).labelMedium.override( fontFamily: 'Inter', fontSize: 26 .rpx, letterSpacing: 0.0, color: themeController .currentColor .sc4), enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0x00000000), width: 1 .rpx, ), borderRadius: BorderRadius.circular( 8.rpx), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: Color( 0x00000000), width: 1 .rpx, ), borderRadius: BorderRadius.circular( 8.rpx), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterFlowTheme.of(context) .error, width: 1 .rpx, ), borderRadius: BorderRadius.circular( 8.rpx), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( color: FlutterFlowTheme.of(context) .error, width: 1 .rpx, ), borderRadius: BorderRadius.circular( 8.rpx), ), filled: false, fillColor: FlutterFlowTheme.of( context) .secondaryBackground, suffixIcon: InkWell( onTap: () { blueteethBindController .model .wifiPassShow = !blueteethBindController.model.wifiPassShow; blueteethBindController .updateAll(); }, focusNode: FocusNode( skipTraversal: true), child: Icon( blueteethBindController.model.wifiPassShow ? Icons.visibility_outlined : Icons.visibility_off_outlined, size: 30 .rpx, ), ), ), style: FlutterFlowTheme.of(context).bodyMedium.override( fontFamily: 'Inter', fontSize: 26 .rpx, letterSpacing: 0.0, color: Colors .black), cursorColor: themeController .currentColor .sc3, ); })), ), ), wifiItem['ssid'] ?? '未命名'.tr, onConfirm: () async { showLoadingDialog( context); // 显示 loading bool flag = await sendWifiSetting( wifiItem, blueteethBindController .model.wifiPass!, blueteethBindController .currentDevice!); // Navigator.pop(context); if (flag) { // bool wifiStatus = // await getWifiStatus( // blueteethBindController // .currentDevice!); bool wifiStatus = false; var aa = await getDeviceWifiStatus( blueteethBindController .currentDevice!, 20); if (aa != null && aa is Map) { wifiStatus = true; blueteethBindController .connect_wifi .value = aa; } else { blueteethBindController .connect_wifi .value = {}; } blueteethBindController .wifiStatus .value = wifiStatus == true ? 1 : 0; blueteethBindController .wifiStatus .value = wifiStatus == true ? 1 : 0; if (wifiStatus) { Navigator.pop(context); TopSlideNotification .show( context, text: "wifi页.配网成功".tr, textColor: themeController .currentColor .sc2, ); blueteethBindController .wifiStatus .value = 1; blueteethBindController .updateAll(); } else { Navigator.pop(context); TopSlideNotification .show( context, text: "wifi页.配网失败".tr, textColor: themeController .currentColor .sc9, ); blueteethBindController .wifiStatus .value = 0; blueteethBindController .updateAll(); } } else { Navigator.pop(context); TopSlideNotification.show( context, text: "wifi页.配网失败".tr, textColor: themeController .currentColor .sc9, ); blueteethBindController .wifiStatus.value = 0; blueteethBindController .updateAll(); } }); }, child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment .spaceBetween, children: [ Text( wifiItem['ssid'] ?? '', style: FlutterFlowTheme .of(context) .bodyMedium .override( fontFamily: 'Inter', fontSize: 30.rpx, letterSpacing: 0.0, color: themeController .currentColor .sc3, ), ), getWifiIconByRsso(wifiItem), ], ), )) .toList() .divide(SizedBox(height: 67.rpx)), ); }), ClickableContainer( backgroundColor: Colors.transparent, highlightColor: Colors.white, padding: EdgeInsets.symmetric( horizontal: 20.rpx, vertical: 10.rpx), borderRadius: 20.rpx, onTap: () async { print("点击刷新"); await initWifiList(); TopSlideNotification.show( context, text: "获取wifi列表成功".tr, textColor: themeController.currentColor.sc2, ); }, child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: 25.rpx, height: 25.rpx, decoration: BoxDecoration(), child: SvgPicture.asset( 'assets/img/icon/refresh.svg', fit: BoxFit.cover, color: Colors.white, // 图标固定白色 ), ), Text( '刷新'.tr, style: FlutterFlowTheme.of(context) .bodyMedium .override( fontFamily: 'Inter', fontSize: 30.rpx, letterSpacing: 0.0, color: themeController .currentColor.sc3, ), ), ].divide(SizedBox(width: 26.rpx)), ), ), ].divide(SizedBox(height: 65.rpx)), ), ), ), ), ), ], ), ), ), ), ), ), ), ); } Widget _buildDeviceCard(BuildContext context, {required String title, required String imageUrl, required String type}) { return CustomCard( borderRadius: 20.rpx, // 圆角大小 onTap: () { if (type != null) { if (type == '1') { Get.toNamed("/blueteethDevice"); } } }, colors: [themeController.currentColor.sc17], // 背景色 child: Container( width: double.infinity, height: MediaQuery.sizeOf(context).height * 0.135, constraints: BoxConstraints( minHeight: 220.rpx, ), padding: EdgeInsetsDirectional.fromSTEB(77.rpx, 0, 21.rpx, 0), child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( title, style: FlutterFlowTheme.of(context).bodyMedium.override( fontFamily: 'Inter', color: const Color(0xFFC2CED7), fontSize: 30.rpx, letterSpacing: 0.0, ), ), ClipRRect( borderRadius: BorderRadius.circular(8.rpx), child: Image.asset( imageUrl, width: 212.rpx, height: 168.rpx, ), ), ], ), ), ); } void initWifiStatusAndWifiList() { if (lisObj != null) { lisObj!.cancel(); } lisObj = blueteethBindController.currentDevice!.statusStream .listen((onData) async { if (onData.status == BleEventType.recvLineLog) { final line = onData.val; print("[bleee]:" + line); } if (onData.status == BleEventType.ready) { showLoadingDialog(context, title: "获取wifi列表中...".tr); bool wifiStatus = false; var aa = await getDeviceWifiStatus( blueteethBindController.currentDevice!, 10); if (aa != null && aa is Map) { wifiStatus = true; blueteethBindController.connect_wifi.value = aa; } blueteethBindController.wifiStatus.value = wifiStatus == true ? 1 : 0; List wifiList = await getWifiList(blueteethBindController.currentDevice!); if (wifiList.length > 0) { Navigator.pop(context); TopSlideNotification.show( context, text: "获取wifi列表成功".tr, textColor: themeController.currentColor.sc2, ); blueteethBindController.wifiList.value = wifiList; blueteethBindController.updateAll(); } else { Navigator.pop(context); TopSlideNotification.show( context, text: "获取wifi列表失败".tr, textColor: themeController.currentColor.sc9, ); } } }); } initWifiList() async { try { var wifiList = await getWifiList(blueteethBindController.currentDevice!); print(wifiList); if (wifiList.length > 0) { blueteethBindController.wifiList.value = wifiList; blueteethBindController.updateAll(); } return wifiList; } catch (e) { print(e); TopSlideNotification.show( context, text: "获取wifi列表失败".tr, textColor: themeController.currentColor.sc9, ); } } getWifiIconByRsso(wifiItem) { int? rssi = int.tryParse(wifiItem['rssi'].toString()); if (rssi != null) { if (rssi >= -30) { return Container( width: 40.rpx, height: 40.rpx, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(shape: BoxShape.circle), child: Image.asset("assets/img/wifi4.png"), ); } else if (rssi >= -45) { return Container( width: 40.rpx, height: 40.rpx, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(shape: BoxShape.circle), child: Image.asset("assets/img/wifi3.png"), ); } else if (rssi >= -60) { return Container( width: 40.rpx, height: 40.rpx, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(shape: BoxShape.circle), child: Image.asset("assets/img/wifi3.png"), ); } else { return Container( width: 40.rpx, height: 40.rpx, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(shape: BoxShape.circle), child: Image.asset("assets/img/wifi1.png"), ); } } else { // RSSI 无法解析时的默认显示 return Container( width: 40.rpx, height: 40.rpx, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(shape: BoxShape.circle), child: Image.asset("assets/img/wifi1.png"), ); } } }