键盘

src/pages/modules/systemmanage/role.vue

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