| | |
| | | console.log('item') |
| | | window.$layer.open({ |
| | | content: { |
| | | content: ReportPopup, // ç»ä»¶ |
| | | comp: ReportPopup, // ç»ä»¶ |
| | | parent: this, // ç¶ç»ä»¶ |
| | | data: { // ä¼ éçåæ° |
| | | // storagePlaceId: e.layer.options.totransferData.StoragePlaceId |
| | |
| | | <script> |
| | | import WfsHelper from '@components/helpers/WfsHelper' |
| | | import AjaxUtils from '@utils/AjaxUtils' |
| | | // import { LayerEmergency } from '../../../../../conf/LayerEmergency' |
| | | 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' |
| | | // import { fitBounds, highlight } from '../../../helpers/LocateHelper' |
| | | |
| | | export default { |
| | | name: 'ResourcesQuery', |
| | |
| | | // console.log(val) |
| | | this.activeNum = index |
| | | const positionArea = [val.properties.y, val.properties.x] |
| | | window.map.setView(positionArea, 16) |
| | | window.map.setView(positionArea, 17) |
| | | pulseEffect(positionArea) |
| | | openPopup(positionArea, val.id) |
| | | // fitBounds(val, this.form.dataType.code) |
| | | // highlight(val, this.form.dataType) |
| | | } |
| | | } |
| | | } |
| | |
| | | methods: { |
| | | handleClick (tab) { |
| | | console.log(tab) |
| | | if (tab.label === 'åæ') { |
| | | // å
³éå¼¹çª |
| | | window.layerFactory.clickSwitch = false |
| | | } else { |
| | | // æå¼å¼¹çª |
| | | window.layerFactory.clickSwitch = true |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | </el-form> |
| | | </div> |
| | | <el-scrollbar style="height:413px;"> |
| | | <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum==index?'hover':''"> |
| | | <img class="state" :src="getImgSrc()" style="background: none"/> |
| | | <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''"> |
| | | <img class="state" :src="getImgSrc()" style="background: none" /> |
| | | <div> |
| | | <h3 @click="handleLocation(item,index)">{{ item.properties.pipename }}</h3> |
| | | <p>æå±ä¼ä¸ï¼<span>{{ item.properties.orgcode }}</span> |
| | | <p>设æ½ç±»åï¼<span>{{ item.properties.teetype }}</span> |
| | | <el-button v-if="fuShuSheShiShow" class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" @click="btnAffiliatedFacilities(item,index)" >éå±è®¾æ½</el-button> |
| | | <p>æå±ä¼ä¸ï¼<span>{{ item.properties.orgname }}</span> |
| | | <p>设æ½ç±»åï¼<span>{{ item.properties.linenumtype }}</span> |
| | | <el-button v-if="fuShuSheShiShow" class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" |
| | | @click="btnAffiliatedFacilities(item,index)" > |
| | | éå±è®¾æ½ |
| | | </el-button> |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | // 设æ½ç±»åçé |
| | | handlePipelineType (val) { |
| | | this.list = [] |
| | | // debugger |
| | | for (let i = 0; i < this.items.length; i++) { |
| | | const item = this.items[i] |
| | | if (val === item.name) { |
| | |
| | | } |
| | | // const _this = this |
| | | const res = await AjaxUtils.GetDataAsynByUrl(this.wfsHelper.getUrl(), {}) |
| | | console.log(res) |
| | | if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { |
| | | this.total = res.totalFeatures |
| | | this.list = res.features |
| | |
| | | // å°å¾ä¸ç¹å» |
| | | selectPipeLine () { |
| | | window.map.on('click', this.selectClick) |
| | | // // å
³éå¼¹çª |
| | | // å
³éå¼¹çª |
| | | window.layerFactory.clickSwitch = false |
| | | }, |
| | | // å°å¾ä¸ç¹å»åè° |
| | |
| | | name: 'è£
ç½®åº', |
| | | sname: 'è£
ç½®åº', |
| | | checked: false, // é»è®¤éä¸ç¶æ |
| | | icon: 'sewers/è£
ç½®åº.png', |
| | | icon: 'sewers/.png', |
| | | typeName: 'sewer:unitareaboundary' |
| | | } |
| | | ] |
| | |
| | | minZoom: 16, |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:piperack', |
| | | icon: 'sewers/管æ¶.png', |
| | | icon: 'sewers/管æ¶(墩).png', |
| | | checked: false |
| | | }, |
| | | { |
| | |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:pipegallery', |
| | | icon: 'sewers/管å».png', |
| | | color: '#828282', |
| | | styles: { |
| | | COLOR: '#828282', |
| | | FILL_COLOR: '#828282' |
| | | }, |
| | | checked: false |
| | | }, |
| | | { |
| | |
| | | minZoom: 16, |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:firedike', |
| | | icon: 'sewers/é²ç«å ¤.png', |
| | | icon: 'sewers/.png', |
| | | checked: false |
| | | }, |
| | | { |
| | |
| | | sname: 'æªæµé¸', |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:collectingbasin', |
| | | icon: 'sewers/æªæµé¸.png', |
| | | icon: 'sewers/.png', |
| | | checked: false |
| | | }, |
| | | { |
| | |
| | | typeName: 'sewer:pipeline', |
| | | icon: 'sewers/äºæ
æ°´.png', |
| | | minZoom: 13, |
| | | // color: 'rgb(230, 76, 0)', |
| | | color: '#E64C00', |
| | | styles: { |
| | | COLOR: '#E64C00', |
| | | FILL_COLOR: '#E64C00' |
| | | }, |
| | | filter: 'mediumtype = \'äºæ
æ°´\'', |
| | | index: 1 |
| | | }, |
| | |
| | | typeName: 'sewer:pipeline', |
| | | icon: 'sewers/å«ç污水.png', |
| | | minZoom: 13, |
| | | color: '#FF7F7F', |
| | | filter: 'mediumtype = \'å«ç污水\'', |
| | | styles: { |
| | | COLOR: '#FF7F7F', |
| | | FILL_COLOR: '#FF7F7F' |
| | | }, |
| | | index: 1 |
| | | }, |
| | | { |
| | |
| | | icon: 'sewers/å«ç¢±æ±¡æ°´.png', |
| | | filter: 'mediumtype = \'å«ç¢±æ±¡æ°´\'', |
| | | minZoom: 10, |
| | | color: '#E8BEFF', |
| | | styles: { |
| | | COLOR: '#E8BEFF', |
| | | FILL_COLOR: '#E8BEFF' |
| | | }, |
| | | index: 1 |
| | | }, |
| | | { |
| | |
| | | icon: 'sewers/å«ç¡«æ±¡æ°´.png', |
| | | filter: 'mediumtype = \'å«ç¡«æ±¡æ°´\'', |
| | | minZoom: 10, |
| | | color: '', |
| | | styles: { |
| | | COLOR: '', |
| | | FILL_COLOR: '' |
| | | }, |
| | | index: 1 |
| | | }, |
| | | { |
| | |
| | | icon: 'sewers/çæ´»æ±¡æ°´.png', |
| | | filter: 'mediumtype = \'çæ´»æ±¡æ°´\'', |
| | | minZoom: 13, |
| | | color: '#A8A800', |
| | | styles: { |
| | | COLOR: '#A8A800', |
| | | FILL_COLOR: '#A8A800' |
| | | }, |
| | | index: 1 |
| | | }, |
| | | { |
| | |
| | | icon: 'sewers/ååæ°´.png', |
| | | filter: 'mediumtype = \'ååæ°´\'', |
| | | minZoom: 13, |
| | | color: '#55FF00', |
| | | styles: { |
| | | COLOR: '#55FF00', |
| | | FILL_COLOR: '#55FF00' |
| | | }, |
| | | index: 1 |
| | | }, |
| | | { |
| | |
| | | filter: 'mediumtype = \'å¾ªç¯æ°´\'', |
| | | checked: false, |
| | | minZoom: 13, |
| | | color: '#73FFDF', |
| | | styles: { |
| | | COLOR: '#73FFDF', |
| | | FILL_COLOR: '#73FFDF' |
| | | }, |
| | | index: 1 |
| | | }, |
| | | { |