| | |
| | | <div>未关联</div> |
| | | </div> |
| | | <div> |
| | | <div style="color:#eeee00">{{ villageInfo.unexaminedNumber ? |
| | | <div style="color:#ee0000">{{ villageInfo.unexaminedNumber ? |
| | | villageInfo.unexaminedNumber : |
| | | '0' }}</div> |
| | | <div>未核实</div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="people-info" v-if="isShowHouseBox"> |
| | | <div class="title">户室情况</div> |
| | | <div class="content"> |
| | | <div class="one"> |
| | | <div> |
| | | <div style="color:#2a91f5">{{ buildingInfo.busTotalNumber ? |
| | | buildingInfo.busTotalNumber : |
| | | '0' }}</div> |
| | | <div>户室总数</div> |
| | | </div> |
| | | <div> |
| | | <div style="color:#eeeeee">{{ buildingInfo.uncorrelatedNumber ? |
| | | buildingInfo.uncorrelatedNumber : |
| | | '0' }}</div> |
| | | <div>未关联</div> |
| | | </div> |
| | | <div> |
| | | <div style="color:#ee0000">{{ buildingInfo.unexaminedNumber ? |
| | | buildingInfo.unexaminedNumber : |
| | | '0' }}</div> |
| | | <div>未核实</div> |
| | | </div> |
| | | <div> |
| | | <div style="color:#00ee00">{{ buildingInfo.verifiedNumber ? |
| | | buildingInfo.verifiedNumber |
| | | : '0' }}</div> |
| | | <div>已核实</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="house-element-info" v-if="isShowHouseBox"> |
| | | <!-- 选择单元 --> |
| | | <div class="condo" v-show="isShowUnitChoose"> |
| | |
| | | </div> |
| | | <div> |
| | | <span |
| | | style="width: 10px; height: 10px; background: #eeee00; border-radius: 50%;"></span> |
| | | style="width: 10px; height: 10px; background: #ee0000; border-radius: 50%;"></span> |
| | | 未核实 |
| | | </div> |
| | | <div> |
| | |
| | | @click="residentDetailsClick(value)" |
| | | :class="{ on: floorChoosed == value.sname }">{{ value.sname }}室 |
| | | <div class="flow" |
| | | :class="[value.isBus == '1' ? 'yellow' : '', value.isBus == '2' ? 'grey' : '', value.isBus == '3' ? 'green' : '']"> |
| | | :class="[value.isBus == '1' ? 'red' : '', value.isBus == '2' ? 'grey' : '', value.isBus == '3' ? 'green' : '']"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | residentCodeUrl: '', |
| | | unitChoosed3DList: [], |
| | | curHousingHWTXAYjpca: '', |
| | | personConnectionData: [] |
| | | personConnectionData: [], |
| | | buildingInfo: {}, |
| | | } |
| | | }, |
| | | |
| | |
| | | global.viewer.addLayer(wallLayer) |
| | | } |
| | | |
| | | // console.log('JQSmychart', JQSmychart) |
| | | |
| | | let option = { |
| | | series: [ |
| | | { |
| | |
| | | // 查询当前楼栋下户室信息(是否关联) |
| | | getPersonConnectionConditionByBuildingId (params) { |
| | | getPersonConnectionConditionByBuildingId(params).then(res => { |
| | | console.log(res.data.data, 'getPersonConnectionConditionByBuildingId') |
| | | this.personConnectionData = res.data.data |
| | | this.personConnectionData = res.data.data.list |
| | | //未关联户室数 uncorrelatedNumber-未核实户室数 unexaminedNumber-已核实户室数 verifiedNumber-户室总数 busTotalNumber |
| | | this.buildingInfo.uncorrelatedNumber = res.data.data.uncorrelatedNumber |
| | | this.buildingInfo.unexaminedNumber = res.data.data.unexaminedNumber |
| | | this.buildingInfo.verifiedNumber = res.data.data.verifiedNumber |
| | | this.buildingInfo.busTotalNumber = res.data.data.busTotalNumber |
| | | this.unitChoosedArr.forEach(item => { |
| | | item.children_infos.forEach(it => { |
| | | let residentId = it.std_addr_id.split('|')[2] |
| | | res.data.data.forEach(one => { |
| | | res.data.data.list.forEach(one => { |
| | | if (one.busId == residentId) { |
| | | it.isBus = one.isBus |
| | | } |
| | |
| | | this.isHaveResidentData = true |
| | | }) |
| | | } else if (res.data.result[0].children_infos[0].exttype == 'floor') { |
| | | console.log(1) |
| | | let houseUintList = res.data.result[0] |
| | | this.isShowHouseBox = true |
| | | this.isShowBuildListBox = false |
| | |
| | | .focus, |
| | | .warning { |
| | | position: absolute; |
| | | right: 4px; |
| | | width: 6px; |
| | | height: 6px; |
| | | right: 2px; |
| | | width: 10px; |
| | | height: 10px; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .flow { |
| | | // top: calc((100% - 18px) / 4); |
| | | // top: calc((100% / 3) - 3px); |
| | | top: calc(50% - 3px); |
| | | // top: calc(50% - 3px); |
| | | top: 2px; |
| | | // background: rgb(14, 136, 255); |
| | | background: rgb(238, 238, 238); |
| | | } |
| | |
| | | .grey { |
| | | background: rgb(238, 238, 238); |
| | | } |
| | | |
| | | .red { |
| | | background: rgb(238, 0, 0); |
| | | } |
| | | } |
| | | |
| | | &>.on { |