Browse Source

修改必填项

dev-新版ui
zhaoyongnian 3 years ago
parent
commit
1ce89f5167
  1. 57
      src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
  2. 4
      src/views/modules/plugins/rent/rentcontractreview.vue

57
src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue

@ -140,7 +140,7 @@
<el-form-item label="工作单位" prop="lesseeUnit" label-width="140px"> <el-form-item label="工作单位" prop="lesseeUnit" label-width="140px">
<el-input v-model="dataForm.lesseeUnit" placeholder="工作单位" ></el-input> <el-input v-model="dataForm.lesseeUnit" placeholder="工作单位" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="承租人户籍地" prop="lesseeHouseAddress" label-width="140px"> <el-form-item label="承租人户籍地" label-width="140px">
<el-input v-model="dataForm.lesseeHouseAddress" placeholder="承租人户籍地" ></el-input> <el-input v-model="dataForm.lesseeHouseAddress" placeholder="承租人户籍地" ></el-input>
</el-form-item> </el-form-item>
<br/> <br/>
@ -187,6 +187,15 @@
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="hjszd" label="户籍地" :render-header="renderHeader" header-align="center" align="center" width="180">
<template slot-scope="scope">
<el-form-item :prop="'tenantList['+scope.$index+'].hjszd'" required :show-message="false">
<el-input v-model="dataForm.tenantList[scope.$index].hjszd"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="unit" label="工作单位" :render-header="renderHeader" header-align="center" align="center" width="180" show-overflow-tooltip> <el-table-column prop="unit" label="工作单位" :render-header="renderHeader" header-align="center" align="center" width="180" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item :prop="'tenantList['+scope.$index+'].unit'" required :show-message="false"> <el-form-item :prop="'tenantList['+scope.$index+'].unit'" required :show-message="false">
@ -236,12 +245,12 @@
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="证件照片" :render-header="renderHeader" header-align="center" align="center" width="245px"> <el-table-column label="证件照片" header-align="center" align="center" width="245px">
<template slot-scope="scope"> <template slot-scope="scope">
<upload-image :defaultFileList="dataForm.tenantList[scope.$index].idCardImgList" :limit="2" :rowIndex="scope.$index" @change="onChangeTenantListIdImgList"></upload-image> <upload-image :defaultFileList="dataForm.tenantList[scope.$index].idCardImgList" :limit="2" :rowIndex="scope.$index" @change="onChangeTenantListIdImgList"></upload-image>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="imgList" label="照片" :render-header="renderHeader" header-align="center" align="center" width="215px"> <el-table-column prop="imgList" label="照片" header-align="center" align="center" width="215px">
<template slot-scope="scope"> <template slot-scope="scope">
<upload-image :defaultFileList="dataForm.tenantList[scope.$index].imgList" :limit="3" :rowIndex="scope.$index" @change="onChangeImgList"></upload-image> <upload-image :defaultFileList="dataForm.tenantList[scope.$index].imgList" :limit="3" :rowIndex="scope.$index" @change="onChangeImgList"></upload-image>
</template> </template>
@ -286,7 +295,7 @@
</el-form-item> </el-form-item>
<br/> <br/>
<el-form-item label="合同照片" prop="fileList" label-width="140px"> <el-form-item label="合同照片" label-width="140px">
<template> <template>
<upload-image :defaultFileList="dataForm.fileList" :limit="6" @change="onChangeFileList"></upload-image> <upload-image :defaultFileList="dataForm.fileList" :limit="6" @change="onChangeFileList"></upload-image>
</template> </template>
@ -483,9 +492,9 @@ export default {
lesseeUnit: [ lesseeUnit: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], ],
lesseeHouseAddress: [ // lesseeHouseAddress: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
signDate: [ signDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], ],
@ -495,9 +504,9 @@ export default {
endDate: [ endDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], ],
fileList: [ // fileList: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], // ],
// agencyImgList: [ // agencyImgList: [
// { required: true, message: this.$t('validate.required'), trigger: 'blur' } // { required: true, message: this.$t('validate.required'), trigger: 'blur' }
// ] // ]
@ -939,20 +948,20 @@ export default {
if (!valid) { if (!valid) {
return false return false
} }
const isUploadIdCardImgList = this.dataForm.tenantList.some(item => { // const isUploadIdCardImgList = this.dataForm.tenantList.some(item => {
return item.idCardImgList.length == 0 // return item.idCardImgList.length == 0
}) // })
if (isUploadIdCardImgList) { // if (isUploadIdCardImgList) {
this.$message.error('请上传成员证件照片') // this.$message.error('')
return // return
} // }
const isUploadImgList = this.dataForm.tenantList.some(item => { // const isUploadImgList = this.dataForm.tenantList.some(item => {
return item.imgList.length == 0 // return item.imgList.length == 0
}) // })
if (isUploadImgList) { // if (isUploadImgList) {
this.$message.error('请上传成员照片') // this.$message.error('')
return // return
} // }
if (this.dataForm.lessorRelation == '中介') { if (this.dataForm.lessorRelation == '中介') {
if (this.dataForm.agencyImgList.length == 0) { if (this.dataForm.agencyImgList.length == 0) {
this.$message.error('请上传中介委托照片') this.$message.error('请上传中介委托照片')

4
src/views/modules/plugins/rent/rentcontractreview.vue

@ -104,10 +104,10 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="承租人证件号" label-width="100px"> <el-form-item label="承租人证件号" label-width="110px">
<el-input size="small" v-model="dataForm.lesseeIdCard" placeholder='承租人证件号' clearable @keyup.native="btKeyUpLesseeIdCard"></el-input> <el-input size="small" v-model="dataForm.lesseeIdCard" placeholder='承租人证件号' clearable @keyup.native="btKeyUpLesseeIdCard"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="承租人手机号" label-width="100px"> <el-form-item label="承租人手机号" label-width="110px">
<el-input size="small" v-model="dataForm.lesseeMobile" placeholder='承租人手机号' clearable @keyup.native="btKeyUpLesseeMobile"></el-input> <el-input size="small" v-model="dataForm.lesseeMobile" placeholder='承租人手机号' clearable @keyup.native="btKeyUpLesseeMobile"></el-input>
</el-form-item> </el-form-item>
<br/> <br/>

Loading…
Cancel
Save