srs-police-affairs.git

			@@ -13,204 +13,109 @@
			<div class="house-page container">
			<div v-show="boxShow" class="container-content">
			<div v-show="contentShow" class="search-box">
			<el-popover
			ref="popover"
			placement="bottom"
			trigger="manual"
			v-model="searchTreeShowFlag"
			popper-class="tree-search-popup"
			@mousedown.native="preventFocusLost"
			>
			<el-tree
			v-show="searchLazyFlag == true"
			ref="popupTree"
			style="overflow: auto;"
			class="select-tree-box"
			:load="loadNode"
			:lazy="true"
			:props="props"
			@current-change="currentChangeHandle"
			@mousedown.native="preventFocusLost"
			></el-tree>
			<el-popover ref="popover" placement="bottom" trigger="manual" v-model="searchTreeShowFlag"
			popper-class="tree-search-popup" @mousedown.native="preventFocusLost">
			<el-tree v-show="searchLazyFlag == true" ref="popupTree" style="overflow: auto;" class="select-tree-box"
			:load="loadNode" :lazy="true" :props="props" @current-change="currentChangeHandle"
			@mousedown.native="preventFocusLost"></el-tree>

			<el-tree
			v-show="searchLazyFlag == false"
			:empty-text="treeEmptyText"
			ref="popupTree"
			style="overflow: auto;"
			class="select-tree-box"
			:data="searchTreeData"
			:props="defaultProps"
			:default-expand-all="true"
			@current-change="currentChangeHandle"
			@mousedown.native="preventFocusLost"
			></el-tree>
			<el-tree v-show="searchLazyFlag == false" :empty-text="treeEmptyText" ref="popupTree"
			style="overflow: auto;" class="select-tree-box" :data="searchTreeData" :props="defaultProps"
			:default-expand-all="true" @current-change="currentChangeHandle"
			@mousedown.native="preventFocusLost"></el-tree>
			</el-popover>

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

			<div v-show="contentShow" class="result-content" ref="resultContentBox">
			<el-main
			v-loading="villageInfoLoading"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			element-loading-text="数据正在加载中"
			element-loading-spinner="el-icon-loading"
			style="overflow:hidden;padding:0px;"
			>
			<el-main v-loading="villageInfoLoading" element-loading-background="rgba(0, 0, 0, 0.5)"
			element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading"
			style="overflow:hidden;padding:0px;">
			<div class="housing-estate-info" ref="housingEstateInfoBox">
			<div class="housing-title">
			{{ villageInfo.name }}
			<div class="progress"></div>
			</div>
			<div class="housing-bg">
			<el-image
			fit="contain"
			:src="villageInfo.pic_url"
			:preview-src-list="villageInfo.pic_url_singleArr"
			>
			<el-image fit="contain" :src="villageInfo.pic_url"
			:preview-src-list="villageInfo.pic_url_singleArr">
			<div slot="error" class="image-slot">暂无照片</div>
			</el-image>
			<el-empty
			:image-size="120"
			description="暂无照片"
			v-show="!villageInfo.pic_url && isHaveNoPic == true"
			></el-empty>
			<el-empty :image-size="120" description="暂无照片"
			v-show="!villageInfo.pic_url && isHaveNoPic == true"></el-empty>
			</div>
			<div class="housing-introduce">
			<div>
			<div class="l">分类属性：</div>
			<div
			class="r"
			>{{ villageInfo.type_name ? villageInfo.type_name : '暂无数据' }}</div>
			<div class="r">{{ villageInfo.type_name ? villageInfo.type_name : '暂无数据' }}</div>
			</div>
			<div>
			<div class="l">所属辖区：</div>
			<div
			class="r"
			>{{ villageInfo.policeStationName ? villageInfo.policeStationName : '暂无数据' }}</div>
			<div class="r">{{ villageInfo.policeStationName ? villageInfo.policeStationName : '暂无数据' }}
			</div>
			</div>
			<div>
			<div class="l">包干民警：</div>
			<div
			class="r"
			>{{ villageInfo.policeName ? villageInfo.policeName : '暂无数据' }}</div>
			<div class="r">{{ villageInfo.policeName ? villageInfo.policeName : '暂无数据' }}</div>
			</div>
			<div>
			<div class="l">标准地址：</div>
			<div
			class="r"
			>{{ villageInfo.address ? villageInfo.address : '暂无数据' }}</div>
			<div class="r">{{ villageInfo.address ? villageInfo.address : '暂无数据' }}</div>
			</div>
			</div>
			</div>
			</el-main>

			<div class="nav-tab" ref="navTabBox">
			<div
			class="nav"
			:class="navType == 0 ? 'choosed' : ''"
			@click="navClick"
			data-type="0"
			>基本信息</div>
			<div
			class="nav"
			:class="navType == 1 ? 'choosed' : ''"
			@click="navClick"
			data-type="1"
			>报警信息</div>
			<div class="nav" :class="navType == 0 ? 'choosed' : ''" @click="navClick" data-type="0">基本信息</div>
			<div class="nav" :class="navType == 1 ? 'choosed' : ''" @click="navClick" data-type="1">报警信息</div>
			</div>

			<div class="base-info" v-show="navType == 0">
			<div class="sub-nav-list">
			<div
			class="sub-nav"
			:class="{ on: subNavType == 1 }"
			@click="switchSubNav(1)"
			>楼栋</div>
			<div
			class="sub-nav"
			:class="{ on: subNavType == 2 }"
			@click="switchSubNav(2)"
			>出入口</div>
			<div
			class="sub-nav"
			:class="{ on: subNavType == 3 }"
			@click="switchSubNav(3)"
			>停车场</div>
			<div
			class="sub-nav"
			:class="{ on: subNavType == 4 }"
			@click="switchSubNav(4)"
			>商业</div>
			<div class="sub-nav" :class="{ on: subNavType == 1 }" @click="switchSubNav(1)">楼栋</div>
			<div class="sub-nav" :class="{ on: subNavType == 2 }" @click="switchSubNav(2)">出入口</div>
			<div class="sub-nav" :class="{ on: subNavType == 3 }" @click="switchSubNav(3)">停车场</div>
			<div class="sub-nav" :class="{ on: subNavType == 4 }" @click="switchSubNav(4)">商业</div>
			</div>

			<div class="floor-content" v-show="subNavType == 1">
			<el-main
			v-loading="BuildListLoading"
			v-show="isShowBuildListBox"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			element-loading-text="数据正在加载中"
			element-loading-spinner="el-icon-loading"
			style="overflow:hidden;padding:0px;"
			class="build-item"
			>
			<div
			class="build-info"
			v-show="!BuildListLoading && buildingList.length"
			>
			<el-main v-loading="BuildListLoading" v-show="isShowBuildListBox"
			element-loading-background="rgba(0, 0, 0, 0.5)" element-loading-text="数据正在加载中"
			element-loading-spinner="el-icon-loading" style="overflow:hidden;padding:0px;"
			class="build-item">
			<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="build-outBox" ref="BuildOutBox">
			<div class="build-box" style="left: 0px;">
			<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)"
			:key="index"
			@click="buildingClick(item)"
			:class="{ on: buildingChoosed.name == item.name }"
			:title="item.name"
			>
			<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)"
			:key="index" @click="buildingClick(item)"
			:class="{ on: buildingChoosed.name == item.name }" :title="item.name">
			{{
			item.name
			item.name
			}}
			<div @click.stop title="显示/隐藏楼栋高亮">
			<el-checkbox
			v-model="isBuildHighLightchecked"
			<el-checkbox v-model="isBuildHighLightchecked"
			v-show="buildingChoosed.name == item.name"
			@change="changeBuildHighLightchecked"
			></el-checkbox>
			@change="changeBuildHighLightchecked"></el-checkbox>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div class="nextBtn rightBtn" @click="nextBtn">
			<i
			v-show="buildingList.length > 10 && nextBtnShow"
			class="el-icon-caret-right"
			></i>
			<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>
			<div class="build-info" v-show="!BuildListLoading && !buildingList.length"
			style="justify-content: center;">暂无楼栋数据</div>
			</el-main>
			<div class="ridgepole-info" v-if="isShowHouseBox">
			<div class="title">楼栋信息</div>
			@@ -234,9 +139,7 @@
			<div class="content">
			<div class="one">
			<div @click="goTOPeopleDetail(1)">
			<div
			style="color:#72fff8"
			>{{ peopleInfo.registeredPopulation }}</div>
			<div style="color:#72fff8">{{ peopleInfo.registeredPopulation }}</div>
			<div>户籍人口</div>
			</div>
			<div @click="goTOPeopleDetail(2)">
			@@ -251,166 +154,95 @@
			<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 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>
			<el-main
			v-loading="pictLoading"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			element-loading-text="数据正在加载中"
			element-loading-spinner="el-icon-loading"
			style="overflow:hidden;padding:0px;height: 240px;"
			>
			<el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.5)"
			element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading"
			style="overflow:hidden;padding:0px;height: 240px;">
			<div class="floor-outBox">
			<div
			@click="lastFloorBtn"
			class="floorBtn"
			v-show="lastFloorShow"
			>
			<div @click="lastFloorBtn" class="floorBtn" v-show="lastFloorShow">
			<i class="el-icon-caret-left"></i>
			</div>
			<div class="floor-box">
			<div class="floor-num" style="left: 0;">
			<div
			:class="{ on: floorsType == index }"
			@click="floorsType = index"
			v-for="index in Math.ceil(unitChoosedArr.length / 5)"
			:key="index"
			>
			<div :class="{ on: floorsType == index }" @click="floorsType = index"
			v-for="index in Math.ceil(unitChoosedArr.length / 5)" :key="index">
			{{ unitChoosedArr[index * 5 - 5].sname }}{{ unitChoosedArr[index * 5
			- 5].sname ==
			unitChoosedArr[unitChoosedArr.length - 1].sname ? '' : '-' }}{{
			unitChoosedArr[index *
			5
			- 1] ? (unitChoosedArr[index * 5
			- 1].sname) : (unitChoosedArr[index * 5 - 5].sname ==
			unitChoosedArr[unitChoosedArr.length - 1].sname
			? '' : unitChoosedArr[unitChoosedArr.length - 1].sname)
			}}层
			- 5].sname ==
			unitChoosedArr[unitChoosedArr.length - 1].sname ? '' : '-' }}{{
			unitChoosedArr[index *
			5
			- 1] ? (unitChoosedArr[index * 5
			- 1].sname) : (unitChoosedArr[index * 5 - 5].sname ==
			unitChoosedArr[unitChoosedArr.length - 1].sname
			? '' : unitChoosedArr[unitChoosedArr.length - 1].sname)
			}}层
			</div>
			</div>
			</div>
			<div
			@click="nextFloorBtn"
			class="floorBtn rightFloorBtn"
			v-show="nextFloorShow"
			>
			<div @click="nextFloorBtn" class="floorBtn rightFloorBtn" v-show="nextFloorShow">
			<i class="el-icon-caret-right"></i>
			</div>
			</div>
			<div
			class="floor-detail"
			v-show="!pictLoading && isHaveResidentData"
			>
			<div
			v-for="(item, index) in unitChoosedArr.slice((floorsType - 1) * 5, floorsType * 5)"
			:key="index"
			>
			<div class="floor-detail" v-show="!pictLoading && isHaveResidentData">
			<div v-for="(item, index) in unitChoosedArr.slice((floorsType - 1) * 5, floorsType * 5)"
			:key="index">
			<div class="title">{{ item.sname }}层：</div>
			<div class="detail">
			<div
			v-for="(value, index) in item.children_infos"
			:key="index"
			<div v-for="(value, index) in item.children_infos" :key="index"
			@click="residentDetailsClick(value)"
			:class="{ on: floorChoosed == value.sname }"
			>{{ value.sname }}室</div>
			:class="{ on: floorChoosed == value.sname }">{{ value.sname }}室</div>
			</div>
			</div>
			</div>
			<div
			class="floor-detail"
			v-show="!pictLoading && !isHaveResidentData"
			style="display: flex;justify-content: center;align-items: center;"
			>暂无户室数据</div>
			<div class="floor-detail" v-show="!pictLoading && !isHaveResidentData"
			style="display: flex;justify-content: center;align-items: center;">暂无户室数据</div>
			</el-main>
			</div>
			</div>

			<div class="come-out-content" v-show="subNavType == 2">
			<el-table
			:data="comeOutData"
			style="width: 100%"
			<el-table :data="comeOutData" style="width: 100%"
			:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
			:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
			:row-class-name="tableRowClassName"
			@row-click="deepDataRowClick($event, 'comeOut')"
			:empty-text="houseDeepNoDataText"
			v-loading="houseDeepLoading"
			element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			>
			<el-table-column
			prop="name"
			label="名称"
			width="180"
			:show-overflow-tooltip="true"
			></el-table-column>
			:row-class-name="tableRowClassName" @row-click="deepDataRowClick($event, 'comeOut')"
			:empty-text="houseDeepNoDataText" v-loading="houseDeepLoading" element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)">
			<el-table-column prop="name" label="名称" width="180"
			:show-overflow-tooltip="true"></el-table-column>
			<el-table-column prop="x" label="经度" width="100"></el-table-column>
			<el-table-column prop="y" label="纬度" width="100"></el-table-column>
			</el-table>
			</div>

			<div class="park-content" v-show="subNavType == 3">
			<el-table
			:data="parkingLotData"
			style="width: 100%"
			<el-table :data="parkingLotData" style="width: 100%"
			:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
			:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
			:row-class-name="tableRowClassName"
			@row-click="deepDataRowClick($event, 'park')"
			:empty-text="houseDeepNoDataText"
			v-loading="houseDeepLoading"
			element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			>
			<el-table-column
			prop="name"
			label="名称"
			width="180"
			:show-overflow-tooltip="true"
			></el-table-column>
			:row-class-name="tableRowClassName" @row-click="deepDataRowClick($event, 'park')"
			:empty-text="houseDeepNoDataText" v-loading="houseDeepLoading" element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)">
			<el-table-column prop="name" label="名称" width="180"
			:show-overflow-tooltip="true"></el-table-column>
			<el-table-column prop="x" label="经度" width="100"></el-table-column>
			<el-table-column prop="y" label="纬度" width="100"></el-table-column>
			</el-table>
			</div>

			<div class="business-content" v-show="subNavType == 4">
			<el-table
			:data="businessData"
			style="width: 100%"
			<el-table :data="businessData" style="width: 100%"
			:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
			:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
			:row-class-name="tableRowClassName"
			@row-click="deepDataRowClick($event, 'business')"
			@sort-change="sortDevName"
			:empty-text="houseDeepNoDataText"
			v-loading="houseDeepLoading"
			element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			>
			<el-table-column
			sortable="custom"
			prop="name"
			label="名称"
			width="180"
			:show-overflow-tooltip="true"
			></el-table-column>
			:row-class-name="tableRowClassName" @row-click="deepDataRowClick($event, 'business')"
			@sort-change="sortDevName" :empty-text="houseDeepNoDataText" v-loading="houseDeepLoading"
			element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.5)">
			<el-table-column sortable="custom" prop="name" label="名称" width="180"
			:show-overflow-tooltip="true"></el-table-column>
			<el-table-column prop="x" label="经度" width="100"></el-table-column>
			<el-table-column prop="y" label="纬度" width="100"></el-table-column>
			</el-table>
			@@ -418,58 +250,31 @@
			</div>

			<div class="police-info" v-if="navType == 1" ref="policeTableBox">
			<el-main
			v-loading="policeInfoLoading"
			element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			>
			<el-table
			:data="callPoliceData"
			style="width: 100%"
			:height="currentTableHeight"
			<el-main v-loading="policeInfoLoading" element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)">
			<el-table :data="callPoliceData" style="width: 100%" :height="currentTableHeight"
			:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
			:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
			:row-class-name="tableRowClassName"
			:empty-text="jqNoDataText"
			class="police-infor-table"
			@cell-click="housingPoliceSiteClick"
			>
			<el-table-column
			prop="JJDWMC"
			:show-overflow-tooltip="true"
			label="接警单位"
			min-width="80%"
			></el-table-column>
			:row-class-name="tableRowClassName" :empty-text="jqNoDataText" class="police-infor-table"
			@cell-click="housingPoliceSiteClick">
			<el-table-column prop="JJDWMC" :show-overflow-tooltip="true" label="接警单位"
			min-width="80%"></el-table-column>
			<el-table-column label="报警时间" prop="BJSJ" min-width="50%"></el-table-column>
			<el-table-column prop="BJLX" :show-overflow-tooltip="true" label="报警类型"></el-table-column>
			<el-table-column label="操作" align="center" min-width="36%">
			<template slot-scope="scope">
			<el-button
			v-if="!whetherPosition(scope.row)"
			@click="clickData(scope.row)"
			type="text"
			size="small"
			title="定位"
			>
			<i
			class="el-icon-location"
			:style="{ color: positionColor(scope.row) }"
			></i>
			<el-button v-if="!whetherPosition(scope.row)" @click="clickData(scope.row)" type="text"
			size="small" title="定位">
			<i class="el-icon-location" :style="{ color: positionColor(scope.row) }"></i>
			</el-button>
			</template>
			</el-table-column>
			</el-table>

			<div class="pages all-pagination-sty" ref="ElPagination">
			<el-pagination
			background
			layout="prev, pager, next"
			:page-size="callPolicePage.pageSize"
			:page-count="callPolicePage.count"
			:current-page="callPolicePage.currentPage"
			@current-change="handleCurrentChange"
			></el-pagination>
			<el-pagination background layout="prev, pager, next" :page-size="callPolicePage.pageSize"
			:page-count="callPolicePage.count" :current-page="callPolicePage.currentPage"
			@current-change="handleCurrentChange"></el-pagination>
			</div>
			</el-main>
			</div>
			@@ -478,15 +283,8 @@

			<map-search-box></map-search-box>

			<el-dialog
			title="报警信息"
			:visible.sync="policeSituationVisible"
			:modal-append-to-body="false"
			:modal="true"
			:close-on-click-modal="false"
			:before-close="policeSituationBeforeClose"
			class="policeSituation-details-box"
			>
			<el-dialog title="报警信息" :visible.sync="policeSituationVisible" :modal-append-to-body="false" :modal="true"
			:close-on-click-modal="false" :before-close="policeSituationBeforeClose" class="policeSituation-details-box">
			<div class="box">
			<div class="item">
			<div>接警单位编号:</div>
			@@ -547,26 +345,14 @@
			</div>
			</el-dialog>

			<el-dialog
			:title="residentDetailsTitle"
			:visible.sync="residentDetailsShow"
			:modal-append-to-body="false"
			:modal="true"
			:close-on-click-modal="false"
			:before-close="residentDetailsClose"
			class="resident-details-box"
			width="24%"
			>
			<el-table
			:data="houseDate"
			<el-dialog :title="residentDetailsTitle" :visible.sync="residentDetailsShow" :modal-append-to-body="false"
			:modal="true" :close-on-click-modal="false" :before-close="residentDetailsClose" class="resident-details-box"
			width="24%">
			<el-table :data="houseDate"
			:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
			:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
			v-loading="residentLoading"
			element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(17, 38, 163, 1)"
			:empty-text="residentNoDataText"
			>
			:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" v-loading="residentLoading"
			element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(17, 38, 163, 1)" :empty-text="residentNoDataText">
			<el-table-column prop="realName" label="姓名"></el-table-column>
			<el-table-column prop="phone" label="电话"></el-table-column>
			<el-table-column prop="cardNo" label="身份证号"></el-table-column>
			@@ -576,15 +362,8 @@
			</el-table>
			</el-dialog>

			<el-dialog
			:title="keyPersonTitle"
			:visible.sync="keyPersonVisible"
			:modal-append-to-body="false"
			:modal="true"
			:close-on-click-modal="false"
			:before-close="keyPersonBeforeClose"
			class="keyPerson-details-box-two"
			>
			<el-dialog :title="keyPersonTitle" :visible.sync="keyPersonVisible" :modal-append-to-body="false" :modal="true"
			:close-on-click-modal="false" :before-close="keyPersonBeforeClose" class="keyPerson-details-box-two">
			<div class="header">
			<div>
			姓名：
			@@ -595,25 +374,14 @@
			<input type="text" v-model="callPhone" placeholder="请输入联系电话" />
			</div>
			<el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button>
			<el-button
			type="primary"
			icon="el-icon-delete"
			@click="clearPeopleDetailSearchValue"
			>清空</el-button>
			<el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button>
			</div>
			<el-main
			v-loading="keyPeopleLoading"
			element-loading-text="拼命加载中"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.5)"
			>
			<el-table
			:data="personDetailArr"
			style="width: 100%"
			<el-main v-loading="keyPeopleLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.5)">
			<el-table :data="personDetailArr" style="width: 100%"
			:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
			:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
			:empty-text="peopleNoDataText"
			>
			:empty-text="peopleNoDataText">
			<el-table-column label="序号" type="index" width="50" align="center">
			<template slot-scope="scope">
			<span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span>
			@@ -623,27 +391,16 @@
			<el-table-column prop="realName" label="姓名"></el-table-column>
			<el-table-column prop="cardNo" label="身份证号"></el-table-column>
			<el-table-column label="户室">
			<template
			slot-scope="scope"
			>{{ scope.row.address.split(villageInfo.name)[1] }}</template>
			<template slot-scope="scope">{{ scope.row.address.split(villageInfo.name)[1] }}</template>
			</el-table-column>
			<el-table-column prop="phone" label="电话"></el-table-column>
			<el-table-column prop="policeStationName" label="所属派出所"></el-table-column>
			<el-table-column prop="areaName" label="所属责任区"></el-table-column>
			</el-table>
			<div
			class="pages all-pagination-sty"
			ref="tablePagination"
			v-show="!keyPeopleLoading"
			>
			<el-pagination
			background
			layout="prev, pager, next"
			:page-size="peoplePage.pageSize"
			:total="peoplePage.total"
			:current-page="peoplePage.currentPage"
			@current-change="peopleHandleCurrentChange"
			></el-pagination>
			<div class="pages all-pagination-sty" ref="tablePagination" v-show="!keyPeopleLoading">
			<el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize"
			:total="peoplePage.total" :current-page="peoplePage.currentPage"
			@current-change="peopleHandleCurrentChange"></el-pagination>
			</div>
			</el-main>
			</el-dialog>
			@@ -835,7 +592,7 @@
			// 原来 361100 临时361102
			this.getSearchExtensivelyBgAoiDeepdata(
			"ebf48ecaa1fd436fa3d40c4600aa051f",
			"361102",
			"361100",
			this.$route.query.id,
			"1\|3"
			)
			@@ -857,7 +614,7 @@
			// 大搜之搜索面详细数据（停车场出入口商场）--默认万达华府
			this.getSearchExtensivelyBgAoiDeepdata(
			"ebf48ecaa1fd436fa3d40c4600aa051f",
			"361102",
			"361100",
			villageId,
			"1\|3"
			)
			@@ -1070,7 +827,7 @@

			this.getSearchExtensivelyBgAoiDeepdata(
			"ebf48ecaa1fd436fa3d40c4600aa051f",
			"361102",
			"361100",
			current.id,
			"1\|3"
			)
			@@ -1185,7 +942,9 @@
			siteWd: `${item.y}`,
			siteGd: 360,
			// build_id: `${item.std_addr_id.split("\|")[1]}`,
			build_id: `${item.uid}`,
			build_uid: `${item.uid}`,
			// 文档请求3D
			build_std_addr_id: `${item.std_addr_id.split("\|")[1]}`,

			// 临时新加 business_id 用来请求3D
			business_id: `${item.business_id}`,
			@@ -1303,8 +1062,8 @@
			},

			// 三维接口查询楼栋
			getHouses3DData (build_id, adcode, aoiArr) {
			getHouses(build_id, adcode).then((res) => {
			getHouses3DData (build_std_addr_id, adcode, aoiArr) {
			getHouses(build_std_addr_id, adcode).then((res) => {
			let houseData = res.data.data.properties
			console.log('getHouses3DData--then')
			this.$EventBus.$emit("showThreeDimensions", {
			@@ -1349,8 +1108,8 @@
			},

			// 三维接口查询楼栋
			getResident3DData (build_id, adcode, house_name) {
			getHouses(build_id, adcode).then((res) => {
			getResident3DData (build_std_addr_id, adcode, house_name) {
			getHouses(build_std_addr_id, adcode).then((res) => {
			let residentList = res.data.data.properties.nwwqd.features
			console.log('getResident3DData--then')
			let curHousingHWTXA = res.data.data.properties.hwtxa
			@@ -1430,16 +1189,16 @@
			}, 200)
			this.isShowFloorCount = true
			// 获取户籍人口重点人口数据
			this.choosedBuildId = item.build_id
			this.choosedBuildId = item.build_uid
			// 重点人口户籍人口
			this.getVillagePersonStatisticInfoByBuildId(item.build_id)
			this.getVillagePersonStatisticInfoByBuildId(item.build_uid)
			// 楼栋单元楼层户室查询-大搜
			this.getUnitHousesData(
			"ebf48ecaa1fd436fa3d40c4600aa051f",
			"361102",
			item.build_id,
			"361100",
			item.build_uid,
			"1\|3")
			this.getHouses3DData(item.business_id, "361102", aoiArr)
			this.getHouses3DData(item.build_std_addr_id, "361102", aoiArr)
			this.floorsType = 1
			document.querySelector(".floor-num").style.left = "0px"
			this.lastFloorShow = false
			@@ -1953,13 +1712,13 @@
			let bgId = res.data.data.properties.ijnnl
			getSearchExtensively(
			"ebf48ecaa1fd436fa3d40c4600aa051f",
			"361102",
			"361100",
			"",
			bgId
			).then(async (res) => {
			let chooseBuildItem = []
			this.buildingList.forEach((item) => {
			if (item.build_id == res.data.result[0].cid) {
			if (item.build_std_addr_id == res.data.result[0].cid) {
			chooseBuildItem = item
			}
			})
			@@ -2167,7 +1926,7 @@
			border-radius: 10px;
			overflow: hidden;

			& > div {
			&>div {
			height: 100%;
			overflow-y: auto;

			@@ -2202,11 +1961,9 @@
			left: 10px;
			right: 10px;
			bottom: 4px;
			background: linear-gradient(
			135deg,
			rgba(229, 253, 255, 0.013),
			rgb(43 124 255 / 90%)
			);
			background: linear-gradient(135deg,
			rgba(229, 253, 255, 0.013),
			rgb(43 124 255 / 90%));
			z-index: -1;
			}
			}
			@@ -2248,7 +2005,7 @@
			}

			.housing-introduce {
			& > div {
			&>div {
			padding: 0 10px;
			display: flex;

			@@ -2311,7 +2068,7 @@
			}
			}

			& > .floor-content {
			&>.floor-content {
			.build-info {
			display: flex;
			position: relative;
			@@ -2360,7 +2117,7 @@
			flex-wrap: wrap;
			width: 356px;

			& > div {
			&>div {
			display: flex;
			align-items: center;
			justify-content: center;
			@@ -2387,16 +2144,14 @@
			right: 0;
			}

			:deep(.el-checkbox
			.el-checkbox__inner) {
			:deep(.el-checkbox .el-checkbox__inner) {
			width: 12px;
			height: 12px;
			border-radius: 1px;
			border: 0;
			}

			:deep(.el-checkbox
			.el-checkbox__inner::after) {
			:deep(.el-checkbox .el-checkbox__inner::after) {
			height: 7px;
			left: 5px;
			}
			@@ -2415,7 +2170,7 @@
			.content {
			display: flex;

			& > div {
			&>div {
			height: 26px;
			line-height: 26px;
			flex: 1;
			@@ -2423,11 +2178,11 @@
			justify-content: center;
			border-right: 1px solid #fff !important;

			& > div {
			&>div {
			cursor: default;
			}

			& > div:last-child {
			&>div:last-child {
			margin-left: 14px;
			font-size: 18px;
			font-weight: bold;
			@@ -2435,11 +2190,11 @@
			}
			}

			& > div:first-child {
			&>div:first-child {
			width: 30%;
			}

			& > div:last-child {
			&>div:last-child {
			border-right: 1px solid transparent !important;
			}
			}
			@@ -2464,10 +2219,10 @@
			display: flex;
			justify-content: space-around;

			& > div {
			&>div {
			flex: 1;

			& > div:first-child {
			&>div:first-child {
			height: 30px;
			line-height: 30px;
			font-size: 18px;
			@@ -2475,7 +2230,7 @@
			color: #499d99;
			}

			& > div:last-child {
			&>div:last-child {
			height: 26px;
			line-height: 26px;
			}
			@@ -2490,8 +2245,8 @@
			justify-content: space-around;
			background: rgba(8, 56, 185, 0.5);

			& > div {
			& > div:first-child {
			&>div {
			&>div:first-child {
			height: 30px;
			line-height: 30px;
			font-size: 18px;
			@@ -2529,6 +2284,7 @@
			}

			.house-element-info {

			.condo,
			.legend {
			display: flex;
			@@ -2551,12 +2307,12 @@
			display: flex;
			flex: 1;

			& > div {
			&>div {
			flex: 1;
			display: flex;
			align-items: center;

			& > span {
			&>span {
			margin: 0 10px;
			width: 14px;
			height: 8px;
			@@ -2623,7 +2379,7 @@
			left: 0;
			transition: all 1s;

			& > div {
			&>div {
			margin: 0 4px;
			display: flex;
			justify-content: center;
			@@ -2636,7 +2392,7 @@
			border: 0.0925925926vh solid #fff;
			}

			& > .on {
			&>.on {
			border: 1px solid orange;
			color: orange;
			}
			@@ -2648,7 +2404,7 @@
			margin-top: 14px;
			height: 220px;

			& > div {
			&>div {
			margin: 8px;
			height: 36px;
			line-height: 36px;
			@@ -2662,7 +2418,7 @@
			flex: 1;
			display: flex;

			& > div {
			&>div {
			margin: 0 4px;
			position: relative;
			width: 68px;
			@@ -2686,38 +2442,34 @@
			}

			.focus {
			top: calc(
			(100% - 18px) / 4 * 2 + 6px
			);
			top: calc((100% - 18px) / 4 * 2 + 6px);
			background: rgb(255, 121, 108);
			}

			.warning {
			top: calc(
			(100% - 18px) / 4 * 3 + 12px
			);
			top: calc((100% - 18px) / 4 * 3 + 12px);
			background: rgb(254, 172, 4);
			}
			}

			& > .on {
			&>.on {
			color: orange;
			border-color: orange !important;
			}

			& > .chuzu {
			&>.chuzu {
			border: 1px solid #3a8b3a;
			}

			& > .zizhu {
			&>.zizhu {
			border: 1px solid #2c77bb;
			}

			& > .kongzhi {
			&>.kongzhi {
			border: 1px solid #5c6169;
			}

			& > .shangye {
			&>.shangye {
			border: 1px solid #cc9456;
			}
			}
			@@ -2784,11 +2536,9 @@
			height: 100%;
			overflow: hidden;
			border-radius: 2px;
			background: linear-gradient(
			135deg,
			rgba(252, 252, 252, 0.108),
			rgb(254, 254, 254)
			);
			background: linear-gradient(135deg,
			rgba(252, 252, 252, 0.108),
			rgb(254, 254, 254));
			animation: prog 3s ease infinite;
			}