| 
					
				 | 
			
			
				@@ -3,8 +3,19 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="chart-item"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <chart-box name="气象预警" arrow="left"></chart-box> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="chart-item"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <chart-box name="物候调节" arrow="left"></chart-box> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="chart-item phenology"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <chart-box name="物候调节" arrow="left"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template #title-left> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span class="title-left"> - 控梢期</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <bar-chart class="bar-chart" styleName="styleName2" :xData="phenologyXData" :yData="phenologyYData"></bar-chart> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div class="time-line"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div class="line"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div class="tips box-bg"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            物候进程:预计 <span>2天</span> 后第三次秋梢完全老熟,进入控梢期 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </chart-box> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="chart-item diseases"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <chart-box name="病虫测报" arrow="left"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -47,6 +58,17 @@ import chartBox from "@/components/chartBox.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import barChart from "@/components/charts/barChart.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import pieChart from "@/components/charts/pieChart.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+// 物候调节 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+const phenologyXData = ["萌动小叶", "红黄相间", "新梢老熟"] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+const phenologyYData = [44, 33, 30] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+const aaa = [{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  "a":[44, 33, 30], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  aa:'22', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+},{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  "b":[0,22, 28], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  bb:'33' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 // 病虫测报 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const diseasesBtnGroup = ["病害1","病害2","病害3"] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const active = ref(0) 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -80,6 +102,31 @@ const evaluateYData = [33, 41, 43] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       padding: 3px 6px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       box-sizing: border-box; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       background: linear-gradient(180deg, rgb(85, 85, 85,0.4) 0%, rgb(35, 35, 35,1) 100%); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      span{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        color: #69BDFF; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .title-left{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      color: rgba(255,255,255,0.7); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    &.phenology{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .bar-chart{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        height: calc(100% - 70px); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .time-line{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        height: 70px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .line{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          height: calc(100% - 34px); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .tips{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          height: 34px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          line-height: 28px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     &.diseases{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       .btn-group{ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -107,9 +154,6 @@ const evaluateYData = [33, 41, 43] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         text-indent: 2em; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         letter-spacing: 1px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         color: rgba(255,255,255,0.7); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        span{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          color: #69BDFF; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     &.evaluate { 
			 |