|
@@ -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 {
|