From fc8671463f89470d84c42d6cfce5843fdb1db425 Mon Sep 17 00:00:00 2001
From: xuhongjie <1943105267@qq.com>
Date: Wed, 9 Apr 2025 17:05:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A9=E6=B0=94=EF=BC=8C=E5=AE=9E=E6=97=B6?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/sun.png              | Bin 0 -> 1597 bytes
 src/store/modules/uav.js               |   6 +++-
 src/views/components/map/container.vue |  41 +++++++++++++++++++++++++
 src/views/components/map/marsMap.vue   |   1 +
 4 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/sun.png

diff --git a/src/assets/images/sun.png b/src/assets/images/sun.png
new file mode 100644
index 0000000000000000000000000000000000000000..380b6827630fc367391ff4b0fc8754740297980c
GIT binary patch
literal 1597
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

literal 0
HcmV?d00001

diff --git a/src/store/modules/uav.js b/src/store/modules/uav.js
index b48a232..731759f 100644
--- a/src/store/modules/uav.js
+++ b/src/store/modules/uav.js
@@ -1,3 +1,4 @@
+import moment from "moment";
 const useUavStore = defineStore("uav", {
   state: () => ({
     params: {
@@ -10,12 +11,15 @@ const useUavStore = defineStore("uav", {
         correction: 1,
         speed: 500,
     },
+    realTime:moment().format('YYYY-MM-DD HH:mm')
   }),
   actions: {
     setParams(data) {
-        
       this.params = data;
     },
+    setTime(time) {
+      this.realTime = time;
+    },
   },
 });
 export default useUavStore
\ No newline at end of file
diff --git a/src/views/components/map/container.vue b/src/views/components/map/container.vue
index 17d29ef..46a513d 100644
--- a/src/views/components/map/container.vue
+++ b/src/views/components/map/container.vue
@@ -4,6 +4,14 @@
       <div class="map-title">
         <span> 云航低空研训基地飞行控制中心</span>
       </div>
+      <div class="weather">
+        <div class="sun-icon"></div>
+        <div class="weather-lable">多云</div>
+        <div class="weather-value"><span>17</span> ℃</div>
+      </div>
+      <div class="time">
+        {{ uavStore.realTime }}
+      </div>
     </div>
     <div class="bottom-box"></div>
     <div class="left-bg">
@@ -21,6 +29,8 @@
 <script setup>
 import { onMounted } from "vue";
 import autofit from "autofit.js";
+import useUavStore from "@/store/modules/uav";
+const uavStore = useUavStore();
 onMounted(() => {
   //启用适配
   autofit.init({
@@ -50,6 +60,37 @@ onMounted(() => {
     height: 120px;
     background: url("@/assets/images/top-box.png");
     background-size: 100% 100%;
+    .weather {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      position: absolute;
+      left: 55px;
+      top: 45px;
+      color: #cdd6e3;
+      font-size: 16px;
+      .sun-icon {
+        height: 21px;
+        width: 21px;
+        background: url("@/assets/images/sun.png");
+        background-size: 100% 100%;
+      }
+      .weather-value {
+        span {
+          font-size: 26px;
+          font-family: "DINCondensed-Bold";
+        }
+      }
+    }
+    .time {
+      position: absolute;
+      right: 55px;
+      top: 45px;
+
+      font-size: 20px;
+      color: #cdd6e3;
+      font-weight: 400;
+    }
   }
   .map-title {
     width: 100%;
diff --git a/src/views/components/map/marsMap.vue b/src/views/components/map/marsMap.vue
index 8452ffd..4b144d2 100644
--- a/src/views/components/map/marsMap.vue
+++ b/src/views/components/map/marsMap.vue
@@ -90,6 +90,7 @@ let uav = null;
 const mapLayer = {};
 // 每隔 5 秒更新一次时间戳
 const intervalId = setInterval(() => {
+  uavStore.setTime(moment().format('YYYY-MM-DD HH:mm'))
   const currentTimestamp = moment().unix();
   // 把时间戳转换为 moment 对象
   const moment1 = moment.unix(currentTimestamp);