| | |
| | | <template> |
| | | <div id="Tab"> |
| | | <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> |
| | | <div class="tab-scroll"> |
| | | <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> |
| | | <span class="time-select">{{ formInline.timeStart }}——{{ formInline.timeEnd }}</span> |
| | | </div> |
| | | <div class="form-echrts"> |
| | | <div class="from-search"> |
| | | <div class="pickerMon"> |
| | |
| | | </div> |
| | | <div class="detailbtn" @click="onSubmit">查询</div> |
| | | </div> |
| | | <div style="width:5rem;height:2rem;" ref="echarts"></div> |
| | | <div style="width:5rem;height:1.5rem;" ref="echarts"></div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | timeStart: '', |
| | | timeEnd: '' |
| | | }, |
| | | // timeStart:, |
| | | // timeEnd:'', |
| | | |
| | | // echarts的options数据传入 |
| | | echartsOptions: { |
| | |
| | | $endTime: this.formInline.timeStart, |
| | | $step: 15 |
| | | } |
| | | const result = (await mapApi.DataItems(data)).data |
| | | const result = (await mapApi.getDataItems(data)).data |
| | | this.getRtdb15s(result) |
| | | }, |
| | | // echarts数据处理 |
| | |
| | | } |
| | | |
| | | this.RealTimeDataList.push(datalist) |
| | | console.log(this.RealTimeDataList) |
| | | // console.log(this.RealTimeDataList) |
| | | |
| | | // bzh.push(d[i].StdValue); |
| | | } else if (nameList.indexOf(name) < 0) { |
| | |
| | | |
| | | const lengList = [] |
| | | let objTemp = [] |
| | | console.log(objTemp) |
| | | // console.log(objTemp) |
| | | |
| | | for (let l = 0; l < nameList.length; l++) { |
| | | let obj |
| | |
| | | const BBZMAPPING = [ |
| | | { |
| | | COD: 35, |
| | | 废水流量: null, |
| | | ph: 9, |
| | | 总氮: 15, |
| | | 总磷: 0.3, |
| | | 黯淡: 3 |
| | | 氨氮: 3 |
| | | } |
| | | ] |
| | | for (let m = 0; m < this.RealTimeDataList.length; m++) { |
| | |
| | | IntervalRealTimeDate (id, unionTagCodeList, BBZMAPPING) { |
| | | // const interValHander = setInterval(function () { |
| | | // this.initEchartsData() |
| | | console.log('间隔请求数据') |
| | | // console.log('间隔请求数据') |
| | | // }, 1500) |
| | | // console.log(interValHander) |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | .tab-scroll { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | |
| | | .time-select { |
| | | //margin: 0 10px; |
| | | cursor: pointer; |
| | | padding: 5px; |
| | | border: 1px solid #2b87c8; |
| | | border-radius: 4px; |
| | | text-align: center; |
| | | color: #fff; |
| | | font-size: 11px; |
| | | width: 280px; |
| | | } |
| | | } |
| | | |
| | | .animation { |
| | | //width: 600px; |
| | | //height: 0.06rem; |
| | |
| | | //margin: 10px 10px 10px 10px; |
| | | .from-search { |
| | | display: flex; |
| | | padding: 5px; |
| | | //justify-content: space-evenly; |
| | | padding: 15px 0; |
| | | |
| | | > div { |
| | | margin-left: 10px |
| | |
| | | display: flex; |
| | | |
| | | > span { |
| | | line-height: 22px |
| | | line-height: 22px; |
| | | margin-right: 15px; |
| | | } |
| | | |
| | | .pickerTable { |