From 47236c4ed171e33b61a25b5620ab20e46111fab2 Mon Sep 17 00:00:00 2001
From: zhangjiming <zhangjiming@costrip.cn>
Date: Fri, 3 Jan 2025 16:05:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=94=99=E8=AF=AF+=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E5=8C=96+=E9=80=9A=E7=9F=A5=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/eventBus.ts                         |   1 +
 src/pages/Index/Index.vue               |  33 ++-------
 src/pages/Index/Regular/Consumables.vue | 127 +++++++++++++++++++++-----------
 src/utils/errorHandler.ts               |   8 +-
 4 files changed, 98 insertions(+), 71 deletions(-)

diff --git a/src/eventBus.ts b/src/eventBus.ts
index 8525a65..2127bcb 100644
--- a/src/eventBus.ts
+++ b/src/eventBus.ts
@@ -15,6 +15,7 @@ export type ErrorModalData = {
 }
 
 type Events = {
+  initDevice: void
   confirm: { value: number; index: number }
   'show-error-modal': ErrorModalData
   'show-stack-modal': ErrorModalData['stackInfo'] | null | undefined
diff --git a/src/pages/Index/Index.vue b/src/pages/Index/Index.vue
index 310f36e..2d1cec6 100644
--- a/src/pages/Index/Index.vue
+++ b/src/pages/Index/Index.vue
@@ -83,12 +83,13 @@
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount } from 'vue';
 import { Time, InitWarn, LoadingModal } from './components/Consumables';
-import { getCheckList, startWork, pauseWork, continueWork, stopWork, getInitState, initDevice, saveMountedCardInfo, openBuzzer, closeBuzzer } from '../../services/index';
+import { startWork, pauseWork, continueWork, stopWork, getInitState, initDevice, saveMountedCardInfo, openBuzzer, closeBuzzer } from '../../services/index';
 import { CheckItem, User } from '../../types/Index';
 import { useConsumablesStore } from '../../store';
 import { createWebSocket } from '../../websocket/socket';
 import type { AppEventMessage } from '../../websocket/socket';
 import { getServerInfo } from '../../utils/getServerInfo';
+import { eventBus } from '../../eventBus';
 const selectedTab = ref(sessionStorage.getItem('selectedTab') || '常规');
 const lineWidth = ref(0);
 const lineLeft = ref(0);
@@ -160,9 +161,7 @@ const confirmError = async () => {
 }
 //确认警告事件
 const confirmWarn = async () => {
-
   showWarnModal.value = false
-  return
 }
 //保存id卡信息
 const saveIdInfo = async () => {
@@ -172,14 +171,17 @@ const saveIdInfo = async () => {
     idCardInserted.value = false;
   }
 }
+const showInitDeviceAlert = () => {
+  showModal.value = true
+}
 onMounted(() => {
-
+  eventBus.on('initDevice', showInitDeviceAlert)
   ws.connect();
   ws.subscribe<AppEventMessage>('AppEvent', handleAppEvent);
 });
 
 onBeforeUnmount(() => {
-
+  eventBus.off('initDevice', showInitDeviceAlert)
   ws.unsubscribe<AppEventMessage>('AppEvent', handleAppEvent);
   ws.disconnect();
 });
@@ -332,27 +334,6 @@ const openTest = () => {
     showModal.value = true;
   }
 };
