升压站白色版

src/assets/styles/theme/light/jsc.less

@@ -237,17 +237,4 @@
         color: @deepblue  !important;
         font-weight: bold;
     }
-
-    // 升压站，总貌图svg
-    .svg {
-        #footer text {
-            fill: @black;
-        }
-
-        #data {
-            text {
-                fill: @white;
-            }
-        }
-    }
 }

src/views/WindSite/components/boosterstation/mch.vue

@@ -1752,51 +1752,19 @@
 								</text>
 								<text transform="matrix(1 0 0 1 220.0471 776.1514)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									输入电压(
-								</text>
-								<text transform="matrix(1 0 0 1 285.0559 776.5879)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									V
-								</text>
-								<text transform="matrix(1 0 0 1 293.1721 776.5879)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									输入电压(V):
 								</text>
 								<text transform="matrix(1 0 0 1 209.4182 812.1738)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									输出功率(
-								</text>
-								<text transform="matrix(1 0 0 1 274.427 812.6104)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									kW
-								</text>
-								<text transform="matrix(1 0 0 1 293.1721 812.6104)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									输出功率(kW):
 								</text>
 								<text transform="matrix(1 0 0 1 202.0281 848.1982)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									日发电量(
-								</text>
-								<text transform="matrix(1 0 0 1 267.0393 848.6348)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									kWh
-								</text>
-								<text transform="matrix(1 0 0 1 293.1721 848.6348)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									日发电量(kWh):
 								</text>
 								<text transform="matrix(1 0 0 1 196.8381 884.2197)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									总发电量(
-								</text>
-								<text transform="matrix(1 0 0 1 261.8479 884.6563)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									MWh
-								</text>
-								<text transform="matrix(1 0 0 1 293.1721 884.6563)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									总发电量(MWh):
 								</text>
 							</g>
 							<g id="block">
@@ -2076,249 +2044,249 @@
 							</g>
 							<g id="data">
 								<g>
-									<text transform="matrix(1 0 0 1 66.5408 137.6816)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 66.5408 137.6816)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchuakvz }}
 									</text>
-									<text transform="matrix(1 0 0 1 66.5393 155.377)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 66.5393 155.377)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchubkvz }}
 									</text>
-									<text transform="matrix(1 0 0 1 66.5393 176.043)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 66.5393 176.043)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchuckvz }}
 									</text>
-									<text transform="matrix(1 0 0 1 66.5393 196.5479)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 66.5393 196.5479)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchuabkvz }}
 									</text>
-									<text transform="matrix(1 0 0 1 66.5393 217.0479)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 66.5393 217.0479)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchubckvz }}
 									</text>
-									<text transform="matrix(1 0 0 1 66.5393 237.5479)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 66.5393 237.5479)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchucakvz }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 698.8943 76.8887)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 698.8943 76.8887)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchlaas }}
 									</text>
-									<text transform="matrix(1 0 0 1 698.8933 96.584)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 698.8933 96.584)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchpmws }}
 									</text>
-									<text transform="matrix(1 0 0 1 698.8933 117.251)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 698.8933 117.251)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchqkvars }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 698.8943 222.0996)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 698.8943 222.0996)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchlaax }}
 									</text>
-									<text transform="matrix(1 0 0 1 698.8933 241.7939)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 698.8933 241.7939)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchpmwx }}
 									</text>
-									<text transform="matrix(1 0 0 1 698.8933 262.4619)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 698.8933 262.4619)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchqkvarx }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1693.9841 137.6816)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1693.9841 137.6816)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchuakvy }}
 									</text>
-									<text transform="matrix(1 0 0 1 1693.9841 155.377)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1693.9841 155.377)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchubkvy }}
 									</text>
-									<text transform="matrix(1 0 0 1 1693.9841 176.043)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1693.9841 176.043)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchuckvy }}
 									</text>
-									<text transform="matrix(1 0 0 1 1693.9841 196.5479)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1693.9841 196.5479)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchuabkvy }}
 									</text>
-									<text transform="matrix(1 0 0 1 1693.9841 217.0479)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1693.9841 217.0479)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchubckvy }}
 									</text>
