马厂湖总貌

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

@@ -1175,7 +1175,7 @@
 									<text transform="matrix(1 0 0 1 228.2815 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0</text>
 								</g>
 							</g>
-							<g id="_x23_1_1_">
+							<g id="_x23_1">
 								<g>
 									<text transform="matrix(1 0 0 1 78.9055 443.2092)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.92</text>
 								</g>
@@ -1186,7 +1186,7 @@
 									<text transform="matrix(1 0 0 1 78.9055 471.261)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">45.2</text>
 								</g>
 							</g>
-							<g id="_x23_19_1_">
+							<g id="_x23_19">
 								<g>
 									<text transform="matrix(1 0 0 1 100.7893 194.2551)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.62</text>
 								</g>
@@ -1197,7 +1197,7 @@
 									<text transform="matrix(1 0 0 1 100.7893 222.3088)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">2.9</text>
 								</g>
 							</g>
-							<g id="_x23_20_1_">
+							<g id="_x23_20">
 								<g>
 									<text transform="matrix(1 0 0 1 248.343 194.2551)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.96</text>
 								</g>
@@ -1274,7 +1274,7 @@
 									<text transform="matrix(1 0 0 1 78.9055 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">36.4</text>
 								</g>
 							</g>
-							<g id="_x23_7_1_">
+							<g id="_x23_7">
 								<g>
 									<text transform="matrix(1 0 0 1 375.2385 443.2092)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.42</text>
 								</g>
@@ -1285,7 +1285,7 @@
 									<text transform="matrix(1 0 0 1 375.2385 471.261)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">34</text>
 								</g>
 							</g>
-							<g id="_x23_8_2_">
+							<g id="_x23_8">
 								<g>
 									<text transform="matrix(1 0 0 1 375.2385 533.7083)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.82</text>
 								</g>
@@ -1296,7 +1296,7 @@
 									<text transform="matrix(1 0 0 1 375.2385 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">32.4</text>
 								</g>
 							</g>
-							<g id="_x23_11_1_">
+							<g id="_x23_11">
 								<g>
 									<text transform="matrix(1 0 0 1 756.1301 442.8928)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.55</text>
 								</g>
@@ -1307,7 +1307,7 @@
 									<text transform="matrix(1 0 0 1 756.1301 470.9475)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">34.4</text>
 								</g>
 							</g>
-							<g id="_x23_12_1_">
+							<g id="_x23_12">
 								<g>
 									<text transform="matrix(1 0 0 1 756.1301 533.7083)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.29</text>
 								</g>
@@ -1318,7 +1318,7 @@
 									<text transform="matrix(1 0 0 1 756.1301 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">31</text>
 								</g>
 							</g>
-							<g id="_x23_5_1_">
+							<g id="_x23_5">
 								<g>
 									<text transform="matrix(1 0 0 1 607.5979 443.2092)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.62</text>
 								</g>
@@ -1329,7 +1329,7 @@
 									<text transform="matrix(1 0 0 1 607.5979 471.261)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">33.2</text>
 								</g>
 							</g>
-							<g id="_x23_6_1_">
+							<g id="_x23_6">
 								<g>
 									<text transform="matrix(1 0 0 1 607.5979 533.7083)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.78</text>
 								</g>
@@ -1340,7 +1340,7 @@
 									<text transform="matrix(1 0 0 1 607.5979 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">45.4</text>
 								</g>
 							</g>
-							<g id="_x23_13_1_">
+							<g id="_x23_13">
 								<g>
 									<text transform="matrix(1 0 0 1 903.9319 443.2092)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.2</text>
 								</g>
@@ -1351,7 +1351,7 @@
 									<text transform="matrix(1 0 0 1 903.9319 471.261)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">33</text>
 								</g>
 							</g>
-							<g id="_x23_14_1_">
+							<g id="_x23_14">
 								<g>
 									<text transform="matrix(1 0 0 1 903.9319 533.7083)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.22</text>
 								</g>
@@ -1362,7 +1362,7 @@
 									<text transform="matrix(1 0 0 1 903.9319 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">38.2</text>
 								</g>
 							</g>
-							<g id="_x23_15_1_">
+							<g id="_x23_15">
 								<g>
 									<text transform="matrix(1 0 0 1 1300.3088 442.8928)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.5</text>
 								</g>
@@ -1373,7 +1373,7 @@
 									<text transform="matrix(1 0 0 1 1300.3088 470.9475)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">33.2</text>
 								</g>
 							</g>
