From 2775d5f5cee087361e9e85e10ff55665e5ed0839 Mon Sep 17 00:00:00 2001 From: QibolinCzp <qibolin02429@126.com> Date: 星期五, 14 五月 2021 14:40:47 +0800 Subject: [PATCH] 问题修改 --- src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue | 0 src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue | 15 src/components/BaseNav/WasteGas/DayData.vue | 5 src/views/MapTemplate.vue | 6 src/components/panel/topicSearch/ReportSearch.vue | 4 src/views/popup/Popup.vue | 2 src/components/BaseNav/WasteGas/HourData.vue | 2 /dev/null | 2745 -------------------------------------------------- src/components/panel/topicSearch/EnterpriseEmergency/ReportPopup.vue | 0 src/components/BaseNav/pipeline/AffiliatedFacilities.vue | 181 +- public/assets/images/map/sewers/应急物资.png | 0 src/components/BaseNav/WasteWater/WasteWaterDayChart.vue | 63 src/components/LayerController/logic/EnterpriseEmergency.js | 24 src/assets/airQuality.json | 167 ++ src/views/Temp.vue | 8 src/components/BaseNav/WasteWater/WasteWaterHoursChart.vue | 2 16 files changed, 336 insertions(+), 2,888 deletions(-) diff --git "a/public/assets/images/map/sewers/\345\272\224\346\200\245\347\211\251\350\265\204.png" "b/public/assets/images/map/sewers/\345\272\224\346\200\245\347\211\251\350\265\204.png" index ab4c5f3..090a7ae 100644 --- "a/public/assets/images/map/sewers/\345\272\224\346\200\245\347\211\251\350\265\204.png" +++ "b/public/assets/images/map/sewers/\345\272\224\346\200\245\347\211\251\350\265\204.png" Binary files differ diff --git "a/public/assets/images/map/sewers/\346\225\221\346\217\264\347\211\251\350\265\204.png" "b/public/assets/images/map/sewers/\346\225\221\346\217\264\347\211\251\350\265\204.png" deleted file mode 100644 index 090a7ae..0000000 --- "a/public/assets/images/map/sewers/\346\225\221\346\217\264\347\211\251\350\265\204.png" +++ /dev/null Binary files differ diff --git a/src/assets/airQuality.json b/src/assets/airQuality.json index 3029b49..9315b01 100644 --- a/src/assets/airQuality.json +++ b/src/assets/airQuality.json @@ -1,10 +1,157 @@ -{"type":"FeatureCollection", "features": [ - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.8381779195697","117.410229850655"]},"properties":{"name":"姘村姟绔�","ID":2,"cameraIds":"12010254001310000010","online":"8ae64ac4638cbf3e016439d4a6ad0006","addr":"浣嶄簬鍏徃瑗垮寳鍘傜晫姘村姟閮ㄥ寲宸ュ巶闄㈠唴","desc":"","dept":"姘村姟閮�"}}, - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.82248319987435","117.43366062641144"]},"properties":{"name":"鐑儍鍖楃珯","ID":3,"cameraIds":"12010254001310000015","online":"8ae64ac4638cbf3e016439dc12490009","addr":"浣嶄簬鐑儍閮ㄥ寳鍘傜晫","desc":"","dept":"鐑儍閮�"}}, - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.84116530418396","117.42481470108032"]},"properties":{"name":"鐗╄绔�","ID":4,"cameraIds":"12010254001310000012","online":"8ae64ac4638cbf3e016439d45f5a0005","addr":"浣嶄簬鍏徃涓滃寳鍘傜晫鐗╄閮ㄦ闂ㄥ","desc":"","dept":"鐗╄閮�"}}, - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.80886547541369","117.42767179031944"]},"properties":{"name":"鐑儍鍗楃珯","ID":5,"cameraIds":"12010254001310000011","online":"8ae64ac4638cbf3e016439d560ea0008","addr":"浣嶄簬鐑儍閮ㄥ崡鍘傜晫","desc":"","dept":"鐑儍閮�"}}, - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.8332098722457","117.447918949615"]},"properties":{"name":"鐢熸椿鍖虹珯","ID":6,"cameraIds":"12010254001310000013","online":"8ae64ac4638cbf3e016439dd4963000a","addr":"浣嶄簬鍏徃鍩硅涓績闄㈠唴","desc":"","dept":"鐢熸椿鍖�"}}, - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.8314127922058","117.427905955039"]},"properties":{"name":"瀹夌幆绔�","ID":7,"cameraIds":"12010254001310000014","online":"8ae64ac4638cbf3e016439de9875000c","addr":"浣嶄簬鍏徃涓滃巶鐣屽師鍩硅涓績闄㈠唴","desc":"","dept":"瀹夊叏鐜繚閮�"}}, - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.82397315436005","117.39679098129272"]},"properties":{"name":"鐐兼补绔�","ID":8,"cameraIds":"12010254001310000009","online":"8ae64ac4638cbf3e016439de2af2000b","addr":"浣嶄簬鍏徃瑗垮崡鍘傜晫鐐兼补閮ㄨタ鍗椾晶","desc":"","dept":"鐐兼补閮�"}}, - {"type":"Feature","geometry":{"type":"Point","coordinates":["38.82355982342607","117.421976923697"]},"properties":{"name":"鐑數绔�","ID":9,"cameraIds":"12010254001310000016","online":"8ae64ac4638cbf3e016439d4f1080007","addr":"浣嶄簬鍏徃涓滃崡鍘傜晫鐑數閮ㄥ寳闂�","desc":"","dept":"鐑數閮�"}} -]} +{ + "type": "FeatureCollection", + "features": [ + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.8381779195697", + "117.410229850655" + ] + }, + "properties": { + "name": "姘村姟绔�", + "ID": 2, + "cameraIds": "12010254001310000010", + "online": "8ae64ac4638cbf3e016439d4a6ad0006", + "addr": "浣嶄簬鍏徃瑗垮寳鍘傜晫姘村姟閮ㄥ寲宸ュ巶闄㈠唴", + "desc": "", + "dept": "姘村姟閮�" + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.82248319987435", + "117.43366062641144" + ] + }, + "properties": { + "name": "鐑儍鍖楃珯", + "ID": 3, + "cameraIds": "12010254001310000015", + "online": "8ae64ac4638cbf3e016439dc12490009", + "addr": "浣嶄簬鐑儍閮ㄥ寳鍘傜晫", + "desc": "", + "dept": "鐑儍閮�" + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.84116530418396", + "117.42481470108032" + ] + }, + "properties": { + "name": "鐗╄绔�", + "ID": 4, + "cameraIds": "12010254001310000012", + "online": "8ae64ac4638cbf3e016439d45f5a0005", + "addr": "浣嶄簬鍏徃涓滃寳鍘傜晫鐗╄閮ㄦ闂ㄥ", + "desc": "", + "dept": "鐗╄閮�" + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.80886547541369", + "117.42767179031944" + ] + }, + "properties": { + "name": "鐑儍鍗楃珯", + "ID": 5, + "cameraIds": "12010254001310000011", + "online": "8ae64ac4638cbf3e016439d560ea0008", + "addr": "浣嶄簬鐑儍閮ㄥ崡鍘傜晫", + "desc": "", + "dept": "鐑儍閮�" + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.8332098722457", + "117.447918949615" + ] + }, + "properties": { + "name": "鐢熸椿鍖虹珯", + "ID": 6, + "cameraIds": "12010254001310000013", + "online": "8ae64ac4638cbf3e016439dd4963000a", + "addr": "浣嶄簬鍏徃鍩硅涓績闄㈠唴", + "desc": "", + "dept": "鐢熸椿鍖�" + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.8314127922058", + "117.427905955039" + ] + }, + "properties": { + "name": "瀹夌幆绔�", + "ID": 7, + "cameraIds": "12010254001310000014", + "online": "8ae64ac4638cbf3e016439de9875000c", + "addr": "浣嶄簬鍏徃涓滃巶鐣屽師鍩硅涓績闄㈠唴", + "desc": "", + "dept": "瀹夊叏鐜繚閮�" + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.82397315436005", + "117.39679098129272" + ] + }, + "properties": { + "name": "鐐兼补绔�", + "ID": 8, + "cameraIds": "12010254001310000009", + "online": "8ae64ac4638cbf3e016439de2af2000b", + "addr": "浣嶄簬鍏徃瑗垮崡鍘傜晫鐐兼补閮ㄨタ鍗椾晶", + "desc": "", + "dept": "鐐兼补閮�" + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + "38.82355982342607", + "117.421976923697" + ] + }, + "properties": { + "name": "鐑數绔�", + "ID": 9, + "cameraIds": "12010254001310000016", + "online": "8ae64ac4638cbf3e016439d4f1080007", + "addr": "浣嶄簬鍏徃涓滃崡鍘傜晫鐑數閮ㄥ寳闂�", + "desc": "", + "dept": "鐑數閮�" + } + } + ] +} diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue deleted file mode 100644 index 2ab8d04..0000000 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ /dev/null @@ -1,150 +0,0 @@ -<template> - <div class="public-bounced map-background" v-drag v-show="flag"> - <div class="public-bounced-title panel-title" ref="publicBounced"> - <span>{{ displayContentTitle }}</span> - <i class="el-icon-circle-close" @click="closePopup"></i> - </div> - <div class="public-bounced-content"> - <div class="public-bounced-content-left"> - <public-tabs :setSolidWaste="displayContentTab" :value="value" - :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs> - <div class="public-bounced-content-left-bottom"> - <public-table v-if="value === 'gufei'" - :displayContentTable="displayContentTable"></public-table> - <public-chart v-else :getWasteGasDetails="getWasteGasDetails" - :value="value" - :getQueryOnlineMonData="getQueryOnlineMonData" - :getWasteWaterMonitoringDetails='getWasteWaterMonitoringDetails' - :ManualData="ManualData" - ref="PublicChart" - > - </public-chart> - </div> - </div> - <div class="public-bounced-content-right"> - <public-video></public-video> - </div> - </div> - </div> -</template> - -<script> - -import '@/utils/dragBoxes' -import PublicTabs from '@components/BaseNav/PublicBounced/common/PublicTabs' -import PublicTable from '@components/BaseNav/PublicBounced/common/PublicTable' -import PublicVideo from '@components/BaseNav/PublicBounced/common/PublicVideo' -import PublicChart from './common/PublicChart' - -export default { - name: 'PublicBounced', - components: { - PublicTabs, - PublicTable, - PublicChart, - PublicVideo - }, - data () { - return { - displayContentTitle: '', - displayContentTab: '', - displayContentTable: '', - flag: false, - value: '', - setWasteGasdata: '', - setWasteWaterdata: '', - getWasteGasDetails: [], - getWasteWaterMonitoringDetails: [], - getQueryOnlineMonData: [], - ManualData: [] - } - }, - destoryed () { - this.$refs.PublicChart.$refs.Echats.DrawEXHRealTimeDateChart() - this.$refs.PublicChart.$refs.Echats.DrawRealTimeDateChart() - }, - methods: { - closePopup () { - this.flag = false - }, - // 鍥哄簾鐩稿叧淇℃伅璁剧疆 - setData (title, dataBasic, dataDetailed, value) { - this.flag = true - this.value = value - this.displayContentTitle = title - this.displayContentTab = dataBasic[0] - this.displayContentTable = dataDetailed[0] - }, - setGasData (data, dataDetails, GasHourData, ManualData, value) { - // console.log(data, dataDetails, GasHourData, ManualData, value) - this.setWasteGasdata = data - this.displayContentTitle = data.Name - this.getWasteGasDetails = dataDetails - this.getQueryOnlineMonData = GasHourData - this.ManualData = ManualData - // console.log(this.getQueryOnlineMonData) - this.flag = true - this.value = value - }, - setWaterData (dataWater, detailData, hourData, dateData, value) { - this.setWasteWaterdata = dataWater - this.getQueryOnlineMonData = hourData - this.getWasteWaterMonitoringDetails = detailData - this.displayContentTitle = dataWater.Name - this.flag = true - this.value = value - } - } -} -</script> - -<style lang="less" scoped> -.public-bounced { - z-index: 2000; - position: absolute; - top: 35%; - left: 20%; - - .public-bounced-title { - cursor: move; - height: 0.1rem; - padding: 10px 0; - display: flex; - align-items: center; - justify-content: space-between; - - span { - color: #f4f7ff; - margin: 0 15px; - font-size: 14px; - } - - i { - color: #C0C4CC; - margin: 0 15px; - font-size: 22px; - cursor: pointer; - } - - i:hover { - color: #00fff6; - } - } - - .public-bounced-content { - padding: 0.05rem; - display: flex; - //align-items: center; - //justify-content: space-around; - - .public-bounced-content-left { - //width: 4.8rem; - } - - .public-bounced-content-right { - //width: 3rem; - margin-left: 0.1rem; - } - } -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/PublicChart.vue b/src/components/BaseNav/PublicBounced/common/PublicChart.vue deleted file mode 100644 index d80b3ae..0000000 --- a/src/components/BaseNav/PublicBounced/common/PublicChart.vue +++ /dev/null @@ -1,151 +0,0 @@ -<template> - <div class="win"> - <div class="border_corner border_corner_left_top"></div> - <div class="border_corner border_corner_right_top"></div> - <div class="border_corner border_corner_left_bottom"></div> - <div class="border_corner border_corner_right_bottom"></div> - <ul class="tab"> - <li :class="active==0?'hover':''" @click='tabTaggle("ECharts",0)'>瀹炴椂鏁版嵁</li> - <li :class="active==1?'hover':''" @click='tabTaggle("EChartsHour",1)'>灏忔椂鏁版嵁</li> - <li :class="active==2?'hover':''" @click='tabTaggle("EChartsDate",2)'>鏃ユ暟鎹�</li> - <li :class="active==3?'hover':''" @click='tabTaggle("EChartsTable",3)'>浜哄伐鏁版嵁</li> - </ul> - <div class="legend" > - <span >姝e父</span> - <i style=" background: #4ec99c;"></i> - <span >棰勮</span> - <i style=" background: red;"></i> - <span >瓒呮爣</span> - <i style=" background: orange;"></i> - </div> - <component :is="currentTab" v-bind="$attrs" ref="Echats"></component> - </div> -</template> - -<script> -import ECharts from './echarts/Echarts' -import EChartsHour from './echarts/EChartsHour' -import EChartsDate from './echarts/EChartsDate' -import EChartsTable from './echarts/EChartsTable' - -export default { - name: 'PublicChart', - components: { - EChartsHour, - EChartsDate, - ECharts, - EChartsTable - }, - data () { - return { - currentTab: this.current(), - active: '0' - } - }, - // updated () { - // this.$refs.Echats.DrawEXHRealTimeDateChart() - // }, - methods: { - tabTaggle (taggleMenu, num) { - this.currentTab = taggleMenu - this.active = num - }, - current (currentTab) { - if (this.$attrs.value === 'feishui') { - currentTab = 'EChartsRealWasteWater' - } else { - currentTab = 'ECharts' - } - return currentTab - } - } -} - -</script> - -<style scoped lang="less"> -.win { - position: relative; - background:@background-color; - border: 0.8px solid #396d83; -} - -.border_corner { - z-index: 999; - position: absolute; - width: 10px; - height: 10px; - background: rgba(0, 0, 0, 0); - border: 1.5px solid #47d5ea; -} - -.border_corner_left_top { - top: 0; - left: 0; - border-right: none; - border-bottom: none; -} - -.border_corner_right_top { - top: 0; - right: 0; - border-left: none; - border-bottom: none; -} - -.border_corner_left_bottom { - bottom: 0; - left: 0; - border-right: none; - border-top: none; -} - -.border_corner_right_bottom { - bottom: 0; - right: 0; - border-left: none; - border-top: none; -} - -.tab { - display: flex; - border-bottom: 1px solid #396d83; - padding:0.02rem 0.04rem; -} - -.tab li { - background-color: #243a55; - line-height:0.15rem; - height: 0.15rem; - text-align: center; - border-radius: 5px; - margin-right: 0.04rem; - padding:0 0.04rem; -} -.tab li.hover, -.tab li:hover { - background-color: #0e639e; - color: #fff; - cursor: pointer; -} -.legend{ - position: absolute; - top:0.05rem; - right: 0; - display: flex; - justify-items: center; -} -.legend i { - display: block; - width: 0.2rem; - height: 0.09rem; - margin:0 0.1rem 0 0.05rem; - border-radius: 0.02rem; -} -.legend span{ - line-height: 0.09rem; - height: 0.09rem; - font-size: 0.06rem; -} - -</style> diff --git a/src/components/BaseNav/PublicBounced/common/PublicDataStandard.vue b/src/components/BaseNav/PublicBounced/common/PublicDataStandard.vue deleted file mode 100644 index a1a6ef4..0000000 --- a/src/components/BaseNav/PublicBounced/common/PublicDataStandard.vue +++ /dev/null @@ -1,45 +0,0 @@ -<template> - <div class="animation"> - <div class="information"> -<!-- <span class="grid-content">姘哀鍖栫墿 : <i style="color: #e8ee0b">29.93</i> 鏍囧噯 : <i style="color: #fff">100</i></span>--> -<!-- <span class="grid-content">浜屾哀鍖栫~ : <i style="color: #e8ee0b">17.34</i> 鏍囧噯 : <i style="color: #fff">50</i></span>--> -<!-- <span class="grid-content">鐑熷皹 : <i style="color: #e8ee0b">6.93</i> 鏍囧噯 : <i style="color: #fff">30</i></span>--> -<!-- <span class="grid-content">搴熸皵娴侀噺 : <i style="color: #e8ee0b">120343.18</i></span>--> - <span class="grid-content" v-for="item in dataStandard" :key="item.current.name">{{ item.current.name }} : - <i style="color: #e8ee0b">{{ item.current.val }}</i> {{ item.standard.name ?item.standard.name+':':'' }} <i style="color: #fff">{{ item.standard.val }}</i></span> - </div> - </div> -</template> - -<script> -export default { - name: 'PublicDataStandard', - props: { - dataStandard: { - type: Array, - default: () => { - return [] - } - } - } -} -</script> - -<style lang="less" scoped> -.animation { - .information { - padding: 0.02rem 0.04rem; - - .grid-content { - font-size: 0.08rem; - background-color: #2e4967; - text-align: center; - border-radius: 0.01rem; - height: 0.15rem; - line-height: 0.15rem; - margin-right: 0.04rem; - padding: 0 0.04rem - } - } -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/PublicTable.vue b/src/components/BaseNav/PublicBounced/common/PublicTable.vue deleted file mode 100644 index 1515187..0000000 --- a/src/components/BaseNav/PublicBounced/common/PublicTable.vue +++ /dev/null @@ -1,166 +0,0 @@ -<template> - <!-- <div class="react">--> - <!-- <div class="main-table">--> - <!-- <el-table :data="listData" style="width: 100%" height="255px" :row-class-name="tableRowClassName">--> - <!-- <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"--> - <!-- :label="item.label" :show-overflow-tooltip="true"></el-table-column>--> - <!-- </el-table>--> - <!-- </div>--> - <!-- </div>--> - <div class="main"> - <span></span> - <span></span> - <span></span> - <span></span> - <div class="main-table"> - <el-table :data="listData" style="width: 100%" height="325px" :row-class-name="tableRowClassName"> - <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop" - :label="item.label" :show-overflow-tooltip="true"></el-table-column> - </el-table> - </div> - </div> -</template> - -<script> -export default { - name: 'PublicTable', - props: ['displayContentTable'], - data () { - return { - listData: [], - listLabel: [ - { - label: '搴忓彿', - prop: 'StoragePlaceId' - }, - { - label: '绫诲埆', - prop: 'StoragePlaceTypeName' - }, - { - label: '鍥哄簾鍚嶇О', - prop: 'StoragePlaceName' - }, - { - label: '浠g爜', - prop: 'StorageZDMJ' - }, - { - label: '浜х敓閲�(t)', - prop: 'StorageZCL' - }, - { - label: '璐瓨閲�(t)', - prop: 'StorageZCNL' - }, - { - label: '浜х敓瑁呯疆', - prop: 'StorageType' - } - ] - } - }, - mounted () { - this.$nextTick(() => { - this.listData.push(this.displayContentTable[0], {}, {}, {}, {}, {}, {}) - }) - }, - methods: { - // 闅旇棰滆壊璁剧疆 - tableRowClassName ({ - row, - rowIndex - }) { - if (rowIndex % 2 === 0) { - return 'warning-row' - } else if (rowIndex % 2 === 1) { - return 'success-row' - } - return '' - } - } -} -</script> - -<style lang="less" scoped> -//.react { -// position: relative; -// background: rgba(33, 41, 69, 0.9); -// background: linear-gradient(to left, #02a6b5, #02a6b5) left top no-repeat, -// linear-gradient(to bottom, #02a6b5, #02a6b5) left top no-repeat, -// linear-gradient(to left, #02a6b5, #02a6b5) right top no-repeat, -// linear-gradient(to bottom, #02a6b5, #02a6b5) right top no-repeat, -// linear-gradient(to left, #02a6b5, #02a6b5) left bottom no-repeat, -// linear-gradient(to bottom, #02a6b5, #02a6b5) left bottom no-repeat, -// linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat, -// linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat; -// background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px; -// -// .main-table { -// //border: 1px red solid; -// } -//} -/deep/ .el-table td { - border-bottom: none !important; -} - -/deep/ .el-table th.is-leaf { - border-bottom: none !important; -} - -/deep/ .el-table td { - height: 45px !important; - line-height: 45px !important; -} - -/deep/ .el-table tbody tr:hover > td { - background: none !important -} - -.main { - position: relative; - background: rgba(33, 41, 69, 0.9); - //border: 1px solid red; -} - -.main span:nth-child(1) { - position: absolute; - left: -1px; - top: -1px; - padding: 10px; - border-style: solid; - border-color: #02a6b5; - border-width: 1px 0 0 1px; -} - -.main span:nth-child(2) { - position: absolute; - right: -1px; - top: -1px; - padding: 10px; - border-style: solid; - border-color: #02a6b5; - border-width: 1px 1px 0 0; -} - -.main span:nth-child(3) { - position: absolute; - right: -1px; - bottom: -1px; - padding: 10px; - border-style: solid; - border-color: #02a6b5; - border-width: 0 1px 1px 0; -} - -.main span:nth-child(4) { - position: absolute; - left: -1px; - bottom: -1px; - padding: 10px; - border-style: solid; - border-color: #02a6b5; - border-width: 0 0 1px 1px; -} - -</style> diff --git a/src/components/BaseNav/PublicBounced/common/PublicTabs.vue b/src/components/BaseNav/PublicBounced/common/PublicTabs.vue deleted file mode 100644 index ba844dd..0000000 --- a/src/components/BaseNav/PublicBounced/common/PublicTabs.vue +++ /dev/null @@ -1,134 +0,0 @@ -<template> - <!-- 妗� --> - <div class="win"> - <!-- 鍥涗釜瑙掔殑杈规鏁堟灉 --> - <div class="border_corner border_corner_left_top"></div> - <div class="border_corner border_corner_right_top"></div> - <div class="border_corner border_corner_left_bottom"></div> - <div class="border_corner border_corner_right_bottom"></div> - <div class="main"> - <div class="main-matter"> - <div v-if="value === 'feiqi'"> - <ul> - <li>鐩戞祴鐐瑰悕绉�:{{ setWasteGasdata.Name }}</li> - <li>鐢熶骇鍗曚綅:{{ setWasteGasdata.porltName }}</li> - <li>鎺掓斁绫诲瀷鍚嶇О:{{ setWasteGasdata.MonTypeName }}</li> - <li>鎺掓斁鍘诲悜:{{ setWasteGasdata.EmissDirecti }}</li> - <li>鎺у埗绾у埆鍚嶇О:{{ setWasteGasdata.ContrLevelShowName }}</li> - <li>鍐�/澶栨帓鍙�:{{ setWasteGasdata.OrOutPortName }}</li> - </ul> - </div> - <div v-if="value === 'gufei'"> - <ul> - <li>鍦烘墍鍚嶇О:{{ setSolidWaste.StoragePlaceName }}</li> - <li>璐瓨鑳藉姏:{{ setSolidWaste.StorageQty }}(鍚�)</li> - <li>鍓╀綑璐瓨鑳藉姏:{{ setSolidWaste.SurplusFloorArea }}(鍚�)</li> - <li>鍗犲湴闈㈢Н(銕�):{{ setSolidWaste.DesignFloorArea }}(銕�)</li> - <li>鏈�杩戣串瀛樻棩鏈�:{{ setSolidWaste.StorageDate }}</li> - <li class="lastli"></li> - </ul> - </div> - <div v-else-if="value === 'feishui'"> - <ul> - <li>鐩戞祴鐐瑰悕绉�:{{ setWasteWaterdata.Name }}</li> - <li>鐢熶骇鍗曚綅:{{ setWasteWaterdata.porltName }}</li> - <li>鎺掓斁绫诲瀷鍚嶇О:{{ setWasteWaterdata.MonTypeName }}</li> - <li>鎺掓斁鍘诲悜:{{ setWasteWaterdata.EmissDirecti }}</li> - <li>鎺у埗绾у埆鍚嶇О:{{ setWasteWaterdata.ContrLevelShowName }}</li> - <li>鍐�/澶栨帓鍙�:{{ setWasteWaterdata.OrOutPortName }}</li> - </ul> - </div> - </div> - </div> - </div> -</template> - -<script> -export default { - name: 'GasTable', - props: ['setSolidWaste', 'value', 'setWasteGasdata', 'setWasteWaterdata'] -} -</script> - -<style scoped lang="less"> - -.win { - position: relative; - margin-bottom: 0.04rem; - background-color: @background-color; - //width: 6rem; - //height: 0.5rem; -} - -.main { - //width: 100%; - //height: 100%; - - .main-matter { - font-size: 0.06rem; - font-weight: normal; - padding: 0.04rem 0; - border: 1px solid #396d83; - ul { - //width: 100%; - //height: 100%; - display: flex; - align-items: center; - justify-content: space-around; - flex-wrap: wrap; - margin-bottom: -0.04rem; - li { - margin-bottom: 0.04rem; - text-align: center; - min-width: 31%; - background-color: #243a55; - color: #00d0f9; - border-radius: 0.02rem; - font-size: 0.08rem; - line-height: 0.09rem; - padding: 0.03rem .5%; - } - .lastli { - visibility: hidden - } - } - } -} - -.border_corner { - z-index: 999; - position: absolute; - width: 10px; - height: 10px; - background: rgba(0, 0, 0, 0); - border: 1px solid #47d5ea; -} - -.border_corner_left_top { - top: 0; - left: 0; - border-right: none; - border-bottom: none; -} - -.border_corner_right_top { - top: 0; - right: 0; - border-left: none; - border-bottom: none; -} - -.border_corner_left_bottom { - bottom: 0; - left: 0; - border-right: none; - border-top: none; -} - -.border_corner_right_bottom { - bottom: 0; - right: 0; - border-left: none; - border-top: none; -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/PublicVideo.vue b/src/components/BaseNav/PublicBounced/common/PublicVideo.vue deleted file mode 100644 index f87c2bb..0000000 --- a/src/components/BaseNav/PublicBounced/common/PublicVideo.vue +++ /dev/null @@ -1,80 +0,0 @@ -<template> - <div class="win"> - <!-- 鍥涗釜瑙掔殑杈规鏁堟灉 --> - <div class="border_corner border_corner_left_top"></div> - <div class="border_corner border_corner_right_top"></div> - <div class="border_corner border_corner_left_bottom"></div> - <div class="border_corner border_corner_right_bottom"></div> - <div class="main"> - <!-- <div class="main-video">--> - <video controls> - <source src="movie.mp4" type="video/mp4"> - <source src="movie.ogg" type="video/ogg"> - </video> - <!-- </div>--> - </div> - </div> -</template> - -<script> -export default { - name: 'GasVideo' -} -</script> - -<style scoped lang="less"> -.win { - position: relative; - background-color: rgba(33, 41, 69, 0.9); - //height: 2rem; - -} - -.main { - border: 1px solid #396d83; - width: 2.5rem; - height: 2.5rem; - video { - width: 100%; - height: 100%; - outline: none; - } -} - -.border_corner { - z-index: 999; - position: absolute; - width: 14px; - height: 14px; - background: rgba(0, 0, 0, 0); - border: 1px solid #47d5ea; -} - -.border_corner_left_top { - top: 0; - left: 0; - border-right: none; - border-bottom: none; -} - -.border_corner_right_top { - top: 0; - right: 0; - border-left: none; - border-bottom: none; -} - -.border_corner_left_bottom { - bottom: 0; - left: 0; - border-right: none; - border-top: none; -} - -.border_corner_right_bottom { - bottom: 0; - right: 0; - border-left: none; - border-top: none; -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue deleted file mode 100644 index 6cde22c..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue +++ /dev/null @@ -1,837 +0,0 @@ -<!-- 鏃ユ暟鎹� --> -<template> - <div id="Tab"> - <public-data-standard :dataStandard="dataStandard"></public-data-standard> - <div class="form-echrts"> - <div class="from-search"> - <div class="pickerMon"> - <div class="pickerData"> - <span> 寮�濮嬫椂闂�:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart"></el-date-picker> - </span> - </div> - <div class="pickerData"> - <span>缁撴潫鏃堕棿:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeEnd"></el-date-picker> - </span> - </div> - </div> - <!-- <div>--> - <!-- 閲囨牱鐐规暟:--> - <!-- <el-select v-model="formInline.region" placeholder="50">--> - <!-- <el-option label="0" value="0"></el-option>--> - <!-- <el-option label="25" value="25"></el-option>--> - <!-- <el-option label="50" value="50"></el-option>--> - <!-- <el-option label="75" value="75"></el-option>--> - <!-- <el-option label="100" value="100"></el-option>--> - <!-- </el-select>--> - <!-- </div>--> - <div class="detailbtn hover-bottom" @click="onSubmit">鏌ヨ</div> - <div class="detailbtn hover-bottom" @click="dialogVisible = true">鏄庣粏琛�</div> - </div> - <div style="width:5rem;height:1.5rem;" id="echarts" ref="main"> - </div> - </div> - <!-- <!– 鏄庣粏寮规 –>--> - <!-- <el-dialog :visible.sync="dialogVisible"--> - <!-- :append-to-body="true"--> - <!-- :title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[0].OnLineMonEmissPointName"--> - <!-- width="68%"--> - <!-- center--> - <!-- v-dialogDrag--> - <!-- >--> - <!-- <div class="el-dialog-div" style="height: 500px">--> - <!-- <public-detailed-list v-bind="$attrs"></public-detailed-list>--> - <!-- </div>--> - <!-- </el-dialog>--> - </div> -</template> - -<script> -import mapApi from '@/api/mapApi' -// import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' -import dayjs from 'dayjs' -import PublicDataStandard from '@components/BaseNav/PublicBounced/common/PublicDataStandard' - -export default { - name: 'ECharts', - components: { - PublicDataStandard - // PublicDetailedList - }, - data () { - return { - watchData: [], - dialogVisible: false, - myChar: null, - value: '', - formInline: { - region: '', - timeStart: '', - timeEnd: '' - }, - info: this.series, - dataStandard: [{ - current: { - name: '姘哀鍖栫墿1', - val: 29.93 - }, - standard: { - name: '鏍囧噯', - val: 100 - } - }, - { - current: { - name: '浜屾哀鍖栫~', - val: 17.34 - }, - standard: { - name: '鏍囧噯', - val: 50 - } - }, - { - current: { - name: '鐑熷皹', - val: 6.93 - }, - standard: { - name: '鏍囧噯', - val: 30 - } - }, - { - current: { - name: '搴熸皵娴侀噺', - val: 120343.18 - }, - standard: { - name: '', - val: null - } - } - ], - JsonDayCharts: { - id: 'mychartsDay', - title: '鍔犵儹鐐夌儫姘�', - legend: [ - { - icon: 'image://../assets/imgs/legend/NOX.png', - itemHeight: 5, - itemWidth: 20, - textStyle: { - color: '#CCC' - }, - name: '姘哀鍖栫墿' - }, - { - icon: 'image://../assets/imgs/legend/SO2.png', - itemHeight: 5, - itemWidth: 20, - name: '浜屾哀鍖栫~', - textStyle: { - color: '#CCC' - } - }, - { - icon: 'image://../assets/imgs/legend/YanChen.png', - itemHeight: 5, - itemWidth: 20, - name: '鐑熷皹', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/WenDu.png', - itemHeight: 5, - itemWidth: 20, - name: '娓╁害', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/VOCs.png', - itemHeight: 5, - itemWidth: 20, - name: '搴熸皵娴侀噺', - textStyle: { color: '#ccc' } - } - ], - xdata: ['1鏃�', '2鏃�', '3鏃�', '4鏃�', '5鏃�', '6鏃�', '7鏃�', '8鏃�', '9鏃�', '10鏃�', '11鏃�', '12鏃�', '13鏃�', '14鏃�', '15鏃�', '16鏃�', '17鏃�', '18鏃�', '19鏃�', '20鏃�', '21鏃�', '22鏃�', '23鏃�', '24鏃�', '25鏃�', '26鏃�', '27鏃�', '28鏃�', '29鏃�', '30鏃�', '31鏃�'], - ydatas: [ - { - name: '姘哀鍖栫墿', - data: ['40.01', '44.38', '44.71', '40.43', '42.79', '46.00', '52.66', '48.75', '45.75', '49.24', '54.22', '52.25', '53.34', '65.72', '60.01', '54.20', '48.37', '45.56', '42.58', '40.96', '45.14', '49.31', '54.21', '57.89', '51.18', '60.21', '57.76', '60.33', '48.34', '45.66', '53.38'], - zdcbcolor: 'red', - zxcolor: '#00B0F0', - bzz: 100 - }, - { - name: '浜屾哀鍖栫~', - data: ['9.22', '8.07', '8.69', '9.16', '6.25', '5.78', '15.91', '3232992.75', '11.34', '13.63', '14.13', '11.47', '8.48', '9.46', '7.85', '5.91', '4.64', '4.77', '6.99', '5.82', '5.59', '5.30', '6.62', '9.00', '13.35', '2.68', '1.89', '0.70', '3.68', '6.25', '5.14'], - zdcbcolor: 'red', - zxcolor: '#fff21c', - bzz: 50 - }, - { - name: '搴熸皵娴侀噺', - data: ['2827518.25', '2763525.75', '2776435.50', '2742003.50', '2856001.75', '2890287.00', '2832898.25', '2803715.50', '2513925.75', '2753303.50', '2749836.00', '2786188.50', '2738838.00', '2733660.25', '2815521.25', '2830217.25', '2798918.00', '2803543.50', '2770175.25', '2823321.25', '2856329.25', '2801588.00', '2798103.50', '2766343.00', '2750489.50', '2697786.25', '2796775.50', '2808028.50', '2813561.75', '2757129.25', '2720755.50'], - zdcbcolor: 'red', - zxcolor: '#9ACD32', - bzz: null - }, - { - name: '鐑熷皹', - data: ['3.88', '3.48', '3.85', '3.99', '3.99', '4.48', '3.96', '3.36', '2.79', '4.65', '4.70', '5.08', '4.55', '4.90', '4.43', '3.10', '2.64', '2.84', '2.63', '2.69', '2.56', '2.32', '2.51', '3.29', '3.40', '3.06', '2.94', '2.90', '2.80', '3.07', '4.55'], - zdcbcolor: 'red', - zxcolor: '#f48183', - bzz: 30 - } - ], - yname: ' 娴撳害(mg/m鲁)', - // id:'mychartDay', - datatype: 1 - } - } - }, - mounted () { - this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.formInline.timeStart = dayjs().subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss') - this.onSubmit() - // this.CreateChart(this.JsonDayCharts.id, this.JsonDayCharts.title, this.JsonDayCharts.legend, this.JsonDayCharts.xdata, this.JsonDayCharts.ydatas, this.JsonDayCharts.yname, this.JsonDayCharts.id, this.JsonDayCharts.datatype) - }, - updated () { - this.onSubmit() - }, - methods: { - async getWasteGasMonData () { - const GasOnlinedata = { - onLineMonEmissPointId: '23', - monItemId: '28,31', - beginTime: '2020-04-06 15:13:20', - endTime: '2020-04-07 15:13:20', - dataType: '1' - } - const data = await mapApi.getWasteGasMonData(GasOnlinedata) - this.JsonDayCharts = data - }, - onSubmit () { - console.log('submit!') - this.CreateCharts(this.JsonDayCharts.id, this.JsonDayCharts.title, this.JsonDayCharts.legend, this.JsonDayCharts.xdata, this.JsonDayCharts.ydatas, this.JsonDayCharts.yname, this.JsonDayCharts.id, this.JsonDayCharts.datatype) - }, - - CreateCharts: function (id, title, legend, xdata, ydatas, yname, jcdID, datatype) { - this.mychartDay = this.$echarts.init(this.$refs.main) - this.mychartDay.clear() - var dataUnit = '' - if (datatype === 1) { - dataUnit = '搴熸皵姘旈噺(m鲁/d)' - } else { - dataUnit = '搴熸皵姘旈噺(m鲁/h)' - } - - var serLists = [] - for (var j = 0; j < ydatas.length; j++) { - var len = ydatas[j].data.length - for (var k = 0; k < len; k++) { - var it = ydatas[j].data[k] - var it2 = parseFloat(it).toFixed(2) - ydatas[j].data[k] = it2 - } - } - - for (var i = 0; i < ydatas.length; i++) { - // var zdcbcolor = ydatas[i].zdcbcolor - var bzz = ydatas[i].bzz - var obj - if (bzz == null) { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - yAxisIndex: 1, - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - // var biaozhuiz - // for (var i = 0; i < exhbzzList.length; i++) { - // if (exhbzzList[i].name == c.seriesName) { - // biaozhuiz = exhbzzList[i].bzhui - // } - // } - // if (c.value > 999999999999) { - // return zdcbcolor - // } else { - // return '#33c95f' - // } - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 5 - }, - borderColor: ydatas[i].zxcolor, // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data - } - } else { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - // var biaozhuiz - // for (var i = 0; i < exhbzzList.length; i++) { - // if (exhbzzList[i].name == c.seriesName) { - // biaozhuiz = exhbzzList[i].bzhui - // } - // } - // if (c.value > biaozhuiz) { - // return zdcbcolor - // } else if (c.value > biaozhuiz * 0.9) { - // return '#FFA500' - // } else { - // return '#33c95f' - // } - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 5 - }, - borderColor: ydatas[i].zxcolor, // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data, - markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺 - symbol: 'none', - data: [ - /* { - type: 'average', - name: '鏃ュ钩鍧囧��', - label: { - normal: { - position: 'end', //鏄剧ず浣嶇疆 - formatter: ydatas[i].name+'\n鏃ュ钩鍧囧��'+'{c}' //鏄剧ず鏍峰紡 - } - }, - lineStyle:{ // 棰滆壊 - color: 'yellow', - type:'solid' - } - }, */ { - label: { - normal: { - position: 'end', - formatter: '' // ydatas[i].name+'鏍囧噯鍊�'//+'{c}' - } - }, - name: '鏍囧噯鍊�', - yAxis: bzz, - lineStyle: { - color: ydatas[i].zxcolor, - type: 'dashed', - width: 2 - } - } - ] - } - } - } - serLists.push(obj) - } - - var option = { - tooltip: { // 鎻愮ず妗� - trigger: 'axis', - axisPointer: { - type: 'cross', - label: { - color: '#1a4245' - } - }, - formatter: function (params) { - var s = params[0].name + '<br/>' - for (var i = 0; i < params.length; i++) { - // const name = params[i].name - // 鍥捐〃title鍚嶇О - var seriesName = params[i].seriesName - // 鍊� - var value = params[i].value - // var valueFliter - // if (value === 'NaN') { - // valueFliter = '' - // } else { - // valueFliter = this.formatter(value) - // } - var maker = params[i].marker - if (seriesName === '浜屾哀鍖栫~') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>' - } else if (seriesName === '姘哀鍖栫墿') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>' - } else if (seriesName === '鐑熷皹') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' - } else if (seriesName === '娓╁害') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#F206FF;"></span>' - } else { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4ec99c;"></span>' - } - s += maker + seriesName + ':' + value + '<br />' - } - return s - } - }, - toolbox: { // 鎵撳嵃绛夊伐鍏� - show: false, - feature: { - saveAsImage: {} - } - }, - grid: { // 缃戞牸 - top: '20%', - left: '12%', - bottom: '15%' - // containLabel: true - }, - legend: { // 鍥句緥 - data: legend - }, - dataZoom: [{ - type: 'inside', - start: 0, - end: 100 - }, { - start: 0, - end: 100, - show: false, - handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', - handleSize: '80%', - handleStyle: { - color: '#fff', - shadowBlur: 3, - shadowColor: 'rgba(0, 0, 0, 0.6)', - shadowOffsetX: 2, - shadowOffsetY: 2 - } - }], - xAxis: { // x 杞磋缃� - type: 'category', - boundaryGap: false, - axisLabel: { // x杞村叏閮ㄦ樉绀� - rotate: 20, - interval: 0, - textStyle: { - color: '#fff' - } - }, - splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 - show: true, - lineStyle: { - type: 'dashed' - } - }, - axisTick: { // x 杞村埢搴︽樉绀� - show: false - }, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - }, - data: xdata - }, - yAxis: [{ - type: 'value', - name: yname, - // max: function (value) { - // var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� - // if (exhbzzList && exhbzzList.length > 0) { - // if (value.max != '-Infinity') { // 鑾峰彇鎵�鏈夌洃娴嬫寚鏍囩殑max鍊� 2020/12/31 - // valMax = parseInt(value.max + 5) - // } - // $.each(exhbzzList, function (index, item) { - // if (item.bzhui != null) { - // max_val_list.push(item.bzhui) - // } - // }) - // } - // max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭 - // var ma = value.max > max_val_list[max_val_list.length - 1] ? value.max + 5 : max_val_list[max_val_list.length - 1] - // return parseInt(ma) - // }, - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }, { - type: 'value', - name: dataUnit, - max: function (value) { - var ma = value.max > 120 ? value.max : 120 - return parseInt(ma) - }, - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }], - series: serLists - } - this.mychartDay.setOption(option) - - // this.mychartDay.on('legendselectchanged', function (params) { - // var StdVal = null - // var op = { yAxis: {} } - // var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� - // if (exhbzzList && exhbzzList.length > 0) { - // max_val_list.push(valMax) // 灏嗙洃娴嬫寚鏍囩殑max鍊间篃鏀惧叆鏁扮粍 2020/12/31 - // $.each(exhbzzList, function (index, item) { - // params.selected[item.name] ? max_val_list.push(item.bzhui) : '' - // if (item.name == params.name) { - // item.name == 'VOCs' ? StdVal = 20 : StdVal = item.bzhui - // } - // }) - // } - // max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭 - // op.yAxis.max = function (value) { - // var ma = value.max < StdVal ? StdVal : Math.ceil(value.max) - // max_val_list ? ma = max_val_list[max_val_list.length - 1] : ''// 閫夋嫨鏈�澶у�� - // return ma - // } - // this.mychartDay.setOption(op) - // }) - - /** - * 瑙e喅mychartDay.on('click',function(){...})浜嬩欢閲嶅瑙﹀彂鐨勯棶棰� - * Date: 20200720 - */ - this.mychartDay.off('click') - - /** - * 鍥炬爣鐐瑰嚮浜嬩欢 - * 20190426 add - * */ - // this.mychartDay.on('click', function (params) { - // // 鑾峰彇褰撳墠鏃堕棿锛屽皬鏃� - // var nowHours = new Date().Format('hh') - // // 鐐瑰嚮鎶樼嚎鍥炬姌鐐瑰搴旂殑鏃堕棿 - // // 闇�瑕佷紶鐨勬椂闂翠负 - // var _date = null - // if (params.name.indexOf('鏃�') !== -1) { - // var hours = params.name.substring(0, params.name.indexOf('鏃�')) - // if (parseInt(hours) < parseInt(nowHours)) { - // _date = new Date().Format('yyyy-MM-dd') + ' ' + hours + ':00:00' - // } else { - // var currentDate = new Date() - // // 24灏忔椂涔嬪墠鏃堕棿 - // var stringDate = new Date(currentDate.getTime() - 24 * 60 * 60 * 1000).Format('yyyy-MM-dd') - // _date = stringDate + ' ' + hours + ':00:00' - // } - // } else if (params.name.indexOf('鏃�') !== -1) { - // var day = params.name.substring(0, params.name.indexOf('鏃�') - 1) - // _date = new Date().Format('yyyy-MM') + '-' + day.trim() - // } - - // todo 璋冩帴鍙� 鏌ュ嚟璇� - // if (params.color != 'red') { - // var poltMtrlId - // var monItemId = 28 - // for (var i = 0; i < wrwIDS.length; i++) { - // if (params.seriesName == wrwIDS[i].name) { - // poltMtrlId = wrwIDS[i].id - // } - // } - // getCBMX(jcdID, poltMtrlId, monItemId, _date, function (res) { - // createDivByMouse(res, params.event) - // }) - // } - // createDivByMouse("s",params.event); - // }) - }, - drawChart: function () { - window.onresize = function () { - var h1 = document.documentElement.clientHeight// 鑾峰彇灞忓箷鐨勯珮搴� - if (h1 > 700) { - this.mychartDay.getDom().style.height = 3 + 'rem' - this.mychartDay.getDom().style.width = 6 + 'rem' - } else { - this.mychartDay.getDom().style.height = 3 + 'rem' - this.mychartDay.getDom().style.width = 6 + 'rem' - } - this.mychartDay.resize() - } - } - // initOptions: function (dateDate, series) { - // var options = { - // title: { - // // text: '鎶樼嚎鍥惧爢鍙�' - // }, - // color: ['#446cdc', '#c4c916', '#c1187e'], - // tooltip: { - // trigger: 'axis', - // axisPointer: { - // type: 'cross', - // label: { - // color: '#1a4245' - // } - // } - // }, - // legend: { - // x: '200px', - // y: '30px', - // data: [{ - // name: 'COD', - // textStyle: { - // color: '#00d0f9' - // } - // }, - // { - // name: '姘ㄦ爱', - // textStyle: { - // color: '#00d0f9' - // } - // }, - // { - // name: '搴熸按娴侀噺', - // textStyle: { - // color: '#00d0f9' - // } - // }] - // }, - // grid: { - // left: '3%', - // right: '3%', - // bottom: '3%', - // containLabel: true - // }, - // toolbox: {}, - // // 鍥炬爣缂╂斁璁剧疆 - // dataZoom: [{ - // type: 'inside', - // start: 0, - // end: 100 - // }, { - // start: 0, - // end: 100, - // show: false, - // handleSize: '80%', - // handleStyle: { - // color: '#fff', - // shadowBlur: 3, - // shadowColor: 'rgba(0, 0, 0, 0.6)', - // shadowOffsetX: 2, - // shadowOffsetY: 2 - // } - // }], - // // x杞寸殑璁剧疆 - // xAxis: { - // type: 'category', - // boundaryGap: false, - // data: dateDate, - // axisLabel: { // x杞村叏閮ㄦ樉绀� - // rotate: 20, - // interval: 0, - // textStyle: { - // color: '#fff', - // fontSize: 10 - // } - // }, - // splitLine: { // 缃戞牸鍨傜洿绾夸负铏氱嚎 - // show: true, - // lineStyle: { - // type: 'dashed' - // } - // }, - // axisTick: { // x 杞村埢搴︽樉绀� - // show: false - // }, - // axisLine: { - // lineStyle: { - // color: '#FFFFFF', - // width: 1 // 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - // } - // } - // }, - // // Y 杞寸殑璁剧疆 - // yAxis: [{ - // type: 'value', - // position: 'left', // 澶� Y 杞翠娇鐢� - // name: '娴撳害(mg/m鲁)', - // axisLabel: { - // formatter: '{value}', - // textStyle: { - // color: '#fff' // 鍧愭爣鐨勫瓧浣撻鑹� - // } - // }, - // axisPointer: { - // snap: true // 鑷姩鍚搁檮鏈�杩戠殑鐐� - // }, - // splitLine: { - // show: false // y杞� 缃戞牸绾夸笉鏄剧ず - // }, - // axisLine: { - // lineStyle: { - // color: '#ffffff', // 鍧愭爣杞寸殑棰滆壊 - // width: 1 - // } - // } - // }, - // { - // type: 'value', - // position: 'right', // 澶� Y 杞翠娇鐢� - // name: '娴侀噺(m鲁/h鲁)', - // axisLabel: { - // formatter: '{value}', - // textStyle: { - // color: '#fff' // 鍧愭爣鐨勫瓧浣撻鑹� - // } - // }, - // axisPointer: { - // snap: true // 鑷姩鍚搁檮鏈�杩戠殑鐐� - // }, - // splitLine: { - // show: false // y杞� 缃戞牸绾夸笉鏄剧ず - // }, - // axisLine: { - // lineStyle: { - // color: '#ffffff', // 鍧愭爣杞寸殑棰滆壊 - // width: 1 - // } - // } - // }], - // series: series - // } - // return options - // } - } -} -</script> - -<style scoped lang="less"> -.form-echrts { - width: 100%; - border-top: 1px solid #396d83; - //margin: 10px 10px 10px 10px; - .from-search { - display: flex; - padding: 0.02rem; - - > div { - margin-left: 10px - } - - .pickerMon { - display: flex; - - > div:first-child { - margin-right: 10px; - } - - .pickerData { - flex: 1; - display: flex; - - > span { - line-height: 22px - } - - .pickerTable { - margin-left: 3px; - } - } - } - - /deep/ .el-date-editor--datetime { - width: 100%; - } - - /deep/ .el-input__inner { - position: relative; - width: 1rem; - background-color: #2e4967; - color: #fff; - font-size: 0.08rem; - height: 0.15rem; - padding: 0; - border: none; - text-align: center; - z-index: 9999; - //padding-left:20px ; - //padding: 0!important; - } - - /deep/ .el-input__icon { - display: block; - width: 1rem; - height: 0.15rem; - line-height: 0.15rem; - cursor: pointer; - font-size: 0; - } - - input::-webkit-calendar-picker-indicator { - opacity: 100; - } - - .detailbtn { - background-color: #2e4967; - text-align: center; - padding: 0 7px; - height: 0.15rem; - line-height: 0.15rem; - border-radius: 4px; - margin-right: 6px; - } - } - - .el-dialog-div { - overflow: auto; - } - - #echarts { - margin: 0; - padding: 0; - } -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsDateWasteWater.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsDateWasteWater.vue deleted file mode 100644 index abb6f38..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsDateWasteWater.vue +++ /dev/null @@ -1,701 +0,0 @@ -<!-- 鏃ユ暟鎹� --> -<template> - <div id="Tab"> - <div class="animation"> - <div class="infomation"> - <span class="grid-content">COD :<i style="color: #e8ee0b">8.115</i> 鏍囧噯 : <i style="color: #fff">20</i></span> - <span class="grid-content">姘ㄦ爱 : <i style="color: #e8ee0b">0.31</i> 鏍囧噯 : <i style="color: #fff">5</i></span> - <span class="grid-content">pH : <i style="color: #e8ee0b">7.673</i> 鏍囧噯 : <i style="color: #fff">9</i></span> - <span class="grid-content">搴熸按娴侀噺 : <i style="color: #e8ee0b">5191.693848</i></span> - </div> - </div> - <div class="form-echrts"> - <div class="from-search"> - <div class="pickerMon"> - <div class="pickerData"> - <span> 寮�濮嬫椂闂�:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart"> - </el-date-picker> - </span> - </div> - <div class="pickerData"> - <span >缁撴潫鏃堕棿:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeEnd"> - </el-date-picker> - </span> - </div> - </div> - <div class="detailbtn" @click="onSubmit">鏌ヨ</div> - <div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div> - </div> - <div class="boxChart"> - <div style="width:5rem;height:1.5rem" id="popChart" ref="main"> - </div> - </div> - </div> - <!-- 鏄庣粏寮规 --> - <el-dialog :visible.sync="dialogVisible" - :append-to-body="true" - :title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[0].OnLineMonEmissPointName" - width="68%" - center - v-dialogDrag - > - <div class="el-dialog-div" style="height: 260px"> - <public-detailed-list v-bind="$attrs"></public-detailed-list> - </div> - </el-dialog> - </div> -</template> - -<script> -import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' - -export default { - name: 'EChartsDateWasteWater', - components: { - PublicDetailedList - }, - data () { - return { - watchData: [], - dialogVisible: false, - myChar: null, - value: '', - formInline: { - timeStart: '2021-03-15 00:00:00', - timeEnd: '2021-04-13 00:00:00' - }, - JsonDateWater: { - datatype: 1, - id: 'mychart1eff', - jcdID: '1020', - legend: [ - { - name: 'COD', - icon: 'image://../assets/imgs/legend/SO2.png', - textStyle: { color: '#CCC' }, - itemWidth: 20, - itemHeight: 5 - }, - { - name: '姘ㄦ爱', - icon: 'image://../assets/imgs/legend/NOX.png', - textStyle: { color: '#CCC' }, - itemWidth: 20, - itemHeight: 5 - }, - { - name: 'pH', - icon: 'image://../assets/imgs/legend/WenDu.png', - textStyle: { color: '#CCC' }, - itemWidth: 20, - itemHeight: 5 - }, - { - name: '搴熸按娴侀噺', - icon: 'image://../assets/imgs/legend/VOCs.png', - textStyle: { color: '#CCC' }, - itemWidth: 20, - itemHeight: 5 - } - ], - xdata: ['15鏃�', '16鏃�', '17鏃�', '18鏃�', '19鏃�', '20鏃�', '21鏃�', '22鏃�', '23鏃�', '24鏃�', '25鏃�', '26鏃�', '27鏃�', '28鏃�', '29鏃�', '30鏃�', '31鏃�', '1 鏃�', '2 鏃�', '3 鏃�', '4 鏃�', '5 鏃�', '6 鏃�', '7 鏃�', '8 鏃�', '9 鏃�', '10鏃�', '11鏃�', '12鏃�', '13鏃�'], - ydatas: [ - { - name: 'COD', - data: [18.271, 18.806, 18.615, 20.938, 18.933001, 18.789, 17.612, 17.319, 18.403999, 17.724001, 17.450001, 17.299, 17.906, 17.761, 16.913, 17.087, 16.094, 13.851, 15.783, 15.785, 15.503, 17.163, 15.008, 12.056, 14.812, 15.243, 15.562, 13.034, 11.11, 10.746], - zdcbcolor: 'red', - zxcolor: '#fff21c', - bzz: 25 - }, - { - name: '姘ㄦ爱', - data: [0.1, 0.169, 0.125, 0.266, 0.126, 0.156, 0.174, 0.161, 0.224, 0.178, 0.166, 0.152, 0.146, 0.138, 0.125, 0.171, 0.145, 0.147, 0.123, 0.117, 0.109, 0.106, 0.159, 0.121, 0.133, 0.181, 0.208, 0.115, 0.108, 0.162], - zdcbcolor: 'red', - zxcolor: '#00B0F0', - bzz: 5 - }, - { - name: 'pH', - data: [7.461, 7.486, 7.495, 7.498, 7.512, 7.526, 7.535, 7.555, 7.585, 7.585, 7.512, 7.365, 7.334, 7.349, 7.367, 7.397, 7.399, 7.384, 7.424, 7.466, 7.496, 7.527, 7.599, 7.612, 7.613, 7.614, 7.618, 7.644, 7.661, 7.673], - zdcbcolor: 'red', - zxcolor: '#F206FF', - bzz: 9 - }, - { - name: '搴熸按娴侀噺', - data: [49.395836, 49.337986, 48.906597, 51.755833, 48.786461, 48.124866, 47.832222, 70.607361, 77.931816, 63.092083, 70.620911, 63.302162, 66.679314, 66.482918, 81.546745, 95.860214, 87.731102, 53.503544, 63.230419, 70.389374, 63.531391, 63.028618, 63.168613, 63.55653, 63.631458, 51.364937, 28.757296, 31.669098, 26.574379, 30.628475], - zdcbcolor: 'red', - zxcolor: '#9ACD32', - bzz: null - } - ], - yname: '娴撳害(mg/l)' - } - } - }, - mounted () { - this.onSubmit() - }, - methods: { - onSubmit () { - this.effChartShow(this.JsonDateWater.id, this.JsonDateWater.title, this.JsonDateWater.legend, this.JsonDateWater.xdata, this.JsonDateWater.ydatas, this.JsonDateWater.yname, this.JsonDateWater.id, this.JsonDateWater.datatype) - }, - effChartShow: function (id, title, legend, xdata, ydatas, yname, jcdID, datatype) { - this.myChart = this.$echarts.init(this.$refs.main) - this.myChart.clear() - var dataUnit = '' - if (datatype === 1) { - dataUnit = '娴侀噺(m鲁/d)' - } else { - dataUnit = '娴侀噺(m鲁/h)' - } - - var serLists = [] - for (var i = 0; i < ydatas.length; i++) { - // var zdcbcolor = ydatas[i].zdcbcolor - var bz = ydatas[i].bzz - var obj - if (bz) { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - /* var biaozhuiz - for (var i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == c.seriesName) { - biaozhuiz = bzzList[i].bzhui - } - } - if (c.value > biaozhuiz) { - return zdcbcolor - } else if (c.value > biaozhuiz * 0.9) { - return '#FFA500' - } else { - return '#33c95f' - } */ - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 4 - }, - borderColor: 'black', // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - - }, - type: 'line', - data: ydatas[i].data, - markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺 - symbol: 'none', - data: [{ - label: { - normal: { - position: 'end', - formatter: ''// ydatas[i].name+'鏍囧噯鍊�' //+'{c}' - } - }, - name: '鏍囧噯鍊�', - yAxis: bz, - lineStyle: { - color: ydatas[i].zxcolor, - type: 'dashed', - width: 2 - } - } - ] - } - } - } else { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - yAxisIndex: 1, - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - /* var biaozhuiz - for (var i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == c.seriesName) { - biaozhuiz = bzzList[i].bzhui - } - } - if (c.value > 9999999) { - return zdcbcolor - } else { - return '#33c95f' - } */ - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 4 - }, - borderColor: 'black', // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - - }, - type: 'line', - data: ydatas[i].data - } - } - serLists.push(obj) - } - var option = - { - /* title: { - text: title, - }, */ - tooltip: { // 鎻愮ず妗� - trigger: 'axis', - axisPointer: { - type: 'cross', - label: { - color: '#1a4245' - } - }, - formatter: function (params) { - var s = params[0].name + '<br />' - for (var i = 0; i < params.length; i++) { - // var name = params[i].name - // 鍥捐〃title鍚嶇О - var seriesName = params[i].seriesName - // 鍊� - var value = params[i].value - // var valueFliter - // if (value === 'NaN') { - // valueFliter = '' - // } else { - // // valueFliter = formatter(value) - // } - var maker = params[i].marker - if (seriesName === 'COD') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>' - } else if (seriesName === '姘ㄦ爱') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>' - } else if (seriesName === '鎬荤7') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' - } else if (seriesName === '鎬绘爱') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#d9f2f4;"></span>' - } else { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#9ACD32;"></span>' - } - s += maker + seriesName + ':' + value + '<br />' - } - return s - } - }, - toolbox: { // 鎵撳嵃绛夊伐鍏� - show: false, - feature: { - saveAsImage: {} - } - }, - grid: { // 缃戞牸 - top: '20%', - left: '7%', - bottom: '11%', - right: '5%' - }, - legend: { - data: legend - }, - dataZoom: [{ - type: 'inside', - start: 0, - end: 100 - }, { - start: 0, - end: 100, - show: false, - handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', - handleSize: '80%', - handleStyle: { - color: '#fff', - shadowBlur: 3, - shadowColor: 'rgba(0, 0, 0, 0.6)', - shadowOffsetX: 2, - shadowOffsetY: 2 - } - }], - xAxis: { // x 杞磋缃� - type: 'category', - boundaryGap: false, - nameTextStyle: { - fontSize: 10 - }, - axisLabel: { // x杞村叏閮ㄦ樉绀� - rotate: 20, - interval: 0, - textStyle: { - color: '#fff', - fontSize: 10 - } - }, - splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 - show: true, - lineStyle: { - type: 'dashed' - } - }, - axisTick: { // x 杞村埢搴︽樉绀� - show: false - }, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - }, - data: xdata - }, - yAxis: [{ - type: 'value', - name: yname, - /* max: function (value) { - var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� - if (bzzList && bzzList.length > 0) { - $.each(bzzList, function (index, item) { - max_val_list.push(item.bzhui) - }) - } - max_val_list = max_val_list.sort(function (a, b) { - return a - b - }) // 鎺掑簭 - var ma = value.max > max_val_list[max_val_list.length - 1] ? value.max + 5 : max_val_list[max_val_list.length - 1] - return parseInt(ma) - }, */ - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }, { - type: 'value', - name: dataUnit, - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - // inverse: true, - // nameLocation: 'start', - // max:500, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }], - series: serLists - } - this.myChart.setOption(option) - - /* myChart.on('legendselectchanged', function (params) { - // console.log(params); - var StdVal = null - var op = { yAxis: {} } - if (params.selected.COD) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == 'COD') { - StdVal = bzzList[i].bzhui - } - } - } - - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['鎬绘爱']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '鎬绘爱') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['姘ㄦ爱']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '姘ㄦ爱') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['鎬荤7']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '鎬荤7') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } - - myChart.setOption(op) - }) */ - - /** - * 瑙e喅myChart.on('click',function(){...})浜嬩欢閲嶅瑙﹀彂鐨勯棶棰� - * Date: 20200720 - */ - this.myChart.off('click') - - /** - * 鍥炬爣鐐瑰嚮浜嬩欢 - * 20190426 add - * */ - /* myChart.on('click', function (params) { - // console.log('[鐩戞祴鐐筰d=%s]',jcdID) - - // 鑾峰彇褰撳墠鏃堕棿锛屽皬鏃� - var nowHours = new Date().Format('hh') - // console.log('[褰撳墠灏忔椂鏄細%s]',nowHours); - - // 鐐瑰嚮鎶樼嚎鍥炬姌鐐瑰搴旂殑鏃堕棿 - // 闇�瑕佷紶鐨勬椂闂翠负 - var _date = null - if (params.name.indexOf('鏃�') != -1) { - var hours = params.name.substring(0, params.name.indexOf('鏃�')) - // console.log('[鍧愭爣杞村搴旂殑鏃堕棿涓�%s]',hours); - - if (parseInt(hours) < parseInt(nowHours)) { - _date = new Date().Format('yyyy-MM-dd') + ' ' + hours + ':00:00' - } else { - var currentDate = new Date() - // 24灏忔椂涔嬪墠鏃堕棿 - var stringDate = new Date(currentDate.getTime() - 24 * 60 * 60 * 1000).Format('yyyy-MM-dd') - - _date = stringDate + ' ' + hours + ':00:00' - } - - // console.log('[闇�瑕佷紶閫掔殑鏃堕棿涓猴細%s]',_date); - } else if (params.name.indexOf('鏃�') != -1) { - var day = params.name.substring(0, params.name.indexOf('鏃�') - 1) - _date = new Date().Format('yyyy-MM') + '-' + day.trim() - } - - // todo 璋冩帴鍙� 鏌ュ嚟璇� - - if (params.color != 'red') { - var poltMtrlId - var monItemId = 28 - for (var i = 0; i < wrwIDS.length; i++) { - if (params.seriesName == wrwIDS[i].name) { - poltMtrlId = wrwIDS[i].id - } - } - - getCBMX(jcdID, poltMtrlId, monItemId, _date, function (res) { - createDivByMouse(res, params.event) - }) - } - // createDivByMouse("s",params.event); - }) */ - }, - drawChart: function () { - window.onresize = function () { - var h1 = document.documentElement.clientHeight// 鑾峰彇灞忓箷鐨勯珮搴� - if (h1 > 700) { - this.myChart.getDom().style.height = 3 + 'rem' - this.myChart.getDom().style.width = 6 + 'rem' - } else { - this.myChart.getDom().style.height = 3 + 'rem' - this.myChart.getDom().style.width = 6 + 'rem' - } - this.myChart.resize() - } - } - } -} -</script> - -<style scoped lang="less"> -//.animation{ -// padding: 0 1rem; -// overflow: hidden; -// //width: 1rem; -// .infomation{ -// display: flex; -// //margin: 0 1rem; -// overflow: hidden; -// animation: move 1s linear 0s infinite; -// @keyframes move { -// 0% { -// } -// 100% { -// transform: translateX(-10%); -// } -// } -// /* 榧犳爣缁忚繃marquee 灏卞仠姝㈠姩鐢� */ -// &:hover { -// //z-index: 9999999; -// animation-play-state: paused; -// } -// } -//} -.grid-content{ - font-size: 8px; - background-color: #2e4967; - text-align: center; - border-radius: 2px; - margin-right: 10px; - padding:0 10px -} -.infomation { - padding: 5px 10px; -} - -.form-echrts { - width: 100%; - border-top: 1px solid #396d83; - //margin: 10px 10px 10px 10px; - .from-search{ - display: flex; - padding:5px; - >div{margin-left: 10px} - .pickerMon{ - display: flex; - >div:first-child { - margin-right: 10px; - } - .pickerData{ - flex: 1; - display: flex; - >span{line-height: 22px} - .pickerTable { - margin-left: 3px; - } - } - } - /deep/.el-date-editor--datetime{ - width: 100%; - } - /deep/.el-input__inner{ - position: relative; - width:140px; - background-color: #2e4967; - color: #ffffff; - font-size: 12px; - height: 24px; - padding: 0; - border-color:#00fff6; - text-align: center; - z-index: 9999; - //padding-left:20px ; - //padding: 0!important; - } - /deep/.el-input__icon{ - display: block; - width: 140px; - height: 22px; - line-height: 22px; - cursor: pointer; - font-size: 0; - } - .echatsInput{ - color: #00ffff; - background-color: #2e4967; - border: none; - border-radius: 6px; - width: 80px; - height: 22px; - text-align: center; - } - input::-webkit-calendar-picker-indicator { - opacity: 100; - } - .detailbtn{ - background-color:#2e4967; - text-align: center; - padding: 0 7px; - line-height: 24px; - border-radius: 4px; - margin-right: 6px; - } - .detailbtn:hover{ - box-shadow: 0 0 0.03rem #fff700 !important; - color:#fff700 !important; - cursor: pointer; - } - } - .el-dialog-div { - //height: 50vh!important; - overflow: auto; - //overflow: hidden; - } - - #popChart { - margin: 0; - padding: 0; - } -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue deleted file mode 100644 index 927e8a3..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue +++ /dev/null @@ -1,1010 +0,0 @@ -<!-- 灏忔椂鏁版嵁 --> -<template> - <div id="Tab"> - <public-data-standard :dataStandard = "dataStandard"></public-data-standard> - <div class="form-echrts"> - <div class="from-search"> - <div class="pickerMon"> - <div class="pickerData"> - <span> 寮�濮嬫椂闂�:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart" @click="pickerBtn"></el-date-picker> - </span> - </div> - <div class="pickerData"> - <span >缁撴潫鏃堕棿:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeEnd" ></el-date-picker> - </span> - </div> - </div> - <div class="detailbtn" @click="onSubmit">鏌ヨ</div> - <div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div> - </div> - <div style="width:5rem;height:1.5rem;" id="echarts" ref="main"></div> - </div> - <!-- 鏄庣粏寮规 --> - <el-dialog :visible.sync="dialogVisible" - :append-to-body="true" - width="68%" - center - v-dialogDrag - > - <div class="el-dialog-div"> - <public-detailed-list v-bind="$attrs"></public-detailed-list> - </div> - </el-dialog> - </div> -</template> - -<script> -// import mapApi from '@/api/mapApi' -import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' -import dayjs from 'dayjs' -import PublicDataStandard from '@components/BaseNav/PublicBounced/common/PublicDataStandard' -export default { - name: 'ECharts', - components: { - PublicDataStandard, - PublicDetailedList - }, - data () { - return { - watchData: [], - dialogVisible: false, - myChar: null, - value: '', - formInline: { - timeStart: null, - timeEnd: null - }, - myChart: null, - dataStandard: [{ - current: { name: '姘哀鍖栫墿1', val: 29.93 }, - standard: { name: '鏍囧噯', val: 100 } - }, - { - current: { name: '浜屾哀鍖栫~', val: 17.34 }, - standard: { name: '鏍囧噯', val: 50 } - }, - { - current: { name: '鐑熷皹', val: 6.93 }, - standard: { name: '鏍囧噯', val: 30 } - }, - { - current: { name: '搴熸皵娴侀噺', val: 120343.18 }, - standard: { name: '', val: null } - } - ], - JsonCtarts: { - id: 'mychart', - title: '鍔犵儹鐐夌儫姘�', - legend: [ - { - icon: 'image://../assets/imgs/legend/NOX.png', - itemHeight: 5, - itemWidth: 20, - textStyle: { - color: '#CCC' - }, - name: '姘哀鍖栫墿' - }, - { - icon: 'image://../assets/imgs/legend/SO2.png', - itemHeight: 5, - itemWidth: 20, - name: '浜屾哀鍖栫~', - textStyle: { - color: '#CCC' - } - }, - { - icon: 'image://../assets/imgs/legend/YanChen.png', - itemHeight: 5, - itemWidth: 20, - name: '鐑熷皹', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/WenDu.png', - itemHeight: 5, - itemWidth: 20, - name: '娓╁害', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/VOCs.png', - itemHeight: 5, - itemWidth: 20, - name: '搴熸皵娴侀噺', - textStyle: { color: '#ccc' } - } - ], - xdata: ['0鏃�', '1鏃�', '2鏃�', '3鏃�', '4鏃�', '5鏃�', '6鏃�', '7鏃�', '8鏃�', '9鏃�', '10鏃�', '11鏃�', '12鏃�', '13鏃�', '14鏃�', '15鏃�', '16鏃�'], - ydatas: [ - { name: '姘哀鍖栫墿', data: ['34.44', '36.91', '37.65', '37.16', '38.03', '38.23', '37.21', '37.67', '37.97', '37.58', '36.61', '37.76', '37.27', '37.24', '35.86', '36.61', '37.21'], zdcbcolor: 'red', zxcolor: '#00B0F0', bzz: 50 }, - { name: '浜屾哀鍖栫~', data: ['4.98', '4.57', '4.19', '3.14', '3.80', '3.62', '3.33', '2.80', '3.13', '2.54', '3.08', '2.48', '1.97', '1.76', '0.82', '1.01', '1.5'], zdcbcolor: 'red', zxcolor: '#fff21c', bzz: 35 }, - { name: '搴熸皵娴侀噺', data: ['381907.22', '376474.19', '378572.31', '379369.44', '385225.72', '388657.56', '330667.31', '26560.98', '0.00', '0.00', '49567.43', '357837.31', '376972.66', '379693.50', '379982.22', '379693.50', '379982.22'], zdcbcolor: 'red', zxcolor: '#9ACD32', bzz: null }, - { name: '鐑熷皹', data: ['4.02', '4.17', '4.31', '4.00', '4.45', '4.40', '4.40', '4.25', '4.26', '4.18', '4.58', '4.21', '3.96', '3.83', '3.78', '3.83', '3.78'], zdcbcolor: 'red', zxcolor: '#f48183', bzz: 10 }, - { name: '娓╁害', data: ['46.55', '46.70', '46.47', '46.56', '46.57', '46.58', '46.56', '46.58', '46.69', '46.47', '46.58', '46.60', '46.54', '46.55', '46.60', '46.55', '46.60'], zdcbcolor: 'red', zxcolor: '#F206FF', bzz: null } - ], - yname: ' 娴撳害(mg/m鲁)', - // id:'mychart', - datatype: 2 - } - } - }, - created () { - }, - mounted () { - this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.formInline.timeStart = dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss') - this.onSubmit() - }, - methods: { - pickerBtn () { - this.formInline.timeEnd = '' - this.formInline.timeStart = '' - console.log(1) - }, - onSubmit () { - this.CreateChart() - }, - CreateChart () { - // var id = this.JsonCtarts.id - // var title = this.JsonCtarts.title - var legend = this.JsonCtarts.legend - var xdata = this.JsonCtarts.xdata - var ydatas = this.JsonCtarts.ydatas - var yname = this.JsonCtarts.yname - // var jcdId = this.JsonCtarts.jcdID - var datatype = this.JsonCtarts.datatype - - this.myChart = this.$echarts.init(this.$refs.main) - this.myChart.clear() - var dataUnit = '' - if (datatype === 1) { - dataUnit = '搴熸皵姘旈噺(m鲁/d)' - } else { - dataUnit = '搴熸皵姘旈噺(m鲁/h)' - } - - var serLists = [] - for (var j = 0; j < ydatas.length; j++) { - var len = ydatas[j].data.length - for (var k = 0; k < len; k++) { - var it = ydatas[j].data[k] - var it2 = parseFloat(it).toFixed(2) - ydatas[j].data[k] = it2 - } - } - - for (var i = 0; i < ydatas.length; i++) { - // var zdcbcolor = ydatas[i].zdcbcolor - var bzz = ydatas[i].bzz - var obj - if (bzz == null) { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - yAxisIndex: 1, - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - /* var biaozhuiz - for (var i = 0; i < exhbzzList.length; i++) { - if (exhbzzList[i].name == c.seriesName) { - biaozhuiz = exhbzzList[i].bzhui - } - } - if (c.value > 999999999999) { - return zdcbcolor - } else { - return '#33c95f' - } */ - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 5 - }, - borderColor: ydatas[i].zxcolor, // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data - } - } else { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - /* var biaozhuiz - for (var i = 0; i < exhbzzList.length; i++) { - if (exhbzzList[i].name == c.seriesName) { - biaozhuiz = exhbzzList[i].bzhui - } - } - if (c.value > biaozhuiz) { - return zdcbcolor - } else if (c.value > biaozhuiz * 0.9) { - return '#FFA500' - } else { - return '#33c95f' - } - */ - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 5 - }, - borderColor: ydatas[i].zxcolor, // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data, - markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺 - symbol: 'none', - data: [ - /* { - type: 'average', - name: '鏃ュ钩鍧囧��', - label: { - normal: { - position: 'end', //鏄剧ず浣嶇疆 - formatter: ydatas[i].name+'\n鏃ュ钩鍧囧��'+'{c}' //鏄剧ず鏍峰紡 - } - }, - lineStyle:{ // 棰滆壊 - color: 'yellow', - type:'solid' - } - }, */ { - label: { - normal: { - position: 'end', - formatter: '' // ydatas[i].name+'鏍囧噯鍊�'//+'{c}' - } - }, - name: '鏍囧噯鍊�', - yAxis: bzz, - lineStyle: { - color: ydatas[i].zxcolor, - type: 'dashed', - width: 2 - } - } - ] - } - } - } - serLists.push(obj) - } - - var option = { - tooltip: { // 鎻愮ず妗� - trigger: 'axis', - axisPointer: { - type: 'cross', - label: { - color: '#1a4245' - } - }, - formatter: function (params) { - var s = params[0].name + '<br/>' - for (var i = 0; i < params.length; i++) { - // const name = params[i].name - // 鍥捐〃title鍚嶇О - var seriesName = params[i].seriesName - // 鍊� - var value = params[i].value - // var valueFliter - // if (value === 'NaN') { - // valueFliter = '' - // } else { - // valueFliter = this.formatter(value) - // } - var maker = params[i].marker - if (seriesName === '浜屾哀鍖栫~') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>' - } else if (seriesName === '姘哀鍖栫墿') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>' - } else if (seriesName === '鐑熷皹') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' - } else if (seriesName === '娓╁害') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#F206FF;"></span>' - } else { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4ec99c;"></span>' - } - s += maker + seriesName + ':' + value + '<br />' - } - return s - } - }, - toolbox: { // 鎵撳嵃绛夊伐鍏� - show: false, - feature: { - saveAsImage: {} - } - }, - grid: { // 缃戞牸 - top: '20%', - left: '6%', - bottom: '15%' - // containLabel: true - }, - legend: { // 鍥句緥 - data: legend - }, - dataZoom: [{ - type: 'inside', - start: 0, - end: 100 - }, { - start: 0, - end: 100, - show: false, - handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', - handleSize: '80%', - handleStyle: { - color: '#fff', - shadowBlur: 3, - shadowColor: 'rgba(0, 0, 0, 0.6)', - shadowOffsetX: 2, - shadowOffsetY: 2 - } - }], - xAxis: { // x 杞磋缃� - type: 'category', - boundaryGap: false, - axisLabel: { // x杞村叏閮ㄦ樉绀� - rotate: 20, - interval: 0, - textStyle: { - color: '#fff' - } - }, - splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 - show: true, - lineStyle: { - type: 'dashed' - } - }, - axisTick: { // x 杞村埢搴︽樉绀� - show: false - }, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - }, - data: xdata - }, - yAxis: [{ - type: 'value', - name: yname, - /* max: function (value) { - var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� - // if(exhbzzList && exhbzzList.length>0){ - // if (value.max != "-Infinity") { // 鑾峰彇鎵�鏈夌洃娴嬫寚鏍囩殑max鍊� 2020/12/31 - // valMax = parseInt(value.max + 5); - // } - // $.each(exhbzzList, function (index, item) { - // if (item.bzhui != null) { - // max_val_list.push(item.bzhui); - // } - // }); - // } - max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭 - var ma = value.max > max_val_list[max_val_list.length - 1] ? value.max + 5 : max_val_list[max_val_list.length - 1] - return parseInt(ma) - }, */ - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }, { - type: 'value', - name: dataUnit, - max: function (value) { - var ma = value.max > 120 ? value.max : 120 - return parseInt(ma) - }, - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }], - series: serLists - } - // console.log(option) - this.myChart.setOption(option) - /* - this.myChart.on('legendselectchanged', function (params) { - var StdVal = null - var op = { yAxis: {} } - const max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� - if (exhbzzList && exhbzzList.length > 0) { - max_val_list.push(valMax) // 灏嗙洃娴嬫寚鏍囩殑max鍊间篃鏀惧叆鏁扮粍 2020/12/31 - $.each(exhbzzList, function (index, item) { - params.selected[item.name] ? max_val_list.push(item.bzhui) : '' - if (item.name == params.name) { - item.name == 'VOCs' ? StdVal = 20 : StdVal = item.bzhui - } - }) - } - max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭 - op.yAxis.max = function (value) { - var ma = value.max < StdVal ? StdVal : Math.ceil(value.max) - max_val_list ? ma = max_val_list[max_val_list.length - 1] : ''// 閫夋嫨鏈�澶у�� - return ma - } - this.myChart.setOption(op) - }) - */ - - /** - * 瑙e喅myChart.on('click',function(){...})浜嬩欢閲嶅瑙﹀彂鐨勯棶棰� - * Date: 20200720 - */ - this.myChart.off('click') - - /** - * 鍥炬爣鐐瑰嚮浜嬩欢 - * 20190426 add - * */ - /* this.myChart.on('click', function (params) { - // 鑾峰彇褰撳墠鏃堕棿锛屽皬鏃� - var nowHours = new Date().Format('hh') - // 鐐瑰嚮鎶樼嚎鍥炬姌鐐瑰搴旂殑鏃堕棿 - // 闇�瑕佷紶鐨勬椂闂翠负 - const dates = null - if (params.name.indexOf('鏃�') !== -1) { - var hours = params.name.substring(0, params.name.indexOf('鏃�')) - if (parseInt(hours) < parseInt(nowHours)) { - dates = new Date().Format('yyyy-MM-dd') + ' ' + hours + ':00:00' - } else { - var currentDate = new Date() - // 24灏忔椂涔嬪墠鏃堕棿 - var stringDate = new Date(currentDate.getTime() - 24 * 60 * 60 * 1000).Format('yyyy-MM-dd') - dates = stringDate + ' ' + hours + ':00:00' - } - } else if (params.name.indexOf('鏃�') !== -1) { - var day = params.name.substring(0, params.name.indexOf('鏃�') - 1) - dates = new Date().Format('yyyy-MM') + '-' + day.trim() - } - - // todo 璋冩帴鍙� 鏌ュ嚟璇� - if (params.color != 'red') { - var poltMtrlId - var monItemId = 28 - for (var i = 0; i < wrwIDS.length; i++) { - if (params.seriesName == wrwIDS[i].name) { - poltMtrlId = wrwIDS[i].id - } - } - getCBMX(jcdID, poltMtrlId, monItemId, _date, function (res) { - createDivByMouse(res, params.event) - }) - } - // createDivByMouse("s",params.event); - }) */ - } - // 搴熸皵鎸夊ぉ鏌ヨ灏忔椂鏁版嵁 - // queryZDYDate_24 (id) { - // this.formInline.timeStart - // this.formInline.timeEnd - // // var date = $('#riqi_24').val() - // // if (date) { - // // var date1 = new Date(date) - // // date1 = new Date(date1.getTime() - (8 * 3600000)) - // // console(date1) - // // var dateUtil = new DateUtil() - // // var datePkg = dateUtil.getTowDate(date1, 'a', 24 * 3600000 - 1) - // // var dateTime1FullStr = - // var datatype = 2 - // console(datePkg) - // - // if (CFG_Model.production) { - // get24HourDate(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31,226', function (res) { - // // 澶勭悊鏁版嵁寮�濮� - // var d = res - // var nameList = [] // 瀛樻斁鍥句緥 - // var dateList = [] // 瀛樻斁鏃堕棿 - // var dataList = [] // 瀛樻斁鏁版嵁 - // var bzh = [] // 鏍囧噯鍊� - // var data = [] - // wrwIDS = [] - // for (var i = 0; i < d.length; i++) { - // var MonTimeStr = d[i].MonTimeStr - // - // // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id - // getWRW(d[i]) - // - // var strDate - // var d1 = MonTimeStr.split('/') - // var d2 = d1[2].split(' ') - // var t = MonTimeStr.split(' ') - // var hlist = t[1].split(':') - // var h = hlist[0] - // if (d1[1] > 9) { - // // strDate=MonTimeStr.substring(8,10)+"鏃�"; - // if (d2[0] > 9) { - // strDate = '' - // if (h > 9) { - // strDate += MonTimeStr.substring(11, 13) + '鏃�' - // } else { - // strDate += MonTimeStr.substring(11, 12) + '鏃�' - // } - // } else { - // strDate = '' - // if (h > 9) { - // strDate += MonTimeStr.substring(10, 12) + '鏃�' - // } else { - // strDate += MonTimeStr.substring(10, 11) + '鏃�' - // } - // } - // } else { - // if (d2[0] > 9) { - // strDate = '' - // if (h > 9) { - // strDate += MonTimeStr.substring(10, 12) + '鏃�' - // } else { - // strDate += MonTimeStr.substring(10, 11) + '鏃�' - // } - // } else { - // strDate = '' - // if (h > 9) { - // strDate += MonTimeStr.substring(9, 11) + '鏃�' - // } else { - // strDate += MonTimeStr.substring(9, 10) + '鏃�' - // } - // } - // } - // - // if (nameList.length == 0) { - // nameList.push(d[i].PoltmtrlName.trim()) - // dateList.push(strDate) - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // bzh.push(d[i].StdValue) - // } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { - // nameList.push(d[i].PoltmtrlName) - // bzh.push(d[i].StdValue) - // dataList.push(data) - // data = new Array() - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // } else if (i == d.length - 1) { - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // dataList.push(data) - // } else { - // if (dateList.indexOf(strDate) < 0) { - // dateList.push(strDate) - // } - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // } - // } - // // 澶勭悊鏁版嵁缁撴潫 - // - // // dateList=get24DateTime(); - // - // var newList = [] - // for (var i = 0; i < dataList.length; i++) { - // var list = dataList[i].reverse() - // newList.push(list) - // } - // dataList = newList - // - // var id = 'mychart' - // var title = '鍔犵儹鐐夌儫姘�' - // var lengList = [] - // var objTemp - // - // for (var l = 0; l < nameList.length; l++) { - // var obj - // var iconurl - // if (nameList[l] == '浜屾哀鍖栫~') { - // iconurl = 'image://../assets/imgs/legend/SO2.png' - // } else if (nameList[l] == '姘哀鍖栫墿') { - // iconurl = 'image://../assets/imgs/legend/NOX.png' - // } else if (nameList[l] == '鐑熷皹') { - // iconurl = 'image://../assets/imgs/legend/YanChen.png' - // } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { - // iconurl = 'image://../assets/imgs/legend/grn.png' - // } else if (nameList[l] == '娓╁害') { - // iconurl = 'image://../assets/imgs/legend/WenDu.png' - // } else { - // iconurl = 'image://../assets/imgs/legend/VOCs.png' - // } - // - // if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� - // objTemp = { - // name: nameList[l], - // icon: iconurl, - // textStyle: { - // color: '#ccc' - // }, - // itemWidth: 20, - // itemHeight: 5 - // } - // } else { - // obj = { - // name: nameList[l], - // icon: iconurl, - // textStyle: { - // color: '#ccc' - // }, - // itemWidth: 20, - // itemHeight: 5 - // } - // lengList.push(obj) - // } - // } - // lengList.push(objTemp) - // - // var legend = lengList - // var xdata = dateList.reverse() - // var ydatas = [] - // - // for (var j = 0; j < nameList.length; j++) { - // var zdcbcolor, zxcolor - // if (nameList[j] == '浜屾哀鍖栫~') { - // zdcbcolor = 'red' - // zxcolor = '#fff21c' - // } else if (nameList[j] == '姘哀鍖栫墿') { - // zdcbcolor = 'red' - // zxcolor = '#00B0F0' - // } else if (nameList[j] == '鐑熷皹') { - // zdcbcolor = 'red' - // zxcolor = '#f48183' - // } else if (nameList[j] == '娓╁害') { - // zdcbcolor = 'red' - // zxcolor = '#F206FF' - // } else { - // zdcbcolor = 'red' - // zxcolor = '#9ACD32' - // } - // var ydata = { - // name: nameList[j], - // data: dataList[j], - // zdcbcolor: zdcbcolor, - // zxcolor: zxcolor, - // bzz: bzh[j] - // } - // exhbzz = { - // name: nameList[j], - // bzhui: bzh[j] - // } - // exhbzzList.push(exhbzz) - // - // ydatas.push(ydata) - // } - // - // var yname = '娴撳害(mg/m鲁)' - // CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) - // console.log(123323) - // console.log(id, title, legend, xdata, ydatas, yname, id, datatype) - // }) - // } else { - // get24HourDate1(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31', function (res) { - // // 澶勭悊鏁版嵁寮�濮� - // var d = res - // var nameList = [] // 瀛樻斁鍥句緥 - // var dateList = [] // 瀛樻斁鏃堕棿 - // var dataList = [] // 瀛樻斁鏁版嵁 - // var bzh = [] // 鏍囧噯鍊� - // var data = [] - // wrwIDS = [] - // for (var i = 0; i < d.length; i++) { - // var MonTimeStr = d[i].MonTimeStr - // - // // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id - // getWRW(d[i]) - // - // var strDate - // var d1 = MonTimeStr.split('/') - // var t = MonTimeStr.split(' ') - // var hlist = t[1].split(':') - // var h = hlist[0] - // if (d1[1] > 9) { - // // strDate=MonTimeStr.substring(8,10)+"鏃�"; - // strDate = '' - // if (h > 9) { - // strDate += MonTimeStr.substring(11, 13) + '鏃�' - // } else { - // strDate += MonTimeStr.substring(11, 12) + '鏃�' - // } - // } else { - // // strDate=MonTimeStr.substring(7,9)+"鏃�"; - // strDate = '' - // if (h > 9) { - // strDate += MonTimeStr.substring(10, 12) + '鏃�' - // } else { - // strDate += MonTimeStr.substring(10, 11) + '鏃�' - // } - // } - // - // if (nameList.length == 0) { - // nameList.push(d[i].PoltmtrlName.trim()) - // dateList.push(strDate) - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // bzh.push(d[i].StdValue) - // } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { - // nameList.push(d[i].PoltmtrlName) - // bzh.push(d[i].StdValue) - // dataList.push(data) - // data = new Array() - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // } else if (i == d.length - 1) { - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // dataList.push(data) - // } else { - // if (dateList.indexOf(strDate) < 0) { - // dateList.push(strDate) - // } - // if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { - // d[i].MonQty = 0 - // } - // data.push(d[i].MonQty) - // } - // } - // // 澶勭悊鏁版嵁缁撴潫 - // - // dateList = get24DateTime() - // dateList.reverse() - // var newList = [] - // - // for (var i = 0; i < dataList.length; i++) { - // var list = dataList[i].reverse() - // newList.push(list) - // } - // dataList = newList - // - // var id = 'mychart' - // var title = '鍔犵儹鐐夌儫姘�' - // var lengList = [] - // var objTemp - // - // for (var l = 0; l < nameList.length; l++) { - // var obj - // var iconurl - // if (nameList[l] == '浜屾哀鍖栫~') { - // iconurl = 'image://../assets/imgs/legend/SO2.png' - // } else if (nameList[l] == '姘哀鍖栫墿') { - // iconurl = 'image://../assets/imgs/legend/NOX.png' - // } else if (nameList[l] == '鐑熷皹') { - // iconurl = 'image://../assets/imgs/legend/YanChen.png' - // } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { - // iconurl = 'image://../assets/imgs/legend/grn.png' - // } else if (nameList[l] == '娓╁害') { - // iconurl = 'image://../assets/imgs/legend/WenDu.png' - // } else { - // iconurl = 'image://../assets/imgs/legend/VOCs.png' - // } - // - // if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� - // objTemp = { - // name: nameList[l], - // icon: iconurl, - // textStyle: { - // color: '#ccc' - // }, - // itemWidth: 20, - // itemHeight: 5 - // } - // } else { - // obj = { - // name: nameList[l], - // icon: iconurl, - // textStyle: { - // color: '#ccc' - // }, - // itemWidth: 20, - // itemHeight: 5 - // } - // lengList.push(obj) - // } - // } - // lengList.push(objTemp) - // - // var legend = lengList - // var xdata = dateList.reverse() - // var ydatas = [] - // - // for (var j = 0; j < nameList.length; j++) { - // var zdcbcolor, zxcolor - // if (nameList[j] == '浜屾哀鍖栫~') { - // zdcbcolor = 'red' - // zxcolor = '#fff21c' - // } else if (nameList[j] == '姘哀鍖栫墿') { - // zdcbcolor = 'red' - // zxcolor = '#00B0F0' - // } else if (nameList[j] == '鐑熷皹') { - // zdcbcolor = 'red' - // zxcolor = '#f48183' - // } else if (nameList[j] == '娓╁害') { - // zdcbcolor = 'red' - // zxcolor = '#F206FF' - // } else { - // zdcbcolor = 'red' - // zxcolor = '#9ACD32' - // } - // var ydata = { - // name: nameList[j], - // data: dataList[j], - // zdcbcolor: zdcbcolor, - // zxcolor: zxcolor, - // bzz: bzh[j] - // } - // exhbzz = { - // name: nameList[j], - // bzhui: bzh[j] - // } - // exhbzzList.push(exhbzz) - // ydatas.push(ydata) - // } - // - // var yname = '娴撳害(mg/m鲁)' - // CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) - // onsole.log(id, title, legend, xdata, ydatas, yname, id, datatype) - // }) - // } - // $('.btm span:nth-child(2)').empty() - // var html = '鐩戞祴鏃堕棿 锛�' + datePkg.dateTime1FullStr + ' 鑷� ' + datePkg.dateTime2FullStr + '锛�' - // $('.btm span:nth-child(2)').html(html) - // - // fore24Time = datePkg.dateTime1FullStr - // back24Time = datePkg.dateTime2FullStr - // } else { - // alert('鏌ヨ鏃堕棿涓嶈兘涓虹┖锛�') - // } - // } - // drawChart: function () { - // window.onresize = function () { - // var h1 = document.documentElement.clientHeight// 鑾峰彇灞忓箷鐨勯珮搴� - // if (h1 > 700) { - // this.myChart.getDom().style.height = 3 + 'rem' - // this.myChart.getDom().style.width = 6 + 'rem' - // } else { - // this.myChart.getDom().style.height = 3 + 'rem' - // this.myChart.getDom().style.width = 6 + 'rem' - // } - // this.myChart.resize() - // } - // } - } - -} -</script> - -<style scoped lang="less"> - .form-echrts { - width: 100%; - border-top: 1px solid #396d83; - //margin: 10px 10px 10px 10px; - .from-search{ - display: flex; - padding:0.02rem; - >div{margin-left: 10px} - .pickerMon{ - display: flex; - >div:first-child { - margin-right: 10px; - } - .pickerData{ - flex: 1; - display: flex; - >span{line-height: 22px} - .pickerTable { - margin-left: 3px; - } - } - } - /deep/.el-date-editor--datetime{ - width: 100%; - } - /deep/.el-input__inner{ - position: relative; - width:1rem; - background-color: #2e4967; - color: #fff; - font-size: 0.08rem; - height: 0.15rem; - padding: 0; - border:none; - z-index: 9999; - text-align: center; - //padding-left:20px ; - //padding: 0!important; - } - /deep/.el-input__icon{ - display: block; - width:1rem; - height: 0.15rem; - line-height: 0.15rem; - cursor: pointer; - font-size: 0; - } - - input::-webkit-calendar-picker-indicator { - opacity: 100; - } - .detailbtn{ - background-color:#2e4967; - text-align: center; - padding: 0 7px; - height: 0.15rem; - line-height: 0.15rem; - border-radius: 4px; - margin-right: 6px; - } - } - .el-dialog-div { - overflow: auto; - } - #echarts { - margin: 0; - padding: 0; - } - } -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHourWasteWater.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsHourWasteWater.vue deleted file mode 100644 index 03287bc..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHourWasteWater.vue +++ /dev/null @@ -1,690 +0,0 @@ -<!-- 灏忔椂鏁版嵁 --> -<template> - <div id="Tab"> - <div class="infomation"> - <div> - <span class="grid-content">COD : <i style="color: #e8ee0b">6.039</i> 鏍囧噯 : <i style="color: #fff">12</i></span> - <span class="grid-content">姘ㄦ爱 : <i style="color: #e8ee0b">0.38</i> 鏍囧噯 : <i style="color: #fff">5</i></span> - <span class="grid-content">pH : <i style="color: #e8ee0b">7.674</i> 鏍囧噯 : <i style="color: #fff">9</i></span> - <span class="grid-content">搴熸按娴侀噺 : <i style="color: #e8ee0b">254.643997</i></span> - </div> - </div> - <div class="form-echrts"> - <div class="from-search"> - <div class="pickerMon"> - <div class="pickerData"> - <span> 寮�濮嬫椂闂�:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart"> - </el-date-picker> - </span> - </div> - <div class="pickerData"> - <span >缁撴潫鏃堕棿:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeEnd"> - </el-date-picker> - </span> - </div> - </div> - <div class="detailbtn" @click="onSubmit">鏌ヨ</div> - <div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div> - </div> - <div class="boxChart"> - <div style="width: 5rem;height:1.5rem;" id="echarts" ref="main"></div> - </div> - </div> - <!-- 鏄庣粏寮规 --> - <el-dialog :visible.sync="dialogVisible" - :append-to-body="true" - :title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[0].OnLineMonEmissPointName" - width="68%" - center - v-dialogDrag - > - <div class="el-dialog-div" style="height: 500px"> - <public-detailed-list v-bind="$attrs"></public-detailed-list> - </div> - </el-dialog> - </div> -</template> - -<script> -import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' -// import dayjs from 'dayjs' - -export default { - name: 'ECharts', - components: { - PublicDetailedList - }, - data () { - return { - watchData: [], - dialogVisible: false, - myChar: null, - value: '', - formInline: { - region: '', - timeStart: '2021-04-12 10:00:00', - timeEnd: '2021-04-13 09:00:00' - }, - myChart: null, - JsonHourWater: { - id: 'mycharteff', - title: '', - jcdID: '1020', - legend: [ - { - icon: 'image://../assets/imgs/legend/SO2.png', - itemHeight: 5, - itemWidth: 20, - name: 'COD', - testStyle: { - color: '#ccc' - } - }, - { - icon: 'image://../assets/imgs/legend/NOX.png', - itemHeight: 5, - itemWidth: 20, - name: '姘ㄦ爱', - testStyle: { - color: '#ccc' - } - }, - { - icon: 'image://../assets/imgs/legend/WenDu.png', - itemHeight: 5, - itemWidth: 20, - name: 'pH', - testStyle: { - color: '#ccc' - } - }, - { - icon: 'image://../assets/imgs/legend/VOCs.png', - itemHeight: 5, - itemWidth: 20, - name: '搴熸按娴侀噺', - testStyle: { - color: '#ccc' - } - } - ], - xdata: ['10鏃�', '11鏃�', '12鏃�', '13鏃�', '14鏃�', '15鏃�', '16鏃�', '17鏃�', '18鏃�', '19鏃�', '20鏃�', '21鏃�', '22鏃�', '23鏃�', '0鏃�', '1鏃�', '2鏃�', '3鏃�', '4鏃�', '5鏃�', '6鏃�', '7鏃�', '8鏃�', '9鏃�'], - ydatas: [ - { name: 'COD', data: [11.197, 11.5, 11.33, 11.2, 11.54, 11.8, 11.195, 10.7, 10.645, 10.6, 10.875, 11.1, 10.715, 10.4, 10.95, 11.4, 11.193, 11, 11.267, 11.5, 10.725, 10, 10.8, 11.5], zdcbcolor: 'red', zxcolor: '#fff21c', bzz: 12 }, - { name: '姘ㄦ爱', data: [0.186, 0.179, 0.165, 0.159, 0.149, 0.146, 0.141, 0.136, 0.128, 0.13, 0.133, 0.133, 0.134, 0.13, 0.122, 0.124, 0.128, 0.139, 0.16, 0.147, 0.123, 0.127, 0.134, 0.128], zdcbcolor: 'red', zxcolor: '#00B0F0', bzz: 5 }, - { name: '搴熸按娴侀噺', data: [35.15667, 35.445004, 32.91, 31.478336, 33.038334, 33.46167, 33.348335, 33.515003, 33.735001, 31.503336, 31.411667, 32.880001, 33.100002, 31.870001, 30.841667, 31.873335, 32.658333, 32.178337, 30.656668, 30.65667, 32.241669, 32.521667, 31.225002, 30.476669], zdcbcolor: 'red', zxcolor: '#9ACD32', bzz: null }, - { name: 'pH', data: [7.666, 7.669, 7.67, 7.672, 7.677, 7.682, 7.685, 7.688, 7.689, 7.689, 7.688, 7.689, 7.69, 7.69, 7.69, 7.69, 7.691, 7.69, 7.685, 7.681, 7.681, 7.678, 7.674, 7.674], zdcbcolor: 'red', zxcolor: '#F206FF', bzz: 9 } - ], - yname: '娴撳害(mg/l)', - datatype: 2 - } - } - }, - mounted () { - this.onSubmit() - // this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') - // this.formInline.timeStart = dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss') - // this.onSubmit() - }, - updated () { - this.onSubmit() - }, - methods: { - onSubmit () { - this.effChartShow() - }, - effChartShow: function () { - // var id = this.JsonHourWater.id - // var title = this.JsonHourWater.title - var legend = this.JsonHourWater.legend - var xdata = this.JsonHourWater.xdata - var ydatas = this.JsonHourWater.ydatas - var yname = this.JsonHourWater.yname - // var jcdId = this.JsonHourWater.jcdID - var datatype = this.JsonHourWater.datatype - - this.myChart = this.$echarts.init(this.$refs.main) - this.myChart.clear() - var dataUnit = '' - if (datatype === 1) { - dataUnit = '娴侀噺(m鲁/d)' - } else { - dataUnit = '娴侀噺(m鲁/h)' - } - - var serLists = [] - for (var j = 0; j < ydatas.length; j++) { - var len = ydatas[j].data.length - for (var k = 0; k < len; k++) { - var it = ydatas[j].data[k] - var it2 = parseFloat(it).toFixed(2) - ydatas[j].data[k] = it2 - } - } - - for (var i = 0; i < ydatas.length; i++) { - // var zdcbcolor = ydatas[i].zdcbcolor - var bz = ydatas[i].bzz - var obj - if (bz) { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - /* var biaozhuiz - for (var i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == c.seriesName) { - biaozhuiz = bzzList[i].bzhui - } - } - if (c.value > biaozhuiz) { - return zdcbcolor - } else if (c.value > biaozhuiz * 0.9) { - return '#FFA500' - } else { - return '#33c95f' - } */ - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 5 - }, - borderColor: 'black', // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data, - markLine: { // 骞冲潎鍊� 鍜� 鎸囨爣涓婇檺 - symbol: 'none', - data: [{ - label: { - normal: { - position: 'end', - formatter: '' // ydatas[i].name+'鏍囧噯鍊�' //+'{c}' - } - }, - name: '鏍囧噯鍊�', - yAxis: bz, - lineStyle: { - color: ydatas[i].zxcolor, - type: 'dashed', - width: 2 - } - } - ] - } - } - } else { - obj = { - name: ydatas[i].name, - symbol: 'circle', // 鎶樼偣褰㈢姸 - symbolSize: 10, // 澶у皬 - smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾� - yAxisIndex: 1, - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - /* var biaozhuiz - for (var i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == c.seriesName) { - biaozhuiz = bzzList[i].bzhui - } - } - if (c.value > 9999999) { - return zdcbcolor - } else { - return '#33c95f' - } */ - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 4 - }, - borderColor: 'black', // 鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data - } - } - serLists.push(obj) - } - var option = - { - /* title: { - text: title, - }, */ - tooltip: { // 鎻愮ず妗� - trigger: 'axis', - axisPointer: { - type: 'cross', - label: { - color: '#1a4245' - } - }, - formatter: function (params) { - var s = params[0].name + '<br />' - for (var i = 0; i < params.length; i++) { - // var name = params[i].name - // 鍥捐〃title鍚嶇О - var seriesName = params[i].seriesName - // 鍊� - var value = params[i].value - // var valueFliter - // if (value === 'NaN') { - // valueFliter = '' - // } else { - // // valueFliter = formatter(value) - // } - var maker = params[i].marker - if (seriesName === 'COD') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>' - } else if (seriesName === '姘ㄦ爱') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>' - } else if (seriesName === '鎬荤7') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' - } else if (seriesName === '鎬绘爱') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#d9f2f4;"></span>' - } else { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#9ACD32;"></span>' - } - s += maker + seriesName + ':' + value + '<br />' - } - return s - } - }, - toolbox: { // 鎵撳嵃绛夊伐鍏� - show: false, - feature: { - saveAsImage: {} - } - }, - grid: { // 缃戞牸 - top: '20%', - left: '7%', - bottom: '10%', - right: '5%' - }, - legend: { - data: legend, - textStyle: { - color: '#fff' - } - }, - dataZoom: [{ - type: 'inside', - start: 0, - end: 100 - }, { - start: 0, - end: 100, - show: false, - handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', - handleSize: '80%', - handleStyle: { - color: '#fff', - shadowBlur: 3, - shadowColor: 'rgba(0, 0, 0, 0.6)', - shadowOffsetX: 2, - shadowOffsetY: 2 - } - }], - xAxis: { // x 杞磋缃� - type: 'category', - boundaryGap: false, - axisLabel: { // x杞村叏閮ㄦ樉绀� - rotate: 20, - interval: 0, - textStyle: { - color: '#fff', - fontSize: 10 - } - }, - splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 - show: true, - lineStyle: { - type: 'dashed' - } - }, - axisTick: { // x 杞村埢搴︽樉绀� - show: false - }, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - }, - data: xdata - }, - yAxis: [{ - type: 'value', - name: yname, - /* max: function (value) { - var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� - if (bzzList && bzzList.length > 0) { - $.each(bzzList, function (index, item) { - max_val_list.push(item.bzhui) - }) - } - max_val_list = max_val_list.sort(function (a, b) { - return a - b - }) // 鎺掑簭 - var ma = value.max > max_val_list[max_val_list.length - 1] ? value.max + 5 : max_val_list[max_val_list.length - 1] - return parseInt(ma) - }, */ - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }, { - type: 'value', - name: dataUnit, - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - // inverse: true, - // nameLocation: 'start', - // max:500, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }], - series: serLists - } - this.myChart.setOption(option) - /* - myChart.on('legendselectchanged', function (params) { - // console.log(params); - var StdVal = null - var op = { yAxis: {} } - if (params.selected.COD) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == 'COD') { - StdVal = bzzList[i].bzhui - } - } - } - - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['鎬绘爱']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '鎬绘爱') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['姘ㄦ爱']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '姘ㄦ爱') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['鎬荤7']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '鎬荤7') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } - myChart.setOption(op) - }) - */ - - /** - * 瑙e喅myChart.on('click',function(){...})浜嬩欢閲嶅瑙﹀彂鐨勯棶棰� - * Date: 20200720 - */ - this.myChart.off('click') - - /** - * 鍥炬爣鐐瑰嚮浜嬩欢 - * 20190426 add - * */ - /* myChart.on('click', function (params) { - // console.log('[鐩戞祴鐐筰d=%s]',jcdID) - - // 鑾峰彇褰撳墠鏃堕棿锛屽皬鏃� - var nowHours = new Date().Format('hh') - // console.log('[褰撳墠灏忔椂鏄細%s]',nowHours); - - // 鐐瑰嚮鎶樼嚎鍥炬姌鐐瑰搴旂殑鏃堕棿 - // 闇�瑕佷紶鐨勬椂闂翠负 - var _date = null - if (params.name.indexOf('鏃�') != -1) { - var hours = params.name.substring(0, params.name.indexOf('鏃�')) - // console.log('[鍧愭爣杞村搴旂殑鏃堕棿涓�%s]',hours); - - if (parseInt(hours) < parseInt(nowHours)) { - _date = new Date().Format('yyyy-MM-dd') + ' ' + hours + ':00:00' - } else { - var currentDate = new Date() - // 24灏忔椂涔嬪墠鏃堕棿 - var stringDate = new Date(currentDate.getTime() - 24 * 60 * 60 * 1000).Format('yyyy-MM-dd') - - _date = stringDate + ' ' + hours + ':00:00' - } - - // console.log('[闇�瑕佷紶閫掔殑鏃堕棿涓猴細%s]',_date); - } else if (params.name.indexOf('鏃�') != -1) { - var day = params.name.substring(0, params.name.indexOf('鏃�') - 1) - _date = new Date().Format('yyyy-MM') + '-' + day.trim() - } - - // todo 璋冩帴鍙� 鏌ュ嚟璇� - - if (params.color != 'red') { - var poltMtrlId - var monItemId = 28 - for (var i = 0; i < wrwIDS.length; i++) { - if (params.seriesName == wrwIDS[i].name) { - poltMtrlId = wrwIDS[i].id - } - } - - getCBMX(jcdID, poltMtrlId, monItemId, _date, function (res) { - createDivByMouse(res, params.event) - }) - } - // createDivByMouse("s",params.event); - }) */ - } - // drawChart: function () { - // window.onresize = function () { - // var h1 = document.documentElement.clientHeight// 鑾峰彇灞忓箷鐨勯珮搴� - // if (h1 > 700) { - // this.myChart.getDom().style.height = 3 + 'rem' - // this.myChart.getDom().style.width = 6 + 'rem' - // } else { - // this.myChart.getDom().style.height = 3 + 'rem' - // this.myChart.getDom().style.width = 6 + 'rem' - // } - // this.myChart.resize() - // } - // } - - } - -} -</script> - -<style scoped lang="less"> -.grid-content{ - font-size: 8px; - background-color: #2e4967; - text-align: center; - border-radius: 2px; - margin-right: 10px; - padding:0 10px - //>i{ - // color: #f00; - // } -} -.infomation { - padding: 5px 10px; -} - -.form-echrts { - width: 100%; - border-top: 1px solid #396d83; - //margin: 10px 10px 10px 10px; - .from-search{ - display: flex; - padding:5px; - >div{margin-left: 10px} - .pickerMon{ - display: flex; - >div:first-child { - margin-right: 10px; - } - .pickerData{ - flex: 1; - display: flex; - >span{line-height: 22px} - .pickerTable { - margin-left: 3px; - } - } - } - /deep/.el-date-editor--datetime{ - width: 100%; - } - /deep/.el-input__inner{ - position: relative; - width:140px; - background-color: #2e4967; - color: #ffffff; - font-size: 12px; - height: 24px; - padding: 0; - border-color:#00fff6; - text-align: center; - z-index: 9999; - //padding-left:20px ; - //padding: 0!important; - } - /deep/.el-input__icon{ - display: block; - width: 140px; - height: 22px; - line-height: 22px; - cursor: pointer; - font-size: 0; - } - .echatsInput{ - color: #00ffff; - background-color: #2e4967; - border: none; - border-radius: 6px; - width: 80px; - height: 22px; - text-align: center; - } - input::-webkit-calendar-picker-indicator { - opacity: 100; - } - .detailbtn{ - background-color:#2e4967; - text-align: center; - padding: 0 7px; - line-height: 24px; - border-radius: 4px; - margin-right: 6px; - } - .detailbtn:hover{ - box-shadow: 0 0 0.03rem #fff700 !important; - color:#fff700 !important; - cursor: pointer; - } - } - .el-dialog-div { - overflow: auto; - } - - #echarts { - margin: 0; - padding: 0; - } -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue deleted file mode 100644 index fffd525..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue +++ /dev/null @@ -1,942 +0,0 @@ -<!-- 搴熸按瀹炴椂鏁版嵁 --> -<template> - <div id="Tab"> - <div class="animation"> - <div class="infomation"> - <span class="grid-content">COD : <i style="color: #e8ee0b">11.24385</i> 鏍囧噯 : <i style="color: #fff">50</i></span> - <span class="grid-content">姘哀 :<i style="color: #e8ee0b">0.1889014</i> 鏍囧噯 : <i style="color: #fff">30</i></span> - <span class="grid-content">鎬荤7 : <i style="color: #e8ee0b">0.03812287</i> 鏍囧噯 : <i style="color: #fff">5</i></span> - <span class="grid-content">搴熸按娴侀噺 : <i style="color: #e8ee0b">32.16287</i></span> - </div> - </div> - <div class="form-echrts"> - <div class="from-search"> - <div class="pickerMon"> - <div class="pickerData"> - <span> 寮�濮嬫椂闂�:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart"> - </el-date-picker> - </span> - </div> - <div class="pickerData"> - <span >缁撴潫鏃堕棿:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeEnd"> - </el-date-picker> - </span> - </div> - </div> - <div> - 閲囨牱鐐规暟: - <el-select v-model="formInline.region" placeholder="50"> - <el-option label="0" value="0"></el-option> - <el-option label="25" value="25"></el-option> - <el-option label="50" value="50"></el-option> - <el-option label="75" value="75"></el-option> - <el-option label="100" value="100"></el-option> - </el-select> - </div> - <div class="detailbtn" @click="onSubmit">鏌ヨ</div> - </div> - <div class="boxChart"> - <div style="width: 5rem;height: 1.5rem;" id="popChart" ref="main"></div> - </div> - </div> - </div> -</template> - -<script> -import 'dayjs/locale/es' -import dayjs from 'dayjs' - -export default { - name: 'ECharts', - data () { - return { - value1: '', - value2: '', - watchData: [], - dialogVisible: false, - myChar: null, - RealTimeChart: null, - value: '', - days: dayjs(new Date()).format('YYYYMMDDHHmmss'), - formInline: { - region: '', - timeStart: '2021-04-13 12:47:18', - timeEnd: '2021-04-13 12:52:18' - }, - JsonRealWasteWater: { - id: 'mycharteff_second ', - title: 'COD', - legend: [ - { - icon: 'image://../assets/imgs/legend/NOX.png', - itemHeight: 5, - itemWidth: 20, - name: '姘ㄦ爱', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/YanChen.png', - itemHeight: 5, - itemWidth: 20, - name: '鎬荤7', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/SO2.png', - itemHeight: 5, - itemWidth: 20, - name: '鎬绘爱', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/NOX.png', - itemHeight: 5, - itemWidth: 20, - name: 'COD', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/VOCs.png', - itemHeight: 5, - itemWidth: 20, - name: '搴熸按娴侀噺', - textStyle: { color: '#ccc' } - } - ], - ydatas: [ - { - name: '姘哀', - data: [{ name: '姘哀', value: ['2021/04/13 12:47:18', 0.1900156] }, - { name: '姘哀', value: ['2021/04/13 12:47:33', 0.1902795] }, - { name: '姘哀', value: ['2021/04/13 12:47:48', 0.1892689] }, - { name: '姘哀', value: ['2021/04/13 12:48:03', 0.1882582] }, - { name: '姘哀', value: ['2021/04/13 12:48:18', 0.1882284] }, - { name: '姘哀', value: ['2021/04/13 12:48:33', 0.1886617] }, - { name: '姘哀', value: ['2021/04/13 12:48:48', 0.1873395] }, - { name: '姘哀', value: ['2021/04/13 12:49:03', 0.1866319] }, - { name: '姘哀', value: ['2021/04/13 12:49:18', 0.1895212] }, - { name: '姘哀', value: ['2021/04/13 12:49:33', 0.1898232] }, - { name: '姘哀', value: ['2021/04/13 12:49:48', 0.1880916] }, - { name: '姘哀', value: ['2021/04/13 12:50:03', 0.1883546] }, - { name: '姘哀', value: ['2021/04/13 12:50:18', 0.1907846] }, - { name: '姘哀', value: ['2021/04/13 12:50:33', 0.1887416] }, - { name: '姘哀', value: ['2021/04/13 12:50:48', 0.1873472] }, - { name: '姘哀', value: ['2021/04/13 12:51:03', 0.1886214] }, - { name: '姘哀', value: ['2021/04/13 12:51:18', 0.1891896] }, - { name: '姘哀', value: ['2021/04/13 12:51:33', 0.1891176] }, - { name: '姘哀', value: ['2021/04/13 12:51:48', 0.1890455] }, - { name: '姘哀', value: ['2021/04/13 12:52:03', 0.1889734] }, - { name: '姘哀', value: ['2021/04/13 12:52:18', 0.1889014] }], - zdcbcolor: 'red', - zxcolor: '#00B0F0', - bzz: 3 - }, - { - name: '鎬荤7', - data: [{ name: '鎬荤7', value: ['2021/04/13 12:47:18', 0.03813388] }, - { name: '鎬荤7', value: ['2021/04/13 12:47:33', 0.03813333] }, - { name: '鎬荤7', value: ['2021/04/13 12:47:48', 0.03813278] }, - { name: '鎬荤7', value: ['2021/04/13 12:48:03', 0.03813223] }, - { name: '鎬荤7', value: ['2021/04/13 12:48:18', 0.03813168] }, - { name: '鎬荤7', value: ['2021/04/13 12:48:33', 0.03813113] }, - { name: '鎬荤7', value: ['2021/04/13 12:48:48', 0.03813057] }, - { name: '鎬荤7', value: ['2021/04/13 12:49:03', 0.03813003] }, - { name: '鎬荤7', value: ['2021/04/13 12:49:18', 0.03812947] }, - { name: '鎬荤7', value: ['2021/04/13 12:49:33', 0.03812892] }, - { name: '鎬荤7', value: ['2021/04/13 12:49:48', 0.03812837] }, - { name: '鎬荤7', value: ['2021/04/13 12:50:03', 0.03812782] }, - { name: '鎬荤7', value: ['2021/04/13 12:50:18', 0.03812727] }, - { name: '鎬荤7', value: ['2021/04/13 12:50:33', 0.03812672] }, - { name: '鎬荤7', value: ['2021/04/13 12:50:48', 0.03812617] }, - { name: '鎬荤7', value: ['2021/04/13 12:51:03', 0.03812562] }, - { name: '鎬荤7', value: ['2021/04/13 12:51:18', 0.03812507] }, - { name: '鎬荤7', value: ['2021/04/13 12:51:33', 0.03812452] }, - { name: '鎬荤7', value: ['2021/04/13 12:51:48', 0.03812397] }, - { name: '鎬荤7', value: ['2021/04/13 12:52:03', 0.03812342] }, - { name: '鎬荤7', value: ['2021/04/13 12:52:18', 0.03812287] }], - zdcbcolor: 'red', - zxcolor: '#f48183', - bzz: 0.3 - }, - { - name: '鎬绘爱', - data: [{ name: '鎬绘爱', value: ['2021/04/13 12:47:18', 2.779342] }, - { name: '鎬绘爱', value: ['2021/04/13 12:47:33', 2.779337] }, - { name: '鎬绘爱', value: ['2021/04/13 12:47:48', 2.779331] }, - { name: '鎬绘爱', value: ['2021/04/13 12:48:03', 2.779823] }, - { name: '鎬绘爱', value: ['2021/04/13 12:48:18', 2.779321] }, - { name: '鎬绘爱', value: ['2021/04/13 12:48:33', 2.779344] }, - { name: '鎬绘爱', value: ['2021/04/13 12:48:48', 2.779452] }, - { name: '鎬绘爱', value: ['2021/04/13 12:49:03', 2.779224] }, - { name: '鎬绘爱', value: ['2021/04/13 12:49:18', 2.779133] }, - { name: '鎬绘爱', value: ['2021/04/13 12:49:33', 2.779445] }, - { name: '鎬绘爱', value: ['2021/04/13 12:49:48', 2.779743] }, - { name: '鎬绘爱', value: ['2021/04/13 12:50:03', 2.779332] }, - { name: '鎬绘爱', value: ['2021/04/13 12:50:18', 2.779562] }, - { name: '鎬绘爱', value: ['2021/04/13 12:50:33', 2.779560] }, - { name: '鎬绘爱', value: ['2021/04/13 12:50:48', 2.779534] }, - { name: '鎬绘爱', value: ['2021/04/13 12:51:03', 2.779412] }, - { name: '鎬绘爱', value: ['2021/04/13 12:51:18', 2.779673] }, - { name: '鎬绘爱', value: ['2021/04/13 12:51:33', 2.779452] }, - { name: '鎬绘爱', value: ['2021/04/13 12:51:48', 2.779397] }, - { name: '鎬绘爱', value: ['2021/04/13 12:52:03', 2.779342] }, - { name: '鎬绘爱', value: ['2021/04/13 12:52:18', 2.779287] }], - zdcbcolor: 'red', - zxcolor: '#e0ffff', - bzz: 15 - }, - { - name: '搴熸按娴侀噺', - data: [{ name: '搴熸按娴侀噺', value: ['2021/04/13 12:47:18', 31.63029] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:47:33', 31.9791] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:47:48', 31.92095] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:48:03', 32.05784] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:48:18', 32.01669] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:48:33', 32.39344] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:48:48', 32.66452] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:49:03', 32.45224] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:49:18', 32.42133] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:49:33', 32.88445] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:49:48', 32.36743] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:50:03', 32.83332] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:50:18', 32.15562] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:50:33', 32.61560] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:50:48', 32.89534] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:51:03', 32.72412] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:51:18', 32.48673] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:51:33', 32.03452] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:51:48', 32.93397] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:52:03', 32.84342] }, - { name: '搴熸按娴侀噺', value: ['2021/04/13 12:52:18', 32.16287] }], - zdcbcolor: 'red', - zxcolor: '#9ACD32', - bzz: null - }, - { - name: 'COD', - data: [{ name: 'COD', value: ['2021/04/13 12:47:18', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:47:33', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:47:48', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:48:03', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:48:18', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:48:33', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:48:48', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:49:03', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:49:18', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:49:33', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:49:48', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:50:03', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:50:18', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:50:33', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:50:48', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:51:03', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:51:18', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:51:33', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:51:48', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:52:03', 11.24385] }, - { name: 'COD', value: ['2021/04/13 12:52:18', 11.24385] }], - zdcbcolor: 'red', - zxcolor: '#fff21c', - bzz: 35 - } - ], - yname: ' 娴撳害(mg/l)' - }, - JSONTimeData: { - id: 21, - unionTagCodeList: ['TJIP45.rl3AT25035', 'TJIP45.rl3AT25033', 'TJIP45.rl3FT35032', 'TJIP45.rl3AT25034'] - }, - res: [{ UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.02153, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.7473, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.56014, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.59335, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.49617, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.33835, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.93116, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.831, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.67476, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.04687, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.78848, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.03456, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.81089, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.28693, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.79956, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.11547, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.72007, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.11903, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 44.28426, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 45.07601, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.81406, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.312585, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.507234, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.383248, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.385284, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.719143, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.730373, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.602137, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.459584, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.313675, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.305554, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.911544, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.744454, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.267665, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.606314, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.599967, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.939136, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.03244, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.183742, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.323384, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.403428, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.347282, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.018858, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020605, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.047671, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020306, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.054744, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.027292, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.026794, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.03381, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.041131, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.02754, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.998859, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.014368, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.019042, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.046045, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.024141, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.016951, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.01229, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.00666, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.005168, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.99309, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.983859, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.128864, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.096089, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.13711, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.191255, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.159299, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.089755, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.098142, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.084317, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.040828, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.066903, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.12027, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.075927, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.062984, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.190477, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.192902, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.061741, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 0.991724, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.006655, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.044971, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.077099, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.131417, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }], - startTime: '', - endTime: '', - step: '' - } - }, - mounted () { - this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.formInline.timeStart = dayjs().subtract(1, 'minute').format('YYYY-MM-DD HH:mm:ss') - // console.log(this.formInline.timeStart) - // console.log(this.JsonRealWasteWater.ydatas[0].data[0].value[0]) - }, - updated () { - this.DrawRealTimeDateChart() - }, - methods: { - onSubmit () { - this.DrawRealTimeDateChart() - }, - // 鐢诲簾姘存姌绾垮浘--瀹炴椂鏁版嵁 - DrawRealTimeDateChart () { - var legend = this.JsonRealWasteWater.legend - var ydatas = this.JsonRealWasteWater.ydatas - var yname = this.JsonRealWasteWater.yname - this.RealTimeChart = this.$echarts.init(this.$refs.main) - var serLists = [] - for (var i = 0; i < ydatas.length; i++) { - // var zdcbcolor = ydatas[i].zdcbcolor - var bz = ydatas[i].bzz - var obj - if (bz) { - obj = { - name: ydatas[i].name, - // symbol:'circle', // 鎶樼偣褰㈢姸 - // symbolSize: 3, //澶у皬 - smooth: true, // 鐩寸嚎 锛宼rue 涓烘洸绾� - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - // var biaozhuiz - // for (var i = 0; i < bzzList.length; i++) { - // if (bzzList[i].name == c.seriesName) { - // biaozhuiz = bzzList[i].bzhui - // } - // } - // if (c.value[1] > biaozhuiz) { - // return zdcbcolor - // } else if (c.value[1] > biaozhuiz * 0.9) { - // return '#FFA500' - // } - // { - // return '#33c95f' - // } - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 2 - }, - // borderColor:'black', //鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - - }, - type: 'line', - data: ydatas[i].data, - markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺 - symbol: 'none', - data: [{ - label: { - normal: { - position: 'end', - formatter: ''// ydatas[i].name+'鏍囧噯鍊�' //+'{c}' - } - }, - name: '鏍囧噯鍊�', - yAxis: bz, - lineStyle: { - color: ydatas[i].zxcolor, - type: 'dashed', - width: 2 - } - } - ] - } - } - } else { - obj = { - name: ydatas[i].name, - // symbol:'circle', // 鎶樼偣褰㈢姸 - // symbolSize: 3, //澶у皬 - smooth: true, // 鐩寸嚎 锛宼rue 涓烘洸绾� - yAxisIndex: 1, - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - return '#33c95f' - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 2 - }, - // borderColor:'black', //鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - - }, - type: 'line', - data: ydatas[i].data - } - } - - if (ydatas[i].name === '搴熸皵娴侀噺' || ydatas[i].name === '搴熸皵') { - obj.yAxisIndex = 1 - } - serLists.push(obj) - } - - var option = { - /* title: { - text: title, - }, */ - tooltip: { // 鎻愮ず妗� - trigger: 'axis', - axisPointer: { - type: 'cross', - label: { - color: '#1a4245' - } - }, - formatter: function (params) { - var s = params[0].name + '<br />' - for (var i = 0; i < params.length; i++) { - // var name = params[i].name - // 鍥捐〃title鍚嶇О - var seriesName = params[i].seriesName - // 鍊� - var value = params[i].value[1] - // var valueFliter = this.formatter(value) - var maker = params[i].marker - var colo = '' - switch (seriesName) { - case 'COD': - colo = '#fff21c' - break - case '姘ㄦ爱': - colo = '#00B0F0' - break - case '鎬荤7': - colo = '#f48183' - break - case '鎬绘爱': - colo = '#e0ffff' - break - default: - colo = '#9ACD32' - break - } - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + colo + ';"></span>' - s += maker + seriesName + ':' + value + '<br />' - } - return s - } - }, - toolbox: { // 鎵撳嵃绛夊伐鍏� - show: false, - feature: { - saveAsImage: {} - } - }, - grid: { // 缃戞牸 - top: '20%', - left: '7%', - bottom: '15%', - right: '5%' - }, - legend: { - data: legend - }, - dataZoom: [{ - type: 'inside', - start: 0, - end: 100 - }, { - start: 0, - end: 100, - show: false, - handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', - handleSize: '80%', - handleStyle: { - color: '#fff', - shadowBlur: 3, - shadowColor: 'rgba(0, 0, 0, 0.6)', - shadowOffsetX: 2, - shadowOffsetY: 2 - } - }], - xAxis: { // x 杞磋缃� - type: 'time', - boundaryGap: false, - axisLabel: { // x杞村叏閮ㄦ樉绀� - // rotate: 30, - margin: 6, - interval: 0, - textStyle: { - color: '#fff' - } - }, - splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 - show: true, - lineStyle: { - type: 'dashed' - } - }, - axisTick: { // x 杞村埢搴︽樉绀� - show: false - }, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - // data: xdata - }, - yAxis: [{ - type: 'value', - name: yname, - max: function (value) { - return parseInt(value.max + 30) - }, - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }, { - type: 'value', - name: '娴侀噺(m鲁/d)', - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - // inverse: true, - // nameLocation: 'start', - // max:500, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }], - series: serLists - } - this.RealTimeChart.setOption(option) - /* RealTimeChart.on('legendselectchanged', function (params) { - // console.log(params); - var StdVal = null - var op = { yAxis: {} } - if (params.selected.COD) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == 'COD') { - StdVal = bzzList[i].bzhui - } - } - } - - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['鎬绘爱']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '鎬绘爱') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['姘ㄦ爱']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '姘ㄦ爱') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } else if (params.selected['鎬荤7']) { - if (bzzList && bzzList.length > 0) { - for (let i = 0; i < bzzList.length; i++) { - if (bzzList[i].name == '鎬荤7') { - StdVal = bzzList[i].bzhui - } - } - } - op.yAxis.max = function (value) { - var ma - if (value.max < StdVal) { - ma = StdVal - } else { - ma = Math.ceil(value.max) - } - return ma - } - } - RealTimeChart.setOption(op) - }) */ - }, - getRtdb15s (unionTagCodeList, startTime, endTime, step, res) { - if (res.length > 0) { - // 澶勭悊鏁版嵁寮�濮� - var d = res - var nameList = [] // 瀛樻斁鍥句緥 - - var data // 鏁版嵁绫诲瀷// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} - var datalist // 瀛樻斁data鐨勬暟缁� - // var bzh = [] - for (var i = 0; i < d.length; i++) { - if (d[i].ErrorMessage != null) { - continue - } - - // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName - - if (nameList.length === 0) { - nameList.push(name) - var newdate = new Date(d[i].ReadTime) - data = { - name: name, - value: [newdate, d[i].TagValue] - } - - datalist = { - name: name, - data: [data] - } - - this.RealTimeDataList.push(datalist) - } else if (nameList.indexOf(name) < 0) { - nameList.push(name) - // bzh.push(d[i].StdValue); - - // var newdate = new Date(d[i].ReadTime) - - data = { - name: name, - value: [newdate, d[i].TagValue] - } - datalist = { - name: name, - data: [data] - } - this.RealTimeDataList.push(datalist) - } else if (i === d.length - 1) { - if (nameList.indexOf(name) < 0) { - nameList.push(name) - // bzh.push(d[i].StdValue); - - // var newdate = new Date(d[i].ReadTime) - - data = { - name: name, - value: [newdate, d[i].TagValue] - } - datalist = { - name: name, - data: [data] - } - // RealTimeDataList.push(datalist) - } else { - // var newdate = new Date(d[i].ReadTime) - data = { - name: name, - value: [newdate, d[i].TagValue] - } - for (var k = 0; k < this.RealTimeDataList.length; k++) { - if (this.RealTimeDataList[k].name === name) { - this.RealTimeDataList[k].data.push(data) - } - } - } - } else { - const newdate = new Date(d[i].ReadTime) - data = { - name: name, - value: [newdate, d[i].TagValue] - } - for (let k = 0; k < this.RealTimeDataList.length; k++) { - if (this.RealTimeDataList[k].name === name) { - this.RealTimeDataList[k].data.push(data) - } - } - } - } - - // var divid = 'mycharteff_second' - // var title = name - var lengList = [] - var objTemp - - for (var l = 0; l < nameList.length; l++) { - var obj - var iconurl - if (nameList[l] === 'COD') { - iconurl = 'image://../assets/imgs/legend/SO2.png' - } else if (nameList[l] === '姘ㄦ爱') { - iconurl = 'image://../assets/imgs/legend/NOX.png' - } else if (nameList[l] === '鎬荤7') { - iconurl = 'image://../assets/imgs/legend/YanChen.png' - } else if (nameList[l] === '鎬绘爱') { - iconurl = 'image://../assets/imgs/legend/zongdan.png' - } else { - iconurl = 'image://../assets/imgs/legend/VOCs.png' - } - - if (nameList[l] === '搴熸按' || nameList[l] === '搴熸按娴侀噺') { // 灏嗗簾姘存祦閲忔帓鍒版暟缁勬渶鍚� - objTemp = { - name: nameList[l], - icon: iconurl, - textStyle: { - color: '#ccc' - }, - itemWidth: 20, - itemHeight: 5 - } - } else { - obj = { - name: nameList[l], - icon: iconurl, - textStyle: { - color: '#ccc' - }, - itemWidth: 20, - itemHeight: 5 - } - lengList.push(obj) - } - } - lengList.push(objTemp) - - this.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname) - } - }, - // 瀹炴椂鏁版嵁璋冪敤閽╁瓙鍑芥暟 - IntervalRealTimeDate (id, unionTagCodeList, BBZMAPPING) { - // 瀹氭椂鍣ㄥ嚱鏁� - this.interValHander = setInterval(function () { - // $('.RealTime').empty() - this.startTime = dayjs().subtract(5, 'minute').format('YYYY-MM-DD HH:mm:ss') - this.endTime = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.step = '15' - // this.getRtdb15s(this.unionTagCodeList, this.startTime, this.endTime, this.step, this.res) - // PreQueryTime=endTime; - this.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname) - this.IntervalRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.BBZMAPPING) - }, 15000) - } - } -} -</script> - -<style scoped lang="less"> -.grid-content{ - font-size: 8px; - background-color: #2e4967; - text-align: center; - border-radius: 2px; - margin-right: 10px; - padding:0 10px -} -.infomation { - padding: 5px 10px; -} - -.form-echrts { - width: 100%; - border-top: 1px solid #396d83; - //margin: 10px 10px 10px 10px; - .from-search{ - display: flex; - padding:5px; - >div{margin-left: 10px} - .pickerMon{ - display: flex; - >div:first-child { - margin-right: 10px; - } - .pickerData{ - flex: 1; - display: flex; - >span{line-height: 22px} - .pickerTable { - margin-left: 3px; - } - } - } - /deep/.el-date-editor--datetime{ - width: 100%; - } - /deep/.el-input__inner{ - position: relative; - width:140px; - background-color: #2e4967; - color: #ffffff; - font-size: 12px; - height: 24px; - padding: 0; - border-color:#00fff6; - text-align: center; - //padding-left:20px ; - //padding: 0!important; - } - /deep/.el-input__icon{ - display: block; - width: 140px; - height: 22px; - line-height: 22px; - cursor: pointer; - font-size: 0; - } - .echatsInput{ - color: #00ffff; - background-color: #2e4967; - border: none; - border-radius: 6px; - width: 80px; - height: 22px; - text-align: center; - } - input::-webkit-calendar-picker-indicator { - opacity: 100; - } - .detailbtn{ - background-color:#2e4967; - text-align: center; - padding: 0 7px; - line-height: 24px; - border-radius: 4px; - margin-right: 6px; - } - .detailbtn:hover{ - box-shadow: 0 0 0.03rem #fff700 !important; - color:#fff700 !important; - cursor: pointer; - } - } - .el-dialog-div { - //height: 50vh!important; - overflow: auto; - //overflow: hidden; - } - - #echarts { - margin: 0; - padding: 0; - } -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsTable.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsTable.vue deleted file mode 100644 index bb57e74..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsTable.vue +++ /dev/null @@ -1,79 +0,0 @@ -<template> - <el-table - :data="tableData" - style="width: 100%;height: 100%"> - <el-table-column - prop="LabMonTime" - label="妫�娴嬫椂闂�"> - </el-table-column> - <el-table-column - label="姘哀鍖栫墿"> - <el-table-column - prop="NOMonTime" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="NOEndTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="浜屾哀鍖栫~"> - <el-table-column - prop="SOMontime" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="SoEndTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="鐑熷皹"> - <el-table-column - prop="DataTypeName" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="EndMonTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="闈炵敳鐑锋�荤儍"> - <el-table-column - prop="DataTypeName" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="DataTypeName" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - </el-table> -</template> - -<script> -// import dayjs from 'dayjs' -export default { - name: 'EChartsTable', - data () { - return { - tableData: [] - } - }, - created () { - this.$attrs.ManualData.forEach((item, index) => { - this.tableData.push(item) - this.tableData[index].LabMonTime = this.tableData[index].LabMonTime.replaceAll('T', ' ') - }) - } -} - -</script> - -<style scoped> -.el-table--border::after, .el-table--group::after, .el-table::before{ - background: none; -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue deleted file mode 100644 index 0423201..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue +++ /dev/null @@ -1,311 +0,0 @@ -<template> -<!-- <el-table :data="tableData" style="width:730px" height="200px">--> -<!-- <el-table-column v-for="(item, index) in tableLabel" :key="index" :prop="item.prop"--> -<!-- :label="item.label">--> -<!-- <el-table-column v-for="(item1, index1) in item.label" :key="index1" :prop="item1.prop" :label="item1.label">--> -<!-- </el-table-column>--> -<!-- </el-table-column>--> -<!-- </el-table>--> - <div style="width: 5.9rem"> - <el-table - :data="tableData" - max-height="255px" - style="width: 100%;height: 100%"> - <el-table-column - prop="date" - width="130" - label="妫�娴嬫椂闂�"> - </el-table-column> - <el-table-column - label="BOD5"> - <el-table-column - prop="codWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="codTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="COD"> - <el-table-column - prop="phWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="codTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="PH"> - <el-table-column - prop="bod5Watch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="bod5Time" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="姘ㄦ爱"> - <el-table-column - prop="adWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="adTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="鎸ュ彂閰�"> - <el-table-column - prop="adWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="adTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="姘熺瀛�"> - <el-table-column - prop="adWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="adTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="纭寲鐗�"> - <el-table-column - prop="adWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="adTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="鐭虫补绫�"> - <el-table-column - prop="adWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="adTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - <el-table-column - label="鎮诞鐗�"> - <el-table-column - prop="adWatch" - label="鐩戞祴鍊�"> - </el-table-column> - <el-table-column - prop="adTime" - label="鏍囧噯鍊�"> - </el-table-column> - </el-table-column> - </el-table> - </div> -</template> - -<script> -export default { - name: 'EChartsTable', - data () { - return { - tableData: [{ - date: '2016-05-03 12:00:00', - codWatch: '7.23', - codTime: '-', - phWatch: '0.43', - phTime: '9.21', - bod5Watch: '7.12', - bod5Time: '-', - adWatch: '0.23', - adTime: '-' - }, - { - date: '2016-05-03 12:00:15', - codWatch: '-', - codTime: '5.32', - phWatch: '-', - phTime: '0.23', - bod5Watch: '1', - bod5Time: '9.88', - adWatch: '1.76', - adTime: '-' - }, - { - date: '2016-05-03 12:00:30', - codWatch: '-', - codTime: '0.92', - phWatch: '-', - phTime: '8.71', - bod5Watch: '0.72', - bod5Time: '-', - adWatch: '6.23', - adTime: '0.86' - }, - { - date: '2016-05-03 12:01:15', - codWatch: '10.22', - codTime: '-', - phWatch: '-', - phTime: '0.92', - bod5Watch: '0.82', - bod5Time: '-', - adWatch: '23.82', - adTime: '-' - }, - { - date: '2016-05-03 12:01:30', - codWatch: '0.31', - codTime: '-', - phWatch: '-', - phTime: '6.12', - bod5Watch: '0.31', - bod5Time: '-', - adWatch: '0.21', - adTime: '-' - }, - { - date: '2016-05-03 12:02:15', - codWatch: '9.22', - codTime: '-', - phWatch: '-', - phTime: '-', - bod5Watch: '-', - bod5Time: '0.72', - adWatch: '-', - adTime: '17.23' - }, - { - date: '2016-05-03 12:02:30', - codWatch: '-', - codTime: '-', - phWatch: '0.83', - phTime: '-', - bod5Watch: '23.22', - bod5Time: '-', - adWatch: '-', - adTime: '-' - }, - { - date: '2016-05-03 12:03:15', - codWatch: '8.74', - codTime: '-', - phWatch: '-', - phTime: '13.22', - bod5Watch: '-', - bod5Time: '0.23', - adWatch: '-', - adTime: '-' - }, - { - date: '2016-05-03 12:03:30', - codWatch: '0.82', - codTime: '-', - phWatch: '-', - phTime: '-', - bod5Watch: '-', - bod5Time: '32.42', - adWatch: '-', - adTime: '0.88' - }, - { - date: '2016-05-03 12:04:15', - codWatch: '-', - codTime: '-', - phWatch: '0.71', - phTime: '-', - bod5Watch: '-', - bod5Time: '15.83', - adWatch: '-', - adTime: '24.82' - }, - { - date: '2016-05-03 12:04:30', - codWatch: '-', - codTime: '19.65', - phWatch: '29.22', - phTime: '-', - bod5Watch: '0.98', - bod5Time: '-', - adWatch: '-', - adTime: '-' - }, - { - date: '2016-05-03 12:05:15', - codWatch: '19.32', - codTime: '-', - phWatch: '-', - phTime: '-', - bod5Watch: '-', - bod5Time: '12.21', - adWatch: '-', - adTime: '-' - }, - { - date: '2016-05-03 12:05:30', - codWatch: '10.53', - codTime: '-', - phWatch: '-', - phTime: '-', - bod5Watch: '-', - bod5Time: '23.71', - adWatch: '-', - adTime: '10.55' - }, - { - date: '2016-05-03 12:06:15', - codWatch: '31.63', - codTime: '-', - phWatch: '-', - phTime: '-', - bod5Watch: '-', - bod5Time: '0.56', - adWatch: '-', - adTime: '-' - }, - { - date: '2016-05-03 12:06:30', - codWatch: '19.53', - codTime: '-', - phWatch: '-', - phTime: '-', - bod5Watch: '-', - bod5Time: '0.28', - adWatch: '-', - adTime: '0.75' - }] - } - }, - created () { - // this.$nextTick(() => { - // this.$attrs.ManualData.forEach(item => { - // this.tableData = [...item] - // }) - // this.tableData.LabMonTime = 100 - // console.log(this.tableData) - // }) - } -} - -</script> - -<style scoped> -.el-table--border::after, .el-table--group::after, .el-table::before{ - background: none; -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue b/src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue deleted file mode 100644 index 7a7d07e..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue +++ /dev/null @@ -1,1118 +0,0 @@ -<template> - <div id="Tab"> - <div class="animation"> - <div class="infomation"> - <span class="grid-content">姘哀鍖栫墿 :<i style="color: #e8ee0b">29.93</i> 鏍囧噯 : 100</span> - <span class="grid-content">浜屾哀鍖栫~ : <i style="color: #e8ee0b">17.34</i> 鏍囧噯 : 50</span> - <span class="grid-content">鐑熷皹 : <i style="color: #e8ee0b">6.93</i> 鏍囧噯 : 30</span> - <span class="grid-content">搴熸皵娴侀噺 : <i style="color: #e8ee0b">5.23</i></span> - </div> - </div> - <div class="form-echrts"> - <div class="from-search"> - <div class="pickerMon"> - <div class="pickerData"> - <span> 寮�濮嬫椂闂�:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart"></el-date-picker> - </span> - </div> - <div class="pickerData"> - <span >缁撴潫鏃堕棿:</span> - <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeEnd"></el-date-picker> - </span> - </div> - </div> - <div> - 閲囨牱鐐规暟: - <el-select v-model="formInline.region" placeholder="50"> - <el-option label="0" value="0"></el-option> - <el-option label="25" value="25"></el-option> - <el-option label="50" value="50"></el-option> - <el-option label="75" value="75"></el-option> - <el-option label="100" value="100"></el-option> - </el-select> - </div> - <div class="detailbtn" @click="onSubmit">鏌ヨ</div> - </div> - <div style="width:5rem;height:1.5rem;" ref="echarts"> </div> - </div> - </div> -</template> - -<script> - -// import mapApi from '@/api/mapApi' -import 'dayjs/locale/es' -import dayjs from 'dayjs' - -export default { - name: 'ECharts', - data () { - return { - days: dayjs(new Date()).format('YYYYMMDDHHmmss'), - watchData: [], - dialogVisible: false, - myChar: null, - value: '', - formInline: { - region: '', - timeStart: '', - timeEnd: '' - }, - RealTimeChart: null, - JsonTimeCtarts: { - id: 'mychart_ss ', - title: '鐑熷皹', - legend: [ - { - name: '姘哀鍖栫墿', - icon: 'image://../assets/imgs/legend/NOX.png', - textStyle: { color: '#ccc' }, - itemWidth: 20, - itemHeight: 5 - }, - { - icon: 'image://../assets/imgs/legend/SO2.png', - itemHeight: 5, - itemWidth: 20, - name: '浜屾哀鍖栫~', - textStyle: { - color: '#CCC' - } - }, - { - icon: 'image://../assets/imgs/legend/YanChen.png', - itemHeight: 5, - itemWidth: 20, - name: '鐑熷皹', - textStyle: { color: '#ccc' } - }, - { - icon: 'image://../assets/imgs/legend/VOCs.png', - itemHeight: 5, - itemWidth: 20, - name: '搴熸皵娴侀噺', - textStyle: { color: '#ccc' } - } - ], - ydatas: [ - { - name: '姘哀鍖栫墿', - data: [{ - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:18:19', 39.51431] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:18:34', 38.76508] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:18:49', 37.57471] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:19:04', 36.3796] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:19:19', 36.10718] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:19:34', 35.81126] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:19:49', 35.9184] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:20:04', 36.08839] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:20:19', 36.3718] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:20:34', 36.8966] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:20:49', 37.3998] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:21:04', 37.11937] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:21:19', 36.12424] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:21:34', 34.99567] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:21:49', 34.48063] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:22:04', 34.62222] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:22:19', 34.84583] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:22:34', 35.80923] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:22:49', 35.93465] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:23:04', 35.78891] - }, - { - name: '姘哀鍖栫墿', - value: ['2021/04/13 09:23:19', 35.54268] - }], - zdcbcolor: 'red', - zxcolor: '#00B0F0', - bzz: 50 - }, - { - name: '浜屾哀鍖栫~', - data: [{ - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:18:19', 5.112573] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:18:34', 4.578955] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:18:49', 4.869465] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:19:04', 5.270735] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:19:19', 5.355475] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:19:34', 5.242907] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:19:49', 5.230558] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:20:04', 5.262951] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:20:19', 5.268744] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:20:34', 5.159671] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:20:49', 4.955352] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:21:04', 5.110546] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:21:19', 5.235723] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:21:34', 5.443502] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:21:49', 5.708939] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:22:04', 5.882327] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:22:19', 6.017494] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:22:34', 5.410021] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:22:49', 5.379694] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:23:04', 5.551433] - }, - { - name: '浜屾哀鍖栫~', - value: ['2021/04/13 09:23:19', 5.819743] - }], - zdcbcolor: 'red', - zxcolor: '#fff21c', - bzz: 50 - }, - { - name: '搴熸皵娴侀噺', - data: [{ - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:18:19', 5.012617] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:18:34', 4.992213] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:18:49', 5.026886] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:19:04', 5.052861] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:19:19', 5.038826] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:19:34', 5.062339] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:19:49', 5.071915] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:20:04', 5.053693] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:20:19', 5.03562] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:20:34', 5.043983] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:20:49', 5.059231] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:21:04', 5.042176] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:21:19', 5.028253] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:21:34', 5.024891] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:21:49', 5.01542] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:22:04', 5.025787] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:22:19', 5.038269] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:22:34', 5.01441] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:22:49', 5.010105] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:23:04', 5.012341] - }, - { - name: '搴熸皵娴侀噺', - value: ['2021/04/13 09:23:19', 4.996146] - }], - zdcbcolor: 'red', - zxcolor: '#9ACD32', - bzz: null - }, - { - name: '鐑熷皹', - data: [{ - name: '鐑熷皹', - value: [['2021/04/13 09:18:19', 0.8297127]] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:18:34', 0.8347292] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:18:49', 0.9218481] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:19:04', 0.913429] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:19:19', 0.9026684] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:19:34', 0.8060119] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:19:49', 0.781314] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:20:04', 0.8958074] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:20:19', 0.9093901] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:20:34', 0.8743498] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:20:49', 0.9024854] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:21:04', 0.9456897] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:21:19', 0.9747347] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:21:34', 0.9200308] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:21:49', 0.8987293] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:22:04', 0.8613345] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:22:19', 0.8747463] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:22:34', 0.8883187] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:22:49', 0.881333] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:23:04', 0.9142911] - }, - { - name: '鐑熷皹', - value: ['2021/04/13 09:23:19', 0.9569058] - }], - zdcbcolor: 'red', - zxcolor: '#f48183', - bzz: 10 - }], - yname: ' 娴撳害(mg/m鲁)' - }, - JSONTimeData: { - id: 21, - unionTagCodeList: ['TJIP45.rl3AT25035', 'TJIP45.rl3AT25033', 'TJIP45.rl3FT35032', 'TJIP45.rl3AT25034'] - // BBZMAPPING: { - // 姘哀鍖栫墿: 50, - // 浜屾哀鍖栫~: 50, - // 搴熸皵娴侀噺: null, - // 鐑熷皹: 10 - // } - }, - res: [{ UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.02153, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.7473, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.56014, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.59335, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.49617, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.33835, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.93116, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.831, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.67476, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.04687, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.78848, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.03456, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.81089, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.28693, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.79956, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.11547, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.72007, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.11903, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 44.28426, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 45.07601, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.81406, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.312585, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.507234, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.383248, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.385284, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.719143, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.730373, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.602137, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.459584, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.313675, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.305554, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.911544, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.744454, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.267665, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.606314, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.599967, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.939136, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.03244, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.183742, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.323384, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.403428, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.347282, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.018858, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020605, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.047671, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020306, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.054744, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.027292, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.026794, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.03381, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.041131, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.02754, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.998859, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.014368, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.019042, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.046045, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.024141, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.016951, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.01229, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.00666, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.005168, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.99309, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.983859, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.128864, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.096089, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.13711, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.191255, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.159299, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.089755, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.098142, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.084317, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.040828, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.066903, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.12027, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.075927, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.062984, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.190477, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.192902, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.061741, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 0.991724, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.006655, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.044971, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.077099, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, - { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.131417, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }], - startTime: '', - endTime: '', - step: '' - } - }, - updated () { - this.DrawEXHRealTimeDateChart() - }, - mounted () { - this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.formInline.timeStart = dayjs().subtract(1, 'minute').format('YYYY-MM-DD HH:mm:ss') - // this.IntervalEXHRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.JSONTimeData.BBZMAPPING) - }, - methods: { - onSubmit () { - this.DrawEXHRealTimeDateChart() - }, - /** - * RTDB 鏍煎紡杞崲 - * @param res - * @returns {[]} - */ - // getRtdbFormat (res) { - // var data = res.collection.items - // var dataArray = [] - // for (var i = 0; i < data.length; i++) { - // var dataFormat = { - // UnionTagCode: data[i].data[0].value, - // TagValue: parseFloat(data[i].data[1].value), - // ReadTime: data[i].data[3].value, - // ErrorMessage: data[i].data[5].value - // } - // dataArray.push(dataFormat) - // } - // return dataArray - // }, - // 1.鍧愭爣杞村疄鐜�,鐢诲疄鏃舵暟鎹� - DrawEXHRealTimeDateChart () { - // var id = this.JsonTimeCtarts.id - // var title = this.JsonTimeCtarts.title - var legend = this.JsonTimeCtarts.legend - var ydatas = this.JsonTimeCtarts.ydatas - var yname = this.JsonTimeCtarts.yname - this.RealTimeChart = this.$echarts.init(this.$refs.echarts) - // this.myChart.clear() - var serLists = [] - for (var i = 0; i < ydatas.length; i++) { - // var zdcbcolor = ydatas[i].zdcbcolor - var bz = ydatas[i].bzz - var obj - if (bz) { - obj = { - name: ydatas[i].name, - // symbol:'circle', // 鎶樼偣褰㈢姸 - // symbolSize: 10, //澶у皬 - smooth: true, // 鐩寸嚎 锛宼rue 涓烘洸绾� - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - // var biaozhuiz - // for (var i = 0; i < exhbzzList.length; i++) { - // if (exhbzzList[i].name == c.seriesName) { - // biaozhuiz = exhbzzList[i].bzhui - // } - // } - // if (c.value[1] > biaozhuiz) { - // return zdcbcolor - // } else if (c.value[1] > biaozhuiz * 0.9) { - // return '#FFA500' - // } else { - // return '#33c95f' - // } - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 2 - }, - // borderColor:'black', //鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data, - markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺 - symbol: 'none', - data: [{ - label: { - normal: { - position: 'end', - formatter: ''// ydatas[i].name+'鏍囧噯鍊�' //+'{c}' - } - }, - name: '鏍囧噯鍊�', - yAxis: bz, - lineStyle: { - color: ydatas[i].zxcolor, - type: 'dashed', - width: 2 - } - }] - } - } - } else { - obj = { - name: ydatas[i].name, - // symbol:'circle', // 鎶樼偣褰㈢姸 - // symbolSize: 10, //澶у皬 - smooth: true, // 鐩寸嚎 锛宼rue 涓烘洸绾� - itemStyle: { - normal: { - color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� - return '#33c95f' - }, - lineStyle: { // 鎶樼嚎鐨勯鑹� - color: ydatas[i].zxcolor, - width: 2 - }, - // borderColor:'black', //鎶樼偣杈规鐨勯鑹� - label: { // 鏄剧ず鍊� - show: false - } - } - }, - type: 'line', - data: ydatas[i].data - } - } - if (ydatas[i].name === '搴熸皵娴侀噺' || ydatas[i].name === '搴熸皵') { - obj.yAxisIndex = 1 - } - serLists.push(obj) - } - var option = { - /* title: { - text: title, - }, */ - tooltip: { // 鎻愮ず妗� - trigger: 'axis', - axisPointer: { - type: 'cross', - label: { - color: '#1a4245' - } - }, - formatter: function (params) { - var s = params[0].name + '<br />' - for (var i = 0; i < params.length; i++) { - // var name = params[i].name - // 鍥捐〃title鍚嶇О - var seriesName = params[i].seriesName - // 鍊� - var value = params[i].value[1] - // var valueFliter = this.formatter(value) - var maker = params[i].marker - if (seriesName === '浜屾哀鍖栫~') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>' - } else if (seriesName === '姘哀鍖栫墿') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>' - } else if (seriesName === '鐑熷皹') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' - } else if (seriesName === '娓╁害') { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#F206FF;"></span>' - } else { - maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4ec99c;"></span>' - } - s += maker + seriesName + ':' + value + '<br />' - } - return s - } - }, - toolbox: { // 鎵撳嵃绛夊伐鍏� - show: false, - feature: { - saveAsImage: {} - } - }, - grid: { // 缃戞牸 - top: '20%' - }, - legend: { - data: legend - }, - dataZoom: [{ - type: 'inside', - start: 0, - end: 100 - }, { - start: 0, - end: 100, - show: false, - handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', - handleSize: '80%', - handleStyle: { - color: '#fff', - shadowBlur: 3, - shadowColor: 'rgba(0, 0, 0, 0.6)', - shadowOffsetX: 2, - shadowOffsetY: 2 - } - }], - xAxis: { // x 杞磋缃� - type: 'time', - boundaryGap: false, - axisLabel: { // x杞村叏閮ㄦ樉绀� - // rotate: 20, - margin: 6, - interval: 0, - textStyle: { - color: '#fff' - } - }, - splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 - show: true, - lineStyle: { - type: 'dashed' - } - }, - axisTick: { // x 杞村埢搴︽樉绀� - show: false - }, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - // data: xdata - }, - yAxis: [{ - type: 'value', - name: yname, - max: function (value) { - var ma = value.max > 100 ? value.max : 100 - return parseInt(ma) - }, - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }, { // 娴侀噺杞� - type: 'value', - name: '搴熸皵娴侀噺(m3/h)', - axisLabel: { - formatter: '{value}', - textStyle: { - color: '#fff' - } - }, - axisPointer: { - snap: true - }, - splitLine: { - show: false - }, // y杞� 缃戞牸绾夸笉鏄剧ず, - axisLine: { - lineStyle: { - color: '#FFFFFF', - width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 - } - } - }], - series: serLists - } - console.log(option) - this.RealTimeChart.setOption(option) - // this.IntervalEXHRealTimeDate() - - // this.RealTimeChart.on('legendselectchanged', function (params) { - // var StdVal = null - // var op = { yAxis: {} } - // var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� - // if (exhbzzList && exhbzzList.length > 0) { - // $.each(exhbzzList, function (index, item) { - // params.selected[item.name] ? max_val_list.push(item.bzhui) : '' - // if (item.name === params.name) { - // item.name === 'VOCs' ? StdVal = 20 : StdVal = item.bzhui - // } - // }) - // } - // max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭 - // op.yAxis.max = function (value) { - // var ma = value.max < StdVal ? StdVal : Math.ceil(value.max) - // max_val_list ? ma = max_val_list[max_val_list.length - 1] : ''// 閫夋嫨鏈�澶у�� - // return ma - // } - // RealTimeChart.setOption(op) - // }) - // RealTimeChart.on('click', function (params) { - // var nowDate = new Date().Format() - // }) - }, - // getRtdb15s (unionTagCodeList, startTime, endTime, step, res) { - // if (this.res.length > 0) { - // // 澶勭悊鏁版嵁寮�濮� - // var d = res - // var nameList = [] // 瀛樻斁鍥句緥 - // - // var data // 鏁版嵁绫诲瀷// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} - // var datalist // 瀛樻斁data鐨勬暟缁� - // // var bzh = [] - // for (var i = 0; i < d.length; i++) { - // if (d[i].ErrorMessage != null) { - // continue - // } - // // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName - // - // if (nameList.length === 0) { - // nameList.push(name) - // - // var newdate = new Date(this.res.ReadTime) - // data = { - // name: name, - // value: [newdate, this.res.TagValue] - // } - // - // datalist = { - // name: name, - // data: [data] - // } - // - // this.EXHRealTimeDataList.push(datalist) - // } else if (nameList.indexOf(name) < 0) { - // nameList.push(name) - // - // // var newdate = new Date(d[i].ReadTime) - // - // data = { - // name: name, - // value: [newdate, d[i].TagValue] - // } - // datalist = { - // name: name, - // data: [data] - // } - // this.EXHRealTimeDataList.push(datalist) - // } else if (i === d.length - 1) { - // if (nameList.indexOf(name) < 0) { - // nameList.push(name) - // - // // var newdate = new Date(d[i].ReadTime) - // - // data = { - // name: name, - // value: [newdate, d[i].TagValue] - // } - // datalist = { - // name: name, - // data: [data] - // } - // // EXHRealTimeDataList.push(datalist) - // } else { - // // var newdate = new Date(d[i].ReadTime) - // data = { - // name: name, - // value: [newdate, d[i].TagValue] - // } - // for (var k = 0; k < this.EXHRealTimeDataList.length; k++) { - // if (this.EXHRealTimeDataList[k].name === name) { - // this.EXHRealTimeDataList[k].data.push(data) - // } - // } - // } - // } else { - // const newdate = new Date(d[i].ReadTime) - // data = { - // name: name, - // value: [newdate, d[i].TagValue] - // } - // for (let k = 0; k < this.EXHRealTimeDataList.length; k++) { - // if (this.EXHRealTimeDataList[k].name === name) { - // this.EXHRealTimeDataList[k].data.push(data) - // } - // } - // } - // } - // - // // var divid = 'mychart_ss' - // // var title = name - // var lengList = [] - // var objTemp - // - // for (var l = 0; l < nameList.length; l++) { - // var obj - // var iconurl - // if (nameList[l] === '浜屾哀鍖栫~') { - // iconurl = 'image://../assets/imgs/legend/SO2.png' - // } else if (nameList[l] === '姘哀鍖栫墿') { - // iconurl = 'image://../assets/imgs/legend/NOX.png' - // } else if (nameList[l] === '鐑熷皹') { - // iconurl = 'image://../assets/imgs/legend/YanChen.png' - // } else if (nameList[l] === '闈炵敳鐑锋�荤儍') { - // iconurl = 'image://../assets/imgs/legend/grn.png' - // } else if (nameList[l] === '娓╁害') { - // iconurl = 'image://../assets/imgs/legend/WenDu.png' - // } else { - // iconurl = 'image://../assets/imgs/legend/VOCs.png' - // } - // - // if (nameList[l] === '搴熸皵' || nameList[l] === '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� - // objTemp = { - // name: nameList[l], - // icon: iconurl, - // textStyle: { - // color: '#ccc' - // }, - // itemWidth: 20, - // itemHeight: 5 - // } - // } else { - // obj = { - // name: nameList[l], - // icon: iconurl, - // textStyle: { - // color: '#ccc' - // }, - // itemWidth: 20, - // itemHeight: 5 - // } - // lengList.push(obj) - // } - // } - // lengList.push(objTemp) - // - // this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) - // } - // }, - // 閽╁瓙璋冪敤瀹炴椂 - IntervalEXHRealTimeDate () { - // 瀹氭椂鍣ㄥ嚱鏁� - this.DrawEXHRealTimeDateChart() - setInterval(function () { - // $('.RealTime').empty() - this.startTime = dayjs().subtract(5, 'minute').format('YYYY-MM-DD HH:mm:ss') - this.endTime = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.step = '15' - // this.getRtdb15s(this.unionTagCodeList, this.startTime, this.endTime, this.step, this.res) - // PreQueryTime=endTime; - this.IntervalEXHRealTimeDate() - }, 15000) - } - - } -} -</script> - -<style scoped lang="less"> -.grid-content { - font-size: 8px; - background-color: #2e4967; - text-align: center; - border-radius: 2px; - margin-right: 10px; - padding:0 10px - >i{ - color: #ffffff; - } -} -.animation { - //width: 600px; - //height: 0.06rem; - .infomation { - padding: 5px 10px; - } -} -.form-echrts { - width: 100%; - border-top: 1px solid #396d83; - //margin: 10px 10px 10px 10px; - .from-search{ - display: flex; - padding:5px; - >div{margin-left: 10px} - .pickerMon{ - display: flex; - >div:first-child { - margin-right: 10px; - } - .pickerData{ - flex: 1; - display: flex; - >span{line-height: 22px} - .pickerTable { - margin-left: 3px; - } - } - } - /deep/.el-date-editor--datetime{ - width: 100%; - } - /deep/.el-input__inner{ - position: relative; - width:140px; - background-color: #2e4967; - color: #fff; - font-size: 12px; - height: 24px; - padding: 0; - border-color:#00fff6; - text-align: center; - z-index: 9999; - //padding-left:20px ; - //padding: 0!important; - } - /deep/.el-input__icon{ - display: block; - width: 140px; - height: 22px; - line-height: 22px; - cursor: pointer; - font-size: 0; - } - .echatsInput{ - color: #00ffff; - background-color: #2e4967; - border: none; - border-radius: 6px; - width: 80px; - height: 22px; - } - input::-webkit-calendar-picker-indicator { - opacity: 100; - } - .detailbtn{ - background-color:#2e4967; - text-align: center; - padding: 0 7px; - line-height: 20px; - border-radius: 4px; - margin-right: 6px; - } - } - .el-dialog-div { - //height: 50vh!important; - overflow: auto; - //overflow: hidden; - } - - #echarts { - margin: 0; - padding: 0; - //height: 3rem; - //border: 1px solid #396d83; - //margin: 10px 10px 10px 10px; - } -} -</style> diff --git a/src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue b/src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue deleted file mode 100644 index 98eba0a..0000000 --- a/src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue +++ /dev/null @@ -1,64 +0,0 @@ -<template> - <div class="PublicDetailedList"> - <el-table :data="tableData" max-height="500px" border> - <el-scrollbar style="height: 50vh"> - <el-table-column prop="OnLineMonEmissPointName" label="鎺掓斁鐐�"></el-table-column> - <el-table-column prop="MonTimeStr" label="鐩戞祴鏃堕棿"></el-table-column> - <el-table-column label="姘哀鍖栫墿"> - <el-table-column prop="MonQty" label="娴撳害(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="OrglQty" label="鎶樼畻鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="ConvertQty" label="鏍囧噯鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="EmissQty" label="鎺掓斁閲�(kg/h)" width="60"></el-table-column> - </el-table-column> - <el-table-column label="浜屾哀鍖栫~"> - <el-table-column prop="MonQty" label="娴撳害(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="OrglQty" label="鎶樼畻鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="ConvertQty" label="鏍囧噯鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="EmissQty" label="鎺掓斁閲�(kg/h)" width="60"></el-table-column> - </el-table-column> - <el-table-column label="鐑熷皹"> - <el-table-column prop="MonQty" label="娴撳害(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="OrglQty" label="鎶樼畻鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="ConvertQty" label="鏍囧噯鍊�(mg/m鲁)" width="60"></el-table-column> - <el-table-column prop="EmissQty" label="鎺掓斁閲�(kg/h)" width="60"></el-table-column> - </el-table-column> - <el-table-column label="搴熸皵娴侀噺"> - <el-table-column prop="StdValue" label="姘旈噺"></el-table-column> - </el-table-column> - </el-scrollbar> - </el-table> - </div> -</template> - -<script> -// import mapApi from '@/api/mapApi' -export default { - name: 'PublicDetailedList', - data () { - return { - tableData: [] - } - }, - created () { - // console.log(this.$attrs.value) - this.tableData = this.$attrs.getWasteGasDetails - // this.getWasteGasDetails() - // console.log(this.tableData) - // console.log(this.$attrs.getWasteGasDetails) - } - // methods: { - // async getWasteGasDetails () { - // const data = await mapApi.getWasteGasDetails - // this.tableData = data - // console.log(this.tableData) - // } - // } -} - -</script> - -<style scoped> -.PublicDetailedList{ - /*height: 100%*/ -} -</style> diff --git a/src/components/BaseNav/WasteGas/DayData.vue b/src/components/BaseNav/WasteGas/DayData.vue index f81ddbf..59a87ce 100644 --- a/src/components/BaseNav/WasteGas/DayData.vue +++ b/src/components/BaseNav/WasteGas/DayData.vue @@ -21,7 +21,7 @@ <el-select v-model="formData.region" placeholder="璇烽�夋嫨" style="width: 80px"> <el-option v-for="(item,index) in formData.regionList" :key="index" :label="item" :value="item"></el-option> </el-select> - <el-button>鏌ヨ</el-button> + <el-button @click="querySearch">鏌ヨ</el-button> <el-button>鏄庣粏琛�</el-button> </div> <div class="echarts-chart"> @@ -107,6 +107,9 @@ }) }, methods: { + querySearch () { + this.initnData() + }, async initnData () { const data = { onLineMonEmissPointId: 23, diff --git a/src/components/BaseNav/WasteGas/HourData.vue b/src/components/BaseNav/WasteGas/HourData.vue index 520590d..d9b6357 100644 --- a/src/components/BaseNav/WasteGas/HourData.vue +++ b/src/components/BaseNav/WasteGas/HourData.vue @@ -123,6 +123,7 @@ }, querySearch () { console.log('鏌ヨ') + this.initnData() }, async initnData () { const data = { @@ -353,6 +354,7 @@ }, CreateChart (id, title, legend, xdata, ydatas, yname, jcdID, datatype) { this.myChart = this.$echarts.init(this.$refs.wastegashour) + this.myChart.clear() // this.myChart .clear() let dataUnit = '' if (datatype === 1) { diff --git a/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue b/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue index 56bf366..4ebabc9 100644 --- a/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue +++ b/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue @@ -1,33 +1,34 @@ <template> - <div class="echarts-box"> - <div class="tab-scroll"> - <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> - <span class="time-select">{{ formData.timeStart }}鏃モ�攞{ formData.timeEnd }}鏃�</span> + <div class="echarts-box"> + <div class="tab-scroll"> + <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> + <span class="time-select">{{ formData.timeStart }}鏃モ�攞{ formData.timeEnd }}鏃�</span> + </div> + <div class="echarts-form"> + <span class="demonstration">寮�濮嬫椂闂达細</span> + <el-date-picker + v-model="formData.timeStart" + value-format="yyyy-MM-dd" + type="datetime"> + </el-date-picker> + <span class="demonstration">缁撴潫鏃堕棿锛�</span> + <el-date-picker + v-model="formData.timeEnd" + value-format="yyyy-MM-dd" + type="datetime"> + </el-date-picker> + <span class="demonstration">閲囨牱鐐规暟锛�</span> + <el-select v-model="formData.region" placeholder="璇烽�夋嫨" style="width: 80px"> + <el-option v-for="(item,index) in formData.regionList" :key="index" :label="item" + :value="item"></el-option> + </el-select> + <el-button @click="querySearch()">鏌ヨ</el-button> + <el-button>鏄庣粏琛�</el-button> + </div> + <div class="echarts-chart"> + <div style="width:5rem;height:1.5rem;" ref="echartsDay"></div> + </div> </div> - <div class="echarts-form"> - <span class="demonstration">寮�濮嬫椂闂达細</span> - <el-date-picker - v-model="formData.timeStart" - value-format="yyyy-MM-dd" - type="datetime"> - </el-date-picker> - <span class="demonstration">缁撴潫鏃堕棿锛�</span> - <el-date-picker - v-model="formData.timeEnd" - value-format="yyyy-MM-dd" - type="datetime"> - </el-date-picker> - <span class="demonstration">閲囨牱鐐规暟锛�</span> - <el-select v-model="formData.region" placeholder="璇烽�夋嫨" style="width: 80px"> - <el-option v-for="(item,index) in formData.regionList" :key="index" :label="item" :value="item"></el-option> - </el-select> - <el-button @click="querySearch()">鏌ヨ</el-button> - <el-button>鏄庣粏琛�</el-button> - </div> - <div class="echarts-chart"> - <div style="width:5rem;height:1.5rem;" ref="echartsDay"></div> - </div> - </div> </template> <script> @@ -104,7 +105,7 @@ }, methods: { querySearch () { - + this.draw24Chart() }, async draw24Chart () { const data = { @@ -389,8 +390,8 @@ } const option = { /* title: { - text: title, - }, */ + text: title, + }, */ tooltip: { // 鎻愮ず妗� trigger: 'axis', axisPointer: { diff --git a/src/components/BaseNav/WasteWater/WasteWaterHoursChart.vue b/src/components/BaseNav/WasteWater/WasteWaterHoursChart.vue index 8334982..4a33b5e 100644 --- a/src/components/BaseNav/WasteWater/WasteWaterHoursChart.vue +++ b/src/components/BaseNav/WasteWater/WasteWaterHoursChart.vue @@ -104,7 +104,7 @@ methods: { // 鐐瑰嚮鏌ヨ鍔熻兘 querySearch () { - + this.draw24Chart() }, // 鍒濆鍖栨暟鎹姹� async draw24Chart () { diff --git a/src/components/BaseNav/pipeline/AffiliatedFacilities.vue b/src/components/BaseNav/pipeline/AffiliatedFacilities.vue index 1c72337..7b12539 100644 --- a/src/components/BaseNav/pipeline/AffiliatedFacilities.vue +++ b/src/components/BaseNav/pipeline/AffiliatedFacilities.vue @@ -7,26 +7,29 @@ :visible.sync="dialogVisible" :append-to-body="true" :modal="false" - v-dialogDragBottom - > + v-dialogDragBottom + > <div class="search-panel"> <el-form ref="form" :model="form" label-width="90px" class="search-form"> <!-- <el-form-item label="绠$嚎淇℃伅锛�" size="mini" class="search-panel-item"> <div class="el-select el-select--mini">8888</div> </el-form-item> --> <el-form-item label="璁炬柦绫诲瀷锛�" size="mini" class="search-panel-item"> - <el-select style="width: 100%" v-model="dataType" value-key="code" @change="handleDataType" :popper-class="'select-down'"> - <el-option v-for="(item,index) in classification" :key="index" :label="item.name" :value="item"></el-option> + <el-select style="width: 100%" v-model="dataType" value-key="code" @change="handleDataType" + :popper-class="'select-down'"> + <el-option v-for="(item,index) in classification" :key="index" :label="item.name" + :value="item"></el-option> </el-select> </el-form-item> <div class="rightButtonSearch"> - <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input> + <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input> <el-button class="el-icon-search" @click="handleSearch"></el-button> </div> </el-form> </div> <el-scrollbar style="height:300px;"> - <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''"> + <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> @@ -52,7 +55,7 @@ import AjaxUtils from '@utils/AjaxUtils' import { LayerFsss } from '@src/conf/layers/LayerFsss' -console.log(LayerFsss, 8888888888) +// console.log(LayerFsss, 8888888888) export default { name: 'AffiliatedFacilities', data () { @@ -123,91 +126,101 @@ } </script> -<style lang="less"> -.affiliatedFacilities-dialog{ - width: calc(20% - 60px) !important; // calc(30% - 15px); - left: 60%; - .el-dialog__body{ - padding: 0.04rem; - .search-panel { - background-color: transparent; - padding: 10px; - border-bottom: 1px solid @background-color-split; - // .el-input{width:calc(100% - 40px);position: relative} - /deep/ input { - border-radius: 0; - background-color: @background-color-split; - border: solid 1px @color; - color: @color-gray; - font-size: 0.01rem; - padding: 0 15px; +<style lang="less"> + .affiliatedFacilities-dialog { + width: calc(20% - 60px) !important; // calc(30% - 15px); + left: 60%; - .el-select .el-input.is-focus .el-input__inner { + .el-dialog__body { + padding: 0.04rem; + + .search-panel { + background-color: transparent; + padding: 10px; + border-bottom: 1px solid @background-color-split; + // .el-input{width:calc(100% - 40px);position: relative} + /deep/ input { + border-radius: 0; + background-color: @background-color-split; + border: solid 1px @color; + color: @color-gray; + font-size: 0.01rem; + padding: 0 15px; + + .el-select .el-input.is-focus .el-input__inner { + border-color: @color; + } + } + + .el-form-item__label { + color: #00fff6 + } + + .el-input__inner { + background: none; + color: #fff; + font-size: 14px; + border-radius: 0; border-color: @color; + background: rgba(0, 16, 30, .5); } } - .el-form-item__label{ - color:#00fff6 - } - .el-input__inner { - background: none; - color: #fff; - font-size: 14px; - border-radius: 0; - border-color: @color; - background: rgba(0, 16, 30, .5); - } - } - /*input 鐐瑰嚮鎼滅储鏍峰紡*/ - .rightButtonSearch { - display: flex; - justify-content: space-between; - align-items: center; + /*input 鐐瑰嚮鎼滅储鏍峰紡*/ - .el-input { - margin-right: 10px + .rightButtonSearch { + display: flex; + justify-content: space-between; + align-items: center; + + .el-input { + margin-right: 10px + } + + .el-icon-search { + width: 40px; + border: 1px solid @color; + height: 28px; + line-height: 28px; + text-align: center; + color: #fff; + border-radius: 2px; + cursor: pointer; + background: rgba(0, 16, 30, .5); + padding: 0; + } } - .el-icon-search { - width: 40px; - border: 1px solid @color; - height: 28px; - line-height: 28px; - text-align: center; - color: #fff; - border-radius: 2px; - cursor: pointer; - background: rgba(0, 16, 30, .5); - padding: 0; - } - } - .environmental-risk-list { - position: relative; - padding-left: 50px; - padding-top: 5px; - padding-bottom: 5px; - color: @color-shadow; - border-bottom: 1px solid @background-color-split; - h3{ cursor: pointer;} - .state { - width: 30px; - height: 30px; - position: absolute; - top: 50%; - left: 10px; - margin-top: -15px; - border-radius: 50%; - box-shadow: 0 0 3px #000; - background: #0B3B6D; - } - } + .environmental-risk-list { + position: relative; + padding-left: 50px; + padding-top: 5px; + padding-bottom: 5px; + color: @color-shadow; + border-bottom: 1px solid @background-color-split; - .environmental-risk-list.hover, - .environmental-risk-list:hover { - color: @color-highlight; - background: @background-color; + h3 { + cursor: pointer; + } + + .state { + width: 30px; + height: 30px; + position: absolute; + top: 50%; + left: 10px; + margin-top: -15px; + border-radius: 50%; + box-shadow: 0 0 3px #000; + background: #0B3B6D; + } + } + + .environmental-risk-list.hover, + .environmental-risk-list:hover { + color: @color-highlight; + background: @background-color; + } } } -} -</style > +</style> diff --git a/src/components/LayerController/logic/EnterpriseEmergency.js b/src/components/LayerController/logic/EnterpriseEmergency.js index 6ebead1..ab7cc6c 100644 --- a/src/components/LayerController/logic/EnterpriseEmergency.js +++ b/src/components/LayerController/logic/EnterpriseEmergency.js @@ -2,6 +2,28 @@ * 浼佷笟搴旀�� */ -module.exports = function () { +// 浣跨敤灏佽鏂规硶 +const AnimalService = require('../service/AnimalService').default +module.exports = function () { + this.init = async (layer, L) => { + this.animalService = new AnimalService({ + L: L, + layer: layer + }) + } + this.bindTooltip = (layer) => { + return 'layer' + } + this.click = () => { + window.$layer.open({ + content: { + content: 'Popup', // 缁勪欢 + data: { // 浼犻�掔殑鍙傛暟 + datas: 'popupDatas' + } + }, + title: '' + }) + } } diff --git a/src/components/LayerController/logic/WasteGasChats.js b/src/components/LayerController/logic/WasteGasChats.js deleted file mode 100644 index 50c0975..0000000 --- a/src/components/LayerController/logic/WasteGasChats.js +++ /dev/null @@ -1,2745 +0,0 @@ -// -// export default { -// /** -// * 璇诲彇搴熸皵鐩戞祴鐐圭殑浜哄伐鏁版嵁 -// * @param labMonPointId -// */ -// function drawExhRGTableFromLabMonData (epsGisMonPointId) { -// $('.RealTime').empty() -// var dateUtil = new DateUtil() -// var datePkg = dateUtil.getTowDate(new Date(), 'b', 365 * 24 * 3600000) -// -// var service = new WsEPMapService() // 璇诲彇浜哄伐绔欑偣淇℃伅 -// var BBZMAPPING = {} -// var labMonPointId = '' -// service.QueryMonPointDetailSync({ -// epsGisMonPointId: epsGisMonPointId -// }, -// function (result) { -// service.InterfaceLog('effluent.drawEffRGTableFromLabMonData.QueryMonPointDetailSync', result, function (data) { -// if (data.WastewaterGasItemList) { -// for (var i = 0, len = data.WastewaterGasItemList.length; i < len; ++i) { -// if (data.WastewaterGasItemList[i].DataType == 3) { -// BBZMAPPING[data.WastewaterGasItemList[i].PorltName] = data.WastewaterGasItemList[i].StdValueUpLimit -// } -// } -// labMonPointId = data.WastewaterGasPoint.LabMonPointId -// } -// }) -// }) -// -// service.QueryLabMonData({ -// companyId: permCompanyInfo.ConpanyId, -// companyCode: '', -// poltSourceId: '', -// labMonPointId: labMonPointId, -// poltMtrlId: '', -// monItemId: '28,31', -// emissTypeId: '', -// beginTime: datePkg.dateTime1FullStr, -// endTime: datePkg.dateTime2FullStr -// }, function (result) { -// service.InterfaceLog('exhaust.drawRGTableFromLabMonData.QueryLabMonData', result, function (items) { -// var rgsj = items -// var data = [] -// var dataMap = {} -// for (var i = 0, len = rgsj.length; i < len; i++) { // 璇诲彇鏉$洰鏁版嵁 -// var rgdata = rgsj[i] -// -// if (rgdata.ErrorMessage != null) { -// continue -// } -// -// var timeTag = rgdata.LabMonTime.replace('T', ' ') -// if (!dataMap[timeTag]) { // 濡傛灉鍚屼竴鏃堕棿杩樻病鏈夋暟鎹紝鍒欑洿鎺ユ坊鍔犱竴涓┖鏁版嵁銆� -// dataMap[timeTag] = { S_SAMPLED_DATE: '' + timeTag } -// } -// // 寰�鏁版嵁涓坊鍔犲睘鎬ф暟鎹� -// var el = dataMap[timeTag] -// el[rgdata.PoltMtrlName + '_VAL'] = rgdata.LabMonValue -// el[rgdata.PoltMtrlName + '_BBZ'] = BBZMAPPING[rgdata.PoltMtrlName] -// } -// -// for (var p in dataMap) { -// data.push(dataMap[p]) -// } -// // 鍓嶉潰鏄敾琛ㄦ牸 -// _drawRenGongDataTableGas2('mychart_rgjc', data, BBZMAPPING) -// -// // $("#mychart_rgjc").addClass("active in scrollbar-macosx hc"); -// $('#mychart_rgjc,.scrollbar-macosx').scrollbar() -// -// var html = '' -// if (data.length > 0) { -// for (var p in BBZMAPPING) { -// html += '<span>' + p + ':</span><span style="color: yellow">' + (data[0][p + '_VAL'] != null ? data[0][p + '_VAL'] : '--') + '</span> 鏍囧噯:<span style="color: #fff">' + (data[0][p + '_BBZ'] != null ? data[0][p + '_BBZ'] : '--') + ' </span>' -// } -// } -// -// setTimeout(function () { -// $('.RealTime').append(html) -// }, 1000) // 鍘熺増璁剧疆鏃堕棿鏄� 5s -// }) -// }) -// } -// -// /** -// * 鍘熺増15s瀹氭椂浠诲姟 -// * @param sid -// * @constructor -// */ -// /* function IntervalEXHRealTimeDate(sid) { -// -// IntervId=sid; -// -// if(!interValHander){ -// interValHander=setInterval(function () { -// -// var serverTime = GetSysTimeFromServer(); -// var service = new WsEPMapService(); -// var dateUtil = new DateUtil(); -// var datePkg = dateUtil.getTowDate(serverTime, "b", "300000"); -// var startTime = datePkg.dateTime1FullStr; -// var endTime = datePkg.dateTime2FullStr; -// -// var UTagCodList; -// -// for(var i=0;i<CFG.DATA_EXHAUST_POINT.length;i++){ -// if(IntervId==CFG.DATA_EXHAUST_POINT[i].id){ -// var TagCodeString= dataUtil.getAllPropName(CFG.DATA_EXHAUST_POINT[i].realtimeTags); -// // console.log(TagCodeString); -// UTagCodList=TagCodeString; -// } -// } -// -// var unionTagCodeList= UTagCodList;//'RT_TJ.yyqAI90303,RT_TJ.yyqAI90304,RT_TJ.yyqAI90305'; -// -// //var unionTagCodeList = 'RT_TJ.yyqAI90303,RT_TJ.yyqAI90304,RT_TJ.yyqAI90305'; -// -// var step = '15'; -// -// getRealTimeData15s(unionTagCodeList, startTime, endTime, step, function (res) { -// -// var d= res; -// -// var data; -// -// var SO2BZZ,NOXBZZ,YCBZZ,S02T,NOXT,MATTR,VOCsBZZ,VOCsT; -// -// for(var i=0;i<d.length;i++){ -// -// var name; -// -// name=CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode]["TagName"]; -// -// if(name=='浜屾哀鍖栫~'){ -// S02T=d[i].TagValue.toFixed(2); -// -// for(var n=0;n<StdValueList.length;n++){ -// if(name==StdValueList[n].name){ -// SO2BZZ=StdValueList[n].stdV; -// } -// } -// -// }else if( name=='鐑熷皹'){ -// MATTR=d[i].TagValue.toFixed(2); -// for(var n=0;n<StdValueList.length;n++){ -// if(name==StdValueList[n].name){ -// YCBZZ=StdValueList[n].stdV; -// } -// } -// }else if(name=='姘哀鍖栫墿'){ -// NOXT=d[i].TagValue.toFixed(2); -// for(var n=0;n<StdValueList.length;n++){ -// if(name==StdValueList[n].name){ -// NOXBZZ=StdValueList[n].stdV; -// } -// } -// }else if(name=='VOCs'){ -// if(d[i].TagValue!=null){ -// VOCsT=d[i].TagValue.toFixed(2); -// }else { -// VOCsT=d[i].TagValue; -// } -// -// for(var n=0;n<StdValueList.length;n++){ -// if(name==StdValueList[n].name){ -// VOCsBZZ=StdValueList[n].stdV; -// } -// } -// } -// -// var newdate= new Date(d[i].ReadTime); -// -// data={ -// name:name, -// value:[newdate,d[i].TagValue] -// } -// -// for(var j=0;j<EXHRealTimeDataList.length;j++){ -// if(name==EXHRealTimeDataList[j].name){ -// EXHRealTimeDataList[j].data.shift(); -// EXHRealTimeDataList[j].data.push(data); -// } -// } -// } -// -// if(d.length!=0){ -// -// $(".RealTime").empty(); -// var SO2Html='',NOXHtml='',YCHtml='',VOCsHtml=''; -// -// if(S02T!=null){ -// SO2Html='<span>浜屾哀鍖栫~:</span><span style="color: yellow">'+S02T+ "</span> 鏍囧噯:<span style=\"color: #fff\">"+SO2BZZ+' </span>'; -// } -// if(NOXT!=null){ -// NOXHtml= '<span>姘哀鍖栫墿:</span><span style="color: yellow">'+NOXT+ "</span> 鏍囧噯:<span style=\"color: #fff\">"+NOXBZZ+' </span>'; -// } -// if(MATTR!=null){ -// YCHtml='<span>鐑熷皹:</span><span style="color: yellow">'+MATTR+ "</span> 鏍囧噯:<span style=\"color: #fff\">"+YCBZZ+' </span>'; -// } -// if(VOCsT!=null){ -// if(VOCsBZZ==null){ -// VOCsBZZ=20; -// } -// VOCsHtml='<span>VOCs:</span><span style="color: yellow">'+VOCsT+ "</span> 鏍囧噯:<span style=\"color: #fff\">"+VOCsBZZ+' </span>'; -// } -// -// var RealTimehtml= SO2Html+NOXHtml+YCHtml+VOCsHtml; -// -// $(".RealTime").append(RealTimehtml); -// -// var seriList=[]; -// -// for(var s=0;s<EXHRealTimeDataList.length;s++){ -// var obj={ -// data:EXHRealTimeDataList[s].data -// } -// seriList.push(obj); -// } -// -// RealTimeChart.setOption({ -// series: seriList -// }); -// } -// -// if(d.length!=0){ -// PreQueryTime=endTime; -// } -// -// }); -// }, 15 * 1000) -// } -// } */ -// -// function IntervalEXHRealTimeDate (id, unionTagCodeList, BBZMAPPING) { -// interValHander = setInterval(function () { -// $('.RealTime').empty() -// exhbzz = null, exhbzzList = [], EXHRealTimeDataList = [] -// // 鑾峰彇褰撳墠鏃堕棿 -// var serverTime = GetSysTimeFromServer() -// var dateUtil = new DateUtil() -// // 寰楀埌5鍒嗛挓鍓嶇殑鏄椂闂� -// var datePkg = dateUtil.getTowDate(serverTime, 'b', '300000') -// var startTime = datePkg.dateTime1RTDB -// var endTime = datePkg.dateTime2RTDB -// -// var step = '15' -// // PreQueryTime=endTime; -// -// getRtdb15s(unionTagCodeList, startTime, endTime, step, function (res) { -// if (res.length > 0) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// -// var data // 鏁版嵁绫诲瀷// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} -// var datalist // 瀛樻斁data鐨勬暟缁� -// var bzh = [] -// for (var i = 0; i < d.length; i++) { -// if (d[i].ErrorMessage != null) { -// continue -// } -// var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName -// -// if (nameList.length == 0) { -// nameList.push(name) -// -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// -// datalist = { -// name: name, -// data: [data] -// } -// -// EXHRealTimeDataList.push(datalist) -// } else if (nameList.indexOf(name) < 0) { -// nameList.push(name) -// -// var newdate = new Date(d[i].ReadTime) -// -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// datalist = { -// name: name, -// data: [data] -// } -// EXHRealTimeDataList.push(datalist) -// } else if (i == d.length - 1) { -// if (nameList.indexOf(name) < 0) { -// nameList.push(name) -// -// var newdate = new Date(d[i].ReadTime) -// -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// datalist = { -// name: name, -// data: [data] -// } -// EXHRealTimeDataList.push(datalist) -// } else { -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// for (var k = 0; k < EXHRealTimeDataList.length; k++) { -// if (EXHRealTimeDataList[k].name == name) { -// EXHRealTimeDataList[k].data.push(data) -// } -// } -// } -// } else { -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// for (var k = 0; k < EXHRealTimeDataList.length; k++) { -// if (EXHRealTimeDataList[k].name == name) { -// EXHRealTimeDataList[k].data.push(data) -// } -// } -// } -// } -// -// var divid = 'mychart_ss' -// var title = name -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// var ydata -// for (var m = 0; m < EXHRealTimeDataList.length; m++) { -// var stdValue = null -// if (EXHRealTimeDataList[m].name == nameList[j]) { -// for (var p in BBZMAPPING) { -// stdValue = BBZMAPPING[EXHRealTimeDataList[m].name] -// } -// -// ydata = { -// name: nameList[j], -// data: EXHRealTimeDataList[m].data, -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: stdValue -// } -// exhbzz = { -// name: nameList[j], -// bzhui: stdValue -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// } -// } -// -// var yname = '娴撳害(mg/m鲁)' -// -// var html = '' -// -// for (var n = 0; n < ydatas.length; n++) { -// var VAL = '' -// var BBZ = BBZMAPPING[ydatas[n].name] -// for (var m = 0; m < ydatas[n].data.length; m++) { -// VAL = ydatas[n].data[ydatas[n].data.length - 1].value[1] -// } -// if (ydatas[n].name == '搴熸皵' || ydatas[n].name == '搴熸皵娴侀噺' || ydatas[n].name == '娓╁害') { -// html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + ' </span>' -// } else { -// html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + '</span> 鏍囧噯:<span style="color: #fff">' + (BBZ != null ? (BBZ) : '--') + ' </span>' -// } -// } -// -// $('.RealTime').append(html) -// -// DrawEXHRealTimeDateChart(divid, title, legend, ydatas, yname) -// } -// }) -// }, 15000) -// } -// -// /** -// * 鐢诲疄鏃舵暟鎹� -// * @param id -// * @param name -// */ -// function drawEXHRealTimeDataChart (id) { -// $('.RealTime').empty() -// // 瀹炴椂鏁版嵁鍒濆鍖栨椂锛屾竻绌烘椂闂存煡璇㈡潯浠� -// $('#echart_kssj').val('') -// $('#echart_jssj').val('') -// -// exhbzz = null, exhbzzList = [], EXHRealTimeDataList = [] -// // 鑾峰彇褰撳墠鏃堕棿 -// var serverTime = GetSysTimeFromServer() -// var dateUtil = new DateUtil() -// // 寰楀埌5鍒嗛挓鍓嶇殑鏄椂闂� -// var datePkg = dateUtil.getTowDate(serverTime, 'b', '300000') -// var startTime = datePkg.dateTime1RTDB -// var endTime = datePkg.dateTime2RTDB -// var step = '15' -// -// var BBZMAPPING = {} -// var service = new WsEPMapService() -// service.QueryMonPointDetailSync({ -// epsGisMonPointID: id -// }, function (result) { -// service.InterfaceLog('exhaust.drawEXHRealTimeDataChart.QueryMonPointDetailSync', result, function (data) { -// CFG.DATA_REALTIME_TAGCODETABLE = {} -// var UTagCodList = '' -// if (data.WastewaterGasItemList) { -// for (var i = 0, len = data.WastewaterGasItemList.length; i < len; ++i) { -// if (data.WastewaterGasItemList[i].DataType == 1) { -// UTagCodList += data.WastewaterGasItemList[i].TagCode + ',' -// CFG.DATA_REALTIME_TAGCODETABLE[data.WastewaterGasItemList[i].TagCode] = { TagName: data.WastewaterGasItemList[i].PorltName, belong: data.WastewaterGasPoint } -// BBZMAPPING[data.WastewaterGasItemList[i].PorltName] = data.WastewaterGasItemList[i].StdValueUpLimit -// } -// } -// if (UTagCodList.length > 0) { -// unionTagCodeList = UTagCodList.substring(0, UTagCodList.length - 1) -// } -// } -// }) -// }) -// -// getRtdb15s(unionTagCodeList, startTime, endTime, step, function (res) { -// if (res.length > 0) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// -// var data // 鏁版嵁绫诲瀷// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} -// var datalist // 瀛樻斁data鐨勬暟缁� -// var bzh = [] -// for (var i = 0; i < d.length; i++) { -// if (d[i].ErrorMessage != null) { -// continue -// } -// -// var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName -// -// if (nameList.length == 0) { -// nameList.push(name) -// -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// -// datalist = { -// name: name, -// data: [data] -// } -// -// EXHRealTimeDataList.push(datalist) -// // bzh.push(d[i].StdValue); -// } else if (nameList.indexOf(name) < 0) { -// nameList.push(name) -// // bzh.push(d[i].StdValue); -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// datalist = { -// name: name, -// data: [data] -// } -// EXHRealTimeDataList.push(datalist) -// } else if (i == d.length - 1) { -// if (nameList.indexOf(name) < 0) { -// nameList.push(name) -// // bzh.push(d[i].StdValue); -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// datalist = { -// name: name, -// data: [data] -// } -// EXHRealTimeDataList.push(datalist) -// } else { -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// for (var k = 0; k < EXHRealTimeDataList.length; k++) { -// if (EXHRealTimeDataList[k].name == name) { -// EXHRealTimeDataList[k].data.push(data) -// } -// } -// } -// } else { -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// for (var k = 0; k < EXHRealTimeDataList.length; k++) { -// if (EXHRealTimeDataList[k].name == name) { -// EXHRealTimeDataList[k].data.push(data) -// } -// } -// } -// } -// -// var divid = 'mychart_ss' -// var title = name -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList -// // var xdata =dateList; -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// var ydata -// for (var m = 0; m < EXHRealTimeDataList.length; m++) { -// var stdValue = null -// -// if (EXHRealTimeDataList[m].name == nameList[j]) { -// for (var p in BBZMAPPING) { -// stdValue = BBZMAPPING[EXHRealTimeDataList[m].name] -// } -// ydata = { -// name: nameList[j], -// data: EXHRealTimeDataList[m].data, -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: stdValue -// } -// exhbzz = { -// name: nameList[j], -// bzhui: stdValue -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// } -// } -// -// var yname = '娴撳害(mg/m鲁)' -// -// var html = '' -// -// for (var n = 0; n < ydatas.length; n++) { -// var VAL = '' -// var BBZ = BBZMAPPING[ydatas[n].name] -// for (var m = 0; m < ydatas[n].data.length; m++) { -// VAL = ydatas[n].data[ydatas[n].data.length - 1].value[1] -// } -// if (ydatas[n].name == '搴熸皵' || ydatas[n].name == '搴熸皵娴侀噺' || ydatas[n].name == '娓╁害') { -// html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + ' </span>' -// } else { -// html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + '</span> 鏍囧噯:<span style="color: #fff">' + (BBZ != null ? (BBZ) : '--') + ' </span>' -// } -// } -// $('.RealTime').append(html) -// -// DrawEXHRealTimeDateChart(divid, title, legend, ydatas, yname) -// -// IntervalEXHRealTimeDate(id, unionTagCodeList, BBZMAPPING) -// } -// }) -// } -// -// /** -// * 鐢诲疄鏃舵暟鎹姌绾垮浘 -// * */ -// function DrawEXHRealTimeDateChart (id, title, legend, ydatas, yname) { -// RealTimeChart = echarts.init(document.getElementById(id)) -// var serLists = [] -// for (var i = 0; i < ydatas.length; i++) { -// var zdcbcolor = ydatas[i].zdcbcolor -// var bz = ydatas[i].bzz -// var obj -// if (bz) { -// obj = { -// name: ydatas[i].name, -// // symbol:'circle', // 鎶樼偣褰㈢姸 -// // symbolSize: 10, //澶у皬 -// smooth: true, // 鐩寸嚎 锛宼rue 涓烘洸绾� -// itemStyle: { -// normal: { -// color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� -// var biaozhuiz -// for (var i = 0; i < exhbzzList.length; i++) { -// if (exhbzzList[i].name == c.seriesName) { -// biaozhuiz = exhbzzList[i].bzhui -// } -// } -// if (c.value[1] > biaozhuiz) { -// return zdcbcolor -// } else if (c.value[1] > biaozhuiz * 0.9) { -// return '#FFA500' -// } else { -// return '#33c95f' -// } -// }, -// lineStyle: { // 鎶樼嚎鐨勯鑹� -// color: ydatas[i].zxcolor, -// width: 2 -// }, -// // borderColor:'black', //鎶樼偣杈规鐨勯鑹� -// label: { // 鏄剧ず鍊� -// show: false -// } -// } -// }, -// type: 'line', -// data: ydatas[i].data, -// markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺 -// symbol: 'none', -// data: [{ -// label: { -// normal: { -// position: 'end', -// formatter: ''// ydatas[i].name+'鏍囧噯鍊�' //+'{c}' -// } -// }, -// name: '鏍囧噯鍊�', -// yAxis: bz, -// lineStyle: { -// color: ydatas[i].zxcolor, -// type: 'dashed', -// width: 2 -// } -// }] -// } -// } -// } else { -// obj = { -// name: ydatas[i].name, -// // symbol:'circle', // 鎶樼偣褰㈢姸 -// // symbolSize: 10, //澶у皬 -// smooth: true, // 鐩寸嚎 锛宼rue 涓烘洸绾� -// itemStyle: { -// normal: { -// color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹� -// return '#33c95f' -// }, -// lineStyle: { // 鎶樼嚎鐨勯鑹� -// color: ydatas[i].zxcolor, -// width: 2 -// }, -// // borderColor:'black', //鎶樼偣杈规鐨勯鑹� -// label: { // 鏄剧ず鍊� -// show: false -// } -// } -// }, -// type: 'line', -// data: ydatas[i].data -// } -// } -// if (ydatas[i].name == '搴熸皵娴侀噺' || ydatas[i].name == '搴熸皵') { -// obj.yAxisIndex = 1 -// } -// serLists.push(obj) -// } -// var option = { -// /* title: { -// text: title, -// }, */ -// tooltip: { // 鎻愮ず妗� -// trigger: 'axis', -// axisPointer: { -// type: 'cross', -// label: { -// color: '#1a4245' -// } -// }, -// formatter: function (params) { -// var s = params[0].name + '<br />' -// for (var i = 0; i < params.length; i++) { -// // var name = params[i].name -// // 鍥捐〃title鍚嶇О -// var seriesName = params[i].seriesName -// // 鍊� -// var value = params[i].value[1] -// -// var valueFliter = formatter(value) -// -// var maker = params[i].marker -// if (seriesName == '浜屾哀鍖栫~') { -// maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>' -// } else if (seriesName == '姘哀鍖栫墿') { -// maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>' -// } else if (seriesName == '鐑熷皹') { -// maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' -// } else if (seriesName == '娓╁害') { -// maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#F206FF;"></span>' -// } else { -// maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4ec99c;"></span>' -// } -// s += maker + seriesName + ':' + valueFliter + '<br />' -// } -// return s -// } -// }, -// toolbox: { // 鎵撳嵃绛夊伐鍏� -// show: false, -// feature: { -// saveAsImage: {} -// } -// }, -// grid: { // 缃戞牸 -// top: '20%' -// }, -// legend: { -// data: legend -// }, -// dataZoom: [{ -// type: 'inside', -// start: 0, -// end: 100 -// }, { -// start: 0, -// end: 100, -// show: false, -// handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', -// handleSize: '80%', -// handleStyle: { -// color: '#fff', -// shadowBlur: 3, -// shadowColor: 'rgba(0, 0, 0, 0.6)', -// shadowOffsetX: 2, -// shadowOffsetY: 2 -// } -// }], -// xAxis: { // x 杞磋缃� -// type: 'time', -// boundaryGap: false, -// axisLabel: { // x杞村叏閮ㄦ樉绀� -// // rotate: 20, -// margin: 6, -// interval: 0, -// textStyle: { -// color: '#fff' -// } -// }, -// splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 -// show: true, -// lineStyle: { -// type: 'dashed' -// } -// }, -// axisTick: { // x 杞村埢搴︽樉绀� -// show: false -// }, -// axisLine: { -// lineStyle: { -// color: '#FFFFFF', -// width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 -// } -// } -// // data: xdata -// }, -// yAxis: [{ -// type: 'value', -// name: yname, -// max: function (value) { -// var ma = value.max > 100 ? value.max : 100 -// return parseInt(ma) -// }, -// axisLabel: { -// formatter: '{value}', -// textStyle: { -// color: '#fff' -// } -// }, -// axisPointer: { -// snap: true -// }, -// splitLine: { -// show: false -// }, // y杞� 缃戞牸绾夸笉鏄剧ず, -// axisLine: { -// lineStyle: { -// color: '#FFFFFF', -// width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 -// } -// } -// }, { // 娴侀噺杞� -// type: 'value', -// name: '搴熸皵娴侀噺(m3/h)', -// axisLabel: { -// formatter: '{value}', -// textStyle: { -// color: '#fff' -// } -// }, -// axisPointer: { -// snap: true -// }, -// splitLine: { -// show: false -// }, // y杞� 缃戞牸绾夸笉鏄剧ず, -// axisLine: { -// lineStyle: { -// color: '#FFFFFF', -// width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑 -// } -// } -// }], -// series: serLists -// } -// RealTimeChart.setOption(option) -// -// RealTimeChart.on('legendselectchanged', function (params) { -// var StdVal = null -// var op = { yAxis: {} } -// var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊� -// if (exhbzzList && exhbzzList.length > 0) { -// $.each(exhbzzList, function (index, item) { -// params.selected[item.name] ? max_val_list.push(item.bzhui) : '' -// if (item.name == params.name) { -// item.name == 'VOCs' ? StdVal = 20 : StdVal = item.bzhui -// } -// }) -// } -// max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭 -// op.yAxis.max = function (value) { -// var ma = value.max < StdVal ? StdVal : Math.ceil(value.max) -// max_val_list ? ma = max_val_list[max_val_list.length - 1] : ''// 閫夋嫨鏈�澶у�� -// return ma -// } -// RealTimeChart.setOption(op) -// }) -// RealTimeChart.on('click', function (params) { -// var nowDate = new Date().Format() -// }) -// } -// -// function dateControl_echart () { -// laydate.render({ -// elem: '#echart_kssj', // 鎸囧畾鍏冪礌 -// type: 'datetime' -// }) -// laydate.render({ -// elem: '#echart_jssj', // 鎸囧畾鍏冪礌 -// type: 'datetime' -// }) -// -// // 搴熸按搴熸皵鍦ㄧ嚎鏁版嵁鍒囨崲 -// laydate.render({ -// elem: '#riqi_24', // 鎸囧畾鍏冪礌 -// type: 'date', -// max: new Date().Format('yyyy-MM-dd') -// }) -// laydate.render({ -// elem: '#riqi_month', // 鎸囧畾鍏冪礌 -// type: 'month', -// max: new Date().Format('yyyy-MM-dd') -// }) -// } -// -// function fqDateControl_detail () { -// laydate.render({ -// elem: '#fq_kssj', // 鎸囧畾鍏冪礌 -// type: 'datetime' -// }) -// laydate.render({ -// elem: '#fq_jssj', // 鎸囧畾鍏冪礌 -// type: 'datetime' -// }) -// } -// -// function queryZDYDate (id) { -// if (interValHander) { -// clearInterval(interValHander) -// } -// exhbzz = null, exhbzzList = [] -// EXHRealTimeDataList = [] -// var ksrq = $('#echart_kssj')[0].value -// var jsri = $('#echart_jssj')[0].value -// var step_select = $('#step')[0].value -// if (ksrq + jsri == dbl_click) return -// dbl_click = ksrq + jsri -// -// // 璁$畻step -// var ksTime = new Date(ksrq.replace(/-/g, '/')).getTime() -// var jsTime = new Date(jsri.replace(/-/g, '/')).getTime() -// var cha = Math.abs(jsTime - ksTime) -// var jsStep = parseInt((cha / step_select) / 1000) -// // 璁$畻step -// -// var dateUtil = new DateUtil() -// var startTime = dateUtil.format(new Date(ksrq.replace(/-/g, '/')), 'yyyyMMddhhmmss') -// var endTime = dateUtil.format(new Date(jsri.replace(/-/g, '/')), 'yyyyMMddhhmmss') -// -// var unionTagCodeList = '' -// var BBZMAPPING = {} -// var service = new WsEPMapService() -// service.QueryMonPointDetailSync({ -// epsGisMonPointID: id -// }, function (result) { -// service.InterfaceLog('effluent.drawRealTimeDataChart.QueryMonPointDetailSync', result, function (data) { -// CFG.DATA_REALTIME_TAGCODETABLE = {} -// var UTagCodList = '' -// if (data.WastewaterGasItemList) { -// for (var i = 0, len = data.WastewaterGasItemList.length; i < len; ++i) { -// if (data.WastewaterGasItemList[i].DataType == 1) { -// UTagCodList += data.WastewaterGasItemList[i].TagCode + ',' -// CFG.DATA_REALTIME_TAGCODETABLE[data.WastewaterGasItemList[i].TagCode] = { TagName: data.WastewaterGasItemList[i].PorltName, belong: data.WastewaterGasPoint } -// BBZMAPPING[data.WastewaterGasItemList[i].PorltName] = data.WastewaterGasItemList[i].StdValueUpLimit -// } -// } -// if (UTagCodList.length > 0) { -// unionTagCodeList = UTagCodList.substring(0, UTagCodList.length - 1) -// } -// } -// }) -// }) -// -// var step = jsStep -// getRtdb15s(unionTagCodeList, startTime, endTime, step, function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// -// var data // 鏁版嵁绫诲瀷// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} -// var datalist // 瀛樻斁data鐨勬暟缁� -// var bzh = [] -// for (var i = 0; i < d.length; i++) { -// if (d[i].ErrorMessage != null) { -// continue -// } -// -// var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName -// if (nameList.length == 0) { -// nameList.push(name) -// -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// -// datalist = { -// name: name, -// data: [data] -// } -// EXHRealTimeDataList.push(datalist) -// } else if (nameList.indexOf(name) < 0) { -// nameList.push(name) -// -// var newdate = new Date(d[i].ReadTime) -// -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// datalist = { -// name: name, -// data: [data] -// } -// EXHRealTimeDataList.push(datalist) -// } else if (i == d.length - 1) { -// if (nameList.indexOf(name) < 0) { -// nameList.push(name) -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// datalist = { -// name: name, -// data: [data] -// } -// EXHRealTimeDataList.push(datalist) -// } else { -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// for (var k = 0; k < EXHRealTimeDataList.length; k++) { -// if (EXHRealTimeDataList[k].name == name) { -// EXHRealTimeDataList[k].data.push(data) -// } -// } -// } -// } else { -// var newdate = new Date(d[i].ReadTime) -// data = { -// name: name, -// value: [newdate, d[i].TagValue] -// } -// for (var k = 0; k < EXHRealTimeDataList.length; k++) { -// if (EXHRealTimeDataList[k].name == name) { -// EXHRealTimeDataList[k].data.push(data) -// } -// } -// } -// } -// -// var divid = 'mychart_ss' -// var title = name -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// var ydata -// for (var m = 0; m < EXHRealTimeDataList.length; m++) { -// var stdValue = null -// if (EXHRealTimeDataList[m].name == nameList[j]) { -// for (var p in BBZMAPPING) { -// stdValue = BBZMAPPING[EXHRealTimeDataList[m].name] -// } -// ydata = { -// name: nameList[j], -// data: EXHRealTimeDataList[m].data, -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: stdValue -// } -// exhbzz = { -// name: nameList[j], -// bzhui: stdValue -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// } -// } -// -// var yname = '娴撳害(mg/m鲁)' -// -// $('.RealTime').empty() -// -// var html = '' -// for (var n = 0; n < ydatas.length; n++) { -// var VAL = '' -// var BBZ = BBZMAPPING[ydatas[n].name] -// for (var m = 0; m < ydatas[n].data.length; m++) { -// VAL = ydatas[n].data[ydatas[n].data.length - 1].value[1] -// } -// if (ydatas[n].name == '搴熸皵' || ydatas[n].name == '搴熸皵娴侀噺' || ydatas[n].name == '娓╁害') { -// html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + ' </span>' -// } else { -// html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + '</span> 鏍囧噯:<span style="color: #fff">' + (BBZ != null ? (BBZ) : '--') + ' </span>' -// } -// } -// -// $('.RealTime').append(html) -// -// DrawEXHRealTimeDateChart(divid, title, legend, ydatas, yname) -// }) -// } -// -// // 搴熸皵鎸夊ぉ鏌ヨ灏忔椂鏁版嵁 -// function queryZDYDate_24 (id) { -// var date = $('#riqi_24').val() -// if (date) { -// var date1 = new Date(date) -// date1 = new Date(date1.getTime() - (8 * 3600000)) -// var dateUtil = new DateUtil() -// var datePkg = dateUtil.getTowDate(date1, 'a', 24 * 3600000 - 1) -// var datatype = 2 -// -// if (CFG_Model.production) { -// get24HourDate(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31,226', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data = [] -// wrwIDS = [] -// for (var i = 0; i < d.length; i++) { -// var MonTimeStr = d[i].MonTimeStr -// -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(d[i]) -// -// var strDate -// var d1 = MonTimeStr.split('/') -// var d2 = d1[2].split(' ') -// var t = MonTimeStr.split(' ') -// var hlist = t[1].split(':') -// var h = hlist[0] -// if (d1[1] > 9) { -// // strDate=MonTimeStr.substring(8,10)+"鏃�"; -// if (d2[0] > 9) { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(11, 13) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(11, 12) + '鏃�' -// } -// } else { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(10, 12) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(10, 11) + '鏃�' -// } -// } -// } else { -// if (d2[0] > 9) { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(10, 12) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(10, 11) + '鏃�' -// } -// } else { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(9, 11) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(9, 10) + '鏃�' -// } -// } -// } -// -// if (nameList.length == 0) { -// nameList.push(d[i].PoltmtrlName.trim()) -// dateList.push(strDate) -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// bzh.push(d[i].StdValue) -// } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { -// nameList.push(d[i].PoltmtrlName) -// bzh.push(d[i].StdValue) -// dataList.push(data) -// data = new Array() -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } else if (i == d.length - 1) { -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// dataList.push(data) -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } -// } -// // 澶勭悊鏁版嵁缁撴潫 -// -// // dateList=get24DateTime(); -// -// var newList = [] -// for (var i = 0; i < dataList.length; i++) { -// var list = dataList[i].reverse() -// newList.push(list) -// } -// dataList = newList -// -// var id = 'mychart' -// var title = '鍔犵儹鐐夌儫姘�' -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// var ydata = { -// name: nameList[j], -// data: dataList[j], -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// } else { -// get24HourDate1(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data = [] -// wrwIDS = [] -// for (var i = 0; i < d.length; i++) { -// var MonTimeStr = d[i].MonTimeStr -// -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(d[i]) -// -// var strDate -// var d1 = MonTimeStr.split('/') -// var t = MonTimeStr.split(' ') -// var hlist = t[1].split(':') -// var h = hlist[0] -// if (d1[1] > 9) { -// // strDate=MonTimeStr.substring(8,10)+"鏃�"; -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(11, 13) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(11, 12) + '鏃�' -// } -// } else { -// // strDate=MonTimeStr.substring(7,9)+"鏃�"; -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(10, 12) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(10, 11) + '鏃�' -// } -// } -// -// if (nameList.length == 0) { -// nameList.push(d[i].PoltmtrlName.trim()) -// dateList.push(strDate) -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// bzh.push(d[i].StdValue) -// } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { -// nameList.push(d[i].PoltmtrlName) -// bzh.push(d[i].StdValue) -// dataList.push(data) -// data = new Array() -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } else if (i == d.length - 1) { -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// dataList.push(data) -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } -// } -// // 澶勭悊鏁版嵁缁撴潫 -// -// dateList = get24DateTime() -// dateList.reverse() -// var newList = [] -// -// for (var i = 0; i < dataList.length; i++) { -// var list = dataList[i].reverse() -// newList.push(list) -// } -// dataList = newList -// -// var id = 'mychart' -// var title = '鍔犵儹鐐夌儫姘�' -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// var ydata = { -// name: nameList[j], -// data: dataList[j], -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// } -// $('.btm span:nth-child(2)').empty() -// var html = '鐩戞祴鏃堕棿 锛�' + datePkg.dateTime1FullStr + ' 鑷� ' + datePkg.dateTime2FullStr + '锛�' -// $('.btm span:nth-child(2)').html(html) -// -// fore24Time = datePkg.dateTime1FullStr -// back24Time = datePkg.dateTime2FullStr -// } else { -// alert('鏌ヨ鏃堕棿涓嶈兘涓虹┖锛�') -// } -// } -// -// // 搴熸皵鎸夋湀浠芥煡璇㈡棩鏁版嵁 -// function queryZDYDate_month (id) { -// var strDate = $('#riqi_month').val() -// if (strDate) { -// strDate = strDate + '-01' -// var daysFlag, daysCount -// daysFlag = checkDate(strDate) -// -// if (daysFlag == 'a') { -// daysCount = 28 -// } else if (daysFlag == 'b') { -// daysCount = 27 -// } else if (daysFlag == 'c') { -// daysCount = 29 -// } else { -// daysCount = 30 -// } -// -// strDate = new Date(new Date(strDate).getTime() - (8 * 3600000)) -// var dateUtil = new DateUtil() -// var datePkg = dateUtil.getTowDate(strDate, 'a', daysCount * 24 * 3600000) -// var startTime = datePkg.dateTime1YMDStr -// var endTime = datePkg.dateTime2YMDStr -// var datatype = 1 -// -// if (CFG_Model.production) { -// get24HourDate(startTime, endTime, id, datatype, '28,31,226', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data -// wrwIDS = [] -// $.each(d, function (index, item) { -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(item) -// -// var strDate = item.MonTimeStr.split(' ')[0] -// -// if (nameList.length == 0) { -// nameList.push(item.PoltmtrlName.trim()) -// dateList.push(strDate) -// data = { -// name: item.PoltmtrlName.trim(), -// data: [item.MonQty] -// } -// dataList.push(data) -// bzh.push(item.StdValue) -// } else if (nameList.indexOf(item.PoltmtrlName.trim()) < 0) { -// nameList.push(item.PoltmtrlName) -// bzh.push(item.StdValue) -// data = { -// name: item.PoltmtrlName.trim(), -// data: [item.MonQty] -// } -// -// dataList.push(data) -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// for (var j = 0; j < dataList.length; j++) { -// if (item.PoltmtrlName.trim() == dataList[j].name) { -// dataList[j].data.push(item.MonQty) -// } -// } -// } -// }) -// $.each(dateList, function (index, item) { -// dateList[index] = item.split('/')[2] + '鏃�' -// }) -// // 澶勭悊鏁版嵁缁撴潫 -// // dateList=dateList.reverse(); -// -// var divid = 'mychart1' -// var title = '鍔犵儹鐐夌儫姘�' -// -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList// ['S02','姘哀鍖栫墿','鐑熷皹','鎬绘帓閲�']; { -// -// // var xdata =['1鏃�', '2鏃�', '3鏃�', '4鏃�', '5鏃�', '6鏃�', '7鏃�', '8鏃�', '9鏃�', '10鏃�', '11鏃�', '12鏃�', '13鏃�', '14鏃�', '15鏃�', '16鏃�', '17鏃�', '18鏃�', '19鏃�', '20鏃�','21鏃�','22鏃�','23鏃�','24鏃�']; -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// -// var sdata = [] -// -// for (var k = 0; k < dataList.length; k++) { -// if (nameList[j].trim() == dataList[k].name.trim()) { -// sdata = dataList[k].data.reverse() -// } -// } -// -// var ydata = { -// name: nameList[j], -// data: sdata, -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(divid, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// } else { -// get24HourDate(startTime, endTime, id, datatype, '28,31,226', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data -// wrwIDS = [] -// for (var i = 0; i < d.length; i++) { -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(d[i]) -// -// var MonTimeStr = d[i].MonTimeStr -// -// var d1 = MonTimeStr.split('/') -// var strDate -// if (d1[1] > 9) { -// strDate = MonTimeStr.substring(8, 10) + '鏃�' -// } else { -// strDate = MonTimeStr.substring(7, 9) + '鏃�' -// } -// // console.log("鏃堕棿",strDate); -// if (nameList.length == 0) { -// nameList.push(d[i].PoltmtrlName.trim()) -// dateList.push(strDate) -// /* var data=new Array(); -// data.push(d.MonQty); */ -// data = { -// name: d[i].PoltmtrlName.trim(), -// data: [d[i].MonQty] -// } -// dataList.push(data) -// bzh.push(d[i].StdValue) -// } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { -// nameList.push(d[i].PoltmtrlName) -// bzh.push(d[i].StdValue) -// // dataList.push(data); -// -// data = { -// name: d[i].PoltmtrlName.trim(), -// data: [d[i].MonQty] -// } -// dataList.push(data) -// /* data = new Array(); */ -// /* data.push(d[i].MonQty); */ -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// for (var j = 0; j < dataList.length; j++) { -// if (d[i].PoltmtrlName.trim() == dataList[j].name) { -// dataList[j].data.push(d[i].MonQty) -// } -// } -// /* //data.push() -// data.push(d[i].MonQty); */ -// } -// } -// // 澶勭悊鏁版嵁缁撴潫 -// // dateList=dateList.reverse(); -// -// var divid = 'mychart1' -// var title = '鍔犵儹鐐夌儫姘�' -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList// ['S02','姘哀鍖栫墿','鐑熷皹','鎬绘帓閲�']; { -// -// // var xdata =['1鏃�', '2鏃�', '3鏃�', '4鏃�', '5鏃�', '6鏃�', '7鏃�', '8鏃�', '9鏃�', '10鏃�', '11鏃�', '12鏃�', '13鏃�', '14鏃�', '15鏃�', '16鏃�', '17鏃�', '18鏃�', '19鏃�', '20鏃�','21鏃�','22鏃�','23鏃�','24鏃�']; -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// -// var sdata = [] -// -// for (var k = 0; k < dataList.length; k++) { -// if (nameList[j].trim() == dataList[k].name.trim()) { -// sdata = dataList[k].data.reverse() -// } -// } -// -// var ydata = { -// name: nameList[j], -// data: sdata, -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(divid, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// } -// $('.btm span:nth-child(2)').empty() -// var html = '鐩戞祴鏃堕棿 锛�' + startTime + ' 鑷� ' + endTime + '锛�' -// $('.btm span:nth-child(2)').html(html) -// -// foreDayTime = startTime -// backDayTime = endTime -// } else { -// alert('鏌ヨ鏃堕棿涓嶈兘涓虹┖锛�') -// } -// } -// -// // 搴熸皵灏忔椂鏁版嵁-姝ヨ繘 -// function queryForeData_24 (id) { -// var startTime, endTime -// var date = new Date(fore24Time.replace(/-/g, '/')) // 鏇挎崲鏄负浜嗚В鍐冲湪IE娴忚鍣ㄥけ鏁� -// startTime = new Date(date.getTime() - (24 * 3600000)).Format('yyyy-MM-dd hh:mm:ss') -// if (date.getMinutes() == 0 && date.getSeconds() == 0) { -// endTime = new Date(date.getTime() - 1).Format('yyyy-MM-dd hh:mm:ss') -// } else { -// endTime = date.Format('yyyy-MM-dd hh:mm:ss') -// } -// var datatype = 2 -// -// get24HourDate(startTime, endTime, id, datatype, '28,31,226', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data = [] -// wrwIDS = [] -// for (var i = 0; i < d.length; i++) { -// var MonTimeStr = d[i].MonTimeStr -// -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(d[i]) -// -// var strDate -// var d1 = MonTimeStr.split('/') -// var d2 = d1[2].split(' ') -// var t = MonTimeStr.split(' ') -// var hlist = t[1].split(':') -// var h = hlist[0] -// if (d1[1] > 9) { -// // strDate=MonTimeStr.substring(8,10)+"鏃�"; -// if (d2[0] > 9) { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(11, 13) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(11, 12) + '鏃�' -// } -// } else { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(10, 12) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(10, 11) + '鏃�' -// } -// } -// } else { -// if (d2[0] > 9) { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(10, 12) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(10, 11) + '鏃�' -// } -// } else { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(9, 11) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(9, 10) + '鏃�' -// } -// } -// } -// -// if (nameList.length == 0) { -// nameList.push(d[i].PoltmtrlName.trim()) -// dateList.push(strDate) -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// bzh.push(d[i].StdValue) -// } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { -// nameList.push(d[i].PoltmtrlName) -// bzh.push(d[i].StdValue) -// dataList.push(data) -// data = new Array() -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } else if (i == d.length - 1) { -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// dataList.push(data) -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } -// } -// // 澶勭悊鏁版嵁缁撴潫 -// -// var newList = [] -// for (var i = 0; i < dataList.length; i++) { -// var list = dataList[i].reverse() -// newList.push(list) -// } -// dataList = newList -// -// var id = 'mychart' -// var title = '鍔犵儹鐐夌儫姘�' -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// var ydata = { -// name: nameList[j], -// data: dataList[j], -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// -// $('.btm span:nth-child(2)').empty() -// var html = '鐩戞祴鏃堕棿 锛�' + startTime + ' 鑷� ' + endTime + '锛�' -// $('.btm span:nth-child(2)').html(html) -// -// fore24Time = startTime -// back24Time = endTime -// } -// -// // 搴熸皵灏忔椂鏁版嵁-鍥為�� -// function queryBackData_24 (id) { -// var startTime, endTime -// var date = new Date(back24Time.replace(/-/g, '/')) // 鏇挎崲鏄负浜嗚В鍐冲湪IE娴忚鍣ㄥけ鏁� -// endTime = new Date(date.getTime() + (24 * 3600000)).Format('yyyy-MM-dd hh:mm:ss') -// if (date.getMinutes() == 59 && date.getSeconds() == 59) { -// startTime = new Date(date.getTime() + (24 * 3600000)).Format('yyyy-MM-dd 00:00:00') -// } else { -// startTime = date.Format('yyyy-MM-dd hh:mm:ss') -// } -// var datatype = 2 -// -// // 鍒ゆ柇鍥為��鏃堕棿涓嶈兘瓒呰繃褰撳墠鏃堕棿 -// var compareDate1 = new Date() -// var compareDate2 = new Date(endTime.replace(/-/g, '/')) -// if (compareDate1.getTime() > compareDate2.getTime()) { -// get24HourDate(startTime, endTime, id, datatype, '28,31,226', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data = [] -// wrwIDS = [] -// for (var i = 0; i < d.length; i++) { -// var MonTimeStr = d[i].MonTimeStr -// -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(d[i]) -// -// var strDate -// var d1 = MonTimeStr.split('/') -// var d2 = d1[2].split(' ') -// var t = MonTimeStr.split(' ') -// var hlist = t[1].split(':') -// var h = hlist[0] -// if (d1[1] > 9) { -// // strDate=MonTimeStr.substring(8,10)+"鏃�"; -// if (d2[0] > 9) { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(11, 13) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(11, 12) + '鏃�' -// } -// } else { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(10, 12) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(10, 11) + '鏃�' -// } -// } -// } else { -// if (d2[0] > 9) { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(10, 12) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(10, 11) + '鏃�' -// } -// } else { -// strDate = '' -// if (h > 9) { -// strDate += MonTimeStr.substring(9, 11) + '鏃�' -// } else { -// strDate += MonTimeStr.substring(9, 10) + '鏃�' -// } -// } -// } -// -// if (nameList.length == 0) { -// nameList.push(d[i].PoltmtrlName.trim()) -// dateList.push(strDate) -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// bzh.push(d[i].StdValue) -// } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { -// nameList.push(d[i].PoltmtrlName) -// bzh.push(d[i].StdValue) -// dataList.push(data) -// data = new Array() -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } else if (i == d.length - 1) { -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// dataList.push(data) -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// if ((d[i].PoltmtrlName == '搴熸皵娴侀噺' || d[i].PoltmtrlName == '搴熸皵') && d[i].MonQty < 0) { -// d[i].MonQty = 0 -// } -// data.push(d[i].MonQty) -// } -// } -// // 澶勭悊鏁版嵁缁撴潫 -// -// var newList = [] -// -// for (var i = 0; i < dataList.length; i++) { -// var list = dataList[i].reverse() -// newList.push(list) -// } -// dataList = newList -// -// var id = 'mychart' -// var title = '鍔犵儹鐐夌儫姘�' -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// var ydata = { -// name: nameList[j], -// data: dataList[j], -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// -// $('.btm span:nth-child(2)').empty() -// var html = '鐩戞祴鏃堕棿 锛�' + startTime + ' 鑷� ' + endTime + '锛�' -// $('.btm span:nth-child(2)').html(html) -// -// fore24Time = startTime -// back24Time = endTime -// } -// } -// -// // 搴熸皵鏃ユ暟鎹�-姝ヨ繘 -// function queryForeData_month (id) { -// var startTime, endTime -// var date = new Date(foreDayTime.replace(/-/g, '/')) // 鏇挎崲鏄负浜嗚В鍐冲湪IE娴忚鍣ㄥけ鏁� -// -// var dateUtil = new DateUtil() -// var datePkg = dateUtil.getTowDate(date, 'b', 29 * 24 * 3600000) -// var startTime = datePkg.dateTime1YMDStr -// var endTime = datePkg.dateTime2YMDStr -// var datatype = 1 -// -// get24HourDate(startTime, endTime, id, datatype, '28,31,226', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data -// wrwIDS = [] -// $.each(d, function (index, item) { -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(item) -// -// var strDate = item.MonTimeStr.split(' ')[0] -// -// if (nameList.length == 0) { -// nameList.push(item.PoltmtrlName.trim()) -// dateList.push(strDate) -// data = { -// name: item.PoltmtrlName.trim(), -// data: [item.MonQty] -// } -// dataList.push(data) -// bzh.push(item.StdValue) -// } else if (nameList.indexOf(item.PoltmtrlName.trim()) < 0) { -// nameList.push(item.PoltmtrlName) -// bzh.push(item.StdValue) -// data = { -// name: item.PoltmtrlName.trim(), -// data: [item.MonQty] -// } -// -// dataList.push(data) -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// for (var j = 0; j < dataList.length; j++) { -// if (item.PoltmtrlName.trim() == dataList[j].name) { -// dataList[j].data.push(item.MonQty) -// } -// } -// } -// }) -// $.each(dateList, function (index, item) { -// dateList[index] = item.split('/')[2] + '鏃�' -// }) -// // 澶勭悊鏁版嵁缁撴潫 -// // dateList=dateList.reverse(); -// -// var divid = 'mychart1' -// var title = '鍔犵儹鐐夌儫姘�' -// -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList// ['S02','姘哀鍖栫墿','鐑熷皹','鎬绘帓閲�']; { -// -// // var xdata =['1鏃�', '2鏃�', '3鏃�', '4鏃�', '5鏃�', '6鏃�', '7鏃�', '8鏃�', '9鏃�', '10鏃�', '11鏃�', '12鏃�', '13鏃�', '14鏃�', '15鏃�', '16鏃�', '17鏃�', '18鏃�', '19鏃�', '20鏃�','21鏃�','22鏃�','23鏃�','24鏃�']; -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#F206FF' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// -// var sdata = [] -// -// for (var k = 0; k < dataList.length; k++) { -// if (nameList[j].trim() == dataList[k].name.trim()) { -// sdata = dataList[k].data.reverse() -// } -// } -// -// var ydata = { -// name: nameList[j], -// data: sdata, -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(divid, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// -// $('.btm span:nth-child(2)').empty() -// var html = '鐩戞祴鏃堕棿 锛�' + startTime + ' 鑷� ' + endTime + '锛�' -// $('.btm span:nth-child(2)').html(html) -// -// foreDayTime = startTime -// backDayTime = endTime -// } -// -// // 搴熸皵鏃ユ暟鎹�-鍥為�� -// function queryBackData_month (id) { -// var startTime, endTime -// var date = new Date(backDayTime.replace(/-/g, '/')) // 鏇挎崲鏄负浜嗚В鍐冲湪IE娴忚鍣ㄥけ鏁� -// -// var dateUtil = new DateUtil() -// var datePkg = dateUtil.getTowDate(date, 'a', 29 * 24 * 3600000) -// var startTime = datePkg.dateTime1YMDStr -// var endTime = datePkg.dateTime2YMDStr -// var datatype = 1 -// -// // 鍒ゆ柇鍥為��鏃堕棿涓嶈兘瓒呰繃褰撳墠鏃堕棿 -// var compareDate1 = new Date() -// var compareDate2 = new Date(endTime.replace(/-/g, '/')) -// if (compareDate1.getTime() > compareDate2.getTime()) { -// get24HourDate(startTime, endTime, id, datatype, '28,31,226', function (res) { -// // 澶勭悊鏁版嵁寮�濮� -// var d = res -// var nameList = [] // 瀛樻斁鍥句緥 -// var dateList = [] // 瀛樻斁鏃堕棿 -// var dataList = [] // 瀛樻斁鏁版嵁 -// var bzh = [] // 鏍囧噯鍊� -// var data -// wrwIDS = [] -// $.each(d, function (index, item) { -// // 20190430 add 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」id -// getWRW(item) -// -// var strDate = item.MonTimeStr.split(' ')[0] -// -// if (nameList.length == 0) { -// nameList.push(item.PoltmtrlName.trim()) -// dateList.push(strDate) -// data = { -// name: item.PoltmtrlName.trim(), -// data: [item.MonQty] -// } -// dataList.push(data) -// bzh.push(item.StdValue) -// } else if (nameList.indexOf(item.PoltmtrlName.trim()) < 0) { -// nameList.push(item.PoltmtrlName) -// bzh.push(item.StdValue) -// data = { -// name: item.PoltmtrlName.trim(), -// data: [item.MonQty] -// } -// -// dataList.push(data) -// } else { -// if (dateList.indexOf(strDate) < 0) { -// dateList.push(strDate) -// } -// for (var j = 0; j < dataList.length; j++) { -// if (item.PoltmtrlName.trim() == dataList[j].name) { -// dataList[j].data.push(item.MonQty) -// } -// } -// } -// }) -// $.each(dateList, function (index, item) { -// dateList[index] = item.split('/')[2] + '鏃�' -// }) -// // 澶勭悊鏁版嵁缁撴潫 -// // dateList=dateList.reverse(); -// -// var divid = 'mychart1' -// var title = '鍔犵儹鐐夌儫姘�' -// -// var lengList = [] -// var objTemp -// -// for (var l = 0; l < nameList.length; l++) { -// var obj -// var iconurl -// if (nameList[l] == '浜屾哀鍖栫~') { -// iconurl = 'image://../assets/imgs/legend/SO2.png' -// } else if (nameList[l] == '姘哀鍖栫墿') { -// iconurl = 'image://../assets/imgs/legend/NOX.png' -// } else if (nameList[l] == '鐑熷皹') { -// iconurl = 'image://../assets/imgs/legend/YanChen.png' -// } else if (nameList[l] == '闈炵敳鐑锋�荤儍') { -// iconurl = 'image://../assets/imgs/legend/grn.png' -// } else if (nameList[l] == '娓╁害') { -// iconurl = 'image://../assets/imgs/legend/WenDu.png' -// } else { -// iconurl = 'image://../assets/imgs/legend/VOCs.png' -// } -// -// if (nameList[l] == '搴熸皵' || nameList[l] == '搴熸皵娴侀噺') { // 灏嗗簾姘旀祦閲忔帓鍒版暟缁勬渶鍚� -// objTemp = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// } else { -// obj = { -// name: nameList[l], -// icon: iconurl, -// textStyle: { -// color: '#ccc' -// }, -// itemWidth: 20, -// itemHeight: 5 -// } -// lengList.push(obj) -// } -// } -// lengList.push(objTemp) -// -// var legend = lengList// ['S02','姘哀鍖栫墿','鐑熷皹','鎬绘帓閲�']; { -// -// // var xdata =['1鏃�', '2鏃�', '3鏃�', '4鏃�', '5鏃�', '6鏃�', '7鏃�', '8鏃�', '9鏃�', '10鏃�', '11鏃�', '12鏃�', '13鏃�', '14鏃�', '15鏃�', '16鏃�', '17鏃�', '18鏃�', '19鏃�', '20鏃�','21鏃�','22鏃�','23鏃�','24鏃�']; -// var xdata = dateList.reverse() -// var ydatas = [] -// -// for (var j = 0; j < nameList.length; j++) { -// var zdcbcolor, zxcolor -// if (nameList[j] == '浜屾哀鍖栫~') { -// zdcbcolor = 'red' -// zxcolor = '#fff21c' -// } else if (nameList[j] == '姘哀鍖栫墿') { -// zdcbcolor = 'red' -// zxcolor = '#00B0F0' -// } else if (nameList[j] == '鐑熷皹') { -// zdcbcolor = 'red' -// zxcolor = '#f48183' -// } else if (nameList[j] == '娓╁害') { -// zdcbcolor = 'red' -// zxcolor = '#f206ff' -// } else { -// zdcbcolor = 'red' -// zxcolor = '#9ACD32' -// } -// -// var sdata = [] -// -// for (var k = 0; k < dataList.length; k++) { -// if (nameList[j].trim() == dataList[k].name.trim()) { -// sdata = dataList[k].data.reverse() -// } -// } -// -// var ydata = { -// name: nameList[j], -// data: sdata, -// zdcbcolor: zdcbcolor, -// zxcolor: zxcolor, -// bzz: bzh[j] -// } -// exhbzz = { -// name: nameList[j], -// bzhui: bzh[j] -// } -// exhbzzList.push(exhbzz) -// ydatas.push(ydata) -// } -// -// var yname = '娴撳害(mg/m鲁)' -// CreateChart(divid, title, legend, xdata, ydatas, yname, id, datatype) -// }) -// -// $('.btm span:nth-child(2)').empty() -// var html = '鐩戞祴鏃堕棿 锛�' + startTime + ' 鑷� ' + endTime + '锛�' -// $('.btm span:nth-child(2)').html(html) -// -// foreDayTime = startTime -// backDayTime = endTime -// } -// } -// -// function get24HourDate(startTime,endTime,id,datatype,monItemId,c) { -// var conditionStr='{"poltSourceId":"","onLineMonEmissPointId":"'+id+'","poltMtrlId":"","monItemId":"'+monItemId+'","emissTypeId":"","beginTime":"'+startTime+'","endTime":"'+endTime+'","dataType":"'+datatype+'"}'; -// var condition = JSON.parse(conditionStr); -// var wsservice = new WsEPMapService(); -// wsservice['QueryOnlineMonData'](condition,function (res) { -// console.log("GetOnlineMonData",res); -// return c(res.Result.DataInfo,datatype); -// }) -// } diff --git a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/EventQuery.vue b/src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue similarity index 100% rename from src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/EventQuery.vue rename to src/components/panel/topicSearch/EnterpriseEmergency/EventQuery.vue diff --git a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ReportPopup.vue b/src/components/panel/topicSearch/EnterpriseEmergency/ReportPopup.vue similarity index 100% rename from src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ReportPopup.vue rename to src/components/panel/topicSearch/EnterpriseEmergency/ReportPopup.vue diff --git a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue b/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue similarity index 90% rename from src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue rename to src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue index 5a88c59..d98f047 100644 --- a/src/components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ResourcesQuery.vue +++ b/src/components/panel/topicSearch/EnterpriseEmergency/ResourcesQuery.vue @@ -57,8 +57,9 @@ import AjaxUtils from '@utils/AjaxUtils' // import { LayerEmergency } from '../../../../../conf/LayerEmergency' -import { LayerEmergencySource } from '../../../../../conf/layers/LayerEmergencySource' -import { LayerSurroundings } from '../../../../../conf/layers/LayerSurroundings' +import { LayerEmergencySource } from '../../../../conf/layers/LayerEmergencySource' +import { LayerSurroundings } from '../../../../conf/layers/LayerSurroundings' +import AnimalService from '../../../../components/LayerController/service/AnimalService' export default { name: 'ResourcesQuery', @@ -66,7 +67,7 @@ return { form: { eventName: '', - pipelineType: '搴旀�ヨ祫婧�', + pipelineType: LayerEmergencySource.name, dataType: '', keyword: '', eventNameList: [ @@ -107,7 +108,7 @@ } }, handleDataType (val) { - console.log(val) + // console.log(val) this.list = [] }, async handleSearch () { @@ -131,7 +132,11 @@ }, handleLocation (val, index) { this.activeNum = index - window.map.flyTo([val.properties.y, val.properties.x], 15) + window.map.setView([val.properties.y, val.properties.x], 16) + this.animalService = new AnimalService({ + L: window.L, + layer: window.layer + }) } } } diff --git a/src/components/panel/topicSearch/ReportSearch.vue b/src/components/panel/topicSearch/ReportSearch.vue index 047b86a..60bcfdd 100644 --- a/src/components/panel/topicSearch/ReportSearch.vue +++ b/src/components/panel/topicSearch/ReportSearch.vue @@ -14,8 +14,8 @@ </template> <script> -import EventQuery from './SewersSelect/EnterpriseEmergency/EventQuery' -import ResourcesQuery from './SewersSelect/EnterpriseEmergency/ResourcesQuery' +import EventQuery from './EnterpriseEmergency/EventQuery' +import ResourcesQuery from './EnterpriseEmergency/ResourcesQuery' // import ReportPopup from './SewersSelect/EnterpriseEmergency/ReportPopup' export default { diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index 2b070d3..ad0d425 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -16,7 +16,7 @@ <!-- <el-button type="primary" @click="ChangeState" class="solid-waste">鍥哄簾</el-button>--> <!-- <el-button type="primary" @click="ChangeWaterState" class="Waste-water">搴熸按</el-button>--> <!-- <el-button type="primary" @click="AddGasHelper" class="flue-gas">搴熸皵</el-button>--> - <PublicBounced ref="PublicBounced"></PublicBounced> +<!-- <PublicBounced ref="PublicBounced"></PublicBounced>--> <!-- <ReportPopup></ReportPopup>--> <Emergency ref="Emergency"></Emergency> </div> @@ -36,7 +36,7 @@ import LegendPanel from '@components/panel/LegendPanel' // import Enterprise from '../components/table/enterprise' // // 鍏叡灞曠ず鏁版嵁 -import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' +// import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' import LayerFactory from '@components/LayerController/service/LayerFactory' import EventHandler from '../components/LayerController/event/EventHandler' // import ReportPopup from '../components/panel/topicSearch/SewersSelect/EnterpriseEmergency/ReportPopup' @@ -54,7 +54,7 @@ MonitorPanel, // summarySheets, SummarySheet, - PublicBounced, + // PublicBounced, Emergency // ReportPopup }, diff --git a/src/views/Temp.vue b/src/views/Temp.vue index ad04bdb..e4ac9e0 100644 --- a/src/views/Temp.vue +++ b/src/views/Temp.vue @@ -15,7 +15,7 @@ <!-- <el-button type="primary" @click="ChangeState" class="solid-waste">鍥哄簾</el-button>--> <!-- <el-button type="primary" @click="ChangeWaterState" class="Waste-water">搴熸按</el-button>--> <!-- <el-button type="primary" @click="AddGasHelper" class="flue-gas">搴熸皵</el-button>--> - <PublicBounced ref="PublicBounced"></PublicBounced> +<!-- <PublicBounced ref="PublicBounced"></PublicBounced>--> </div> </template> @@ -33,7 +33,7 @@ import LegendPanel from '@components/panel/LegendPanel' import Enterprise from '../components/table/enterprise' // // 鍏叡灞曠ず鏁版嵁 -import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' +// import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced' import LayerFactory from '@components/LayerController/service/LayerFactory' // import '../components/plugin/Leaflet.TileLayer.ProjWMTS' // import * as L from 'leaflet' @@ -54,8 +54,8 @@ SgisLayerController, MonitorPanel, Popup, - summarySheets, - PublicBounced + summarySheets + // PublicBounced }, data () { return { diff --git a/src/views/popup/Popup.vue b/src/views/popup/Popup.vue index d29196c..a3c7836 100644 --- a/src/views/popup/Popup.vue +++ b/src/views/popup/Popup.vue @@ -42,7 +42,7 @@ obj[this.props[key]] = content[key] } } - console.log(obj) + // console.log(obj) return obj }, setDatas (layer) { -- Gitblit v1.8.0