From bbe1f5b7c0d2d0e5fb6c3a26ff0a1260e2a822d7 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Thu, 26 Oct 2023 16:51:37 +0800 Subject: [PATCH] fix:实时风场图点击弹窗修改 --- src/components/Wind/Map.vue | 26 +++++++++++++++++--------- 1 files changed, 17 insertions(+), 9 deletions(-) diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue index 218f1e7..1883977 100644 --- a/src/components/Wind/Map.vue +++ b/src/components/Wind/Map.vue @@ -1485,36 +1485,44 @@ let colorliststyleBgColor = this.styleBgColor(res.data) console.log('colorliststyleBgColor', colorliststyleBgColor) let deviceDetails = res.data + let windTip = 'inline' let windDeg = 0 let windDir = '' let dushu = deviceDetails.a01008 === '-' ? '-' : JSON.parse(deviceDetails.a01008) .toFixed(0) - let levelNumber = deviceDetails.a01007 === '0.0' ? '-' : Number(deviceDetails.a01007) + let levelNumber = deviceDetails.a01007 === '-' ? '0.0' : Number(deviceDetails.a01007) .toFixed(1) let level = deviceDetails.a01007 === '0.0' ? '-' : WWindUtil.WindtoLevel(levelNumber).name console.log('level', level) if (deviceDetails.a01008) { - var windDirs = Number( - deviceDetails.a01008.substr(0, deviceDetails.a01008.length - 1) - ) - // console.log(windDirs) + var windDirs = dushu === '-' ? 0 : Number(dushu) + console.log('windDirs', windDirs) windDeg = windDirs + windTip = 'inline' if (windDirs === 0 || windDirs === '-') { - windDir = '������' + windDir = '-' + windTip = 'none' } else if (windDirs > 0 && windDirs < 90) { windDir = '���������' + windTip = 'inline' } else if (windDirs === 90) { windDir = '������' + windTip = 'inline' } else if (windDirs > 90 && windDirs < 180) { windDir = '���������' + windTip = 'inline' } else if (windDirs === 180) { windDir = '������' + windTip = 'inline' } else if (windDirs > 180 && windDirs < 270) { windDir = '���������' + windTip = 'inline' } else if (windDirs === 270) { windDir = '������' + windTip = 'inline' } else if (windDirs > 270 && windDirs < 360) { windDir = '���������' + windTip = 'inline' } } // ������������������������������ @@ -1617,13 +1625,13 @@ <div class='windBox'> <div style="position: relative;width: 50%;text-align: center;color: #999;border-right: 1px dotted #999;" clss='windIcon'> <img style="width:140px; height:140px" src=${this.compassBg}> - <img style="width: 40px;height: 40px;position: absolute;left: 51%;top: 49%;transform: translate(-50%, -50%) rotate(${windDeg}deg)" + <img style="width: 40px;height: 40px;position: absolute;left: 51%;top: 49%;transform: translate(-50%, -50%) rotate(${windDeg}deg);display: ${windTip};" src=${this.compassDirection} > </div> <div class='windInfor'> - <div>������: ${windDir} (${dushu}���)</div> - <div>������: ${levelNumber}m/s</div> + <div>������: ${windDir} ( ${dushu} �� )</div> + <div>������: ${levelNumber} m/s</div> <div>������: ${level}</div> </div> </div> -- Gitblit v1.8.0