wangpeng
/
integrated_traffic_vue
forked from integrated_whb/integrated_whb_vue
1
0
Fork 0
Code Pull Requests Activity

feat(layout): 更新信息组件中添加姓名字段 

- 在 update_info.vue 文件中添加了姓名输入框- 增加了姓名字段的验证规则
- 调整了表单项的顺序，将姓名放在邮箱之前
dev
10396 2025-06-25 16:34:03 +08:00
parent 4f0a07f2fc
commit 66b1686dd2
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/layout/header/components/update_info.vue
View File

@ -23,6 +23,9 @@
autocomplete="off" autocomplete="off"
/> />
</el-form-item> </el-form-item>
<el-form-item label="姓名" prop="NAME">
<el-input v-model="form.NAME" placeholder="这里输入姓名..." />
</el-form-item>
<el-form-item label="邮箱" prop="EMAIL"> <el-form-item label="邮箱" prop="EMAIL">
<el-input v-model="form.EMAIL" placeholder="这里输入邮箱..." /> <el-input v-model="form.EMAIL" placeholder="这里输入邮箱..." />
</el-form-item> </el-form-item>
@ -50,7 +53,7 @@ import useFormValidate from "@/assets/js/useFormValidate.js";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import { useUserStore } from "@/pinia/user.js"; import { useUserStore } from "@/pinia/user.js";
import { ref } from "vue"; import { ref } from "vue";
import {useRouter} from "vue-router"; import { useRouter } from "vue-router";
const userStore = useUserStore(); const userStore = useUserStore();
const props = defineProps({ const props = defineProps({
@ -105,6 +108,7 @@ const validateEmail = async (rule, value, callback) => {
} else callback(); } else callback();
}; };
const rules = { const rules = {
NAME: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
EMAIL: [ EMAIL: [
{ required: false, message: "请输入邮箱", trigger: "blur" }, { required: false, message: "请输入邮箱", trigger: "blur" },
{ {