爱心互助-常用语管理，编码限制只能输入数字

src/views/modules/heart/actphrase-add-or-update.vue

@@ -1,20 +1,46 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '100px'">
-      <el-form-item label="常用语 :" prop="phrase">
-        <el-input v-model="dataForm.phrase" maxlength="500" show-word-limit placeholder="常用语"></el-input>
+  <el-dialog :visible.sync="visible"
+             :title="!dataForm.id ? $t('add') : $t('update')"
+             :close-on-click-modal="false"
+             :close-on-press-escape="false">
+    <el-form :model="dataForm"
+             :rules="dataRule"
+             ref="dataForm"
+             @keyup.enter.native="dataFormSubmitHandle()"
+             :label-width="$i18n.locale === 'en-US' ? '120px' : '100px'">
+      <el-form-item label="常用语 :"
+                    prop="phrase">
+        <el-input v-model="dataForm.phrase"
+                  maxlength="500"
+                  show-word-limit
+                  placeholder="常用语"></el-input>
       </el-form-item>
-      <el-form-item label="编码 :" prop="code">
-        <el-input v-model="dataForm.code" maxlength="20" placeholder="编码"></el-input>
+      <el-form-item label="编码 :"
+                    prop="code">
+        <el-input type="text"
+                  oninput="value=value.replace(/[^0-9.]/g,'')"
+                  v-model="dataForm.code"
+                  maxlength="20"
+                  placeholder="编码"></el-input>
       </el-form-item>
-      <el-form-item label="是否显示 :" prop="showFlag">
-        <el-select v-model="dataForm.showFlag" placeholder="是否显示">
-          <el-option v-for="item in showFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+      <el-form-item label="是否显示 :"
+                    prop="showFlag">
+        <el-select v-model="dataForm.showFlag"
+                   placeholder="是否显示">
+          <el-option v-for="item in showFlagArr"
+                     :key="item.dictValue"
+                     :label="item.dictName"
+                     :value="item.dictValue">
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item prop="sort" label="显示顺序 :">
-        <el-input-number v-model="dataForm.sort" controls-position="right" :min="1" label="显示顺序" max=2000000000></el-input-number>
+      <el-form-item prop="sort"
+                    label="显示顺序 :">
+        <el-input-number v-model="dataForm.sort"
+                         controls-position="right"
+                         :min="1"
+                         label="显示顺序"
+                         max=2000000000></el-input-number>
       </el-form-item>
       <!-- <el-form-item prop="usageNum" label="使用次数 :">
         <el-input-number v-model="dataForm.usageNum" controls-position="right" :min="0" label="使用次数" disabled="true"></el-input-number>
@@ -22,7 +48,8 @@
     </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary"
+                 @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -113,7 +140,7 @@ export default {
           ...this.dataForm,
           ...res.data
         }
-      }).catch(() => {})
+      }).catch(() => { })
     },
     // 表单提交
     dataFormSubmitHandle: debounce(function () {
@@ -134,7 +161,7 @@ export default {
               this.$emit('refreshDataList')
             }
           })
-        }).catch(() => {})
+        }).catch(() => { })
       })
     }, 1000, { 'leading': true, 'trailing': false })
   }