refactor: ♻️ cURD表单input支持number修饰

src/components/PageModal/index.vue

@@ -16,8 +16,16 @@
         <el-form-item :label="item.label" :prop="item.prop">
           <!-- Input 输入框 -->
           <template v-if="item.type === 'input'">
+            <template v-if="item.attrs?.type === 'number'">
+              <el-input
+                v-model.number="formData[item.prop]"
+                v-bind="item.attrs"
+              />
+            </template>
+            <template v-else>
               <el-input v-model="formData[item.prop]" v-bind="item.attrs" />
             </template>
+          </template>
           <!-- Select 选择器 -->
           <template v-else-if="item.type === 'select'">
             <el-select v-model="formData[item.prop]" v-bind="item.attrs">
@@ -58,9 +66,17 @@
             ></slot>
           </template>
           <!-- Input 输入框 -->
+          <template v-else>
+            <template v-if="item.attrs?.type === 'number'">
+              <el-input
+                v-model.number="formData[item.prop]"
+                v-bind="item.attrs"
+              />
+            </template>
             <template v-else>
               <el-input v-model="formData[item.prop]" v-bind="item.attrs" />
             </template>
+          </template>
         </el-form-item>
       </template>
     </el-form>

src/components/PageSearch/index.vue

@@ -5,12 +5,21 @@
         <el-form-item :label="item.label" :prop="item.prop">
           <!-- Input 输入框 -->
           <template v-if="item.type === 'input'">
+            <template v-if="item.attrs?.type === 'number'">
+              <el-input
+                v-model.number="queryParams[item.prop]"
+                v-bind="item.attrs"
+                @keyup.enter="handleQuery"
+              />
+            </template>
+            <template v-else>
               <el-input
                 v-model="queryParams[item.prop]"
                 v-bind="item.attrs"
                 @keyup.enter="handleQuery"
               />
             </template>
+          </template>
           <!-- Select 选择器 -->
           <template v-else-if="item.type === 'select'">
             <el-select v-model="queryParams[item.prop]" v-bind="item.attrs">
@@ -34,6 +43,14 @@
             />
           </template>
           <!-- Input 输入框 -->
+          <template v-else>
+            <template v-if="item.attrs?.type === 'number'">
+              <el-input
+                v-model.number="queryParams[item.prop]"
+                v-bind="item.attrs"
+                @keyup.enter="handleQuery"
+              />
+            </template>
             <template v-else>
               <el-input
                 v-model="queryParams[item.prop]"
@@ -41,6 +58,7 @@
                 @keyup.enter="handleQuery"
               />
             </template>
+          </template>
         </el-form-item>
       </template>
       <el-form-item>