Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
| | |
| | | /***************Company 图层 悬浮框样式。*********************************/ |
| | | .company-bindTooltip { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | top: 10px; |
| | | left: 8px; |
| | | display: flex; |
| | | justify-content: center; |
| | | justify-items: center; |
| | | |
| | | img { |
| | | display: block; |
| | | width: 30px; |
| | | height: 30px; |
| | | margin-left: -15px; |
| | | margin-top: -15px |
| | | width: 35px; |
| | | height: 35px; |
| | | margin-left: -16px; |
| | | margin-top: -16px |
| | | } |
| | | |
| | | ul { |
| | |
| | | .fixed-table { |
| | | background: rgba(0, 16, 30, 1) !important; |
| | | } |
| | | /****************************私有***/ |
| | | .baoBiao{ |
| | | .el-dialog.el-dialog--center{ |
| | | top:100px; |
| | | left: 100px; |
| | | } |
| | | } |
| | |
| | | */ |
| | | // 区分不同类型 使用不同img |
| | | const companyImg = '/assets/images/map/company_refining.png' |
| | | const companyOil = '/assets/images/map/company_oil.png' |
| | | |
| | | const mapApi = require('../../../api/mapApi').default |
| | | const AnimalService = require('../service/AnimalService').default |
| | |
| | | layer: layer |
| | | }) |
| | | const res = await mapApi.getCompany() |
| | | console.log(res) |
| | | // console.log(res) |
| | | const data = res.Result.DataInfo || {} |
| | | for (let i = 0; i < data.length; i++) { |
| | | // console.log(data[i]) |
| | | // 经纬度 位置 |
| | | const positionX = data[i].Latitude |
| | | const positionY = data[i].Longitude |
| | | |
| | | var iconUrl = companyImg |
| | | if (data[i].type) { |
| | | if (data[i].type === 2) { |
| | | iconUrl = companyOil |
| | | } |
| | | } |
| | | const htmls = '<div><img src="' + iconUrl + '"><ul><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li></ul></div>' |
| | | var myIcon = L.divIcon({ |
| | | html: htmls, |
| | |
| | | * 点位鼠标移入弹框 |
| | | * */ |
| | | this.bindTooltip = (layer) => { |
| | | console.log(layer) |
| | | // console.log(layer) |
| | | return '<div class="company-bindTooltip-hover"><h3>污染物产生统计</h3><ul>' + |
| | | '<li>生产设施:30(个)</li>' + |
| | | '<li>治理设施:30(个)</li>' + |
| | |
| | | |
| | | .wms-panel-scrollbar{ |
| | | height: 457px; |
| | | width: 2.5rem; |
| | | width: 285px; |
| | | //width: 2.5rem; |
| | | font-size: 14px; |
| | | } |
| | | .layerbox { |
| | |
| | | var busiLayer = new BusiLayer() |
| | | busiLayer.init(layer, this.L) |
| | | if (busiLayer.bindTooltip) { |
| | | layer.bindTooltip(busiLayer.bindTooltip) |
| | | // 全局tips位置 |
| | | layer.bindTooltip(busiLayer.bindTooltip, { direction: 'top', offset: [0, -15], sticky: false }) |
| | | } |
| | | // 调用click事件 |
| | | if (busiLayer.clickListener) { |
| | |
| | | var layer = (logic && logic.initLayer && logic.initLayer((this.L))) || this.L.featureGroup({}) |
| | | |
| | | if (logic.bindTooltip) { |
| | | layer.bindTooltip(logic.bindTooltip) |
| | | // 全局tips位置 |
| | | layer.bindTooltip(logic.bindTooltip, { direction: 'top', offset: [0, -15], sticky: false }) |
| | | } |
| | | // 调用click事件 |
| | | if (logic.clickListener) { |
| | |
| | | <template> |
| | | <div class="summary-sheets"> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="报表" placement="left"> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="" placement="left"> |
| | | <div :class='["iconBtn",subtopic ? "active-button" : ""]' @click="subtopicBtn" > |
| | | <i class="el-icon-tickets icon"></i> |
| | | </div> |
| | |
| | | </el-tooltip> |
| | | </div> |
| | | </transition> |
| | | <Dialog ref="summarySheets" title="报表" > |
| | | <Dialog ref="summarySheets" title="报表" class="baoBiao" > |
| | | <tab-handover></tab-handover> |
| | | </Dialog> |
| | | <Dialog ref="warnDialog" title="预报警" > |
| | |
| | | name: '一级风险', |
| | | sname: '一级风险', |
| | | checked: false, // 默认选中状态 |
| | | wfs: WFS_URL + '?TYPENAME=装置区', |
| | | minZoom: 10, |
| | | color: 'sandybrown' |
| | | }, |
| | |
| | | code: 'envRiskSecond', |
| | | name: '二级风险', |
| | | sname: '二级风险', |
| | | checked: false, // 默认选中状态 |
| | | wfs: WFS_URL + '?TYPENAME=装置区', |
| | | checked: false, |
| | | minZoom: 10, |
| | | color: 'yellow' |
| | | }, |
| | | { |
| | | code: 'envRiskThird', |
| | | name: '三级风险', |
| | | sname: '三级风险', |
| | | checked: false, |
| | | minZoom: 10, |
| | | color: 'green' |
| | | } |
| | | ] |
| | | } |
| | |
| | | name: '一级风险地块', |
| | | sname: '一级风险地块', |
| | | checked: false, // 默认选中状态 |
| | | wfs: WFS_URL + '?TYPENAME=装置区' |
| | | wfs: WFS_URL + '?TYPENAME=装置区', |
| | | color: 'red' |
| | | }, |
| | | { |
| | | code: 'secondRiskBlock', |
| | | name: '二级风险地块', |
| | | sname: '二级风险地块', |
| | | checked: false, // 默认选中状态 |
| | | wfs: WFS_URL + '?TYPENAME=装置区' |
| | | wfs: WFS_URL + '?TYPENAME=装置区', |
| | | color: 'yellow' |
| | | }, |
| | | { |
| | | code: 'threeRiskBlock', |
| | | name: '三级风险地块', |
| | | sname: '三级风险地块', |
| | | checked: false, // 默认选中状态 |
| | | wfs: WFS_URL + '?TYPENAME=装置区' |
| | | wfs: WFS_URL + '?TYPENAME=装置区', |
| | | color: 'green' |
| | | } |
| | | ] |
| | | } |
| | |
| | | dialogHeaderEl.style.cssText += ';cursor:move;' |
| | | //console.log(dragDom.style.cssText) |
| | | //dragDom.style.cssText += ';top:0px;' |
| | | dragDom.style.cssText = 'bottom:15px;' |
| | | // dragDom.style.cssText = 'bottom:15px;' |
| | | |
| | | // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null); |
| | | const sty = (function () { |
| | |
| | | } |
| | | }, |
| | | setDatas (layer) { |
| | | console.log(layer) |
| | | this.tabs = [{ |
| | | title: layer.feature.id, |
| | | title: layer.feature.properties.pipename || layer.feature.id, |
| | | name: '1' |
| | | }] |
| | | this.properties = layer.feature.properties |