|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
+ <div class="form">
|
|
|
<div class="description-title">
|
|
|
<span>基本信息</span>
|
|
|
</div>
|
|
@@ -16,14 +16,37 @@
|
|
|
</td>
|
|
|
<th class="description-label">手机号</th>
|
|
|
<td class="description-content">
|
|
|
- <el-form-item prop="mobileNo">
|
|
|
- <el-input size="mini" minlength="11" maxlength="11" v-model="form.mobileNo" placeholder="请输入手机号"/>
|
|
|
+ <el-form-item
|
|
|
+ prop="mobileNo"
|
|
|
+ :rules="[
|
|
|
+ { required: !(form.wechatNo), message: '请输入手机号', trigger: 'blur' },
|
|
|
+ { min: 11, max: 11, message: '请输入正确的手机号码', trigger: 'blur' }
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ size="mini"
|
|
|
+ minlength="11"
|
|
|
+ maxlength="11"
|
|
|
+ v-model="form.mobileNo"
|
|
|
+ @blur="mobileOrWechatValidate"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</td>
|
|
|
<th class="description-label">微信号</th>
|
|
|
<td class="description-content">
|
|
|
- <el-form-item prop="wechatNo">
|
|
|
- <el-input size="mini" v-model="form.wechatNo" placeholder="请输入微信号"/>
|
|
|
+ <el-form-item
|
|
|
+ prop="wechatNo"
|
|
|
+ :rules="[
|
|
|
+ { required: !(form.mobileNo), message: '请输入微信号', trigger: 'blur' },
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ size="mini"
|
|
|
+ v-model="form.wechatNo"
|
|
|
+ @blur="mobileOrWechatValidate"
|
|
|
+ placeholder="请输入微信号"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -413,10 +436,6 @@ export default {
|
|
|
liveCity: [
|
|
|
{ required: true, message: '请输入所在城市', trigger: 'blur' },
|
|
|
],
|
|
|
- mobileNo: [
|
|
|
- { required: true, message: '请输入手机号', trigger: 'blur' },
|
|
|
- { min: 11, max: 11, message: '请输入正确的手机号码', trigger: 'blur' }
|
|
|
- ],
|
|
|
otherComment: [
|
|
|
{ required: true, message: '请输入其他综合情况', trigger: 'blur' },
|
|
|
],
|
|
@@ -509,6 +528,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
+ },
|
|
|
+ mobileOrWechatValidate() {
|
|
|
+ this.$refs['ruleForm'].validateField('wechatNo')
|
|
|
+ this.$refs['ruleForm'].validateField('mobileNo')
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -588,4 +611,12 @@ export default {
|
|
|
.description-tr .description-content:last-child {
|
|
|
border-right: none;
|
|
|
}
|
|
|
+ .form{
|
|
|
+ /deep/ .el-form-item{
|
|
|
+ margin-bottom: 12px;
|
|
|
+ }
|
|
|
+ /deep/ .el-form-item__error{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|