fix: 增加果园档案、果园日志盒子

src/components/chartBox.vue

@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="chart-content">
-        <div :class="['arrow',arrow]" @click="handleShrink">
+        <div v-show="arrow" :class="['arrow',arrow]" @click="handleShrink">
             <el-icon class="icon" color="#141414"><DArrowLeft /></el-icon>
         </div>
         <slot></slot>
@@ -27,7 +27,7 @@ const props = defineProps({
     },
     arrow:{
         type:String,
-        defalut:'right'
+        defalut:''
     }
 })
 

src/views/Home.vue

@@ -20,19 +20,27 @@
         <tool-list direction="left" :list="leftToolList"></tool-list>
         <div class="chart-list">
           <div class="chart-item">
-            <chart-box name="气象预警"></chart-box>
+            <chart-box name="气象预警" arrow="left"></chart-box>
           </div>
           <div class="chart-item">
-            <chart-box name="物候调节"></chart-box>
+            <chart-box name="物候调节" arrow="left"></chart-box>
           </div>
           <div class="chart-item">
-            <chart-box name="病虫测报"></chart-box>
+            <chart-box name="病虫测报" arrow="left"></chart-box>
           </div>
           <div class="chart-item">
-            <chart-box name="树势评估"></chart-box>
+            <chart-box name="树势评估" arrow="left"></chart-box>
           </div>
         </div>
       </div>
+      <div class="home-bottom">
+        <div class="log-box">
+          <chart-box name="果园日志"></chart-box>
+        </div>
+        <div class="file-box">
+          <chart-box name="果园档案"></chart-box>
+        </div>
+      </div>
       <div class="right">
         <div class="list">
           <chart-box name="农事列表" arrow="arrow-left"></chart-box>
@@ -132,7 +140,7 @@ const rightToolList = [
   }
   .content {
     width: 100%;
-    height: calc(100% - 74px);
+    height: calc(100% - 74px - 48px);
     display: flex;
     justify-content: space-between;
     box-sizing: border-box;
@@ -140,7 +148,7 @@ const rightToolList = [
     .right {
       pointer-events: all;
       width: calc(376px + 54px);
-      height: 95%;
+      height: 100%;
       padding-top: 10px;
       box-sizing: border-box;
       display: flex;
@@ -161,6 +169,24 @@ const rightToolList = [
         height: 100%;
       }
     }
+    .home-bottom {
+      display: flex;
+      align-items: flex-end;
+      width: calc(100% - 430px - 430px - 72px);
+      height: 100%;
+      align-self: flex-end;
+      .log-box {
+        pointer-events: all;
+        height: 30%;
+        width: calc(100% - 340px - 28px);
+        margin-right: 28px;
+      }
+      .file-box {
+        pointer-events: all;
+        height: 25%;
+        width: 340px;
+      }
+    }
   }
 }
 .bottom-map {