import { ref, watchEffect } from 'vue'

import { useHomeStore } from '@/stores/homeStore'
import { useLiquidStore } from '@/stores/liquidStore'
import { useSealStore } from '@/stores/sealStore'

const homeStore = useHomeStore()
const liquidStore = useLiquidStore()
const sealStore = useSealStore()
const addWorkState = ref(liquidStore.liquidStateData)// 加液状态
const drainWorkState = ref(liquidStore.liquidStateData)// 排液状态
const sealInfo = ref(sealStore.sealInfo)

watchEffect(() => {
  addWorkState.value = liquidStore.liquidAddWorkState
  drainWorkState.value = liquidStore.liquidDrainWorkState
  sealInfo.value = sealStore.sealInfo
})

export const getDeviceStatus = () => {
  let statusName = ''
  if (!homeStore.isDeviceIdle) {
    statusName = '正在进行消毒，不可操作'
    return statusName
  }
  // 正在进行加液
  if (addWorkState.value.workState !== 'idle') {
    statusName = '正在进行加液操作...'
    return statusName
  }
  // 正在进行排液
  if (drainWorkState.value.workState !== 'idle') {
    statusName = '正在进行排液操作...'
    return statusName
  }

  // 正在密封测试
  if (sealInfo.value.workState !== 'idle') {
    statusName = '正在进行密封测试...'
    return statusName
  }
  return statusName
}