【web】 在输入年限数据时做一下校如果不是整数则提示输入整数。

ALOps_sys_fe/alops-ui/src/views/device/files/index.vue

@@ -131,7 +131,8 @@
             reserve-keyword
             placeholder="请输入"
             :remote-method="remoteMethod1"
-            :loading="loading1">
+            :loading="loading1"
+            style="width: 100%;">
             <el-option
               v-for="item in options1"
               :key="item.id"
@@ -161,7 +162,8 @@
             reserve-keyword
             placeholder="请输入"
             :remote-method="remoteMethod2"
-            :loading="loading2">
+            :loading="loading2"
+            style="width: 100%;">
             <el-option
               v-for="item in options2"
               :key="item.id"
@@ -186,7 +188,8 @@
             reserve-keyword
             placeholder="请输入"
             :remote-method="remoteMethod3"
-            :loading="loading3">
+            :loading="loading3"
+            style="width: 100%;">
             <el-option
               v-for="item in options3"
               :key="item.id"
@@ -202,13 +205,14 @@
             v-model="form.installDate"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="选择日期">
+            placeholder="选择日期"
+            style="width: 100%;">
           </el-date-picker>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="安装楼层" prop="floor">
-          <el-select v-model="form.floor" placeholder="安装楼层" clearable style="width: 240px">
+          <el-select v-model="form.floor" placeholder="安装楼层" clearable style="width: 100%;">
             <el-option v-for="dict in dict.type.floor_data" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </el-form-item>
@@ -225,12 +229,16 @@
       </el-col>
       <el-col :span="12">
         <el-form-item label="预计年限" prop="lifeCycle">
-          <el-input v-model="form.lifeCycle" placeholder="请输入预计年限" maxlength="30" />
+          <el-input v-model.number="form.lifeCycle" placeholder="请输入预计年限" maxlength="30" type="number" min="1" oninput="value=value.replace(/[^1-9]\d*/g, '')">
+            <template slot="append">年</template>
+          </el-input>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="质保年限" prop="warranty">
-          <el-input v-model="form.warranty" placeholder="请输入质保年限" maxlength="30" />
+          <el-input v-model.number="form.warranty" placeholder="请输入质保年限" maxlength="30" type="number" min="1" oninput="value=value.replace(/[^1-9]\d*/g, '')">
+            <template slot="append">年</template>
+          </el-input>
         </el-form-item>
       </el-col>