| | |
| | | <template> |
| | | <template> |
| | | <div class="center-container"> |
| | | <div class="left-box"> |
| | | <div class="logo"> |
| | |
| | | </div> |
| | | |
| | | <div class="list"> |
| | | <div class="item" v-for="item, ind in warningList" :key="ind"> |
| | | <div class="item" v-for="(item, ind) in warningList" :key="ind"> |
| | | <div class="val" @click="warningTypeClick(item.type)"> |
| | | {{ item.value }} |
| | | </div> |
| | |
| | | </div> |
| | | |
| | | <div class="list"> |
| | | <div class="item" v-for="item, ind in equipmentList" :key="ind"> |
| | | <div class="item" v-for="(item, ind) in equipmentList" :key="ind"> |
| | | <div class="val" :class="{highlight: item.isHighlight}" @click="equipmentClick(item.isHighlight)"> |
| | | {{ item.value }} |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { ref } from 'vue' |
| | | import warningLogo from '@/assets/images/dataCockpit/warning.png' |
| | | import equipmentLogo from '@/assets/images/dataCockpit/equipment.png' |
| | | |
| | | |
| | | let warningList = ref([ |
| | | { |
| | |
| | | ]) |
| | | |
| | | const warningTypeClick = (type) => { |
| | | console.log('点击了告警类型:', type); |
| | | console.log('点击了告警类型:', type) |
| | | } |
| | | |
| | | const equipmentClick = (isHighlight) => { |
| | | if (isHighlight) { |
| | | console.log('点击了设备统计'); |
| | | console.log('点击了设备统计') |
| | | } |
| | | } |
| | | </script> |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |