charles
2024-04-29 b95cf940af8e01e4eca30b2599b029c2f645bd1e
src/views/dashboard/components/DashboardTitle.vue
@@ -20,11 +20,11 @@
        </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>
@@ -61,7 +61,7 @@
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'
@@ -101,7 +101,8 @@
// 问题诊断列表
const problemList = computed(() => {
  return problemsRes?.value?.data ?? []
  // return problemsRes?.value?.data ?? []
  return []
})
// 问题诊断icon状态, 问题列表中有一条异常即为红灯 否则是绿灯  true绿灯
const problemsIconStatus = computed(() => {
@@ -109,7 +110,8 @@
    // 默认绿灯, 拿到一次数据后才以接口为准
    return true
  }
  return !problemList.value.some((ele) => !ele.CheckResult)
  // return !problemList.value.some((ele) => !ele.CheckResult)
  return false
})
// 云端连接icon状态, 问题列表中有一条代表云端链接的, 异常即为红色云icon 否则是绿色  true绿云
const cloudConnectionIconStatus = computed(() => {
@@ -118,8 +120,9 @@
    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
})
// 配置下发参数弹窗
@@ -133,19 +136,19 @@
/**
 * 轮询问题诊断
 */
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()
@@ -171,8 +174,8 @@
.size_26 {
  font-size: 26px;
}
.size_38 {
  font-size: 38px;
.size_36 {
  font-size: 36px;
}
.title-text-box {
  width: calc(100% - 150px);
@@ -193,7 +196,7 @@
      float: left;
    }
    .text-icon {
      font-size: 32px;
      font-size: 40px;
      margin-left: 4px;
      cursor: pointer;
    }
@@ -202,7 +205,7 @@
.title-status {
  height: 100%;
  // display: flex;
  display: flex;
  vertical-align: middle;
  align-items: center;
  position: absolute;
@@ -210,12 +213,11 @@
  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 {