<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.current.name.indexOf('流量') === -1 ? item.standard.name + ':' : ''
|
}} <i style="color: #fff">{{ item.standard.val }}</i></span>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'PublicDataStandard',
|
watch: {
|
dataStandard (val, oldVal) {
|
this.dataStandard = val
|
}
|
},
|
props: {
|
dataStandard: {
|
type: Array,
|
default: () => {
|
return []
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.animation {
|
.information {
|
.grid-content {
|
padding: 0.03rem 0.08rem 0.03rem 0.08rem;
|
text-align: center;
|
border-radius: 0.02rem;
|
line-height: 0.15rem;
|
margin: 0 0.03rem;
|
box-shadow: 0 0 10px rgba(129,211,248,.35) inset;
|
}
|
}
|
}
|
</style>
|
