| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-02 17:22:25 |
| | | * @LastEditTime: 2023-04-02 18:06:30 |
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="equimentTitle" :modal="true" :visible.sync="equimentVisible" :before-close="equimentBeforeClose" |
| | | :close-on-click-modal="true" class="equiment-details-box" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | | :close-on-click-modal="true" class="equiment-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | 设备名称: |
| | |
| | | element-loading-background="rgba(0, 0, 0, 0.2)" class="body"> |
| | | <el-table :data="equimentTableData" 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"> |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | :row-class-name="tableRowClassName"> |
| | | <el-table-column label="序号" type="index" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (currentPage - 1) * pagesize + scope.$index + 1 }}</span> |
| | |
| | | } |
| | | |
| | | this.$EventBus.$emit('toPosition', { |
| | | layerName: 'carLayers', |
| | | siteJd: row.x, |
| | | siteWd: row.y |
| | | }) |
| | |
| | | id: 1 |
| | | }) |
| | | } else { |
| | | this.initHousingLayer() |
| | | if (res.data.data.length == 0 || JSON.stringify(res.data.data) === "{}") { |
| | | this.selectHouseClass = true |
| | | this.housingCheckValue = '该责任区暂无小区' |
| | | this.initHousingLayer() |
| | | return |
| | | } |
| | | |
| | | this.selectHouseClass = false |
| | | this.housingCheckValue = '请选择小区' |
| | | this.housingOptions = res.data.data |
| | |
| | | name: '全部', |
| | | id: 1 |
| | | }) |
| | | |
| | | this.initHousingLayer() |
| | | } |
| | | }) |
| | | }, |
| | |
| | | res.data.data.forEach(item => { |
| | | if (item.longitude && item.latitude) { |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'carLayers', |
| | | layerName: 'homeCarLayers', |
| | | type: "billboard", |
| | | layerType: 'ClusterLayer', |
| | | params: { |
| | |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | url: '/img/icon/car.png', |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
| | | setStyle: { |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
| | | } |
| | | }, |
| | | incident: this.phoneSiteClick |
| | | }) |
| | |
| | | res.data.data.forEach(item => { |
| | | if (item.longitude && item.latitude) { |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'cameraLayers', |
| | | layerName: 'homeCameraLayers', |
| | | type: "billboard", |
| | | layerType: 'ClusterLayer', |
| | | params: { |
| | |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | url: '/img/icon/camera.png', |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
| | | setStyle: { |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
| | | } |
| | | }, |
| | | incident: this.siteClick |
| | | }) |
| | |
| | | this.policeStationCheckValue = item.name |
| | | this.selectHouseClass = true |
| | | |
| | | this.areaOptions = [] |
| | | this.housingOptions = [] |
| | | this.areaCheckValue = '请选择责任区' |
| | | this.housingCheckValue = '请选择小区' |
| | | |
| | | if (item.name == "全部") { |
| | | this.clearPolygonLayer() |
| | | cylinderLayer.clear() |
| | |
| | | |
| | | this.initPoliceStationLayer() |
| | | |
| | | this.areaOptions = [] |
| | | this.housingOptions = [] |
| | | this.areaCheckValue = '请选择责任区' |
| | | this.housingCheckValue = '请选择小区' |
| | | |
| | | this.policeStaionID = '' |
| | | |
| | | } else { |
| | | cylinderLayer.clear() |
| | | this.getPoliceStationTree(2, item.id) |
| | | this.areaCheckValue = '请选择责任区' |
| | | this.housingCheckValue = '请选择小区' |
| | | |
| | | this.policeStaionID = item.id |
| | | } |
| | |
| | | if (item.name == "全部") { |
| | | this.initAreaOptionLayer() |
| | | } else { |
| | | |
| | | this.getPoliceStationTree(3, item.id) |
| | | this.areaChecked = item |
| | | this.getPoliceStationTree(3, item.id) |
| | | } |
| | | }, |
| | | |
| | |
| | | |
| | | carChange (e) { |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'carLayers', |
| | | layerName: 'homeCarLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | |
| | |
| | | |
| | | cameraChange (e) { |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'cameraLayers', |
| | | layerName: 'homeCameraLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | |
| | |
| | | }) |
| | | |
| | | this.$EventBus.$emit('mapRemoveLayer', { |
| | | layerName: 'carLayers', |
| | | layerName: 'homeCarLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | |
| | |
| | | }) |
| | | |
| | | this.$EventBus.$emit('mapRemoveLayer', { |
| | | layerName: 'cameraLayers', |
| | | layerName: 'homeCameraLayers', |
| | | type: 'VectorLayer' |
| | | }) |
| | | |