| | |
| | | <div class="point-address" @click="handleShow(index)"></div> |
| | | <div class="point-message" v-show="item.showMsg"> |
| | | <div class="msg-box"> |
| | | <div class="video-box" :style="{backgroundImage: `url(${item.imageRul})`}"> |
| | | <div class="video-box" :style="{backgroundImage: `url(${item.imageRul})`}" @click="jumpMonitor(item.id)"> |
| | | <el-icon><VideoPlay /></el-icon> |
| | | </div> |
| | | <div class="info-box"> |
| | |
| | | <script setup> |
| | | import {ref, onMounted} from "vue"; |
| | | import {getHomePonit} from '@/api/screen/home/index.js' |
| | | import {useRouter} from "vue-router"; |
| | | const router = useRouter(); |
| | | |
| | | // 标点配置 |
| | | const config = [ |
| | |
| | | }) |
| | | } |
| | | |
| | | // 跳转监控点 |
| | | const jumpMonitor = (id) => { |
| | | router.push({ path: `/flow/graphic/${id}` }) |
| | | } |
| | | |
| | | const handleShow = (index) => { |
| | | pointList.value[index].showMsg = !pointList.value[index].showMsg; |
| | | } |