refactor(editReportingData): 重构数量输入验证逻辑
- 在数量输入框中添加 type="number" 属性 - 移除 maxlength 属性,改用自定义验证规则限制最大长度 - 更新 checkQty 验证函数,增加对输入值长度的检查
Showing
1 changed file
with
15 additions
and
10 deletions
| ... | @@ -156,10 +156,10 @@ | ... | @@ -156,10 +156,10 @@ |
| 156 | <el-col :span="4"> | 156 | <el-col :span="4"> |
| 157 | <Formitem label="数量" prop="qty"> | 157 | <Formitem label="数量" prop="qty"> |
| 158 | <el-input | 158 | <el-input |
| 159 | + type="number" | ||
| 159 | class="inputShadow" | 160 | class="inputShadow" |
| 160 | id="inputInner--qty" | 161 | id="inputInner--qty" |
| 161 | resize="none" | 162 | resize="none" |
| 162 | - maxlength="14" | ||
| 163 | v-model.number="tableRowformData.qty" | 163 | v-model.number="tableRowformData.qty" |
| 164 | clearable | 164 | clearable |
| 165 | placeholder="" | 165 | placeholder="" |
| ... | @@ -290,17 +290,22 @@ | ... | @@ -290,17 +290,22 @@ |
| 290 | callback(); | 290 | callback(); |
| 291 | } | 291 | } |
| 292 | }; | 292 | }; |
| 293 | - var checkQty = (rule, value, callback) => { | 293 | + var checkQty = (rule, value, callback) => { |
| 294 | - if (!Number.isInteger(value)) { | 294 | + if (!Number.isInteger(value)) { |
| 295 | - callback(new Error('请输入整数值')); | 295 | + callback(new Error('请输入整数值')); |
| 296 | + } else { | ||
| 297 | + if (value < 0) { | ||
| 298 | + callback(new Error('数值不能为负')); | ||
| 299 | + } else { | ||
| 300 | + const valueStr = value.toString(); | ||
| 301 | + if (valueStr.length > 14) { | ||
| 302 | + callback(new Error('最多14位')); | ||
| 296 | } else { | 303 | } else { |
| 297 | - if (value < 0) { | 304 | + callback(); |
| 298 | - callback(new Error('数值不能为负')); | ||
| 299 | - } else { | ||
| 300 | - callback(); | ||
| 301 | - } | ||
| 302 | } | 305 | } |
| 303 | - }; | 306 | + } |
| 307 | + } | ||
| 308 | + }; | ||
| 304 | return { | 309 | return { |
| 305 | tableRowformData:{}, | 310 | tableRowformData:{}, |
| 306 | tableRowFormRules:{ | 311 | tableRowFormRules:{ | ... | ... |
-
Please register or login to post a comment