回车查询

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;
+            }
+          });
+        });
+      });
+    },
   },
 
   //监听事件