户室人口加类型tab切换

guanqb

2023-10-09 d5eceb0cf20149fc2de5b4d2e5aa6eba6d949241

户室人口加类型tab切换

 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);
                            }
                        }



 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)
            })