新增风速等级

zhouwx

2025-05-08 446d5c8eda333a4e6ee3fb6e838e9d859fc847f5

新增风速等级

 src/assets/warningScreen/scroll-bg2.png

 src/views/bigScreen/components/screen.vue

@@ -175,14 +175,16 @@
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <table class="weather">
                <tr class="weatherTit"><td>时间</td><td>温度</td><td>湿度</td><td>风速</td><td>风向</td><td>气压</td></tr>
                <tr class="weatherTit"><td>时间</td><td>温度</td><td>湿度</td><td>风速</td><td>风力等级</td><td>风向</td><td>气压</td></tr>
                <tr v-for="(item,index) in weatherData" :key="index" class="weatherRow">
                  <td>{{item.time}}</td>
                  <td>{{item.temp}}</td>
                  <td>{{item.humidity}}</td>
                  <td>{{item.windSpeed}}</td>
                  <td>{{item.level}}</td>
                  <td>{{ getDirectionName(item.windDirection)+'('+ item.windDirection +'度)'}}</td>
                  <td>{{item.pressure}}</td>
                </tr>
@@ -649,6 +651,7 @@
                  temp: item.temp?item.temp:'--',
                  humidity: item.humidity?item.humidity:'--',
                  windSpeed: item.windSpeed?item.windSpeed:'--',
                  level: item.windSpeed ? handelLevel(item.windSpeed) : '--',
                  windDirection: item.windDirection?item.windDirection:'--',
                  pressure: item.pressure?item.pressure:'--'
                }
@@ -668,6 +671,47 @@
              message: res.data.msg
            });
          }
        }
        const handelLevel = (level) => {
          let l = null
          if(level>=0 && level<=0.2) {
            l = '0级'
          }else if(level>=0.3 && level<=1.5) {
            l = '1级'
          }else if(level>=1.6 && level<=3.3){
            l = '2级'
          }else if(level>=3.4 && level<=5.4){
            l = '3级'
          }else if(level>=5.5 && level<=7.9){
            l = '4级'
          }else if(level>=8.0 && level<=10.7){
            l = '5级'
          }else if(level>=10.8 && level<=13.8){
            l = '6级'
          }else if(level>=13.9 && level<=17.1){
            l = '7级'
          }else if(level>=17.2 && level<=20.7){
            l = '8级'
          }else if(level>=20.8 && level<=24.4){
            l = '9级'
          }else if(level>=24.5 && level<=28.4){
            l = '10级'
          }else if(level>=28.5 && level<=32.6){
            l = '11级'
          }else if(level>=32.7 && level<=36.9){
            l = '12级'
          }else if(level>=37.0 && level<=41.4){
            l = '13级'
          }else if(level>=41.5&& level<=46.1){
            l = '14级'
          }else if(level>=46.2 && level<=50.9){
            l = '15级'
          }else if(level>=51.0 && level<=56.0){
            l = '16级'
          }else if(level>=56.1 && level<=61.2){
            l = '17级'
          }
          return l
        }

      const getGasTlData = async ()=>{
@@ -896,6 +940,7 @@
                        temp: item.temp?item.temp:'--',
                        humidity: item.humidity?item.humidity:'--',
                        windSpeed: item.windSpeed?item.windSpeed:'--',
                        level: item.windSpeed ? handelLevel(item.windSpeed) : '--',
                        windDirection: item.windDirection?item.windDirection:'--',
                        pressure: item.pressure?item.pressure:'--'
                      }
@@ -1971,7 +2016,7 @@
        .weather{
          width: 100%;
          height: calc(100% - 60px);
          background: url("../../../assets/warningScreen/scroll-bg.png") no-repeat bottom;
          background: url("../../../assets/warningScreen/scroll-bg2.png") no-repeat bottom;
          background-size: 100% 82%;

          tr{
@@ -2212,4 +2257,4 @@
    }
  }
}
</style>
</style>