社区感知优化

guanqb

2023-01-06 d6fd3776ccd35dabc648b5e9b1315bd0fa5dc877

社区感知优化

 public/img/icon/bubble.png

 public/img/icon/p-biao.png

 src/views/house/index.vue

@@ -141,11 +141,8 @@
                                <i class="el-icon-caret-left"></i>
                            </div>
                            <div class="build-outBox" ref="BuildOutBox">
                                <div
                                    class="build-box"
                                    style="left: 0px;"
                                    :style="{ width: `calc(${Math.ceil(buildingList.length / 10)} * (356 / 1920) * 100vw` }"
                                >
                                <div class="build-box" style="left: 0px;">
                                    <!-- :style="{ width: `calc(${Math.ceil(buildingList.length / 10)} * (356 / 1920) * 100vw` }" -->
                                    <div
                                        class="ridgepole-list"
                                        v-for="index of Math.ceil(buildingList.length / 10)"
@@ -560,6 +557,7 @@
<script>
import { listQuery, accurateSearch } from "@/utils/search.js"
import housingData from '@/assets/data/housingData.js'
import hh from '@/assets/data/houses.js'
import { getResidentialQuartersList, getResidentialQuartersInfo, getSearchExtensively, getAoiByPt, getUnitbuild, getHouses, getSearchExtensivelyBgAoiDeepdata } from '@/api/dept/index.js'

export default {
@@ -650,7 +648,7 @@
            nextFloorShow: true,
            houseDate: {},
            housingData: {
                name: '信美家园',
                name: '',
                img: '/img/housing/one.jpg',
                classify: '住宅区',
                area: 'xxx警务室',
@@ -833,7 +831,6 @@
                        this.businessData.push(item)
                    }
                })
                console.log(232323, this.parkingLotData, this.comeOutData, this.businessData)
            })
        },

@@ -873,6 +870,7 @@
                })
                this.unitHouseChoosed = newArr
                console.log('this.unitHouseChoosed', this.unitHouseChoosed)

            })
        },

@@ -912,11 +910,12 @@

        nextBtn () {
            const boxWidth = parseInt(this.$refs.BuildOutBox.offsetWidth)

            if (parseInt(document.querySelector(".build-box").offsetWidth) > Math.abs(parseInt(document.querySelector(".build-box").style.left)) + boxWidth) {
            // if (parseInt(document.querySelector(".build-box").offsetWidth) > Math.abs(parseInt(document.querySelector(".build-box").style.left)) + boxWidth) {
            if (Math.ceil(this.buildingList.length / 10) * 356 > Math.abs(parseInt(document.querySelector(".build-box").style.left)) + boxWidth) {
                document.querySelector(".build-box").style.left = parseInt(document.querySelector(".build-box").style.left) - boxWidth + 'px'
                this.lastBtnShow = true
                if (parseInt(document.querySelector(".build-box").offsetWidth) == Math.abs(parseInt(document.querySelector(".build-box").style.left)) + boxWidth) {
                // if (parseInt(document.querySelector(".build-box").offsetWidth) == Math.abs(parseInt(document.querySelector(".build-box").style.left)) + boxWidth) {
                if (Math.ceil(this.buildingList.length / 10) * 356 == Math.abs(parseInt(document.querySelector(".build-box").style.left)) + boxWidth) {
                    this.nextBtnShow = false
                }
            }
@@ -1003,14 +1002,12 @@

        //对树节点进行筛选时执行的方法
        filterNode (value, data) {
            // console.log(value, data)
            if (!value) return true
            return data.name.indexOf(value) !== -1
        },

        // 点击选中
        currentChangeHandle (current, currentNode) {
            console.log(123, current, currentNode)
            this.filterText = ''
            this.prop = current.name
            if (current.name == '万达华府') {
@@ -1021,6 +1018,7 @@
                this.getSearchExtensivelyBgAoiDeepdata('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', 'aba5227bc3c16d3fec0f0b1e87f25bbb', '1|3')
            } else if (current.name == '万达广场') {
                this.getResidentialQuartersInfo('6E513C5E5D1611EAB6183C15FB00027B', '361102')
                // this.unitHouseChoosed = hh
                this.getSearchExtensivelyBgAoiDeepdata('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', '62556EAF4B731B9DE0530EF4520A0CFC', '1|3')
            }
            this.$refs[`popover`].doClose()
@@ -1114,12 +1112,11 @@
        },

        deepDataRowClick (param1, row) {
            console.log(111222, param1, row)
            let url = ''
            if (param1 == 'comeOut') {
                url = '/img/icon/comeOut.png'
                url = '/img/icon/bubble.png'
            } else if (param1 == 'park') {
                url = '/img/icon/park.png'
                url = '/img/icon/p-biao.png'
            } else if (param1 == 'business') {
                url = '/img/icon/business.png'
            }