| | |
| | | <div id="Tab"> |
| | | <div class="animation"> |
| | | <div class="infomation"> |
| | | <span class="grid-content">氮氧化物 :<i>29.93</i> 标准 : 100</span> |
| | | <span class="grid-content">二氧化硫 : <i>17.34</i> 标准 : 50</span> |
| | | <span class="grid-content">烟尘 : <i>6.93</i> 标准 : 30</span> |
| | | <span class="grid-content">废气流量 : <i>120343.18</i></span> |
| | | <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">120343.18</i></span> |
| | | </div> |
| | | </div> |
| | | <div class="form-echrts"> |
| | |
| | | </div> |
| | | <div class="detailbtn" @click="onSubmit">查询</div> |
| | | </div> |
| | | <div style="width:5rem;height:2rem;" ref="echarts"></div> |
| | | <div style="width:5rem;height:2rem;" > |
| | | <div style="width:100%;height:100%;" ref="echarts"> </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | } |
| | | }, |
| | | mounted () { |
| | | // const Day = new Date() |
| | | // console.log(Day) |
| | | 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.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) |
| | | }, |
| | | methods: { |
| | |
| | | border-radius: 2px; |
| | | margin-right: 10px; |
| | | padding:0 10px |
| | | >i{ |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | .animation { |
| | | //width: 600px; |