<!-- 运行总览 -->
<script name="LabOverview" lang="ts" setup>
import type { Ref } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import MessageCom from './components/message.vue'
import monitorData from './components/monitorData.vue'
import type { IList, IListQuery } from '@/views/laboratory/alarm/current/list-interface'
import type { TableColumn } from '@/components/NormalTable/table_interface'
import { getCurrentList, operateAlarm } from '@/api/laboratory/alarm/current'
import { getLocationDetail } from '@/api/laboratory/overView'
import useUserStore from '@/store/modules/user'
const user = useUserStore() // 用户信息
// ---------------------------------------表格---------------------------------------------
const radioMenus = ref([ // 标签内容
{ name: '未确认报警', value: 'unconfirmed' },
{ name: '已确认报警', value: 'confirmed' },
])
const current = ref('unconfirmed') // 选择的tab 默认基本信息
// 查询条件
const listQuery: Ref<IListQuery> = ref({
alarmEndTime: '', // 报警结束时间
alarmStartTime: '', // 报警开始时间
alarmStatus: '', // 报警状态
deviceName: '', // 智能模型名称
deviceNo: '', // 智能模型编号
labName: user.lab, // 所属实验室
limit: 10,
offset: 1,
})
const list = ref<IList[]>([]) // 表格数据
const loadingTable = ref(false) // 表格loading
// 表头
const columns = ref<TableColumn[]>([
{ text: '智能模型编号', value: 'deviceNo', align: 'center', width: '160' },
{ text: '智能模型名称', value: 'deviceName', align: 'center' },
{ text: '安装地点', value: 'locationName', align: 'center' },
{ text: '负责部门', value: 'deptName', align: 'center' },
{ text: '负责人', value: 'userName', align: 'center' },
{ text: '事件名称', value: 'eventName', align: 'center' },
{ text: '报警等级', value: 'alarmLevel', align: 'center' },
{ text: '数值', value: 'alarmValue', align: 'center' },
{ text: '报警时间', value: 'alarmTime', align: 'center', width: '180' },
{ text: '报警状态', value: 'alarmStatusName', align: 'center', width: '90' },
])
const total = ref(0) // 数据总条数
const selectLab = ref('海口实验室') // 顶级角色选择的所属实验室
// 数据查询
function fetchData(isNowPage = false) {
loadingTable.value = true
if (!isNowPage) {
// 是否显示当前页，否则跳转第一页
listQuery.value.offset = 1
}
getCurrentList(listQuery.value).then((response) => {
list.value = response.data.rows.map((item: { alarmStatus: string }) => {
return {
...item,
alarmStatusName: `${item.alarmStatus}` === '1' ? '未确认' : `${item.alarmStatus}` === '2' ? '已确认' : `${item.alarmStatus}` === '3' ? '已消警' : '',
}
})
total.value = parseInt(response.data.total)
loadingTable.value = false
}).catch(() => {
loadingTable.value = false
})
}
// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
const changePage = (val: { size?: number; page?: number }) => {
if (val && val.size) {
listQuery.value.limit = val.size
}
if (val && val.page) {
listQuery.value.offset = val.page
}
fetchData(true)
}
// 操作
const handleEdit = (row: IList, alarmStatus: string, title: string) => {
ElMessageBox.confirm(
`确认执行${title}操作吗？`,
'提示',
{
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
},
)
.then(() => {
loadingTable.value = true
operateAlarm({ ids: [row.id], alarmStatus }).then((res) => {
ElMessage({
type: 'success',
message: `${title}成功`,
})
fetchData(true)
}).catch(() => {
loadingTable.value = false
})
})
}
// --------------------------------------西昌实验室图----------------------------------------------------------
// ===========================西昌===================================
const temperatureHumidityRoomIn = ref({ // 温湿度计量工作间（内）
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
smokeValue: '-', // 烟雾
})
const temperatureHumidityRoomOut = ref({ // 温湿度计量工作间(外)
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
})
const dangerousGoodsStore = ref({ // 危险品仓库
smokeValue: '-', // 烟雾
})
const electricalMetrologyRoom = ref({ // 电学计量工作间
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
})
const receiveDispatchRoom = ref({ // 仪器收发间
temperature: '-', // 温度
humidity: '-', // 湿度
})
const pressureMeasureRoom = ref({ // 压力计量
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
oxygenDensity: '-', // 氧气
})
const qualityMeasureRoom = ref({ // 质量计量
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
})
const timeFrequencyRoom = ref({ // 时间频率
temperature: '-', // 温度
humidity: '-', // 湿度
})
const electromagneticShieldingRoom = ref({ // 电磁屏蔽间
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
})
const specialTestRoom = ref({ // 专项测试
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
})
const microwaveSignalRoom = ref({ // 微波信号计量
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
})
const pulscopeRoom = ref({ // 脉冲示波器计量
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
})
// =============================海口====================================
const spareRoomHK = ref({ // 备品备件库
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const electromagnetism2RoomHK = ref({ // 电磁学工作间2
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const qualityArbitrationRoomHK = ref({ // 质量检定工作间
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const pressure1RoomHK = ref({ // 压力检定工作间1
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const pressure2RoomHK = ref({ // 压力检定工作间2
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const microwaveSignal1RoomHK = ref({ // 微波信号检定工作间1
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const timeFrequency1RoomHK = ref({ // 时间频率检定工作间1
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const timeFrequency2RoomHK = ref({ // 时间频率检定工作间2
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const electromagnetism1RoomHK = ref({ // 电磁学工作间1
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const FileRoomHK = ref({ // 档案间
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const safetyValveRoomHK = ref({ // 安全阀校验
// fanOxygen: '', // 风扇氧气
// wallOxygen: '', // 挂墙氧气
temperature: '-', // 温度
humidity: '-', // 湿度
// VOC: '-', // VOC
oxygenDensity: '-', // 氧气
})
const receiveDispatchRoomHK = ref({ // 仪器收发间
temperature: '-', // 温度
humidity: '-', // 湿度
oxygenDensity: '-', // 氧气
})
const UPSRoomHK = ref({ // Ups电源间
temperature: '-', // 温度
humidity: '-', // 湿度
})
const humidityRoomHK = ref({ // 湿度检定工作间
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
})
const temperatureRoomHK = ref({ // 温度检定工作间
temperature: '-', // 温度
humidity: '-', // 湿度
voltage: '-', // 电压
netWork: false, // 是否联网
airConditioner: '', // 精密空调状态
smokeStatus: '', // 烟感
})
// 获取图里的资源
const fetchLocationDetail = () => {
getLocationDetail(user.lab).then((res) => {
// =====================西昌==========================
// 时间频率
const timeFrequencyRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '西昌时间频率计量工作间')
if (timeFrequencyRoomIndex !== -1) {
timeFrequencyRoom.value.temperature = `${res.data[timeFrequencyRoomIndex].temperature}` ? `${res.data[timeFrequencyRoomIndex].temperature}` : '-'
timeFrequencyRoom.value.humidity = `${res.data[timeFrequencyRoomIndex].humidity}` ? `${res.data[timeFrequencyRoomIndex].humidity}` : '-'
}
// 西昌质量计量工作间
const qualityMeasureRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '西昌质量计量工作间')
if (qualityMeasureRoomIndex !== -1) {
qualityMeasureRoom.value.temperature = `${res.data[qualityMeasureRoomIndex].temperature}` ? `${res.data[qualityMeasureRoomIndex].temperature}` : '-'
qualityMeasureRoom.value.humidity = `${res.data[qualityMeasureRoomIndex].humidity}` ? `${res.data[qualityMeasureRoomIndex].humidity}` : '-'
qualityMeasureRoom.value.voltage = `${res.data[qualityMeasureRoomIndex].voltage}` ? `${res.data[qualityMeasureRoomIndex].voltage}` : '-'
}
// 西昌仪器收发间
const receiveDispatchRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '西昌仪器收发间')
if (receiveDispatchRoomIndex !== -1) {
receiveDispatchRoom.value.temperature = `${res.data[receiveDispatchRoomIndex].temperature}` ? `${res.data[receiveDispatchRoomIndex].temperature}` : '-'
receiveDispatchRoom.value.humidity = `${res.data[receiveDispatchRoomIndex].humidity}` ? `${res.data[receiveDispatchRoomIndex].humidity}` : '-'
}
// 西昌电磁屏蔽间
const electromagneticShieldingRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '西昌电磁屏蔽间')
if (receiveDispatchRoomIndex !== -1) {
electromagneticShieldingRoom.value.temperature = `${res.data[electromagneticShieldingRoomIndex].temperature}` ? `${res.data[electromagneticShieldingRoomIndex].temperature}` : '-'
electromagneticShieldingRoom.value.humidity = `${res.data[electromagneticShieldingRoomIndex].humidity}` ? `${res.data[electromagneticShieldingRoomIndex].humidity}` : '-'
electromagneticShieldingRoom.value.voltage = `${res.data[electromagneticShieldingRoomIndex].voltage}` ? `${res.data[electromagneticShieldingRoomIndex].voltage}` : '-'
}
// 西昌专项测试工作间
const specialTestRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '西昌专项测试工作间')
if (receiveDispatchRoomIndex !== -1) {
specialTestRoom.value.temperature = `${res.data[specialTestRoomIndex].temperature}` ? `${res.data[specialTestRoomIndex].temperature}` : '-'
specialTestRoom.value.humidity = `${res.data[specialTestRoomIndex].humidity}` ? `${res.data[specialTestRoomIndex].humidity}` : '-'
specialTestRoom.value.voltage = `${res.data[specialTestRoomIndex].voltage}` ? `${res.data[specialTestRoomIndex].voltage}` : '-'
}
// 西昌微波信号计量工作间
const microwaveSignalRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '西昌微波信号计量工作间')
if (receiveDispatchRoomIndex !== -1) {
microwaveSignalRoom.value.temperature = `${res.data[microwaveSignalRoomIndex].temperature}` ? `${res.data[microwaveSignalRoomIndex].temperature}` : '-'
microwaveSignalRoom.value.humidity = `${res.data[microwaveSignalRoomIndex].humidity}` ? `${res.data[microwaveSignalRoomIndex].humidity}` : '-'
microwaveSignalRoom.value.voltage = `${res.data[microwaveSignalRoomIndex].voltage}` ? `${res.data[microwaveSignalRoomIndex].voltage}` : '-'
}
// 西昌脉冲示波器计量工作间
const pulscopeRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '西昌脉冲示波器计量工作间')
if (receiveDispatchRoomIndex !== -1) {
pulscopeRoom.value.temperature = `${res.data[pulscopeRoomIndex].temperature}` ? `${res.data[pulscopeRoomIndex].temperature}` : '-'
pulscopeRoom.value.humidity = `${res.data[pulscopeRoomIndex].humidity}` ? `${res.data[pulscopeRoomIndex].humidity}` : '-'
pulscopeRoom.value.voltage = `${res.data[pulscopeRoomIndex].voltage}` ? `${res.data[pulscopeRoomIndex].voltage}` : '-'
}
// 危险品仓库
const dangerousGoodsStoreIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '危险品仓库')
if (receiveDispatchRoomIndex !== -1) {
dangerousGoodsStore.value.smokeValue = `${res.data[dangerousGoodsStoreIndex].smokeValue}` ? `${res.data[dangerousGoodsStoreIndex].smokeValue}` : '-'
}
// 温湿度计量工作间(外)
const temperatureHumidityRoomOutIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '温湿度计量工作间(外)')
if (receiveDispatchRoomIndex !== -1) {
temperatureHumidityRoomOut.value.temperature = `${res.data[temperatureHumidityRoomOutIndex].temperature}` ? `${res.data[temperatureHumidityRoomOutIndex].temperature}` : '-'
temperatureHumidityRoomOut.value.humidity = `${res.data[temperatureHumidityRoomOutIndex].humidity}` ? `${res.data[temperatureHumidityRoomOutIndex].humidity}` : '-'
temperatureHumidityRoomOut.value.voltage = `${res.data[temperatureHumidityRoomOutIndex].voltage}` ? `${res.data[temperatureHumidityRoomOutIndex].voltage}` : '-'
}
// 温湿度计量工作间(内)
const temperatureHumidityRoomInIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '温湿度计量工作间(内)')
if (receiveDispatchRoomIndex !== -1) {
temperatureHumidityRoomIn.value.temperature = `${res.data[temperatureHumidityRoomInIndex].temperature}` ? `${res.data[temperatureHumidityRoomInIndex].temperature}` : '-'
temperatureHumidityRoomIn.value.humidity = `${res.data[temperatureHumidityRoomInIndex].humidity}` ? `${res.data[temperatureHumidityRoomInIndex].humidity}` : '-'
temperatureHumidityRoomIn.value.voltage = `${res.data[temperatureHumidityRoomInIndex].voltage}` ? `${res.data[temperatureHumidityRoomInIndex].voltage}` : '-'
temperatureHumidityRoomIn.value.smokeValue = `${res.data[temperatureHumidityRoomInIndex].smokeValue}` ? `${res.data[temperatureHumidityRoomInIndex].smokeValue}` : '-'
}
// 压力计量工作间
const pressureMeasureRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '压力计量工作间')
if (receiveDispatchRoomIndex !== -1) {
pressureMeasureRoom.value.temperature = `${res.data[pressureMeasureRoomIndex].temperature}` ? `${res.data[pressureMeasureRoomIndex].temperature}` : '-'
pressureMeasureRoom.value.humidity = `${res.data[pressureMeasureRoomIndex].humidity}` ? `${res.data[pressureMeasureRoomIndex].humidity}` : '-'
pressureMeasureRoom.value.voltage = `${res.data[pressureMeasureRoomIndex].voltage}` ? `${res.data[pressureMeasureRoomIndex].voltage}` : '-'
pressureMeasureRoom.value.oxygenDensity = `${res.data[pressureMeasureRoomIndex].oxygenDensity}` ? `${res.data[pressureMeasureRoomIndex].oxygenDensity}` : '-'
}
// 电学计量工作间
const electricalMetrologyRoomIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '电学计量工作间')
if (receiveDispatchRoomIndex !== -1) {
electricalMetrologyRoom.value.temperature = `${res.data[electricalMetrologyRoomIndex].temperature}` ? `${res.data[electricalMetrologyRoomIndex].temperature}` : '-'
electricalMetrologyRoom.value.humidity = `${res.data[electricalMetrologyRoomIndex].humidity}` ? `${res.data[electricalMetrologyRoomIndex].humidity}` : '-'
electricalMetrologyRoom.value.voltage = `${res.data[electricalMetrologyRoomIndex].voltage}` ? `${res.data[electricalMetrologyRoomIndex].voltage}` : '-'
}
// ============================海口======================
// 海口温度检定工作间
const temperatureRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口温度检定工作间')
if (temperatureRoomHKIndex !== -1) {
temperatureRoomHK.value.temperature = `${res.data[temperatureRoomHKIndex].temperature}` ? `${res.data[temperatureRoomHKIndex].temperature}` : '-'
temperatureRoomHK.value.humidity = `${res.data[temperatureRoomHKIndex].humidity}` ? `${res.data[temperatureRoomHKIndex].humidity}` : '-'
temperatureRoomHK.value.voltage = `${res.data[temperatureRoomHKIndex].voltage}` !== '' ? `${res.data[temperatureRoomHKIndex].voltage}` : '-'
temperatureRoomHK.value.netWork = res.data[temperatureRoomHKIndex].airStatus === '关机' || res.data[temperatureRoomHKIndex].airStatus === '开机'
temperatureRoomHK.value.airConditioner = res.data[temperatureRoomHKIndex].airStatus
temperatureRoomHK.value.smokeStatus = res.data[temperatureRoomHKIndex].smokeStatus
}
// 海口湿度检定工作间
const humidityRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口湿度检定工作间')
if (humidityRoomHKIndex !== -1) {
humidityRoomHK.value.temperature = `${res.data[humidityRoomHKIndex].temperature}` ? `${res.data[humidityRoomHKIndex].temperature}` : '-'
humidityRoomHK.value.humidity = `${res.data[humidityRoomHKIndex].humidity}` ? `${res.data[humidityRoomHKIndex].humidity}` : '-'
humidityRoomHK.value.voltage = `${res.data[humidityRoomHKIndex].voltage}` ? `${res.data[humidityRoomHKIndex].voltage}` : '-'
humidityRoomHK.value.netWork = res.data[humidityRoomHKIndex].airStatus === '关机' || res.data[humidityRoomHKIndex].airStatus === '开机'
humidityRoomHK.value.airConditioner = res.data[humidityRoomHKIndex].airStatus
}
// 海口UPS电源间
const UPSRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口UPS电源间')
if (UPSRoomHKIndex !== -1) {
UPSRoomHK.value.temperature = `${res.data[UPSRoomHKIndex].temperature}` ? `${res.data[UPSRoomHKIndex].temperature}` : '-'
UPSRoomHK.value.humidity = `${res.data[UPSRoomHKIndex].humidity}` ? `${res.data[UPSRoomHKIndex].humidity}` : '-'
}
// 海口档案间
const FileRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口档案间')
if (FileRoomHKIndex !== -1) {
FileRoomHK.value.temperature = `${res.data[FileRoomHKIndex].temperature}` ? `${res.data[FileRoomHKIndex].temperature}` : '-'
FileRoomHK.value.humidity = `${res.data[FileRoomHKIndex].humidity}` ? `${res.data[FileRoomHKIndex].humidity}` : '-'
FileRoomHK.value.voltage = `${res.data[FileRoomHKIndex].voltage}` ? `${res.data[FileRoomHKIndex].voltage}` : '-'
FileRoomHK.value.netWork = res.data[FileRoomHKIndex].airStatus === '关机' || res.data[FileRoomHKIndex].airStatus === '开机'
FileRoomHK.value.airConditioner = res.data[FileRoomHKIndex].airStatus
}
// 海口电磁学工作间1
const electromagnetism1RoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口电磁学工作间1')
if (electromagnetism1RoomHKIndex !== -1) {
electromagnetism1RoomHK.value.temperature = `${res.data[electromagnetism1RoomHKIndex].temperature}` ? `${res.data[electromagnetism1RoomHKIndex].temperature}` : '-'
electromagnetism1RoomHK.value.humidity = `${res.data[electromagnetism1RoomHKIndex].humidity}` ? `${res.data[electromagnetism1RoomHKIndex].humidity}` : '-'
electromagnetism1RoomHK.value.voltage = `${res.data[electromagnetism1RoomHKIndex].voltage}` ? `${res.data[electromagnetism1RoomHKIndex].voltage}` : '-'
electromagnetism1RoomHK.value.netWork = res.data[electromagnetism1RoomHKIndex].airStatus === '关机' || res.data[electromagnetism1RoomHKIndex].airStatus === '开机'
electromagnetism1RoomHK.value.airConditioner = res.data[electromagnetism1RoomHKIndex].airStatus
}
// 海口时间频率检定工作间1
const timeFrequency1RoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口时间频率检定工作间1')
if (timeFrequency1RoomHKIndex !== -1) {
timeFrequency1RoomHK.value.temperature = `${res.data[timeFrequency1RoomHKIndex].temperature}` ? `${res.data[timeFrequency1RoomHKIndex].temperature}` : '-'
timeFrequency1RoomHK.value.humidity = `${res.data[timeFrequency1RoomHKIndex].humidity}` ? `${res.data[timeFrequency1RoomHKIndex].humidity}` : '-'
timeFrequency1RoomHK.value.voltage = `${res.data[timeFrequency1RoomHKIndex].voltage}` ? `${res.data[timeFrequency1RoomHKIndex].voltage}` : '-'
timeFrequency1RoomHK.value.netWork = res.data[timeFrequency1RoomHKIndex].airStatus === '关机' || res.data[timeFrequency1RoomHKIndex].airStatus === '开机'
timeFrequency1RoomHK.value.airConditioner = res.data[timeFrequency1RoomHKIndex].airStatus
}
// 海口时间频率检定工作间2
const timeFrequency2RoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口时间频率检定工作间2')
if (timeFrequency2RoomHKIndex !== -1) {
timeFrequency2RoomHK.value.temperature = `${res.data[timeFrequency2RoomHKIndex].temperature}` ? `${res.data[timeFrequency2RoomHKIndex].temperature}` : '-'
timeFrequency2RoomHK.value.humidity = `${res.data[timeFrequency2RoomHKIndex].humidity}` ? `${res.data[timeFrequency2RoomHKIndex].humidity}` : '-'
timeFrequency2RoomHK.value.voltage = `${res.data[timeFrequency2RoomHKIndex].voltage}` ? `${res.data[timeFrequency2RoomHKIndex].voltage}` : '-'
timeFrequency2RoomHK.value.netWork = res.data[timeFrequency2RoomHKIndex].airStatus === '关机' || res.data[timeFrequency2RoomHKIndex].airStatus === '开机'
timeFrequency2RoomHK.value.airConditioner = res.data[timeFrequency2RoomHKIndex].airStatus
}
// 海口微波信号检定工作间1
const microwaveSignal1RoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口微波信号检定工作间1')
if (microwaveSignal1RoomHKIndex !== -1) {
microwaveSignal1RoomHK.value.temperature = `${res.data[microwaveSignal1RoomHKIndex].temperature}` ? `${res.data[microwaveSignal1RoomHKIndex].temperature}` : '-'
microwaveSignal1RoomHK.value.humidity = `${res.data[microwaveSignal1RoomHKIndex].humidity}` ? `${res.data[microwaveSignal1RoomHKIndex].humidity}` : '-'
microwaveSignal1RoomHK.value.voltage = `${res.data[microwaveSignal1RoomHKIndex].voltage}` ? `${res.data[microwaveSignal1RoomHKIndex].voltage}` : '-'
microwaveSignal1RoomHK.value.netWork = res.data[microwaveSignal1RoomHKIndex].airStatus === '关机' || res.data[microwaveSignal1RoomHKIndex].airStatus === '开机'
microwaveSignal1RoomHK.value.airConditioner = res.data[microwaveSignal1RoomHKIndex].airStatus
}
// 海口仪器收发间
const receiveDispatchRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口仪器收发间')
if (receiveDispatchRoomHKIndex !== -1) {
receiveDispatchRoomHK.value.temperature = `${res.data[receiveDispatchRoomHKIndex].temperature}` ? `${res.data[receiveDispatchRoomHKIndex].temperature}` : '-'
receiveDispatchRoomHK.value.humidity = `${res.data[receiveDispatchRoomHKIndex].humidity}` ? `${res.data[receiveDispatchRoomHKIndex].humidity}` : '-'
receiveDispatchRoomHK.value.oxygenDensity = `${res.data[receiveDispatchRoomHKIndex].voltage}` ? `${res.data[receiveDispatchRoomHKIndex].oxygenDensity}` : '-'
}
// 海口安全阀校验间
const safetyValveRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口安全阀校验间')
if (safetyValveRoomHKIndex !== -1) {
safetyValveRoomHK.value.temperature = `${res.data[safetyValveRoomHKIndex].temperature}` ? `${res.data[safetyValveRoomHKIndex].temperature}` : '-'
safetyValveRoomHK.value.humidity = `${res.data[safetyValveRoomHKIndex].humidity}` ? `${res.data[safetyValveRoomHKIndex].humidity}` : '-'
safetyValveRoomHK.value.oxygenDensity = `${res.data[safetyValveRoomHKIndex].voltage}` ? `${res.data[safetyValveRoomHKIndex].oxygenDensity}` : '-'
}
// 海口压力检定工作间2
const pressure2RoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口压力检定工作间2')
if (pressure2RoomHKIndex !== -1) {
pressure2RoomHK.value.temperature = `${res.data[pressure2RoomHKIndex].temperature}` ? `${res.data[pressure2RoomHKIndex].temperature}` : '-'
pressure2RoomHK.value.humidity = `${res.data[pressure2RoomHKIndex].humidity}` ? `${res.data[pressure2RoomHKIndex].humidity}` : '-'
pressure2RoomHK.value.voltage = `${res.data[pressure2RoomHKIndex].voltage}` ? `${res.data[pressure2RoomHKIndex].voltage}` : '-'
pressure2RoomHK.value.netWork = res.data[pressure2RoomHKIndex].airStatus === '关机' || res.data[pressure2RoomHKIndex].airStatus === '开机'
pressure2RoomHK.value.airConditioner = res.data[pressure2RoomHKIndex].airStatus
}
// 海口压力检定工作间1
const pressure1RoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口压力检定工作间1')
if (pressure1RoomHKIndex !== -1) {
pressure1RoomHK.value.temperature = `${res.data[pressure1RoomHKIndex].temperature}` ? `${res.data[pressure1RoomHKIndex].temperature}` : '-'
pressure1RoomHK.value.humidity = `${res.data[pressure1RoomHKIndex].humidity}` ? `${res.data[pressure1RoomHKIndex].humidity}` : '-'
pressure1RoomHK.value.voltage = `${res.data[pressure1RoomHKIndex].voltage}` ? `${res.data[pressure1RoomHKIndex].voltage}` : '-'
pressure1RoomHK.value.netWork = res.data[pressure1RoomHKIndex].airStatus === '关机' || res.data[pressure1RoomHKIndex].airStatus === '开机'
pressure1RoomHK.value.airConditioner = res.data[pressure1RoomHKIndex].airStatus
}
// 海口电磁学工作间2
const electromagnetism2RoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口电磁学工作间2')
if (electromagnetism2RoomHKIndex !== -1) {
electromagnetism2RoomHK.value.temperature = `${res.data[electromagnetism2RoomHKIndex].temperature}` ? `${res.data[electromagnetism2RoomHKIndex].temperature}` : '-'
electromagnetism2RoomHK.value.humidity = `${res.data[electromagnetism2RoomHKIndex].humidity}` ? `${res.data[electromagnetism2RoomHKIndex].humidity}` : '-'
electromagnetism2RoomHK.value.voltage = `${res.data[electromagnetism2RoomHKIndex].voltage}` ? `${res.data[electromagnetism2RoomHKIndex].voltage}` : '-'
electromagnetism2RoomHK.value.netWork = res.data[electromagnetism2RoomHKIndex].airStatus === '关机' || res.data[electromagnetism2RoomHKIndex].airStatus === '开机'
electromagnetism2RoomHK.value.airConditioner = res.data[electromagnetism2RoomHKIndex].airStatus
}
// 海口质量检定工作间
const qualityArbitrationRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口质量检定工作间')
if (qualityArbitrationRoomHKIndex !== -1) {
qualityArbitrationRoomHK.value.temperature = `${res.data[qualityArbitrationRoomHKIndex].temperature}` ? `${res.data[qualityArbitrationRoomHKIndex].temperature}` : '-'
qualityArbitrationRoomHK.value.humidity = `${res.data[qualityArbitrationRoomHKIndex].humidity}` ? `${res.data[qualityArbitrationRoomHKIndex].humidity}` : '-'
qualityArbitrationRoomHK.value.voltage = `${res.data[qualityArbitrationRoomHKIndex].voltage}` ? `${res.data[qualityArbitrationRoomHKIndex].voltage}` : '-'
qualityArbitrationRoomHK.value.netWork = res.data[qualityArbitrationRoomHKIndex].airStatus === '关机' || res.data[qualityArbitrationRoomHKIndex].airStatus === '开机'
qualityArbitrationRoomHK.value.airConditioner = res.data[qualityArbitrationRoomHKIndex].airStatus
}
// 海口备品备件库
const spareRoomHKIndex = res.data.findIndex((item: { locationName: string }) => item.locationName === '海口备品备件库')
if (spareRoomHKIndex !== -1) {
spareRoomHK.value.temperature = `${res.data[spareRoomHKIndex].temperature}` ? `${res.data[spareRoomHKIndex].temperature}` : '-'
spareRoomHK.value.humidity = `${res.data[spareRoomHKIndex].humidity}` ? `${res.data[spareRoomHKIndex].humidity}` : '-'
spareRoomHK.value.voltage = `${res.data[spareRoomHKIndex].voltage}` ? `${res.data[spareRoomHKIndex].voltage}` : '-'
spareRoomHK.value.netWork = res.data[spareRoomHKIndex].airStatus === '关机' || res.data[spareRoomHKIndex].airStatus === '开机'
spareRoomHK.value.airConditioner = res.data[spareRoomHKIndex].airStatus
}
})
}
// ------------------------------------钩子----------------------------------------------------------
watch(() => current.value, (newValue) => {
if (newValue === 'unconfirmed') { // 未确认
listQuery.value.alarmStatus = '1'
}
else { // 已确认
listQuery.value.alarmStatus = '2'
}
fetchData()
}, { immediate: true })
const timer = ref() // 定时器
onMounted(() => {
fetchData()
fetchLocationDetail()
timer.value = window.setInterval(() => {
setTimeout(() => {
fetchLocationDetail()
}, 0)
}, 10000)
})
onBeforeUnmount(() => {
clearInterval(timer.value)
timer.value = null
})
</script>
<template>
<message-com />
<div v-if="user.lab === ''" style="width: 100%;display: flex;justify-content: flex-end;margin: 10px 0 40px;">
<el-select v-model="selectLab" placeholder="所属实验室" style="width: 120px;">
<el-option
v-for="item in ['海口实验室', '西昌实验室']"
:key="item"
:label="item"
:value="item"
/>
</el-select>
</div>
<div style="width: 100%; box-sizing: border-box;position: relative;">
<div style="display: flex;justify-content: center;margin-top: 10px;">
<div style="width: fit-content;height: fit-content;position: relative;">
<img v-show="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')" src="../../../assets/images/lab.png" style="width: 100%;margin-top: -50px;margin-left: -10px;">
<img v-show="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')" src="../../../assets/images/hk.png" style="width: 1152px;height: 648px;">
<!-- 备品备件库是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && spareRoomHK.airConditioner !== ''" :class="spareRoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 26%;left: 12%;">
{{ spareRoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && spareRoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 12%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !spareRoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 12%;">
<!-- 电磁学工作间2是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && electromagnetism2RoomHK.airConditioner !== ''" :class="electromagnetism2RoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 26%;left: 22%;">
{{ electromagnetism2RoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && electromagnetism2RoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 22%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !electromagnetism2RoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 22%;">
<!-- 质量检定工作间是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && qualityArbitrationRoomHK.airConditioner !== ''" :class="qualityArbitrationRoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 26%;left: 32%;">
{{ qualityArbitrationRoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && qualityArbitrationRoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 32%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !qualityArbitrationRoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 32%;">
<!-- 压力检定工作间1是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && pressure1RoomHK.airConditioner !== ''" :class="pressure1RoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 26%;left: 42%;">
{{ pressure1RoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && pressure1RoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 42%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !pressure1RoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 42%;">
<!-- 压力检定工作间2是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && pressure2RoomHK.airConditioner !== ''" :class="pressure2RoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 26%;left: 52%;">
{{ pressure2RoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && pressure2RoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 52%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !pressure2RoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 30%;left: 52%;">
<!-- 时间频率检定工作间1是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && timeFrequency1RoomHK.airConditioner !== ''" :class="timeFrequency1RoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 46.5%;left: 11.5%;">
{{ timeFrequency1RoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && timeFrequency1RoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 12%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !timeFrequency1RoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 12%;">
<!-- 微波信号检定工作间1是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && microwaveSignal1RoomHK.airConditioner !== ''" :class="microwaveSignal1RoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 46.5%;left: 21.5%;">
{{ microwaveSignal1RoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && microwaveSignal1RoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 22%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !microwaveSignal1RoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 22%;">
<!-- 时间频率检定工作间2是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && timeFrequency2RoomHK.airConditioner !== ''" :class="timeFrequency2RoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 46.5%;left: 31.5%;">
{{ timeFrequency2RoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && timeFrequency2RoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 32%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !timeFrequency2RoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 32%;">
<!-- 电磁学工作间1是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && electromagnetism1RoomHK.airConditioner !== ''" :class="electromagnetism1RoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 46.5%;left: 41.5%;">
{{ electromagnetism1RoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && electromagnetism1RoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 42%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !electromagnetism1RoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 42%;">
<!-- 档案间是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && FileRoomHK.airConditioner !== ''" :class="FileRoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 46.5%;left: 52%;">
{{ FileRoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && FileRoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 52%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !FileRoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 52%;">
<!-- 温度检定工作间是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && temperatureRoomHK.airConditioner !== ''" :class="temperatureRoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 46.5%;left: 84%;">
{{ temperatureRoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && temperatureRoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 84%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !temperatureRoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 84%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && temperatureRoomHK.smokeStatus === '断开'" src="../../../assets/images/smoke.png" style="width: 40px;height: 40px;position: absolute;top: 42%;left: 90%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && temperatureRoomHK.smokeStatus === '报警'" src="../../../assets/images/smoke-offLine.png" style="width: 40px;height: 40px;position: absolute;top: 42%;left: 90%;">
<!-- 湿度检定工作间是否联网、空调状态 -->
<div v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && humidityRoomHK.airConditioner !== ''" :class="humidityRoomHK.airConditioner === '关机' ? 'airConditioner' : 'airConditioner-on'" style="position: absolute;top: 46.5%;left: 77%;">
{{ humidityRoomHK.airConditioner }}
</div>
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && humidityRoomHK.netWork" src="../../../assets/images/onLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 77%;">
<img v-show="(user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')) && !humidityRoomHK.netWork" src="../../../assets/images/offLine.png" style="width: 40px;height: 40px;position: absolute;top: 40%;left: 77%;">
<!-- =================================海口======================================== -->
<!-- 备品备件库 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="备品备件库"
top="12%"
left="14%"
:temperature="spareRoomHK.temperature"
:humidity="spareRoomHK.humidity"
:voltage="spareRoomHK.voltage"
:status="1"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
<!-- 电磁学工作间2 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="电磁学工作间2"
top="12%"
left="22.5%"
:temperature="electromagnetism2RoomHK.temperature"
:humidity="electromagnetism2RoomHK.humidity"
:voltage="electromagnetism2RoomHK.voltage"
background="rgba(165, 116, 202, 0.7)"
:select-lab="selectLab"
/>
<!-- 质量检定工作间 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="质量检定工作间"
top="12%"
left="32%"
:temperature="qualityArbitrationRoomHK.temperature"
:humidity="qualityArbitrationRoomHK.humidity"
:voltage="qualityArbitrationRoomHK.voltage"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
<!-- 压力检定工作间1 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="压力检定工作间1"
top="12%"
left="41%"
:temperature="pressure1RoomHK.temperature"
:humidity="pressure1RoomHK.humidity"
:voltage="pressure1RoomHK.voltage"
background="rgba(165, 116, 202, 0.7)"
:select-lab="selectLab"
/>
<!-- 压力检定工作间2 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="压力检定工作间2"
top="12%"
left="50.5%"
:temperature="pressure2RoomHK.temperature"
:humidity="pressure2RoomHK.humidity"
:voltage="pressure2RoomHK.voltage"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="安全阀校验间"
top="12%"
left="72.5%"
:temperature="safetyValveRoomHK.temperature"
:humidity="safetyValveRoomHK.humidity"
:oxygen="receiveDispatchRoomHK.oxygenDensity"
background="rgba(165, 116, 202, 0.7)"
:select-lab="selectLab"
/>
<!-- 仪器收发间 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="仪器收发间"
top="12%"
left="81.5%"
:temperature="receiveDispatchRoomHK.temperature"
:humidity="receiveDispatchRoomHK.humidity"
:oxygen="receiveDispatchRoomHK.oxygenDensity"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
<!-- 微波信号检定工作间1 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="微波信号检定工作间1"
top="67%"
left="18%"
:temperature="microwaveSignal1RoomHK.temperature"
:humidity="microwaveSignal1RoomHK.humidity"
:voltage="microwaveSignal1RoomHK.voltage"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
<!-- 时间频率检定工作间1 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="时间频率检定工作间1"
top="67%"
left="8%"
:temperature="timeFrequency1RoomHK.temperature"
:humidity="timeFrequency1RoomHK.humidity"
:voltage="timeFrequency1RoomHK.voltage"
background="rgba(165, 116, 202, 0.7)"
:select-lab="selectLab"
/>
<!-- 时间频率检定工作间2 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="时间频率检定工作间2"
top="67%"
left="29%"
:temperature="timeFrequency2RoomHK.temperature"
:humidity="timeFrequency2RoomHK.humidity"
:voltage="timeFrequency2RoomHK.voltage"
background="rgba(165, 116, 202, 0.7)"
:select-lab="selectLab"
/>
<!-- 电磁学工作间1 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="电磁学工作间1"
top="67%"
left="40%"
:temperature="electromagnetism1RoomHK.temperature"
:humidity="electromagnetism1RoomHK.humidity"
:voltage="electromagnetism1RoomHK.voltage"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
<!-- 档案间 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="档案间"
top="67%"
left="51%"
:temperature="FileRoomHK.temperature"
:humidity="FileRoomHK.humidity"
:voltage="FileRoomHK.voltage"
background="rgba(165, 116, 202, 0.7)"
:select-lab="selectLab"
/>
<!-- UPS电源间 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="UPS电源间"
top="67%"
left="70%"
:temperature="UPSRoomHK.temperature"
:humidity="UPSRoomHK.humidity"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
<!-- 湿度检定工作间 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="湿度检定工作间"
top="67%"
left="77%"
:temperature="humidityRoomHK.temperature"
:humidity="humidityRoomHK.humidity"
:voltage="humidityRoomHK.voltage"
background="rgba(165, 116, 202, 0.7)"
:select-lab="selectLab"
/>
<!-- 温度检定工作间 -->
<monitor-data
v-if="user.lab === '海口实验室' || (user.lab === '' && selectLab === '海口实验室')"
title="温度检定工作间"
top="67%"
left="88%"
:temperature="temperatureRoomHK.temperature"
:humidity="temperatureRoomHK.humidity"
:voltage="temperatureRoomHK.voltage"
background="rgba(220, 54, 46, 0.7)"
:select-lab="selectLab"
/>
</div>
</div>
<!-- ===================================西昌======================================= -->
<!-- 温湿度计量工作间（内） -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="温湿度计量工作间(内)"
top="1%"
left="78%"
:temperature="temperatureHumidityRoomIn.temperature"
:humidity="temperatureHumidityRoomIn.humidity"
:voltage="temperatureHumidityRoomIn.voltage"
:smoke="temperatureHumidityRoomIn.smokeValue"
:select-lab="selectLab"
/>
<!-- 温湿度计量工作间（外） -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="温湿度计量工作间(外)"
top="1%"
left="66%"
:temperature="temperatureHumidityRoomOut.temperature"
:humidity="temperatureHumidityRoomOut.humidity"
:voltage="temperatureHumidityRoomOut.voltage"
background="rgba(24, 209, 108, 0.4)"
:select-lab="selectLab"
/>
<!-- 危险品仓库 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="危险品仓库"
top="1%"
left="56%"
:smoke="dangerousGoodsStore.smokeValue"
:select-lab="selectLab"
/>
<!-- 电学计量工作间 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="电学计量工作间"
top="1%"
left="45%"
:temperature="electricalMetrologyRoom.temperature"
:humidity="electricalMetrologyRoom.humidity"
:voltage="electricalMetrologyRoom.voltage"
background="rgba(24, 209, 108, 0.4)"
:select-lab="selectLab"
/>
<!-- 仪器收发间 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="仪器收发间"
top="1%"
left="25%"
:temperature="receiveDispatchRoom.temperature"
:humidity="receiveDispatchRoom.humidity"
:select-lab="selectLab"
/>
<!-- 压力计量 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="压力计量"
top="52%"
left="20%"
:temperature="pressureMeasureRoom.temperature"
:humidity="pressureMeasureRoom.humidity"
:voltage="pressureMeasureRoom.voltage"
:oxygen="pressureMeasureRoom.oxygenDensity"
background="rgba(24, 209, 108, 0.4)"
:select-lab="selectLab"
/>
<!-- 质量计量 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="质量计量"
top="60%"
left="29%"
:temperature="qualityMeasureRoom.temperature"
:humidity="qualityMeasureRoom.humidity"
:voltage="qualityMeasureRoom.voltage"
:select-lab="selectLab"
/>
<!-- 时间频率 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="时间频率"
top="52%"
left="38%"
:temperature="timeFrequencyRoom.temperature"
:humidity="timeFrequencyRoom.humidity"
background="rgba(24, 209, 108, 0.4)"
:select-lab="selectLab"
/>
<!-- 电磁屏蔽间 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="电磁屏蔽间"
top="60%"
left="47%"
:temperature="electromagneticShieldingRoom.temperature"
:humidity="electromagneticShieldingRoom.humidity"
:voltage="electromagneticShieldingRoom.voltage"
:select-lab="selectLab"
/>
<!-- 专项测试 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="专项测试"
top="52%"
left="56%"
:temperature="specialTestRoom.temperature"
:humidity="specialTestRoom.humidity"
:voltage="specialTestRoom.voltage"
background="rgba(24, 209, 108, 0.4)"
:select-lab="selectLab"
/>
<!-- 微波信号计量 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="微波信号计量"
top="60%"
left="66%"
:temperature="microwaveSignalRoom.temperature"
:humidity="microwaveSignalRoom.humidity"
:voltage="microwaveSignalRoom.voltage"
:select-lab="selectLab"
/>
<!-- 脉冲示波器计量 -->
<monitor-data
v-if="user.lab === '西昌实验室' || (user.lab === '' && selectLab === '西昌实验室')"
title="脉冲示波器计量"
top="52%"
left="76%"
:temperature="pulscopeRoom.temperature"
:humidity="pulscopeRoom.humidity"
:voltage="pulscopeRoom.voltage"
background="rgba(24, 209, 108, 0.4)"
:select-lab="selectLab"
/>
</div>
<div style="padding: 10px 10px 40px; box-sizing: border-box;">
<el-radio-group v-model="current" style="margin-bottom: 20px;">
<el-radio-button v-for="item in radioMenus" :key="item.value" :label="item.value">
{{ item.name }}
</el-radio-button>
</el-radio-group>
<normal-table
:data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="loadingTable"
is-showmulti-select height="320" @change="changePage"
>
<template #preColumns>
<el-table-column label="序号" width="55" align="center">
<template #default="scope">
{{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
</template>
</el-table-column>
</template>
<template #columns>
<el-table-column
label="操作"
align="center"
fixed="right"
width="200"
>
<template #default="{ row }">
<el-button
v-if="row.alarmStatusName !== '已消警' && row.alarmStatusName === '未确认' && current === 'unconfirmed'"
style="width: 70px;"
size="small"
type="primary"
@click="handleEdit(row, '2', '确认报警')"
>
确认报警
</el-button>
<el-button
v-if="row.alarmStatusName !== '已消警'"
style="width: 70px;"
size="small"
type="danger"
@click="handleEdit(row, '3', '取消报警')"
>
取消报警
</el-button>
</template>
</el-table-column>
</template>
</normal-table>
</div>
</template>
<style lang="scss">
.airConditioner {
padding: 2px 10px;
border-radius: 6px;
background-color: #e94242;
font-size: 12px;
font-weight: 600;
color: #fff;
}
.airConditioner-on {
padding: 2px 10px;
border-radius: 6px;
background-color: #1aa034;
font-size: 12px;
font-weight: 600;
color: #fff;
}
</style>
