fix email-alerts
This commit is contained in:
parent
bbc63346a1
commit
ee596a518f
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user