| 
						
						
							
								
							
						
						
					 | 
					@ -97,6 +97,53 @@ | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-form-item label="房主姓名" prop="ownerName"> | 
					 | 
					 | 
					            <el-form-item label="房主姓名" prop="ownerName"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                <el-input v-model="dataForm.ownerName" placeholder="房主姓名" style="width: 210px;" disabled></el-input> | 
					 | 
					 | 
					                <el-input v-model="dataForm.ownerName" placeholder="房主姓名" style="width: 210px;" disabled></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            </el-form-item> | 
					 | 
					 | 
					            </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <div style="margin-left: 30px;height: 30px;font-weight: bold;">合同信息</div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <div style="margin-left: 50px;height: 30px;">出租人信息</div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="出租人姓名" prop="lessorName" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lessorName" placeholder="出租人姓名"></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="出租人证件号" prop="lessorIdCard" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lessorIdCard" placeholder="出租人证件号"></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="出租人手机" prop="lessorMobile" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lessorMobile" placeholder="出租人手机"></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="与房主关系" prop="lessorRelation" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <!--<el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input>--> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-select v-model="dataForm.lessorRelation" placeholder="与房主关系"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                <el-option v-for="item in lessorRelationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                </el-option> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            </el-select> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="出租人现居住地" prop="lessorLiveAddress" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lessorLiveAddress" placeholder="出租人现居住地" ></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <br/> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="中介合同附件" prop="agencyImgList" v-if="dataForm.lessorRelation ==='中介'" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <template> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					              <upload-image :defaultFileList="dataForm.agencyImgList" :limit="6" @change="onChangeAgencyImgList"></upload-image> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            </template> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <br/> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <div style="margin-left: 50px;height: 30px;">承租人信息</div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="承租人姓名" prop="lesseeName" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeName" placeholder="承租人姓名" ></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="承租人证件号" prop="lesseeIdCard" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeIdCard" placeholder="承租人证件号" ></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="承租人手机" prop="lesseeMobile" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机" ></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="工作单位" prop="lesseeUnit" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeUnit" placeholder="工作单位" ></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <el-form-item label="承租人户籍地" prop="lesseeHouseAddress" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeHouseAddress" placeholder="承租人户籍地" ></el-input> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        </el-form-item> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					        <br/> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <div style="padding:20px 30px"> | 
					 | 
					 | 
					        <div style="padding:20px 30px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					          <div style="font-weight: bold;">居住成员信息</div> | 
					 | 
					 | 
					          <div style="font-weight: bold;">居住成员信息</div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					          <br/> | 
					 | 
					 | 
					          <br/> | 
				
			
			
		
	
	
		
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
					@ -206,53 +253,6 @@ | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              </el-table-column> | 
					 | 
					 | 
					              </el-table-column> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					          </el-table> | 
					 | 
					 | 
					          </el-table> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </div> | 
					 | 
					 | 
					        </div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <div style="margin-left: 30px;height: 30px;font-weight: bold;">合同信息</div> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <div style="margin-left: 50px;height: 30px;">出租人信息</div> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="出租人姓名" prop="lessorName" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lessorName" placeholder="出租人姓名"></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="出租人证件号" prop="lessorIdCard" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lessorIdCard" placeholder="出租人证件号"></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="出租人手机" prop="lessorMobile" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lessorMobile" placeholder="出租人手机"></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="与房主关系" prop="lessorRelation" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <!--<el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input>--> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-select v-model="dataForm.lessorRelation" placeholder="与房主关系"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                <el-option v-for="item in lessorRelationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                </el-option> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            </el-select> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="出租人现居住地" prop="lessorLiveAddress" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lessorLiveAddress" placeholder="出租人现居住地" ></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <br/> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="中介合同附件" prop="agencyImgList" v-if="dataForm.lessorRelation ==='中介'" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <template> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              <upload-image :defaultFileList="dataForm.agencyImgList" :limit="6" @change="onChangeAgencyImgList"></upload-image> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            </template> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <br/> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					
 | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <div style="margin-left: 50px;height: 30px;">承租人信息</div> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="承租人姓名" prop="lesseeName" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeName" placeholder="承租人姓名" ></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="承租人证件号" prop="lesseeIdCard" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeIdCard" placeholder="承租人证件号" ></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="承租人手机" prop="lesseeMobile" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机" ></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="工作单位" prop="lesseeUnit" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeUnit" placeholder="工作单位" ></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="承租人户籍地" prop="lesseeHouseAddress" label-width="140px"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <el-input v-model="dataForm.lesseeHouseAddress" placeholder="承租人户籍地" ></el-input> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </el-form-item> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <br/> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					
 | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <div style="margin-left: 30px;height: 30px;font-weight: bold;">合同内容</div> | 
					 | 
					 | 
					        <div style="margin-left: 30px;height: 30px;font-weight: bold;">合同内容</div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        <el-form-item label="签署日期" prop="signDate" label-width="140px"> | 
					 | 
					 | 
					        <el-form-item label="签署日期" prop="signDate" label-width="140px"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <!--<el-input v-model="dataForm.signDate" placeholder="签署日期" ></el-input>--> | 
					 | 
					 | 
					            <!--<el-input v-model="dataForm.signDate" placeholder="签署日期" ></el-input>--> | 
				
			
			
		
	
	
		
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
					
  |