| | |
| | | </el-icon> |
| | | </div> |
| | | <div class="cloud-connection-status"> |
| | | <el-icon v-if="cloudConnectionIconStatus" class="size_38" color="#00ff00"> |
| | | <el-icon v-if="cloudConnectionIconStatus" class="size_36" color="#00ff00"> |
| | | <IconCloudDone></IconCloudDone> |
| | | </el-icon> |
| | | |
| | | <el-icon v-else class="size_38" color="#ff0000"> |
| | | <el-icon v-else class="size_36" color="#ff0000"> |
| | | <IconCloudOff></IconCloudOff> |
| | | </el-icon> |
| | | </div> |
| | |
| | | import IconCloudOff from '~icons/material-symbols-light/cloud-off-outline' |
| | | import IconSlider from '~icons/bx/slider' |
| | | import { useRequest } from 'vue-hooks-plus' |
| | | import { apiGetProblemList } from '@/api' |
| | | // import { apiGetProblemList } from '@/api' |
| | | import { PROBLEMS_POLLING_DURATION } from '@/common/constants' |
| | | import { Setting } from '@element-plus/icons-vue' |
| | | import DeliverParamsConfigModal from '@/views/dashboard/components/DeliverParamsConfigModal.vue' |
| | |
| | | |
| | | // 问题诊断列表 |
| | | const problemList = computed(() => { |
| | | return problemsRes?.value?.data ?? [] |
| | | // return problemsRes?.value?.data ?? [] |
| | | return [] |
| | | }) |
| | | // 问题诊断icon状态, 问题列表中有一条异常即为红灯 否则是绿灯 true绿灯 |
| | | const problemsIconStatus = computed(() => { |
| | |
| | | // 默认绿灯, 拿到一次数据后才以接口为准 |
| | | return true |
| | | } |
| | | return !problemList.value.some((ele) => !ele.CheckResult) |
| | | // return !problemList.value.some((ele) => !ele.CheckResult) |
| | | return false |
| | | }) |
| | | // 云端连接icon状态, 问题列表中有一条代表云端链接的, 异常即为红色云icon 否则是绿色 true绿云 |
| | | const cloudConnectionIconStatus = computed(() => { |
| | |
| | | return true |
| | | } |
| | | // 没数据就当是链接正常 |
| | | const cloudConnection = problemList.value.find((ele) => ele.ItemCode === 'cloud') |
| | | return cloudConnection ? cloudConnection?.CheckResult : true |
| | | // const cloudConnection = problemList.value.find((ele) => ele.ItemCode === 'cloud') |
| | | // return cloudConnection ? cloudConnection?.CheckResult : true |
| | | return false |
| | | }) |
| | | |
| | | // 配置下发参数弹窗 |
| | |
| | | /** |
| | | * 轮询问题诊断 |
| | | */ |
| | | const { |
| | | data: problemsRes, |
| | | run: startProblemsPolling, |
| | | cancel: cancelProblemsPolling |
| | | } = useRequest(apiGetProblemList, { |
| | | manual: true, |
| | | pollingInterval: PROBLEMS_POLLING_DURATION, |
| | | pollingWhenHidden: false |
| | | }) |
| | | startProblemsPolling() |
| | | onUnmounted(() => { |
| | | cancelProblemsPolling() |
| | | }) |
| | | // const { |
| | | // data: problemsRes, |
| | | // run: startProblemsPolling, |
| | | // cancel: cancelProblemsPolling |
| | | // } = useRequest(apiGetProblemList, { |
| | | // manual: true, |
| | | // pollingInterval: PROBLEMS_POLLING_DURATION, |
| | | // pollingWhenHidden: false |
| | | // }) |
| | | // startProblemsPolling() |
| | | // onUnmounted(() => { |
| | | // cancelProblemsPolling() |
| | | // }) |
| | | |
| | | const taskStore = useTasksStore() |
| | | |
| | |
| | | .size_26 { |
| | | font-size: 26px; |
| | | } |
| | | .size_38 { |
| | | font-size: 38px; |
| | | .size_36 { |
| | | font-size: 36px; |
| | | } |
| | | .title-text-box { |
| | | width: calc(100% - 150px); |
| | |
| | | float: left; |
| | | } |
| | | .text-icon { |
| | | font-size: 32px; |
| | | font-size: 40px; |
| | | margin-left: 4px; |
| | | cursor: pointer; |
| | | } |
| | |
| | | |
| | | .title-status { |
| | | height: 100%; |
| | | // display: flex; |
| | | display: flex; |
| | | vertical-align: middle; |
| | | align-items: center; |
| | | position: absolute; |
| | |
| | | right: 6px; |
| | | div { |
| | | vertical-align: middle; |
| | | float: left; |
| | | display: inline-block; |
| | | margin-top: 19px; |
| | | margin-top: 7px; |
| | | } |
| | | .cloud-connection-status { |
| | | margin-top: 14px; |
| | | // margin-top: 5px; |
| | | } |
| | | } |
| | | .connection-info { |