| | |
| | | <IconCloudOff></IconCloudOff> |
| | | </el-icon> |
| | | </div> |
| | | |
| | | <div class="params-config" @click="openConfigModal"> |
| | | <el-icon size="28"><Setting /></el-icon> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <DeviceCheckList v-model="showDevicesModal" @should-reload="emits('shouldReload')"></DeviceCheckList> |
| | | <TroubleTrackerModal v-model="showProblemsModal" :problems="problemList"></TroubleTrackerModal> |
| | | <DeliverParamsConfigModal v-model="showConfigModal"></DeliverParamsConfigModal> |
| | | </template> |
| | | <script setup lang="ts"> |
| | | import AlertLightIcon from '@/components/icons/AlertLightIcon.vue' |
| | |
| | | import { useRequest } from 'vue-hooks-plus' |
| | | 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 emits = defineEmits<{ |
| | | shouldReload: [] |
| | |
| | | return cloudConnection ? cloudConnection?.CheckResult : true |
| | | }) |
| | | |
| | | // 配置下发参数弹窗 |
| | | const showConfigModal = ref(false) |
| | | function openConfigModal() { |
| | | showConfigModal.value = true |
| | | } |
| | | function closeConfigModal() { |
| | | showConfigModal.value = false |
| | | } |
| | | /** |
| | | * 轮询问题诊断 |
| | | */ |
| | |
| | | font-size: 40px; |
| | | color: #fff; |
| | | } |
| | | .cloud-connection-status { |
| | | margin-right: 10px; |
| | | } |
| | | .params-config { |
| | | cursor: pointer; |
| | | } |
| | | </style> |