~admin/srs-police-affairs.git

			@@ -27,25 +27,29 @@

			<el-input ref="searchTreeInput" v-model="searchTreeName" @input="searchInputTree"
			@focus="searchTreeShowFlag = true" @blur="searchTreeShowFlag = false" v-popover:popover
			placeholder="请输入搜索条件" style="cursor: pointer;"></el-input>
			</div>
			placeholder="请输入搜索条件" style="cursor: pointer;"></el-input>
			</div>

			<div v-show="contentShow" class="result-content" ref="resultContentBox">
			<div class="housing-estate-info" ref="housingEstateInfoBox">
			<div class="housing-title">
			<!-- {{ villageInfo.name }} -->
			万达社区
			<div v-show="contentShow" class="result-content" ref="resultContentBox">
			<div class="housing-estate-info" ref="housingEstateInfoBox">
			<div class="housing-title">
			{{ villageInfo.name }}
			<div class="progress"></div>
			</div>
			<div class="housing-bg">
			<div class="block">
			<el-carousel height="150px" :arrow="isShowPictArrow">
			<el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index">
			<el-image style=" height: 100%" :src="item"
			:preview-src-list="villageInfo.pic_url_list"></el-image>
			</el-carousel-item>
			</el-carousel>
			</div>
			<!-- <div class="block">
			<el-carousel height="150px" :arrow="isShowPictArrow">
			<el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index">
			<el-image style=" height: 100%" :src="item"
			:preview-src-list="villageInfo.pic_url_list"></el-image>
			</el-carousel-item>
			</el-carousel>
			</div> -->

			<img :src="villageInfo.pic_url" alt="" v-show="villageInfo.pic_url">
			<el-empty :image-size="120" description="暂无照片"
			v-show="!villageInfo.pic_url && isHaveNoPic == true"></el-empty>

			</div>
			<div class="housing-introduce">
			<div>
			@@ -88,7 +92,6 @@
			</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="ridgepole-list" v-for="index of Math.ceil(buildingList.length / 10)"
			:key="index">
			<div v-for="(item, index) in buildingList.slice((index - 1) * 10, index * 10)"
			@@ -108,7 +111,6 @@

			<div class="ridgepole-info">
			<div class="title">楼栋信息</div>

			<div class="content">
			<div>
			<div>电梯</div>
			@@ -126,111 +128,30 @@
			</div>
			<div class="people-info">
			<div class="title">人口情况</div>

			<div class="content">
			<div class="one">
			<div @click="goTOPeopleDetail(1)">
			<div style="color:#72fff8">{{ peopleInfo.registeredPopulation }}</div>
			<div>户籍人口</div>
			</div>
			<div @click="goTOPeopleDetail(2)">
			<div style="color:#FF796C">{{ peopleInfo.KeyPopulation }}</div>
			<div>重点人口</div>
			<div class="one">
			<div @click="goTOPeopleDetail(1)">
			<div style="color:#72fff8">{{ peopleInfo.registeredPopulation }}</div>
			<div>户籍人口</div>
			</div>
			<div @click="goTOPeopleDetail(2)">
			<div style="color:#FF796C">{{ peopleInfo.KeyPopulation }}</div>
			<div>重点人口</div>
			</div>
			</div>
			</div>
			<!--
			<div class="two">
			<div>
			<div>98</div>
			<div>户籍人口</div>
			</div>
			<div>
			<div style="color:#0E88FF">20</div>
			<div>流动人口</div>
			</div>
			<div>
			<div style="color:#FEAC04">16</div>
			<div>境外人口</div>
			</div>
			</div>-->
			</div>
			</div>
			<!-- <div class="house-info">
			<div class="title">房屋情况</div>

			<div class="content">
			<div>
			<div>288</div>
			<div>房屋总数</div>
			</div>
			<div>
			<div>120</div>
			<div>出租</div>
			</div>
			<div>160</div>
			<div>自住</div>
			</div>
			<div>8</div>
			<div>
			<div>空置</div>
			</div>
			</div>
			</div>-->
			<div class="house-element-info" v-if="isShowHouseBox">
			<!-- 选择单元 -->
			<div class="condo" v-show="isShowUnitChoose">
			<div class="type">选择单元</div>
			<div class="type-select">
			<el-select size="small" v-model="unitValue" placeholder="请选择" @change="chooseUnit">
			<el-option v-for="item in unitOptions" :key="item.value" :label="item.label"
			:value="item.value" class="unit-option"></el-option>
			</el-select>
			</div>
			</div>
			<!-- <div class="legend">
			<div class="type">人口图例</div>
			<div class="type-val">
			<div>
			<span
			style="width: 10px; height: 10px; background: #0E88FF; border-radius: 50%;"
			></span>
			流动人口
			</div>
			<div>
			<span
			style="width: 10px; height: 10px; background: #FF796C; border-radius: 50%;"
			></span>
			重点人员
			</div>
			<div>
			<span
			style="width: 10px; height: 10px; background: #FEAC04; border-radius: 50%;"
			></span>
			境外人口
			</div>
			<!-- 选择单元 -->
			<div class="condo" v-show="isShowUnitChoose">
			<div class="type">选择单元</div>
			<div class="type-select">
			<el-select size="small" v-model="unitValue" placeholder="请选择" @change="chooseUnit">
			<el-option v-for="item in unitOptions" :key="item.value" :label="item.label"
			:value="item.value" class="unit-option"></el-option>
			</el-select>
			</div>
			</div>
			<div class="legend">
			<div class="type">房屋图例</div>
			<div class="type-val">
			<div>
			<span class="chuzu"></span>
			出租
			</div>
			<div>
			<span class="zizhu"></span>
			自住
			</div>
			<div>
			<span class="kongzhi"></span>
			空置
			</div>
			<div>
			<span class="shangye"></span>
			商业
			</div>
			</div>
			</div>-->
			<el-main v-loading="pictLoading" element-loading-background="rgba(17, 38, 163, .1)"
			element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading"
			v-show="isShowHouseBox">
			@@ -257,7 +178,7 @@
			</div>

			<div class="floor-detail">
			<div v-for="(item, index) in unitHouseChoosed.slice((floorsType - 1) * 5, floorsType * 5)"
			<div v-for="(item, index) in unitHouseChoosed.slice((floorsType - 1) * 5, floorsType * 5)"
			:key="index">
			<div class="title">{{ item.floor_num }}层：</div>
			<div class="detail">
			@@ -267,8 +188,7 @@
			<!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" -->
			{{ value.properties.fojcu }}
			<!-- <div class="flow"></div>
			<div class="focus"></div>
			<div class="warning"></div>-->
			<div class="warning"></div>-->
			</div>
			</div>
			</div>
			@@ -483,6 +403,7 @@
			// 下拉搜索--树状数据相关
			searchTreeShowFlag: false,
			keyPeopleLoading: false,
			isHaveNoPic: false,
			residentLoading: false,
			searchTreeName: '',
			searchTreeData: [],
			@@ -738,6 +659,7 @@
			circleLayer.remove()
			circleLayer = null
			}
			this.subNavType == 1
			this.getResidentialQuartersInfo(current.id, '361102')
			this.getSearchExtensivelyBgAoiDeepdata('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', current.id, '1\|3')
			this.getVillageInfo(current.id)
			@@ -782,12 +704,14 @@
			this.villageInfo.pic_url_list.push(pic_url_item)
			})
			this.villageInfo.pic_url_list.push('pic_url_item')
			this.isHaveNoPic = this.villageInfo.pic_url_list.length > 0 ? false : true
			if (this.villageInfo.pic_url_list.length != 0) {
			this.isShowPictArrow = 'hover'
			}
			// 停车场出入口商场
			if (res.data.result[0].deep_infos && res.data.result[0].deep_infos.length) {
			if (res.data.result[0].deep_infos != null && res.data.result[0].deep_infos.deep_info.length) {
			let deepData = res.data.result[0].deep_infos.deep_info
			console.log('deepData------', deepData)
			this.parkingLotData = []
			this.comeOutData = []
			this.businessData = []
			@@ -1527,11 +1451,24 @@
			margin-top: 6px;
			height: 200px;

			img {
			width: 100%;
			height: 100%;
			}

			:deep(.el-empty__description) {
			p {
			color: #fff;
			}
			}

			:deep(.el-empty__image) {
			width: 120px;
			}

			:deep(.el-empty) {
			padding: 0;
			}
			}

			.housing-introduce {