You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

80 lines
2.1 KiB

<template>
<el-form ref="form" :model="user" :rules="rules" label-width="80px">
<el-form-item label="用户姓名" prop="name">
<el-input v-model="user.name" />
</el-form-item>
<el-form-item label="手机号码" prop="phoneNumber">
<el-input v-model="user.phoneNumber" maxlength="11" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="user.email" maxlength="50" />
</el-form-item>
<el-form-item>
<el-button type="primary" size="mini" @click="submit">保存</el-button>
<el-button type="danger" size="mini" @click="close">重置</el-button>
</el-form-item>
</el-form>
</template>
<script>
import { putLoginUserInfo } from "@/api/wms-auth";
export default {
props: {
user: {
type: Object,
},
},
data() {
return {
// 表单校验
rules: {
nickName: [
{ required: true, message: "用户昵称不能为空", trigger: "blur" },
],
email: [
{ required: true, message: "邮箱地址不能为空", trigger: "blur" },
{
type: "email",
message: "'请输入正确的邮箱地址",
trigger: ["blur", "change"],
},
],
phonenumber: [
{ required: true, message: "手机号码不能为空", trigger: "blur" },
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的手机号码",
trigger: "blur",
},
],
},
};
},
methods: {
submit() {
this.$refs["form"].validate((valid) => {
if (valid) {
putLoginUserInfo(this.user)
.then((response) => {
this.$notify({
title: "成功",
message: "修改成功",
type: "success",
duration: 2000,
});
})
.catch(() => {
//
});
}
});
},
close() {
this.$refs["form"].resetFields();
//this.$store.dispatch("tagsView/delView", this.$route);
//this.$router.push({ path: "/dashboard" });
},
},
};
</script>