From de317f9591c263e3d1066d4861179df316f5a037 Mon Sep 17 00:00:00 2001 From: yewj Date: Tue, 21 Jan 2025 11:52:55 +0800 Subject: [PATCH] =?UTF-8?q?=E6=89=AB=E7=A0=81=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/plugins/KeyScaner.js | 225 +++++++++++++++----------- src/views/inout/DialogCreateOrder.vue | 26 +-- 2 files changed, 141 insertions(+), 110 deletions(-) diff --git a/src/plugins/KeyScaner.js b/src/plugins/KeyScaner.js index ee57b6c7..f5353911 100644 --- a/src/plugins/KeyScaner.js +++ b/src/plugins/KeyScaner.js @@ -6,110 +6,141 @@ * 1.0 */ const KeyScaner = /** @class */ (function () { - function KeyScaner(_dom) { - this.keybufs = []; - this.altBuf = []; - this.isShift = false; - this.lastTime = 0; - /** - * 在收集到文本输入时触发 - * @param text 收集到的连续文本 - */ - this.onInput = function (text) { - }; - this.dom = _dom; - _dom.addEventListener('keydown', this.onKeyDown.bind(this)); - _dom.addEventListener('keyup', this.onKeyUp.bind(this)); - this.interval = setInterval(this.onTick.bind(this), 100); - } - - KeyScaner.prototype.appendChar = function (c) { - this.keybufs.push(c); + function KeyScaner(_dom) { + this.keybufs = []; + this.altBuf = []; + this.isShift = false; + this.lastTime = 0; + /** + * 在收集到文本输入时触发 + * @param text 收集到的连续文本 + */ + this.onInput = function (text) { }; - KeyScaner.prototype.onKeyDown = function (ev) { - this.lastTime = new Date().getTime(); - if (ev.key == "Alt") { - if (ev.shiftKey || ev.ctrlKey || ev.metaKey) { - return; - } - } else if (ev.key == "Shift") { - if (ev.altKey || ev.ctrlKey || ev.metaKey) { - return; - } - this.isShift = true; - } else if (ev.key == "Enter") { - if (ev.shiftKey || ev.altKey || ev.ctrlKey || ev.metaKey) { - return; - } - this.appendChar("\r"); - this.completeInput(); //立即完成输入 - } else if (ev.key == "Delete" || ev.key == "Backspace") { - this.dom.innerTex = ""; - this.appendChar("delete"); - this.completeInput(); //立即完成输入 + this.dom = _dom; + _dom.addEventListener('keydown', this.onKeyDown.bind(this)); + _dom.addEventListener('keyup', this.onKeyUp.bind(this)); + _dom.addEventListener('keypress', this.onKeyPress.bind(this)); + this.interval = setInterval(this.onTick.bind(this), 100); + } + + KeyScaner.prototype.appendChar = function (c) { + this.keybufs.push(c); + // console.log('appendChar:', c, this.keybufs) + }; + KeyScaner.prototype.onKeyDown = function (ev) { + this.lastTime = new Date().getTime(); + if (ev.key == "Alt") { + if (ev.shiftKey || ev.ctrlKey || ev.metaKey) { + return; + } + } else if (ev.key == "Shift") { + if (ev.altKey || ev.ctrlKey || ev.metaKey) { + return; + } + this.isShift = true; + } else if (ev.key == "Enter") { + if (ev.shiftKey || ev.altKey || ev.ctrlKey || ev.metaKey) { + return; + } + this.appendChar("\r"); + this.completeInput(); //立即完成输入 + } else if (ev.key == "Delete" || ev.key == "Backspace") { + this.dom.innerTex = ""; + this.appendChar("delete"); + this.completeInput(); //立即完成输入 + } else { + if (ev.key.length == 1) { + var charCode = ev.key.charCodeAt(0); + // console.log("key="+charCode); + if (charCode >= 48 && charCode <= 57) { + if (ev.altKey) { + this.altBuf.push(ev.key); + } else { + this.appendChar(ev.key); + } + } else if ((charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122)) { + //忽略大小写锁定键，直接通过SHIFT键判断大小写 + if (ev.shiftKey) { + this.appendChar(ev.key.toUpperCase()); + } else { + this.appendChar(ev.key.toLowerCase()); + } } else { - if (ev.key.length == 1) { - var charCode = ev.key.charCodeAt(0); - console.log("key="+charCode); - if (charCode >= 48 && charCode <= 57) { - if (ev.altKey) { - this.altBuf.push(ev.key); - } else { - this.appendChar(ev.key); - } - } else if ((charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122)) { - //忽略大小写锁定键，直接通过SHIFT键判断大小写 - if (ev.shiftKey) { - this.appendChar(ev.key.toUpperCase()); - } else { - this.appendChar(ev.key.toLowerCase()); - } - } else { - this.appendChar(ev.key); - } - } - //忽略其他控制键 - } - }; - KeyScaner.prototype.onKeyUp = function (ev) { - this.lastTime = new Date().getTime(); - if (ev.key == "Alt") { - if (this.altBuf && this.altBuf.length > 0) { - var str = this.altBuf.join(""); - var num = parseInt(str); - var c = String.fromCharCode(num); - this.appendChar(c); - this.altBuf = []; - } - } else if (ev.key == "Shift") { - this.isShift = false; - } - }; - KeyScaner.prototype.completeInput = function () { - var text = this.keybufs.join(""); - this.keybufs = []; - if (this.onInput) { - this.onInput.bind(this)(text); - } - }; - KeyScaner.prototype.onTick = function () { - if (this.keybufs && this.keybufs.length > 0 && (!this.altBuf || this.altBuf.length == 0) && new Date().getTime() - this.lastTime > 500) { - //有缓存的字符，且没有缓存的alt字符 且 与上次按键时间超过500毫秒。 收集输入 - // this.completeInput(); + this.appendChar(ev.key); } - }; + } + //忽略其他控制键 + } + }; + KeyScaner.prototype.onKeyUp = function (ev) { + this.lastTime = new Date().getTime(); + if (ev.charCode === 29) { + var str = this.altBuf.join(""); + var num = parseInt(str); + var c = String.fromCharCode(num); + this.appendChar(c); + this.altBuf = []; + console.log('onKeyUp success:', ev.charCode, this.keybufs); + } else if (ev.key == "Alt") { + if (this.altBuf && this.altBuf.length > 0) { + var str = this.altBuf.join(""); + var num = parseInt(str); + var c = String.fromCharCode(num); + this.appendChar(c); + this.altBuf = []; + } + } else if (ev.key == "Shift") { + this.isShift = false; + } + }; + + KeyScaner.prototype.onKeyPress = function (ev) { + this.lastTime = new Date().getTime(); + const char = String.fromCharCode(ev.charCode); + console.log('KeyPress:', ev.charCode, char); /** - * 释放资源 + * if (ev.charCode === 29) { + this.appendChar(char); + // console.log('KeyPress success:', ev.charCode, this.keybufs); + } else */ - KeyScaner.prototype.dispose = function () { - this.dom.removeEventListener('keydown', this.onKeyDown); - this.dom.removeEventListener('keyup', this.onKeyUp); - clearInterval(this.interval); - }; - return KeyScaner; + if (char == '\n') { + this.completeInput(); + } + + // if (ev.charCode === 49) { + // const char = String.fromCharCode(ev.charCode); + // this.appendChar(char); + // } + }; + + KeyScaner.prototype.completeInput = function () { + var text = this.keybufs.join(""); + this.keybufs = []; + if (this.onInput) { + this.onInput.bind(this)(text); + } + }; + KeyScaner.prototype.onTick = function () { + if (this.keybufs && this.keybufs.length > 0 && (!this.altBuf || this.altBuf.length == 0) && new Date().getTime() - this.lastTime > 500) { + //有缓存的字符，且没有缓存的alt字符 且 与上次按键时间超过500毫秒。 收集输入 + // this.completeInput(); + } + }; + /** + * 释放资源 + */ + KeyScaner.prototype.dispose = function () { + this.dom.removeEventListener('keydown', this.onKeyDown); + this.dom.removeEventListener('keyup', this.onKeyUp); + this.dom.removeEventListener('keypress', this.onKeyPress); + clearInterval(this.interval); + }; + return KeyScaner; }()); export default { - KeyScaner + KeyScaner } diff --git a/src/views/inout/DialogCreateOrder.vue b/src/views/inout/DialogCreateOrder.vue index 368c5b47..502f8e5e 100644 --- a/src/views/inout/DialogCreateOrder.vue +++ b/src/views/inout/DialogCreateOrder.vue @@ -1069,7 +1069,7 @@ export default { this.findMethod(); } else if (this.curAction.corpType == 3) { //2. 切换往来仓库 - if (this.orderQuery == null || this.orderQuery.billNo == null){ + if (this.orderQuery == null || this.orderQuery.billNo == null) { this.orderFormData.fromInvCode = null; } this.findFromInvList(); @@ -1558,24 +1558,24 @@ export default { ); tQuery.orderId = this.orderFormData.billNo; console.log(tQuery.orderId); - if (val == 1){ + if (val == 1) { //校验btn this.checkLoading = true - }else if (val == 2){ + } else if (val == 2) { //扫码btn this.codeLoading = true - }else { + } else { this.submitLoading = true } if (this.viewType == 2) { //扫码单据立即提交 submitCodes(tQuery).then((response) => { - if (val == 1){ + if (val == 1) { //校验btn this.checkLoading = false - }else if (val == 2){ + } else if (val == 2) { //扫码btn this.codeLoading = false - }else { + } else { this.submitLoading = false } @@ -1592,13 +1592,13 @@ export default { else tQuery.fromVailPi = 1; submitBiz(tQuery).then((response) => { - if (val == 1){ + if (val == 1) { //校验btn this.checkLoading = false - }else if (val == 2){ + } else if (val == 2) { //扫码btn this.codeLoading = false - }else { + } else { this.submitLoading = false } if (response.code === 20000) { @@ -1610,13 +1610,13 @@ export default { }); } else if (this.viewType == 4) { submitAllocateBiz(tQuery).then((response) => { - if (val == 1){ + if (val == 1) { //校验btn this.checkLoading = false - }else if (val == 2){ + } else if (val == 2) { //扫码btn this.codeLoading = false - }else { + } else { this.submitLoading = false }