1<template> 2 <overview-card 3 :title="$t('pageOverview.powerInformation')" 4 :to="`/resource-management/power`" 5 > 6 <b-row class="mt-3"> 7 <b-col sm="6"> 8 <dl> 9 <dt>{{ $t('pageOverview.powerConsumption') }}</dt> 10 <dd v-if="powerConsumptionValue == null"> 11 {{ $t('global.status.notAvailable') }} 12 </dd> 13 <dd v-else>{{ powerConsumptionValue }} W</dd> 14 <dt>{{ $t('pageOverview.powerCap') }}</dt> 15 <dd v-if="powerCapValue == null"> 16 {{ $t('global.status.disabled') }} 17 </dd> 18 <dd v-else>{{ powerCapValue }} W</dd> 19 </dl> 20 </b-col> 21 </b-row> 22 </overview-card> 23</template> 24 25<script> 26import OverviewCard from './OverviewCard'; 27import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; 28import { mapGetters } from 'vuex'; 29import { useI18n } from 'vue-i18n'; 30 31export default { 32 name: 'Power', 33 components: { 34 OverviewCard, 35 }, 36 mixins: [DataFormatterMixin], 37 data() { 38 return { 39 $t: useI18n().t, 40 }; 41 }, 42 computed: { 43 ...mapGetters({ 44 powerCapValue: 'powerControl/powerCapValue', 45 powerConsumptionValue: 'powerControl/powerConsumptionValue', 46 }), 47 }, 48 created() { 49 this.$store.dispatch('powerControl/getPowerControl').finally(() => { 50 this.$root.$emit('overview-power-complete'); 51 }); 52 }, 53}; 54</script> 55