From ec27133929fb7c0f4323cb602f5033c8a52c0ae5 Mon Sep 17 00:00:00 2001 From: caill <815519168@qq.com> Date: Tue, 16 May 2023 11:19:38 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/DeviceMonitor.vue | 51 ++++++++++--------------------------- 1 file changed, 14 insertions(+), 37 deletions(-) diff --git a/src/pages/DeviceMonitor.vue b/src/pages/DeviceMonitor.vue index 293b86a..93332c4 100644 --- a/src/pages/DeviceMonitor.vue +++ b/src/pages/DeviceMonitor.vue @@ -503,32 +503,38 @@ export default { }, addPosition (arr) { for (let i = 0; i < arr.length; i++) { - if (arr.length <= 12) { + if (arr.length <= 11) { arr[i].position = 'position_r_1' - } else if (arr.length === 13) { + } else if (arr.length === 12) { if (i < 1) { arr[i].position = 'position_l_1' } else { arr[i].position = 'position_r_1' } - } else if (arr.length === 14) { + } else if (arr.length === 13) { if (i < 2) { arr[i].position = 'position_l_1' } else { arr[i].position = 'position_r_1' } - } else if (arr.length === 15) { + } else if (arr.length === 14) { if (i < 3) { arr[i].position = 'position_l_1' } else { arr[i].position = 'position_r_1' } - } else if (arr.length === 16) { + } else if (arr.length === 15) { if (i < 4) { arr[i].position = 'position_l_1' } else { arr[i].position = 'position_r_1' } + } else if (arr.length === 16) { + if (i < 5) { + arr[i].position = 'position_l_1' + } else { + arr[i].position = 'position_r_1' + } } } }, @@ -617,7 +623,7 @@ export default { position absolute top 0 z-index 100 - _wh(610px, 288px) + _wh(474px, 288px) .foldline position absolute z-index 102 @@ -626,7 +632,7 @@ export default { .popver_bg position absolute z-index 101 - _wh(500px,288px) + _wh(364px,288px) padding 20px 18px 36px 10px overflow hidden _bis('../assets/images/popover_1.png') @@ -649,37 +655,8 @@ export default { .popver_bg left 0 top -20px -.position_1a_l - top 35px - left 80px - transform rotateY(180deg) -.position_1b_l - left 190px - top -20px -// 弹窗在第一行右侧7-9列情况 -.position_1a_r - top 35px - left -22px -.position_1b_r - left -505px - top -20px -// 弹窗在第二行左侧1-7列情况 -.position_2a_l - top -36px - left 80px -.position_2b_l - left 190px - top -130px -// 弹窗在第二行右侧侧8、9列情况 -.position_2a_r - top -36px - left -22px - transform rotateY(180deg) -.position_2b_r - left -505px - top -130px .popver_block - padding 8px 0 0 12px + padding 14px 0 0 12px background top center / 100% 18px url(../assets/images/popover_line.png) no-repeat _wh(100%,100%) overflow hidden