居民信息添加时数字输入框及样式

src/assets/scss/modules/management/list-main.scss

@@ -30,6 +30,10 @@
    .u-item-width-daterange{
       width: 206px;
     }
+    //查询栏---后方带一个文字长度
+   .u-item-width-normal-text{
+    width: 144px;
+  }
     //查询栏---合并的日期、时间范围的宽度
     .u-item-width-daterange2{
       width: 445px;

src/views/components/resiForm.vue

@@ -230,6 +230,17 @@
                                           >
                                          </el-input>
                                   </template>
+                                  <template v-else-if="itemk.itemType=='inputNum'" >
+                                            <el-input
+                                            :placeholder="`请输入${itemk.label}`"
+                                            class="u-item-width-normal-text"
+                                            :style="{'margin-right':itemk.label == '备注'?'50px':''}"
+                                            v-model.trim="form[itemj.id][itemk.formName]"
+                                            clearable
+                                            @blur="checkNumberInput(itemj.id,itemk.formName)"
+                                          >
+                                         </el-input><span class="u-data-tag">元</span>
+                                  </template>
                                   <template  v-else-if="itemk.itemType=='checkbox'" >
                                     <el-checkbox-group
                                       size="small"
@@ -325,7 +336,7 @@ export default {
         label:"联系电话",
         itemType:"input",
         formName:"mobile",
-        rules:[{required:true,message:'联系电话不能为空',trigger:'change' | blur },],
+        // rules:[{required:true,message:'联系电话不能为空',trigger:'change' | blur },],
         opction:[],
       },
       {
@@ -356,7 +367,7 @@ export default {
         label:"民族",
         itemType:"select",
         formName:"nation",
-        rules:[{required:true,message:'民族不能为空',trigger:'change' | blur },],
+        // rules:[{required:true,message:'民族不能为空',trigger:'change' | blur },],
         opction:[],
       },
       {
@@ -555,13 +566,13 @@ export default {
           },
           {
             label:"自付金额",
-            itemType:"input1",
+            itemType:"inputNum",
             formName:"selfPayAmount",
             opction:[]
           },
           {
             label:"救助金额",
-            itemType:"input1",
+            itemType:"inputNum",
             formName:"deliveranceAmount",
             opction:[]
           },
@@ -618,13 +629,13 @@ export default {
         children:[
           {
           label:"退休金额",
-            itemType:"input1",
+            itemType:"inputNum",
             formName:"retirementAmount",
             opction:[]
           },
           {
           label:"月收入",
-            itemType:"input1",
+            itemType:"inputNum",
             formName:"monthIncome",
             opction:[]
           },
@@ -826,7 +837,7 @@ export default {
         ]},
         {
         label:"补贴金额	",
-        itemType:"input1",
+        itemType:"inputNum",
         formName:"subsidyAmount",
         opction:[
         ]}
@@ -912,7 +923,7 @@ export default {
         ]},
         {
         label:"待安置补助金",
-        itemType:"input1",
+        itemType:"inputNum",
         formName:"settlementAmount",
         opction:[
 
@@ -981,7 +992,7 @@ export default {
         id:'oldPeopleDto',
         children:[ {
           label:'高龄补助',
-          itemType:"input1",
+          itemType:"inputNum",
           formName:"oldSubsidy",
         },]
       },{
@@ -1643,6 +1654,16 @@ export default {
         }
       }
     },
+    checkNumberInput(itemj,itemk) {
+      if (isNaN(this.form[itemj][itemk])) {
+        this.$message.error("请输入数字");
+        this.form[itemj][itemk] = "";
+      } else {
+        this.form[itemj][itemk] = parseFloat(
+          this.form[itemj][itemk]
+        );
+      }
+    },
     handleChangeGrid (val) {
       console.log('val', val)
       for(let n of this.optionsG){