diff --git a/components.d.ts b/components.d.ts
index 44895be..decf69e 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -26,4 +26,7 @@ declare module 'vue' {
SimpleKeyboard: typeof import('./src/components/SimpleKeyboard.vue')['default']
StackInfoModal: typeof import('./src/components/dialogs/StackInfoModal.vue')['default']
}
+ export interface ComponentCustomProperties {
+ vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+ }
}
diff --git a/src/pages/Index/Regular/Running.vue b/src/pages/Index/Regular/Running.vue
index 919d36e..0da7cfb 100644
--- a/src/pages/Index/Regular/Running.vue
+++ b/src/pages/Index/Regular/Running.vue
@@ -13,7 +13,7 @@
{{ deviceStore.sensorState?.incubateBoxTemperature || 0 }}
-
+
@@ -21,9 +21,18 @@
光学模组
-
+
-
+
-
+
空闲
-
+
急诊
@@ -121,7 +134,7 @@
>
{{ consumablesStore.tipCount }}/360
移液头
-
+
废料箱
- {{ deviceStore.sensorState.wasteBinFullFlag ? '已满' : '未满' }}
+
+ {{ deviceStore.sensorState.wasteBinFullFlag ? '已满' : '未满' }}
+
@@ -161,7 +176,7 @@ import {
useConsumablesStore,
useDeviceStore,
useSettingTestTubeStore,
- useEmergencyStore
+ useEmergencyStore,
} from '@/store'
import TankInfo from '../components/Running/TankInfo.vue'
import { PlateDisplay, LittleBufferDisplay } from '../components'
@@ -174,18 +189,8 @@ const consumablesStore = useConsumablesStore()
const runningStore = useRunningStore()
const deviceStore = useDeviceStore()
const settingTubeStore = useSettingTestTubeStore()
-const emergencyStore = useEmergencyStore();//从急诊页面添加的急诊数据
+const emergencyStore = useEmergencyStore() //从急诊页面添加的急诊数据
const router = useRouter()
-// 急诊试管数据
-const emergencyTube = ref(emergencyStore.emergencyInfo)
-console.log('emergencyTube---', emergencyTube)
-const hasEmergencyPosition = ref(emergencyStore.emergencyInfo.isEmergency)
-const emergencyBackground = computed(()=>{
- if(hasEmergencyPosition){
- return '#c7c7c7'
- }
- return ''
-})
//确认添加急诊
const confirmEmergency = () => {
@@ -203,8 +208,8 @@ const toggleSelectItem = (index: number) => {
}
// 计算填充样式
-const getFillStyle = (item: any) => {
- const percentage = (item.tipNum / 120) * 100
+const getFillStyle = (cnt: number) => {
+ const percentage = (cnt / 360) * 100
return {
background: `linear-gradient(to top, #bbd3fb ${percentage}%,#c9c9c9 ${percentage}%)`,
}
@@ -276,11 +281,6 @@ watch(
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
- &:hover {
- transform: translateY(-2px);
- box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);
- }
-
span {
font-size: 32px;
color: #ffffff;
@@ -306,7 +306,7 @@ watch(
content: '';
width: 3px;
height: 120px;
- background: linear-gradient(to bottom, #e0341d, #fa4f0b);
+ background: lightgray;
position: absolute;
right: -30px;
}
@@ -351,11 +351,7 @@ watch(
height: 100%;
border-radius: 16px;
transition: all 0.3s ease;
- background: linear-gradient(
- to top,
- rgba(92, 184, 92, 0.1),
- transparent
- );
+ background: rgba(92, 184, 92, 0.2);
}
.tip-text {
@@ -368,10 +364,6 @@ watch(
}
}
- .buffer-grid {
- margin-top: -10px;
- }
-
.waste-area {
border-radius: 12px;
display: flex;
@@ -395,14 +387,10 @@ watch(
}
.full-state {
margin-top: 8px;
- color: #FFF;
+ color: #fff;
font-size: 20px;
font-weight: bold;
}
-
- &:hover {
- transform: translateY(-2px);
- }
}
}
@@ -533,27 +521,9 @@ watch(
}
}
-// 添加动画
-@keyframes pulse {
- 0% {
- transform: scale(1);
- }
-
- 50% {
- transform: scale(1.05);
- }
-
- 100% {
- transform: scale(1);
- }
-}
-.red {
- background-color: rgb(223, 237, 248);
-}
.tube-container {
display: flex;
- flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
@@ -563,7 +533,7 @@ watch(
}
.plate-temp {
position: fixed;
- top: 120px;
+ top: 140px;
right: 30px;
padding: 10px;
background-color: rgb(209, 229, 255);