Forráskód Böngészése

fix: 赠送时长小于两位数

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>
tangshizhe 4 hónapja
szülő
commit
cb7153044e
1 módosított fájl, 14 hozzáadás és 1 törlés
  1. 14 1
      plugins/gift-friends/src/components/GiftSubmitDialog.vue

+ 14 - 1
plugins/gift-friends/src/components/GiftSubmitDialog.vue

@@ -39,9 +39,10 @@
               <el-form-item label="赠予时长" prop="monthnum" class="gift-person-info time">
                 <el-input
                   v-model="item.monthnum"
-                  type="number"
+                  type="text"
                   class="custom-long-input"
                   placeholder="请输入整数"
+                  @input="validateInput(item)"
                   @blur="validateSingleForm(index, item, 'monthnum')"
                 />
                 <span class="unit">个月</span>
@@ -263,6 +264,18 @@ export default {
         })
       }
     },
+    validateInput(item) {
+      // 移除非数字字符
+      item.monthnum = item.monthnum.replace(/\D/g, '')
+
+      // 确保输入不超过两位数字
+      if (item.monthnum.length > 2) {
+        item.monthnum = item.monthnum.slice(0, 2)
+      }
+
+      // 将输入转换为数字
+      item.monthnum = Number.parseInt(item.monthnum, 10) || ''
+    },
     // 给单个表单添加样式
     addFormStyle(index, error) {
       if (error) {