From c1129faa1b6aaf08446e9cf0a2eeaaa54d3c7041 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期一, 01 九月 2025 15:53:26 +0800
Subject: [PATCH] ID1766-添加设备长识别二维码
---
src/views/mobile/bedsideAuxiliaryScreen/components/SettingDeviceDialog.vue | 22 +++++++++++++++++++++-
1 files changed, 21 insertions(+), 1 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/SettingDeviceDialog.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/SettingDeviceDialog.vue
index 9394352..e2817cc 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/SettingDeviceDialog.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/SettingDeviceDialog.vue
@@ -23,7 +23,7 @@
</template>
<div class="setting-device-dialog-content">
<div class="content-row1">
- <div class="row1-label">设备编号</div>
+ <div class="row1-label" @click="openQrScanner">设备编号<i class="iconfont icon-saoma"></i></div>
<div class="row1-inp-box">
<input
v-model="devcieCode"
@@ -57,6 +57,9 @@
<div class="my-button refresh" @click="handleRefresh">检查更新</div>
</template>
</el-dialog>
+ <!-- 长识别二维码 -->
+ <QrScanner ref="QrScannerRef" @scan="onQrScan" />
+
</div>
</template>
@@ -72,8 +75,11 @@
import closeImg from "@/img/close.png";
import uploadImg from "@/img/upload.png";
import { useBedsideAuxiliaryScreenStore } from "@/store/bedsideAuxiliaryScreen";
+import QrScanner from "@/components/QrScanner/index.vue";
const bedsideAuxiliaryScreenStore = useBedsideAuxiliaryScreenStore();
+
+const QrScannerRef = ref(null);
const isShow = ref(false);
const isUploading = ref(false);
@@ -146,6 +152,16 @@
const handleRefresh = () => {
window.location.reload();
ElMessage.success('已更新至最新版本')
+};
+
+const openQrScanner = () => {
+ QrScannerRef.value?.open();
+};
+
+const onQrScan = ({ success, code}) => {
+ if (!success) return;
+ devcieCode.value = code;
+ ElMessage.success("识别成功");
};
defineExpose({
@@ -227,6 +243,10 @@
line-height: 16px;
color: #ffffff;
font-style: normal;
+ .iconfont {
+ margin-left: 2px;
+ font-size: 9px;
+ }
}
.row1-inp-box {
flex: 1;
--
Gitblit v1.8.0