15 changed files with 1771 additions and 1418 deletions
File diff suppressed because it is too large
@ -1,78 +1,155 @@ |
|||||
<template> |
<template> |
||||
<div class="mod-axis__caLoudong}"> |
<div class="mod-axis__caLoudong}"> |
||||
<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="buildingName" > |
<el-form-item label="楼宇名称" prop="buildingName"> |
||||
<el-input v-model="dataForm.buildingName" placeholder="楼宇名称" clearable></el-input> |
<el-input |
||||
</el-form-item> |
v-model="dataForm.buildingName" |
||||
<el-form-item label="小区(单位)名称" prop="communityName" > |
placeholder="楼宇名称" |
||||
<el-input v-model="dataForm.communityName" placeholder="小区(单位)名称" clearable></el-input> |
clearable |
||||
</el-form-item> |
></el-input> |
||||
<el-form-item> |
</el-form-item> |
||||
<el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button> |
<el-form-item label="小区(单位)名称" prop="communityName"> |
||||
</el-form-item> |
<el-input |
||||
<!-- <el-form-item> |
v-model="dataForm.communityName" |
||||
|
placeholder="小区(单位)名称" |
||||
|
clearable |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button> |
||||
|
</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> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
</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="buildingName" label="楼宇名称" header-align="center" align="center"></el-table-column> |
:data="dataList" |
||||
<el-table-column prop="buildingUse" label="用途分类" header-align="center" align="center"></el-table-column> |
border |
||||
<el-table-column prop="buildingAddr" label="所处位置" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
@selection-change="dataListSelectionChangeHandle" |
||||
<el-table-column prop="communityName" label="小区(单位)名称" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
style="width: 100%" |
||||
<el-table-column prop="layerCount" label="楼层数" header-align="center" align="center"></el-table-column> |
> |
||||
<el-table-column prop="unitCount" label="单元数" header-align="center" align="center"></el-table-column> |
<el-table-column |
||||
<el-table-column prop="roomCount" label="总房屋数" header-align="center" align="center"></el-table-column> |
type="selection" |
||||
<el-table-column prop="elevatorCount" label="电梯数量" header-align="center" align="center"></el-table-column> |
header-align="center" |
||||
<el-table-column prop="buildingPmc" label="物业公司" header-align="center" align="center"></el-table-column> |
align="center" |
||||
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
width="50" |
||||
<template slot-scope="scope"> |
></el-table-column> |
||||
<el-button type="text" class="div-table-button--detail" size="small" @click="addOrUpdateHandle(scope.row.buildingId)">查看</el-button> |
<el-table-column |
||||
</template> |
prop="buildingName" |
||||
</el-table-column> |
label="楼宇名称" |
||||
</el-table> |
header-align="center" |
||||
<el-pagination |
align="center" |
||||
:current-page="page" |
></el-table-column> |
||||
:page-sizes="[10, 20, 50, 100]" |
<el-table-column |
||||
:page-size="limit" |
prop="buildingUse" |
||||
:total="total" |
label="用途分类" |
||||
layout="total, sizes, prev, pager, next, jumper" |
header-align="center" |
||||
@size-change="pageSizeChangeHandle" |
align="center" |
||||
@current-change="pageCurrentChangeHandle"> |
></el-table-column> |
||||
</el-pagination> |
<el-table-column |
||||
<!-- 弹窗, 新增 / 修改 --> |
prop="buildingAddr" |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
label="所处位置" |
||||
</el-card> |
header-align="center" |
||||
</div> |
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="communityName" |
||||
|
label="小区(单位)名称" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="layerCount" |
||||
|
label="楼层数" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="unitCount" |
||||
|
label="单元数" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="roomCount" |
||||
|
label="总房屋数" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="elevatorCount" |
||||
|
label="电梯数量" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="buildingPmc" |
||||
|
label="物业公司" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
class="div-table-button--detail" |
||||
|
size="small" |
||||
|
@click="addOrUpdateHandle(scope.row.buildingId)" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update |
||||
|
v-if="addOrUpdateVisible" |
||||
|
ref="addOrUpdate" |
||||
|
@refreshDataList="getDataList" |
||||
|
></add-or-update> |
||||
|
</el-card> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from "@/mixins/view-post"; |
||||
import AddOrUpdate from './caloudong-add-or-update' |
import AddOrUpdate from "./caloudong-add-or-update"; |
||||
export default { |
export default { |
||||
mixins: [mixinViewModule], |
mixins: [mixinViewModule], |
||||
data () { |
data() { |
||||
return { |
return { |
||||
mixinViewModuleOptions: { |
mixinViewModuleOptions: { |
||||
getDataListURL: '/opendata/caLoudong/getPage', |
getDataListURL: "/opendata/caLoudong/getPage", |
||||
getDataListIsPage: true, |
getDataListIsPage: true, |
||||
deleteURL: '', |
deleteURL: "", |
||||
deleteIsBatch: true |
deleteIsBatch: true, |
||||
}, |
}, |
||||
dataForm: { |
dataForm: { |
||||
buildingName: '', |
buildingName: "", |
||||
communityName: '' |
communityName: "", |
||||
} |
}, |
||||
} |
}; |
||||
}, |
}, |
||||
components: { |
components: { |
||||
AddOrUpdate |
AddOrUpdate, |
||||
} |
}, |
||||
} |
}; |
||||
</script> |
</script> |
||||
|
|||||
@ -1,78 +1,155 @@ |
|||||
<template> |
<template> |
||||
<div class="mod-axis__caPingfang}"> |
<div class="mod-axis__caPingfang}"> |
||||
<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="buildingName" > |
<el-form-item label="楼宇名称" prop="buildingName"> |
||||
<el-input v-model="dataForm.buildingName" placeholder="楼宇名称" clearable></el-input> |
<el-input |
||||
</el-form-item> |
v-model="dataForm.buildingName" |
||||
<el-form-item label="小区(单位)名称" prop="communityName" > |
placeholder="楼宇名称" |
||||
<el-input v-model="dataForm.communityName" placeholder="小区(单位)名称" clearable></el-input> |
clearable |
||||
</el-form-item> |
></el-input> |
||||
<el-form-item> |
</el-form-item> |
||||
<el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button> |
<el-form-item label="小区(单位)名称" prop="communityName"> |
||||
</el-form-item> |
<el-input |
||||
<!-- <el-form-item> |
v-model="dataForm.communityName" |
||||
|
placeholder="小区(单位)名称" |
||||
|
clearable |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button> |
||||
|
</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> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
</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="buildingName" label="楼宇名称" header-align="center" align="center"></el-table-column> |
:data="dataList" |
||||
<el-table-column prop="buildingUse" label="用途分类" header-align="center" align="center"></el-table-column> |
border |
||||
<el-table-column prop="buildingAddr" label="所处位置" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
@selection-change="dataListSelectionChangeHandle" |
||||
<el-table-column prop="communityName" label="小区(单位)名称" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
style="width: 100%" |
||||
<el-table-column prop="layerCount" label="楼层数" header-align="center" align="center"></el-table-column> |
> |
||||
<el-table-column prop="unitCount" label="单元数" header-align="center" align="center"></el-table-column> |
<el-table-column |
||||
<el-table-column prop="roomCount" label="总房屋数" header-align="center" align="center"></el-table-column> |
type="selection" |
||||
<el-table-column prop="elevatorCount" label="电梯数量" header-align="center" align="center"></el-table-column> |
header-align="center" |
||||
<el-table-column prop="buildingPmc" label="物业公司" header-align="center" align="center"></el-table-column> |
align="center" |
||||
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
width="50" |
||||
<template slot-scope="scope"> |
></el-table-column> |
||||
<el-button type="text" class="div-table-button--detail" size="small" @click="addOrUpdateHandle(scope.row.buildingId)">查看</el-button> |
<el-table-column |
||||
</template> |
prop="buildingName" |
||||
</el-table-column> |
label="楼宇名称" |
||||
</el-table> |
header-align="center" |
||||
<el-pagination |
align="center" |
||||
:current-page="page" |
></el-table-column> |
||||
:page-sizes="[10, 20, 50, 100]" |
<el-table-column |
||||
:page-size="limit" |
prop="buildingUse" |
||||
:total="total" |
label="用途分类" |
||||
layout="total, sizes, prev, pager, next, jumper" |
header-align="center" |
||||
@size-change="pageSizeChangeHandle" |
align="center" |
||||
@current-change="pageCurrentChangeHandle"> |
></el-table-column> |
||||
</el-pagination> |
<el-table-column |
||||
<!-- 弹窗, 新增 / 修改 --> |
prop="buildingAddr" |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
label="所处位置" |
||||
</el-card> |
header-align="center" |
||||
</div> |
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="communityName" |
||||
|
label="小区(单位)名称" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="layerCount" |
||||
|
label="楼层数" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="unitCount" |
||||
|
label="单元数" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="roomCount" |
||||
|
label="总房屋数" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="elevatorCount" |
||||
|
label="电梯数量" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="buildingPmc" |
||||
|
label="物业公司" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
class="div-table-button--detail" |
||||
|
size="small" |
||||
|
@click="addOrUpdateHandle(scope.row.buildingId)" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update |
||||
|
v-if="addOrUpdateVisible" |
||||
|
ref="addOrUpdate" |
||||
|
@refreshDataList="getDataList" |
||||
|
></add-or-update> |
||||
|
</el-card> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from "@/mixins/view-post"; |
||||
import AddOrUpdate from './capingfang-add-or-update' |
import AddOrUpdate from "./capingfang-add-or-update"; |
||||
export default { |
export default { |
||||
mixins: [mixinViewModule], |
mixins: [mixinViewModule], |
||||
data () { |
data() { |
||||
return { |
return { |
||||
mixinViewModuleOptions: { |
mixinViewModuleOptions: { |
||||
getDataListURL: '/opendata/caPingfang/getPage', |
getDataListURL: "/opendata/caPingfang/getPage", |
||||
getDataListIsPage: true, |
getDataListIsPage: true, |
||||
deleteURL: '', |
deleteURL: "", |
||||
deleteIsBatch: true |
deleteIsBatch: true, |
||||
}, |
}, |
||||
dataForm: { |
dataForm: { |
||||
buildingName: '', |
buildingName: "", |
||||
communityName: '' |
communityName: "", |
||||
} |
}, |
||||
} |
}; |
||||
}, |
}, |
||||
components: { |
components: { |
||||
AddOrUpdate |
AddOrUpdate, |
||||
} |
}, |
||||
} |
}; |
||||
</script> |
</script> |
||||
|
|||||
@ -1,81 +1,156 @@ |
|||||
<template> |
<template> |
||||
<div class="mod-axis__caRental}"> |
<div class="mod-axis__caRental}"> |
||||
<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 |
||||
</el-form-item> |
v-model="dataForm.houseName" |
||||
<el-form-item label="房主姓名" prop="residentName" > |
placeholder="房屋编号" |
||||
<el-input v-model="dataForm.residentName" placeholder="房主姓名" clearable></el-input> |
clearable |
||||
</el-form-item> |
></el-input> |
||||
<el-form-item label="承租人姓名" prop="renterName" > |
</el-form-item> |
||||
<el-input v-model="dataForm.renterName" placeholder="承租人姓名" clearable></el-input> |
<el-form-item label="房主姓名" prop="residentName"> |
||||
</el-form-item> |
<el-input |
||||
<el-form-item> |
v-model="dataForm.residentName" |
||||
<el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button> |
placeholder="房主姓名" |
||||
</el-form-item> |
clearable |
||||
<!-- <el-form-item> |
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="承租人姓名" prop="renterName"> |
||||
|
<el-input |
||||
|
v-model="dataForm.renterName" |
||||
|
placeholder="承租人姓名" |
||||
|
clearable |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button> |
||||
|
</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> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
</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" |
||||
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
align="center" |
||||
<template slot-scope="scope"> |
width="50" |
||||
<el-button type="text" class="div-table-button--detail" size="small" @click="addOrUpdateHandle(scope.row.rentalId)">查看</el-button> |
></el-table-column> |
||||
</template> |
<el-table-column |
||||
</el-table-column> |
prop="houseName" |
||||
</el-table> |
label="房屋编号" |
||||
<el-pagination |
header-align="center" |
||||
:current-page="page" |
align="center" |
||||
:page-sizes="[10, 20, 50, 100]" |
></el-table-column> |
||||
:page-size="limit" |
<el-table-column |
||||
:total="total" |
prop="houseAddress" |
||||
layout="total, sizes, prev, pager, next, jumper" |
label="房屋地址" |
||||
@size-change="pageSizeChangeHandle" |
header-align="center" |
||||
@current-change="pageCurrentChangeHandle"> |
align="center" |
||||
</el-pagination> |
:show-overflow-tooltip="true" |
||||
<!-- 弹窗, 新增 / 修改 --> |
></el-table-column> |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
<el-table-column |
||||
</el-card> |
prop="houseArea" |
||||
</div> |
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"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
class="div-table-button--detail" |
||||
|
size="small" |
||||
|
@click="addOrUpdateHandle(scope.row.rentalId)" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update |
||||
|
v-if="addOrUpdateVisible" |
||||
|
ref="addOrUpdate" |
||||
|
@refreshDataList="getDataList" |
||||
|
></add-or-update> |
||||
|
</el-card> |
||||
|
</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> |
||||
|
|||||
@ -1,80 +1,147 @@ |
|||||
<template> |
<template> |
||||
<div class="mod-axis__caResident}"> |
<div class="mod-axis__caResident}"> |
||||
<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="idCard" > |
<el-form-item label="身份证号" prop="idCard"> |
||||
<el-input v-model="dataForm.idCard" placeholder="身份证号" clearable></el-input> |
<el-input v-model="dataForm.idCard" 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 |
||||
</el-form-item> |
v-model="dataForm.residentName" |
||||
<el-form-item label="联系方式" prop="telephone" > |
placeholder="姓名" |
||||
<el-input v-model="dataForm.telephone" placeholder="联系方式" clearable></el-input> |
clearable |
||||
</el-form-item> |
></el-input> |
||||
<el-form-item> |
</el-form-item> |
||||
<el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button> |
<el-form-item label="联系方式" prop="telephone"> |
||||
</el-form-item> |
<el-input |
||||
<!-- <el-form-item> |
v-model="dataForm.telephone" |
||||
|
placeholder="联系方式" |
||||
|
clearable |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button> |
||||
|
</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> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
</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="idCard" label="证件号码(公民身份证号)" header-align="center" align="center"></el-table-column> |
:data="dataList" |
||||
<el-table-column prop="residentName" label="姓名" header-align="center" align="center"></el-table-column> |
border |
||||
<el-table-column prop="sex" label="性别" header-align="center" align="center"></el-table-column> |
@selection-change="dataListSelectionChangeHandle" |
||||
<el-table-column prop="birthday" 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="householdAddressDetail" label="户籍详址" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
<el-table-column |
||||
<el-table-column prop="curliveAddressDetail" label="现住详址" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
type="selection" |
||||
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
header-align="center" |
||||
<template slot-scope="scope"> |
align="center" |
||||
<el-button type="text" class="div-table-button--detail" size="small" @click="addOrUpdateHandle(scope.row.idCard)">查看</el-button> |
width="50" |
||||
</template> |
></el-table-column> |
||||
</el-table-column> |
<el-table-column |
||||
</el-table> |
prop="idCard" |
||||
<el-pagination |
label="证件号码(公民身份证号)" |
||||
:current-page="page" |
header-align="center" |
||||
:page-sizes="[10, 20, 50, 100]" |
align="center" |
||||
:page-size="limit" |
></el-table-column> |
||||
:total="total" |
<el-table-column |
||||
layout="total, sizes, prev, pager, next, jumper" |
prop="residentName" |
||||
@size-change="pageSizeChangeHandle" |
label="姓名" |
||||
@current-change="pageCurrentChangeHandle"> |
header-align="center" |
||||
</el-pagination> |
align="center" |
||||
<!-- 弹窗, 新增 / 修改 --> |
></el-table-column> |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
<el-table-column |
||||
</el-card> |
prop="sex" |
||||
</div> |
label="性别" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="birthday" |
||||
|
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="householdAddressDetail" |
||||
|
label="户籍详址" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="curliveAddressDetail" |
||||
|
label="现住详址" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
class="div-table-button--detail" |
||||
|
size="small" |
||||
|
@click="addOrUpdateHandle(scope.row.idCard)" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update |
||||
|
v-if="addOrUpdateVisible" |
||||
|
ref="addOrUpdate" |
||||
|
@refreshDataList="getDataList" |
||||
|
></add-or-update> |
||||
|
</el-card> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from "@/mixins/view-post"; |
||||
import AddOrUpdate from './caresident-add-or-update' |
import AddOrUpdate from "./caresident-add-or-update"; |
||||
export default { |
export default { |
||||
mixins: [mixinViewModule], |
mixins: [mixinViewModule], |
||||
data () { |
data() { |
||||
return { |
return { |
||||
mixinViewModuleOptions: { |
mixinViewModuleOptions: { |
||||
getDataListURL: '/opendata/caResident/getPage', |
getDataListURL: "/opendata/caResident/getPage", |
||||
getDataListIsPage: true, |
getDataListIsPage: true, |
||||
deleteURL: '', |
deleteURL: "", |
||||
deleteIsBatch: true |
deleteIsBatch: true, |
||||
}, |
}, |
||||
dataForm: { |
dataForm: { |
||||
idCard: '', |
idCard: "", |
||||
residentName: '', |
residentName: "", |
||||
telephone: '' |
telephone: "", |
||||
} |
}, |
||||
} |
}; |
||||
}, |
}, |
||||
components: { |
components: { |
||||
AddOrUpdate |
AddOrUpdate, |
||||
} |
}, |
||||
} |
}; |
||||
</script> |
</script> |
||||
|
|||||
@ -1,79 +1,141 @@ |
|||||
<template> |
<template> |
||||
<div class="mod-axis__caRotators}"> |
<div class="mod-axis__caRotators}"> |
||||
<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="idCard" > |
<el-form-item label="身份证号" prop="idCard"> |
||||
<el-input v-model="dataForm.idCard" placeholder="身份证号" clearable></el-input> |
<el-input v-model="dataForm.idCard" 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 |
||||
</el-form-item> |
v-model="dataForm.residentName" |
||||
<el-form-item label="联系方式" prop="telephone" > |
placeholder="姓名" |
||||
<el-input v-model="dataForm.telephone" placeholder="联系方式" clearable></el-input> |
clearable |
||||
</el-form-item> |
></el-input> |
||||
<el-form-item> |
</el-form-item> |
||||
<el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button> |
<el-form-item label="联系方式" prop="telephone"> |
||||
</el-form-item> |
<el-input |
||||
<!-- <el-form-item> |
v-model="dataForm.telephone" |
||||
|
placeholder="联系方式" |
||||
|
clearable |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button> |
||||
|
</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> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
</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="idCard" label="公民身份证号" header-align="center" align="center"></el-table-column> |
:data="dataList" |
||||
<el-table-column prop="rotatorsName" label="姓名" header-align="center" align="center"></el-table-column> |
border |
||||
<el-table-column prop="sex" label="性别" header-align="center" align="center"></el-table-column> |
@selection-change="dataListSelectionChangeHandle" |
||||
<el-table-column prop="birthday" label="出生日期" header-align="center" align="center"></el-table-column> |
style="width: 100%" |
||||
<el-table-column prop="householdAddressDetail" label="户籍门(楼)详址" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
> |
||||
<el-table-column prop="curliveAddressDetail" label="现住门(楼)详址" header-align="center" align="center" :show-overflow-tooltip="true" ></el-table-column> |
<el-table-column |
||||
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
type="selection" |
||||
<template slot-scope="scope"> |
header-align="center" |
||||
<el-button type="text" class="div-table-button--detail" size="small" @click="addOrUpdateHandle(scope.row.idCard)">查看</el-button> |
align="center" |
||||
</template> |
width="50" |
||||
</el-table-column> |
></el-table-column> |
||||
</el-table> |
<el-table-column |
||||
<el-pagination |
prop="idCard" |
||||
:current-page="page" |
label="公民身份证号" |
||||
:page-sizes="[10, 20, 50, 100]" |
header-align="center" |
||||
:page-size="limit" |
align="center" |
||||
:total="total" |
></el-table-column> |
||||
layout="total, sizes, prev, pager, next, jumper" |
<el-table-column |
||||
@size-change="pageSizeChangeHandle" |
prop="rotatorsName" |
||||
@current-change="pageCurrentChangeHandle"> |
label="姓名" |
||||
</el-pagination> |
header-align="center" |
||||
<!-- 弹窗, 新增 / 修改 --> |
align="center" |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
></el-table-column> |
||||
</el-card> |
<el-table-column |
||||
</div> |
prop="sex" |
||||
|
label="性别" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="birthday" |
||||
|
label="出生日期" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="householdAddressDetail" |
||||
|
label="户籍门(楼)详址" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="curliveAddressDetail" |
||||
|
label="现住门(楼)详址" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
class="div-table-button--detail" |
||||
|
size="small" |
||||
|
@click="addOrUpdateHandle(scope.row.idCard)" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update |
||||
|
v-if="addOrUpdateVisible" |
||||
|
ref="addOrUpdate" |
||||
|
@refreshDataList="getDataList" |
||||
|
></add-or-update> |
||||
|
</el-card> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from "@/mixins/view-post"; |
||||
import AddOrUpdate from './carotators-add-or-update' |
import AddOrUpdate from "./carotators-add-or-update"; |
||||
export default { |
export default { |
||||
mixins: [mixinViewModule], |
mixins: [mixinViewModule], |
||||
data () { |
data() { |
||||
return { |
return { |
||||
mixinViewModuleOptions: { |
mixinViewModuleOptions: { |
||||
getDataListURL: '/opendata/caRotators/getPage', |
getDataListURL: "/opendata/caRotators/getPage", |
||||
getDataListIsPage: true, |
getDataListIsPage: true, |
||||
deleteURL: '', |
deleteURL: "", |
||||
deleteIsBatch: true |
deleteIsBatch: true, |
||||
}, |
}, |
||||
dataForm: { |
dataForm: { |
||||
idCard: '', |
idCard: "", |
||||
residentName: '', |
residentName: "", |
||||
telephone: '' |
telephone: "", |
||||
} |
}, |
||||
} |
}; |
||||
}, |
}, |
||||
components: { |
components: { |
||||
AddOrUpdate |
AddOrUpdate, |
||||
} |
}, |
||||
} |
}; |
||||
</script> |
</script> |
||||
|
|||||
File diff suppressed because it is too large
Loading…
Reference in new issue