refactor(editReportingData): 重构数量输入验证逻辑
- 在数量输入框中添加 type="number" 属性 - 移除 maxlength 属性,改用自定义验证规则限制最大长度 - 更新 checkQty 验证函数,增加对输入值长度的检查
Showing
1 changed file
with
6 additions
and
1 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="" |
| ... | @@ -297,9 +297,14 @@ | ... | @@ -297,9 +297,14 @@ |
| 297 | if (value < 0) { | 297 | if (value < 0) { |
| 298 | callback(new Error('数值不能为负')); | 298 | callback(new Error('数值不能为负')); |
| 299 | } else { | 299 | } else { |
| 300 | + const valueStr = value.toString(); | ||
| 301 | + if (valueStr.length > 14) { | ||
| 302 | + callback(new Error('最多14位')); | ||
| 303 | + } else { | ||
| 300 | callback(); | 304 | callback(); |
| 301 | } | 305 | } |
| 302 | } | 306 | } |
| 307 | + } | ||
| 303 | }; | 308 | }; |
| 304 | return { | 309 | return { |
| 305 | tableRowformData:{}, | 310 | tableRowformData:{}, | ... | ... |
-
Please register or login to post a comment