| | |
| | | @click="searchVlaClick(item)" |
| | | v-for="(item, index) in searchArray" |
| | | :key="index" |
| | | > |
| | | {{ |
| | | item.name |
| | | }} |
| | | </div> |
| | | >{{item.name}}</div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | @click="buildingClick(item)" |
| | | :class="{ on: buildingChoosed.name == item.name }" |
| | | :title="item.name" |
| | | > |
| | | {{ |
| | | item.name |
| | | }} |
| | | </div> |
| | | >{{item.name}}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div>重点人口</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- |
| | | <div class="two"> |
| | | <div> |
| | | <div>98</div> |
| | |
| | | <div style="color:#FEAC04">16</div> |
| | | <div>境外人口</div> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | </div> |
| | | <div class="house-info"> |
| | |
| | | <div>288</div> |
| | | <div>房屋总数</div> |
| | | </div> |
| | | <div> |
| | | <!-- <div> |
| | | <div>120</div> |
| | | <div>出租</div> |
| | | </div> |
| | |
| | | <div> |
| | | <div>8</div> |
| | | <div>空置</div> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | </div> |
| | | <div class="house-element-info"> |
| | |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="legend"> |
| | | <!-- <div class="legend"> |
| | | <div class="type">人口图例</div> |
| | | <div class="type-val"> |
| | | <div> |
| | |
| | | 商业 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | <div class="floor-outBox"> |
| | | <div @click="lastFloorBtn" class="floorBtn" v-show="lastFloorShow"> |
| | | <i class="el-icon-caret-left"></i> |
| | |
| | | v-for="(value, index) in item.floor_house" |
| | | :key="index" |
| | | @click="residentDetailsClick(value)" |
| | | :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" |
| | | > |
| | | <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" --> |
| | | {{ value.house_num }} |
| | | <div class="flow"></div> |
| | | <!-- <div class="flow"></div> |
| | | <div class="focus"></div> |
| | | <div class="warning"></div> |
| | | <div class="warning"></div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | searchExtensivelyClick () { |
| | | this.getSearchExtensively('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', this.searchExtensivelyValue) |
| | | this.searchExtensivelyValBoxShow = false |
| | | if (this.searchExtensivelyArray.length > 0) { |
| | | this.$EventBus.$emit('toPosition', { |
| | | siteJd: `${this.searchExtensivelyArray[0].location.lng}`, |
| | | siteWd: `${this.searchExtensivelyArray[0].location.lat}`, |
| | | siteGd: 200, |
| | | siteHeading: -3, |
| | | sitePitch: -45 |
| | | }) |
| | | this.searchExtensivelyValue = this.searchExtensivelyArray[0].name |
| | | } |
| | | }, |
| | | |
| | | searchExtensivelyChange () { |
| | |
| | | this.$EventBus.$emit('toPosition', { |
| | | siteJd: `${item.location.lng}`, |
| | | siteWd: `${item.location.lat}`, |
| | | siteGd: 200, |
| | | siteGd: 10000, |
| | | siteHeading: -3, |
| | | sitePitch: -45 |
| | | }) |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'searchLayer', |
| | | type: 'label' |
| | | }) |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'searchLayer', |
| | | type: 'label', |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | text: item.name |
| | | }, |
| | | // distanceDisplayCondition: { "near": 0, "far": 200000 } |
| | | }) |
| | | }, |
| | | |
| | |
| | | .ridgepole-list { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: center; |
| | | justify-content: left; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | width: 356px; |
| | |
| | | width: 84px; |
| | | height: 26px; |
| | | border-radius: 13px; |
| | | background: #202434; |
| | | // background: #202434; |
| | | cursor: default; |
| | | } |
| | | |