|
@ -1,9 +1,9 @@ |
|
|
<template> |
|
|
<template> |
|
|
<el-dialog :visible.sync="visible" :title="dataForm.flag === '1' ? '查看' : '审核'" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
|
<el-dialog class="rent" :visible.sync="visible" :title="dataForm.flag === '1' ? '查看' : '审核'" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
|
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" |
|
|
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" |
|
|
@keyup.enter.native="dataFormSubmitHandle()" label-width="120px" disabled> |
|
|
@keyup.enter.native="dataFormSubmitHandle()" label-width="140px" disabled> |
|
|
<div v-if="dataForm.flag === '2'"> |
|
|
<div v-if="dataForm.flag === '2'"> |
|
|
<div style="height: 30px;font-weight: bold;">房屋信息</div> |
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">房屋信息</div> |
|
|
<el-form-item label="所属社区" prop="gridName"> |
|
|
<el-form-item label="所属社区" prop="gridName"> |
|
|
<el-input v-model="dataForm.gridName" placeholder="网格"></el-input> |
|
|
<el-input v-model="dataForm.gridName" placeholder="网格"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
@ -19,7 +19,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<br/> |
|
|
<br/> |
|
|
|
|
|
|
|
|
<div style="height: 30px;font-weight: bold;">居住成员信息</div> |
|
|
<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 v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%"> |
|
|
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|
|
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
@ -41,8 +41,8 @@ |
|
|
<br/> |
|
|
<br/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div style="height: 30px;font-weight: bold;">合同信息</div> |
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">合同信息</div> |
|
|
<div style="height: 30px;">出租人信息</div> |
|
|
<div style="margin-left: 50px;height: 30px;">出租人信息</div> |
|
|
<el-form-item label="出租人姓名" prop="lessorName"> |
|
|
<el-form-item label="出租人姓名" prop="lessorName"> |
|
|
<el-input v-model="dataForm.lessorName" placeholder="出租人姓名"></el-input> |
|
|
<el-input v-model="dataForm.lessorName" placeholder="出租人姓名"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
@ -55,7 +55,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<br/> |
|
|
<br/> |
|
|
|
|
|
|
|
|
<div style="height: 30px;">承租人信息</div> |
|
|
<div style="margin-left: 50px;height: 30px;">承租人信息</div> |
|
|
<el-form-item label="承租人姓名" prop="lesseeName"> |
|
|
<el-form-item label="承租人姓名" prop="lesseeName"> |
|
|
<el-input v-model="dataForm.lesseeName" placeholder="承租人姓名"></el-input> |
|
|
<el-input v-model="dataForm.lesseeName" placeholder="承租人姓名"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
@ -68,7 +68,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<br/> |
|
|
<br/> |
|
|
|
|
|
|
|
|
<div style="height: 30px;font-weight: bold;">合同内容</div> |
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">合同内容</div> |
|
|
<el-form-item label="签署日期" prop="signDate"> |
|
|
<el-form-item label="签署日期" prop="signDate"> |
|
|
<el-input v-model="dataForm.signDate" placeholder="签署日期"></el-input> |
|
|
<el-input v-model="dataForm.signDate" placeholder="签署日期"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
@ -279,3 +279,10 @@ export default { |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
|
.rent { |
|
|
|
|
|
.el-form--inline .el-form-item__content { |
|
|
|
|
|
width: 280px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|