| | |
| | | import { LayerSurroundings } from '../../../../conf/layers/LayerSurroundings' |
| | | // 引入的方法 |
| | | import { pulseEffect } from '../../../../utils/utils' |
| | | // import { locate } from '../../../helpers/LocateHelper' |
| | | // import { fitBounds, highlight, locate, openPropsPopup } from '../../../helpers/LocateHelper' |
| | | import { loadPointWfs, pointZoom } from '../../../helpers/LocateHelper' |
| | | |
| | | export default { |
| | | name: 'ResourcesQuery', |
| | |
| | | this.activeNum = index |
| | | const positionArea = [val.properties.y, val.properties.x] |
| | | window.map.setView(positionArea, 17) |
| | | pointZoom(positionArea, this.form.dataType.icon) |
| | | // 图片 |
| | | loadPointWfs(positionArea) |
| | | // 弹窗 |
| | | pulseEffect(positionArea) |
| | | // const config = this.form.dataType |
| | | // locate(val, config) |
| | | // fitBounds(val, this.form.dataType.code) |
| | | // highlight(val, this.form.dataType) |
| | | } |
| | | } |
| | | } |
| | |
| | | </div> |
| | | <el-table class="tableBox" :data="tableData" height="150" max-height="200" highlight-current-row |
| | | style="width: 100%" @row-click="selectRow" size="mini"> |
| | | <el-table-column prop="pipename" label="管段名称"></el-table-column> |
| | | <el-table-column prop="mediumtype" label="管段类型" width="80"></el-table-column> |
| | | <el-table-column prop="pipename" label="介质类型" :show-overflow-tooltip="true"></el-table-column> |
| | | <el-table-column prop="x" label="断面(经度)" :show-overflow-tooltip="true" width="80"></el-table-column> |
| | | <el-table-column prop="y" label="断面(纬度)" :show-overflow-tooltip="true" width="80"></el-table-column> |
| | | <el-table-column prop="z" label="断面(高程)" :show-overflow-tooltip="true" width="80"></el-table-column> |
| | | <el-table-column prop="spacing" label="间距(m)" width="80"></el-table-column> |
| | | <el-table-column class-name="fixed-table" fixed="right" label="图表" width="40"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="selectRow(scope.row)" type="text" size="small">查看</el-button> |
| | |
| | | } |
| | | // 已绘制线图 进行绘制横断面数据分析 |
| | | const res = await mapApi.getCrossSection(this.hdmParam) |
| | | const dataPoint = res.data.point |
| | | for (let i = 0; i < dataPoint.length; i++) { |
| | | const obj = { |
| | | pipename: dataPoint[i].pipelines.extraData.pipename, |
| | | mediumtype: dataPoint[i].pipelines.extraData.mediumtype |
| | | } |
| | | this.tableData.push(obj) |
| | | } |
| | | // console.log(this.tableData, 'this.tableData') |
| | | console.log(res) |
| | | // let obj = {} |
| | | const dataSpacing = res.data.pointInterval |
| | | console.log(dataSpacing) |
| | | // for (let i = 0; i < dataSpacing.length; i++) { |
| | | // obj.push({ |
| | | // spacing: dataSpacing[i] |
| | | // }) |
| | | // console.log(obj) |
| | | // } |
| | | // const dataPoint = res.data.point |
| | | // const dataPointjj = res.data.pointInterval |
| | | // for (let i = 0; i < dataPoint.length; i++) { |
| | | // obj = { |
| | | // pipename: dataPoint[i].pipelines.extraData.pipename, |
| | | // x: dataPoint[i].crossPoint3D.x, |
| | | // y: dataPoint[i].crossPoint3D.y, |
| | | // z: dataPoint[i].crossPoint3D.z |
| | | // } |
| | | // this.tableData.push(obj) |
| | | // } |
| | | // for (let i = 0; i < dataPointjj.length; i++) { |
| | | // obj = { |
| | | // pointInterval: dataPointjj[i] |
| | | // } |
| | | // this.tableData.push(obj) |
| | | // console.log(obj) |
| | | // } |
| | | // console.log(this.tableData) |
| | | this.dealWithData(res) |
| | | }, |
| | | dealWithData (e) { |
| | |
| | | sname: '应急物资', |
| | | checked: false, |
| | | type: SERVICE_TYPE.WMS, |
| | | icon: 'sewers/雨水排口.png', |
| | | icon: 'sewers/应急物资.png', |
| | | typeName: 'sewer:emergencyesources', |
| | | minZoom: 10 // 在指定级别显示 |
| | | }, |
| | |
| | | code: 'sewersYjcl', |
| | | name: '应急车辆', |
| | | sname: '应急车辆', |
| | | icon: 'sewers/雨水排口.png', |
| | | icon: 'sewers/应急车辆.png', |
| | | checked: false, // 默认选中状态 |
| | | type: SERVICE_TYPE.WMS, |
| | | minZoom: 10 |
| | |
| | | code: 'sewersYjdw', |
| | | name: '应急队伍', |
| | | sname: '应急队伍', |
| | | icon: 'sewers/雨水排口.png', |
| | | icon: 'sewers/应急队伍.png', |
| | | checked: false, // 默认选中状态 |
| | | type: SERVICE_TYPE.WMS, |
| | | typeName: 'sewer:maintenanceteam', |
| | |
| | | code: 'sewersXx', |
| | | name: '学校', |
| | | sname: '学校', |
| | | icon: 'sewers/医院.png', |
| | | icon: 'sewers/学校.png', |
| | | checked: false, // 默认选中状态 |
| | | type: SERVICE_TYPE.WMS, |
| | | minZoom: 10 |
| | |
| | | code: 'sewersZrbhq', |
| | | name: '自然保护区', |
| | | sname: '自然保护区', |
| | | icon: 'sewers/医院.png', |
| | | icon: 'sewers/自然保护区.png', |
| | | checked: false, // 默认选中状态 |
| | | type: SERVICE_TYPE.WMS, |
| | | wfs: 'sewer:pointpreservationzone', |
| | |
| | | code: 'sewersMgmb', |
| | | name: '敏感目标', |
| | | sname: '敏感目标', |
| | | icon: 'sewers/医院.png', |
| | | icon: 'sewers/敏感目标.png', |
| | | checked: false, // 默认选中状态 |
| | | type: SERVICE_TYPE.WMS, |
| | | wfs: 'sewer:sensitivetarget', |