显示楼栋信息自动隐藏小区信息

guanqb

2023-05-15 d6e90a2896e31abd6a76f9c83bd0fc8095654ed5

显示楼栋信息自动隐藏小区信息

 src/components/map/index.vue

@@ -829,9 +829,6 @@
        // 切换首页显示隐藏
        switchShowHomeContent () {
            this.$store.commit('SET_ISSHOWHOMECONTENT', !this.$store.state.popupParams.isShowHomeContent)
            console.log(document.querySelector('.screen-full-btn'), 1111222)
            console.log(document.querySelector('.dc-container'), 3333444)
            console.log(document.querySelector('.dc-zoom-controller'), 3333444)
            if (this.$store.state.popupParams.isShowHomeContent) {
                // if (document.querySelector('.dc-container .dc-zoom-controller').classList.contains('homebottom')) return
                document.querySelector('.dc-container .dc-zoom-controller').classList.add('homebottom')

 src/styles/media/index.scss

@@ -499,6 +499,10 @@
                                            height: countSizeVh(120);
                                        }
                                    }

                                    .house-shrink-unfold-btn {
                                        font-size: countSizeVh(20);
                                    }
                                }

                                .nav-tab {

 src/views/house/index.vue

@@ -76,6 +76,13 @@
                                </el-image>
                            </div>
                        </div>
                        <!-- 点击展开 -->
                        <div class="house-shrink-unfold-btn" @click="unfoldHouseBox('down')" v-show="!isShowHouseInfoBox"><i
                                class="el-icon-arrow-down"></i>
                        </div>
                        <!-- 点击收缩 -->
                        <div class="house-shrink-unfold-btn" @click="unfoldHouseBox('up')" v-show="isShowHouseInfoBox"><i
                                class="el-icon-arrow-up"></i></div>
                    </div>
                </el-main>

@@ -535,6 +542,7 @@

    data () {
        return {
            isShowHouseInfoBox: true,
            typeValue: '',
            jqType: 0,
            policeInforOptions: [
@@ -848,6 +856,21 @@
    updated () { },

    methods: {
        // 收缩或展开小区信息
        unfoldHouseBox (type) {
            if (type == 'up') {
                // 收缩
                this.isShowHouseInfoBox = false
                document.querySelector('.housing-introduce').classList.add('shrink-house')
                document.querySelector('.housing-bg').classList.add('shrink-house')
            } else {
                // 展开
                this.isShowHouseInfoBox = true
                document.querySelector('.housing-introduce').classList.remove('shrink-house')
                document.querySelector('.housing-bg').classList.remove('shrink-house')
            }
        },

        // 警情统计
        getAlarmStatistics () {
            getAlarmStatistics({
@@ -1482,6 +1505,7 @@

        buildingClick (item, aoiArr) {
            if (this.buildingChoosed.name == item.name && !aoiArr) return
            this.unfoldHouseBox('up')
            this.isBuildHighLightchecked = true
            this.unitHouseChoosed = []
            this.unitChoosedArr = []
@@ -2401,6 +2425,20 @@
                        top: 0;
                    }
                }

                .shrink-house {
                    height: 0 !important;
                    overflow: hidden;
                }

                .house-shrink-unfold-btn {
                    font-size: 20px;
                    cursor: pointer;
                }

                .house-shrink-unfold-btn:hover {
                    color: #2c75f1;
                }
            }

            .nav-tab {