From d5eceb0cf20149fc2de5b4d2e5aa6eba6d949241 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Mon, 09 Oct 2023 11:23:57 +0800
Subject: [PATCH] 户室人口加类型tab切换
---
src/styles/media/index.scss | 18 +++++++++
src/views/house/index.vue | 45 ++++++++++++++++++++--
2 files changed, 59 insertions(+), 4 deletions(-)
diff --git a/src/styles/media/index.scss b/src/styles/media/index.scss
index 1eb1126..9ad5200 100644
--- a/src/styles/media/index.scss
+++ b/src/styles/media/index.scss
@@ -2067,6 +2067,24 @@
.table-box {
width: countSizeVw(820, 1920);
height: countSizeVh(288);
+
+ .type-tab-box {
+ height: countSizeVh(28);
+ display: flex;
+
+ .tab-item {
+ padding: 0 10px;
+ cursor: pointer;
+ }
+
+ .tab-choose-item {
+ background-color: #3d5ad5;
+ }
+ }
+
+ .el-table {
+ height: countSizeVh(260);
+ }
}
diff --git a/src/views/house/index.vue b/src/views/house/index.vue
index 45fa8c7..6166fbb 100644
--- a/src/views/house/index.vue
+++ b/src/views/house/index.vue
@@ -546,6 +546,14 @@
</div>
</div>
<div class="table-box">
+ <div class="type-tab-box">
+ <div class="tab-item" :class="{ 'tab-choose-item': hushiPeoTy == 1 }" @click="hushiPeoTyClick(1)">
+ 户籍人口</div>
+ <div class="tab-item" :class="{ 'tab-choose-item': hushiPeoTy == 2 }" @click="hushiPeoTyClick(2)">
+ 实有人口</div>
+ <div class="tab-item" :class="{ 'tab-choose-item': hushiPeoTy == 3 }" @click="hushiPeoTyClick(3)">其他
+ </div>
+ </div>
<el-table :data="houseDate"
:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" v-loading="residentLoading"
@@ -909,6 +917,8 @@
isQFL27: false,
businessChooseItem: {},
isBusinessHoverShow: false,
+ hushiPeoTy: 1,
+ residentIdSave: '',
}
},
@@ -1021,6 +1031,13 @@
updated () { },
methods: {
+ // 户室人口类型切换
+ hushiPeoTyClick (type) {
+ this.hushiPeoTy = type
+ this.getVillagePersonInfo(this.residentIdSave, '', { personType: this.hushiPeoTy })
+ console.log('hushiPeoTyClick', type)
+ },
+
// 鼠标移入商业数据
businessMouseEnter (row) {
if (this.isQFL27) {
@@ -1716,7 +1733,8 @@
this.houseDate = []
if (params.exttype == 'room') {
residentId = params.std_addr_id.split('|')[2]
- this.getVillagePersonInfo(residentId)
+ this.residentIdSave = residentId
+ this.getVillagePersonInfo(residentId, '', { personType: this.hushiPeoTy })
this.floorChoosed = params.sname
this.getResident3DData(residentId)
} else {
@@ -1737,6 +1755,7 @@
},
residentDetailsClose () {
+ this.hushiPeoTy = 1
this.residentDetailsShow = false
},
@@ -2301,7 +2320,13 @@
} else if (this.keyPeopleType == 4) {
this.peopleNoDataText = '暂无未成年人口信息'
} else {
- this.residentNoDataText = '暂无户室信息'
+ if (this.hushiPeoTy == 1) {
+ this.residentNoDataText = '暂无户籍人口信息'
+ } else if (this.hushiPeoTy == 2) {
+ this.residentNoDataText = '暂无实有人口信息'
+ } else if (this.hushiPeoTy == 3) {
+ this.residentNoDataText = '暂无其他信息'
+ }
}
}
// 户室为楼栋情况
@@ -2314,7 +2339,13 @@
this.residentLoading = false
}, 500)
if (res.data.data.records.length == 0) {
- this.residentNoDataText = '暂无户室信息'
+ if (this.hushiPeoTy == 1) {
+ this.residentNoDataText = '暂无户籍人口信息'
+ } else if (this.hushiPeoTy == 2) {
+ this.residentNoDataText = '暂无实有人口信息'
+ } else if (this.hushiPeoTy == 3) {
+ this.residentNoDataText = '暂无其他信息'
+ }
}
}
}).catch((res) => {
@@ -2331,7 +2362,13 @@
} else if (this.keyPeopleType == 4) {
this.peopleNoDataText = '暂无未成年人口信息'
} else {
- this.residentNoDataText = '暂无户室信息'
+ if (this.hushiPeoTy == 1) {
+ this.residentNoDataText = '暂无户籍人口信息'
+ } else if (this.hushiPeoTy == 2) {
+ this.residentNoDataText = '暂无实有人口信息'
+ } else if (this.hushiPeoTy == 3) {
+ this.residentNoDataText = '暂无其他信息'
+ }
}
}, 500)
})
--
Gitblit v1.9.3