-									<text transform="matrix(1 0 0 1 1693.9841 237.5479)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1693.9841 237.5479)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchucakvy }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 188.946 425.3447)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 188.946 425.3447)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla515 }}
 									</text>
-									<text transform="matrix(1 0 0 1 188.946 443.0391)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 188.946 443.0391)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp515 }}
 									</text>
-									<text transform="matrix(1 0 0 1 188.946 463.7061)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 188.946 463.7061)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq515 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 331.1042 425.3447)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 331.1042 425.3447)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla514 }}
 									</text>
-									<text transform="matrix(1 0 0 1 331.1042 443.0391)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 331.1042 443.0391)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp514 }}
 									</text>
-									<text transform="matrix(1 0 0 1 331.1042 463.7061)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 331.1042 463.7061)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq514 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 484.4583 536.2705)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 484.4583 536.2705)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla513 }}
 									</text>
-									<text transform="matrix(1 0 0 1 484.4568 553.9658)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 484.4568 553.9658)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp513 }}
 									</text>
-									<text transform="matrix(1 0 0 1 484.4568 574.6318)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 484.4568 574.6318)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq513 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 611.0935 427.9131)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 611.0935 427.9131)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla512 }}
 									</text>
-									<text transform="matrix(1 0 0 1 611.0935 445.6084)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 611.0935 445.6084)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp512 }}
 									</text>
-									<text transform="matrix(1 0 0 1 611.0935 466.2744)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 611.0935 466.2744)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq512 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 738.4377 499.6943)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 738.4377 499.6943)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla511 }}
 									</text>
-									<text transform="matrix(1 0 0 1 738.4377 517.3887)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 738.4377 517.3887)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp511 }}
 									</text>
-									<text transform="matrix(1 0 0 1 738.4377 538.0557)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 738.4377 538.0557)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq511 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 843.4377 434.0557)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 843.4377 434.0557)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla521 }}
 									</text>
-									<text transform="matrix(1 0 0 1 843.4377 451.751)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 843.4377 451.751)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp521 }}
 									</text>
-									<text transform="matrix(1 0 0 1 843.4377 472.418)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 843.4377 472.418)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq521 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 981.4373 434.0557)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 981.4373 434.0557)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla522 }}
 									</text>
-									<text transform="matrix(1 0 0 1 981.4373 451.751)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 981.4373 451.751)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp522 }}
 									</text>
-									<text transform="matrix(1 0 0 1 981.4373 472.418)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 981.4373 472.418)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq522 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1122.4373 434.0557)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1122.4373 434.0557)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla523 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1122.4373 451.751)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1122.4373 451.751)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp523 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1122.4373 472.418)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1122.4373 472.418)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq523 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1264.2478 427.9131)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1264.2478 427.9131)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla524 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1264.2478 445.6084)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1264.2478 445.6084)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp524 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1264.2478 466.2744)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1264.2478 466.2744)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq524 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1404.4998 498.5186)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1404.4998 498.5186)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mch1hla525 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1404.4998 516.2139)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1404.4998 516.2139)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mch1hp525 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1404.4998 536.8809)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1404.4998 536.8809)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mch1hq525 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1538.9998 433.6875)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1538.9998 433.6875)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla526 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1538.9998 451.3818)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1538.9998 451.3818)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp526 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1538.9998 472.0498)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1538.9998 472.0498)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq526 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1689.2361 436.624)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1689.2361 436.624)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchla527 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1689.2361 454.3184)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1689.2361 454.3184)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchp527 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1689.2361 474.9854)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1689.2361 474.9854)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.mchq527 }}
 									</text>
@@ -2786,6 +2754,7 @@
 <script>
 	import previewPicture from "../previewPicture.vue";
 	import { BoosterStation } from "./BoosterStation";
