fix email-alerts

This commit is contained in:
yuanshan 2025-10-15 10:27:33 +08:00
parent bbc63346a1
commit ee596a518f
4 changed files with 95 additions and 20 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>