-							<g id="_x23_16_1_">
+							<g id="_x23_16">
 								<g>
 									<text transform="matrix(1 0 0 1 1300.3088 533.7083)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">2.43</text>
 								</g>
@@ -1384,7 +1384,7 @@
 									<text transform="matrix(1 0 0 1 1300.3088 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">35.6</text>
 								</g>
 							</g>
-							<g id="_x23_9_1_">
+							<g id="_x23_9">
 								<g>
 									<text transform="matrix(1 0 0 1 1151.7776 443.2092)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0</text>
 								</g>
@@ -1395,7 +1395,7 @@
 									<text transform="matrix(1 0 0 1 1151.7776 471.261)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0</text>
 								</g>
 							</g>
-							<g id="_x23_10_1_">
+							<g id="_x23_10">
 								<g>
 									<text transform="matrix(1 0 0 1 1151.7776 533.7083)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0</text>
 								</g>
@@ -1406,7 +1406,7 @@
 									<text transform="matrix(1 0 0 1 1151.7776 561.761)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0</text>
 								</g>
 							</g>
-							<g id="_x23_17_1_">
+							<g id="_x23_17">
 								<g>
 									<text transform="matrix(1 0 0 1 1448.1096 443.2092)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.2</text>
 								</g>
@@ -1417,7 +1417,7 @@
 									<text transform="matrix(1 0 0 1 1448.1096 471.261)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">33</text>
 								</g>
 							</g>
-							<g id="_x23_18_1_">
+							<g id="_x23_18">
 								<g>
 									<text transform="matrix(1 0 0 1 1448.1096 533.7083)" fill="#3B8646" font-family="'MicrosoftYaHei'" font-size="6.6475">0.22</text>
 								</g>
@@ -1456,16 +1456,16 @@
 				red: "#FF0000",
 				datas: undefined,
 				dgIds: [
+					20,21,22,23,26,25,24,
 					5,4,
 					7,6,
-					3,2,
-					21,1,
-					9,8,
-					11,10,
-					13,12,
-					15,14,
-					19,18,
-					17,16
+					28,27,
+					32,31,
+					34,33,
+					30,29,
+					38,37,
+					40,39,
+					36,35
 				],
 			};
 		},
@@ -1475,30 +1475,43 @@
 		methods: {
 			// 渲染每个机箱的表格参数
 			renderData(data = {}) {
+				
+				let fmtNumber=function(num){
+					return parseInt(num)
+				};
 				// 取出开关的 DOM
 				const switchDom = $("#data").find("rect");
-
 				// 遍历数据，首先取出开关单独写逻辑渲染颜色，除了开关以外的就是每个机箱的数据
 				for (let key in data) {
 					// 渲染开关
 					const item = data[key];
-					if (key === "XHZ310") {
+					if (key === "mch301") {
 						switchDom.eq(0).attr("fill", item ? this.green : this.red);
-					} else if (key === "XHZ314") {
+					} else if (key === "mch512") {
 						switchDom.eq(1).attr("fill", item ? this.green : this.red);
-					} else if (key === "XHZ315") {
+					} else if (key === "mch524") {
 						switchDom.eq(2).attr("fill", item ? this.green : this.red);
+					}else if (key === "mch526") {
+						switchDom.eq(3).attr("fill", item ? this.green : this.red);
+					} else if (key === "mch527") {
+						switchDom.eq(4).attr("fill", item ? this.green : this.red);
 					} else {
 						// 渲染电柜参数数据
-						const spKey = key.replace(/[^0-9]/gi, "");
+						const spKey = fmtNumber(key.replace(/[^0-9]/gi, ""));
 						const dgDom = $("#_x23_" + spKey).find("text");
+						
+						console.log(key,spKey)
+						
 
 						if (dgDom && key.indexOf("dl") !== -1) {
-							dgDom.eq(0).html(item);
+							// dgDom.eq(0).html(item);
+							dgDom.eq(0).html(111);
 						} else if (dgDom && key.indexOf("dy") !== -1) {
-							dgDom.eq(1).html(item);
-						} else if (dgDom && key.indexOf("gl") !== -1) {
-							dgDom.eq(2).html(item);
+							// dgDom.eq(1).html(item);
+							dgDom.eq(1).html(222);
+						} else if (dgDom && key.indexOf("yg") !== -1) {
+							// dgDom.eq(2).html(item);
+							dgDom.eq(2).html(333);
 						}
 					}
 				}