Browse Source

outshell

master
pengjun 2 years ago
parent
commit
fb17e53f11
  1. 2
      src/components/patientRegister/PatientRegisterEdit.vue
  2. 83
      src/utlis/getKeyDown.js
  3. 7
      src/views/login/Login.vue

2
src/components/patientRegister/PatientRegisterEdit.vue

@ -271,7 +271,7 @@
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input class="enterToTab" v-model="form.remark" type="textarea" :rows="1" placeholder="请输入备注" size="small"></el-input>
<el-input v-model="form.remark" type="textarea" :rows="1" placeholder="请输入备注" size="small"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3"> <el-col :span="3">

83
src/utlis/getKeyDown.js

@ -8,8 +8,81 @@
} }
*/ */
export function getKeyDown(className){
export function getKeyDown(className) {
//当前页面监视键盘输入 onkeyup /onkeydown //当前页面监视键盘输入 onkeyup /onkeydown
document.onkeydown = function (e) {
//e.keyCode === 13
if(e.key == 'Enter'){
// 阻止文本框的换行
// if(window.event){
// window.event.returnValue = false;
// }else{
// e.preventDefault(); // 阻止默认行为
// }
// 标记当前组件为true
if(e.target.tagName === 'INPUT'){
e.target.autofocus = true;
e.preventDefault(); // 阻止默认行为
}
// else if(e.target.tagName === 'TEXTAREA'){
// e.target.autofocus = true;
// }else{
// e.target.firstChild.autofocus = true;
// }
// 获取所有需要定位的组件
let arr = document.querySelectorAll("."+className);
let index2 = -1;
arr.forEach((i,index) => {
if(i.querySelectorAll("input")[0]){
if(i.querySelectorAll("input")[0].autofocus){
index2 = index;
}
}
// else if(i.querySelectorAll("textarea")[0]){
// if(i.querySelectorAll("textarea")[0].autofocus){
// index2 = index;
// }
// }else{
// // 暂无其他
// }
})
// 超出返回第一个组件
if(index2 + 1 >= arr.length){
index2 = -1;
}
// 聚焦到下一个组件中
if(arr[index2 + 1].querySelectorAll("input")[0]){
if(arr[index2 + 1].querySelectorAll("input")[0].type === 'hidden'){
arr[index2 + 1].querySelectorAll("input")[0].parentElement.focus();
}else{
arr[index2 + 1].querySelectorAll("input")[0].focus();
}
}
// else if(arr[index2 + 1].querySelectorAll("textarea")[0]){
// arr[index2 + 1].querySelectorAll("textarea")[0].focus();
// }else{
// // 暂无其他
// }
// 重置当前组件为false
if(e.target.tagName === 'INPUT'){
e.target.autofocus = false;
}
// else if(e.target.tagName === 'TEXTAREA'){
// e.target.autofocus = false;
// }else{
// e.target.firstChild.autofocus = false;
// }
}
}
}
/*
export function getKeyDown(className){
//当前页面监视键盘输入 onkeyup /onkeydown document.activeElement
document.onkeydown = function(e) { document.onkeydown = function(e) {
//e.keyCode === 13 //e.keyCode === 13
if(e.key == 'Enter'){ if(e.key == 'Enter'){
@ -17,8 +90,9 @@ export function getKeyDown(className){
if(window.event){ if(window.event){
window.event.returnValue = false; window.event.returnValue = false;
}else{ }else{
e.preventDefault(); //for firefox
e.preventDefault(); // 阻止默认行为
} }
// 标记当前组件为true // 标记当前组件为true
if(e.target.tagName === 'INPUT'){ if(e.target.tagName === 'INPUT'){
e.target.autofocus = true; e.target.autofocus = true;
@ -27,6 +101,7 @@ export function getKeyDown(className){
}else{ }else{
e.target.firstChild.autofocus = true; e.target.firstChild.autofocus = true;
} }
// 获取所有需要定位的组件 // 获取所有需要定位的组件
let arr = document.querySelectorAll("."+className); let arr = document.querySelectorAll("."+className);
let index2 = -1; let index2 = -1;
@ -59,6 +134,7 @@ export function getKeyDown(className){
}else{ }else{
// 暂无其他 // 暂无其他
} }
// 重置当前组件为false // 重置当前组件为false
if(e.target.tagName === 'INPUT'){ if(e.target.tagName === 'INPUT'){
e.target.autofocus = false; e.target.autofocus = false;
@ -69,4 +145,5 @@ export function getKeyDown(className){
} }
} }
} }
}
}
*/

7
src/views/login/Login.vue

@ -65,7 +65,12 @@ export default {
}, },
methods: { methods: {
onSubmit() { onSubmit() {
//
//
if(this.$peisAPI){
this.$peisAPI.lazyLoad();
}
this.$refs.form.validate((valid) => { this.$refs.form.validate((valid) => {
if (valid) { if (valid) {
var msgs = ""; var msgs = "";

Loading…
Cancel
Save