542 lines
17 KiB
Dart
542 lines
17 KiB
Dart
import 'dart:async';
|
||
import 'dart:io' show Platform;
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_blue_plus/flutter_blue_plus.dart';
|
||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
import 'package:permission_handler/permission_handler.dart';
|
||
import '../../core/app_colors.dart';
|
||
import '../../core/app_theme.dart';
|
||
import '../../core/navigation_provider.dart';
|
||
import '../../providers/auth_provider.dart';
|
||
import '../../providers/omron_device_provider.dart';
|
||
import '../../services/omron_ble_service.dart';
|
||
|
||
class DeviceScanPage extends ConsumerStatefulWidget {
|
||
const DeviceScanPage({super.key});
|
||
@override
|
||
ConsumerState<DeviceScanPage> createState() => _DeviceScanPageState();
|
||
}
|
||
|
||
class _DeviceScanPageState extends ConsumerState<DeviceScanPage>
|
||
with SingleTickerProviderStateMixin {
|
||
final _results = <ScanResult>[];
|
||
bool _scanning = false;
|
||
String? _connectingId;
|
||
StreamSubscription? _scanSub;
|
||
|
||
bool _connected = false;
|
||
String _deviceName = '';
|
||
bool _readingReceived = false;
|
||
int? _systolic, _diastolic, _pulse;
|
||
StreamSubscription? _readingSub;
|
||
StreamSubscription? _bleConnSub;
|
||
|
||
late AnimationController _pulseCtrl;
|
||
late Animation<double> _pulseAnim;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_pulseCtrl = AnimationController(
|
||
vsync: this,
|
||
duration: const Duration(milliseconds: 1200),
|
||
);
|
||
_pulseAnim = Tween(
|
||
begin: 0.8,
|
||
end: 1.4,
|
||
).animate(CurvedAnimation(parent: _pulseCtrl, curve: Curves.easeInOut));
|
||
_pulseCtrl.repeat(reverse: true);
|
||
|
||
_scanSub = FlutterBluePlus.scanResults.listen((list) {
|
||
if (!mounted) return;
|
||
final bpList = list.where((r) => OmronBleService.isBpDevice(r)).toList();
|
||
setState(() {
|
||
_results.clear();
|
||
_results.addAll(bpList);
|
||
});
|
||
});
|
||
_start();
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_pulseCtrl.dispose();
|
||
_scanSub?.cancel();
|
||
_readingSub?.cancel();
|
||
_bleConnSub?.cancel();
|
||
FlutterBluePlus.stopScan();
|
||
super.dispose();
|
||
}
|
||
|
||
Future<void> _start() async {
|
||
setState(() {
|
||
_scanning = true;
|
||
_connected = false;
|
||
});
|
||
_results.clear();
|
||
|
||
await [Permission.bluetoothScan, Permission.bluetoothConnect].request();
|
||
|
||
if (Platform.isAndroid) {
|
||
final locStatus = await Permission.locationWhenInUse.serviceStatus;
|
||
if (locStatus != ServiceStatus.enabled && mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
const SnackBar(
|
||
content: Text('请先打开GPS定位，否则无法扫描蓝牙'),
|
||
backgroundColor: AppColors.warning,
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
final adapterState = await FlutterBluePlus.adapterState.first;
|
||
if (adapterState != BluetoothAdapterState.on) {
|
||
try {
|
||
await FlutterBluePlus.turnOn();
|
||
} catch (_) {}
|
||
}
|
||
|
||
try {
|
||
await FlutterBluePlus.stopScan();
|
||
} catch (_) {}
|
||
await FlutterBluePlus.startScan(
|
||
timeout: const Duration(seconds: 30),
|
||
androidScanMode: AndroidScanMode.lowLatency,
|
||
);
|
||
|
||
Future.delayed(const Duration(seconds: 30), () {
|
||
FlutterBluePlus.stopScan();
|
||
if (mounted) setState(() => _scanning = false);
|
||
});
|
||
}
|
||
|
||
Future<void> _connect(ScanResult r) async {
|
||
setState(() => _connectingId = r.device.remoteId.toString());
|
||
FlutterBluePlus.stopScan();
|
||
_scanSub?.cancel();
|
||
|
||
try {
|
||
final ble = ref.read(omronBleServiceProvider);
|
||
await ble.connect(r.device);
|
||
final name = r.advertisementData.advName.isNotEmpty
|
||
? r.advertisementData.advName
|
||
: (r.device.platformName.isNotEmpty ? r.device.platformName : '血压计');
|
||
|
||
await ref
|
||
.read(omronDeviceProvider.notifier)
|
||
.bind(r.device.remoteId.toString(), name);
|
||
|
||
_bleConnSub = r.device.connectionState.listen((s) {
|
||
if (s == BluetoothConnectionState.disconnected && mounted) {
|
||
_readingSub?.cancel();
|
||
ref.read(omronBleServiceProvider).disconnect();
|
||
if (_readingReceived) {
|
||
popRoute(ref);
|
||
} else {
|
||
setState(() {
|
||
_connected = false;
|
||
});
|
||
_start();
|
||
}
|
||
}
|
||
});
|
||
|
||
_readingSub = ble.readings.listen((reading) async {
|
||
debugPrint('[PAGE] 收到: ${reading.systolic}/${reading.diastolic}');
|
||
if (mounted) {
|
||
setState(() {
|
||
_readingReceived = true;
|
||
_systolic = reading.systolic;
|
||
_diastolic = reading.diastolic;
|
||
_pulse = reading.pulse;
|
||
});
|
||
try {
|
||
final api = ref.read(apiClientProvider);
|
||
await api.post('/api/health-records', data: reading.toHealthRecord());
|
||
final heartRateRecord = reading.toHeartRateRecord();
|
||
if (heartRateRecord != null) {
|
||
await api.post('/api/health-records', data: heartRateRecord);
|
||
}
|
||
await ref.read(omronDeviceProvider.notifier).onReading(reading);
|
||
} catch (e) {
|
||
debugPrint('[PAGE] 上报失败: $e');
|
||
}
|
||
Future.delayed(const Duration(milliseconds: 1500), () {
|
||
if (mounted) popRoute(ref);
|
||
});
|
||
}
|
||
});
|
||
|
||
if (mounted) {
|
||
setState(() {
|
||
_connected = true;
|
||
_deviceName = name;
|
||
_connectingId = null;
|
||
_readingReceived = false;
|
||
});
|
||
}
|
||
} catch (e) {
|
||
if (mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
SnackBar(content: Text('连接失败: $e'), backgroundColor: AppColors.error),
|
||
);
|
||
_start();
|
||
}
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GradientScaffold(
|
||
appBar: AppBar(
|
||
backgroundColor: Colors.white.withValues(alpha: 0.9),
|
||
elevation: 0,
|
||
title: Text(
|
||
_connected ? _deviceName : '添加设备',
|
||
style: const TextStyle(color: AppColors.textPrimary),
|
||
),
|
||
leading: IconButton(
|
||
icon: const Icon(Icons.arrow_back, color: AppColors.textPrimary),
|
||
onPressed: () {
|
||
if (_connected) ref.read(omronBleServiceProvider).disconnect();
|
||
popRoute(ref);
|
||
},
|
||
),
|
||
),
|
||
body: _connected ? _buildConnected() : _buildScan(),
|
||
);
|
||
}
|
||
|
||
// ── 扫描视图 ──
|
||
Widget _buildScan() => Column(
|
||
children: [
|
||
if (_scanning && _results.isEmpty)
|
||
Expanded(child: _buildScanningCenter()),
|
||
if (!_scanning && _results.isEmpty)
|
||
Expanded(child: _buildScanningCenter()),
|
||
if (_results.isNotEmpty)
|
||
Expanded(
|
||
child: ListView.builder(
|
||
padding: const EdgeInsets.all(16),
|
||
itemCount: _results.length,
|
||
itemBuilder: (_, i) => _buildTile(_results[i]),
|
||
),
|
||
),
|
||
if (!_scanning)
|
||
Padding(
|
||
padding: const EdgeInsets.all(16),
|
||
child: SizedBox(
|
||
width: double.infinity,
|
||
child: OutlinedButton.icon(
|
||
onPressed: _start,
|
||
icon: const Icon(Icons.refresh),
|
||
label: const Text('重新扫描'),
|
||
style: OutlinedButton.styleFrom(
|
||
foregroundColor: AppColors.primary,
|
||
side: const BorderSide(color: AppColors.border),
|
||
shape: RoundedRectangleBorder(
|
||
borderRadius: BorderRadius.circular(14),
|
||
),
|
||
padding: const EdgeInsets.symmetric(vertical: 14),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
|
||
Widget _buildScanningCenter() => Center(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Stack(
|
||
alignment: Alignment.center,
|
||
children: [
|
||
AnimatedBuilder(
|
||
animation: _pulseAnim,
|
||
builder: (_, child) => Container(
|
||
width: 80 * _pulseAnim.value,
|
||
height: 80 * _pulseAnim.value,
|
||
decoration: BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
color: AppColors.auraIndigo.withValues(alpha: 0.10),
|
||
),
|
||
),
|
||
),
|
||
Container(
|
||
width: 64,
|
||
height: 64,
|
||
decoration: BoxDecoration(
|
||
gradient: AppColors.calmHealthGradient,
|
||
borderRadius: BorderRadius.circular(20),
|
||
boxShadow: AppColors.buttonShadow,
|
||
),
|
||
child: const Icon(
|
||
Icons.bluetooth_searching,
|
||
size: 32,
|
||
color: Colors.white,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 20),
|
||
Text(
|
||
_scanning ? '正在搜索蓝牙设备...' : '未发现设备',
|
||
style: const TextStyle(fontSize: 16, color: AppColors.textHint),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
_scanning ? '请确保血压计处于通信模式' : '点击下方按钮重新搜索',
|
||
style: const TextStyle(fontSize: 13, color: Color(0xFFCCCCCC)),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
|
||
// ── 已连接视图 ──
|
||
Widget _buildConnected() => Center(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(32),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
AnimatedContainer(
|
||
duration: const Duration(milliseconds: 500),
|
||
width: 100,
|
||
height: 100,
|
||
decoration: BoxDecoration(
|
||
gradient: _readingReceived
|
||
? AppColors.calmHealthGradient
|
||
: AppColors.primaryGradient,
|
||
borderRadius: BorderRadius.circular(32),
|
||
boxShadow: AppColors.buttonShadow,
|
||
),
|
||
child: Icon(
|
||
_readingReceived
|
||
? Icons.check_rounded
|
||
: Icons.bluetooth_connected,
|
||
size: 48,
|
||
color: _readingReceived ? Colors.white : Colors.white,
|
||
),
|
||
),
|
||
const SizedBox(height: 24),
|
||
Text(
|
||
_readingReceived ? '测量完成' : '设备已连接',
|
||
style: const TextStyle(
|
||
fontSize: 22,
|
||
fontWeight: FontWeight.w700,
|
||
color: AppColors.textPrimary,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
|
||
if (_readingReceived) ...[
|
||
Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.end,
|
||
children: [
|
||
Text(
|
||
'$_systolic',
|
||
style: const TextStyle(
|
||
fontSize: 56,
|
||
fontWeight: FontWeight.w800,
|
||
color: AppColors.textPrimary,
|
||
height: 1,
|
||
),
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsets.only(bottom: 10),
|
||
child: Text(
|
||
'/',
|
||
style: TextStyle(
|
||
fontSize: 24,
|
||
color: AppColors.textHint.withValues(alpha: 0.5),
|
||
),
|
||
),
|
||
),
|
||
Text(
|
||
'$_diastolic',
|
||
style: const TextStyle(
|
||
fontSize: 56,
|
||
fontWeight: FontWeight.w800,
|
||
color: AppColors.textPrimary,
|
||
height: 1,
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Padding(
|
||
padding: const EdgeInsets.only(bottom: 12),
|
||
child: Text(
|
||
'mmHg',
|
||
style: TextStyle(fontSize: 15, color: AppColors.textHint),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
if (_pulse != null)
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 8),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: 14,
|
||
vertical: 6,
|
||
),
|
||
decoration: BoxDecoration(
|
||
color: AppColors.infoLight,
|
||
borderRadius: BorderRadius.circular(20),
|
||
),
|
||
child: Text(
|
||
'脉搏 $_pulse bpm',
|
||
style: const TextStyle(
|
||
fontSize: 15,
|
||
fontWeight: FontWeight.w500,
|
||
color: AppColors.primary,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
const Text(
|
||
'数据已自动同步',
|
||
style: TextStyle(fontSize: 14, color: AppColors.textHint),
|
||
),
|
||
const SizedBox(height: 8),
|
||
const SizedBox(
|
||
width: 24,
|
||
height: 24,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
color: AppColors.primary,
|
||
),
|
||
),
|
||
] else ...[
|
||
const Text(
|
||
'请按下血压计的开始键进行测量',
|
||
style: TextStyle(fontSize: 15, color: AppColors.textHint),
|
||
),
|
||
const SizedBox(height: 32),
|
||
AnimatedBuilder(
|
||
animation: _pulseAnim,
|
||
builder: (_, _) => Container(
|
||
width: 48,
|
||
height: 48,
|
||
decoration: BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
border: Border.all(
|
||
color: AppColors.primary.withValues(alpha: 0.3),
|
||
width: 2,
|
||
),
|
||
),
|
||
child: Center(
|
||
child: Transform.scale(
|
||
scale: _pulseAnim.value,
|
||
child: Container(
|
||
width: 12,
|
||
height: 12,
|
||
decoration: const BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
color: AppColors.primary,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
);
|
||
|
||
// ── 设备列表项 ──
|
||
Widget _buildTile(ScanResult r) {
|
||
final isConnecting = _connectingId == r.device.remoteId.toString();
|
||
final name = r.advertisementData.advName.isNotEmpty
|
||
? r.advertisementData.advName
|
||
: (r.device.platformName.isNotEmpty ? r.device.platformName : '未知设备');
|
||
|
||
return Container(
|
||
margin: const EdgeInsets.only(bottom: 8),
|
||
padding: const EdgeInsets.all(14),
|
||
decoration: BoxDecoration(
|
||
gradient: AppColors.surfaceGradient,
|
||
borderRadius: BorderRadius.circular(16),
|
||
border: Border.all(color: AppColors.borderLight),
|
||
boxShadow: AppColors.cardShadowLight,
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Container(
|
||
width: 44,
|
||
height: 44,
|
||
decoration: BoxDecoration(
|
||
gradient: AppColors.calmHealthGradient,
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: const Icon(Icons.bluetooth, size: 22, color: Colors.white),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
name,
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.w600,
|
||
color: AppColors.textPrimary,
|
||
),
|
||
),
|
||
const SizedBox(height: 2),
|
||
Text(
|
||
'${r.device.remoteId} · 信号: ${_rssiLabel(r.rssi)}',
|
||
style: const TextStyle(
|
||
fontSize: 12,
|
||
color: AppColors.textHint,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
if (isConnecting)
|
||
const SizedBox(
|
||
width: 24,
|
||
height: 24,
|
||
child: CircularProgressIndicator(strokeWidth: 2),
|
||
)
|
||
else
|
||
GestureDetector(
|
||
onTap: () => _connect(r),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: 20,
|
||
vertical: 10,
|
||
),
|
||
decoration: BoxDecoration(
|
||
gradient: AppColors.primaryGradient,
|
||
borderRadius: BorderRadius.circular(12),
|
||
boxShadow: AppColors.buttonShadow,
|
||
),
|
||
child: const Text(
|
||
'连接',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
color: Colors.white,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
String _rssiLabel(int r) {
|
||
if (r > -55) return '强';
|
||
if (r > -70) return '中';
|
||
return '弱';
|
||
}
|
||
}
|