From 6a1483e24e0c79f733fde3f2063465f99909ed0c Mon Sep 17 00:00:00 2001 From: memo <1942223609@qq.com> Date: Sat, 20 Mar 2021 01:07:40 +0800 Subject: [PATCH] 123 --- src/api/api.config.js | 4 +- src/components/personPage/user/AddInfo.vue | 175 +++++++++--------- .../personPage/user/addInformation.vue | 175 +++++++++--------- 3 files changed, 176 insertions(+), 178 deletions(-) diff --git a/src/api/api.config.js b/src/api/api.config.js index 3583b5e..8d086d3 100644 --- a/src/api/api.config.js +++ b/src/api/api.config.js @@ -1,8 +1,8 @@ import axios from 'axios' // import {getHeaders} from '../utils/token' -// const baseUrl = 'http://localhost:8083/api/' -const baseUrl = 'http://api.tomey.live/api/' +const baseUrl = 'http://localhost:8083/api/' +// const baseUrl = 'http://api.tomey.live/api/' class HttpRequest { constructor (baseUrl) { this.baseUrl = baseUrl diff --git a/src/components/personPage/user/AddInfo.vue b/src/components/personPage/user/AddInfo.vue index 50639f1..fec4ee1 100644 --- a/src/components/personPage/user/AddInfo.vue +++ b/src/components/personPage/user/AddInfo.vue @@ -2,17 +2,17 @@
当前位置 :: 个人中心 >> 完善个人信息
- - - + @@ -21,12 +21,12 @@ - + - + 修改 @@ -41,91 +41,90 @@ import {gotoNewOrder} from './../../../assets/js/gotoNewOrder' import axios from 'axios' export default { - data() { - let regexpPhoneNumber=(rule, value, callback) => { - if (value === '') { - callback(new Error('请输入联系电话!')); - }else if(!/^1[3-8][0-9]{9}$/.test(value)){ - callback(new Error('手机号码格式不正确!')); - }else{ - callback(); - } - }; - return { - ruleForm: { - userName: '', - phoneNum:'', - gender:1, - address:'' - }, - rules: { - userName: [ - { required: true, message: '请输入名字', trigger: 'blur' }, - { min: 2, max: 6, message: '长度在 3 到 6 个字符', trigger: 'change' }, - { min: 2, max: 6, message: '长度在 3 到 6 个字符', trigger: 'blur' }, - { pattern:/\D/, message: '不能为纯数字', trigger: 'change' }, - { pattern:/\D/, message: '不能为纯数字', trigger: 'blur' } - ], - phoneNum: [ - { required: true, message: '请输入您的联系方式'}, - { validator: regexpPhoneNumber, trigger: 'change'}, - { validator: regexpPhoneNumber, trigger: 'blur'} - ], - gender: [ - { required: true, type:'number', message: '请选择性别', trigger: 'change' } - ], - address:[ - { required: true, message: '请输入联系地址', trigger: 'blur' } - ] - } - }; - }, - mounted() { - this.ruleForm.phoneNum = this.$store.state.user.userInfo.userId; - }, - methods: { - submitForm(formName) { - this.$refs[formName].validate((valid) => { - if (valid) { - let addInfo = { - userName:this.ruleForm.userName, - phoneNum:this.ruleForm.phoneNum, - gender:this.ruleForm.gender, - address:this.ruleForm.address - } - axios.post(`/users/addInformation`,addInfo).then(response=>{ - let res = response.data; - if(res.status=='0'){ - this.$notify({ - title: '修改成功', - message: '恭喜你! 修改成功!', - duration:2000, - type: 'success' - }); - gotoNewOrder.$emit('goNewOrder','userInformation'); - this.$router.push({path:'userInformation'}); - }else{ - this.$notify({ - title: '修改失败', - message:res.msg, - duration:2000, - type: 'error' - }); - } - }).catch(err=>{ - console.log(err); - - }) - } else { - return false; - } - }); - }, - resetForm(formName) { - this.$refs[formName].resetFields(); + data () { + let regexpPhoneNumber = (rule, value, callback) => { + if (value === '') { + callback(new Error('请输入联系电话!')) + } else if (!/^1[3-8][0-9]{9}$/.test(value)) { + callback(new Error('手机号码格式不正确!')) + } else { + callback() } } + return { + ruleForm: { + userName: '', + phoneNum: '', + gender: 1, + address: '' + }, + rules: { + userName: [ + { required: true, message: '请输入名字', trigger: 'blur' }, + { min: 2, max: 6, message: '长度在 3 到 6 个字符', trigger: 'change' }, + { min: 2, max: 6, message: '长度在 3 到 6 个字符', trigger: 'blur' }, + { pattern: /\D/, message: '不能为纯数字', trigger: 'change' }, + { pattern: /\D/, message: '不能为纯数字', trigger: 'blur' } + ], + phoneNum: [ + { required: true, message: '请输入您的联系方式'}, + { validator: regexpPhoneNumber, trigger: 'change'}, + { validator: regexpPhoneNumber, trigger: 'blur'} + ], + gender: [ + { required: true, type: 'number', message: '请选择性别', trigger: 'change' } + ], + address: [ + { required: true, message: '请输入联系地址', trigger: 'blur' } + ] + } + } + }, + mounted () { + this.ruleForm.phoneNum = this.$store.state.user.userInfo.userId + }, + methods: { + submitForm (formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + let addInfo = { + userName: this.ruleForm.userName, + phoneNum: this.ruleForm.phoneNum, + gender: this.ruleForm.gender, + address: this.ruleForm.address + } + axios.post(`/users/addInformation`, addInfo).then(response => { + let res = response.data + if (res.status == '0') { + this.$notify({ + title: '修改成功', + message: '恭喜你! 修改成功!', + duration: 2000, + type: 'success' + }) + gotoNewOrder.$emit('goNewOrder', 'userInformation') + this.$router.push({path: 'userInformation'}) + } else { + this.$notify({ + title: '修改失败', + message: res.msg, + duration: 2000, + type: 'error' + }) + } + }).catch(err => { + console.log(err) + }) + } else { + return false + } + }) + }, + resetForm (formName) { + this.$refs[formName].resetFields() + } } +}