|
|
@@ -62,23 +62,27 @@
|
|
|
<BaseChart height="100%" width="100%" :option="pieOptions"/>
|
|
|
</div>
|
|
|
</CusModule>
|
|
|
- <!-- <CusModule class="module-top" title="告警信息">-->
|
|
|
- <!-- <div class="seamless-header">-->
|
|
|
- <!-- <div>告警内容</div>-->
|
|
|
- <!-- <div>告警设备</div>-->
|
|
|
- <!-- <div>告警时间</div>-->
|
|
|
- <!-- </div>-->
|
|
|
- <!-- <vue-seamless-scroll :data="listData" class="seamless-warp" :class-option="classOption">-->
|
|
|
- <!-- <div class="seamless-item" v-for="(item, index) in listData" :key="index">-->
|
|
|
- <!-- <div>{{ item.alarmMsg }}</div>-->
|
|
|
- <!-- <div>{{ item.objName }}</div>-->
|
|
|
- <!-- <div>{{ item.alarmTime }}</div>-->
|
|
|
- <!-- </div>-->
|
|
|
- <!-- </vue-seamless-scroll>-->
|
|
|
- <!-- </CusModule>-->
|
|
|
<CusModule class="module-top" title="碳计量">
|
|
|
- <BaseChart height="350px" width="100%" :option="lineOptions"/>
|
|
|
+ <template v-slot:title-right>
|
|
|
+ <div>本月累计碳排量：<span style="color: #00C852">{{ (useElec.value * elec2CFactor).toFixed(2)}}</span> kg</div>
|
|
|
+ </template>
|
|
|
+ <!-- <BaseChart height="350px" width="100%" :option="lineOptions"/>-->
|
|
|
</CusModule>
|
|
|
+ <CusModule class="module-top" title="告警信息">
|
|
|
+ <div class="seamless-header">
|
|
|
+ <div>告警内容</div>
|
|
|
+ <div>告警设备</div>
|
|
|
+ <div>告警时间</div>
|
|
|
+ </div>
|
|
|
+ <vue-seamless-scroll :data="listData" class="seamless-warp" :class-option="classOption">
|
|
|
+ <div class="seamless-item" v-for="(item, index) in listData" :key="index">
|
|
|
+ <div>{{ item.alarmMsg }}</div>
|
|
|
+ <div>{{ item.objName }}</div>
|
|
|
+ <div>{{ item.alarmTime }}</div>
|
|
|
+ </div>
|
|
|
+ </vue-seamless-scroll>
|
|
|
+ </CusModule>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -135,7 +139,7 @@ export default {
|
|
|
vueSeamlessScroll
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapState('userState', ['areaType']),
|
|
|
+ ...mapState('userState', ['areaType','elec2CFactor']),
|
|
|
pieOptions() {
|
|
|
return {
|
|
|
legend: {
|
