diff --git a/src/views/fee-settings/cardBill.vue b/src/views/fee-settings/cardBill.vue index 5ea711b..2b07050 100644 --- a/src/views/fee-settings/cardBill.vue +++ b/src/views/fee-settings/cardBill.vue @@ -123,6 +123,7 @@ export default { //挂载完成 mounted() { this.dicInit(); + this.enterToQuery() }, computed: { ...mapState(["window", "dict"]), @@ -194,7 +195,51 @@ export default { this.dict.payMode = res.data; } }); - } + }, + //回车替代查询 + enterToQuery() { + // console.log('enterToTab'); + this.$nextTick(() => { + let inputs = document.querySelectorAll(["input"]); //用数组可以读取多个标签的元素 //.inline-input + + // 为每个输入框添加键盘事件监听器 + inputs.forEach((input, i) => { + // console.log('input',input); + input.addEventListener('keydown', (event) => { + if (event.keyCode === 13) { + // 阻止回车键的默认行为(换行) + event.preventDefault(); + + // 如果按下的是回车查询 + // console.log(input.getAttribute('placeholder'),input.value) + let placeholder = input.getAttribute('placeholder') + switch (placeholder) { + case '卡号': + if (input.value) this.btnQuery() + input.select() + break; + case '身份证号': + if (input.value) this.btnQuery() + input.select() + break; + } + } + }); + + input.addEventListener('click', (event) => { + let placeholder = input.getAttribute('placeholder') + switch (placeholder) { + case '卡号': + input.select() + break; + case '身份证号': + input.select() + break; + } + }); + }); + }); + }, }, //监听事件