| | |
| | | // å®ä¹ç±»å ç¨æ¥åºåæ°æ® |
| | | const ContrLevel = data[i].ContrLevel |
| | | var iconUrl = this.differentTypes(ContrLevel) |
| | | // const marker = L.canvasMarker([positionX, positionY], { |
| | | // img: { |
| | | // // url: 'assets/images/map/marker-icon.png', |
| | | // url: iconUrl, |
| | | // size: STYLES.ICON_SIZE |
| | | // } |
| | | const marker = L.marker([positionX, positionY], { |
| | | test: data[i], |
| | | icon: L.icon({ |
| | |
| | | const res = e.layer.options.test |
| | | window.$layer.open({ |
| | | content: { |
| | | content: WasteGasIndex, // ç»ä»¶ |
| | | comp: WasteGasIndex, // ç»ä»¶ |
| | | parent: this, // ç¶ç»ä»¶ |
| | | data: { // ä¼ éçåæ° |
| | | storagePlaceId: res |
| | |
| | | /** |
| | | * åºåº |
| | | */ |
| | | const WasteSolidIndex = require('@components/BaseNav/WasteSolid/WasteSolidIndex').default |
| | | const WasteSolidIndex = require('../../../components/BaseNav/WasteSolid/WasteSolidIndex').default |
| | | // åºåä¸åç±»å 使ç¨ä¸åimg |
| | | const defaultImg = '/assets/images/map/solidwaste/voc.png' |
| | | const setting = '/assets/images/map/solidwaste/gf_green2.png' |
| | |
| | | const title = e.layer.options.totransferData.Name |
| | | window.$layer.open({ |
| | | content: { |
| | | content: WasteSolidIndex, // ç»ä»¶ |
| | | comp: WasteSolidIndex, // ç»ä»¶ |
| | | parent: this, // ç¶ç»ä»¶ |
| | | data: { // ä¼ éçåæ° |
| | | storagePlaceId: e.layer.options.totransferData.StoragePlaceId |
| | |
| | | const res = e.layer.options.totransferData |
| | | window.$layer.open({ |
| | | content: { |
| | | content: WasteWaterIndex, // ç»ä»¶ |
| | | comp: WasteWaterIndex, // ç»ä»¶ |
| | | parent: this, // ç¶ç»ä»¶ |
| | | data: { // ä¼ éçåæ° |
| | | // info: this.info |
| | |
| | | import { LayerEmergencySource } from '../../../../conf/layers/LayerEmergencySource' |
| | | import { LayerSurroundings } from '../../../../conf/layers/LayerSurroundings' |
| | | import { pulseEffect } from '../../../../utils/utils' |
| | | import { openPopup } from '../../../helpers/LocateHelper' |
| | | // import { fitBounds, highlight, openPopup } from '../../helpers/LocateHelper' |
| | | |
| | | export default { |
| | | name: 'ResourcesQuery', |
| | |
| | | this.wfsHelper.addLike('name', this.form.keyword) |
| | | } |
| | | const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {}) |
| | | console.log(res) |
| | | // console.log(res) |
| | | if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { |
| | | this.list = res.features |
| | | } |
| | | }, |
| | | // æ¥è¯¢å®ä½åè½ |
| | | handleLocation (val, index) { |
| | | // console.log(val) |
| | | this.activeNum = index |
| | | window.map.setView([val.properties.y, val.properties.x], 16) |
| | | pulseEffect([val.properties.y, val.properties.x]) |
| | | const positionArea = [val.properties.y, val.properties.x] |
| | | window.map.setView(positionArea, 16) |
| | | pulseEffect(positionArea) |
| | | openPopup(positionArea, val.id) |
| | | } |
| | | } |
| | | } |
| | |
| | | window.map.setView(pos, 15) |
| | | window.$layer.open({ |
| | | content: { |
| | | content: WasteWaterIndex, // ç»ä»¶ |
| | | comp: WasteWaterIndex, // ç»ä»¶ |
| | | parent: this, // ç¶ç»ä»¶ |
| | | data: { // ä¼ éçåæ° |
| | | storagePlaceId: val |
| | |
| | | <div class="panel-title">{{ title }}</div> |
| | | <div class="search-panel "> |
| | | <el-form ref="form" :model="form" label-width="90px" class="search-form"> |
| | | <el-form-item v-for="(item,index) in solidWasteTypeOptions" :key="index" :label="item.label+'ï¼'" |
| | | size="mini" |
| | | class="search-panel-item"> |
| | | <el-form-item label="设æ½ç±»åï¼" size="mini" class="search-panel-item"> |
| | | <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType" |
| | | :popper-class="'select-down'"> |
| | | <el-option |
| | | v-for="item in solidWasteTypeOptions.labelList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | v-for="item in items" |
| | | :key="item.code" |
| | | :label="item.name" |
| | | :value="item.name"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item :label="form.pipelineType+'ï¼'" size="mini"> |
| | | <el-select style="width: 100%" v-model="form.dataType" value-key="code" |
| | | :popper-class="'select-down'" @change="handleDataType"> |
| | | <el-option |
| | | v-for="item in subItems" |
| | | :key="item.code" |
| | | :label="item.name" |
| | | :value="item"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-form> |
| | | </div> |
| | | <el-scrollbar style="height:286.22px"> |
| | | <div class="environmental-risk-list" v-for="(item,index) in searchDataDisplay" :key="index" |
| | | @click="setBounced(item)"> |
| | | <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" |
| | | @click="setBounced(item, index)"> |
| | | <img src="../../../../public/assets/images/map/solidwaste/gf_green2.png" alt="" class="state"> |
| | | <div> |
| | | <h3>###ç¼åé¨</h3> |
| | |
| | | import mapApi from '@/api/mapApi' |
| | | import WasteSolidIndex from '@/components/BaseNav/WasteSolid/WasteSolidIndex' |
| | | import { pulseEffect, setPanTo } from '../../../utils/utils' |
| | | import { LayerWasteSolid } from '../../../conf/layers/LayerWasteSolid' |
| | | |
| | | export default { |
| | | name: 'SolidWasteSearch', |
| | |
| | | return { |
| | | judgeVisible: true, |
| | | form: { |
| | | keyword: 'åºåºé¢æ¿æ°æ®æ¥è¯¢', |
| | | pipelineType: 'åºåº', |
| | | dataType: '', |
| | | keyword: '', |
| | | // æ°æ®çä¼ é |
| | | transferData: 1 |
| | | }, |
| | |
| | | } |
| | | ], |
| | | // æ°æ®æç´¢ä¹åï¼å卿°æ®ç |
| | | searchDataDisplay: [], |
| | | solidWasteTypeOptions: [{ |
| | | value: '1', |
| | | label: 'åºå', |
| | | options: [{ |
| | | value: '1', |
| | | layerName: 'åºåº', |
| | | key: 'pipename', |
| | | label: 'å
¨é¨åºåº' |
| | | }], |
| | | labelList: [{ |
| | | label: 'è¾éä»è´¨', |
| | | key: 'mediumtype' |
| | | }, { |
| | | label: 'é¿åº¦(m)', |
| | | key: 'length' |
| | | }] |
| | | }, { |
| | | value: '2', |
| | | label: 'ä¼ä¸åç§°', |
| | | options: [{ |
| | | value: '1', |
| | | layerName: 'åºåº', |
| | | key: 'pipename', |
| | | label: 'å
¨é¨åºåº' |
| | | }], |
| | | labelList: [{ |
| | | label: 'è¾éä»è´¨', |
| | | key: 'mediumtype' |
| | | }, { |
| | | label: 'é¿åº¦(m)', |
| | | key: 'length' |
| | | }] |
| | | }, { |
| | | value: '3', |
| | | label: 'äºçº§åä½', |
| | | options: [{ |
| | | value: '1', |
| | | layerName: 'åºåº', |
| | | key: 'pipename', |
| | | label: 'å
¨é¨åºåº' |
| | | }], |
| | | labelList: [{ |
| | | label: 'è¾éä»è´¨', |
| | | key: 'mediumtype' |
| | | }, { |
| | | label: 'é¿åº¦(m)', |
| | | key: 'length' |
| | | }] |
| | | }, { |
| | | value: '4', |
| | | label: 'ä¼ä¸åç§°', |
| | | options: [{ |
| | | value: '1', |
| | | layerName: 'åºåº', |
| | | key: 'pipename', |
| | | label: 'å
¨é¨åºåº' |
| | | }], |
| | | labelList: [{ |
| | | label: 'è¾éä»è´¨', |
| | | key: 'mediumtype' |
| | | }, { |
| | | label: 'é¿åº¦(m)', |
| | | key: 'length' |
| | | }] |
| | | }] |
| | | items: [LayerWasteSolid], |
| | | subItems: LayerWasteSolid.layers, |
| | | list: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | // selectçoptionçæ°æ®éæ© |
| | | handlePipelineType (val) { |
| | | this.solidWasteTypeOptions.forEach(item => { |
| | | if (val === item.value) { |
| | | this.handleSearch(item.value) |
| | | this.list = [] |
| | | for (let i = 0; i < this.items.length; i++) { |
| | | const item = this.items[i] |
| | | if (val === item.name) { |
| | | this.subItems = item.layers |
| | | return |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | handleDataType () { |
| | | this.list = [] |
| | | }, |
| | | // ç¹å»æç´¢å®ç°æ°æ®çæç´¢å±ç¤º |
| | | async handleSearch (data) { |
| | | // console.log(this.form.keyword) |
| | | const result = await mapApi.getSolidWaste(data) |
| | | this.searchDataDisplay = result.Result.DataInfo |
| | | this.list = result.Result.DataInfo |
| | | }, |
| | | // æ°æ®å±ç¤º,ç¹å»è¿è¡å¼¹æ¡åç¹çå±ç¤º |
| | | setBounced (val) { |
| | | console.log(val) |
| | | setBounced (val, index) { |
| | | const pos = [val.Latitude, val.Longitude] |
| | | window.map.setView(pos, 15) |
| | | this.activeNum = index |
| | | pulseEffect([val.Latitude, val.Longitude]) |
| | | setPanTo(pos, 200) |
| | | window.$layer.open({ |
| | | content: { |
| | | content: WasteSolidIndex, // ç»ä»¶ |
| | | comp: WasteSolidIndex, // ç»ä»¶ |
| | | parent: this, // ç¶ç»ä»¶ |
| | | data: { // ä¼ éçåæ° |
| | | storagePlaceId: val.StoragePlaceId |
| | |
| | | }, |
| | | title: val.Name |
| | | }) |
| | | pulseEffect([val.Latitude, val.Longitude]) |
| | | setPanTo(pos, 200) |
| | | } |
| | | } |
| | | } |
| | |
| | | window.map.setView(pos, 15) |
| | | window.$layer.open({ |
| | | content: { |
| | | content: WasteWaterIndex, // ç»ä»¶ |
| | | comp: WasteWaterIndex, // ç»ä»¶ |
| | | parent: this, // ç¶ç»ä»¶ |
| | | data: { // ä¼ éçåæ° |
| | | storagePlaceId: val |