diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-08-08 17:27:36 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-08-08 17:27:36 +0300 |
commit | 0332cf97422e5989f466373ace45fee9babd2fb3 (patch) | |
tree | 3a48602947fd0f79145c5ae842190529b6f9b503 /src/views/_sila/Power/Dynamic/PowerOutput.vue | |
parent | 1f71e4f7800c0db4d639b42bfc0b5efa9ecc87a2 (diff) | |
download | webui-vue-0332cf97422e5989f466373ace45fee9babd2fb3.tar.xz |
fix dymamic collapse
Diffstat (limited to 'src/views/_sila/Power/Dynamic/PowerOutput.vue')
-rw-r--r-- | src/views/_sila/Power/Dynamic/PowerOutput.vue | 31 |
1 files changed, 26 insertions, 5 deletions
diff --git a/src/views/_sila/Power/Dynamic/PowerOutput.vue b/src/views/_sila/Power/Dynamic/PowerOutput.vue index 77e90e87..6580eb9e 100644 --- a/src/views/_sila/Power/Dynamic/PowerOutput.vue +++ b/src/views/_sila/Power/Dynamic/PowerOutput.vue @@ -1,8 +1,8 @@ <template> <collapse id="collapse_OutputPower" - default-open :title="$t('pagePowerSup.OutputPower')" + @opened="onOpened" > <template #image> <img src="@/assets/images/_sila/collapsed/power.svg" /> @@ -25,7 +25,7 @@ v-model="shutdown" type="number" :min="warning" - :max="100" + :max="126" > </b-form-input> </b-form-group> @@ -37,7 +37,7 @@ </b-col> </b-row> --> <chart - type="power" + type="psu-power" :time-scale="timeScale" :data="filteredItems" :colors="colors" @@ -104,8 +104,8 @@ export default { }, data() { return { - warning: 72, - shutdown: 95, + warning: 95, + shutdown: 110, isBusy: true, fields: [ { @@ -165,5 +165,26 @@ export default { this.items.length ? (this.isBusy = false) : (this.isBusy = true); }, }, + methods: { + onOpened(state) { + if (state) { + this.loadData(); + } + }, + + loadData() { + let payload = { metricsName: 'psu_power', lastHour: false }; + if (this.timeScale === 'hour') { + payload.lastHour = true; + } + + this.startLoader(); + this.$store.dispatch('powerSupply/getPsu', payload).finally(() => { + this.$root.$emit('psu-power'); + this.isBusy = false; + this.endLoader(); + }); + }, + }, }; </script> |