单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
chenyc
2025-04-21 34116d24841128af8e7de1729bd1d9d8bc319a60
更新二维码文件识别
1个文件已修改
7 ■■■■ 已修改文件
src/views/deviceWindoes2.vue 7 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/deviceWindoes2.vue
@@ -760,7 +760,7 @@
          <el-space fill>
            <el-alert type="warning" show-icon :closable="false">
              <p>"请输入设备编号后才能使用不然无法定位到数据来源:</p>
              <p>也可以选择二维码图片识别</p>
              <p>也可以选择二维码图片文件识别</p>
            </el-alert>
            <el-form-item label="设备编号">
              <el-input v-model="deviceCode" />
@@ -769,7 +769,6 @@
        </el-form>
        <div>
          <input type="file" pattern="选取二维码" accept="image/*" @change="onFileChange"  />
          <input type="text" v-model="codeResult" placeholder="扫描结果将会显示在这里">
        </div>
      </span>
      <template #footer>
@@ -991,8 +990,6 @@
  // 告警提示
  // 识别窗口
  const video = ref<HTMLVideoElement | null>(null);
  // 识别文本
  const codeResult = ref<string>('');
  // 识别数据流
  let stream: MediaStream | null = null;
  const centerDialogVisible = ref(false);
@@ -1198,7 +1195,7 @@
        try {
          const codeReader = new BrowserMultiFormatReader();
          const result = await codeReader.decodeFromImage(undefined, e.target.result);
          codeResult.value = result.text;
          deviceCode.value = result.text;
        } catch (err) {
          if (err instanceof NotFoundException) {
            console.error("未找到二维码");