|
|
@ -1,13 +1,22 @@ |
|
|
|
<script lang="ts" setup> |
|
|
|
// import homeRound from 'assets/images/home/home-round.svg' |
|
|
|
import { useHomeStore } from 'stores/homeStore' |
|
|
|
import { ref, watchEffect } from 'vue' |
|
|
|
|
|
|
|
import { useFormulaStore } from '@/stores/formulaStore' |
|
|
|
|
|
|
|
const formulaStore = useFormulaStore() |
|
|
|
const homeStore = useHomeStore() |
|
|
|
const formulaInfo = ref() |
|
|
|
watchEffect(() => { |
|
|
|
const rate = ref() |
|
|
|
watchEffect(async () => { |
|
|
|
if (['idle', 'finished'].includes(homeStore.disinfectionState.state)) { |
|
|
|
formulaInfo.value = formulaStore.selectedFormulaInfo |
|
|
|
rate.value = formulaStore.selectedFormulaInfo?.injection_pump_speed |
|
|
|
} |
|
|
|
else { |
|
|
|
rate.value = homeStore.realRate || (await formulaStore.getRealtimeConfig()).rely?.injection_pump_speed |
|
|
|
} |
|
|
|
}) |
|
|
|
</script> |
|
|
|
|
|
|
@ -23,9 +32,9 @@ watchEffect(() => { |
|
|
|
</div> |
|
|
|
</el-tooltip> |
|
|
|
</div> |
|
|
|
<div v-if="formulaInfo && formulaInfo.injection_pump_speed" class="title-spend"> |
|
|
|
<div v-if="rate" class="title-spend"> |
|
|
|
<span>速率</span> |
|
|
|
<span style="color: #31cb7a">{{ formulaInfo.injection_pump_speed }}</span>g/分钟 |
|
|
|
<span style="color: #31cb7a">{{ rate }}</span>g/分钟 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|