-// 获取初始化检测数据
-const getCheckData = async () => {
-  try {
-    const res = await getCheckList();
-    if (res.data && res.data.ecode == "SUC") {
-      checkData.value = res.data;
-      console.log('设备检查的结果:', checkData.value);
-      // 检查试管槽状态
-      checkTestTubeSlotStatus(checkData.value);
-    } else {
-      console.log("获取检测数据失败")
-      showFailModal.value = true;
-      failMessage.value = "获取检测数据失败，请检查设备状态。"
-    }
-  } catch (error) {
-    console.error('获取检测数据失败:', error);
-    showFailModal.value = true;
-    failMessage.value = "获取检测数据失败，请检查设备状态。"
-  }
-};
-
 
 // 更新蓝线的宽度和左偏移量
 const updateLinePosition = (element: any) => {
diff --git a/src/pages/Index/Regular/Consumables.vue b/src/pages/Index/Regular/Consumables.vue
index 582fa76..cd38f3c 100644
--- a/src/pages/Index/Regular/Consumables.vue
+++ b/src/pages/Index/Regular/Consumables.vue
@@ -24,7 +24,11 @@
               </tr>
             </thead>
             <tbody>
-              <tr v-for="report in formattedReports" :key="report.channel" :class="{ 'error-row': report.isError }">
+              <tr
+                v-for="report in formattedReports"
+                :key="report.channel"
+                :class="{ 'error-row': report.isError }"
+              >
                 <td>通道{{ report.channel + 1 }}</td>
                 <td>{{ report.projName || '--' }}</td>
                 <td>{{ report.lotId || '--' }}</td>
@@ -47,9 +51,18 @@
         <SpttingPlates :plates="plates" :temperature="currentTemperature" />
       </div>
       <div class="move-liquid-area">
-        <MoveLiquidArea :isLoad="isLoad" :isLoading="isLoading" :moveLiquids="moveLiquids" :tempTipNum="tempTipNum"
-          :bufferBig="bufferBig" :emergencyInfo="emergencyInfo" :wasteStatus="wasteStatus"
-          @loadConsumables="handleIsLoad" @unloadConsumables="handleIsUnload" @updateTipNum="updateTipNum" />
+        <MoveLiquidArea
+          :isLoad="isLoad"
+          :isLoading="isLoading"
+          :moveLiquids="moveLiquids"
+          :tempTipNum="tempTipNum"
+          :bufferBig="bufferBig"
+          :emergencyInfo="emergencyInfo"
+          :wasteStatus="wasteStatus"
+          @loadConsumables="handleIsLoad"
+          @unloadConsumables="handleIsUnload"
+          @updateTipNum="updateTipNum"
+        />
       </div>
     </div>
     <div class="main-bottom">
@@ -59,9 +72,19 @@
         <div class="content">缓冲液(小)</div>
       </div>
       <div class="ball-area">
-        <MainComponent v-for="item in bufferLittles" :key="item" class="ball-grid" :projectName="item.projShortName"
-          :currentCount="item.num" :totalBalls="25" :activatedBalls="item.num" :columns="5" gridWidth="240px"
-          gridHeight="235px" :activeColor="item.color" />
+        <MainComponent
+          v-for="item in bufferLittles"
+          :key="item"
+          class="ball-grid"
+          :projectName="item.projShortName"
+          :currentCount="item.num"
+          :totalBalls="25"
+          :activatedBalls="item.num"
+          :columns="5"
+          gridWidth="240px"
+          gridHeight="235px"
+          :activeColor="item.color"
+        />
       </div>
     </div>
   </div>
@@ -70,17 +93,21 @@
 <script setup lang="ts">
 import { MoveLiquidArea, SpttingPlates, MainComponent } from '../components'
 import { ref, onMounted, onActivated, onBeforeUnmount, watch } from 'vue'
-import { scanConsumables, updateTipsNum } from '../../../services/Index/index'
+import {
+  getInitState,
+  scanConsumables,
+  updateTipsNum,
+} from '../../../services/Index/index'
 import { useConsumablesStore, useEmergencyStore } from '../../../store'
 import { useDeviceStore } from '../../../store/index'
 import { eventBus } from '../../../eventBus'
-import {
-  ReactionPlate,
-  BottleGroup,
-  LiquidState,
-} from '../../../types/Index'
+import { ReactionPlate, BottleGroup, LiquidState } from '../../../types/Index'
 import { createWebSocket } from '../../../websocket/socket'
-import type { ConsumablesStateMessage, SensorStateMessage, EmergencyPosStateMessage } from '../../../websocket/socket';
+import type {
+  ConsumablesStateMessage,
+  SensorStateMessage,
+  EmergencyPosStateMessage,
+} from '../../../websocket/socket'
 import { getServerInfo } from '../../../utils/getServerInfo'
 import { formatScanReports } from '../../../utils/errorHandler'
 import { ElMessage } from 'element-plus'
@@ -91,15 +118,15 @@ const consumableStore = useConsumablesStore()
 const emergencyStore = useEmergencyStore()
 const deviceStore = useDeviceStore()
 // 温度状态
-const currentTemperature = ref(40);
+const currentTemperature = ref(40)
 // 废料区状态
 const wasteStatus = ref(false)
 // 父组件状态
 const isLoad = ref(false)
 const isLoading = ref(false)
-//管理反应板夹的状态
+// 反应板夹的状态
 const plates = ref<ReactionPlate[]>([])
-// 管理移液盘的状态
+// 移液盘的状态
 const moveLiquids = ref<LiquidState[]>([
   {
     id: 1,
@@ -190,7 +217,7 @@ const isHandleScan = ref(false)
 const handleConfirmScan = () => {
   showScanResults.value = false
   isHandleScan.value = true
-  if (formattedReports.value.some(report => report.isError)) {
+  if (formattedReports.value.some((report) => report.isError)) {
     isLoad.value = false
     isAlreadyLoad.value = false
     ElMessage.warning('存在错误，请检查耗材')
@@ -203,15 +230,15 @@ const startWebSocket = () => {
 // 处理传感器状态消息
 const handleSensorState = (data: SensorStateMessage['data']) => {
   // 更新温度值（这里使用孵育盒温度）
-  currentTemperature.value = data.incubateBoxTemperature;
+  currentTemperature.value = data.incubateBoxTemperature
   wasteStatus.value = data.wasteBinFullFlag
   consumableStore.updateWasteStatus(wasteStatus.value)
   // 可以添加温度异常处理逻辑
   if (currentTemperature.value > 40) {
-    console.warn('温度过高警告');
+    console.warn('温度过高警告')
     // 可以在这里添加其他警告逻辑
   }
-};
+}
 
 //处理耗材状态
 const handleConsumablesState = (data: ConsumablesStateMessage['data']) => {
@@ -233,17 +260,24 @@ const updatePlatesAndBuffers = ({
   value: number
   index: number
 }) => {
-  if (plates.value && plates.value[index]) plates.value[index].num = value
-  if (bufferLittles.value && bufferLittles.value[index])
+  if (plates.value && plates.value[index]) {
+    plates.value[index].num = value
+  }
+  if (bufferLittles.value && bufferLittles.value[index]) {
     bufferLittles.value[index].num = value
-  if (bufferBig.value && bufferBig.value[index])
+  }
+  if (bufferBig.value && bufferBig.value[index]) {
     bufferBig.value[index].isUse = value > 0
+  }
 }
 onMounted(() => {
   eventBus.on('confirm', updatePlatesAndBuffers)
   startWebSocket()
-  socket.subscribe<SensorStateMessage>('SensorState', handleSensorState);
-  socket.subscribe<ConsumablesStateMessage>('ConsumablesStateService', handleConsumablesState);
+  socket.subscribe<SensorStateMessage>('SensorState', handleSensorState)
+  socket.subscribe<ConsumablesStateMessage>(
+    'ConsumablesStateService',
+    handleConsumablesState,
+  )
   // getEmergencyInfo()
 })
 onBeforeUnmount(() => {
@@ -252,8 +286,11 @@ onBeforeUnmount(() => {
   if (socket !== null) {
     socket.disconnect() // 断开连接
   }
-  socket.unsubscribe<SensorStateMessage>('SensorState', handleSensorState);
-  socket.unsubscribe<ConsumablesStateMessage>('ConsumablesStateService', handleConsumablesState);
+  socket.unsubscribe<SensorStateMessage>('SensorState', handleSensorState)
+  socket.unsubscribe<ConsumablesStateMessage>(
+    'ConsumablesStateService',
+    handleConsumablesState,
+  )
 })
 // 在组件激活时恢复状态
 onActivated(() => {
@@ -267,9 +304,13 @@ onActivated(() => {
 const consumablesData = ref<ConsumablesStateMessage['data'] | null>(null)
 // 修改加载耗材的处理函数
 const handleIsLoad = async () => {
-  isLoading.value = true
-
+  const res = await getInitState()
+  if (res.ecode === 'SUC' && !res.data.deviceInited) {
+    eventBus.emit('initDevice')
+    return
+  }
   try {
+    isLoading.value = true
     const res = await scanConsumables()
     isLoading.value = false
 
@@ -279,10 +320,6 @@ const handleIsLoad = async () => {
     // 显示扫描结果弹窗
     showScanResults.value = true
     consumablesData.value = res.data.consumableState
-    // 更新状态
-    if (res.data.consumableState) {
-
-    }
   } catch (error) {
     console.error('加载耗材失败:', error)
     isLoading.value = false
@@ -296,14 +333,13 @@ watch(isHandleScan, (newVal) => {
     if (consumablesData.value) {
       moveLiquids.value = consumablesData.value.tips
       plates.value = consumablesData.value.reactionPlateGroup as ReactionPlate[]
-      bufferLittles.value = consumablesData.value.littBottleGroup as BufferLittle[]
+      bufferLittles.value = consumablesData.value
+        .littBottleGroup as BufferLittle[]
       bufferBig.value = consumablesData.value.larBottleGroup as BottleGroup[]
       tempTipNum.value = [...moveLiquids.value.map((liquid) => liquid.tipNum)]
       isLoad.value = true
       isAlreadyLoad.value = true
       consumableStore.setConsumablesData(consumablesData.value)
-      // 清空临时数据
-      consumablesData.value = null
     }
   } else {
     // 取消时清空临时数据
@@ -314,7 +350,10 @@ const handleIsUnload = () => {
   isLoad.value = !isLoad.value
   isLoading.value = false
   isAlreadyLoad.value = false
-  socket.unsubscribe<ConsumablesStateMessage>('ConsumablesStateService', handleConsumablesState);
+  socket.unsubscribe<ConsumablesStateMessage>(
+    'ConsumablesStateService',
+    handleConsumablesState,
+  )
   // 重置 moveLiquids 和 tempTipNum
   moveLiquids.value = [
     { id: 1, tipNum: 0 },
@@ -365,14 +404,20 @@ const handleIsUnload = () => {
   ]
   bufferBig.value = []
 }
-const updateTipNum = async ({ index, tipNum }: { index: number; tipNum: number }) => {
+const updateTipNum = async ({
+  index,
+  tipNum,
+}: {
+  index: number
+  tipNum: number
+}) => {
   // 新临时状态
   tempTipNum.value[index] = tipNum
   console.log('🚀 ~ updateTipNum ~ tempTipNum:', tempTipNum.value)
   //调用接口
   try {
     if (deviceStore.status === 'IDLE') {
-      await updateTipsNum({ group: `CG${index}`, num: tipNum })
+      await updateTipsNum({ group: `TipG${index+1}`, num: tipNum })
     } else {
       ElMessage.error('设备正在工作，无法修改数值')
     }
@@ -492,7 +537,7 @@ const updateTipNum = async ({ index, tipNum }: { index: number; tipNum: number }
       flex-wrap: wrap;
 
       .ball-grid {
-        margin: 0 15px 5px 15px
+        margin: 0 15px 5px 15px;
       }
     }
   }
diff --git a/src/utils/errorHandler.ts b/src/utils/errorHandler.ts
index 0bedebb..c06ec17 100644
--- a/src/utils/errorHandler.ts
+++ b/src/utils/errorHandler.ts
@@ -2,16 +2,16 @@
 const ERROR_MAP = {
   PASS: '通过',
   EMPTY: '空',
-  EXPIRED: '转材过期',
-  MISS_REACTION_PLATE: '没有反应板架',
+  EXPIRED: '耗材过期',
+  MISS_REACTION_PLATE: '没有反应板夹',
   MISS_LITTSB: '缺少小缓冲液',
   MISS_LARBS: '缺少大缓冲液',
   MISS_IDCARD: '未找到匹配的项目ID卡',
   LITTSB_LOTID_MISMATCH: '小缓冲液批号不匹配',
   LARBS_LOTID_MISMATCH: '大缓冲液批号不匹配',
+  REACTION_PLATE_2D_CODE_FORMATE_ERROR: '反应板二维码格式错误',
   CODE_ERROR_PROJINFO_IS_ERROR: '代码错误，项目信息异常',
   UN_SUPPORT_PROJ: '不支持的项目',
-  REACTION_PLATE_2D_CODE_FORMATE_ERROR: '反应板二维码格式错误',
 } as const
 
 type ErrorCode = keyof typeof ERROR_MAP
@@ -31,7 +31,7 @@ export const getErrorMessage = (code: ErrorCode): string => {
  * @returns 是否为错误状态
  */
 export const isError = (code: ErrorCode): boolean => {
-  return code !== 'PASS'
+  return code !== 'PASS' && code !== 'EMPTY'
 }
 
 /**