|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<el-dialog title='添加用户' :visible.sync='dialogVisible' width='500px'>
|
|
|
<div class='edit-box'>
|
|
|
- <el-form ref='form' :model='form' label-width='80px'>
|
|
|
+ <el-form ref='form' :model='form' :rules="rules" label-width='80px'>
|
|
|
<el-form-item label='姓名' prop='UserName'>
|
|
|
<el-input v-model.trim='form.UserName'></el-input>
|
|
|
</el-form-item>
|
|
@@ -23,6 +23,11 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
data() {
|
|
|
+ var validatePhone = (rule, value, callback) => {
|
|
|
+ console.log(value)
|
|
|
+ let reg = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/;
|
|
|
+
|
|
|
+ }
|
|
|
return {
|
|
|
dialogVisible: false,
|
|
|
form: {
|
|
@@ -31,7 +36,9 @@ export default {
|
|
|
Note: ''
|
|
|
},
|
|
|
rules: {
|
|
|
-
|
|
|
+ UserName: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
|
|
+ Phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' },{validator: validatePhone, trigger: 'blur'}],
|
|
|
+ Note: [{ required: true, message: '请输入备注', trigger: 'blur' }]
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -44,7 +51,12 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang='less'>
|
|
|
+.input-length {
|
|
|
+ width: 300px;
|
|
|
+}
|
|
|
.edit-box {
|
|
|
height: 300px;
|
|
|
+ width: 380px;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
</style>
|