| | |
| | | import BasemapHelper from '@components/helpers/BasemapHelper' |
| | | import VectorLayerHelper from '@components/helpers/VectorLayerHelper' |
| | | // 初始化显示 |
| | | // import '@components/plugin/PathDrag' |
| | | import '@components/plugin/PathDrag' |
| | | import MapConfig from '@/conf/MapConfig' |
| | | import '@components/plugin/PathDashFlow' // 流动线图 |
| | | import DownLoad from '@components/plugin/DownLoad' |
| | |
| | | <template> |
| | | <div id="Tab"> |
| | | <div class="infomation"> |
| | | <ul> |
| | | <li></li> |
| | | </ul> |
| | | <el-row> |
| | | <el-col :span="6"><div class="grid-content bg-purple">氮氧化物:29.93标准:100</div></el-col> |
| | | <el-col :span="6"><div class="grid-content bg-purple">二氧化硫:17.34标准:50</div></el-col> |
| | |
| | | |
| | | <script> |
| | | import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList' |
| | | // import dayjs from 'dayjs' |
| | | |
| | | export default { |
| | | name: 'ECharts', |
| | |
| | | formInline: { |
| | | user: '', |
| | | region: '' |
| | | } |
| | | }, |
| | | info: this.series |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | data: data[k] |
| | | }) |
| | | } |
| | | console.log(series) |
| | | // -------------------------- |
| | | var arr = [] |
| | | for (var x = 0; x < dataWatch.length; x++) { |
| | | arr.push(dataWatch[x].MonTimeStr) |
| | | } |
| | | console.log(arr) |
| | | const opitons = this.initOptions(dateDate, series) |
| | | this.myChart = this.$echarts.init(this.$refs.main) |
| | | this.myChart.setOption(opitons) |
| | |
| | | <li @click='tabTaggle("EChartsDate")'>日数据</li> |
| | | <li @click='tabTaggle("ECharts")'>人工数据</li> |
| | | </ul> |
| | | <div id="title" > |
| | | <span><strong> </strong></span> |
| | | <span >正常</span> |
| | | <span ></span> |
| | | <span >预警</span> |
| | | <span ></span> |
| | | <span >超标</span> |
| | | <span ></span> |
| | | </div> |
| | | <component :is="currentTab" v-bind="$attrs"></component> |
| | | </div> |
| | | </template> |
| | |
| | | color: #682000; |
| | | cursor: pointer; |
| | | } |
| | | #title{ |
| | | height: 30px; |
| | | /* margin-top: 30px; */ |
| | | color: #ffffff; |
| | | margin-top: 5px; |
| | | } |
| | | |
| | | #title span:nth-child(1){ |
| | | /*margin-left: 478px*/ |
| | | } |
| | | #title span:nth-child(2){ |
| | | /*margin-left: 177px*/ |
| | | } |
| | | #title span:nth-child(3){ |
| | | display: inline-block; |
| | | background-color: #4ec99c; |
| | | height: 15px; |
| | | width: 35px; |
| | | margin-left: 10px; |
| | | border-radius: 5px; |
| | | } |
| | | #title span:nth-child(6){ |
| | | /*margin-left: 21px*/ |
| | | } |
| | | #title span:nth-child(7){ |
| | | display: inline-block; |
| | | background-color: red; |
| | | height: 15px; |
| | | width: 35px; |
| | | margin-left: 7px; |
| | | border-radius: 5px; |
| | | } |
| | | #title span:nth-child(4){ |
| | | margin-left: 17px; |
| | | } |
| | | #title span:nth-child(5){ |
| | | display: inline-block; |
| | | background-color: orange; |
| | | height: 15px; |
| | | width: 35px; |
| | | margin-left: 9px; |
| | | border-radius: 5px; |
| | | } |
| | | </style> |
| | |
| | | } |
| | | } |
| | | |
| | | // 分割线------------------------------------------------------------------------------- |
| | | // this. |
| | | this.bindTooltip = (layer) => { |
| | | return layer.options.test.Name |
| | | } |
| | |
| | | }, |
| | | |
| | | _toggleTitle: function () { |
| | | this.link.title = this.optionsthis._map.isFullscreen()] |
| | | this.link.title = this.options |
| | | this._map.isFullscreen() |
| | | } |
| | | }) |
| | | |
| | |
| | | areaMeasure.points.pop() |
| | | }, |
| | | dblclick: function (e) { // 双击结束 |
| | | console.log(areaMeasure.polygon.dragging) |
| | | console.log('双击结束', e) |
| | | areaMeasure.polygon.enableEdit() |
| | | areaMeasure.polygon.dragging.disable() |
| | |
| | | distanceMeasure.points.pop() |
| | | }, |
| | | dblclick: function (e) { // 双击结束 |
| | | console.log(distanceMeasure.polyline.dragging) |
| | | console.log('双击结束', e) |
| | | distanceMeasure.polyline.enableEdit() |
| | | distanceMeasure.polyline.dragging.disable() |