From 3c4fee1db116c11d4f04727cfe076d7c94daeaf2 Mon Sep 17 00:00:00 2001 From: yanzhaofeige <yanzhaofeige@qq.com> Date: Mon, 30 Sep 2024 12:10:57 +0800 Subject: [PATCH] init --- cpzidc-ui/src/views/system/user/profile/userInfo.vue | 88 ++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 88 insertions(+), 0 deletions(-) diff --git a/cpzidc-ui/src/views/system/user/profile/userInfo.vue b/cpzidc-ui/src/views/system/user/profile/userInfo.vue new file mode 100644 index 0000000..c970dc9 --- /dev/null +++ b/cpzidc-ui/src/views/system/user/profile/userInfo.vue @@ -0,0 +1,88 @@ +<template> + <el-form ref="form" :model="form" :rules="rules" label-width="80px"> + <el-form-item label="用户昵称" prop="nickName"> + <el-input v-model="form.nickName" maxlength="30" /> + </el-form-item> + <el-form-item label="手机号码" prop="phonenumber"> + <el-input v-model="form.phonenumber" maxlength="11" /> + </el-form-item> + <el-form-item label="邮箱" prop="email"> + <el-input v-model="form.email" maxlength="50" /> + </el-form-item> + <el-form-item label="性别"> + <el-radio-group v-model="form.sex"> + <el-radio label="0">男</el-radio> + <el-radio label="1">女</el-radio> + </el-radio-group> + </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 { updateUserProfile } from "@/api/system/user"; + +export default { + props: { + user: { + type: Object + } + }, + data() { + return { + form: {}, + // 表单校验 + 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" + } + ] + } + }; + }, + watch: { + user: { + handler(user) { + if (user) { + this.form = { nickName: user.nickName, phonenumber: user.phonenumber, email: user.email, sex: user.sex }; + } + }, + immediate: true + } + }, + methods: { + submit() { + this.$refs["form"].validate(valid => { + if (valid) { + updateUserProfile(this.form).then(response => { + this.$modal.msgSuccess("修改成功"); + this.user.phonenumber = this.form.phonenumber; + this.user.email = this.form.email; + }); + } + }); + }, + close() { + this.$tab.closePage(); + } + } +}; +</script> -- Gitblit v1.9.3