| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-01 10:58:03 |
| | | * @LastEditTime: 2023-04-01 11:24:57 |
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" :before-close="personInfoClose" |
| | | :close-on-click-modal="true" class="keyPerson-details-box"> |
| | | <!-- <div class="header" v-show="!isMaoJiaLin"> |
| | | <div> |
| | | 人员名称: |
| | | <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" /> |
| | | </div> |
| | | <div> |
| | | 联系电话: |
| | | <input type="text" v-model="peopleCallPhone" 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> |
| | | </div> --> |
| | | <div> |
| | | 人员名称: |
| | | <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" /> |
| | | </div> |
| | | <div> |
| | | 联系电话: |
| | | <input type="text" v-model="peopleCallPhone" 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> |
| | | </div> --> |
| | | |
| | | <el-table :data="keyPersonDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | |
| | | </el-table> |
| | | |
| | | <!-- <div class="pages all-pagination-sty" ref="tablePagination" v-show="!isMaoJiaLin"> |
| | | <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="handlePersonPageChange"></el-pagination> |
| | | </div> --> |
| | | <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="handlePersonPageChange"></el-pagination> |
| | | </div> --> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="equimentTitle" :modal="true" :visible.sync="equimentVisible" :before-close="equimentBeforeClose" |
| | |
| | | |
| | | import landDetailsBox from './components/dialog/landDetailsBox.vue' |
| | | |
| | | import { initMapPosition } from '@/utils/mapPositionInit' |
| | | |
| | | export default { |
| | | inject: ['userInfo'], |
| | | |
| | |
| | | phone: "", |
| | | }, |
| | | houseList: [], |
| | | carList: [], |
| | | cameraList: [], |
| | | |
| | | monitoringList: [], |
| | | panoramaList: [], |
| | |
| | | id: 1 |
| | | }) |
| | | |
| | | this.getEquipmentAll({ type: 0, deptId: this.userInfo.dept_id }) |
| | | this.getEquipmentAll({ type: 1, deptId: this.userInfo.dept_id }) |
| | | |
| | | if (this.userInfo.dept_id != '1123598813738675201') { |
| | | |
| | | let currentItem |
| | |
| | | }, |
| | | |
| | | getEquipmentAll (params) { |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'carLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'cameraLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | this.loading() |
| | | |
| | | getEquipmentAll({ ...params }).then(res => { |
| | | if (params.type == 0) { |
| | | this.carList = res.data.data |
| | | |
| | | if (this.carList.length > 0) { |
| | | this.carList.forEach(item => { |
| | | if (res.data.data.length > 0) { |
| | | res.data.data.forEach(item => { |
| | | if (item.longitude && item.latitude) { |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'carLayers', |
| | |
| | | ...item, |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | url: '/img/icon/car.png' |
| | | url: '/img/icon/car.png', |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
| | | }, |
| | | incident: this.phoneSiteClick |
| | | }) |
| | | } |
| | | }) |
| | | |
| | | this.carChange(this.carLayerShow) |
| | | } |
| | | } else { |
| | | this.cameraList = res.data.data |
| | | |
| | | if (this.cameraList.length > 0) { |
| | | this.cameraList.forEach(item => { |
| | | if (res.data.data.length > 0) { |
| | | res.data.data.forEach(item => { |
| | | if (item.longitude && item.latitude) { |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'cameraLayers', |
| | | type: 'label', |
| | | layerType: 'ClusterLayer', |
| | | params: { |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | alt: 1, |
| | | text: item.name |
| | | }, |
| | | distanceDisplayCondition: { "near": 0, "far": 200000 } |
| | | }) |
| | | |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'cameraLayers', |
| | | type: "billboard", |
| | |
| | | ...item, |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | url: '/img/icon/camera.png' |
| | | url: '/img/icon/camera.png', |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
| | | }, |
| | | incident: this.siteClick |
| | | }) |
| | | } |
| | | }) |
| | | |
| | | this.cameraChange(this.cameraLayerShow) |
| | | } |
| | | } |
| | | |
| | | this.closeLoading() |
| | | }) |
| | | }, |
| | | |
| | |
| | | |
| | | this.policeStaionID = '' |
| | | |
| | | this.getEquipmentAll({ type: 0, deptId: this.userInfo.dept_id }) |
| | | this.getEquipmentAll({ type: 1, deptId: this.userInfo.dept_id }) |
| | | } else { |
| | | cylinderLayer.clear() |
| | | this.getPoliceStationTree(2, item.id) |
| | |
| | | this.housingCheckValue = '请选择小区' |
| | | |
| | | this.policeStaionID = item.id |
| | | |
| | | this.getEquipmentAll({ type: 0, deptId: this.policeStaionID }) |
| | | this.getEquipmentAll({ type: 1, deptId: this.policeStaionID }) |
| | | } |
| | | |
| | | this.$refs.leftContainer.getHomeAllData(this.policeStaionID) |
| | |
| | | }, |
| | | |
| | | carChange (e) { |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'carLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | |
| | | if (e == true) { |
| | | this.$EventBus.$emit('layerShow', { |
| | | layerName: 'carLayers', |
| | | flag: true |
| | | }) |
| | | } else { |
| | | this.$EventBus.$emit('layerShow', { |
| | | layerName: 'carLayers', |
| | | flag: false |
| | | }) |
| | | initMapPosition() |
| | | |
| | | this.getEquipmentAll({ type: 0, deptid: this.policeStaionID == '' ? this.userInfo.dept_id : this.policeStaionID }) |
| | | } |
| | | }, |
| | | |
| | | cameraChange (e) { |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'cameraLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | |
| | | if (e == true) { |
| | | this.loading() |
| | | this.$EventBus.$emit('layerShow', { |
| | | layerName: 'cameraLayers', |
| | | flag: true |
| | | }) |
| | | } else { |
| | | this.$EventBus.$emit('layerShow', { |
| | | layerName: 'cameraLayers', |
| | | flag: false |
| | | }) |
| | | initMapPosition() |
| | | |
| | | this.getEquipmentAll({ type: 1, deptid: this.policeStaionID == '' ? this.userInfo.dept_id : this.policeStaionID }) |
| | | } |
| | | }, |
| | | |
| | |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.2)' |
| | | }) |
| | | setTimeout(() => { loading.close() }, 1000) |
| | | }, |
| | | |
| | | closeLoading () { |
| | | console.log('closeLoading---------') |
| | | if (loading != null) { |
| | | loading.close() |
| | | setTimeout(() => { |
| | | loading.close() |
| | | }, 1000) |
| | | } |
| | | }, |
| | | |