13 changed files with 1031 additions and 34 deletions
@ -0,0 +1,154 @@ |
|||||
|
import 'dart:io'; |
||||
|
|
||||
|
import 'package:device_jieli/device_jieli.dart'; |
||||
|
|
||||
|
import '../../core/utils/logger.dart'; |
||||
|
|
||||
|
/// 杰理设备广播包解析结果：从扫描到的 [JieliDevice.rawAdv] 中提取出 |
||||
|
/// 服务端绑定接口需要的 PID / MAC / 设备授权码 (code)。 |
||||
|
class JieliBindInfo { |
||||
|
/// 产品 ID（小端字节解析） |
||||
|
final int pid; |
||||
|
|
||||
|
/// 设备真实 MAC（XOR 0x5A 解码后），格式 "AA:BB:CC:DD:EE:FF" |
||||
|
final String mac; |
||||
|
|
||||
|
/// 设备授权码 (license / SN)，hex 大写 |
||||
|
final String code; |
||||
|
|
||||
|
/// 解析得到的 PID 是否与扫描结果上的 BLE/EDR 地址一致 |
||||
|
/// （仅用于日志，不强制要求一致） |
||||
|
final bool macMatchesAddress; |
||||
|
|
||||
|
const JieliBindInfo({ |
||||
|
required this.pid, |
||||
|
required this.mac, |
||||
|
required this.code, |
||||
|
required this.macMatchesAddress, |
||||
|
}); |
||||
|
|
||||
|
@override |
||||
|
String toString() => |
||||
|
'JieliBindInfo(pid=0x${pid.toRadixString(16).toUpperCase()}, mac=$mac, code=$code, match=$macMatchesAddress)'; |
||||
|
} |
||||
|
|
||||
|
/// 杰理 BLE 广播解析。 |
||||
|
/// |
||||
|
/// 字节布局（与旧版一致，基于扫到的 raw scanRecord 字节）： |
||||
|
/// Android： |
||||
|
/// - bytes[6..7] → PID |
||||
|
/// - bytes[9..14] → MAC（每字节 XOR 0x5A） |
||||
|
/// - bytes[15..24] → 授权码 code |
||||
|
/// iOS： |
||||
|
/// - bytes[4..5] → PID |
||||
|
/// - bytes[7..12] → MAC（每字节 XOR 0x5A） |
||||
|
/// - bytes[13..22] → 授权码 code |
||||
|
class JieliAdvParser { |
||||
|
static const String _tag = 'JieliAdvParser'; |
||||
|
|
||||
|
/// 用 [device.rawAdv] 直接解析。若 raw 数据不完整或 device 未携带广播包，返回 null。 |
||||
|
static JieliBindInfo? parse(JieliDevice device) { |
||||
|
final raw = device.rawAdv; |
||||
|
if (raw == null || raw.isEmpty) { |
||||
|
Logger.w(_tag, '设备 ${device.address} 没有 rawAdv，无法解析绑定信息'); |
||||
|
return null; |
||||
|
} |
||||
|
return parseHex(raw, deviceAddress: device.address); |
||||
|
} |
||||
|
|
||||
|
/// 直接对 hex 字符串解析，便于测试。 |
||||
|
static JieliBindInfo? parseHex(String hex, {String? deviceAddress}) { |
||||
|
final bytes = _hexToBytes(hex); |
||||
|
if (bytes == null) { |
||||
|
Logger.w(_tag, 'rawAdv 不是合法 hex: $hex'); |
||||
|
return null; |
||||
|
} |
||||
|
|
||||
|
final int pidStart; |
||||
|
final int pidEnd; |
||||
|
final int macStart; |
||||
|
final int macEnd; |
||||
|
final int codeStart; |
||||
|
final int codeEnd; |
||||
|
|
||||
|
if (Platform.isIOS) { |
||||
|
pidStart = 4; |
||||
|
pidEnd = 5; |
||||
|
macStart = 7; |
||||
|
macEnd = 12; |
||||
|
codeStart = 13; |
||||
|
codeEnd = 22; |
||||
|
} else { |
||||
|
// Android 默认；其他平台沿用 Android 偏移。 |
||||
|
pidStart = 6; |
||||
|
pidEnd = 7; |
||||
|
macStart = 9; |
||||
|
macEnd = 14; |
||||
|
codeStart = 15; |
||||
|
codeEnd = 24; |
||||
|
} |
||||
|
|
||||
|
if (bytes.length <= codeEnd) { |
||||
|
Logger.w(_tag, |
||||
|
'rawAdv 长度不足 ${codeEnd + 1} 字节（实际 ${bytes.length}），跳过解析'); |
||||
|
return null; |
||||
|
} |
||||
|
|
||||
|
final pid = _bytesToIntBigEndian(bytes, pidStart, pidEnd); |
||||
|
final mac = _decodeMac(bytes, macStart, macEnd); |
||||
|
final code = _bytesToHexReversed(bytes, codeStart, codeEnd); |
||||
|
|
||||
|
bool match = false; |
||||
|
if (deviceAddress != null && deviceAddress.isNotEmpty) { |
||||
|
final a = deviceAddress.replaceAll(':', '').toUpperCase(); |
||||
|
final b = mac.replaceAll(':', '').toUpperCase(); |
||||
|
match = a == b; |
||||
|
} |
||||
|
|
||||
|
final info = JieliBindInfo( |
||||
|
pid: pid, |
||||
|
mac: mac, |
||||
|
code: code, |
||||
|
macMatchesAddress: match, |
||||
|
); |
||||
|
Logger.i(_tag, '解析广播: $info (deviceAddress=$deviceAddress)'); |
||||
|
return info; |
||||
|
} |
||||
|
|
||||
|
static List<int>? _hexToBytes(String hex) { |
||||
|
final s = hex.startsWith('0x') || hex.startsWith('0X') ? hex.substring(2) : hex; |
||||
|
if (s.length.isOdd) return null; |
||||
|
final out = <int>[]; |
||||
|
for (int i = 0; i < s.length; i += 2) { |
||||
|
final v = int.tryParse(s.substring(i, i + 2), radix: 16); |
||||
|
if (v == null) return null; |
||||
|
out.add(v); |
||||
|
} |
||||
|
return out; |
||||
|
} |
||||
|
|
||||
|
static int _bytesToIntBigEndian(List<int> bytes, int start, int end) { |
||||
|
int result = 0; |
||||
|
for (int i = start; i <= end; i++) { |
||||
|
result = (result << 8) | (bytes[i] & 0xFF); |
||||
|
} |
||||
|
return result; |
||||
|
} |
||||
|
|
||||
|
static String _bytesToHexReversed(List<int> bytes, int start, int end) { |
||||
|
final slice = bytes.sublist(start, end + 1); |
||||
|
return slice |
||||
|
.map((b) => b.toRadixString(16).padLeft(2, '0')) |
||||
|
.join() |
||||
|
.toUpperCase(); |
||||
|
} |
||||
|
|
||||
|
static String _decodeMac(List<int> bytes, int start, int end) { |
||||
|
final out = <String>[]; |
||||
|
for (int i = start; i <= end; i++) { |
||||
|
final decoded = bytes[i] ^ 0x5A; |
||||
|
out.add(decoded.toRadixString(16).padLeft(2, '0').toUpperCase()); |
||||
|
} |
||||
|
return out.join(':'); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,10 @@ |
|||||
|
import 'package:get/get.dart'; |
||||
|
|
||||
|
import '../controllers/my_devices_controller.dart'; |
||||
|
|
||||
|
class MyDevicesBinding extends Bindings { |
||||
|
@override |
||||
|
void dependencies() { |
||||
|
Get.lazyPut<MyDevicesController>(() => MyDevicesController()); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,96 @@ |
|||||
|
import 'package:get/get.dart'; |
||||
|
|
||||
|
import '/core/utils/logger.dart'; |
||||
|
import '/data/models/user_Info.dart'; |
||||
|
import '/data/services/ble_manager.dart'; |
||||
|
import '/data/services/network/api.dart'; |
||||
|
import '/routes/app_routes.dart'; |
||||
|
|
||||
|
/// 用户已绑定设备管理页：拉取用户绑定列表、解绑。 |
||||
|
class MyDevicesController extends GetxController { |
||||
|
static const String _tag = 'MyDevicesController'; |
||||
|
|
||||
|
late final BleManager _bleManager; |
||||
|
|
||||
|
/// 按设备类型分组的已绑定设备 |
||||
|
final RxMap<int, List<UserDevice>> devicesByType = |
||||
|
<int, List<UserDevice>>{}.obs; |
||||
|
|
||||
|
final RxBool isLoading = false.obs; |
||||
|
|
||||
|
@override |
||||
|
void onInit() { |
||||
|
super.onInit(); |
||||
|
_bleManager = Get.find<BleManager>(); |
||||
|
_refreshFromUser(); |
||||
|
Future.microtask(loadDevices); |
||||
|
} |
||||
|
|
||||
|
/// 从服务端拉取最新的设备列表，并刷新 [User.instance.devices]。 |
||||
|
Future<void> loadDevices() async { |
||||
|
if (!User.isLoggedIn()) return; |
||||
|
isLoading.value = true; |
||||
|
try { |
||||
|
final response = await Api.getdevices(); |
||||
|
if (response != null) { |
||||
|
final list = response['devices'] as List<dynamic>?; |
||||
|
if (list != null) { |
||||
|
User.instance.devices = list |
||||
|
.map((e) => UserDevice.fromJson(e as Map<String, dynamic>)) |
||||
|
.toList(); |
||||
|
} else { |
||||
|
User.instance.devices = []; |
||||
|
} |
||||
|
Logger.i(_tag, '设备列表刷新完成: ${User.instance.devices.length} 条'); |
||||
|
} |
||||
|
} catch (e) { |
||||
|
Logger.e(_tag, '获取设备列表失败: $e'); |
||||
|
} finally { |
||||
|
_refreshFromUser(); |
||||
|
isLoading.value = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// 解绑设备：调接口成功后从本地列表移除；如果是当前连接的设备，断开并跳到扫描页。 |
||||
|
Future<void> unbindDevice(UserDevice device) async { |
||||
|
try { |
||||
|
final response = await Api.unbinddevice({'id': device.id}); |
||||
|
Logger.i(_tag, '解绑接口返回: $response'); |
||||
|
if (response == null) return; |
||||
|
|
||||
|
User.instance.removeUserDevice(device.id); |
||||
|
_refreshFromUser(); |
||||
|
|
||||
|
if (device.devicemac.isNotEmpty && |
||||
|
_bleManager.currentDeviceAddress == device.devicemac) { |
||||
|
Logger.i(_tag, '解绑的设备就是当前连接，断开并回到扫描页'); |
||||
|
await _bleManager.disconnect(); |
||||
|
await Future.delayed(const Duration(milliseconds: 300)); |
||||
|
Get.offAllNamed(Routes.devices); |
||||
|
} |
||||
|
} catch (e) { |
||||
|
Logger.e(_tag, '解绑异常: $e'); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
void _refreshFromUser() { |
||||
|
final grouped = <int, List<UserDevice>>{}; |
||||
|
if (User.isLoggedIn()) { |
||||
|
for (final d in User.instance.devices) { |
||||
|
grouped.putIfAbsent(d.devicetype, () => <UserDevice>[]).add(d); |
||||
|
} |
||||
|
} |
||||
|
devicesByType.value = grouped; |
||||
|
devicesByType.refresh(); |
||||
|
} |
||||
|
|
||||
|
bool isConnected(UserDevice device) { |
||||
|
if (device.devicemac.isEmpty) return false; |
||||
|
return _bleManager.isConnected && |
||||
|
_bleManager.currentDeviceAddress == device.devicemac; |
||||
|
} |
||||
|
|
||||
|
void goToScan() { |
||||
|
Get.toNamed(Routes.devices); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,581 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
import 'package:get/get.dart'; |
||||
|
|
||||
|
import '/data/models/user_Info.dart'; |
||||
|
import '../controllers/my_devices_controller.dart'; |
||||
|
|
||||
|
enum _MyDeviceCategory { |
||||
|
unknown(0), |
||||
|
classicHeadset(1), |
||||
|
bleHeadset(2), |
||||
|
voiceRecorder(4), |
||||
|
smartEye(5); |
||||
|
|
||||
|
const _MyDeviceCategory(this.value); |
||||
|
final int value; |
||||
|
|
||||
|
static _MyDeviceCategory fromValue(int value) => |
||||
|
_MyDeviceCategory.values.firstWhere( |
||||
|
(c) => c.value == value, |
||||
|
orElse: () => _MyDeviceCategory.unknown, |
||||
|
); |
||||
|
|
||||
|
String get displayName { |
||||
|
switch (this) { |
||||
|
case _MyDeviceCategory.unknown: |
||||
|
return 'deviceTypeUnknown'.tr; |
||||
|
case _MyDeviceCategory.classicHeadset: |
||||
|
return 'deviceTypeClassicBluetoothHeadset'.tr; |
||||
|
case _MyDeviceCategory.bleHeadset: |
||||
|
return 'deviceTypeBleBluetoothHeadset'.tr; |
||||
|
case _MyDeviceCategory.voiceRecorder: |
||||
|
return 'deviceTypeSmartVoiceRecorder'.tr; |
||||
|
case _MyDeviceCategory.smartEye: |
||||
|
return 'deviceTypeSmartEye'.tr; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
IconData get icon { |
||||
|
switch (this) { |
||||
|
case _MyDeviceCategory.classicHeadset: |
||||
|
case _MyDeviceCategory.bleHeadset: |
||||
|
return Icons.headphones; |
||||
|
case _MyDeviceCategory.voiceRecorder: |
||||
|
return Icons.mic; |
||||
|
case _MyDeviceCategory.smartEye: |
||||
|
return Icons.visibility; |
||||
|
default: |
||||
|
return Icons.device_unknown; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
class MyDevicesView extends GetView<MyDevicesController> { |
||||
|
const MyDevicesView({super.key}); |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
final isDark = Theme.of(context).brightness == Brightness.dark; |
||||
|
final bg = isDark ? const Color(0xFF0A0A0F) : const Color(0xFFF5F6FA); |
||||
|
final topBg = isDark ? const Color(0xFF0F1018) : const Color(0xFFF0F1F6); |
||||
|
|
||||
|
return Scaffold( |
||||
|
backgroundColor: bg, |
||||
|
body: Column( |
||||
|
children: [ |
||||
|
_buildTopArea(context, isDark, bg), |
||||
|
Expanded(child: _buildDevicesList(isDark, topBg)), |
||||
|
_buildAddDeviceButton(isDark), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _buildTopArea(BuildContext context, bool isDark, Color bg) { |
||||
|
return Container( |
||||
|
padding: EdgeInsets.only( |
||||
|
top: MediaQuery.of(context).padding.top + 8.h, |
||||
|
left: 20.w, |
||||
|
right: 20.w, |
||||
|
bottom: 20.h, |
||||
|
), |
||||
|
decoration: BoxDecoration(color: bg), |
||||
|
child: Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Row( |
||||
|
children: [ |
||||
|
GestureDetector( |
||||
|
onTap: () => Get.back(), |
||||
|
child: Container( |
||||
|
width: 40.w, |
||||
|
height: 40.w, |
||||
|
decoration: BoxDecoration( |
||||
|
shape: BoxShape.circle, |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.06) |
||||
|
: Colors.black.withValues(alpha: 0.04), |
||||
|
), |
||||
|
child: Icon( |
||||
|
Icons.arrow_back_ios_new, |
||||
|
size: 18.sp, |
||||
|
color: isDark ? Colors.white : const Color(0xFF222222), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
SizedBox(width: 16.w), |
||||
|
Expanded( |
||||
|
child: Text( |
||||
|
'deviceManagement'.tr, |
||||
|
style: TextStyle( |
||||
|
fontSize: 24.sp, |
||||
|
fontWeight: FontWeight.w800, |
||||
|
color: isDark ? Colors.white : const Color(0xFF111111), |
||||
|
letterSpacing: -0.5, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
Obx(() => controller.isLoading.value |
||||
|
? SizedBox( |
||||
|
width: 18.w, |
||||
|
height: 18.w, |
||||
|
child: const CircularProgressIndicator(strokeWidth: 2), |
||||
|
) |
||||
|
: IconButton( |
||||
|
onPressed: controller.loadDevices, |
||||
|
icon: Icon( |
||||
|
Icons.refresh, |
||||
|
size: 20.sp, |
||||
|
color: isDark ? Colors.white70 : Colors.black54, |
||||
|
), |
||||
|
)), |
||||
|
], |
||||
|
), |
||||
|
SizedBox(height: 16.h), |
||||
|
Obx(() { |
||||
|
final total = controller.devicesByType.values |
||||
|
.fold<int>(0, (sum, list) => sum + list.length); |
||||
|
final connected = controller.devicesByType.values |
||||
|
.expand((list) => list) |
||||
|
.where(controller.isConnected) |
||||
|
.length; |
||||
|
return Row( |
||||
|
children: [ |
||||
|
_buildSummaryCard( |
||||
|
number: '$total', |
||||
|
label: 'boundDevices'.tr, |
||||
|
isActive: true, |
||||
|
isDark: isDark), |
||||
|
SizedBox(width: 12.w), |
||||
|
_buildSummaryCard( |
||||
|
number: '$connected', |
||||
|
label: 'currentConnection'.tr, |
||||
|
isActive: false, |
||||
|
isDark: isDark), |
||||
|
], |
||||
|
); |
||||
|
}), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _buildSummaryCard({ |
||||
|
required String number, |
||||
|
required String label, |
||||
|
required bool isActive, |
||||
|
required bool isDark, |
||||
|
}) { |
||||
|
final activeGradient = isDark |
||||
|
? [ |
||||
|
const Color(0xFF6366F1).withValues(alpha: 0.15), |
||||
|
const Color(0xFF8B5CF6).withValues(alpha: 0.1), |
||||
|
] |
||||
|
: [const Color(0xFFEEF2FF), const Color(0xFFF5F3FF)]; |
||||
|
|
||||
|
return Expanded( |
||||
|
child: Container( |
||||
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 14.h), |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(16.r), |
||||
|
gradient: isActive ? LinearGradient(colors: activeGradient) : null, |
||||
|
color: isActive |
||||
|
? null |
||||
|
: (isDark |
||||
|
? Colors.white.withValues(alpha: 0.04) |
||||
|
: Colors.white), |
||||
|
border: Border.all( |
||||
|
color: isActive |
||||
|
? const Color(0xFF6366F1).withValues(alpha: 0.18) |
||||
|
: (isDark |
||||
|
? Colors.white.withValues(alpha: 0.06) |
||||
|
: Colors.black.withValues(alpha: 0.04)), |
||||
|
), |
||||
|
), |
||||
|
child: Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
number, |
||||
|
style: TextStyle( |
||||
|
fontSize: 22.sp, |
||||
|
fontWeight: FontWeight.w700, |
||||
|
color: isActive |
||||
|
? (isDark |
||||
|
? const Color(0xFFA5B4FC) |
||||
|
: const Color(0xFF6366F1)) |
||||
|
: (isDark ? Colors.white : const Color(0xFF222222)), |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 2.h), |
||||
|
Text( |
||||
|
label, |
||||
|
style: TextStyle( |
||||
|
fontSize: 11.sp, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.5) |
||||
|
: const Color(0xFF999999), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _buildDevicesList(bool isDark, Color topBg) { |
||||
|
return Obx(() { |
||||
|
final groups = controller.devicesByType; |
||||
|
if (groups.isEmpty) { |
||||
|
return _buildEmptyState(isDark); |
||||
|
} |
||||
|
return ListView( |
||||
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 16.h), |
||||
|
children: groups.entries.map((entry) { |
||||
|
final category = _MyDeviceCategory.fromValue(entry.key); |
||||
|
final list = entry.value; |
||||
|
return Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Padding( |
||||
|
padding: EdgeInsets.only(left: 8.w, bottom: 10.h), |
||||
|
child: Text( |
||||
|
category.displayName.toUpperCase(), |
||||
|
style: TextStyle( |
||||
|
fontSize: 12.sp, |
||||
|
fontWeight: FontWeight.w600, |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.25) |
||||
|
: const Color(0xFFAAAAAA), |
||||
|
letterSpacing: 1.2, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
...list.map((d) => _buildDeviceCard(d, category, isDark)), |
||||
|
SizedBox(height: 14.h), |
||||
|
], |
||||
|
); |
||||
|
}).toList(), |
||||
|
); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
Widget _buildEmptyState(bool isDark) { |
||||
|
return Center( |
||||
|
child: Padding( |
||||
|
padding: EdgeInsets.symmetric(horizontal: 32.w), |
||||
|
child: Column( |
||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||
|
children: [ |
||||
|
Icon( |
||||
|
Icons.devices_other, |
||||
|
size: 72.sp, |
||||
|
color: isDark ? Colors.white54 : Colors.grey[400], |
||||
|
), |
||||
|
SizedBox(height: 16.h), |
||||
|
Text( |
||||
|
'noDevicesBound'.tr, |
||||
|
style: TextStyle( |
||||
|
fontSize: 16.sp, |
||||
|
color: isDark ? Colors.white70 : Colors.grey[700], |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 8.h), |
||||
|
Text( |
||||
|
'pleaseBindDeviceFirst'.tr, |
||||
|
textAlign: TextAlign.center, |
||||
|
style: TextStyle( |
||||
|
fontSize: 13.sp, |
||||
|
color: isDark ? Colors.white54 : Colors.grey[500], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _buildDeviceCard( |
||||
|
UserDevice device, _MyDeviceCategory category, bool isDark) { |
||||
|
final connected = controller.isConnected(device); |
||||
|
const connectedColor = Color(0xFF22C55E); |
||||
|
|
||||
|
return Container( |
||||
|
margin: EdgeInsets.only(bottom: 10.h), |
||||
|
padding: EdgeInsets.all(18.w), |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(18.r), |
||||
|
color: isDark |
||||
|
? (connected |
||||
|
? connectedColor.withValues(alpha: 0.04) |
||||
|
: Colors.white.withValues(alpha: 0.03)) |
||||
|
: Colors.white, |
||||
|
border: Border.all( |
||||
|
color: connected |
||||
|
? connectedColor.withValues(alpha: 0.25) |
||||
|
: (isDark |
||||
|
? Colors.white.withValues(alpha: 0.05) |
||||
|
: Colors.black.withValues(alpha: 0.04)), |
||||
|
), |
||||
|
boxShadow: isDark |
||||
|
? null |
||||
|
: [ |
||||
|
BoxShadow( |
||||
|
color: Colors.black.withValues(alpha: 0.03), |
||||
|
blurRadius: 10, |
||||
|
offset: const Offset(0, 2), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
child: Column( |
||||
|
children: [ |
||||
|
Row( |
||||
|
children: [ |
||||
|
Container( |
||||
|
width: 44.w, |
||||
|
height: 44.w, |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(12.r), |
||||
|
gradient: LinearGradient( |
||||
|
begin: Alignment.topLeft, |
||||
|
end: Alignment.bottomRight, |
||||
|
colors: connected |
||||
|
? [connectedColor, const Color(0xFF16A34A)] |
||||
|
: [const Color(0xFF6366F1), const Color(0xFF8B5CF6)], |
||||
|
), |
||||
|
), |
||||
|
child: Icon( |
||||
|
category.icon, |
||||
|
color: Colors.white, |
||||
|
size: 22.sp, |
||||
|
), |
||||
|
), |
||||
|
SizedBox(width: 14.w), |
||||
|
Expanded( |
||||
|
child: Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Row( |
||||
|
children: [ |
||||
|
Flexible( |
||||
|
child: Text( |
||||
|
device.devicename.isNotEmpty |
||||
|
? device.devicename |
||||
|
: 'deviceTypeUnknown'.tr, |
||||
|
maxLines: 1, |
||||
|
overflow: TextOverflow.ellipsis, |
||||
|
style: TextStyle( |
||||
|
fontSize: 16.sp, |
||||
|
fontWeight: FontWeight.w700, |
||||
|
color: isDark |
||||
|
? Colors.white |
||||
|
: const Color(0xFF1A1A2E), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
if (connected) ...[ |
||||
|
SizedBox(width: 8.w), |
||||
|
Container( |
||||
|
padding: EdgeInsets.symmetric( |
||||
|
horizontal: 8.w, vertical: 3.h), |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(6.r), |
||||
|
color: connectedColor.withValues(alpha: 0.12), |
||||
|
), |
||||
|
child: Text( |
||||
|
'connected'.tr, |
||||
|
style: TextStyle( |
||||
|
fontSize: 10.sp, |
||||
|
fontWeight: FontWeight.w600, |
||||
|
color: connectedColor, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
], |
||||
|
), |
||||
|
SizedBox(height: 3.h), |
||||
|
Text( |
||||
|
device.devicemac.isNotEmpty |
||||
|
? device.devicemac |
||||
|
: 'noMacAddress'.tr, |
||||
|
style: TextStyle( |
||||
|
fontSize: 11.sp, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.3) |
||||
|
: const Color(0xFF999999), |
||||
|
fontFamily: 'Menlo', |
||||
|
letterSpacing: 0.5, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
GestureDetector( |
||||
|
onTap: () => _showUnbindDialog(device, isDark), |
||||
|
child: Container( |
||||
|
padding: |
||||
|
EdgeInsets.symmetric(horizontal: 12.w, vertical: 7.h), |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(10.r), |
||||
|
border: Border.all( |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.08) |
||||
|
: Colors.black.withValues(alpha: 0.08), |
||||
|
), |
||||
|
), |
||||
|
child: Text( |
||||
|
'unbind'.tr, |
||||
|
style: TextStyle( |
||||
|
fontSize: 12.sp, |
||||
|
fontWeight: FontWeight.w600, |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.4) |
||||
|
: const Color(0xFF999999), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
if (device.license.isNotEmpty || device.cmei.isNotEmpty) ...[ |
||||
|
SizedBox(height: 14.h), |
||||
|
Container( |
||||
|
padding: EdgeInsets.all(12.w), |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(12.r), |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.03) |
||||
|
: const Color(0xFFF7F7FA), |
||||
|
), |
||||
|
child: Column( |
||||
|
children: [ |
||||
|
if (device.license.isNotEmpty) |
||||
|
_buildFieldRow( |
||||
|
label: 'licenseCode'.tr, |
||||
|
value: device.license, |
||||
|
isDark: isDark), |
||||
|
if (device.license.isNotEmpty && device.cmei.isNotEmpty) |
||||
|
SizedBox(height: 8.h), |
||||
|
if (device.cmei.isNotEmpty) |
||||
|
_buildFieldRow( |
||||
|
label: 'CMEI', value: device.cmei, isDark: isDark), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _buildFieldRow({ |
||||
|
required String label, |
||||
|
required String value, |
||||
|
required bool isDark, |
||||
|
}) { |
||||
|
return Row( |
||||
|
children: [ |
||||
|
SizedBox( |
||||
|
width: 50.w, |
||||
|
child: Text( |
||||
|
label, |
||||
|
style: TextStyle( |
||||
|
fontSize: 10.sp, |
||||
|
fontWeight: FontWeight.w600, |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.25) |
||||
|
: const Color(0xFFBBBBBB), |
||||
|
letterSpacing: 0.5, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
SizedBox(width: 8.w), |
||||
|
Expanded( |
||||
|
child: Text( |
||||
|
value, |
||||
|
style: TextStyle( |
||||
|
fontSize: 11.sp, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
color: isDark |
||||
|
? Colors.white.withValues(alpha: 0.5) |
||||
|
: const Color(0xFF666666), |
||||
|
fontFamily: 'Menlo', |
||||
|
letterSpacing: 0.3, |
||||
|
), |
||||
|
overflow: TextOverflow.ellipsis, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
Widget _buildAddDeviceButton(bool isDark) { |
||||
|
return Padding( |
||||
|
padding: EdgeInsets.fromLTRB(20.w, 8.h, 20.w, 20.h), |
||||
|
child: SizedBox( |
||||
|
width: double.infinity, |
||||
|
height: 48.h, |
||||
|
child: ElevatedButton.icon( |
||||
|
onPressed: controller.goToScan, |
||||
|
icon: Icon(Icons.add, size: 18.sp), |
||||
|
label: Text( |
||||
|
'addDevice'.tr, |
||||
|
style: TextStyle(fontSize: 14.sp, fontWeight: FontWeight.w600), |
||||
|
), |
||||
|
style: ElevatedButton.styleFrom( |
||||
|
backgroundColor: const Color(0xFF0066CC), |
||||
|
foregroundColor: Colors.white, |
||||
|
shape: RoundedRectangleBorder( |
||||
|
borderRadius: BorderRadius.circular(14.r), |
||||
|
), |
||||
|
elevation: 0, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
void _showUnbindDialog(UserDevice device, bool isDark) { |
||||
|
Get.dialog( |
||||
|
AlertDialog( |
||||
|
backgroundColor: |
||||
|
isDark ? const Color(0xFF1C1C1E) : Colors.white, |
||||
|
title: Text( |
||||
|
'confirmUnbind'.tr, |
||||
|
style: TextStyle(color: isDark ? Colors.white : Colors.black87), |
||||
|
), |
||||
|
content: Text( |
||||
|
'confirmUnbindMessage' |
||||
|
.tr |
||||
|
.replaceAll('{deviceName}', device.devicename), |
||||
|
style: |
||||
|
TextStyle(color: isDark ? Colors.white70 : Colors.black54), |
||||
|
), |
||||
|
actions: [ |
||||
|
TextButton( |
||||
|
onPressed: () => Get.back(), |
||||
|
child: Text( |
||||
|
'cancel'.tr, |
||||
|
style: TextStyle( |
||||
|
color: isDark ? Colors.white70 : Colors.grey[600]), |
||||
|
), |
||||
|
), |
||||
|
TextButton( |
||||
|
onPressed: () { |
||||
|
Get.back(); |
||||
|
controller.unbindDevice(device); |
||||
|
}, |
||||
|
child: Text( |
||||
|
'confirmUnbindAction'.tr, |
||||
|
style: const TextStyle(color: Colors.red), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue