2023-02-03 update

1. 新增埃肯生产月报
2. 埃肯升压站图  增加断路器及地刀测点
3. 埃肯升压站图  增加ups 公用测控  直流屏  电度屏 四个按钮及弹框  对接除ups外测点
4. 埃肯升压站图  断路器及地刀测点中 3507开关，3511_1地刀 两个测点在图中未找到对应位置

src/router/index.js

@@ -703,6 +703,12 @@ const routes = [{
 		import( /* webpackChunkName: "dwkscyb" */ "../views/report/dwkscyb.vue"),
 },
 {
+	path: "/others/akscyb",
+	name: "akscyb",
+	component: () =>
+		import( /* webpackChunkName: "dwkscyb" */ "../views/report/akscyb.vue"),
+},
+{
 	path: "/others/plscyb",
 	name: "plscyb",
 	component: () =>

src/views/WindSite/components/boosterstation/BoosterStation.js

@@ -2059,6 +2059,95 @@ export class BoosterStation {
 			'akgl011':{tag: "AKGF.NX_GD_AKG_GF_P1_L1_011_AI0056"},
 			'akrf011':{tag: "AKGF.NX_GD_AKG_GF_P1_L1_011_AI0068"},
 			'akzf011':{tag: "AKGF.NX_GD_AKG_GF_P1_L1_011_AI0067"},
+			//电度表 测点 301
+			'akzxyg001':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXYG001"},
+			'akzxwg002':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXWG002"},
+			'akfxyg003':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXYG003"},
+			'akfxwg004':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXWG004"},
+			// 3507
+			'akzxyg005':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXYG005"},
+			'akzxwg006':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXWG006"},
+			'akfxyg007':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXYG007"},
+			'akfxwg008':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXWG008"},
+			//厂区
+			'akzxyg009':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXYG009"},
+			'akzxwg010':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXWG010"},
+			'akfxyg011':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXYG011"},
+			'akfxwg012':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXWG012"},
+			//埃肯
+			'akzxyg013':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXYG013"},
+			'akfxyg014':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXYG014"},
+			'akzxwg015':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_ZXWG015"},
+			'akfxwg016':{tag: "AKDJL.NX_GD_AKG_DD_P1_L1_001_FXWG016"},
+			//公用测控 测点 Uab--
+			'akua1':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0001"},
+			'akub1':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0002"},
+			'akuc1':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0003"},
+			'aku1ab':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0019"},
+			'aku1bc':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0020"},
+			'aku1ca':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0021"},
+			'akfr1':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0052"},
+			'akcos1':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0037"},
+			// di
+			'akdi007':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0007"},
+			'akdi008':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0008"},
+			'akdi009':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0009"},
+			'akdi013':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0013"},
+			'akdi016':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0016"},
+			'akdi017':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0017"},
+			'akdi018':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0018"},
+			'akdi023':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0023"},
+			'akdi024':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0024"},
+			'akdi026':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0026"},
+			'akdi027':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0027"},
+			'akdi030':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0030"},
+			'akdi039':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0039"},
+			'akdi040':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0040"},
+			'akdi042':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0042"},
+			'akdi047':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0047"},
+			'akdi048':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0048"},
+			'akdi049':{tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0049"},
+
+			//直流屏 测点 
+			'akai083': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0083"},
+			'akai084': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0084"},
+			'akai085': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0085"},
+			'akai086': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0086"},
+			'akai087': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0087"},
+			'akai088': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0088"},
+			'akai089': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0089"},
+			'akai090': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0090"},
+			'akai091': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0091"},
+			'akai092': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0092"},
+			'akai093': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0093"},
+			'akai094': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_AI0094"},
+
+			'akdi222': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0222"},
+			'akdi223': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0223"},
+			'akdi229': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0229"},
+			'akdi230': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0230"},
+			'akdi231': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0231"},
+			'akdi232': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0232"},
+			'akdi233': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0233"},
+			'akdi234': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0234"},
+			'akdi235': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0235"},
+			'akdi236': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0236"},
+			'akdi239': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0239"},
+			'akdi244': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0244"},
+
+			//升压站地刀及断路器
+			/**
+			3507断路器
+			3507_0地刀
+			811断路器
+			3511断路器
+			3511_0地刀
+			 */
+			'akdi363': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0363"},
+			'akdi362': {tag: "AKDQ.NX_GD_AKG_DQ_P1_L1_001_DI0362"},
+			'akdi010': {tag: "AKGF.NX_GD_AKG_GF_P1_L1_012_DI0010"},
+			'akdi014': {tag: "AKGF.NX_GD_AKG_GF_P1_L1_012_DI0014"},
+			'akdi012017': {tag: "AKGF.NX_GD_AKG_GF_P1_L1_012_DI0017"},
 		}
 	}
 

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

@@ -1,5 +1,6 @@
 <template>
-  <previewPicture>
+  <div>
+    <previewPicture>
     <template v-slot:svg>
       <svg
         version="1.1"
@@ -588,8 +589,8 @@
               xmlns="http://www.w3.org/2000/svg"
               x="0.6"
               y="7.9"
-              fill="#FF0000"
-              stroke="#FF0000"
+              :fill="ajaxData.akdi363? '#02A434' :'#FF0000'"
+              :stroke="ajaxData.akdi363? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               width="12"
               height="32"
@@ -598,7 +599,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#FF0000"
+              :stroke="ajaxData.akdi363? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="6.6"
               y1="8"
@@ -609,7 +610,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#FF0000"
+              :stroke="ajaxData.akdi363? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="6.6"
               y1="47.9"
@@ -674,7 +675,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi362? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="18"
               y1="20"
@@ -685,7 +686,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi362? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="26"
               y1="20"
@@ -696,7 +697,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi362? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="18"
               y1="36.3"
@@ -707,7 +708,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi362? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="18"
               y1="60.2"
@@ -718,7 +719,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi362? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="36"
               y1="60.2"
@@ -729,7 +730,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi362? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="30"
               y1="69.2"
@@ -740,7 +741,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi362? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="24"
               y1="78.2"
@@ -817,8 +818,8 @@
               xmlns="http://www.w3.org/2000/svg"
               x="0.6"
               y="7.9"
-              fill="#FF0000"
-              stroke="#FF0000"
+              :stroke="ajaxData.akdi014? '#02A434' :'#FF0000'"
+              :fill="ajaxData.akdi014? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               width="12"
               height="32"
@@ -827,7 +828,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#FF0000"
+              :stroke="ajaxData.akdi014? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="6.6"
               y1="8"
@@ -838,7 +839,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#FF0000"
+              :stroke="ajaxData.akdi014? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="6.6"
               y1="47.9"
@@ -903,7 +904,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi012017? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="18"
               y1="20"
@@ -914,7 +915,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi012017? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="26"
               y1="20"
@@ -925,7 +926,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi012017? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="18"
               y1="36.3"
@@ -936,7 +937,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi012017? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="18"
               y1="60.2"
@@ -947,7 +948,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi012017? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="36"
               y1="60.2"
@@ -958,7 +959,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi012017? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="30"
               y1="69.2"
@@ -969,7 +970,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#007800"
+              :stroke="ajaxData.akdi012017? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="24"
               y1="78.2"
@@ -1054,8 +1055,8 @@
               xmlns="http://www.w3.org/2000/svg"
               x="0.6"
               y="7.9"
-              fill="#FF0000"
-              stroke="#FF0000"
+              :fill="ajaxData.akdi010? '#02A434' :'#FF0000'"
+              :stroke="ajaxData.akdi010? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               width="12"
               height="32"
@@ -1064,7 +1065,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#FF0000"
+              :stroke="ajaxData.akdi010? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="6.6"
               y1="8"
@@ -1075,7 +1076,7 @@
             <line
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
-              stroke="#FF0000"
+              :stroke="ajaxData.akdi010? '#02A434' :'#FF0000'"
               stroke-miterlimit="10"
               x1="6.6"
               y1="47.9"
@@ -4472,21 +4473,206 @@
           >
             Kar
           </text>
+          <!-- UPS -->
+          <rect
+              xmlns="http://www.w3.org/2000/svg"
+              x="1120"
+              y="150"
+              fill="rgba(27,74,152, 1)"
+              stroke="rgba(27,74,152, 1)"
+              stroke-miterlimit="10"
+              width="100"
+              height="35"
+              style="cursor:pointer"
+              rx="10"
+              @click="upsVisble = true"
+            />
+            <text
+              x="1167"
+              y="170"
+              fill="rgba(255, 255, 255, 1)"
+              id="eb448ef"
+              topologyid="eb448ef"
+              style="
+                user-select: none;
+                cursor:pointer;
+                font-size: 18px;
+                line-height: 1;
+                transform: rotate(0deg);
+                text-anchor: middle;
+                dominant-baseline: middle;
+              "
+              @click="upsVisble = true"
+            >
+              UPS
+            </text>
+            <!-- 电度表 -->
+            <rect
+              xmlns="http://www.w3.org/2000/svg"
+              x="1120"
+              y="100"
+              fill="rgba(27,74,152, 1)"
+              stroke="rgba(27,74,152, 1)"
+              stroke-miterlimit="10"
+              width="100"
+              height="35"
+              style="cursor:pointer"
+              rx="10"
+              @click="energyVisble = true"
+            />
+            <text
+              x="1167"
+              y="120"
+              fill="rgba(255, 255, 255, 1)"
+              id="eb448ef"
+              topologyid="eb448ef"
+              style="
+                user-select: none;
+                cursor:pointer;
+                font-size: 18px;
+                line-height: 1;
+                transform: rotate(0deg);
+                text-anchor: middle;
+                dominant-baseline: middle;
+              "
+              @click="energyVisble = true"
+            >
+              电度表
+            </text>
+            <!-- 直流屏 -->
+            <rect
+              xmlns="http://www.w3.org/2000/svg"
+              x="1120"
+              y="50"
+              fill="rgba(27,74,152, 1)"
+              stroke="rgba(27,74,152, 1)"
+              stroke-miterlimit="10"
+              width="100"
+              height="35"
+              style="cursor:pointer"
+              rx="10"
+              @click="directScreenVisble = true"
+            />
+            <text
+              x="1167"
+              y="70"
+              fill="rgba(255, 255, 255, 1)"
+              id="eb448ef"
+              topologyid="eb448ef"
+              style="
+                user-select: none;
+                cursor:pointer;
+                font-size: 18px;
+                line-height: 1;
+                transform: rotate(0deg);
+                text-anchor: middle;
+                dominant-baseline: middle;
+              "
+              @click="directScreenVisble = true"
+            >
+              直流屏
+            </text>
+            <!-- 公用测控 -->
+            <rect
+              xmlns="http://www.w3.org/2000/svg"
+              x="1120"
+              y="0"
+              fill="rgba(27,74,152, 1)"
+              stroke="rgba(27,74,152, 1)"
+              stroke-miterlimit="10"
+              width="100"
+              height="35"
+              style="cursor:pointer"
+              rx="10"
+              @click="publictestVisble = true"
+            />
+            <text
+              x="1167"
+              y="20"
+              fill="rgba(255, 255, 255, 1)"
+              id="eb448ef"
+              topologyid="eb448ef"
+              style="
+                user-select: none;
+                cursor:pointer;
+                font-size: 18px;
+                line-height: 1;
+                transform: rotate(0deg);
+                text-anchor: middle;
+                dominant-baseline: middle;
+              "
+              @click="publictestVisble = true"
+            >
+              公用测控
+            </text>
         </g>
       </svg>
     </template>
   </previewPicture>
+          <!-- 直流屏 -->
+    <el-dialog
+      title="直流屏"
+      v-model="directScreenVisble"
+      width="1000px"
+      custom-class="modal"
+      :close-on-click-modal="false"
+    >
+      <direct-screen :datas="ajaxData"/>
+    </el-dialog>
+          <!-- ups -->
+    <el-dialog
+      title="UPS"
+      v-model="upsVisble"
+      width="1000px"
+      custom-class="modal"
+      :close-on-click-modal="false"
+    >
+      <ups :datas="ajaxData"/>
+    </el-dialog>
+          <!-- 电度表 -->
+    <el-dialog
+      title="电度表"
+      v-model="energyVisble"
+      width="1000px"
+      custom-class="modal"
+      :close-on-click-modal="false"
+    >
+      <energy :datas="ajaxData" />
+    </el-dialog>
+          <!-- 公用测控 -->
+    <el-dialog
+      title="公用测控"
+      v-model="publictestVisble"
+      width="1000px"
+      custom-class="modal"
+      :close-on-click-modal="false"
+    >
+      <publictest :datas="ajaxData"/>
+    </el-dialog>
+  </div>
 </template>
             <script>
 import previewPicture from "../previewPicture.vue";
 import {BoosterStation} from "./BoosterStation";
+import directScreen from './directScreen.vue'
+import ups from './ups.vue'
+import energy from './energy.vue'
+import publictest from './publictest.vue'
 export default {
   components: {
     previewPicture,
+    directScreen,
+    ups,
+    energy,
+    publictest
   },
 
   data() {
     return {
+      directScreenVisble: false,
+      upsVisble: false,
+      energyVisble: false,
+      publictestVisble: false,
       // 请求所用的计时器，如果为轮询类请求时会根据该值轮询接口
       requestTimmer: null,
       // 组件属性对应的 key

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

@@ -0,0 +1,253 @@
+<template>
+<div>
+	<div class="d-tt">直流屏分画面</div>
+	<div class="d-subtt">主画面</div>
+	<div class="d-pn">
+		<table class="d-pn-tb">
+			<tr v-for="item in dotArr" :key="item.id">
+				<td width="50%">{{ item.name }}</td>
+				<td width="25%">{{ item.num }}</td>
+				<td width="25%">{{ item.unit }}</td>
+			</tr>
+		</table>
+		<div class="d-pn-ul">
+			<div class="d-pn-ul-li" :data-active="item.status===true" v-for="(item,index) in dataArr" :key="index">{{ item.name }}</div>
+		</div>
+	</div>
+</div>
+</template>
+<script>
+export default {
+	data(){
+		return {
+			dataArr: [
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路失电'
+				},
+				{
+					name: '直流屏 一组交流2路缺相'
+				},
+				{
+					name: '直流屏 一组交流2路失电'
+				},
+				{
+					name: '直流屏 一组交流2路投入'
+				},
+				{
+					name: '直流屏 控母1过压'
+				},
+				{
+					name: '直流屏 控母1欠压'
+				},
+				{
+					name: '直流屏 合母1过压'
+				},
+				{
+					name: '直流屏 合母1欠压'
+				},
+				{
+					name: '直流屏 电池1过压'
+				},
+				{
+					name: '直流屏 电池1欠压'
+				},
+				{
+					name: '直流屏 电池组1过流'
+				},
+				{
+					name: '直流屏 一组综合故障'
+				},
+				{
+					name: '直流屏 一组整流模块异常'
+				}
+			],
+			dotArr: [
+				{
+					name: '一组交流1路Uab电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uac电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Ubc电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组交流2路Uab电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组交流2路Uac电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组交流2路Ubc电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组合母1电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组控母1电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组控母1电流:',
+					num: 0,
+					unit: 'A'
+				},
+				{
+					name: '一组电池1电压:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: '一组电池1电流:',
+					num: 0,
+					unit: 'A'
+				},
+				{
+					name: '一组电池温度:',
+					num: 0,
+					unit: '度'
+				}
+			]
+		}
+	},
+	props:{
+		datas: {
+			type: Object,
+			default: () => {}
+		}
+	},
+	watch: {
+		datas(val){
+			this.funSetDot(val)
+		}
+	},
+	methods: {
+		funSetDot(obj){
+			this.dotArr[0].num = obj.akai083
+			this.dotArr[1].num = obj.akai084
+			this.dotArr[2].num = obj.akai085
+			this.dotArr[3].num = obj.akai086
+			this.dotArr[4].num = obj.akai087
+			this.dotArr[5].num = obj.akai088
+			this.dotArr[6].num = obj.akai089
+			this.dotArr[7].num = obj.akai090
+			this.dotArr[8].num = obj.akai091
+			this.dotArr[9].num = obj.akai092
+			this.dotArr[10].num = obj.akai093
+			this.dotArr[11].num = obj.akai094
+
+			this.dataArr[0].status = obj.akdi222
+			this.dataArr[1].status = obj.akdi223
+			this.dataArr[2].status = obj.akdi229
+			this.dataArr[3].status = obj.akdi230
+			this.dataArr[4].status = obj.akdi231
+			this.dataArr[5].status = obj.akdi232
+			this.dataArr[6].status = obj.akdi233
+			this.dataArr[7].status = obj.akdi234
+			this.dataArr[8].status = obj.akdi235
+			this.dataArr[9].status = obj.akdi236
+			this.dataArr[10].status = obj.akdi239
+			this.dataArr[11].status = obj.akdi244
+		}
+	},
+	created(){
+		this.funSetDot(this.datas)
+	}
+}
+</script>
+<style lang="less" scoped>
+.d-tt{
+	font-size: 24px;
+	color: white;
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+}
+.d-subtt{
+	font-size: 20px;
+	color: white;
+	height: 24px;
+	line-height: 24px;
+	padding-left: 10px;
+}
+.d-pn{
+	width: 100%;
+	margin-top: 10px;
+	display: flex;
+	border: 2px solid rgba(255,255,255,0.6);
+	height: 467px;
+	.d-pn-tb{
+		width: 70%;
+		margin-top: 10px;
+		margin-bottom: 20px;
+		margin-right: 20px;
+		margin-left: 20px;
+		border: 1px solid rgba(255,255,255,0.6);
+		border-collapse: collapse;
+		td{
+			border: 1px solid rgba(255,255,255,0.6);
+			text-align: right;
+			padding-right: 10px;
+			height: 36px;
+			color: rgba(255,255,255,0.75);
+			font-size: 16px;
+			font-weight: bold;
+			&:last-child{
+				text-align: center;
+			}
+			&:nth-child(2){
+				color: rgb(41, 238, 14);
+			}
+		}
+	}
+	.d-pn-ul{
+		width: 100%;
+		padding: 20px 30px 0 20px;
+		border-left: 2px solid rgba(255,255,255,0.6);
+		display: flex;
+		flex-wrap: wrap;
+		align-items: flex-start;
+		align-content: flex-start;
+		overflow-y: auto;
+		overflow-x: hidden;
+		.d-pn-ul-li{
+			width: 44%;
+			height: 40px;
+			// line-height: 40px;
+			margin-bottom: 20px;
+			background-image: linear-gradient(to bottom, rgb(145, 145, 240),rgb(245, 245, 245),rgb(145, 145, 233));
+			color: rgb(59, 59, 230);
+			font-size: 16px;
+			text-align: center;
+			border-radius: 6px;
+			margin-right: 10px;
+			display: flex;
+			font-size: 14px;
+			align-items: center;
+			justify-content: center;
+			&[data-active='true']{
+				background-image: linear-gradient(to bottom, red,rgb(243, 136, 128),red);
+				color: rgb(243, 193, 28);
+			}
+		}
+	}
+}
+</style>

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

@@ -0,0 +1,292 @@
+<template>
+<div>
+	<div class="d-tt">电度表分画面</div>
+	<div class="d-subtt">主画面</div>
+	<div class="d-pn">
+		<table class="d-pn-tb">
+			<tr v-for="item in dotArr1" :key="item.id">
+				<td width="50%">{{ item.name }}</td>
+				<td width="25%">{{ item.num }}</td>
+				<td width="25%">{{ item.unit }}</td>
+			</tr>
+		</table>
+		<table class="d-pn-tb">
+			<tr v-for="item in dotArr2" :key="item.id">
+				<td width="50%">{{ item.name }}</td>
+				<td width="25%">{{ item.num }}</td>
+				<td width="25%">{{ item.unit }}</td>
+			</tr>
+		</table>
+		<table class="d-pn-tb">
+			<tr v-for="item in dotArr3" :key="item.id">
+				<td width="50%">{{ item.name }}</td>
+				<td width="25%">{{ item.num }}</td>
+				<td width="25%">{{ item.unit }}</td>
+			</tr>
+		</table>
+		<table class="d-pn-tb">
+			<tr v-for="item in dotArr4" :key="item.id">
+				<td width="50%">{{ item.name }}</td>
+				<td width="25%">{{ item.num }}</td>
+				<td width="25%">{{ item.unit }}</td>
+			</tr>
+		</table>
+	</div>
+</div>
+</template>
+<script>
+export default {
+	data(){
+		return {
+			dataArr: [
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				},
+				{
+					name: '直流屏 一组交流1路缺相'
+				}
+			],
+			dotArr1: [
+				{
+					name: '301出线电表正向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '301出线电表正向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+				{
+					name: '301出线电表反向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '301出线电表反向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+			],
+			dotArr2: [
+				{
+					name: '厂区电表正向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '厂区电表正向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+				{
+					name: '厂区电表反向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '厂区电表反向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+			],
+			dotArr3: [
+				{
+					name: '3507出线表正向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '3507出线表正向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+				{
+					name: '3507出线表反向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '3507出线表反向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+			],
+			dotArr4: [
+				{
+					name: '埃肯电表正向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '埃肯电表正向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+				{
+					name: '埃肯电表反向有功',
+					num: 0,
+					unit: 'Mwh'
+				},
+				{
+					name: '埃肯电表反向无功',
+					num: 0,
+					unit: 'Mvar'
+				},
+			],
+		}
+	},
+	props:{
+		datas: {
+			type: Object,
+			default: () => {}
+		}
+	},
+	watch: {
+		datas(val){
+			this.funSetDot(val)
+		}
+	},
+	methods: {
+		funSetDot(obj){
+			this.dotArr1[0].num = obj.akzxyg001
+			this.dotArr1[1].num = obj.akzxwg002
+			this.dotArr1[2].num = obj.akfxyg003
+			this.dotArr1[3].num = obj.akfxwg004
+
+			this.dotArr2[0].num = obj.akzxyg009
+			this.dotArr2[1].num = obj.akzxwg010
+			this.dotArr2[2].num = obj.akfxyg011
+			this.dotArr2[3].num = obj.akfxwg012
+
+			this.dotArr3[0].num = obj.akzxyg005
+			this.dotArr3[1].num = obj.akzxwg006
+			this.dotArr3[2].num = obj.akfxyg007
+			this.dotArr3[3].num = obj.akfxwg008
+
+			this.dotArr4[0].num = obj.akzxyg013
+			this.dotArr4[1].num = obj.akfxyg014
+			this.dotArr4[2].num = obj.akzxwg015
+			this.dotArr4[3].num = obj.akfxwg016
+		}
+	},
+	created(){
+		this.funSetDot(this.datas)
+	}
+}
+</script>
+<style lang="less" scoped>
+.d-tt{
+	font-size: 24px;
+	color: white;
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+}
+.d-subtt{
+	font-size: 20px;
+	color: white;
+	height: 24px;
+	line-height: 24px;
+	padding-left: 10px;
+}
+.d-pn{
+	width: 100%;
+	margin-top: 10px;
+	display: flex;
+	flex-wrap: wrap;
+	border: 2px solid rgba(255,255,255,0.6);
+	height: 467px;
+	.d-pn-tb{
+		width: calc(50% - 40px);
+		margin-top: 10px;
+		margin-bottom: 20px;
+		margin-right: 20px;
+		margin-left: 20px;
+		border: 1px solid rgba(255,255,255,0.6);
+		border-collapse: collapse;
+		td{
+			border: 1px solid rgba(255,255,255,0.6);
+			text-align: right;
+			padding-right: 10px;
+			height: 36px;
+			color: rgba(255,255,255,0.75);
+			font-size: 16px;
+			font-weight: bold;
+			&:last-child{
+				text-align: center;
+			}
+			&:nth-child(2){
+				color: rgb(41, 238, 14);
+			}
+		}
+	}
+	.d-pn-ul{
+		width: 100%;
+		padding: 20px 30px 0 20px;
+		border-left: 2px solid rgba(255,255,255,0.6);
+		display: flex;
+		flex-wrap: wrap;
+		align-items: flex-start;
+		align-content: flex-start;
+		overflow-y: auto;
+		overflow-x: hidden;
+		.d-pn-ul-li{
+			width: 44%;
+			height: 40px;
+			// line-height: 40px;
+			margin-bottom: 20px;
+			background-image: linear-gradient(to bottom, rgb(145, 145, 240),rgb(245, 245, 245),rgb(145, 145, 233));
+			color: rgb(59, 59, 230);
+			font-size: 16px;
+			text-align: center;
+			border-radius: 6px;
+			margin-right: 10px;
+			display: flex;
+			font-size: 14px;
+			align-items: center;
+			justify-content: center;
+			&[data-active='true']{
+				background-image: linear-gradient(to bottom, red,rgb(243, 136, 128),red);
+				color: rgb(243, 193, 28);
+			}
+		}
+	}
+}
+</style>

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

@@ -0,0 +1,248 @@
+<template>
+<div>
+	<div class="d-tt">公用测控分画面</div>
+	<div class="d-subtt">主画面</div>
+	<div class="d-pn">
+		<table class="d-pn-tb">
+			<tr v-for="item in dotArr" :key="item.id">
+				<td width="50%">{{ item.name }}</td>
+				<td width="25%">{{ item.num }}</td>
+				<td width="25%">{{ item.unit }}</td>
+			</tr>
+		</table>
+		<div class="d-pn-ul">
+			<div class="d-pn-ul-li" :data-active="item.status===true" v-for="(item,index) in dataArr" :key="index">{{ item.name }}</div>
+		</div>
+	</div>
+</div>
+</template>
+<script>
+export default {
+	data(){
+		return {
+			dataArr: [
+				{
+					name: '公用测控 站控制交换机失电'
+				},
+				{
+					name: '公用测控 直流屏充电模块异常'
+				},
+				{
+					name: '公用测控 直流屏绝缘异常'
+				},
+				{
+					name: '公用测控 直流屏交直流串入异常'
+				},
+				{
+					name: '公用测控 upsL3交流输出'
+				},
+				{
+					name: '公用测控 upsL4直流故障'
+				},
+				{
+					name: '公用测控 upsL5输出过载'
+				},
+				{
+					name: '公用测控 1U保护装置保护跳闸'
+				},
+				{
+					name: '公用测控 1U保护装置保护合闸'
+				},
+				{
+					name: '公用测控 7U保护装置保护动作'
+				},
+				{
+					name: '公用测控 7U保护装置异常告警'
+				},
+				{
+					name: '公用测控 防孤岛装置故障'
+				},
+				{
+					name: '公用测控 母差装置故障告警（闭锁）'
+				},
+				{
+					name: '公用测控 母差装置运行异常（告警）'
+				},
+				{
+					name: '公用测控 母差装置CT/PT断线告警'
+				},
+				{
+					name: '公用测控 电能质量失电报警'
+				},
+				{
+					name: '公用测控 小电流接地选线装置动作'
+				},
+				{
+					name: '公用测控 AGC/AVC控制系统装置异常'
+				}
+			],
+			dotArr: [
+				{
+					name: 'Ua:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: 'Ub:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: 'Uc:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: 'Uab:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: 'Ubc:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: 'Uca:',
+					num: 0,
+					unit: 'V'
+				},
+				{
+					name: 'Fri:',
+					num: 0,
+					unit: 'Hz'
+				},
+				{
+					name: 'COS:',
+					num: 0,
+					unit: ''
+				},
+			]
+		}
+	},
+	props:{
+		datas: {
+			type: Object,
+			default: () => {}
+		}
+	},
+	watch: {
+		datas(val){
+			this.funSetDot(val)
+		}
+	},
+	methods: {
+		funSetDot(obj){
+			this.dotArr[0].num = obj.akua1
+			this.dotArr[1].num = obj.akub1
+			this.dotArr[2].num = obj.akuc1
+			this.dotArr[3].num = obj.aku1ab
+			this.dotArr[4].num = obj.aku1bc
+			this.dotArr[5].num = obj.aku1ca
+			this.dotArr[6].num = obj.akfr1
+			this.dotArr[7].num = obj.akcos1
+
+			this.dataArr[0].status = obj.akdi007
+			this.dataArr[1].status = obj.akdi008
+			this.dataArr[2].status = obj.akdi009
+			this.dataArr[3].status = obj.akdi013
+			this.dataArr[4].status = obj.akdi016
+			this.dataArr[5].status = obj.akdi017
+			this.dataArr[6].status = obj.akdi018
+			this.dataArr[7].status = obj.akdi023
+			this.dataArr[8].status = obj.akdi024
+			this.dataArr[9].status = obj.akdi026
+			this.dataArr[10].status = obj.akdi027
+			this.dataArr[11].status = obj.akdi030
+			this.dataArr[12].status = obj.akdi039
+			this.dataArr[13].status = obj.akdi040
+			this.dataArr[14].status = obj.akdi042
+			this.dataArr[15].status = obj.akdi047
+			this.dataArr[16].status = obj.akdi048
+			this.dataArr[17].status = obj.akdi049
+		}
+	},
+	created(){
+		this.funSetDot(this.datas)
+	}
+}
+</script>
+<style lang="less" scoped>
+.d-tt{
+	font-size: 24px;
+	color: white;
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+}
+.d-subtt{
+	font-size: 20px;
+	color: white;
+	height: 24px;
+	line-height: 24px;
+	padding-left: 10px;
+}
+.d-pn{
+	width: 100%;
+	margin-top: 10px;
+	display: flex;
+	justify-content: space-between;
+	border: 2px solid rgba(255,255,255,0.6);
+	height: 600px;
+	.d-pn-tb{
+		width: 40%;
+		margin-top: 10px;
+		margin-bottom: 20px;
+		margin-right: 20px;
+		margin-left: 20px;
+		border: 1px solid rgba(255,255,255,0.6);
+		border-collapse: collapse;
+		td{
+			border: 1px solid rgba(255,255,255,0.6);
+			text-align: right;
+			padding-right: 10px;
+			height: 36px;
+			color: rgba(255,255,255,0.75);
+			font-size: 16px;
+			font-weight: bold;
+			&:last-child{
+				text-align: center;
+			}
+			&:nth-child(2){
+				color: rgb(41, 238, 14);
+			}
+		}
+	}
+	.d-pn-ul{
+		width: 70%;
+		padding: 20px 30px 0 20px;
+		border-left: 2px solid rgba(255,255,255,0.6);
+		display: flex;
+		flex-wrap: wrap;
+		align-items: flex-start;
+		align-content: flex-start;
+		overflow-y: auto;
+		overflow-x: hidden;
+		.d-pn-ul-li{
+			width: 44%;
+			height: 40px;
+			// line-height: 40px;
+			margin-bottom: 20px;
+			background-image: linear-gradient(to bottom, rgb(145, 145, 240),rgb(245, 245, 245),rgb(145, 145, 233));
+			color: rgb(59, 59, 230);
+			font-size: 16px;
+			text-align: center;
+			border-radius: 6px;
+			margin-right: 10px;
+			display: flex;
+			font-size: 14px;
+			align-items: center;
+			justify-content: center;
+			&[data-active='true']{
+				background-image: linear-gradient(to bottom, red,rgb(243, 136, 128),red);
+				color: rgb(243, 193, 28);
+			}
+		}
+	}
+}
+</style>

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

@@ -0,0 +1,256 @@
+<template>
+<div>
+	<div class="d-tt">UPS分画面</div>
+	<div class="d-subtt">主画面</div>
+	<div class="d-pn">
+		<div class="d-pn-tb">
+					<svg width="800" viewbox="0 0 363 447" style="transform: translateX(-290px) translateY(-240px) scale(0.75);" height="800" xmlns="http://www.w3.org/2000/svg">
+					<line x1="250" y1="350" x2="830" y2="350" stroke="#FFFF33" stroke-width="3" />
+					<line x1="250" y1="460" x2="830" y2="460" stroke="#FFFF33" stroke-width="3" />
+					<line x1="250" y1="570" x2="830" y2="570" stroke="#FFFF33" stroke-width="3" />
+					<line x1="520" y1="330" x2="520" y2="390" stroke="#B00101" stroke-width="3" />
+					<line x1="520" y1="300" x2="520" y2="280" stroke="#B00101" stroke-width="3" />
+					<line x1="520" y1="280" x2="570" y2="280" stroke="#B00101" stroke-width="3" />
+					<line x1="570" y1="270" x2="570" y2="290" stroke="#B00101" stroke-width="3" />
+					<line x1="570" y1="270" x2="610" y2="270" stroke="#B00101" stroke-width="3" />
+					<line x1="570" y1="290" x2="610" y2="290" stroke="#B00101" stroke-width="3" />
+					<line x1="610" y1="270" x2="610" y2="290" stroke="#B00101" stroke-width="3" />
+					<line x1="520" y1="420" x2="520" y2="500" stroke="#B00101" stroke-width="3" />
+					<line x1="490" y1="500" x2="550" y2="500" stroke="#B00101" stroke-width="3" />
+					<line x1="490" y1="530" x2="550" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="550" y1="500" x2="550" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="490" y1="500" x2="490" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="520" y1="530" x2="520" y2="620" stroke="#B00101" stroke-width="3" />
+					<line x1="580" y1="500" x2="580" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="580" y1="500" x2="640" y2="500" stroke="#B00101" stroke-width="3" />
+					<line x1="640" y1="500" x2="640" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="580" y1="530" x2="640" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="610" y1="460" x2="610" y2="500" stroke="#B00101" stroke-width="3" />
+					<line x1="610" y1="530" x2="610" y2="570" stroke="#B00101" stroke-width="3" />
+					<line x1="460" y1="500" x2="460" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="460" y1="500" x2="400" y2="500" stroke="#B00101" stroke-width="3" />
+					<line x1="400" y1="530" x2="460" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="400" y1="500" x2="400" y2="530" stroke="#B00101" stroke-width="3" />
+					<line x1="430" y1="460" x2="430" y2="500" stroke="#B00101" stroke-width="3" />
+					<line x1="430" y1="530" x2="430" y2="570" stroke="#B00101" stroke-width="3" />
+					<line x1="430" y1="620" x2="610" y2="620" stroke="#B00101" stroke-width="3" />
+					<line x1="430" y1="620" x2="430" y2="660" stroke="#B00101" stroke-width="3" />
+					<line x1="610" y1="620" x2="610" y2="660" stroke="#B00101" stroke-width="3" />
+					<line x1="430" y1="690" x2="430" y2="740" stroke="#B00101" stroke-width="3" />
+					<line x1="610" y1="690" x2="610" y2="740" stroke="#B00101" stroke-width="3" />
+					<line x1="510" y1="300" x2="530" y2="300" stroke="#02A434" stroke-width="3" />
+					<line x1="510" y1="330" x2="530" y2="330" stroke="#02A434" stroke-width="3" />
+					<line x1="530" y1="300" x2="530" y2="330" stroke="#02A434" stroke-width="3" />
+					<line x1="510" y1="300" x2="510" y2="330" stroke="#02A434" stroke-width="3" />
+					<line x1="510" y1="390" x2="530" y2="390" stroke="#02A434" stroke-width="3" />
+					<line x1="510" y1="420" x2="530" y2="420" stroke="#02A434" stroke-width="3" />
+					<line x1="530" y1="390" x2="530" y2="420" stroke="#02A434" stroke-width="3" />
+					<line x1="510" y1="390" x2="510" y2="420" stroke="#02A434" stroke-width="3" />
+					<line x1="420" y1="660" x2="440" y2="660" stroke="#02A434" stroke-width="3" />
+					<line x1="420" y1="690" x2="440" y2="690" stroke="#02A434" stroke-width="3" />
+					<line x1="440" y1="660" x2="440" y2="690" stroke="#02A434" stroke-width="3" />
+					<line x1="420" y1="660" x2="420" y2="690" stroke="#02A434" stroke-width="3" />
+					<line x1="600" y1="690" x2="620" y2="690" stroke="#02A434" stroke-width="3" />
+					<line x1="600" y1="660" x2="620" y2="660" stroke="#02A434" stroke-width="3" />
+					<line x1="620" y1="660" x2="620" y2="690" stroke="#02A434" stroke-width="3" />
+					<line x1="600" y1="660" x2="600" y2="690" stroke="#02A434" stroke-width="3" />
+					<text x="577" y="286" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">电池</text>
+					<text x="462" y="319" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">DK</text>
+					<text x="462" y="410" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">ZK</text>
+					<text x="251" y="370" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">直流</text>
+					<text x="252" y="479" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">直流</text>
+					<text x="252" y="590" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">400V</text>
+					<text x="410" y="522" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="17px">竖流</text>
+					<text x="500" y="523" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="17px">整流</text>
+					<text x="590" y="524" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="17px">整流</text>
+					<text x="380" y="681" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">13Q</text>
+					<text x="568" y="679" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="14px">21Q</text>
+					<text x="386" y="766" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="16px">1#380V输入</text>
+					<text x="560" y="766" fill="#FFFFFF" font-family="Microsoft YaHei UI" font-size="16px">2#380V输入</text>
+				</svg>
+		</div>
+		<div class="d-pn-ul">
+			<div class="d-pn-ul-li" :data-active="false" v-for="(item,index) in dataArr" :key="index">{{ item.name }}</div>
+		</div>
+	</div>
+</div>
+</template>
+<script>
+export default {
+	data(){
+		return {
+			dataArr: [
+				{
+					name: '直流屏 一组UPS通讯异常'
+				},
+				{
+					name: '直流屏 一组UPS交流异常'
+				},
+				{
+					name: '直流屏 一组UPS直流异常'
+				},
+				{
+					name: '直流屏 一组UPS内存异常'
+				},
+				{
+					name: '直流屏 一组UPS旁路逆变状态异常'
+				},
+				{
+					name: '直流屏 二组UPS通讯异常'
+				},
+				{
+					name: '直流屏 二组UPS交流异常'
+				},
+				{
+					name: '直流屏 二组UPS直流异常'
+				},
+				{
+					name: '直流屏 二组UPS内存异常'
+				},
+				{
+					name: '直流屏 二组UPS旁路逆变状态异常'
+				},
+			],
+			dotArr: [
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				},
+				{
+					name: '一组交流1路Uab电压:',
+					num: 421.70,
+					unit: 'V'
+				}
+			]
+		}
+	}
+}
+</script>
+<style lang="less" scoped>
+.d-tt{
+	font-size: 24px;
+	color: white;
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+}
+.d-subtt{
+	font-size: 20px;
+	color: white;
+	height: 24px;
+	line-height: 24px;
+	padding-left: 10px;
+}
+.d-pn{
+	width: 100%;
+	height: 467px;
+	margin-top: 10px;
+	display: flex;
+	border: 2px solid rgba(255,255,255,0.6);
+	.d-pn-tb{
+		width: 44%;
+		margin-top: 10px;
+		margin-bottom: 20px;
+		margin-right: 20px;
+		margin-left: 20px;
+		// border: 1px solid rgba(255,255,255,0.6);
+		border-collapse: collapse;
+		td{
+			border: 1px solid rgba(255,255,255,0.6);
+			text-align: right;
+			padding-right: 10px;
+			height: 36px;
+			color: rgba(255,255,255,0.75);
+			font-size: 16px;
+			font-weight: bold;
+			&:last-child{
+				text-align: center;
+			}
+			&:nth-child(2){
+				color: rgb(41, 238, 14);
+			}
+		}
+	}
+	.d-pn-ul{
+		width: 100%;
+		padding: 20px 30px 0 20px;
+		border-left: 2px solid rgba(255,255,255,0.6);
+		display: flex;
+		flex-wrap: wrap;
+		align-items: flex-start;
+		align-content: flex-start;
+		overflow-y: auto;
+		overflow-x: hidden;
+		.d-pn-ul-li{
+			width: 44%;
+			height: 40px;
+			// line-height: 40px;
+			margin-bottom: 20px;
+			background-image: linear-gradient(to bottom, rgb(145, 145, 240),rgb(245, 245, 245),rgb(145, 145, 233));
+			color: rgb(59, 59, 230);
+			text-align: center;
+			border-radius: 6px;
+			margin-right: 10px;
+			display: flex;
+			font-size: 14px;
+			align-items: center;
+			justify-content: center;
+			&[data-active='true']{
+				background-image: linear-gradient(to bottom, red,rgb(243, 136, 128),red);
+				color: rgb(243, 193, 28);
+			}
+		}
+	}
+}
+</style>

src/views/layout/Menu.vue

@@ -850,6 +850,11 @@ export default {
                   path: "/others/xhscyb",
                 },
                 {
+                  text: "埃肯生产月报",
+                  icon: "svg-matrix",
+                  path: "/others/akscyb",
+                },
+                {
                   text: "MIS日报导入",
                   icon: "svg-matrix",
                   path: "/others/misimport",

src/views/report/akscyb.vue

@@ -0,0 +1,33 @@
+<template>
+  <div style="height:100%">
+    <iframe :src="url" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
+  </div>
+    
+</template>
+
+<script>
+
+
+export default {
+  data(){
+    return {
+      url: "http://10.155.32.4:8000/bi47/showreport.do?resid=EBI$12$0C375MRT9PPPNMNCCTULLVQINXCND95K$1$O1UTC2U1YK0KL7Y16LC5SUTQZM1LNKT0.rpttpl&id=admin&pw=admin"
+    }
+  }
+}
+</script>
+  
+<style lang="less" scope>
+@titleGray: #9ca5a8;
+@rowGray: #606769;
+@darkBack: #536268;
+.knowledge-2 {
+  .el-select {
+    width: 200px;
+  }
+  .el-input {
+    width: 200px;
+  }
+}
+</style>
+