From 900681a626611a829ad4bd08bc965dbaadb40ba0 Mon Sep 17 00:00:00 2001 From: maochaoying <925670706@qq.com> Date: Wed, 16 Aug 2023 09:33:45 +0800 Subject: [PATCH] some state change --- index.html | 5 ++- src/components/LiquidHandle.vue | 47 ++++++++++++++++++----- src/components/Operator.vue | 6 +-- src/pages/Home.vue | 82 +++++++++++++++++++++-------------------- src/store/modules/operator.js | 8 ++++ src/store/modules/websocket.js | 13 +++++-- src/style.scss | 13 +++++++ 7 files changed, 117 insertions(+), 57 deletions(-) diff --git a/index.html b/index.html index 22990c9..95784dc 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,10 @@ - + 消毒机 diff --git a/src/components/LiquidHandle.vue b/src/components/LiquidHandle.vue index 1dfc15e..8f7ceaf 100644 --- a/src/components/LiquidHandle.vue +++ b/src/components/LiquidHandle.vue @@ -42,26 +42,52 @@ 开始排液 - +

正在加液...

+ +
+ + + + + +

正在排液...

+
import LiquidModal from './dialogs/LiquidModal.vue' -import { useDeviceStore, useWebSocketStore } from '@/store' +import { useDeviceStore, useWebSocketStore, useOperatorStore } from '@/store' import { ref } from 'vue' import { storeToRefs } from 'pinia' import { @@ -97,6 +123,7 @@ import { } from '@/mock/command' const numberKeyboardShow = ref(false) +const operatorStore = useOperatorStore() const props = defineProps({ tabType: { @@ -247,7 +274,7 @@ const { disinfectantCapacity } = storeToRefs(deviceStore) font-weight: normal; line-height: normal; letter-spacing: 0.06em; - color: #81fc50; + color: #ff9a2d; } } .chart { diff --git a/src/components/Operator.vue b/src/components/Operator.vue index 31451dc..21bf783 100644 --- a/src/components/Operator.vue +++ b/src/components/Operator.vue @@ -49,7 +49,7 @@ 开始消毒
-

剩余时间

+

预计剩余时间