| | |
| | | <template> |
| | | <div id="Tab"> |
| | | <public-data-standard :dataStandard = "dataStandard"></public-data-standard> |
| | | <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> |
| | | <div> |
| | | 采样点数: |
| | | <el-select v-model="formInline.region" placeholder="50" class=""> |
| | | <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> |
| | |
| | | // import mapApi from '@/api/mapApi' |
| | | import 'dayjs/locale/es' |
| | | import dayjs from 'dayjs' |
| | | import PublicDataStandard from '@components/BaseNav/PublicBounced/common/PublicDataStandard' |
| | | |
| | | export default { |
| | | name: 'ECharts', |
| | | components: { |
| | | PublicDataStandard |
| | | }, |
| | | data () { |
| | | return { |
| | | days: dayjs(new Date()).format('YYYYMMDDHHmmss'), |
| | |
| | | timeEnd: '' |
| | | }, |
| | | RealTimeChart: 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 } |
| | | } |
| | | ], |
| | | JsonTimeCtarts: { |
| | | id: 'mychart_ss ', |
| | | title: '烟尘', |
| | |
| | | this.IntervalEXHRealTimeDate() |
| | | }, 15000) |
| | | } |
| | | |
| | | } |
| | | } |
| | | </script> |
| | |
| | | padding:0 10px |
| | | >i{ |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | .animation { |
| | | //width: 600px; |
| | | //height: 0.06rem; |
| | | .infomation { |
| | | padding: 5px 10px; |
| | | } |
| | | } |
| | | .form-echrts { |
| | |
| | | } |
| | | /deep/.el-input__inner{ |
| | | position: relative; |
| | | //width:140px; |
| | | width:140px; |
| | | background-color: #2e4967; |
| | | color: #fff; |
| | | font-size: 12px; |