guyongliang/ln-ios
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

二维码扫描，从相册中扫

Browse Source 
权限说明
This commit is contained in:
userGyl
2025-11-13 14:29:20 +08:00
parent c4f34f3e00
commit 5c79a27ac4
9 changed files with 546 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ln_jq_app/lib/pages/c_page/reservation/controller.dart
View File

@@ -30,7 +30,7 @@ class ReservationController extends GetxController with BaseControllerMixin {
final TextEditingController amountController = TextEditingController();
// 车牌号
final TextEditingController plateNumberController = TextEditingController(text: "浙F");
TextEditingController plateNumberController = TextEditingController();
// 加氢站
final List<String> stationOptions = [
@@ -343,6 +343,7 @@ class ReservationController extends GetxController with BaseControllerMixin {
String name = "";
String leftHydrogen = "";
String workEfficiency = "";
//累计数据
String fillingWeight = "";
String fillingTimes = "";
@@ -352,10 +353,10 @@ class ReservationController extends GetxController with BaseControllerMixin {
void onInit() {
phone = StorageService.to.phone ?? "";
name = StorageService.to.name ?? "";
plateNumberController = TextEditingController(text: plateNumber);
getCatinfo();
getJqinfo();
// getSiteList();
getSiteList();
super.onInit();
}
@@ -363,7 +364,7 @@ class ReservationController extends GetxController with BaseControllerMixin {
try {
HttpService.to.setBaseUrl(AppTheme.test_service_url);
var responseData = await HttpService.to.get(
'appointment/truck/history-filling-summary?vin=LSFGL23Z2ND214377'
'appointment/truck/history-filling-summary?vin=LSFGL23Z2ND214377',
);
if (responseData == null || responseData.data == null) {
showToast('服务暂不可用，请稍后');
@@ -372,7 +373,8 @@ class ReservationController extends GetxController with BaseControllerMixin {
var result = BaseModel.fromJson(responseData.data);
fillingWeight = "${result.data["fillingWeight"]}${result.data["fillingWeightUnit"]}";
fillingWeight =
"${result.data["fillingWeight"]}${result.data["fillingWeightUnit"]}";
fillingTimes = "${result.data["fillingTimes"]}${result.data["fillingTimesUnit"]}";
updateUi();
@@ -411,6 +413,7 @@ class ReservationController extends GetxController with BaseControllerMixin {
}
void getSiteList() async {
showLoading("加载中");
final originalHeaders = Map<String, dynamic>.from(HttpService.to.dio.options.headers);
try {
HttpService.to.setBaseUrl(AppTheme.jiaqing_service_url);
@@ -420,10 +423,12 @@ class ReservationController extends GetxController with BaseControllerMixin {
if (responseData == null && responseData!.data == null) {
showToast('暂时无法获取站点信息');
dismissLoading();
return;
}
try {
dismissLoading();
var result = BaseModel.fromJson(responseData.data);
// showToast(result.data["data"].toString());
} catch (e) {
@@ -431,6 +436,7 @@ class ReservationController extends GetxController with BaseControllerMixin {
}
} catch (e) {
} finally {
dismissLoading();
HttpService.to.setBaseUrl(AppTheme.test_service_url);
HttpService.to.dio.options.headers = originalHeaders;
}

71
ln_jq_app/lib/pages/c_page/reservation/view.dart
View File

@@ -2,8 +2,8 @@ import 'package:dropdown_button2/dropdown_button2.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:getx_scaffold/getx_scaffold.dart';
import 'package:ln_jq_app/pages/qr_code/view.dart';
import '../../../storage_service.dart';
import 'controller.dart';
class ReservationPage extends GetView<ReservationController> {
@@ -23,9 +23,9 @@ class ReservationPage extends GetView<ReservationController> {
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
_buildUserInfoCard(),
const SizedBox(height: 16),
const SizedBox(height: 5),
_buildCarInfoCard(),
const SizedBox(height: 16),
const SizedBox(height: 5),
_buildReservationFormCard(context),
],
),
@@ -48,9 +48,9 @@ class ReservationPage extends GetView<ReservationController> {
child: Row(
children: [
const CircleAvatar(
radius: 24,
radius: 20,
backgroundColor: Colors.blue,
child: Icon(Icons.person, color: Colors.white, size: 30),
child: Icon(Icons.person, color: Colors.white, size: 34),
),
const SizedBox(width: 12),
Expanded(
@@ -59,12 +59,12 @@ class ReservationPage extends GetView<ReservationController> {
children: [
Text(
controller.name,
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
style: TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
),
SizedBox(height: 4),
SizedBox(height: 6),
Text(
controller.phone,
style: TextStyle(color: Colors.grey, fontSize: 12),
style: TextStyle(color: Colors.grey, fontSize: 11),
),
],
),
@@ -96,7 +96,7 @@ class ReservationPage extends GetView<ReservationController> {
),
const Divider(height: 1, indent: 16, endIndent: 16),
Padding(
padding: const EdgeInsets.symmetric(vertical: 16.0),
padding: const EdgeInsets.symmetric(vertical: 11.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
@@ -114,9 +114,9 @@ class ReservationPage extends GetView<ReservationController> {
Widget _buildStatItem(String value, String label) {
return Column(
children: [
Text(value, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
Text(value, style: const TextStyle(fontSize: 15, fontWeight: FontWeight.bold)),
const SizedBox(height: 4),
Text(label, style: const TextStyle(color: Colors.grey, fontSize: 12)),
Text(label, style: const TextStyle(color: Colors.grey, fontSize: 11 )),
],
);
}
@@ -127,7 +127,7 @@ class ReservationPage extends GetView<ReservationController> {
elevation: 2,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
child: Padding(
padding: const EdgeInsets.all(16.0),
padding: const EdgeInsets.all(11),
child: Row(
children: [
Expanded(
@@ -141,10 +141,10 @@ class ReservationPage extends GetView<ReservationController> {
],
),
),
const SizedBox(width: 16),
const SizedBox(width: 8),
Icon(
Icons.propane_tank_outlined,
size: 80,
Icons.propane_rounded,
size: 50,
color: Colors.blue.withOpacity(0.5),
),
],
@@ -158,18 +158,33 @@ class ReservationPage extends GetView<ReservationController> {
bool isButton = value == '扫码绑定';
return Row(
children: [
Text(label, style: const TextStyle(color: Colors.grey, fontSize: 14)),
Text(label, style: const TextStyle(color: Colors.grey, fontSize: 11)),
const SizedBox(width: 8),
isButton
? ElevatedButton.icon(
onPressed: () {
/* TODO: 扫码绑定逻辑 */
? GestureDetector(
onTap: () {
Get.to(() => const QrCodePage());
},
icon: const Icon(Icons.qr_code_scanner, size: 16),
label: Text(value),
style: ElevatedButton.styleFrom(
padding: const EdgeInsets.symmetric(horizontal: 12),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
child: Container(
margin: EdgeInsetsGeometry.only(left: 10.w),
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 5),
decoration: BoxDecoration(
border: Border.all(color: Colors.blue.shade300, width: 1),
borderRadius: BorderRadius.circular(5),
color: Colors.blue.withOpacity(0.05),
),
child: Row(
mainAxisSize: MainAxisSize.min, // Keep the row compact
children: [
const Icon(Icons.search, size: 13, color: Colors.blue),
const SizedBox(width: 3),
Text(
value,
style: const TextStyle(
color: Colors.blue, fontSize: 11, fontWeight: FontWeight.w500),
),
],
),
),
)
: Text(
@@ -396,9 +411,13 @@ class ReservationPage extends GetView<ReservationController> {
),
dropdownStyleData: DropdownStyleData(
maxHeight: 200,
decoration: BoxDecoration(borderRadius: BorderRadius.circular(8)),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
),
),
menuItemStyleData: const MenuItemStyleData(
height: 40,
),
menuItemStyleData: const MenuItemStyleData(height: 40),
),
),
),

4
ln_jq_app/lib/pages/login/view.dart
View File

@@ -1,5 +1,3 @@
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:getx_scaffold/getx_scaffold.dart';
import 'package:ln_jq_app/common/login_util.dart';
@@ -71,7 +69,7 @@ class _LoginPageState extends State<LoginPage> with SingleTickerProviderStateMix
margin: EdgeInsets.all(15),
elevation: 4,
child: Container(
height: cLogin ? 260.h : 320.h,
height: cLogin ? 285.h : 350.h,
padding: EdgeInsets.all(15),
child: // TabBar切换
Column(

165
ln_jq_app/lib/pages/qr_code/controller.dart Normal file
View File

@@ -0,0 +1,165 @@
import 'dart:io';
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:getx_scaffold/getx_scaffold.dart';
import 'package:image/image.dart' as img;
import 'package:image_picker/image_picker.dart';
import 'package:qr_code_scanner_plus/qr_code_scanner_plus.dart';
import 'package:zxing_lib/common.dart';
import 'package:zxing_lib/qrcode.dart';
import 'package:zxing_lib/zxing.dart';
class QrCodeController extends GetxController
with BaseControllerMixin, GetSingleTickerProviderStateMixin {
@override
String get builderId => 'qrcode';
// --- Animation ---
late final AnimationController animationController;
late final Animation<double> scanAnimation;
// --- QR Scanning ---
final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
QRViewController? qrViewController;
final Rx<Barcode?> result = Rx<Barcode?>(null);
final RxBool isFlashOn = false.obs;
@override
void onInit() {
super.onInit();
requestPermission();
animationController = AnimationController(
duration: const Duration(milliseconds: 2500),
vsync: this,
);
scanAnimation = Tween<double>(begin: 0, end: 1).animate(animationController);
animationController.repeat(reverse: false);
}
/// 当 QRView 创建时调用
void onQRViewCreated(QRViewController controller) {
this.qrViewController = controller;
// 监听扫描到的数据
controller.scannedDataStream.listen((scanData) {
if (scanData.code != null && result.value?.code != scanData.code) {
result.value = scanData;
qrViewController?.pauseCamera();
animationController.stop();
renderResult(scanData.code!);
}
});
}
void resumeScanner() {
result.value = null;
qrViewController?.resumeCamera();
animationController.repeat(reverse: false);
}
/// 从相册选择图片并扫描二维码
void scanFromGallery() async {
try {
final XFile? imageFile = await ImagePicker().pickImage(source: ImageSource.gallery);
if (imageFile == null) return; // 用户取消了选择
qrViewController?.pauseCamera();
animationController.stop();
String? scanResult;
try {
final image = img.decodeImage(await File(imageFile.path).readAsBytes());
if (image != null) {
//扫描图片
final pixels = Int32List.fromList(
image.map((pixel) {
return (pixel.a.toInt() << 24) |
(pixel.r.toInt() << 16) |
(pixel.g.toInt() << 8) |
pixel.b.toInt();
}).toList(),
);
final source = RGBLuminanceSource(image.width, image.height, pixels);
final bitmap = BinaryBitmap(HybridBinarizer(source));
final reader = QRCodeReader();
final result = reader.decode(bitmap);
scanResult = result.text;
}
} on NotFoundException {
scanResult = null;
} catch (e) {
//异常
scanResult = null;
}
if (scanResult != null) {
renderResult(scanResult);
} else {
showErrorToast('未识别到二维码');
resumeScanner();
}
} catch (e) {
showErrorToast('从相册选择失败');
resumeScanner();
}
}
/// 切换闪光灯
void toggleFlash() async {
await qrViewController?.toggleFlash();
isFlashOn.value = (await qrViewController?.getFlashStatus()) ?? false;
}
/// 翻转相机
void flipCamera() async {
await qrViewController?.flipCamera();
}
void requestPermission() async {
final List<bool> results = await Future.wait([
requestCameraPermission(),
requestPhotosPermission(),
]);
final isCameraGranted = results[0];
final isPhotosGranted = results[1];
if (!isCameraGranted) {
showErrorToast('相机权限未被授予，请到权限管理中打开');
}
if (!isPhotosGranted) {
showErrorToast(
'相册权限未被授予，请到权限管理中打开',
);
}
}
//扫码结果处理
void renderResult(String resultStr) {
Get.defaultDialog(
title: "扫描结果",
middleText: resultStr,
onConfirm: () {
Get.back();
resumeScanner();
},
onCancel: () {
resumeScanner();
},
);
}
@override
void onClose() {
qrViewController?.dispose();
animationController.dispose();
super.onClose();
}
}

160
ln_jq_app/lib/pages/qr_code/view.dart Normal file
View File

@@ -0,0 +1,160 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:getx_scaffold/getx_scaffold.dart';
import 'package:qr_code_scanner_plus/qr_code_scanner_plus.dart';
import 'controller.dart';
class QrCodePage extends GetView<QrCodeController> {
const QrCodePage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return GetBuilder<QrCodeController>(
init: QrCodeController(),
id: 'qrcode',
builder: (_) {
return Scaffold(
extendBodyBehindAppBar: true,
appBar: AppBar(
title: const Text('扫码', style: TextStyle(color: Colors.white)),
centerTitle: true,
backgroundColor: Colors.transparent,
elevation: 0,
leading: IconButton(
icon: const Icon(Icons.arrow_back_ios, color: Colors.white),
onPressed: () => Get.back(),
),
actions: [
TextButton(
onPressed: controller.scanFromGallery,
child: const Text(
'相册',
style: TextStyle(color: Colors.white, fontSize: 16),
),
),
],
),
body: Stack(
children: <Widget>[
_buildQrView(context),
Positioned(
bottom: 80.h,
left: 0,
right: 0,
child: _buildControlButtons(),
),
],
),
);
},
);
}
/// 构建二维码扫描视图（带动画）
Widget _buildQrView(BuildContext context) {
// 定义扫描区域的大小
var scanArea = (MediaQuery.of(context).size.width < 400 ||
MediaQuery.of(context).size.height < 400)
? 250.0
: 300.0;
return Stack(
alignment: Alignment.center,
children: <Widget>[
// 底层是相机视图和半透明遮罩
QRView(
key: controller.qrKey,
onQRViewCreated: controller.onQRViewCreated,
overlay: QrScannerOverlayShape(
borderColor: Colors.blueAccent,
borderRadius: 10,
borderLength: 30,
borderWidth: 10,
cutOutSize: scanArea,
),
),
// 上层是扫描动画
AnimatedBuilder(
animation: controller.scanAnimation,
builder: (context, child) {
return Positioned(
// 计算扫描框的顶部位置，以便动画从顶部开始
top: (MediaQuery.of(context).size.height - scanArea) / 2,
child: Transform.translate(
offset: Offset(0, controller.scanAnimation.value * scanArea),
child: Container(
width: scanArea,
height: 2, // 扫描线的高度
decoration: BoxDecoration(
color: Colors.blueAccent,
boxShadow: [
BoxShadow(
color: Colors.blueAccent.withOpacity(0.7),
blurRadius: 8,
spreadRadius: 2,
),
],
),
),
),
);
},
),
],
);
}
/// 构建底部的控制按钮
Widget _buildControlButtons() {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text(
'将二维码/条形码放入框内，即可自动扫描',
style: TextStyle(color: Colors.white, fontSize: 14),
),
const SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
// 闪光灯按钮
_buildIconButton(
onPressed: controller.toggleFlash,
//闪光灯状态的变化
child: Obx(() => Icon(
controller.isFlashOn.value ? Icons.flash_on : Icons.flash_off,
color: Colors.white,
size: 28,
)),
),
// 翻转相机按钮
_buildIconButton(
onPressed: controller.flipCamera,
child: const Icon(
Icons.flip_camera_ios,
color: Colors.white,
size: 28,
),
),
],
),
],
);
}
Widget _buildIconButton({required VoidCallback onPressed, required Widget child}) {
return Container(
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.3),
shape: BoxShape.circle,
),
child: IconButton(
onPressed: onPressed,
icon: child,
iconSize: 32, // 增大点击区域
),
);
}
}