+	import $ from "jquery";
 	export default {
 		components: {
 			previewPicture
@@ -2800,10 +2769,38 @@
 		},
 		created() {
 			this.boosterStation = new BoosterStation();
-
 			this.refreshTPData()
 			this.interval = setInterval(this.refreshTPData, 3000)
 		},
+		mounted() {
+			this.$nextTick(() => {
+				if (this.$store.state.themeName === "light") {
+					for (let i = 0; i < $('#other text').length; i++) {
+						let that = $('#other text').eq(i);
+						let fill = that.attr('fill');
+						let txt = parseInt(that.text());//数字转整数
+						let bracket = that.text().indexOf('(');//判断是否包含(
+						let zn = /.*[\u4e00-\u9fa5]+.*$/.test(that.text()); //判断是否包含中文
+						let num = /[0-9]+.?[0-9]/g.test(that.text())
+						if (fill === '#FFFFFF' && !isNaN(txt) && !zn) {
+							that.attr('fill', '#000');
+						}
+						else if(fill === '#FFFFFF' && bracket != -1){
+							that.attr('fill', '#000');
+						}
+					}
+					for (let i = 0; i < $('#data text').length; i++) {
+						let that = $('#data text').eq(i);
+						let fill = that.attr('fill');
+						if (fill === '#3B8646') {
+							that.attr('fill', '#FFFFFF');
+						}else{
+							that.attr('fill', '#000');
+						}
+					}
+				}
+			})
+		},
 		methods: {
 			closed() {
 				clearInterval(this.interval);
@@ -2841,4 +2838,13 @@
 		width: 90%;
 		height: 90%;
 	}
+	.light #other line[stroke="#FFFFFF"]{
+		stroke:#000000;
+	}
+	.light #other rect[stroke="#F7F9F9"]{
+		stroke:#000000;
+	}
+	.light #other text[fill="#FFFFFF"][font-size="11.6452"]{
+		fill:#000000;
+	}
 </style>

src/views/WindSite/components/boosterstation/nss.vue

@@ -2839,15 +2839,7 @@
 									<g>
 										<text transform="matrix(1 0 0 1 -15.5959 841.4775)" fill="#FFFFFF"
 											font-family="'MicrosoftYaHei'" font-size="10.7648">
-											la(
-										</text>
-										<text transform="matrix(1 0 0 1 -3.1858 841.4775)" fill="#FFFFFF"
-											font-family="'MicrosoftYaHei'" font-size="8.6118">
-											A
-										</text>
-										<text transform="matrix(1 0 0 1 2.8728 841.4775)" fill="#FFFFFF"
-											font-family="'MicrosoftYaHei'" font-size="10.7648">
-											):
+											la(A):
 										</text>
 										<text transform="matrix(1 0 0 1 -28.76 867.3301)" fill="#FFFFFF"
 											font-family="'MicrosoftYaHei'" font-size="10.7648">
@@ -2855,15 +2847,7 @@
 										</text>
 										<text transform="matrix(1 0 0 1 -28.0549 893.1807)" fill="#FFFFFF"
 											font-family="'MicrosoftYaHei'" font-size="10.7648">
-											Q(
-										</text>
-										<text transform="matrix(1 0 0 1 -15.6868 893.1807)" fill="#FFFFFF"
-											font-family="'MicrosoftYaHei'" font-size="8.6118">
-											kVar
-										</text>
-										<text transform="matrix(1 0 0 1 2.8728 893.1807)" fill="#FFFFFF"
-											font-family="'MicrosoftYaHei'" font-size="10.7648">
-											):
+											Q(kVar):
 										</text>
 									</g>
 								</g>
@@ -4904,255 +4888,255 @@
 								</g>
 							</g>
 							<g id="data">
-								<text transform="matrix(1 0 0 1 71.3208 86.3582)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 71.3208 86.3582)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuakv2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 71.3203 106.0535)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 71.3203 106.0535)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuabkv2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 71.3203 126.7195)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 71.3203 126.7195)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nss3uov2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 71.3203 148.2234)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 71.3203 148.2234)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssfhz2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 487.9116 73.7937)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 487.9116 73.7937)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsslaa2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 487.9111 92.489)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 487.9111 92.489)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspmw2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 487.9111 113.157)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 487.9111 113.157)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 487.9111 133.4753)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 487.9111 133.4753)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuxkv2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 487.9111 154.1511)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 487.9111 154.1511)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsscos2j }}
 								</text>
-								<text transform="matrix(1 0 0 1 1060.2461 73.7937)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1060.2461 73.7937)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsslaa2jy }}
 								</text>
-								<text transform="matrix(1 0 0 1 1060.2441 92.489)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1060.2441 92.489)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspmw2jy }}
 								</text>
