Browse Source

fix: 询盘发送后清空数据

周玉环 4 days ago
parent
commit
f822a25c3a
1 changed files with 14 additions and 7 deletions
  1. 14 7
      xinkeaboard-web/components/Home/sourcingForm.vue

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

@@ -5,7 +5,12 @@
         <el-input v-model="form.name" :placeholder="L['请输入姓名']" />
       </el-form-item>
       <el-form-item v-if="contactType === 'email'" prop="email">
-        <el-input v-model="form.email" :placeholder="L['请输入邮箱']" />
+        <el-input
+          v-model="form.email"
+          :placeholder="L['请输入邮箱']"
+          maxlength="50"
+          show-word-limit
+        />
       </el-form-item>
       <el-form-item v-if="contactType === 'mobile'" prop="phone">
         <el-input v-model="form.phone" :placeholder="L['请输入手机号']" />
@@ -23,6 +28,8 @@
         <el-input
           v-model="form.message"
           type="textarea"
+          maxlength="1000"
+          show-word-limit
           :rows="5"
           :placeholder="L['请输入采购需求']"
         />
@@ -72,7 +79,7 @@ const form = reactive({
   name: "",
   message: "",
   email: "",
-  phone: '',
+  phone: "",
   quantity: undefined,
 });
 const email = computed(() => filtersStore.getMemberInfo.memberEmail ?? "");
@@ -81,7 +88,7 @@ const name = computed(
     filtersStore.getMemberInfo.memberNickName ||
     filtersStore.getMemberInfo.memberName
 );
-const phone = computed(() => filtersStore.getMemberInfo.memberMobile ?? "")
+const phone = computed(() => filtersStore.getMemberInfo.memberMobile ?? "");
 
 const checkEmailFun = (rule, value, callback) => {
   if (checkEmail(value) !== true) {
@@ -99,9 +106,7 @@ const checkMobileFun = (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" },
@@ -126,6 +131,8 @@ const setFormData2Cache = () => {
 
 // 删除表单缓存
 const clearFormDataFromCache = () => {
+  form.quantity = undefined;
+  form.message = '';
   localStorage.removeItem("quotations");
 };
 
@@ -207,7 +214,7 @@ onMounted(() => {
     height: 42px;
     font-weight: bold;
     font-size: 14px;
-    color: #FFFFFF;
+    color: #ffffff;
     margin-top: 20px;
   }