| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-05 04:49:49 |
| | | * @LastEditTime: 2023-04-05 17:43:24 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | style="overflow:hidden;padding:0px;" class="build-item"> |
| | | |
| | | <div class="build-info" v-show="!BuildListLoading"> |
| | | <div class="build-info" v-show="!BuildListLoading && buildingList.length"> |
| | | <div class="nextBtn" @click="lastBtn" v-show="lastBtnShow == true"> |
| | | <i class="el-icon-caret-left"></i> |
| | | </div> |
| | |
| | | <div class="nextBtn rightBtn" @click="nextBtn"> |
| | | <i v-show="buildingList.length > 10 && nextBtnShow" class="el-icon-caret-right"></i> |
| | | </div> |
| | | </div> |
| | | <div class="build-info" v-show="!BuildListLoading && !buildingList.length" |
| | | style="justify-content: center;">暂无楼栋数据 |
| | | </div> |
| | | </el-main> |
| | | <div class="ridgepole-info"> |
| | |
| | | <el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.2)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | style="overflow:hidden;padding:0px;"> |
| | | <div class="floor-outBox"> |
| | | <div class="floor-outBox" v-show="!pictLoading && isHaveResidentData"> |
| | | <div @click="lastFloorBtn" class="floorBtn" v-show="lastFloorShow"> |
| | | <i class="el-icon-caret-left"></i> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="floor-detail"> |
| | | <div class="floor-detail" v-show="!pictLoading && isHaveResidentData"> |
| | | <div v-for="(item, index) in unitHouseChoosed.slice((floorsType - 1) * 5, floorsType * 5)" |
| | | :key="index"> |
| | | <div class="title">{{ item.floor_num }}层:</div> |
| | |
| | | <div v-for="(value, index) in item.floor_house" :key="index" |
| | | @click="residentDetailsClick(value)" |
| | | :class="{ on: floorChoosed == value.properties.fojcu }"> |
| | | <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" --> |
| | | {{ value.properties.fojcu }} |
| | | <!-- <div class="flow"></div> |
| | | <div class="warning"></div>--> |
| | | <div class="warning"></div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="floor-detail" v-show="!pictLoading && !isHaveResidentData" |
| | | style="display: flex;justify-content: center;align-items: center;">暂无户室数据</div> |
| | | </el-main> |
| | | </div> |
| | | </div> |
| | |
| | | isShowPictArrow: "never", |
| | | villageInfoLoading: false, |
| | | BuildListLoading: false, |
| | | isHaveResidentData: false, |
| | | } |
| | | }, |
| | | |
| | |
| | | this.houseDeepNoDataText = ' ' |
| | | setTimeout(() => { |
| | | this.houseDeepLoading = false |
| | | // if (comeOutData.length && type == 2) { |
| | | // this.houseDeepNoDataText = '暂无出入口数据' |
| | | // } else if (parkingLotData.length && type == 3) { |
| | | // this.houseDeepNoDataText = '暂无停车场数据' |
| | | // } else if (businessData.length && type == 4) { |
| | | // this.houseDeepNoDataText = '暂无商场数据' |
| | | // } |
| | | if (!this.comeOutData.length && type == 2) { |
| | | this.houseDeepNoDataText = '暂无出入口数据' |
| | | } else if (!this.parkingLotData.length && type == 3) { |
| | | this.houseDeepNoDataText = '暂无停车场数据' |
| | | } else if (!this.businessData.length && type == 4) { |
| | | this.houseDeepNoDataText = '暂无商业数据' |
| | | } |
| | | }, 500) |
| | | |
| | | }, |
| | | |
| | | /** |
| | |
| | | this.policeInfoLoading = true |
| | | this.jqNoDataText = ' ' |
| | | this.callPolicePage.currentPage = 1 |
| | | this.callPoliceData = [] |
| | | this.getAlarmList() |
| | | } else { |
| | | circleLayer.clear() |
| | |
| | | getSearchExtensivelyBgAoiDeepdata (ak, region, ids, infos) { |
| | | this.villageInfoLoading = true |
| | | this.BuildListLoading = true |
| | | this.pictLoading = true |
| | | this.buildingList = [] |
| | | getSearchExtensivelyBgAoiDeepdata(ak, region, ids, infos).then((res) => { |
| | | console.log(res, 'getSearchExtensivelyBgAoiDeepdata---then') |
| | | let baseUrl |
| | | if (process.env.NODE_ENV == "development") { |
| | | // 开发 |
| | |
| | | baseUrl = "http://10.141.11.11/" |
| | | } |
| | | |
| | | |
| | | console.log(res.data.result[0], 'getSearchExtensivelyBgAoiDeepdata') |
| | | // 小区名称类型地址 |
| | | let villageData = res.data.result[0] |
| | | |
| | |
| | | siteGd: 240, |
| | | sitePitch: -45, |
| | | }) |
| | | |
| | | this.BuildListLoading = false |
| | | setTimeout(() => { |
| | | this.BuildListLoading = false |
| | | }, 500) |
| | | |
| | | this.queryBuildings(this.buildingList[0]) |
| | | } |
| | | |
| | | this.callPolicePage.currentPage = 1 |
| | | this.getAlarmList() |
| | | }).catch(res => { |
| | | console.log(res, 'getSearchExtensivelyBgAoiDeepdata---catch') |
| | | setTimeout(() => { |
| | | this.villageInfoLoading = false |
| | | this.BuildListLoading = false |
| | | this.pictLoading = false |
| | | this.isHaveResidentData = false |
| | | }, 500) |
| | | }) |
| | | }, |
| | | |
| | |
| | | getHouses (build_id, adcode, aoiArr) { |
| | | getHouses(build_id, adcode).then((res) => { |
| | | if (res.data.data == null) { |
| | | this.pictLoading = false |
| | | setTimeout(() => { |
| | | this.pictLoading = false |
| | | console.log('getHouses---if-null--') |
| | | }, 3000) |
| | | this.isShowHouseBox = false |
| | | } else { |
| | | this.pictLoading = true |
| | |
| | | this.allHouseFloorList.push(newArr) |
| | | }) |
| | | this.unitHouseChoosed = this.allHouseFloorList[0] |
| | | this.isHaveResidentData = true |
| | | if (aoiArr) { |
| | | this.unitHouseChoosed.forEach((item, index) => { |
| | | let aoiHeight = aoiArr[1] |
| | |
| | | } |
| | | }) |
| | | } |
| | | this.pictLoading = false |
| | | setTimeout(() => { |
| | | this.pictLoading = false |
| | | console.log('getHouses---if-null--') |
| | | }, 3000) |
| | | } else { |
| | | this.isShowHouseBox = false |
| | | this.pictLoading = false |
| | | this.isHaveResidentData = false |
| | | setTimeout(() => { |
| | | this.pictLoading = false |
| | | console.log('getHouses---if-null--') |
| | | }, 3000) |
| | | } |
| | | }) |
| | | |
| | |
| | | |
| | | buildingClick (item, aoiArr) { |
| | | this.unitHouseChoosed = [] |
| | | console.log('buildingClick==============') |
| | | this.pictLoading = true |
| | | if (!aoiArr) { |
| | | this.$EventBus.$emit("clearHouse3D") |
| | |
| | | }).then((res) => { |
| | | this.callPolicePage.count = res.data.data.pages |
| | | |
| | | this.callPoliceData = [] |
| | | |
| | | if (res.data.data.records.length > 0) { |
| | | this.callPoliceData = res.data.data.records.map((item, index) => { |
| | | const bjlxText = BjlxData.filter(i => item.BJLX == i.BJLX)[0].VALUE || '' |
| | |
| | | circleLayer.addOverlay(point) |
| | | } |
| | | }) |
| | | setTimeout(() => { |
| | | this.policeInfoLoading = false |
| | | }, 500) |
| | | |
| | | } else { |
| | | this.callPoliceData = [] |
| | | setTimeout(() => { |
| | | this.jqNoDataText = '暂无报警信息' |
| | | this.policeInfoLoading = false |
| | | }, 500) |
| | | }, 3000) |
| | | } |
| | | |
| | | this.setTableHeight() |
| | |
| | | setTimeout(() => { |
| | | this.jqNoDataText = '暂无报警信息' |
| | | this.policeInfoLoading = false |
| | | }, 500) |
| | | }, 3000) |
| | | }) |
| | | }, |
| | | |