-								<text transform="matrix(1 0 0 1 1060.2441 113.157)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1060.2441 113.157)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar2jy }}
 								</text>
-								<text transform="matrix(1 0 0 1 1060.2441 133.4753)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1060.2441 133.4753)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar2jy }}
 								</text>
-								<text transform="matrix(1 0 0 1 1060.2441 154.1511)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1060.2441 154.1511)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuxkv2jy }}
 								</text>
-								<text transform="matrix(1 0 0 1 1640.2461 95.1296)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1640.2461 95.1296)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsslaa2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 1640.2441 113.825)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1640.2441 113.825)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspkw2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 1640.2441 134.4929)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1640.2441 134.4929)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqkvar2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 1640.2441 154.1511)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1640.2441 154.1511)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsscos2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 1779.5313 96.1335)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1779.5313 96.1335)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuakv2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 1779.5313 115.8289)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1779.5313 115.8289)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuabkv2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 1779.5313 136.4949)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1779.5313 136.4949)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nss3uov2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 1779.5313 157.9988)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1779.5313 157.9988)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssfhz2y }}
 								</text>
-								<text transform="matrix(1 0 0 1 69.9092 412.405)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 69.9092 412.405)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuakv1zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 69.9087 431.1003)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 69.9087 431.1003)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuabkv1zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 69.9087 451.7683)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 69.9087 451.7683)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									-.--
 								</text>
-								<text transform="matrix(1 0 0 1 69.9087 472.0867)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 69.9087 472.0867)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									-.--
 								</text>
-								<text transform="matrix(1 0 0 1 552.8096 281.4167)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8096 281.4167)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsslaa1zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 300.1121)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 300.1121)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspmw1zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 320.78)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 320.78)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar1zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 341.741)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 341.741)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsscos1zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8096 362.2957)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8096 362.2957)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssdw1zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 381.991)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 381.991)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssymwd1zb1 }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 402.657)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 402.657)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssymwd1zb2 }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8096 422.4285)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8096 422.4285)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsslaa1zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 441.1238)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 441.1238)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspmw1zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 461.7917)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 461.7917)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar1zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 552.8091 482.7527)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 552.8091 482.7527)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsscos1zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 711.8936 412.405)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 711.8936 412.405)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuakv2zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 711.8931 431.1003)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 711.8931 431.1003)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuabkv2zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 711.8931 451.7683)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 711.8931 451.7683)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nss3uo2zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 711.8931 472.0867)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 711.8931 472.0867)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssfhz2zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2656 281.4167)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2656 281.4167)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsslaa2zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 300.1121)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 300.1121)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspmw2zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 320.78)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 320.78)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar2zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 341.741)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 341.741)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsscos2zbs }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2656 362.2957)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2656 362.2957)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssdw2zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 381.991)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 381.991)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssymwd2zb1 }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 402.657)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 402.657)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssymwd2zb2 }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2656 422.4285)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2656 422.4285)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nss2laa2zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 441.1238)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 441.1238)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspmw2zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 461.7917)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 461.7917)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar2zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 1106.2637 482.7527)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1106.2637 482.7527)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsscos2zbx }}
 								</text>
-								<text transform="matrix(1 0 0 1 1352.8184 412.405)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1352.8184 412.405)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuakv3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1352.8184 431.1003)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1352.8184 431.1003)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssuabkv3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1352.8184 451.7683)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1352.8184 451.7683)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nss3uov3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1352.8184 472.0867)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1352.8184 472.0867)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssfhz3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1649.1641 362.2957)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1649.1641 362.2957)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssdw3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1649.1621 381.991)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1649.1621 381.991)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssymwd3zb1 }}
 								</text>
-								<text transform="matrix(1 0 0 1 1649.1621 402.657)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1649.1621 402.657)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssymwd3zb2 }}
 								</text>
-								<text transform="matrix(1 0 0 1 1649.1641 422.4285)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1649.1641 422.4285)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsslaa3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1649.1621 441.1238)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1649.1621 441.1238)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsspmw3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1649.1621 461.7917)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1649.1621 461.7917)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nssqmvar3zb }}
 								</text>
