116 lines
4.5 KiB
JavaScript
116 lines
4.5 KiB
JavaScript
/** @odoo-module **/
|
||
import { registry } from '@web/core/registry';
|
||
import { Component } from '@odoo/owl';
|
||
|
||
class QRCodeWidget extends Component {
|
||
// 初始化组件
|
||
setup() {
|
||
console.log('QRCodeWidget setup');
|
||
this.qrCodeValue = ''; // 初始化为空字符串，用于存储条码
|
||
this.inputBuffer = ''; // 存储临时输入的字符
|
||
this.inputTimer = null; // 定时器
|
||
|
||
// 显式绑定上下文
|
||
this.onGlobalKeyDown = this.onGlobalKeyDown.bind(this);
|
||
window.addEventListener('keydown', this.onGlobalKeyDown);
|
||
}
|
||
|
||
// 清理事件监听器，防止内存泄漏
|
||
willUnmount() {
|
||
window.removeEventListener('keydown', this.onGlobalKeyDown);
|
||
if (this.inputTimer) {
|
||
clearTimeout(this.inputTimer);
|
||
}
|
||
}
|
||
|
||
// 全局键盘事件监听器
|
||
onGlobalKeyDown(event) {
|
||
|
||
// 如果是Tab键，表示扫码输入结束
|
||
if (event.key === 'Tab' || event.key === 'Enter') {
|
||
this.qrCodeValue = this.inputBuffer; // 完整条码赋值
|
||
console.log('完整条码:', this.qrCodeValue);
|
||
this.onQRCodeChange(this.qrCodeValue); // 调用父组件的 onQRCodeChange 方法
|
||
this.inputBuffer = ''; // 清空临时缓冲区
|
||
event.preventDefault(); // 阻止Tab键的默认行为
|
||
return;
|
||
}
|
||
|
||
// 只处理可打印字符
|
||
if (event.key.length === 1) {
|
||
this.inputBuffer += event.key; // 添加到缓冲区
|
||
// console.log('当前缓冲区:', this.inputBuffer);
|
||
|
||
// 清除之前的定时器，重新开始计时
|
||
if (this.inputTimer) {
|
||
clearTimeout(this.inputTimer);
|
||
}
|
||
|
||
// 启动一个定时器，如果500ms内没有新的输入，则认为条码输入完成
|
||
this.inputTimer = setTimeout(() => {
|
||
this.qrCodeValue = this.inputBuffer;
|
||
// console.log('定时器触发，完整条码:', this.qrCodeValue);
|
||
this.inputBuffer = ''; // 清空缓冲区
|
||
}, 500); // 可以根据需要调整时间
|
||
}
|
||
|
||
}
|
||
|
||
// 处理二维码输入变更
|
||
async onQRCodeChange(qrCodeValue) {
|
||
console.log('onQRCodeChange二维码输入变更', qrCodeValue); // 检查二维码的输入是否被捕获
|
||
|
||
if (qrCodeValue) {
|
||
// console.log('二维码输入变更');
|
||
try {
|
||
// 发起 RPC 请求
|
||
const result = await this.env.services.rpc('/web/dataset/call_kw', {
|
||
model: 'mrp.workorder',
|
||
method: 'search_read',
|
||
args: [
|
||
[['rfid_code', '=', qrCodeValue]], // 查询条件
|
||
['id'] // 返回的字段
|
||
],
|
||
kwargs: {}
|
||
});
|
||
|
||
if (result.length > 0) {
|
||
console.log('该二维码对应的工单存在！');
|
||
} else {
|
||
console.log('未找到对应的工单。');
|
||
|
||
const routingTypeField = document.querySelector('[name="routing_type"]');
|
||
if (routingTypeField) {
|
||
let fieldValue = routingTypeField.querySelector('span').getAttribute('raw-value');
|
||
console.log('Routing Type Value:', fieldValue);
|
||
// 清理多余的引号
|
||
fieldValue = fieldValue ? fieldValue.replace(/["]+/g, '') : null;
|
||
console.log(fieldValue);
|
||
|
||
if (fieldValue && fieldValue === '装夹预调') {
|
||
// console.log('routing_type 为装夹预调');
|
||
|
||
// 检查 RFID 值
|
||
if (!qrCodeValue || qrCodeValue.length <= 3) return;
|
||
|
||
// 查找 name="button_start" 按钮并触发点击事件
|
||
const startButton = document.querySelector('[name="button_start"]');
|
||
if (startButton) {
|
||
startButton.click();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
} catch (error) {
|
||
console.error('查询工单时出错:', error);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 返回模板名称
|
||
static template = 'sf_manufacturing.QRCodeWidgetTemplate';
|
||
}
|
||
|
||
// 将自定义字段注册到字段注册表
|
||
registry.category('fields').add('qrcode_widget', QRCodeWidget);
|