From 9bf13f5c227bf7f0c0c812f8d349ebaa585068c4 Mon Sep 17 00:00:00 2001
From: dingtalk_umvbsp <m13724205240@163.com>
Date: Wed, 12 Apr 2023 18:19:08 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/scrollBoard/index.vue |  1 +
 src/view/park/left_3.vue             | 43 ++++++++++++++++++++++++++--
 src/view/park/right_1.vue            | 11 +++++++
 3 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 src/view/park/right_1.vue

diff --git a/src/components/scrollBoard/index.vue b/src/components/scrollBoard/index.vue
index 77c2bb5..ec6f466 100644
--- a/src/components/scrollBoard/index.vue
+++ b/src/components/scrollBoard/index.vue
@@ -70,6 +70,7 @@
     >
       <div
         class="row-item"
+        :class="row.rowIndex % 2 === 0?'even':'odd'"
         v-for="(row, ri) in rows"
         :key="`${row.toString()}${row.scroll}`"
         :style="`
diff --git a/src/view/park/left_3.vue b/src/view/park/left_3.vue
index f96ee33..537f0bc 100644
--- a/src/view/park/left_3.vue
+++ b/src/view/park/left_3.vue
@@ -1,12 +1,51 @@
 <style lang="less" scoped>
-
+	.left_3{
+		.dv-scroll-board{
+			&:deep>.header{
+				background:rgba(12, 44, 78, 0.7)!important;
+				box-shadow: inset 0 0 10px 2px rgba(12, 137, 254, 0.5);
+			}
+			&:deep>.rows{
+				color:#A2B4C5;
+				.even{
+					background:transparent!important;
+					.ceil:nth-child(3){
+						color:#0C81EF;
+					}
+				}
+				.odd{
+					background: rgba(2, 157, 253, 0.1)!important;
+					.ceil:nth-child(3){
+						color:#00E7F7;
+					}
+				}
+			}
+		}
+	}
 </style>
 <template>
 	<div class="left_3">
 		<dTitle title="病虫害情况" icon="9"/>
-		
+		<dvScrollBoard ref="scrollBoard" :config="config" style="height:246px"/>
 	</div>
 </template>
 <script setup>
+import { shallowRef } from 'vue'
 import dTitle from '../title.vue'
+
+	var config=shallowRef({
+		header:['类型','品种','病虫害类型','发生次数','病虫名称'],
+		data:[
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+			['氯化钾','50kg/包','100kg','1','2'],
+		],
+		rowNum:5,
+		align:['center','center','center'],
+	})
 </script>
\ No newline at end of file
diff --git a/src/view/park/right_1.vue b/src/view/park/right_1.vue
new file mode 100644
index 0000000..61be886
--- /dev/null
+++ b/src/view/park/right_1.vue
@@ -0,0 +1,11 @@
+<style lang="less" scoped>
+
+</style>
+<template>
+	<div class="right_1">
+		
+	</div>
+</template>
+<script setup>
+
+</script>
\ No newline at end of file