From a2413e104f4dc24f5b1a53c2f203a811782c26f6 Mon Sep 17 00:00:00 2001
From: yezhichao <651778286@qq.com>
Date: Wed, 1 Dec 2021 10:57:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E6=98=9F=E4=BD=8D=E8=A7=86=E5=9B=BE?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/render/components/PlanisphereView.vue | 16 ++++++++++------
 src/render/page/StateMonitorPage.vue      |  8 ++++----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/render/components/PlanisphereView.vue b/src/render/components/PlanisphereView.vue
index f210e0e..3b0fe55 100644
--- a/src/render/components/PlanisphereView.vue
+++ b/src/render/components/PlanisphereView.vue
@@ -22,13 +22,17 @@ use([
 ]);
 
 const props = defineProps({
-  title: String
+  title: String,
+  color: String
 })
 
 const option = reactive({
   title: {
     text: props.title,
-    left: 'center'
+    left: 'center',
+    textStyle: {
+      color: 'white'
+    }
   },
   polar: {
     radius: '72%'
@@ -77,8 +81,8 @@ const option = reactive({
       formatter: '{@[2]}'
     },
     itemStyle: {
-      color: '#9ca3af'
-    }
+      color: props.color
+    },
   }, {
     nmea: 'in-positioning',
     coordinateSystem: 'polar',
@@ -89,8 +93,8 @@ const option = reactive({
       formatter: '{@[2]}'
     },
     itemStyle: {
-      color: '#e5323e'
-    }
+      color: props.color
+    },
   }]
 })
 
diff --git a/src/render/page/StateMonitorPage.vue b/src/render/page/StateMonitorPage.vue
index feee6bb..85548b4 100644
--- a/src/render/page/StateMonitorPage.vue
+++ b/src/render/page/StateMonitorPage.vue
@@ -4,16 +4,16 @@
 
     <div class="main-content flex-1 grid grid-cols-2 grid-rows-2">
       <div>
-        <PlanisphereView ref="BDPlanisphereView" title="北斗" />
+        <PlanisphereView ref="BDPlanisphereView" color="rgb(0,204,255)" title="北斗" />
       </div>
       <div>
-        <PlanisphereView ref="GPPlanisphereView" title="GPS" />
+        <PlanisphereView ref="GPPlanisphereView" color="rgb(255,255,0)" title="GPS" />
       </div>
       <div>
-        <PlanisphereView ref="GLPlanisphereView" title="格洛纳斯" />
+        <PlanisphereView ref="GLPlanisphereView" color="rgb(102,0,255)" title="格洛纳斯" />
       </div>
       <div>
-        <PlanisphereView ref="GAPlanisphereView" title="伽利略" />
+        <PlanisphereView ref="GAPlanisphereView" color="rgb(0,204,102)" title="伽利略" />
       </div>
     </div>
   </full-screen-container>