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);