root/apt-nl-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

键盘

Browse Source
This commit is contained in:
caill
2023-11-22 17:11:29 +08:00
parent cfadbbd374
commit 02c8bdbba7
7 changed files with 190 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/modules/login/login.vue
View File

@@ -20,6 +20,7 @@
keyboardClass="username"
:value="username"
@inputChange="inputChange"
@inputFocus="inputFocus"
></keyboard-input>
</div>
</div>
@@ -39,7 +40,7 @@
<div class="login-item">
<div class="login-label login-label_1" @click="toFocus(3)">域名地址</div>
<div class="login_value login_value_1">
<input type="text" class="login-input" ref="input3" v-model.trim="baseUrl" @focus="show" data-layout="normal">
<input type="text" class="login-input" ref="input3" v-model.trim="baseUrl" @focus="show" data-layout="normal" data-next="1">
</div>
</div>
<div class="login-item">
@@ -151,6 +152,11 @@ export default {
}
},
show (e) {
// 关闭中文keyboard
let arr = document.querySelectorAll('.hg-theme-default')
arr.forEach((ele) => {
ele.style.visibility = 'hidden'
})
this.input = e.target
this.layout = e.target.dataset.layout
if (!this.visible) {
@@ -167,7 +173,7 @@ export default {
let inputs = document.querySelectorAll('input')
let found = false;
[].forEach.call(inputs, (item, i) => {
if (!found && item === this.input && i < inputs.length - 1) {
if (!found && item === this.input && i < inputs.length - 1 && this.input.dataset.next === '1') {
found = true
this.$nextTick(() => {
inputs[i + 1].focus()
@@ -181,6 +187,9 @@ export default {
},
inputChange (val) {
this.username = val
},
inputFocus () {
this.visible = false
}
}
}
@@ -249,7 +258,7 @@ export default {
width 100%
_font(30px, 78px, #fff,,)
background: rgba(45,88,184,0.1);
border: 1px solid #4980BD;
border: 2px solid #4980BD;
padding 0 22px
&:focus
background: rgba(45,88,184,0.25);

31
src/pages/modules/systemmanage/role.vue
View File

@@ -49,7 +49,14 @@
<div class="form_item">
<div class="form_item__label"><i>*</i>角色名称</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="rolename" @focus="show" data-layout="normal">
<!-- <input type="text" class="form_item__input" v-model="rolename" @focus="show" data-layout="normal"> -->
<keyboard-input
inputClass="form_item__input"
keyboardClass="rolename"
:value="rolename"
@inputChange="inputChange1"
@inputFocus="inputFocus"
></keyboard-input>
</div>
</div>
</div>
@@ -57,7 +64,14 @@
<div class="form_item allwidth">
<div class="form_item__label">备注</div>
<div class="form_item__content">
<textarea v-model="remark" style="resize:none;" class="form_item__input form_item__textarea" @focus="show" data-layout="normal"></textarea>
<!-- <textarea v-model="remark" style="resize:none;" class="form_item__input form_item__textarea" @focus="show" data-layout="normal"></textarea> -->
<keyboard-input
inputClass="form_item__input"
keyboardClass="remark"
:value="remark"
@inputChange="inputChange2"
@inputFocus="inputFocus"
></keyboard-input>
</div>
</div>
</div>
@@ -99,10 +113,12 @@
<script>
import jxDialog from '@components/dialog.vue'
import KeyboardInput from '@components/keyboard-input'
import { sysRoleQuery, sysRoleAdd, sysRoleEdit, sysRoleDelete, menuQuery, sysRoleMenu } from '@config/getData2.js'
export default {
components: {
jxDialog
jxDialog,
KeyboardInput
},
data () {
return {
@@ -353,6 +369,15 @@ export default {
this.input.blur()
this.hide()
}
},
inputChange1 (val) {
this.rolename = val
},
inputChange2 (val) {
this.remark = val
},
inputFocus () {
this.visible = false
}
}
}

37
src/pages/modules/systemmanage/system.vue
View File

@@ -49,13 +49,20 @@
<div class="form_item">
<div class="form_item__label"><i>*</i>编码</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="code" @focus="show" data-layout="normal">
<input type="text" class="form_item__input" v-model="code" @focus="show" data-layout="normal" data-next="1">
</div>
</div>
<div class="form_item">
<div class="form_item__label"><i>*</i>名字</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="name" @focus="show" data-layout="normal">
<!-- <input type="text" class="form_item__input" v-model="name" @focus="show" data-layout="normal"> -->
<keyboard-input
inputClass="form_item__input"
keyboardClass="name"
:value="name"
@inputChange="inputChange1"
@inputFocus="inputFocus"
></keyboard-input>
</div>
</div>
</div>
@@ -63,7 +70,7 @@
<div class="form_item">
<div class="form_item__label"><i>*</i>数值</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="value" @focus="show" data-layout="numeric">
<input type="text" class="form_item__input" v-model="value" @focus="show" data-layout="numeric" data-next="1">
</div>
</div>
</div>
@@ -71,7 +78,14 @@
<div class="form_item allwidth">
<div class="form_item__label">备注</div>
<div class="form_item__content">
<textarea v-model="remark" style="resize:none;" class="form_item__input form_item__textarea" @focus="show" data-layout="normal"></textarea>
<!-- <textarea v-model="remark" style="resize:none;" class="form_item__input form_item__textarea" @focus="show" data-layout="normal"></textarea> -->
<keyboard-input
inputClass="form_item__input"
keyboardClass="remark"
:value="remark"
@inputChange="inputChange2"
@inputFocus="inputFocus"
></keyboard-input>
</div>
</div>
</div>
@@ -85,10 +99,12 @@
<script>
import jxDialog from '@components/dialog.vue'
import KeyboardInput from '@components/keyboard-input'
import { paramQuery, paramAdd, paramEdit, paramDelete } from '@config/getData2.js'
export default {
components: {
jxDialog
jxDialog,
KeyboardInput
},
data () {
return {
@@ -294,7 +310,7 @@ export default {
let inputs = document.querySelectorAll('input')
let found = false;
[].forEach.call(inputs, (item, i) => {
if (!found && item === this.input && i < inputs.length - 1) {
if (!found && item === this.input && i < inputs.length - 1 && this.input.dataset.next === '1') {
found = true
this.$nextTick(() => {
inputs[i + 1].focus()
@@ -305,6 +321,15 @@ export default {
this.input.blur()
this.hide()
}
},
inputChange1 (val) {
this.name = val
},
inputChange2 (val) {
this.remark = val
},
inputFocus () {
this.visible = false
}
}
}

40
src/pages/modules/systemmanage/user.vue
View File

@@ -52,13 +52,20 @@
<div class="form_item">
<div class="form_item__label"><i>*</i>用户名</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="username" @focus="show" data-layout="normal">
<!-- <input type="text" class="form_item__input" v-model="username" @focus="show" data-layout="normal"> -->
<keyboard-input
inputClass="form_item__input"
keyboardClass="username"
:value="username"
@inputChange="inputChange1"
@inputFocus="inputFocus"
></keyboard-input>
</div>
</div>
<div class="form_item">
<div class="form_item__label">电话</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="phone" @focus="show" data-layout="numeric">
<input type="text" class="form_item__input" v-model="phone" @focus="show" data-layout="numeric" data-next="1">
</div>
</div>
</div>
@@ -66,7 +73,14 @@
<div class="form_item">
<div class="form_item__label">姓名</div>
<div class="form_item__content">
<input type="text" class="form_item__input" v-model="name" @focus="show" data-layout="normal">
<!-- <input type="text" class="form_item__input" v-model="name" @focus="show" data-layout="normal"> -->
<keyboard-input
inputClass="form_item__input"
keyboardClass="name"
:value="name"
@inputChange="inputChange2"
@inputFocus="inputFocus"
></keyboard-input>
</div>
</div>
<div class="form_item">
@@ -115,11 +129,13 @@
<script>
import jxDialog from '@components/dialog.vue'
import KeyboardInput from '@components/keyboard-input'
import {usersQuery, sysRoleQuery, usersAdd, usersEdit, usersDelete} from '@config/getData2.js'
import {encrypt} from '../../../main.js'
export default {
components: {
jxDialog
jxDialog,
KeyboardInput
},
data () {
return {
@@ -359,6 +375,11 @@ export default {
}
},
show (e) {
// 关闭中文keyboard
let arr = document.querySelectorAll('.hg-theme-default')
arr.forEach((ele) => {
ele.style.visibility = 'hidden'
})
this.input = e.target
this.layout = e.target.dataset.layout
if (!this.visible) {
@@ -375,7 +396,7 @@ export default {
let inputs = document.querySelectorAll('input')
let found = false;
[].forEach.call(inputs, (item, i) => {
if (!found && item === this.input && i < inputs.length - 1) {
if (!found && item === this.input && i < inputs.length - 1 && this.input.dataset.next === '1') {
found = true
this.$nextTick(() => {
inputs[i + 1].focus()
@@ -386,6 +407,15 @@ export default {
this.input.blur()
this.hide()
}
},
inputChange1 (val) {
this.username = val
},
inputChange2 (val) {
this.name = val
},
inputFocus () {
this.visible = false
}
}
}