基本信息接口对接

src/api/demo/projecthome.ts

@@ -7,6 +7,7 @@ enum Api {
   EditWorkspace = '/api/Manage/EditWorkspace',
   DeleteWorkspace = '/api/Manage/DeleteWorkspace',
   GetUavPageByDocksn = '/api/Manage/GetUavPageByDocksn',
+  GetBasicInfo = '/api/Manage/GetBasicInfo',
 }
 
 export function GetUavList(params?) {
@@ -51,3 +52,8 @@ export function GetUavPageByDocksn(params: any) {
     params,
   });
 }
+export function GetBasicInfo() {
+  return defHttp.get({
+    url: Api.GetBasicInfo,
+  });
+}

src/views/demo/workmanagement/projecthome/Info/index.vue

@@ -15,8 +15,8 @@
             <div class="info-title">无人值守机场</div>
             <div class="info-interval"></div>
             <div class="info-value">
-              <div class="info-value-span">1</div>
-              <div class="info-value-shadow">1</div>
+              <div class="info-value-span">{{ dronInfo }}</div>
+              <div class="info-value-shadow">{{ dronInfo }}</div>
             </div>
           </div>
         </div>
@@ -30,8 +30,8 @@
             <div class="info-title">其他巡飞设备</div>
             <div class="info-interval"></div>
             <div class="info-value">
-              <div class="info-value-span">1</div>
-              <div class="info-value-shadow">1</div>
+              <div class="info-value-span">{{ otherInfo }}</div>
+              <div class="info-value-shadow">{{ otherInfo }}</div>
             </div>
           </div>
         </div>
@@ -45,8 +45,8 @@
             <div class="info-title">飞行员</div>
             <div class="info-interval"></div>
             <div class="info-value">
-              <div class="info-value-span">1</div>
-              <div class="info-value-shadow">1</div>
+              <div class="info-value-span">{{ pilotInfo }}</div>
+              <div class="info-value-shadow">{{ pilotInfo }}</div>
             </div>
           </div>
         </div>
@@ -60,8 +60,8 @@
             <div class="info-title">飞行计划</div>
             <div class="info-interval"></div>
             <div class="info-value">
-              <div class="info-value-span">456</div>
-              <div class="info-value-shadow">456</div>
+              <div class="info-value-span">{{taskInfo}}</div>
+              <div class="info-value-shadow">{{taskInfo}}</div>
             </div>
           </div>
         </div>
@@ -71,7 +71,20 @@
 </template>
 
 <script setup lang="ts">
-import {} from "vue"
+import { onMounted, ref } from "vue"
+const dronInfo = ref(0)
+const otherInfo = ref(0)
+const pilotInfo = ref(0)
+const taskInfo = ref(0)
+import { GetBasicInfo } from '@/api/demo/projecthome'
+onMounted(() => {
+  GetBasicInfo().then(res => {
+    dronInfo.value = res.dronInfo
+    otherInfo.value = res.otherInfo
+    pilotInfo.value = res.pilotInfo
+    taskInfo.value = res.taskInfo
+  })
+})
 </script>
 
 <style lang="scss" scoped>