This commit is contained in:
memo 2021-03-20 01:07:40 +08:00
parent 78b6267321
commit 6a1483e24e
3 changed files with 176 additions and 178 deletions

View File

@ -1,8 +1,8 @@
import axios from 'axios' import axios from 'axios'
// import {getHeaders} from '../utils/token' // import {getHeaders} from '../utils/token'
// const baseUrl = 'http://localhost:8083/api/' const baseUrl = 'http://localhost:8083/api/'
const baseUrl = 'http://api.tomey.live/api/' // const baseUrl = 'http://api.tomey.live/api/'
class HttpRequest { class HttpRequest {
constructor (baseUrl) { constructor (baseUrl) {
this.baseUrl = baseUrl this.baseUrl = baseUrl

View File

@ -41,91 +41,90 @@
import {gotoNewOrder} from './../../../assets/js/gotoNewOrder' import {gotoNewOrder} from './../../../assets/js/gotoNewOrder'
import axios from 'axios' import axios from 'axios'
export default { export default {
data() { data () {
let regexpPhoneNumber=(rule, value, callback) => { let regexpPhoneNumber = (rule, value, callback) => {
if (value === '') { if (value === '') {
callback(new Error('请输入联系电话!')); callback(new Error('请输入联系电话!'))
}else if(!/^1[3-8][0-9]{9}$/.test(value)){ } else if (!/^1[3-8][0-9]{9}$/.test(value)) {
callback(new Error('手机号码格式不正确!')); callback(new Error('手机号码格式不正确!'))
}else{ } else {
callback(); 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();
} }
} }
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()
}
} }
}
</script> </script>
<style lang='scss'> <style lang='scss'>

View File

@ -41,91 +41,90 @@
import {gotoNewOrder} from './../../../assets/js/gotoNewOrder' import {gotoNewOrder} from './../../../assets/js/gotoNewOrder'
import axios from 'axios' import axios from 'axios'
export default { export default {
data() { data () {
let regexpPhoneNumber=(rule, value, callback) => { let regexpPhoneNumber = (rule, value, callback) => {
if (value === '') { if (value === '') {
callback(new Error('请输入联系电话!')); callback(new Error('请输入联系电话!'))
}else if(!/^1[3-8][0-9]{9}$/.test(value)){ } else if (!/^1[3-8][0-9]{9}$/.test(value)) {
callback(new Error('手机号码格式不正确!')); callback(new Error('手机号码格式不正确!'))
}else{ } else {
callback(); 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();
} }
} }
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()
}
} }
}
</script> </script>
<style lang='scss'> <style lang='scss'>