fix email-alerts

src/views/email-alerts/size1440/index.vue

@@ -2,6 +2,7 @@
 import { ref } from "vue";
 
 import axios from "axios";
+import { message } from "@/utils/message.js";
 const form = ref({
   firstName: "",
   lastName: "",
@@ -13,6 +14,16 @@ const submitted = ref(false);
 
 async function handleSubmit(e) {
   e.preventDefault();
+  if (
+    Object.values(form.value).some((value) => value === "" || value === null)
+  ) {
+    message.warning("请填写完整信息");
+    return;
+  }
+  if (Object.values(form.value).some((value) => value.length > 50)) {
+    message.warning("字段长度不能超过50个字符");
+    return;
+  }
   const res = await axios.post(
     "https://erpapi-out.szjixun.cn/api/stock/submit/data",
     form.value
@@ -53,26 +64,36 @@ async function handleSubmit(e) {
             <label for="firstName">* First Name</label>
             <input
               id="firstName"
-              v-model="form.firstName"
+              v-model.trim="form.firstName"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="lastName">* Last Name</label>
-            <input id="lastName" v-model="form.lastName" type="text" required />
+            <input
+              id="lastName"
+              v-model.trim="form.lastName"
+              type="text"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="email">* Email</label>
-            <input id="email" v-model="form.email" type="email" required />
+            <input id="email" v-model.trim="form.email" type="email" required />
           </div>
           <div class="form-group">
             <label for="company">* Company</label>
-            <input id="company" v-model="form.company" type="text" required />
+            <input
+              id="company"
+              v-model.trim="form.company"
+              type="text"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="phone">* Phone</label>
-            <input id="phone" v-model="form.phone" type="tel" required />
+            <input id="phone" v-model.trim="form.phone" type="tel" required />
           </div>
           <button type="submit" class="submit-btn">Submit</button>
         </form>

src/views/email-alerts/size1920/index.vue

@@ -2,6 +2,7 @@
 import { ref } from "vue";
 
 import axios from "axios";
+import { message } from "@/utils/message.js";
 const form = ref({
   firstName: "",
   lastName: "",
@@ -13,6 +14,16 @@ const submitted = ref(false);
 
 async function handleSubmit(e) {
   e.preventDefault();
+  if (
+    Object.values(form.value).some((value) => value === "" || value === null)
+  ) {
+    message.warning("请填写完整信息");
+    return;
+  }
+  if (Object.values(form.value).some((value) => value.length > 50)) {
+    message.warning("字段长度不能超过50个字符");
+    return;
+  }
   const res = await axios.post(
     "https://erpapi-out.szjixun.cn/api/stock/submit/data",
     form.value
@@ -53,26 +64,36 @@ async function handleSubmit(e) {
             <label for="firstName">* First Name</label>
             <input
               id="firstName"
-              v-model="form.firstName"
+              v-model.trim="form.firstName"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="lastName">* Last Name</label>
-            <input id="lastName" v-model="form.lastName" type="text" required />
+            <input
+              id="lastName"
+              v-model.trim="form.lastName"
+              type="text"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="email">* Email</label>
-            <input id="email" v-model="form.email" type="email" required />
+            <input id="email" v-model.trim="form.email" type="email" required />
           </div>
           <div class="form-group">
             <label for="company">* Company</label>
-            <input id="company" v-model="form.company" type="text" required />
+            <input
+              id="company"
+              v-model.trim="form.company"
+              type="text"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="phone">* Phone</label>
-            <input id="phone" v-model="form.phone" type="tel" />
+            <input id="phone" v-model.trim="form.phone" type="tel" />
           </div>
           <button type="submit" class="submit-btn">Submit</button>
         </form>

src/views/email-alerts/size375/index.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { ref } from "vue";
 import axios from "axios";
+import { message } from "@/utils/message.js";
 const form = ref({
   firstName: "",
   lastName: "",
@@ -12,6 +13,17 @@ const form = ref({
 const submitted = ref(false);
 
 async function handleSubmit(e) {
+  e.preventDefault();
+  if (
+    Object.values(form.value).some((value) => value === "" || value === null)
+  ) {
+    message.warning("请填写完整信息");
+    return;
+  }
+  if (Object.values(form.value).some((value) => value.length > 50)) {
+    message.warning("字段长度不能超过50个字符");
+    return;
+  }
   e.preventDefault();
   const res = await axios.post(
     "https://erpapi-out.szjixun.cn/api/stock/submit/data",
@@ -38,23 +50,23 @@ async function handleSubmit(e) {
         <form class="form" @submit="handleSubmit">
           <div class="form-field">
             <label>* First Name</label>
-            <input v-model="form.firstName" type="text" />
+            <input v-model.trim="form.firstName" type="text" />
           </div>
           <div class="form-field">
             <label>* Last Name</label>
-            <input v-model="form.lastName" type="text" />
+            <input v-model.trim="form.lastName" type="text" />
           </div>
           <div class="form-field">
             <label>* Email</label>
-            <input v-model="form.email" type="email" />
+            <input v-model.trim="form.email" type="email" />
           </div>
           <div class="form-field">
             <label>* Company</label>
-            <input v-model="form.company" type="text" />
+            <input v-model.trim="form.company" type="text" />
           </div>
           <div class="form-field">
             <label>* Phone</label>
-            <input v-model="form.phone" type="tel" />
+            <input v-model.trim="form.phone" type="tel" />
           </div>
           <button type="submit" class="submit">Submit</button>
         </form>

src/views/email-alerts/size768/index.vue

@@ -2,6 +2,7 @@
 import { ref } from "vue";
 
 import axios from "axios";
+import { message } from "@/utils/message.js";
 const form = ref({
   firstName: "",
   lastName: "",
@@ -13,6 +14,16 @@ const submitted = ref(true);
 
 async function handleSubmit(e) {
   e.preventDefault();
+  if (
+    Object.values(form.value).some((value) => value === "" || value === null)
+  ) {
+    message.warning("请填写完整信息");
+    return;
+  }
+  if (Object.values(form.value).some((value) => value.length > 50)) {
+    message.warning("字段长度不能超过50个字符");
+    return;
+  }
   const res = await axios.post(
     "https://erpapi-out.szjixun.cn/api/stock/submit/data",
     form.value
@@ -53,26 +64,36 @@ async function handleSubmit(e) {
             <label for="firstName">* First Name</label>
             <input
               id="firstName"
-              v-model="form.firstName"
+              v-model.trim="form.firstName"
               type="text"
               required
             />
           </div>
           <div class="form-group">
             <label for="lastName">* Last Name</label>
-            <input id="lastName" v-model="form.lastName" type="text" required />
+            <input
+              id="lastName"
+              v-model.trim="form.lastName"
+              type="text"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="email">* Email</label>
-            <input id="email" v-model="form.email" type="email" required />
+            <input id="email" v-model.trim="form.email" type="email" required />
           </div>
           <div class="form-group">
             <label for="company">* Company</label>
-            <input id="company" v-model="form.company" type="text" required />
+            <input
+              id="company"
+              v-model.trim="form.company"
+              type="text"
+              required
+            />
           </div>
           <div class="form-group">
             <label for="phone">* Phone</label>
-            <input id="phone" v-model="form.phone" type="tel" />
+            <input id="phone" v-model.trim="form.phone" type="tel" />
           </div>
           <button type="submit" class="submit-btn">Submit</button>
         </form>