Merge remote-tracking branch 'origin/master'
| | |
| | | <div class="left-item" @click="router.push('/taskManage')">任务管理</div> |
| | | <div class="left-item">航线规划</div> |
| | | </div> |
| | | <div class="big-title">江西省指挥调度平台</div> |
| | | <div class="h-right"> |
| | | <div class="right-item">AI识别分析</div> |
| | | <div class="right-item">综合分析</div> |
| | |
| | | padding-top: 38px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | // position: relative; |
| | | |
| | | .h-left { |
| | | display: flex; |
| | |
| | | background-size: 100% 100%; |
| | | } |
| | | } |
| | | |
| | | .big-title { |
| | | position: relative; |
| | | top: -12px; |
| | | width: 500px; |
| | | height: 58px; |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
| | | font-weight: 400; |
| | | font-size: 45px; |
| | | color: #FFFFFF; |
| | | line-height: 53px; |
| | | letter-spacing: 11px; |
| | | text-shadow: 0px 4px 1px rgba(19,80,143,0.66), 0px 0px 18px rgba(130,165,255,0.4), inset 0px 0px 2px rgba(255,255,255,0.8); |
| | | text-align: center; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | } |
| | | .h-right { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | <div class="home-left"> |
| | | <!--时间 天气--> |
| | | <div class="time-weather"> |
| | | <div class="time">2025.03.04 15:30:00</div> |
| | | <div class="time">{{ time }}</div> |
| | | <div class="line"></div> |
| | | <div class="weather"> |
| | | <img src="@/assets/images/tq.png" alt="" /> |
| | |
| | | <script setup> |
| | | import OverviewNext from './OverviewNext.vue'; |
| | | import InspectionRaskDetails from './InspectionRaskDetails.vue'; |
| | | import dayjs from 'dayjs'; |
| | | |
| | | |
| | | const time = ref(''); |
| | | const updateTime = () => { |
| | | time.value = dayjs().format('YYYY.MM.DD HH:mm:ss'); |
| | | }; |
| | | onMounted(() => { |
| | | updateTime(); // 立即执行一次 |
| | | time.value = setInterval(updateTime, 1000); |
| | | }); |
| | | onUnmounted(() => { |
| | | if (time.value) { |
| | | clearInterval(time.value); |
| | | time.value = null; |
| | | } |
| | | }); |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <CommonDateTime></CommonDateTime> |
| | | <CommonDateTime :style="{ top: pxToRem(19) }"></CommonDateTime> |
| | | <div class="chart-container" ref="chartRef"></div> |
| | | </div> |
| | | </template> |