parent
ae9a6aabb9
commit
1c139338c0
@ -1,72 +1,86 @@
|
||||
<template>
|
||||
<el-form :model="form" ref="form" :rules="rules">
|
||||
<el-form-item label="姓名" label-position="right" prop="name">
|
||||
<el-input v-model.trim="form.name" />
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" label-position="right" prop="password">
|
||||
<el-input v-model.trim="form.password" type="password" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submit">保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
save
|
||||
} from '../../../api/system/user.js'
|
||||
import {
|
||||
getInfo
|
||||
} from '../../../api/user.js'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
id: "",
|
||||
name: "",
|
||||
username: "",
|
||||
password: ""
|
||||
},
|
||||
rules: {
|
||||
name: [{
|
||||
required: true,
|
||||
message: '请输入姓名',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
password: [{
|
||||
required: true,
|
||||
message: '请输入密码',
|
||||
trigger: 'blur',
|
||||
}]
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
getInfo().then(res => {
|
||||
this.form.id = res.id;
|
||||
this.form.name = res.name
|
||||
this.form.username = res.username
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
submit() {
|
||||
let that = this;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
save(that.form).then(response => {
|
||||
this.$Message.success('操作成功');
|
||||
}).catch(error => {
|
||||
//reject(error)
|
||||
})
|
||||
} else {
|
||||
this.$Message.error('数据校验失败');
|
||||
console.log('error submit!!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
<template>
|
||||
<el-form :model="form" ref="form" :rules="rules">
|
||||
<el-form-item label="姓名" label-position="right" prop="name">
|
||||
<el-input v-model.trim="form.name" />
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" label-position="right" prop="password">
|
||||
<el-input v-model.trim="form.password" type="password" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" label-position="right" prop="mobile">
|
||||
<el-input v-model.trim="form.mobile" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submit">保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
save
|
||||
} from '../../../api/system/user.js'
|
||||
import {
|
||||
getInfo
|
||||
} from '../../../api/user.js'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
id: "",
|
||||
name: "",
|
||||
username: "",
|
||||
password: "",
|
||||
mobile: "",
|
||||
},
|
||||
rules: {
|
||||
name: [{
|
||||
required: true,
|
||||
message: '请输入姓名',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
password: [{
|
||||
required: true,
|
||||
message: '请输入密码',
|
||||
trigger: 'blur',
|
||||
}],
|
||||
mobile: [{
|
||||
required: true,
|
||||
message: '请输入手机号',
|
||||
trigger: 'blur',
|
||||
},{
|
||||
pattern: /^1[3456789]\d{9}$/,
|
||||
message: "手机号格式不正确",
|
||||
trigger: "blur",
|
||||
}]
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
getInfo().then(res => {
|
||||
this.form.id = res.id;
|
||||
this.form.name = res.name
|
||||
this.form.username = res.username
|
||||
this.form.mobile = res.mobile
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
submit() {
|
||||
let that = this;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
save(that.form).then(response => {
|
||||
this.$Message.success('操作成功');
|
||||
}).catch(error => {
|
||||
//reject(error)
|
||||
})
|
||||
} else {
|
||||
this.$Message.error('数据校验失败');
|
||||
console.log('error submit!!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Loading…
Reference in new issue