elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'feature/dev_zz_wgh'

shibei_master
YUJT 3 years ago
parent
ed549abb2f 5d4519dcd2
commit
1023407f4d
10 changed files with 1985 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. 155
      src/views/modules/cabaseinfo/caloudong.vue
  3. 251
      src/views/modules/cabaseinfo/capingfang-add-or-update.vue
  4. 155
      src/views/modules/cabaseinfo/capingfang.vue
  5. 204
      src/views/modules/cabaseinfo/carental-add-or-update.vue
  6. 156
      src/views/modules/cabaseinfo/carental.vue
  7. 216
      src/views/modules/cabaseinfo/caresident-add-or-update.vue
  8. 147
      src/views/modules/cabaseinfo/caresident.vue
  9. 309
      src/views/modules/cabaseinfo/carotators-add-or-update.vue
  10. 141
      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>

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

@ -0,0 +1,155 @@
<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-post";
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>

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

@ -0,0 +1,155 @@
<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-post";
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>

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

@ -0,0 +1,156 @@
<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-post";
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>

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

@ -0,0 +1,147 @@
<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-post";
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>

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

@ -0,0 +1,141 @@
<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-post";
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