-								<text transform="matrix(1 0 0 1 1649.1621 482.7527)" fill="#1A823B"
+								<text transform="matrix(1 0 0 1 1649.1621 482.7527)" fill="#3B8646"
 									font-family="'MicrosoftYaHei'" font-size="9.463">
 									{{ ajaxData.nsscos3zb }}
 								</text>
@@ -5419,9 +5403,8 @@
 </template>
 <script>
 	import previewPicture from "../previewPicture.vue";
-	import {
-		BoosterStation
-	} from "./BoosterStation";
+	import {BoosterStation} from "./BoosterStation";
+	import $ from "jquery";
 	export default {
 		components: {
 			previewPicture
@@ -5439,6 +5422,35 @@
 			this.refreshTPData()
 			this.interval = setInterval(this.refreshTPData, 3000)
 		},
+		mounted() {
+			this.$nextTick(() => {
+				if (this.$store.state.themeName === "light") {
+					for (let i = 0; i < $('#other text').length; i++) {
+						let that = $('#other text').eq(i);
+						let fill = that.attr('fill');
+						let txt = parseInt(that.text());//数字转整数
+						let bracket = that.text().indexOf('(');//判断是否包含(
+						let zn = /.*[\u4e00-\u9fa5]+.*$/.test(that.text()); //判断是否包含中文
+						let num = /[0-9]+.?[0-9]/g.test(that.text())
+						if (fill === '#FFFFFF' && !isNaN(txt) && !zn) {
+							that.attr('fill', '#000');
+						}
+						else if(fill === '#FFFFFF' && bracket != -1){
+							that.attr('fill', '#000');
+						}
+					}
+					for (let i = 0; i < $('#data text').length; i++) {
+						let that = $('#data text').eq(i);
+						let fill = that.attr('fill');
+						if (fill === '#3B8646') {
+							that.attr('fill', '#FFFFFF');
+						}else{
+							that.attr('fill', '#000');
+						}
+					}
+				}
+			})
+		},
 		methods: {
 			closed() {
 				clearInterval(this.interval);

src/views/WindSite/components/boosterstation/pl1.vue

@@ -1518,163 +1518,163 @@
 							</g>
 							<g id="data">
 								<g>
-									<text transform="matrix(1 0 0 1 150.9871 155.4553)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 150.9871 155.4553)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
-									<text transform="matrix(1 0 0 1 150.9875 114.092)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 150.9875 114.092)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
-									<text transform="matrix(1 0 0 1 150.9871 134.7874)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 150.9871 134.7874)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
-									<text transform="matrix(1 0 0 1 150.9871 175.9592)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 150.9871 175.9592)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 752.262 119.8499)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 752.262 119.8499)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1laayt }}
 									</text>
-									<text transform="matrix(1 0 0 1 752.2615 139.5452)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 752.2615 139.5452)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1pkwyt }}
 									</text>
-									<text transform="matrix(1 0 0 1 752.2615 160.2112)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 752.2615 160.2112)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1qkvaryt }}
 									</text>
-									<text transform="matrix(1 0 0 1 752.2615 180.7151)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 752.2615 180.7151)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1cosyt }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1368.6311 109.6018)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1368.6311 109.6018)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1laawg }}
 									</text>
-									<text transform="matrix(1 0 0 1 1368.6311 129.2971)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1368.6311 129.2971)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1pkwwg }}
 									</text>
-									<text transform="matrix(1 0 0 1 1368.6311 149.9651)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1368.6311 149.9651)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1qkvarwg }}
 									</text>
-									<text transform="matrix(1 0 0 1 1368.6311 170.469)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1368.6311 170.469)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1coswg }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 251.8352 278.092)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 251.8352 278.092)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1blaacy }}
 									</text>
-									<text transform="matrix(1 0 0 1 251.8347 296.7874)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 251.8347 296.7874)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1bpcy }}
 									</text>
-									<text transform="matrix(1 0 0 1 251.8347 317.4553)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 251.8347 317.4553)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1bqcy }}
 									</text>
-									<text transform="matrix(1 0 0 1 251.8347 337.9592)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 251.8347 337.9592)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1bcoscy }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 519.3879 278.8108)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 519.3879 278.8108)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1laagf1 }}
 									</text>
-									<text transform="matrix(1 0 0 1 519.3875 297.5061)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 519.3875 297.5061)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1pkwgf1 }}
 									</text>
-									<text transform="matrix(1 0 0 1 519.3875 318.1741)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 519.3875 318.1741)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1qkvargf1 }}
 									</text>
-									<text transform="matrix(1 0 0 1 519.3875 338.678)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 519.3875 338.678)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1cosgf1 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 778.0662 278.8108)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 778.0662 278.8108)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1laagf2 }}
 									</text>
-									<text transform="matrix(1 0 0 1 778.0657 297.5061)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 778.0657 297.5061)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1pkwgf2 }}
 									</text>
-									<text transform="matrix(1 0 0 1 778.0657 318.1741)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 778.0657 318.1741)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1qkvargf2 }}
 									</text>
-									<text transform="matrix(1 0 0 1 778.0657 338.678)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 778.0657 338.678)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1cosgf2 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1053.7756 279.8147)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1053.7756 279.8147)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1laagf3 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1053.7756 298.51)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1053.7756 298.51)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1pkwgf3 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1053.7756 319.176)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1053.7756 319.176)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1qkvargf3 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1053.7756 339.6799)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1053.7756 339.6799)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1cosgf3 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1360.9846 279.8147)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1360.9846 279.8147)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1laagf4 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1360.9846 298.51)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1360.9846 298.51)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1pkwgf4 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1360.9846 319.176)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1360.9846 319.176)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1qkvargf4 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1360.9846 339.6799)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1360.9846 339.6799)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1cosgf4 }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1700.4709 277.8147)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1700.4709 277.8147)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1laagf5 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1700.4709 298.51)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1700.4709 298.51)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1pkwgf5 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1700.4709 319.176)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1700.4709 319.176)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1qkvargf5 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1700.4709 339.6799)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1700.4709 339.6799)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl1cosgf5 }}
 									</text>
@@ -1845,9 +1845,8 @@
 </template>
 <script>
 	import previewPicture from "../previewPicture.vue";
-	import {
-		BoosterStation
-	} from "./BoosterStation";
+	import {BoosterStation} from "./BoosterStation";
+	import $ from "jquery";
 	export default {
 		components: {
 			previewPicture,
@@ -1862,10 +1861,37 @@
 		},
 		created() {
 			this.boosterStation = new BoosterStation();
-
 			this.refreshTPData();
 			this.interval = setInterval(this.refreshTPData, 1000);
 		},
+		mounted() {
+			this.$nextTick(() => {
+				if (this.$store.state.themeName === "light") {
+					for (let i = 0; i < $('#other text').length; i++) {
+						let that = $('#other text').eq(i);
+						let fill = that.attr('fill');
+						let txt = parseInt(that.text());//数字转整数
+						let bracket = that.text().indexOf('(');//判断是否包含(
+						let zn = /.*[\u4e00-\u9fa5]+.*$/.test(that.text()); //判断是否包含中文
+						if (fill === '#FFFFFF' && !isNaN(txt) && !zn) {
+							that.attr('fill', '#000');
+						}
+						else if(fill === '#FFFFFF' && bracket != -1){
+							that.attr('fill', '#000');
+						}
+					}
+					for (let i = 0; i < $('#data text').length; i++) {
+						let that = $('#data text').eq(i);
+						let fill = that.attr('fill');
+						if (fill === '#3B8646') {
+							that.attr('fill', '#FFFFFF');
+						}else{
+							that.attr('fill', '#000');
+						}
+					}
+				}
+			})
+		},
 		methods: {
 			closed() {
 				clearInterval(this.interval);
@@ -1903,4 +1929,13 @@
 		width: 90%;
 		height: 90%;
 	}
+	.light #other line[stroke="#FFFFFF"]{
+		stroke:#000000;
+	}
+	.light #other rect[stroke="#F7F8F8"]{
+		stroke:#000000;
+	}
+	.light #other text[fill="#FFFFFF"][font-size="11.6452"]{
+		fill:#000000;
+	}
 </style>

src/views/WindSite/components/boosterstation/pl2.vue

@@ -4,11 +4,11 @@
 			<el-col :span="24">
 				<previewPicture>
 					<template v-slot:svg>
-<svg class="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+						<svg class="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 							version="1.1" id="图层_1" x="0px" y="0px" width="1853.732px" height="885.063px"
 							viewBox="0 0 1853.732 885.063" enable-background="new 0 0 1853.732 885.063"
 							xml:space="preserve">
-							<g id="other_1_">
+							<g id="other">
 								<path fill="none" stroke="#42B0A8" stroke-width="2.5" stroke-miterlimit="10"
 									d="M236.472,205.068"></path>
 								<path fill="none" stroke="#42B0A8" stroke-width="2.5" stroke-miterlimit="10"
@@ -54,51 +54,19 @@
 								<rect x="1441.419" y="666.985" fill="#CAA51A" width="190.634" height="2.25"></rect>
 								<text transform="matrix(1 0 0 1 88.1892 770.7983)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									输入电压(
-								</text>
-								<text transform="matrix(1 0 0 1 153.2004 771.2349)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									V
-								</text>
-								<text transform="matrix(1 0 0 1 161.3142 771.2349)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									输入电压(V):
 								</text>
 								<text transform="matrix(1 0 0 1 77.5603 804.8208)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									输出功率(
-								</text>
-								<text transform="matrix(1 0 0 1 142.571 805.2573)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									kW
-								</text>
-								<text transform="matrix(1 0 0 1 161.3142 805.2573)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									输出功率(kW):
 								</text>
 								<text transform="matrix(1 0 0 1 70.1711 838.8452)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									日发电量(
-								</text>
-								<text transform="matrix(1 0 0 1 135.1814 839.2817)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									kWh
-								</text>
-								<text transform="matrix(1 0 0 1 161.3142 839.2817)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									日发电量(kWh):
 								</text>
 								<text transform="matrix(1 0 0 1 64.9802 872.8667)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									总发电量(
-								</text>
-								<text transform="matrix(1 0 0 1 129.9919 873.3032)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									MWh
-								</text>
-								<text transform="matrix(1 0 0 1 161.3142 873.3032)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									总发电量(MWh):
 								</text>
 								<rect x="4.795" y="23.851" fill="#CAA51A" width="1848.938" height="2.25" />
 								<text transform="matrix(1 0 0 1 2.7859 16.979)" fill="#D0D0D0"
@@ -2138,51 +2106,19 @@
 									font-family="'MicrosoftYaHei'" font-size="13.5" letter-spacing="19"></text>
 								<text transform="matrix(1 0 0 1 88.7712 396.1313)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									输入电压(
-								</text>
-								<text transform="matrix(1 0 0 1 153.7795 396.5679)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									V
-								</text>
-								<text transform="matrix(1 0 0 1 161.8962 396.5679)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									输入电压(V):
 								</text>
 								<text transform="matrix(1 0 0 1 78.1418 430.1538)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									输出功率(
-								</text>
-								<text transform="matrix(1 0 0 1 143.1506 430.5903)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									kW
-								</text>
-								<text transform="matrix(1 0 0 1 161.8962 430.5903)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									输出功率(kW):
 								</text>
 								<text transform="matrix(1 0 0 1 70.7517 464.1782)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									日发电量(
-								</text>
-								<text transform="matrix(1 0 0 1 135.7629 464.6147)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									kWh
-								</text>
-								<text transform="matrix(1 0 0 1 161.8962 464.6147)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									日发电量(kWh):
 								</text>
 								<text transform="matrix(1 0 0 1 65.5623 498.1997)" fill="#FFFFFF"
 									font-family="'MicrosoftYaHei'" font-size="15">
-									总发电量(
-								</text>
-								<text transform="matrix(1 0 0 1 130.571 498.6362)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="12">
-									MWh
-								</text>
-								<text transform="matrix(1 0 0 1 161.8962 498.6362)" fill="#FFFFFF"
-									font-family="'MicrosoftYaHei'" font-size="15">
-									):
+									总发电量(MWh):
 								</text>
 							</g>
 							<g id="kg">
@@ -2722,67 +2658,67 @@
 							</g>
 							<g id="data">
 								<g>
-									<text transform="matrix(1 0 0 1 201.0178 63.3677)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 201.0178 63.3677)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
-									<text transform="matrix(1 0 0 1 201.0173 82.063)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 201.0173 82.063)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 961.53 68.7778)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 961.53 68.7778)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2laagf6 }}
 									</text>
-									<text transform="matrix(1 0 0 1 961.53 86.4722)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 961.53 86.4722)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2pkwgf6 }}
 									</text>
-									<text transform="matrix(1 0 0 1 961.53 106.9009)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 961.53 106.9009)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1629.5847 56.9653)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1629.5847 56.9653)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2laawg2 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1629.5828 74.6606)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1629.5828 74.6606)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2pkwwg2 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1629.5828 95.0884)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1629.5828 95.0884)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2qkvar }}
 									</text>
-									<text transform="matrix(1 0 0 1 1629.5828 115.1001)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1629.5828 115.1001)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2cos }}
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1543.8347 176.269)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1543.8347 176.269)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2laagf7 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1543.8328 193.9634)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1543.8328 193.9634)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2pkwgf7 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1543.8328 214.3921)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1543.8328 214.3921)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										-.--
 									</text>
 								</g>
 								<g>
