forked from drone/command-center-dashboard

罗广辉
2025-04-07 da2a4e58ecc7c5da0a3ec726708a16c21e7f60e3
src/components/CommonWeather.vue
@@ -4,21 +4,36 @@
    <div class="line"></div>
    <div class="weather">
      <img src="@/assets/images/home/homeLeft/tq.png" alt="" />
      <span class="tq">阴天</span>
      <span class="qk">适合飞行</span>
      <span class="tq">{{ weather }}</span>
      <span class="qk">{{ isFly }}</span>
    </div>
  </div>
</template>
<script setup>
import dayjs from 'dayjs';
import { getDroneSuggest } from '@/api/home/common';
const time = ref('');
const updateTime = () => {
    time.value = dayjs().format('YYYY.MM.DD HH:mm:ss');
};
// 天气
const weather = ref('');
// 是否适合飞行
const isFly = ref('');
// 获取天气建议
const getWeatherSuggest = () => {
  getDroneSuggest().then(res => {
    if (res.data.code !== 0) return;
    weather.value = res.data.data.weather;
    isFly.value = res.data.data.flightAdvice;
  });
};
onMounted(() => {
    getWeatherSuggest();
    updateTime(); // 立即执行一次
    time.value = setInterval(updateTime, 1000);
});