| | |
| | | <div :class="active===2?'hover':''" class="uncheck" @click='tabTaggle("DayData",2)'>日数据</div> |
| | | <div :class="active===3?'hover':''" class="uncheck" @click='tabTaggle("Detail",3)'>人工监测数据</div> |
| | | </div> |
| | | <div class="navigation-right"> |
| | | <div class="navigation-right" v-if="active !== 3"> |
| | | <p>正常</p> |
| | | <i style=" background: #4ec99c;"></i> |
| | | <p>预警</p> |
| | | <i style=" background: orange;"></i> |
| | | <i style=" background: #fc9303;"></i> |
| | | <p>超标</p> |
| | | <i style=" background: red;"></i> |
| | | <i style=" background: #fc1d04;"></i> |
| | | </div> |
| | | </div> |
| | | <component :is="currentTab" ref="RealData"></component> |
| | |
| | | margin: 0 10px; |
| | | cursor: pointer; |
| | | padding: 5px; |
| | | border: 1px solid #2b87c8; |
| | | border-radius: 4px; |
| | | /*border: 1px solid #2b87c8;*/ |
| | | /*border-radius: 4px;*/ |
| | | text-align: center; |
| | | vertical-align: middle !important; |
| | | color: #fff; |
| | | -webkit-transform: skew(30deg); |
| | | -moz-transform: skew(30deg); |
| | | -o-transform: skew(30deg); |
| | | transform: skew(15deg); |
| | | } |
| | | |
| | | .default-uncheck { |
| | |
| | | |
| | | .public-part { |
| | | position: relative; |
| | | margin-bottom: 0.1rem; |
| | | |
| | | background-color: @background-color; |
| | | font-size: 0.06rem; |
| | | font-weight: normal; |