|
|
@ -3,16 +3,28 @@ |
|
|
<el-card> |
|
|
<el-card> |
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
<el-form-item label="房屋编号" prop="houseName"> |
|
|
<el-form-item label="房屋编号" prop="houseName"> |
|
|
<el-input v-model="dataForm.houseName" placeholder="房屋编号" clearable></el-input> |
|
|
<el-input |
|
|
|
|
|
v-model="dataForm.houseName" |
|
|
|
|
|
placeholder="房屋编号" |
|
|
|
|
|
clearable |
|
|
|
|
|
></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="房主姓名" prop="residentName"> |
|
|
<el-form-item label="房主姓名" prop="residentName"> |
|
|
<el-input v-model="dataForm.residentName" placeholder="房主姓名" clearable></el-input> |
|
|
<el-input |
|
|
|
|
|
v-model="dataForm.residentName" |
|
|
|
|
|
placeholder="房主姓名" |
|
|
|
|
|
clearable |
|
|
|
|
|
></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="承租人姓名" prop="renterName"> |
|
|
<el-form-item label="承租人姓名" prop="renterName"> |
|
|
<el-input v-model="dataForm.renterName" placeholder="承租人姓名" clearable></el-input> |
|
|
<el-input |
|
|
|
|
|
v-model="dataForm.renterName" |
|
|
|
|
|
placeholder="承租人姓名" |
|
|
|
|
|
clearable |
|
|
|
|
|
></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button> |
|
|
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<!-- <el-form-item> |
|
|
<!-- <el-form-item> |
|
|
<el-button v-if="$hasPermission('axis:caResident:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
|
<el-button v-if="$hasPermission('axis:caResident:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
|
@ -23,19 +35,77 @@ |
|
|
</el-form> |
|
|
</el-form> |
|
|
</el-card> |
|
|
</el-card> |
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|
|
<el-table |
|
|
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|
|
v-loading="dataListLoading" |
|
|
<el-table-column prop="houseName" label="房屋编号" header-align="center" align="center"></el-table-column> |
|
|
:data="dataList" |
|
|
<el-table-column prop="houseAddress" label="房屋地址" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
|
|
border |
|
|
<el-table-column prop="houseArea" label="建筑面积(平方米)" header-align="center" align="center"></el-table-column> |
|
|
@selection-change="dataListSelectionChangeHandle" |
|
|
<el-table-column prop="residentName" label="房主姓名" header-align="center" align="center"></el-table-column> |
|
|
style="width: 100%" |
|
|
<el-table-column prop="telephone" label="房主联系方式" header-align="center" align="center"></el-table-column> |
|
|
> |
|
|
<el-table-column prop="rentUse" label="出租用途" header-align="center" align="center"></el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="renterName" label="承租人姓名" header-align="center" align="center"></el-table-column> |
|
|
type="selection" |
|
|
<el-table-column prop="renterPhone" label="承租人联系方式" header-align="center" align="center"></el-table-column> |
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
width="50" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="houseName" |
|
|
|
|
|
label="房屋编号" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="houseAddress" |
|
|
|
|
|
label="房屋地址" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="houseArea" |
|
|
|
|
|
label="建筑面积(平方米)" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="residentName" |
|
|
|
|
|
label="房主姓名" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="telephone" |
|
|
|
|
|
label="房主联系方式" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="rentUse" |
|
|
|
|
|
label="出租用途" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="renterName" |
|
|
|
|
|
label="承租人姓名" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="renterPhone" |
|
|
|
|
|
label="承租人联系方式" |
|
|
|
|
|
header-align="center" |
|
|
|
|
|
align="center" |
|
|
|
|
|
></el-table-column> |
|
|
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
|
|
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button type="text" class="div-table-button--detail" size="small" @click="addOrUpdateHandle(scope.row.rentalId)">查看</el-button> |
|
|
<el-button |
|
|
|
|
|
type="text" |
|
|
|
|
|
class="div-table-button--detail" |
|
|
|
|
|
size="small" |
|
|
|
|
|
@click="addOrUpdateHandle(scope.row.rentalId)" |
|
|
|
|
|
>查看</el-button |
|
|
|
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
@ -46,36 +116,41 @@ |
|
|
:total="total" |
|
|
:total="total" |
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
@size-change="pageSizeChangeHandle" |
|
|
@size-change="pageSizeChangeHandle" |
|
|
@current-change="pageCurrentChangeHandle"> |
|
|
@current-change="pageCurrentChangeHandle" |
|
|
|
|
|
> |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
<!-- 弹窗, 新增 / 修改 --> |
|
|
<!-- 弹窗, 新增 / 修改 --> |
|
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|
|
<add-or-update |
|
|
|
|
|
v-if="addOrUpdateVisible" |
|
|
|
|
|
ref="addOrUpdate" |
|
|
|
|
|
@refreshDataList="getDataList" |
|
|
|
|
|
></add-or-update> |
|
|
</el-card> |
|
|
</el-card> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import mixinViewModule from '@/mixins/view-module' |
|
|
import mixinViewModule from "@/mixins/view-post"; |
|
|
import AddOrUpdate from './carental-add-or-update' |
|
|
import AddOrUpdate from "./carental-add-or-update"; |
|
|
export default { |
|
|
export default { |
|
|
mixins: [mixinViewModule], |
|
|
mixins: [mixinViewModule], |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
mixinViewModuleOptions: { |
|
|
mixinViewModuleOptions: { |
|
|
getDataListURL: '/opendata/caRental/getPage', |
|
|
getDataListURL: "/opendata/caRental/getPage", |
|
|
getDataListIsPage: true, |
|
|
getDataListIsPage: true, |
|
|
deleteURL: '', |
|
|
deleteURL: "", |
|
|
deleteIsBatch: true |
|
|
deleteIsBatch: true, |
|
|
}, |
|
|
}, |
|
|
dataForm: { |
|
|
dataForm: { |
|
|
houseName: '', |
|
|
houseName: "", |
|
|
residentName: '', |
|
|
residentName: "", |
|
|
renterName: '' |
|
|
renterName: "", |
|
|
} |
|
|
}, |
|
|
} |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
|
AddOrUpdate |
|
|
AddOrUpdate, |
|
|
} |
|
|
}, |
|
|
} |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|