页面调整

src/components/fnHeader.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="header">
-        <div class="title">
+        <div class="title" @click="showDatePicker = !showDatePicker">
           <img class="logo" src="@/assets/images/common/logo.png" alt="" />
           <span>飞鸟智慧巡园平台</span>
           <img class="logo-icon" src="@/assets/images/common/logo-icon.png" alt="" />
@@ -32,6 +32,15 @@
         <div class="page-bg bg-bottom"></div>
         <div class="page-bg bg-left"></div>
     </div>
+    <div v-if="showDatePicker" style="position: absolute;top:50%;left: 50%;width: 50%;height: 200px;">
+      <el-date-picker
+          @change="toggleFarmPicker"
+          v-model="date"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="Pick a day"
+      />
+    </div>
 </template>
 
 <script setup>
@@ -40,6 +49,8 @@ import { useRouter } from "vue-router";
 import { convertPointToArray } from "@/utils/index";
 import eventBus from "@/api/eventBus";
 
+const date = ref(null);
+const showDatePicker = ref(false);
 const router = useRouter();
 const props = defineProps({
     showDate: {
@@ -68,6 +79,10 @@ const toggleFarm = (val) => {
     eventBus.emit('garden:organId',val)
     router.push({ name: "Home" });
 };
+const toggleFarmPicker = (val) => {
+  localStorage.setItem("date", val);
+  alert("已选择日期：" + localStorage.getItem("date"))
+}
 
 function getCurrentFormattedTime(type) {
     const now = new Date();

src/views/home/components/homePage.vue

@@ -155,7 +155,16 @@ const lineYdata = ref([]);
 const getBaseData = () => {
   const point = sessionStorage.getItem("point");
   const farmId = sessionStorage.getItem("farmId");
-  VE_API.mini_farm.weather_warning_land_check({ farmId,point }).then((res) => {
+  const date = localStorage.getItem("date");
+  let params = {
+    point,
+    farmId,
+  };
+  if(date){
+    params.date = date
+  }
+
+  VE_API.mini_farm.weather_warning_land_check(params).then((res) => {
     baseData.value = res.data || {};
   });