|
|
@ -1,6 +1,15 @@ |
|
|
|
<template> |
|
|
|
<div class="image_container" v-if="imageStore.showImage"> |
|
|
|
<img :src="imageStore?.coreInfo?.resultImg" alt="图像" class="img" /> |
|
|
|
<div |
|
|
|
class="image_container" |
|
|
|
v-if="cameraStore?.cameraState || imageStore.showImage" |
|
|
|
> |
|
|
|
<img |
|
|
|
v-if="cameraStore?.cameraState && !imageStore.showImage" |
|
|
|
:src="photoUrl" |
|
|
|
alt="图像" |
|
|
|
class="img" |
|
|
|
/> |
|
|
|
<img v-else :src="imageStore?.coreInfo?.resultImg" alt="图像" class="img" /> |
|
|
|
<div class="top_info"> |
|
|
|
<p class="title">{{ imageStore.nuclearCoreName }}</p> |
|
|
|
<div class="title_left"> |
|
|
@ -91,12 +100,22 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { onMounted } from 'vue' |
|
|
|
import { onMounted, ref } from 'vue' |
|
|
|
import { transNumberToEn } from '@/utils/common' |
|
|
|
import { useTaskStore, useImageStore, useCameraStore } from '@/store' |
|
|
|
const taskStore = useTaskStore() |
|
|
|
const imageStore = useImageStore() |
|
|
|
const cameraStore = useCameraStore() |
|
|
|
const photoUrl = ref('') |
|
|
|
setInterval( |
|
|
|
() => { |
|
|
|
photoUrl.value = `${ |
|
|
|
import.meta.env.VITE_HOST_URL |
|
|
|
}app/core/realtime_photo/now.png?${Math.random()}` |
|
|
|
}, |
|
|
|
500, |
|
|
|
500, |
|
|
|
) |
|
|
|
|
|
|
|
const handleSerialNumber = serialNumber => { |
|
|
|
if (serialNumber) { |
|
|
|