| 
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -17,30 +17,38 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <el-form-item label="房主姓名" prop="ownerName"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <el-input v-model="dataForm.ownerName" placeholder="房主姓名"></el-input> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            </el-form-item> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <br/> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <div style="margin-left: 50px;height: 30px;font-weight: bold;">居住成员信息</div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <el-table v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <el-table-column label="序号" header-align="center" align="center" width="50px"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    <template slot-scope="scope"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                        {{scope.$index+1}} | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    </template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <el-table-column prop="yfzgx" label="与户主关系" header-align="center" align="center"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <el-table-column prop="mobile" label="手机" header-align="center" align="center"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <el-table-column prop="idCard" label="身份证号" header-align="center" align="center"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <el-table-column prop="imgList" label="照片" header-align="center" align="center"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    <template slot-scope="scope"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                        <div v-for="(item,index) in scope.row.imgList" :key="index"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                            <img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40"  /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                        </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    </template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            </el-table> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <br/> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <div style="padding:20px 30px"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          <div style="height: 30px;font-weight: bold;">居住成员信息</div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          <el-table v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column label="序号" header-align="center" align="center" width="50px"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  <template slot-scope="scope"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                      {{scope.$index+1}} | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  </template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              </el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="yfzgx" label="与户主关系" header-align="center" align="center" width="120"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="mobile" label="手机" header-align="center" align="center" width="120"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="idCard" label="身份证号" header-align="center" align="center" width="180"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="politicalStatus" label="政治面貌" header-align="center" align="center"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="isMilitary" label="是否服过兵役" header-align="center" align="center" width="120"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="nation" label="国籍" header-align="center" align="center"></el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="idCardImgList" label="身份证照片" header-align="center" align="center"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  <template slot-scope="scope"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                      <div v-for="(item,index) in scope.row.idCardImgList" :key="index"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                          <img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40"  /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                      </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  </template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              </el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              <el-table-column prop="imgList" label="照片" header-align="center" align="center"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  <template slot-scope="scope"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                      <div v-for="(item,index) in scope.row.imgList" :key="index"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                          <img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40"  /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                      </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  </template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              </el-table-column> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          </el-table> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <div style="margin-left: 50px;height: 30px;font-weight: bold;">合同信息</div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <div style="margin-left: 50px;height: 30px;">出租人信息</div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <el-form-item label="出租人姓名" prop="lessorName"> | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -67,6 +75,18 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机"></el-input> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </el-form-item> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <br/> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <el-form-item label="与房主关系" prop="lessorRelation"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </el-form-item> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <br/> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <el-form-item label="中介合同附件" prop="agencyImgList" v-if="dataForm.lessorRelation ==='中介'"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <label v-for="(item,index) in dataForm.agencyImgList" :key="index"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    <img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </label> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            </template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </el-form-item> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <br/> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <div style="margin-left: 50px;height: 30px;font-weight: bold;">合同内容</div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <el-form-item label="签署日期" prop="signDate"> | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -82,7 +102,7 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <br/> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <el-form-item label="合同附件" prop="fileList"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <template slot-scope="scope"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <template> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                <label v-for="(item,index) in dataForm.fileList" :key="index"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    <img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                </label> | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -238,17 +258,27 @@ export default { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          if (res.code !== 0) { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            return this.$message.error(res.msg) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          this.$message({ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            message: this.$t('prompt.success'), | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            type: 'success', | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            duration: 500, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            onClose: () => { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              this.visible = false | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              this.$emit('refreshDataList') | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          }) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          // 调用文件下发权限接口 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          this.fileJurisdiction(params) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        }).catch(() => {}) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      }, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      // 文件下发权限接口 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      fileJurisdiction (params) { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          this.$http.post('/pli/power/rentContractInfo/send', params).then(({ data: res }) => { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              if (res.code !== 0) { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  return this.$message.error(res.msg) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              this.$message({ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  message: this.$t('prompt.success'), | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  type: 'success', | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  duration: 500, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  onClose: () => { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                      this.visible = false | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                      this.$emit('refreshDataList') | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                  } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              }) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          }).catch(() => {}) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      }, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    // 表单提交 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    dataFormSubmitHandle: debounce(function () { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.$refs['dataForm'].validate((valid) => { | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
				
				 | 
				
					
  |