var vm = new Vue({
    el: '#app',
    data: function () {
        return {
            isLoading: false,
            textInput: '',
            scanWorkstation: '',
            html5QrCode: null,
            pendingCallbacks: {}  // 存储回调函数
        }
    },
    mounted() {
        // 初始化消息监听
        window.addEventListener('message', this.handleH5Response);
    },
    beforeDestroy() {
        // 清理事件监听
        window.removeEventListener('message', this.handleH5Response);
    },
    methods: {
        // 处理H5的响应
        handleH5Response(event) {
            try {
                const data = JSON.parse(event.data);
                if (data.RequestId && typeof data.returnValue !== 'undefined') {
                    const callback = this.pendingCallbacks[data.RequestId];
                    if (callback) {
                        callback(data.returnValue);
                        delete this.pendingCallbacks[data.RequestId];
                    }
                }
            } catch (e) {
                console.error('解析响应失败:', e);
            }
        },

        // 启动扫描测试
        startScanTest() {
            const requestId = Date.now().toString(); // 生成唯一请求ID
            const sendData = {
                Type: 'Scan',
                Barcode: 'TM250304-000104-2',
                Detail: 'detail info',
                Ip: '192.168.38.135',
                Port: '9100',
                RequestId: requestId // 添加请求标识
            };

            // 创建Promise等待响应
            new Promise((resolve) => {
                this.pendingCallbacks[requestId] = resolve;

                // 发送消息
                var result = uni.webView.postMessage({
                    data: JSON.stringify(sendData)
                });
                alert(result);
                //// 设置超时处理
                //setTimeout(() => {
                //    if (this.pendingCallbacks[requestId]) {
                //        delete this.pendingCallbacks[requestId];
                //        console.error('请求超时');
                //        resolve(-1); // 返回超时状态
                //    }
                //}, 5000); // 5秒超时
            }).then(result => {
                console.log('操作结果:', result);
                // 这里处理返回结果
                if (result === 0) {
                    alert('操作成功!');
                } else {
                    alert('操作失败，错误码: ' + result);
                }
            });
        }
    }
});