| | |
| | | <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); |
| | | }); |