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

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
}
}
}