elink-star
/
epmet-oper-gov
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'feature/dev_zz_wgh' into dev

test
HAHA 3 years ago
parent
31aa0d63f6 b596dbc816
commit
f29776aa41
10 changed files with 1627 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 251
      src/views/modules/cabaseinfo/caloudong-add-or-update.vue
  2. 78
      src/views/modules/cabaseinfo/caloudong.vue
  3. 251
      src/views/modules/cabaseinfo/capingfang-add-or-update.vue
  4. 78
      src/views/modules/cabaseinfo/capingfang.vue
  5. 204
      src/views/modules/cabaseinfo/carental-add-or-update.vue
  6. 81
      src/views/modules/cabaseinfo/carental.vue
  7. 216
      src/views/modules/cabaseinfo/caresident-add-or-update.vue
  8. 80
      src/views/modules/cabaseinfo/caresident.vue
  9. 309
      src/views/modules/cabaseinfo/carotators-add-or-update.vue
  10. 79
      src/views/modules/cabaseinfo/carotators.vue

251
src/views/modules/cabaseinfo/caloudong-add-or-update.vue
View File

@ -0,0 +1,251 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('查看')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :disabled="true" :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="楼宇类型" prop="buildingType">
<el-input v-model="dataForm.buildingType" placeholder="楼宇类型"></el-input>
</el-form-item>
<el-form-item label="楼宇名称" prop="buildingName">
<el-input v-model="dataForm.buildingName" placeholder="楼宇名称"></el-input>
</el-form-item>
<el-form-item label="用途分类" prop="buildingUse">
<el-input v-model="dataForm.buildingUse" placeholder="用途分类"></el-input>
</el-form-item>
<el-form-item label="楼宇状态" prop="buildingStatus">
<el-input v-model="dataForm.buildingStatus" placeholder="楼宇状态"></el-input>
</el-form-item>
<el-form-item label="楼宇结构" prop="buildingStructure">
<el-input v-model="dataForm.buildingStructure" placeholder="楼宇结构"></el-input>
</el-form-item>
<el-form-item label="使用现状" prop="buildingUseage">
<el-input v-model="dataForm.buildingUseage" placeholder="使用现状"></el-input>
</el-form-item>
<el-form-item label="建筑时间" prop="constructionTime">
<el-input v-model="dataForm.constructionTime" placeholder="建筑时间"></el-input>
</el-form-item>
<el-form-item label="所处位置" prop="buildingAddr">
<el-input v-model="dataForm.buildingAddr" placeholder="所处位置"></el-input>
</el-form-item>
<el-form-item label="小区（单位）名称" prop="communityName">
<el-input v-model="dataForm.communityName" placeholder="小区（单位）名称"></el-input>
</el-form-item>
<el-form-item label="楼栋长" prop="buildingLeader">
<el-input v-model="dataForm.buildingLeader" placeholder="楼栋长"></el-input>
</el-form-item>
<el-form-item label="楼层数" prop="layerCount">
<el-input v-model="dataForm.layerCount" placeholder="楼层数"></el-input>
</el-form-item>
<el-form-item label="地下楼层数" prop="basementLayerCount">
<el-input v-model="dataForm.basementLayerCount" placeholder="地下楼层数"></el-input>
</el-form-item>
<el-form-item label="住宅开始层数" prop="houseBeginLayer">
<el-input v-model="dataForm.houseBeginLayer" placeholder="住宅开始层数"></el-input>
</el-form-item>
<el-form-item label="单元数" prop="unitCount">
<el-input v-model="dataForm.unitCount" placeholder="单元数"></el-input>
</el-form-item>
<el-form-item label="每层每单元户数" prop="layerRoomCount">
<el-input v-model="dataForm.layerRoomCount" placeholder="每层每单元户数"></el-input>
</el-form-item>
<el-form-item label="总房屋数" prop="roomCount">
<el-input v-model="dataForm.roomCount" placeholder="总房屋数"></el-input>
</el-form-item>
<el-form-item label="电梯数量" prop="elevatorCount">
<el-input v-model="dataForm.elevatorCount" placeholder="电梯数量"></el-input>
</el-form-item>
<el-form-item label="建筑面积" prop="buildingArea">
<el-input v-model="dataForm.buildingArea" placeholder="建筑面积"></el-input>
</el-form-item>
<el-form-item label="物业公司" prop="buildingPmc">
<el-input v-model="dataForm.buildingPmc" placeholder="物业公司"></el-input>
</el-form-item>
<el-form-item label="介绍" prop="buildingDesc">
<el-input v-model="dataForm.buildingDesc" placeholder="介绍"></el-input>
</el-form-item>
<el-form-item label="标绘状态" prop="pointStatus">
<el-input v-model="dataForm.pointStatus" placeholder="标绘状态"></el-input>
</el-form-item>
<el-form-item label="经度" prop="longitude">
<el-input v-model="dataForm.longitude" placeholder="经度"></el-input>
</el-form-item>
<el-form-item label="纬度" prop="latitude">
<el-input v-model="dataForm.latitude" placeholder="纬度"></el-input>
</el-form-item>
<el-form-item label="数据来源" prop="platCode">
<el-input v-model="dataForm.platCode" placeholder="数据来源"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<!-- <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> -->
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
buildingId: '',
buildingType: '',
gridId: '',
buildingName: '',
buildingUse: '',
buildingStatus: '',
buildingStructure: '',
buildingUseage: '',
constructionTime: '',
buildingAddr: '',
communityName: '',
buildingLeader: '',
layerCount: '',
basementLayerCount: '',
houseBeginLayer: '',
unitCount: '',
layerRoomCount: '',
roomCount: '',
elevatorCount: '',
buildingArea: '',
buildingPmc: '',
buildingDesc: '',
pointStatus: '',
longitude: '',
latitude: '',
platCode: '',
createBy: '',
createDate: '',
updateBy: '',
updateDate: '',
deleteFlag: '',
versions: '',
communityId: ''
}
}
},
computed: {
dataRule () {
return {
buildingType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingUse: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingStatus: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingStructure: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingUseage: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
constructionTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingAddr: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
communityName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingLeader: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
layerCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
basementLayerCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
houseBeginLayer: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
unitCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
layerRoomCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
roomCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
elevatorCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingArea: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingPmc: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingDesc: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
pointStatus: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
longitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
latitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
platCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.post(`/opendata/caLoudong/getLouDongDetails`, { buildingId: this.dataForm.id }).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.buildingId ? 'post' : 'put']('/axis/caLoudong/', this.dataForm).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(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

78
src/views/modules/cabaseinfo/caloudong.vue
View File

@ -0,0 +1,78 @@
<template>
<div class="mod-axis__caLoudong}">
<el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="楼宇名称" prop="buildingName" >
<el-input v-model="dataForm.buildingName" placeholder="楼宇名称" clearable></el-input>
</el-form-item>
<el-form-item label="小区（单位）名称" prop="communityName" >
<el-input 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-form-item>
<el-form-item>
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> -->
</el-form>
</el-card>
<el-card shadow="never" class="aui-card--fill">
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="buildingName" label="楼宇名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="buildingUse" label="用途分类" header-align="center" align="center"></el-table-column>
<el-table-column prop="buildingAddr" label="所处位置" header-align="center" 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>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './caloudong-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/opendata/caLoudong/getPage',
getDataListIsPage: true,
deleteURL: '',
deleteIsBatch: true
},
dataForm: {
buildingName: '',
communityName: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>

251
src/views/modules/cabaseinfo/capingfang-add-or-update.vue
View File

@ -0,0 +1,251 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('查看')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :disabled="true" :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="楼宇类型" prop="buildingType">
<el-input v-model="dataForm.buildingType" placeholder="楼宇类型"></el-input>
</el-form-item>
<el-form-item label="楼宇名称" prop="buildingName">
<el-input v-model="dataForm.buildingName" placeholder="楼宇名称"></el-input>
</el-form-item>
<el-form-item label="用途分类" prop="buildingUse">
<el-input v-model="dataForm.buildingUse" placeholder="用途分类"></el-input>
</el-form-item>
<el-form-item label="楼宇状态" prop="buildingStatus">
<el-input v-model="dataForm.buildingStatus" placeholder="楼宇状态"></el-input>
</el-form-item>
<el-form-item label="楼宇结构" prop="buildingStructure">
<el-input v-model="dataForm.buildingStructure" placeholder="楼宇结构"></el-input>
</el-form-item>
<el-form-item label="使用现状" prop="buildingUseage">
<el-input v-model="dataForm.buildingUseage" placeholder="使用现状"></el-input>
</el-form-item>
<el-form-item label="建筑时间" prop="constructionTime">
<el-input v-model="dataForm.constructionTime" placeholder="建筑时间"></el-input>
</el-form-item>
<el-form-item label="所处位置" prop="buildingAddr">
<el-input v-model="dataForm.buildingAddr" placeholder="所处位置"></el-input>
</el-form-item>
<el-form-item label="小区（单位）名称" prop="communityName">
<el-input v-model="dataForm.communityName" placeholder="小区（单位）名称"></el-input>
</el-form-item>
<el-form-item label="楼栋长" prop="buildingLeader">
<el-input v-model="dataForm.buildingLeader" placeholder="楼栋长"></el-input>
</el-form-item>
<el-form-item label="楼层数" prop="layerCount">
<el-input v-model="dataForm.layerCount" placeholder="楼层数"></el-input>
</el-form-item>
<el-form-item label="地下楼层数" prop="basementLayerCount">
<el-input v-model="dataForm.basementLayerCount" placeholder="地下楼层数"></el-input>
</el-form-item>
<el-form-item label="住宅开始层数" prop="houseBeginLayer">
<el-input v-model="dataForm.houseBeginLayer" placeholder="住宅开始层数"></el-input>
</el-form-item>
<el-form-item label="单元数" prop="unitCount">
<el-input v-model="dataForm.unitCount" placeholder="单元数"></el-input>
</el-form-item>
<el-form-item label="每层每单元户数" prop="layerRoomCount">
<el-input v-model="dataForm.layerRoomCount" placeholder="每层每单元户数"></el-input>
</el-form-item>
<el-form-item label="总房屋数" prop="roomCount">
<el-input v-model="dataForm.roomCount" placeholder="总房屋数"></el-input>
</el-form-item>
<el-form-item label="电梯数量" prop="elevatorCount">
<el-input v-model="dataForm.elevatorCount" placeholder="电梯数量"></el-input>
</el-form-item>
<el-form-item label="建筑面积" prop="buildingArea">
<el-input v-model="dataForm.buildingArea" placeholder="建筑面积"></el-input>
</el-form-item>
<el-form-item label="物业公司" prop="buildingPmc">
<el-input v-model="dataForm.buildingPmc" placeholder="物业公司"></el-input>
</el-form-item>
<el-form-item label="介绍" prop="buildingDesc">
<el-input v-model="dataForm.buildingDesc" placeholder="介绍"></el-input>
</el-form-item>
<el-form-item label="标绘状态" prop="pointStatus">
<el-input v-model="dataForm.pointStatus" placeholder="标绘状态"></el-input>
</el-form-item>
<el-form-item label="经度" prop="longitude">
<el-input v-model="dataForm.longitude" placeholder="经度"></el-input>
</el-form-item>
<el-form-item label="纬度" prop="latitude">
<el-input v-model="dataForm.latitude" placeholder="纬度"></el-input>
</el-form-item>
<el-form-item label="数据来源" prop="platCode">
<el-input v-model="dataForm.platCode" placeholder="数据来源"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<!-- <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> -->
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
buildingId: '',
buildingType: '',
gridId: '',
buildingName: '',
buildingUse: '',
buildingStatus: '',
buildingStructure: '',
buildingUseage: '',
constructionTime: '',
buildingAddr: '',
communityName: '',
buildingLeader: '',
layerCount: '',
basementLayerCount: '',
houseBeginLayer: '',
unitCount: '',
layerRoomCount: '',
roomCount: '',
elevatorCount: '',
buildingArea: '',
buildingPmc: '',
buildingDesc: '',
pointStatus: '',
longitude: '',
latitude: '',
platCode: '',
createBy: '',
createDate: '',
updateBy: '',
updateDate: '',
deleteFlag: '',
versions: '',
communityId: ''
}
}
},
computed: {
dataRule () {
return {
buildingType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingUse: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingStatus: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingStructure: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingUseage: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
constructionTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingAddr: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
communityName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingLeader: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
layerCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
basementLayerCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
houseBeginLayer: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
unitCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
layerRoomCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
roomCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
elevatorCount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingArea: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingPmc: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
buildingDesc: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
pointStatus: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
longitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
latitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
platCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.post(`/opendata/caPingfang/getPingFangDetails`, { buildingId: this.dataForm.id }).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.buildingId ? 'post' : 'put']('/axis/caLoudong/', this.dataForm).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(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

78
src/views/modules/cabaseinfo/capingfang.vue
View File

@ -0,0 +1,78 @@
<template>
<div class="mod-axis__caPingfang}">
<el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="楼宇名称" prop="buildingName" >
<el-input v-model="dataForm.buildingName" placeholder="楼宇名称" clearable></el-input>
</el-form-item>
<el-form-item label="小区（单位）名称" prop="communityName" >
<el-input 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-form-item>
<el-form-item>
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> -->
</el-form>
</el-card>
<el-card shadow="never" class="aui-card--fill">
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="buildingName" label="楼宇名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="buildingUse" label="用途分类" header-align="center" align="center"></el-table-column>
<el-table-column prop="buildingAddr" label="所处位置" header-align="center" 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>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './capingfang-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/opendata/caPingfang/getPage',
getDataListIsPage: true,
deleteURL: '',
deleteIsBatch: true
},
dataForm: {
buildingName: '',
communityName: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>

204
src/views/modules/cabaseinfo/carental-add-or-update.vue
View File

@ -0,0 +1,204 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('查看')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :disabled="true" :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="房屋编号" prop="houseName">
<el-input v-model="dataForm.houseName" placeholder="房屋编号"></el-input>
</el-form-item>
<el-form-item label="房屋地址" prop="houseAddress">
<el-input v-model="dataForm.houseAddress" placeholder="房屋地址"></el-input>
</el-form-item>
<el-form-item label="建筑用途" prop="houseUse">
<el-input v-model="dataForm.houseUse" placeholder="建筑用途"></el-input>
</el-form-item>
<el-form-item label="建筑面积（平方米）" prop="houseArea">
<el-input v-model="dataForm.houseArea" placeholder="建筑面积（平方米）"></el-input>
</el-form-item>
<el-form-item label="证件代码" prop="idType">
<el-input v-model="dataForm.idType" placeholder="证件代码"></el-input>
</el-form-item>
<el-form-item label="证件号码" prop="idCard">
<el-input v-model="dataForm.idCard" placeholder="证件号码"></el-input>
</el-form-item>
<el-form-item label="房主姓名" prop="residentName">
<el-input v-model="dataForm.residentName" placeholder="房主姓名"></el-input>
</el-form-item>
<el-form-item label="房主联系方式" prop="telephone">
<el-input v-model="dataForm.telephone" placeholder="房主联系方式"></el-input>
</el-form-item>
<el-form-item label="房主现居详址" prop="curliveAddress">
<el-input v-model="dataForm.curliveAddress" placeholder="房主现居详址"></el-input>
</el-form-item>
<el-form-item label="出租用途" prop="rentUse">
<el-input v-model="dataForm.rentUse" placeholder="出租用途"></el-input>
</el-form-item>
<el-form-item label="隐患类型" prop="troubleType">
<el-input v-model="dataForm.troubleType" placeholder="隐患类型"></el-input>
</el-form-item>
<el-form-item label="承租人公民身份证号码" prop="renterCardNumber">
<el-input v-model="dataForm.renterCardNumber" placeholder="承租人公民身份证号码"></el-input>
</el-form-item>
<el-form-item label="承租人证件类型" prop="renterCardType">
<el-input v-model="dataForm.renterCardType" placeholder="承租人证件类型"></el-input>
</el-form-item>
<el-form-item label="承租人姓名" prop="renterName">
<el-input v-model="dataForm.renterName" placeholder="承租人姓名"></el-input>
</el-form-item>
<el-form-item label="承租人联系方式" prop="renterPhone">
<el-input v-model="dataForm.renterPhone" placeholder="承租人联系方式"></el-input>
</el-form-item>
<el-form-item label="经度" prop="longitude">
<el-input v-model="dataForm.longitude" placeholder="经度"></el-input>
</el-form-item>
<el-form-item label="纬度" prop="latitude">
<el-input v-model="dataForm.latitude" placeholder="纬度"></el-input>
</el-form-item>
<el-form-item label="标绘状态" prop="pointStatus">
<el-input v-model="dataForm.pointStatus" placeholder="标绘状态"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<!-- <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> -->
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
rentalId: '',
gridId: '',
houseId: '',
houseName: '',
houseAddress: '',
houseUse: '',
houseArea: '',
idType: '',
idCard: '',
residentName: '',
telephone: '',
curliveAddress: '',
rentUse: '',
troubleType: '',
renterId: '',
renterCardNumber: '',
renterCardType: '',
renterName: '',
renterPhone: '',
longitude: '',
latitude: '',
pointStatus: ''
}
}
},
computed: {
dataRule () {
return {
houseName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
houseAddress: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
houseUse: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
houseArea: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
idType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
idCard: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
residentName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
telephone: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddress: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
rentUse: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
troubleType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
renterCardNumber: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
renterCardType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
renterName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
renterPhone: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
longitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
latitude: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
pointStatus: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.post(`/opendata/caRental/getRentalDetails`, { rentalId: this.dataForm.id }).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.rentalId ? 'post' : 'put']('/axis/caRental/', this.dataForm).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(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

81
src/views/modules/cabaseinfo/carental.vue
View File

@ -0,0 +1,81 @@
<template>
<div class="mod-axis__caRental}">
<el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="房屋编号" prop="houseName" >
<el-input v-model="dataForm.houseName" placeholder="房屋编号" clearable></el-input>
</el-form-item>
<el-form-item label="房主姓名" prop="residentName" >
<el-input v-model="dataForm.residentName" placeholder="房主姓名" clearable></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-form-item>
<el-form-item>
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> -->
</el-form>
</el-card>
<el-card shadow="never" class="aui-card--fill">
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
<el-table-column type="selection" 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">
<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>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './carental-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/opendata/caRental/getPage',
getDataListIsPage: true,
deleteURL: '',
deleteIsBatch: true
},
dataForm: {
houseName: '',
residentName: '',
renterName: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>

216
src/views/modules/cabaseinfo/caresident-add-or-update.vue
View File

@ -0,0 +1,216 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.residentId ? $t('add') : $t('查看')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form disabled :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="人口性质" prop="residentProperty">
<el-input v-model="dataForm.residentProperty" placeholder="人口性质"></el-input>
</el-form-item>
<el-form-item label="居民分类" prop="residentType">
<el-input v-model="dataForm.residentType" placeholder="居民分类"></el-input>
</el-form-item>
<el-form-item label="证件类型" prop="idType">
<el-input v-model="dataForm.idType" placeholder="证件类型"></el-input>
</el-form-item>
<el-form-item label="证件号码（公民身份证号）" prop="idCard">
<el-input v-model="dataForm.idCard" placeholder="证件号码（公民身份证号）"></el-input>
</el-form-item>
<el-form-item label="姓名" prop="residentName">
<el-input v-model="dataForm.residentName" placeholder="姓名"></el-input>
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-input v-model="dataForm.sex" placeholder="性别"></el-input>
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-input v-model="dataForm.birthday" placeholder="出生日期"></el-input>
</el-form-item>
<el-form-item label="民族" prop="nation">
<el-input v-model="dataForm.nation" placeholder="民族"></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="telephone">
<el-input v-model="dataForm.telephone" placeholder="联系方式"></el-input>
</el-form-item>
<el-form-item label="户籍详址" prop="householdAddressDetail">
<el-input v-model="dataForm.householdAddressDetail" placeholder="户籍详址"></el-input>
</el-form-item>
<el-form-item label="现住详址" prop="curliveAddressDetail">
<el-input v-model="dataForm.curliveAddressDetail" placeholder="现住详址"></el-input>
</el-form-item>
<el-form-item label="学历" prop="education">
<el-input v-model="dataForm.education" placeholder="学历"></el-input>
</el-form-item>
<el-form-item label="职业" prop="occupation">
<el-input v-model="dataForm.occupation" placeholder="职业"></el-input>
</el-form-item>
<el-form-item label="婚姻状况" prop="marriageStatus">
<el-input v-model="dataForm.marriageStatus" placeholder="婚姻状况"></el-input>
</el-form-item>
<el-form-item label="政治面貌" prop="party">
<el-input v-model="dataForm.party" placeholder="政治面貌"></el-input>
</el-form-item>
<el-form-item label="宗教信仰" prop="religious">
<el-input v-model="dataForm.religious" placeholder="宗教信仰"></el-input>
</el-form-item>
<el-form-item label="有无皈依（已受洗）" prop="conversionState">
<el-input v-model="dataForm.conversionState" placeholder="有无皈依（已受洗）"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<!-- <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> -->
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
residentId: '',
gridId: '',
residentProperty: '',
residentType: '',
idType: '',
idCard: '',
residentName: '',
sex: '',
birthday: '',
nation: '',
telephone: '',
householdProv: '',
householdCity: '',
householdCounty: '',
householdTown: '',
householdVillage: '',
householdAddressDetail: '',
curliveProv: '',
curliveCity: '',
curliveCounty: '',
curliveTown: '',
curliveVillage: '',
curliveAddressDetail: '',
nativeAddressProv: '',
nativeAddressCity: '',
nativeAddressCounty: '',
formerName: '',
education: '',
occupation: '',
occupationType: '',
serviceAddress: '',
marriageStatus: '',
party: '',
religious: '',
conversionState: '',
nationality: '',
platCode: '',
createBy: '',
createDate: '',
updateBy: '',
updateDate: '',
deleteFlag: '',
versions: ''
}
}
},
computed: {
dataRule () {
return {
residentProperty: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
residentType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
idType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
idCard: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
residentName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
sex: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
birthday: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
nation: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
telephone: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
householdAddressDetail: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddressDetail: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
education: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
occupation: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
party: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
religious: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
conversionState: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.post(`/opendata/caResident/getResidentDetails`, { idCard: this.dataForm.id }).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.residentId ? 'post' : 'put']('/axis/caResident/', this.dataForm).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(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

80
src/views/modules/cabaseinfo/caresident.vue
View File

@ -0,0 +1,80 @@
<template>
<div class="mod-axis__caResident}">
<el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="身份证号" prop="idCard" >
<el-input v-model="dataForm.idCard" placeholder="身份证号" clearable></el-input>
</el-form-item>
<el-form-item label="姓名" prop="residentName" >
<el-input v-model="dataForm.residentName" placeholder="姓名" clearable></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="telephone" >
<el-input 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-form-item>
<el-form-item>
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> -->
</el-form>
</el-card>
<el-card shadow="never" class="aui-card--fill">
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="idCard" 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="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="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>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './caresident-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/opendata/caResident/getPage',
getDataListIsPage: true,
deleteURL: '',
deleteIsBatch: true
},
dataForm: {
idCard: '',
residentName: '',
telephone: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>

309
src/views/modules/cabaseinfo/carotators-add-or-update.vue
View File

@ -0,0 +1,309 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('查看')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :disabled="true" :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="公民身份证号" prop="idCard">
<el-input v-model="dataForm.idCard" placeholder="公民身份证号"></el-input>
</el-form-item>
<el-form-item label="证件类型" prop="idType">
<el-input v-model="dataForm.idType" placeholder="证件类型"></el-input>
</el-form-item>
<el-form-item label="姓名" prop="rotatorsName">
<el-input v-model="dataForm.rotatorsName" placeholder="姓名"></el-input>
</el-form-item>
<el-form-item label="曾用名" prop="formerName">
<el-input v-model="dataForm.formerName" placeholder="曾用名"></el-input>
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-input v-model="dataForm.sex" placeholder="性别"></el-input>
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-input v-model="dataForm.birthday" placeholder="出生日期"></el-input>
</el-form-item>
<el-form-item label="民族" prop="nation">
<el-input v-model="dataForm.nation" placeholder="民族"></el-input>
</el-form-item>
<el-form-item label="婚姻状况" prop="marriageStatus">
<el-input v-model="dataForm.marriageStatus" placeholder="婚姻状况"></el-input>
</el-form-item>
<el-form-item label="政治面貌" prop="party">
<el-input v-model="dataForm.party" placeholder="政治面貌"></el-input>
</el-form-item>
<el-form-item label="学历" prop="education">
<el-input v-model="dataForm.education" placeholder="学历"></el-input>
</el-form-item>
<el-form-item label="宗教信仰" prop="religious">
<el-input v-model="dataForm.religious" placeholder="宗教信仰"></el-input>
</el-form-item>
<el-form-item label="职业类别" prop="occupationType">
<el-input v-model="dataForm.occupationType" placeholder="职业类别"></el-input>
</el-form-item>
<el-form-item label="职业" prop="occupation">
<el-input v-model="dataForm.occupation" placeholder="职业"></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="telephone">
<el-input v-model="dataForm.telephone" placeholder="联系方式"></el-input>
</el-form-item>
<el-form-item label="户籍门(楼)详址" prop="householdAddressDetail">
<el-input v-model="dataForm.householdAddressDetail" placeholder="户籍门(楼)详址"></el-input>
</el-form-item>
<el-form-item label="现住地社区/村" prop="curliveAddressVillage">
<el-input v-model="dataForm.curliveAddressVillage" placeholder="现住地社区/村"></el-input>
</el-form-item>
<el-form-item label="现住门(楼)详址" prop="curliveAddressDetail">
<el-input v-model="dataForm.curliveAddressDetail" placeholder="现住门(楼)详址"></el-input>
</el-form-item>
<el-form-item label="是否重点关注人员" prop="isFocusPerson">
<el-input v-model="dataForm.isFocusPerson" placeholder="是否重点关注人员"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<!-- <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> -->
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
rotatorsId: '',
idCard: '',
idType: '',
rotatorsName: '',
formerName: '',
sex: '',
birthday: '',
nation: '',
nativeAddressProv: '',
nativeAddressCity: '',
nativeAddressCountry: '',
marriageStatus: '',
party: '',
education: '',
religious: '',
occupationType: '',
occupation: '',
serviceAddress: '',
telephone: '',
householdAddressProv: '',
householdAddressCity: '',
householdAddressCountry: '',
householdAddressTown: '',
householdAddressVillage: '',
householdAddressDetail: '',
curliveAddressProv: '',
curliveAddressCity: '',
curliveAddressCountry: '',
curliveAddressTown: '',
curliveAddressVillage: '',
curliveAddressDetail: '',
inflowReason: '',
certificateType: '',
certificateNumber: '',
signDate: '',
endDate: '',
residenceType: '',
isFocusPerson: '',
createBy: '',
createDate: '',
updateBy: '',
updateDate: '',
deleteFlag: '',
platcode: '',
gridId: '',
versions: ''
}
}
},
computed: {
dataRule () {
return {
idCard: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
idType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
rotatorsName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
formerName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
sex: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
birthday: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
nation: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
nativeAddressProv: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
nativeAddressCity: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
nativeAddressCountry: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
marriageStatus: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
party: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
education: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
religious: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
occupationType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
occupation: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
serviceAddress: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
telephone: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
householdAddressProv: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
householdAddressCity: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
householdAddressCountry: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
householdAddressTown: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
householdAddressVillage: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
householdAddressDetail: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddressProv: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddressCity: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddressCountry: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddressTown: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddressVillage: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
curliveAddressDetail: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
inflowReason: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
certificateType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
certificateNumber: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
signDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
endDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
residenceType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
isFocusPerson: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updateBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updateDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
deleteFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
platcode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
gridId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
versions: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.post(`/opendata/caRotators/getRotatorsDetails`, { idCard: this.dataForm.id }).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.rotatorsId ? 'post' : 'put']('/axis/caRotators/', this.dataForm).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(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

79
src/views/modules/cabaseinfo/carotators.vue
View File

@ -0,0 +1,79 @@
<template>
<div class="mod-axis__caRotators}">
<el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="身份证号" prop="idCard" >
<el-input v-model="dataForm.idCard" placeholder="身份证号" clearable></el-input>
</el-form-item>
<el-form-item label="姓名" prop="residentName" >
<el-input v-model="dataForm.residentName" placeholder="姓名" clearable></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="telephone" >
<el-input 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-form-item>
<el-form-item>
<el-button v-if="$hasPermission('axis:caResident:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> -->
</el-form>
</el-card>
<el-card shadow="never" class="aui-card--fill">
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="idCard" label="公民身份证号" header-align="center" align="center"></el-table-column>
<el-table-column prop="rotatorsName" label="姓名" header-align="center" align="center"></el-table-column>
<el-table-column 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>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './carotators-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/opendata/caRotators/getPage',
getDataListIsPage: true,
deleteURL: '',
deleteIsBatch: true
},
dataForm: {
idCard: '',
residentName: '',
telephone: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>
Write Preview
Loading…
Cancel
Save