From 660021a28de9b84b4362c171fdbbf89587f0c5af Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 13 二月 2025 17:30:50 +0800
Subject: [PATCH] 1. 修改部分bug 2. 新增2D路线轨迹绘制

---
 src/components/search/SearchBar.vue |   74 ++++++++++++++++++++++++++++++-------
 1 files changed, 60 insertions(+), 14 deletions(-)

diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index 003c1a0..d28abc0 100644
--- a/src/components/search/SearchBar.vue
+++ b/src/components/search/SearchBar.vue
@@ -1,15 +1,24 @@
 <template>
-  <BaseCard class="map-date-selector flexbox-col align-items">
+  <BaseCard size="middle-s" direction="down">
     <template #content>
       <el-form :inline="true">
-        <OptionMission v-model="formSearch.missionCode"></OptionMission>
-        <OptionType v-model="formSearch.type"></OptionType>
+        <OptionMission v-model="mission"></OptionMission>
+        <OptionType v-model="formSearch.deviceType"></OptionType>
         <OptionDevice
-          :type="formSearch.type"
+          :type="formSearch.deviceType"
           v-model="formSearch.deviceCode"
         ></OptionDevice>
-        <OptionTime v-model="formSearch.timeArray"></OptionTime>
-        <el-button type="primary" class="el-button-custom" @click="handleClick">
+        <OptionTime
+          v-model="formSearch.timeArray"
+          :start-date="dateRange[0]"
+          :end-date="dateRange[1]"
+        ></OptionTime>
+        <el-button
+          :loading="loading"
+          type="primary"
+          class="el-button-custom"
+          @click="handleClick"
+        >
           鍒嗘瀽
         </el-button>
       </el-form>
@@ -21,34 +30,71 @@
 // 鎼滅储妗�
 export default {
   props: {
+    loading: Boolean,
     searchTime: Array
   },
   data() {
     return {
+      mission: undefined,
       formSearch: {
-        missionCode: '',
-        type: '',
+        deviceType: '',
         deviceCode: '',
         timeArray: []
-      }
+      },
+      // 鍙�夋棩鏈熻寖鍥达紝鏍规嵁璧拌埅浠诲姟鍐冲畾
+      dateRange: []
     };
   },
   emits: ['search'],
   watch: {
     searchTime(nV, oV) {
       if (nV != oV) {
-        this.timeArray = this.searchTime;
+        this.formSearch.timeArray = this.searchTime;
+      }
+    },
+    mission(nV, oV) {
+      if (nV != oV) {
+        this.formSearch.timeArray = [
+          new Date(nV.startTime),
+          new Date(nV.endTime)
+        ];
+        this.dateRange = [new Date(nV.startTime), new Date(nV.endTime)];
+        this.formSearch.deviceType = nV.deviceType;
+        this.formSearch.deviceCode = nV.deviceCode;
+
+        // 浠h〃棣栨杩涘叆鐣岄潰锛屾鏃惰嚜鍔ㄦ墽琛岄涓换鍔$殑鏁版嵁鏌ヨ鎿嶄綔
+        if (oV == undefined) {
+          setTimeout(() => {
+            this.handleClick();
+          }, 500);
+        }
       }
     }
   },
-  method: {
+  methods: {
     handleClick() {
-      this.$emit('search', this.formSearch);
+      this.$emit('search', { ...this.formSearch, mission: this.mission });
     }
   }
 };
 </script>
-<style lang="scss">
-.fy-container {
+<style scoped lang="scss">
+.map-date-selector {
+  display: inline-block;
+  position: relative;
+  /* left: 0;
+    right: 0;
+    top: 0px; */
+  /* padding: 0 4px; */
+  /* color: ffffffbd; */
+  /* background-color: antiquewhite; */
+}
+
+.p-events-auto {
+}
+
+.el-form-item {
+  margin-bottom: 0px;
+  margin-right: 8px !important;
 }
 </style>

--
Gitblit v1.9.3