-									<text transform="matrix(1 0 0 1 1756.3894 173.397)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1756.3894 173.397)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2laa326 }}
 									</text>
-									<text transform="matrix(1 0 0 1 1756.3894 191.0923)" fill="#1A823B"
+									<text transform="matrix(1 0 0 1 1756.3894 191.0923)" fill="#3B8646"
 										font-family="'MicrosoftYaHei'" font-size="9.463">
 										{{ ajaxData.pl2pkw326 }}
 									</text>
@@ -3558,7 +3494,8 @@
 </template>
 <script>
 	import previewPicture from "../previewPicture.vue";
-	import { BoosterStation } from "./BoosterStation";
+	import {BoosterStation} from "./BoosterStation";
+	import $ from "jquery";
 	export default {
 		components: {
 			previewPicture
@@ -3573,19 +3510,47 @@
 		},
 		created() {
 			this.boosterStation = new BoosterStation();
-	
 			this.refreshTPData()
 			this.interval = setInterval(this.refreshTPData, 3000)
 		},
+		mounted() {
+			this.$nextTick(() => {
+				if (this.$store.state.themeName === "light") {
+					for (let i = 0; i < $('#other text').length; i++) {
+						let that = $('#other text').eq(i);
+						let fill = that.attr('fill');
+						let txt = parseInt(that.text());//数字转整数
+						let bracket = that.text().indexOf('(');//判断是否包含(
+						let zn = /.*[\u4e00-\u9fa5]+.*$/.test(that.text()); //判断是否包含中文
+						let num = /[0-9]+.?[0-9]/g.test(that.text())
+						if (fill === '#FFFFFF' && !isNaN(txt) && !zn) {
+							that.attr('fill', '#000');
+						}
+						else if(fill === '#FFFFFF' && bracket != -1){
+							that.attr('fill', '#000');
+						}
+					}
+					for (let i = 0; i < $('#data text').length; i++) {
+						let that = $('#data text').eq(i);
+						let fill = that.attr('fill');
+						if (fill === '#3B8646') {
+							that.attr('fill', '#FFFFFF');
+						}else{
+							that.attr('fill', '#000');
+						}
+					}
+				}
+			})
+		},
 		methods: {
 			closed() {
 				clearInterval(this.interval);
 			},
 			refreshTPData() {
-				this.boosterStation.getDatas("PL2_GDC",this.bindValue);
+				this.boosterStation.getDatas("PL2_GDC", this.bindValue);
 			},
-			bindValue(msg){
-				this.ajaxData=msg;
+			bindValue(msg) {
+				this.ajaxData = msg;
 			},
 		}
 	};
@@ -3610,8 +3575,18 @@
 	}
 
 	.svg {
-		margin-left:5%;
+		margin-left: 5%;
 		width: 90%;
 		height: 90%;
 	}
+	
+	.light #other line[stroke="#FFFFFF"]{
+		stroke:#000000;
+	}
+	.light #other rect[stroke="#F7F9F9"]{
+		stroke:#000000;
+	}
+	.light #other text[fill="#FFFFFF"][font-size="11.6452"]{
+		fill:#000000;
+	}
 </style>