Browse Source

fix: 修复首页报价数量限制问题

周玉环 1 day ago
parent
commit
c6e7f47050
1 changed files with 23 additions and 7 deletions
  1. 23 7
      xinkeaboard-web/components/Home/sourcingForm.vue

+ 23 - 7
xinkeaboard-web/components/Home/sourcingForm.vue

@@ -8,11 +8,12 @@
         <el-input v-model="form.email" :placeholder="L['请输入邮箱']" />
       </el-form-item>
       <el-form-item prop="quantity">
-        <el-input
+        <el-input-number
           v-model="form.quantity"
-          min="0"
-          type="number"
-          :placeholder="L['请输入数量']"
+          :min="0"
+          :max="199999999"
+          :controls="false"
+          :placeholder="L['请输入数量'] + ' ( 0~199999999 ) '"
         />
       </el-form-item>
       <el-form-item prop="message">
@@ -65,7 +66,7 @@ const form = reactive({
   name: "",
   message: "",
   email: "",
-  quantity: "",
+  quantity: undefined,
 });
 
 const email = computed(() => filtersStore.getMemberInfo.memberEmail ?? "");
@@ -84,7 +85,9 @@ const checkEmailFun = (rule, value, callback) => {
 
 const rules = reactive({
   name: [{ required: true, message: L["请输入姓名"], trigger: "blur" }],
-  quantity: [{ required: true, message: L["请输入数量"], trigger: "blur" }],
+  quantity: [
+    { required: true, message: L["请输入数量"], trigger: "blur" },
+  ],
   email: [
     { required: true, message: L["请输入邮箱"], trigger: "blur" },
     { validator: checkEmailFun, trigger: "blur" },
@@ -172,7 +175,20 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+.form {
+  :deep(.el-input-number) {
+    width: 100% !important;
+
+    .el-input__inner {
+      text-align: left;
+    }
+    .el-input__validateIcon {
+      display: none;
+    }
+  }
+}
+
 .self-btn {
   width: 100%;
   background: #00985e;