@lambo-design-mobile/lambo-js-bridge 1.0.0-beta.38 → 1.0.0-beta.39

package/demo/index.vue

@@ -1,517 +1,517 @@
-<template>
-  <demo-section>
-    <demo-block title="初始化信息">
-      <pre v-show="initInfo"><code>{{ initInfo }}</code></pre>
-    </demo-block>
-   <demo-block title="初始化地图Key">
-      <van-button @click="initKey">初始化地图Key</van-button>
-      <pre v-show="initKeyMessage"><code>{{ initKeyMessage }}</code></pre>
-    </demo-block>
-    <demo-block title="获取定位">
-      <van-button @click="getLocation">获取定位</van-button>
-      <pre v-show="location"><code>{{ location }}</code></pre>
-    </demo-block>
-    <demo-block title="扫码">
-      <van-button @click="scanCode">扫码</van-button>
-      <pre v-show="scanResult"><code>{{ scanResult }}</code></pre>
-    </demo-block>
-    <demo-block title="拍照">
-      <van-button @click="takePhoto">拍照</van-button>
-      <pre v-show="photoResult"><code>{{ photoResult }}</code></pre>
-      <div v-show="photoPreviews.length" :class="gridClass">
-        <div v-for="(preview, index) in photoPreviews" :key="index" class="photo-container">
-          <img :src="preview" alt="Photo Preview" class="photo">
-        </div>
-      </div>
-    </demo-block>
-    <demo-block title="打开位置">
-      <van-button @click="openLocation">打开位置</van-button>
-      <pre v-show="openLocationResult"><code>{{ openLocationResult }}</code></pre>
-    </demo-block>
-    <demo-block title="文件预览">
-      <a href="javascript:void(0);" @click="filePreview">点击这里预览文件</a>
-    </demo-block>
-    <demo-block title="录音（仅在Flutter环境下可用）">
-      <van-button @click="startRecording">开始录音</van-button>
-      <van-button @click="startAutoRecording" style="margin-left: 5px">自动录音</van-button>
-      <van-button @click="stopRecording" style="margin-left: 5px">停止录音</van-button>
-      <van-button @click="startWeComRecording" style="margin-left: 5px;">企业微信开始录音</van-button>
-      <van-button @click="stopWeComRecording" style="margin-left: 5px;">企业微信停止录音</van-button>
-      <van-button @click="startCcworkRecording" style="margin-left: 5px;">云上协同开始录音</van-button>
-      <div v-if="recordingStatus === 'recording'">
-        <p>正在录音中...</p>
-      </div>
-      <div v-else-if="recordingStatus === 'not started'">
-        <p>录音未开始</p>
-      </div>
-      <div v-else-if="recordingStatus === 'stopped'">
-        <p>录音结束</p>
-      </div>
-      <div v-else-if="recordingStatus === 'failed'">
-        <p>录音失败</p>
-      </div>
-      <div v-if="audioUrl">
-        <h3>录音已完成</h3>
-        <audio :src="audioUrl" controls></audio>
-        <p>FileUrl：{{ audioUrl }}</p>
-        <p>FilePath：{{ audioPath }}</p>
-        <p>FileData：{{ audioData }}</p>
-      </div>
-    </demo-block>
-    <demo-block title="下载">
-      <van-button @click="downloadFile">下载文件</van-button>
-      <p v-if="downloadLink">文件已下载，路径：{{ downloadLink }}</p>
-    </demo-block>
-    <demo-block title="生物认证">
-      <div class="auth-buttons">
-        <van-button @click="localAuth" class="auth-button">生物认证</van-button>
-        <van-button
-            @click="getAvailableBiometrics"
-            class="auth-button"
-            style="margin-left: 12px"
-        >
-          获取生物特征
-        </van-button>
-      </div>
-
-      <div v-if="localAuthResult" class="result-box">
-        <p class="result-title">认证结果：</p>
-        <pre><code>{{ localAuthResult }}</code></pre>
-      </div>
-
-      <div v-if="availableBiometrics" class="result-box">
-        <p class="result-title">支持的特征：</p>
-        <pre><code>{{ availableBiometrics }}</code></pre>
-      </div>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-import LamboJsBridge from "../src/sdk/LamboJsBridge";
-import {PRINTER_PLUGIN} from "../src/sdk/YunTuAdapter";
-
-export default {
-  name: 'js-bridge-demo',
-  data() {
-    return {
-      lamboBridge: null,
-      initInfo: '',
-      location: '',
-      scanResult: '',
-      photoResult: '',
-      openLocationResult: '', // 添加用于存储打开位置的返回值
-      latitude: 117.129, // 存储纬度
-      longitude: 36.662, // 存储经度
-      ossServerContext: 'ibp-upms-server',
-      ossImgPutUrl: '/oss/file/put',
-      ossImgGetUrl: '/oss/file/get/',
-      scale: 8,
-      name:'这里是位置名称name',
-      address:'这里是详细位置address',
-      wechatId: 'wx92fab9d3885b0298',
-      weComId: 'wx0eb3ba9d89eca3cb',
-      agentId:'1000065',
-      dingTalkId: '',
-      photoPreviews: [],
-      initKeyMessage: '', // 用于存储 initKey 的返回消息
-      recordingWeComStatus: '',
-      recordingCcWorkStatus: '',
-      recordingFileInfo: {},
-      audioUrl: null, // 用于存储录音文件的 URL
-      audioPath: null,
-      audioData: null,
-      recordingStatus: "not started", // 用于记录当前录音状态
-      downloadLink : null,
-      localAuthResult: '',      // 生物认证结果
-      availableBiometrics: ''  // 支持的生物特征
-    };
-  },
-  computed: {
-    gridClass() {
-      const {length} = this.photoPreviews;
-      if (length === 1) {
-        return 'grid-single';
-      } if (length > 1 && length <= 4) {
-        return 'grid-two';
-      } if (length > 4) {
-        return 'grid-three';
-      }
-      return '';
-    }
-  },
-  async created() {
-    const script = document.createElement('script')
-    script.src = '//dev.sunquan.tech/inspect/target.js'
-    script.async = true
-    document.getElementsByTagName('head')[0].appendChild(script)
-    const options = {
-      // 初始化参数，根据需要填写
-      wechatId:this.wechatId,
-      weComId:this.weComId,
-      agentId:this.agentId,
-      dingTalkId:this.dingTalkId,
-      pluginConfig:["localAuthPlugin","amapPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin","autoRecordPlugin","downloadFilePlugin", PRINTER_PLUGIN],
-    };
-    this.$lamboJsBridge = new LamboJsBridge(options);
-    await this.getPlatform();
-    // await this.$lamboJsBridge.initializePlugin(options.pluginConfig);
-  },
-  methods: {
-    async getPlatform() {
-      try {
-        const info = await this.$lamboJsBridge.getPlatform(); // 获取初始化信息
-        this.initInfo = JSON.stringify(info, null, 2); // 美化输出
-        console.log('Init Info:', info);
-      } catch (error) {
-        console.error('Error getting init info:', error);
-      }
-    },
-
-    async startWeComRecording() {
-      this.recordingWeComStatus = 'processing';
-      this.recordingFileInfo = null;
-      try {
-        await this.$lamboJsBridge.startWeComRecording({
-          // 当60秒自动停止并成功时：
-          onAutoStopSuccess: (fileInfo) => {
-            console.log('【自动停止】处理成功:', fileInfo);
-            this.recordingFileInfo = fileInfo;
-            this.recordingWeComStatus = 'done';
-          },
-          // 当60秒自动停止但失败时：
-          onAutoStopError: (error) => {
-            console.error('【自动停止】处理失败:', error);
-            this.recordingWeComStatus = 'error';
-          }
-        });
-        
-        this.recordingWeComStatus = 'recording';
-
-      } catch (error) {
-        console.error("开始录音失败:", error);
-        this.recordingWeComStatus = 'error';
-      }
-    },
-
-    async stopWeComRecording() {
-      this.recordingWeComStatus = 'processing';
-      try {
-          const fileInfo = await this.$lamboJsBridge.stopWeComRecording();
-          console.log('【手动停止】处理成功:', fileInfo);
-          this.recordingFileInfo = fileInfo;
-          this.recordingWeComStatus = 'done';
-
-      } catch (error) {
-          console.error('【手动停止】处理失败:', error);
-          this.recordingWeComStatus = 'error';
-      }
-    },
-
-    async startCcworkRecording() {
-      this.recordingCcWorkStatus = 'processing';
-      this.recordingFileInfo = null;
-
-      try {
-        console.log('正在调用 startCcworkRecording...');
-        const fileInfo = await this.$lamboJsBridge.startCcworkRecording();
-        console.log('【录音上传】处理成功:', fileInfo);
-        this.recordingFileInfo = fileInfo;
-        this.recordingCcWorkStatus = 'done';
-
-      } catch (error) {
-        console.error('【录音上传】处理失败:', error);
-        this.recordingCcWorkStatus = 'error';
-      }
-    },
-
-    // 开始手动录音
-    async startRecording() {
-      // 清空之前的录音数据
-      this.audioUrl = null;
-      this.recordingStatus = 'recording';
-      try {
-        // 传入 { auto: false } 表示手动录音
-        const result = await this.$lamboJsBridge.startRecording({ auto: false });
-        console.log("录音开始成功：", result);
-      } catch (error) {
-        console.error("录音开始失败：", error);
-        this.recordingStatus = 'failed';
-      }
-    },
-
-    // 开始自动录音
-    async startAutoRecording() {
-      // 清空之前的录音数据
-      this.audioUrl = null;
-      this.recordingStatus = 'recording';
-      try {
-        // 传入 { auto: true } 表示启用自动录音
-        const result = await this.$lamboJsBridge.startRecording({ auto: true , silenceDelay: 1, silenceStopSeconds: 2, volumeThreshold: 60});
-        console.log("自动录音开始成功：", result);
-      } catch (error) {
-        console.error("自动录音开始失败：", error);
-        this.recordingStatus = 'failed';
-      }
-    },
-
-    // 停止录音
-    async stopRecording() {
-      try {
-        const result = await this.$lamboJsBridge.stopRecording();
-        console.log("录音停止成功：", result);
-        this.recordingStatus = 'stopped';
-        // 更新录音文件信息
-        this.audioUrl = result.fileUrl || result.msg;
-        // 如果你非要用全局函数更新，也可以调用它
-        this.updateAudioDisplay(result);
-      } catch (error) {
-        console.error("录音停止失败：", error);
-        this.recordingStatus = 'failed';
-      }
-    },
-
-    // 如果你希望借助类似全局函数的形式更新页面，可以这样定义：
-    updateAudioDisplay(data) {
-      // 更新组件中的数据，页面会自动响应
-      this.recordingStatus = 'stopped';
-      this.audioUrl = data.fileUrl;
-      this.audioPath = data.filePath;
-      this.audioData = data.fileData;
-    },
-
-
-    async downloadFile(){
-      try {
-        const fileUrl = 'http://10.110.34.27/sampleFile.txt'; // 要下载的文件 URL
-        const fileName = '下载文件.txt'; // 文件名称（建议带上扩展名）
-        // 注意传递的参数键需与插件内部代码一致：title 和 path
-        let result = await this.$lamboJsBridge.downloadFile({ title: fileName, path: fileUrl });
-        console.log('Download initiated, result:', result);
-
-        // 如果返回的数据为字符串，则尝试解析为对象
-        if (typeof result === 'string') {
-          try {
-            result = JSON.parse(result);
-          } catch (e) {
-            console.error('解析下载结果失败：', e);
-          }
-        }
-
-        // 假设返回的对象中包含 path 属性（如果没有则直接使用 result）
-        const filePath = result.path || result;
-        // 更新组件数据，显示文件下载路径
-        this.downloadLink = filePath;
-      } catch (error){
-        console.error('Download failed:', error);
-      }
-    },
-
-    async getLocation() {
-      try {
-        const options ={
-          // 初始化参数，根据需要填写
-        };
-        const location = await this.$lamboJsBridge.getLocation(options);
-        console.log("location",location)
-        this.location += `${JSON.stringify(location)}\n`; // 追加新数据
-        this.latitude = location.latitude; // 存储纬度
-        this.longitude = location.longitude; // 存储经度
-        console.log("this.latitude:",this.latitude);
-        console.log("this.longitude:",this.longitude);
-        // console.log('Location:', location);
-      } catch (error) {
-        console.error('Error getting location:', error);
-      }
-    },
-    async scanCode() {
-      try {
-        const options ={
-          // 初始化参数，根据需要填写
-        };
-        const result = await this.$lamboJsBridge.scanCode(options);
-        this.scanResult += `${JSON.stringify(result)}\n`; // 追加新数据
-        // console.log('Scan result:', result);
-      } catch (error) {
-        console.error('Error scanning code:', error);
-      }
-    },
-    async takePhoto() {
-      try {
-        const options = {
-          ossServerContext: this.ossServerContext,
-          ossImgPutUrl: this.ossImgPutUrl,
-          ossImgGetUrl: this.ossImgGetUrl,
-          outputType: ['info','data','oss'],
-          method: 'file',
-          // sourceType: 'gallery'
-        };
-        const photos = await this.$lamboJsBridge.takePhoto(options);
-        this.photoResult += `${JSON.stringify(photos)}\n`;
-        console.log("Photo result:", photos); // 调试输出
-        console.log("oss:",photos.imageOss)
-
-        photos.forEach(photo => {
-          if (photo.imageOss && photo.imageOss.url) {
-            this.photoPreviews.push(photo.imageOss.url); // 将图片URL添加到数组中
-          } else if (photo.imageData) {
-            this.photoPreviews.push(photo.imageData); // 如果OSS URL不存在，使用本地数据
-          }
-        });
-
-        console.log("Updated photoPreviews:", this.photoPreviews); // 调试输出
-      } catch (error) {
-        console.error('Error taking photo:', error);
-      }
-    },
-    async openLocation() {
-      try {
-        if (this.latitude !== null && this.longitude !== null) {
-          const options = {
-            // 初始化参数，根据需要修改
-            latitude: this.latitude,
-            longitude: this.longitude,
-            name: this.name,
-            address: this.address,
-            scale: this.scale,
-            type:"amap"
-          };
-          await this.$lamboJsBridge.openLocation(options);
-          this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
-          console.log('Location opened successfully');
-        } else {
-          this.openLocationResult = '没有可用的位置信息，请先获取定位。'; // 没有位置信息时存储错误信息
-          console.error('No location data available. Please get the location first.');
-        }
-      } catch (error) {
-        this.openLocationResult = `打开位置时出错: ${error.message}`; // 存储错误信息
-        console.error('Error opening location:', error);
-      }
-    },
-    async filePreview() {
-      try {
-        const options = {
-          title: '预览文件.txt', // 文件的标题
-          path: 'http://160.mall.eap.lambo.top/ecm-runtime-server/api/file/get/123456' ,// 文件的URL路径
-          tokenKey:"lambo-token-ibp"
-        };
-        const result = await this.$lamboJsBridge.filePreview(options);
-        console.log('File preview result:', result);
-      } catch (error) {
-        console.error('Error previewing file:', error);
-      }
-    },
-    async initKey() {
-      try {
-        const result = await this.$lamboJsBridge.initKey(  {"androidKey":"41c4c1f35d8d14f5bf1907c173924147","iosKey":"465abf5da8c8d62e3caa63952a0957a5"});
-        console.log('initKey result:', result);
-        this.initKeyMessage = `initKey result: ${JSON.stringify(result)}`;
-      } catch (error) {
-        this.initKeyMessage = `初始化 Key 时出错: ${error.message}`;
-        console.error('Error initializing key:', error);
-      }
-    },
-    async localAuth() {
-      try {
-        const options = {
-          localizedReason: 'A1',
-          biometricHint: 'A2',
-          cancelButton: 'A3',
-          signInTitle: 'A4'
-        }
-        const result = await this.$lamboJsBridge.localAuthPlugin(options)
-        this.localAuthResult = JSON.stringify(result, null, 2)
-        console.log('localAuthResult:', result);
-        this.availableBiometrics = '' // 清空另一个结果
-      } catch (error) {
-        // 结构化错误处理
-        const errorMessage = error.msg || error.message || '未知错误';
-        const authId = error.authId || '未知设备';
-
-        this.localAuthResult = `认证失败：${errorMessage}，authId：${authId}`;
-        console.error('完整错误信息:', error);
-      }
-    },
-    async getAvailableBiometrics() {
-      try {
-
-        const result = await this.$lamboJsBridge.getAvailableBiometrics()
-        this.availableBiometrics = JSON.stringify(result, null, 2)
-        this.localAuthResult = '' // 清空另一个结果
-      } catch (error) {
-        this.availableBiometrics = `获取失败: ${error.message}`
-      }
-    },
-  },
-  mounted() {
-    window.updateAudioDisplay = this.updateAudioDisplay;
-  },
-  beforeRouteEnter (to, from, next) {
-    next(vm => {
-      if (from.name !== null) {
-        vm.$nextTick(() => {
-          window.location.reload();
-        });
-      }
-    });
-  }
-};
-</script>
-
-<style scoped>
-pre {
-  background-color: #f5f5f5;
-  padding: 10px;
-  border-radius: 4px;
-  overflow: auto;
-}
-
-code {
-  white-space: pre-wrap;
-}
-
-.grid-single {
-  display: grid;
-  grid-template-columns: 1fr;
-}
-
-.grid-two {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-}
-
-.grid-three {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 10px;
-}
-
-.photo-container {
-  margin-top: 10px;
-}
-
-.photo {
-  max-width: 100%;
-  border-radius: 4px;
-}
-.auth-buttons {
-  margin-bottom: 16px;
-}
-
-.auth-button {
-  min-width: 120px;
-}
-
-.result-box {
-  margin-top: 12px;
-  border-top: 1px solid #eee;
-  padding-top: 12px;
-}
-
-.result-title {
-  color: #666;
-  font-size: 12px;
-  margin-bottom: 8px;
-}
-</style>
+<template>
+  <demo-section>
+    <demo-block title="初始化信息">
+      <pre v-show="initInfo"><code>{{ initInfo }}</code></pre>
+    </demo-block>
+   <demo-block title="初始化地图Key">
+      <van-button @click="initKey">初始化地图Key</van-button>
+      <pre v-show="initKeyMessage"><code>{{ initKeyMessage }}</code></pre>
+    </demo-block>
+    <demo-block title="获取定位">
+      <van-button @click="getLocation">获取定位</van-button>
+      <pre v-show="location"><code>{{ location }}</code></pre>
+    </demo-block>
+    <demo-block title="扫码">
+      <van-button @click="scanCode">扫码</van-button>
+      <pre v-show="scanResult"><code>{{ scanResult }}</code></pre>
+    </demo-block>
+    <demo-block title="拍照">
+      <van-button @click="takePhoto">拍照</van-button>
+      <pre v-show="photoResult"><code>{{ photoResult }}</code></pre>
+      <div v-show="photoPreviews.length" :class="gridClass">
+        <div v-for="(preview, index) in photoPreviews" :key="index" class="photo-container">
+          <img :src="preview" alt="Photo Preview" class="photo">
+        </div>
+      </div>
+    </demo-block>
+    <demo-block title="打开位置">
+      <van-button @click="openLocation">打开位置</van-button>
+      <pre v-show="openLocationResult"><code>{{ openLocationResult }}</code></pre>
+    </demo-block>
+    <demo-block title="文件预览">
+      <a href="javascript:void(0);" @click="filePreview">点击这里预览文件</a>
+    </demo-block>
+    <demo-block title="录音（仅在Flutter环境下可用）">
+      <van-button @click="startRecording">开始录音</van-button>
+      <van-button @click="startAutoRecording" style="margin-left: 5px">自动录音</van-button>
+      <van-button @click="stopRecording" style="margin-left: 5px">停止录音</van-button>
+      <van-button @click="startWeComRecording" style="margin-left: 5px;">企业微信开始录音</van-button>
+      <van-button @click="stopWeComRecording" style="margin-left: 5px;">企业微信停止录音</van-button>
+      <van-button @click="startCcworkRecording" style="margin-left: 5px;">云上协同开始录音</van-button>
+      <div v-if="recordingStatus === 'recording'">
+        <p>正在录音中...</p>
+      </div>
+      <div v-else-if="recordingStatus === 'not started'">
+        <p>录音未开始</p>
+      </div>
+      <div v-else-if="recordingStatus === 'stopped'">
+        <p>录音结束</p>
+      </div>
+      <div v-else-if="recordingStatus === 'failed'">
+        <p>录音失败</p>
+      </div>
+      <div v-if="audioUrl">
+        <h3>录音已完成</h3>
+        <audio :src="audioUrl" controls></audio>
+        <p>FileUrl：{{ audioUrl }}</p>
+        <p>FilePath：{{ audioPath }}</p>
+        <p>FileData：{{ audioData }}</p>
+      </div>
+    </demo-block>
+    <demo-block title="下载">
+      <van-button @click="downloadFile">下载文件</van-button>
+      <p v-if="downloadLink">文件已下载，路径：{{ downloadLink }}</p>
+    </demo-block>
+    <demo-block title="生物认证">
+      <div class="auth-buttons">
+        <van-button @click="localAuth" class="auth-button">生物认证</van-button>
+        <van-button
+            @click="getAvailableBiometrics"
+            class="auth-button"
+            style="margin-left: 12px"
+        >
+          获取生物特征
+        </van-button>
+      </div>
+
+      <div v-if="localAuthResult" class="result-box">
+        <p class="result-title">认证结果：</p>
+        <pre><code>{{ localAuthResult }}</code></pre>
+      </div>
+
+      <div v-if="availableBiometrics" class="result-box">
+        <p class="result-title">支持的特征：</p>
+        <pre><code>{{ availableBiometrics }}</code></pre>
+      </div>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+import LamboJsBridge from "../src/sdk/LamboJsBridge";
+import {PRINTER_PLUGIN} from "../src/sdk/YunTuAdapter";
+
+export default {
+  name: 'js-bridge-demo',
+  data() {
+    return {
+      lamboBridge: null,
+      initInfo: '',
+      location: '',
+      scanResult: '',
+      photoResult: '',
+      openLocationResult: '', // 添加用于存储打开位置的返回值
+      latitude: 117.129, // 存储纬度
+      longitude: 36.662, // 存储经度
+      ossServerContext: 'ibp-upms-server',
+      ossImgPutUrl: '/oss/file/put',
+      ossImgGetUrl: '/oss/file/get/',
+      scale: 8,
+      name:'这里是位置名称name',
+      address:'这里是详细位置address',
+      wechatId: 'wx92fab9d3885b0298',
+      weComId: 'wx0eb3ba9d89eca3cb',
+      agentId:'1000065',
+      dingTalkId: '',
+      photoPreviews: [],
+      initKeyMessage: '', // 用于存储 initKey 的返回消息
+      recordingWeComStatus: '',
+      recordingCcWorkStatus: '',
+      recordingFileInfo: {},
+      audioUrl: null, // 用于存储录音文件的 URL
+      audioPath: null,
+      audioData: null,
+      recordingStatus: "not started", // 用于记录当前录音状态
+      downloadLink : null,
+      localAuthResult: '',      // 生物认证结果
+      availableBiometrics: ''  // 支持的生物特征
+    };
+  },
+  computed: {
+    gridClass() {
+      const {length} = this.photoPreviews;
+      if (length === 1) {
+        return 'grid-single';
+      } if (length > 1 && length <= 4) {
+        return 'grid-two';
+      } if (length > 4) {
+        return 'grid-three';
+      }
+      return '';
+    }
+  },
+  async created() {
+    const script = document.createElement('script')
+    script.src = '//dev.sunquan.tech/inspect/target.js'
+    script.async = true
+    document.getElementsByTagName('head')[0].appendChild(script)
+    const options = {
+      // 初始化参数，根据需要填写
+      wechatId:this.wechatId,
+      weComId:this.weComId,
+      agentId:this.agentId,
+      dingTalkId:this.dingTalkId,
+      pluginConfig:["localAuthPlugin","amapPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin","autoRecordPlugin","downloadFilePlugin", PRINTER_PLUGIN],
+    };
+    this.$lamboJsBridge = new LamboJsBridge(options);
+    await this.getPlatform();
+    // await this.$lamboJsBridge.initializePlugin(options.pluginConfig);
+  },
+  methods: {
+    async getPlatform() {
+      try {
+        const info = await this.$lamboJsBridge.getPlatform(); // 获取初始化信息
+        this.initInfo = JSON.stringify(info, null, 2); // 美化输出
+        console.log('Init Info:', info);
+      } catch (error) {
+        console.error('Error getting init info:', error);
+      }
+    },
+
+    async startWeComRecording() {
+      this.recordingWeComStatus = 'processing';
+      this.recordingFileInfo = null;
+      try {
+        await this.$lamboJsBridge.startWeComRecording({
+          // 当60秒自动停止并成功时：
+          onAutoStopSuccess: (fileInfo) => {
+            console.log('【自动停止】处理成功:', fileInfo);
+            this.recordingFileInfo = fileInfo;
+            this.recordingWeComStatus = 'done';
+          },
+          // 当60秒自动停止但失败时：
+          onAutoStopError: (error) => {
+            console.error('【自动停止】处理失败:', error);
+            this.recordingWeComStatus = 'error';
+          }
+        });
+        
+        this.recordingWeComStatus = 'recording';
+
+      } catch (error) {
+        console.error("开始录音失败:", error);
+        this.recordingWeComStatus = 'error';
+      }
+    },
+
+    async stopWeComRecording() {
+      this.recordingWeComStatus = 'processing';
+      try {
+          const fileInfo = await this.$lamboJsBridge.stopWeComRecording();
+          console.log('【手动停止】处理成功:', fileInfo);
+          this.recordingFileInfo = fileInfo;
+          this.recordingWeComStatus = 'done';
+
+      } catch (error) {
+          console.error('【手动停止】处理失败:', error);
+          this.recordingWeComStatus = 'error';
+      }
+    },
+
+    async startCcworkRecording() {
+      this.recordingCcWorkStatus = 'processing';
+      this.recordingFileInfo = null;
+
+      try {
+        console.log('正在调用 startCcworkRecording...');
+        const fileInfo = await this.$lamboJsBridge.startCcworkRecording();
+        console.log('【录音上传】处理成功:', fileInfo);
+        this.recordingFileInfo = fileInfo;
+        this.recordingCcWorkStatus = 'done';
+
+      } catch (error) {
+        console.error('【录音上传】处理失败:', error);
+        this.recordingCcWorkStatus = 'error';
+      }
+    },
+
+    // 开始手动录音
+    async startRecording() {
+      // 清空之前的录音数据
+      this.audioUrl = null;
+      this.recordingStatus = 'recording';
+      try {
+        // 传入 { auto: false } 表示手动录音
+        const result = await this.$lamboJsBridge.startRecording({ auto: false });
+        console.log("录音开始成功：", result);
+      } catch (error) {
+        console.error("录音开始失败：", error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    // 开始自动录音
+    async startAutoRecording() {
+      // 清空之前的录音数据
+      this.audioUrl = null;
+      this.recordingStatus = 'recording';
+      try {
+        // 传入 { auto: true } 表示启用自动录音
+        const result = await this.$lamboJsBridge.startRecording({ auto: true , silenceDelay: 1, silenceStopSeconds: 2, volumeThreshold: 60});
+        console.log("自动录音开始成功：", result);
+      } catch (error) {
+        console.error("自动录音开始失败：", error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    // 停止录音
+    async stopRecording() {
+      try {
+        const result = await this.$lamboJsBridge.stopRecording();
+        console.log("录音停止成功：", result);
+        this.recordingStatus = 'stopped';
+        // 更新录音文件信息
+        this.audioUrl = result.fileUrl || result.msg;
+        // 如果你非要用全局函数更新，也可以调用它
+        this.updateAudioDisplay(result);
+      } catch (error) {
+        console.error("录音停止失败：", error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    // 如果你希望借助类似全局函数的形式更新页面，可以这样定义：
+    updateAudioDisplay(data) {
+      // 更新组件中的数据，页面会自动响应
+      this.recordingStatus = 'stopped';
+      this.audioUrl = data.fileUrl;
+      this.audioPath = data.filePath;
+      this.audioData = data.fileData;
+    },
+
+
+    async downloadFile(){
+      try {
+        const fileUrl = 'http://10.110.34.27/sampleFile.txt'; // 要下载的文件 URL
+        const fileName = '下载文件.txt'; // 文件名称（建议带上扩展名）
+        // 注意传递的参数键需与插件内部代码一致：title 和 path
+        let result = await this.$lamboJsBridge.downloadFile({ title: fileName, path: fileUrl });
+        console.log('Download initiated, result:', result);
+
+        // 如果返回的数据为字符串，则尝试解析为对象
+        if (typeof result === 'string') {
+          try {
+            result = JSON.parse(result);
+          } catch (e) {
+            console.error('解析下载结果失败：', e);
+          }
+        }
+
+        // 假设返回的对象中包含 path 属性（如果没有则直接使用 result）
+        const filePath = result.path || result;
+        // 更新组件数据，显示文件下载路径
+        this.downloadLink = filePath;
+      } catch (error){
+        console.error('Download failed:', error);
+      }
+    },
+
+    async getLocation() {
+      try {
+        const options ={
+          // 初始化参数，根据需要填写
+        };
+        const location = await this.$lamboJsBridge.getLocation(options);
+        console.log("location",location)
+        this.location += `${JSON.stringify(location)}\n`; // 追加新数据
+        this.latitude = location.latitude; // 存储纬度
+        this.longitude = location.longitude; // 存储经度
+        console.log("this.latitude:",this.latitude);
+        console.log("this.longitude:",this.longitude);
+        // console.log('Location:', location);
+      } catch (error) {
+        console.error('Error getting location:', error);
+      }
+    },
+    async scanCode() {
+      try {
+        const options ={
+          // 初始化参数，根据需要填写
+        };
+        const result = await this.$lamboJsBridge.scanCode(options);
+        this.scanResult += `${JSON.stringify(result)}\n`; // 追加新数据
+        // console.log('Scan result:', result);
+      } catch (error) {
+        console.error('Error scanning code:', error);
+      }
+    },
+    async takePhoto() {
+      try {
+        const options = {
+          ossServerContext: this.ossServerContext,
+          ossImgPutUrl: this.ossImgPutUrl,
+          ossImgGetUrl: this.ossImgGetUrl,
+          outputType: ['info','data','oss'],
+          method: 'file',
+          // sourceType: 'gallery'
+        };
+        const photos = await this.$lamboJsBridge.takePhoto(options);
+        this.photoResult += `${JSON.stringify(photos)}\n`;
+        console.log("Photo result:", photos); // 调试输出
+        console.log("oss:",photos.imageOss)
+
+        photos.forEach(photo => {
+          if (photo.imageOss && photo.imageOss.url) {
+            this.photoPreviews.push(photo.imageOss.url); // 将图片URL添加到数组中
+          } else if (photo.imageData) {
+            this.photoPreviews.push(photo.imageData); // 如果OSS URL不存在，使用本地数据
+          }
+        });
+
+        console.log("Updated photoPreviews:", this.photoPreviews); // 调试输出
+      } catch (error) {
+        console.error('Error taking photo:', error);
+      }
+    },
+    async openLocation() {
+      try {
+        if (this.latitude !== null && this.longitude !== null) {
+          const options = {
+            // 初始化参数，根据需要修改
+            latitude: this.latitude,
+            longitude: this.longitude,
+            name: this.name,
+            address: this.address,
+            scale: this.scale,
+            type:"amap"
+          };
+          await this.$lamboJsBridge.openLocation(options);
+          this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
+          console.log('Location opened successfully');
+        } else {
+          this.openLocationResult = '没有可用的位置信息，请先获取定位。'; // 没有位置信息时存储错误信息
+          console.error('No location data available. Please get the location first.');
+        }
+      } catch (error) {
+        this.openLocationResult = `打开位置时出错: ${error.message}`; // 存储错误信息
+        console.error('Error opening location:', error);
+      }
+    },
+    async filePreview() {
+      try {
+        const options = {
+          title: '预览文件.txt', // 文件的标题
+          path: 'http://160.mall.eap.lambo.top/ecm-runtime-server/api/file/get/123456' ,// 文件的URL路径
+          tokenKey:"lambo-token-ibp"
+        };
+        const result = await this.$lamboJsBridge.filePreview(options);
+        console.log('File preview result:', result);
+      } catch (error) {
+        console.error('Error previewing file:', error);
+      }
+    },
+    async initKey() {
+      try {
+        const result = await this.$lamboJsBridge.initKey(  {"androidKey":"41c4c1f35d8d14f5bf1907c173924147","iosKey":"465abf5da8c8d62e3caa63952a0957a5"});
+        console.log('initKey result:', result);
+        this.initKeyMessage = `initKey result: ${JSON.stringify(result)}`;
+      } catch (error) {
+        this.initKeyMessage = `初始化 Key 时出错: ${error.message}`;
+        console.error('Error initializing key:', error);
+      }
+    },
+    async localAuth() {
+      try {
+        const options = {
+          localizedReason: 'A1',
+          biometricHint: 'A2',
+          cancelButton: 'A3',
+          signInTitle: 'A4'
+        }
+        const result = await this.$lamboJsBridge.localAuthPlugin(options)
+        this.localAuthResult = JSON.stringify(result, null, 2)
+        console.log('localAuthResult:', result);
+        this.availableBiometrics = '' // 清空另一个结果
+      } catch (error) {
+        // 结构化错误处理
+        const errorMessage = error.msg || error.message || '未知错误';
+        const authId = error.authId || '未知设备';
+
+        this.localAuthResult = `认证失败：${errorMessage}，authId：${authId}`;
+        console.error('完整错误信息:', error);
+      }
+    },
+    async getAvailableBiometrics() {
+      try {
+
+        const result = await this.$lamboJsBridge.getAvailableBiometrics()
+        this.availableBiometrics = JSON.stringify(result, null, 2)
+        this.localAuthResult = '' // 清空另一个结果
+      } catch (error) {
+        this.availableBiometrics = `获取失败: ${error.message}`
+      }
+    },
+  },
+  mounted() {
+    window.updateAudioDisplay = this.updateAudioDisplay;
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      if (from.name !== null) {
+        vm.$nextTick(() => {
+          window.location.reload();
+        });
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+pre {
+  background-color: #f5f5f5;
+  padding: 10px;
+  border-radius: 4px;
+  overflow: auto;
+}
+
+code {
+  white-space: pre-wrap;
+}
+
+.grid-single {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+.grid-two {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+}
+
+.grid-three {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+
+.photo-container {
+  margin-top: 10px;
+}
+
+.photo {
+  max-width: 100%;
+  border-radius: 4px;
+}
+.auth-buttons {
+  margin-bottom: 16px;
+}
+
+.auth-button {
+  min-width: 120px;
+}
+
+.result-box {
+  margin-top: 12px;
+  border-top: 1px solid #eee;
+  padding-top: 12px;
+}
+
+.result-title {
+  color: #666;
+  font-size: 12px;
+  margin-bottom: 8px;
+}
+</style>