From fb876cbc3b21035125668f2db6ee84e47efb544f Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期日, 12 五月 2024 22:42:22 +0800
Subject: [PATCH] 实时走航模式完成

---
 src/views/historymode/HistoryMode.vue |   36 ++++++++++++++++++------------------
 1 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/views/historymode/HistoryMode.vue b/src/views/historymode/HistoryMode.vue
index f9b89f9..e7b2ca9 100644
--- a/src/views/historymode/HistoryMode.vue
+++ b/src/views/historymode/HistoryMode.vue
@@ -1,10 +1,12 @@
 <template>
   <div class="p-events-none m-t-2">
-    <el-row v-show="status == 0" justify="center">
+    <el-row justify="center" align="middle" class="top-wrap">
       <SearchBar
+        v-show="status == 0"
         :search-time="searchTime"
         @search="fetchHistroyData"
       ></SearchBar>
+      <TrajectoryState v-show="status != 0" :status="status"></TrajectoryState>
     </el-row>
     <el-row class="m-t-2">
       <FactorRadio
@@ -17,6 +19,14 @@
         class="m-t-2"
         :factor="factorDatas.factor[factorType]"
       ></FactorLegend>
+    </el-row>
+    <el-row class="historical" justify="center">
+      <HistoricalTrajectory
+        :factor-datas="factorDatas"
+        :factor-type="factorType"
+        @change="(e) => (status = e)"
+        @stop="draw"
+      ></HistoricalTrajectory>
     </el-row>
     <TrendAnalysis
       class="trend-analysis"
@@ -32,11 +42,6 @@
       :factor-datas="factorDatas"
       :device-type="deviceType"
     ></DataSheet>
-    <el-row class="historical" justify="center">
-      <HistoricalTrajectory
-        @change="(e) => (status = e)"
-      ></HistoricalTrajectory>
-    </el-row>
   </div>
 </template>
 
@@ -82,7 +87,7 @@
   },
   watch: {
     factorType(nValue, oValue) {
-      if (nValue != oValue) {
+      if (nValue != oValue && this.status == 0) {
         this.draw();
       }
     }
@@ -101,12 +106,7 @@
     },
     // 缁樺埗3D璧拌璺嚎鍥�
     drawRoadMap(e) {
-      //   this.factorMode = factorMode;
-      // this.factorType = factorType;
-      // this.factorName = factorName;
       this.factorDatas.refreshHeight(this.factorType);
-      // this.mapMaker.setFactorType(factorType);
-      // if (!this.mapMaker.runStatus()) {
 
       Layer.drawRoadMap(this.factorDatas, e, this.merge, this.setCenter);
       // }
@@ -115,16 +115,12 @@
       marks.drawMassMarks(this.factorDatas, e, (index) => {
         // 鏌ヨ鑼冨洿鍐呯殑鐩戞祴绔欑偣
         // SceneUtil.searchByCoordinate(lnglat[0], lnglat[1], distance);
-        // 3. 瓒嬪娍鍥捐烦杞畾浣�
-        // const progress = FChart.locate(lineChart.chart, lineChart.option, i, _factor.factorName);
-        // 4. 琛ㄦ牸鏁版嵁璺宠浆瀹氫綅
-        // Table.locate(i);
         this.drawSector(index);
         this.locateIndex = index;
       });
     },
     drawSector(index) {
-      // 1. 缁樺埗鎵囧舰鍖哄煙
+      // 1. 缁樺埗鏂版墖褰㈠尯鍩�
       sector.drawSector(this.factorDatas, index);
       // 2. 缁樺埗瀵硅瘽妗�
       DialogUtil.openNewWindow(this.factorDatas, index, () => {
@@ -188,6 +184,10 @@
 };
 </script>
 <style scoped>
+.top-wrap {
+  height: 40px;
+}
+
 .trend-analysis {
   position: absolute;
   left: 0;
@@ -202,7 +202,7 @@
 
 .historical {
   position: absolute;
-  bottom: 0;
+  bottom: 10px;
   left: 0;
   right: 0;
 }

--
Gitblit v1.9.3