2023-01-03 update

1. 新增驾驶舱 - 埃肯光伏电站 对应模块的补充功能.
2. 测点数据暂未对接到页面上

src/components/arcgis/AK_GDC.vue

@@ -0,0 +1,670 @@
+<template>
+  <div class="map-1" style="width: 100%; height: 100%">
+    <arcgis @when="when" ref="arcgis" :data="arcgisData" @clickMap="clickMap">
+      <template v-slot:content>
+        <div class="panel-box">
+          <div
+            class="panel-item"
+            :class="panel.line"
+            v-for="(panel, index) of panels"
+            :key="index"
+          >
+            <svg
+              v-show="panel.type != 'none' && panel.type != 'syz'"
+              viewBox="0 0 800 800"
+              version="1.1"
+              xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              xml:space="preserve"
+            >
+              <defs>
+                <rect
+                  id="fill-rect"
+                  x="5"
+                  y="5"
+                  rx="8"
+                  ry="8"
+                  width="90"
+                  height="340"
+                  fill="#303B6F"
+                />
+                <rect
+                  id="none-rect"
+                  x="5"
+                  y="5"
+                  rx="8"
+                  ry="8"
+                  width="90"
+                  height="120"
+                  fill="#303B6F"
+                />
+                <g id="panel-deepblue">
+                  <polygon
+                    fill="#FFFFFF"
+                    points="300 13.73 60.07 13.73 60.07 13.73 22.48 13.73 0 109.84 0 109.84 0 109.84 0 109.84 0 109.84 22.48 205.95 272.88 205.95 272.88 205.61 300 205.61 300 13.73"
+                  />
+                  <polygon
+                    fill="#5C9BAF"
+                    points="250.4 109.84 3.26 109.84 29 0 276.14 0 250.4 109.84"
+                  />
+                  <polygon
+                    fill="#00486B"
+                    points="29 219.68 276.14 219.68 250.4 109.84 3.26 109.84 29 219.68"
+                  />
+                </g>
+                <g id="panel-blue">
+                  <polygon
+                    fill="#FFFFFF"
+                    points="300 13.73 60.07 13.73 60.07 13.73 22.48 13.73 0 109.84 0 109.84 0 109.84 0 109.84 0 109.84 22.48 205.95 272.88 205.95 272.88 205.61 300 205.61 300 13.73"
+                  />
+                  <polygon
+                    fill="#23ABFF"
+                    points="250.4 109.84 3.26 109.84 29 0 276.14 0 250.4 109.84"
+                  />
+                  <polygon
+                    fill="#0E6BBB"
+                    points="29 219.68 276.14 219.68 250.4 109.84 3.26 109.84 29 219.68"
+                  />
+                </g>
+                <g id="panel-red">
+                  <polygon
+                    fill="#FFFFFF"
+                    points="290 13.27 58.07 13.27 58.07 13.27 21.73 13.27 0 106.18 0 106.18 0 106.18 0 106.18 0 106.18 21.73 199.09 263.79 199.09 263.79 198.75 290 198.75 290 13.27"
+                  />
+                  <polygon
+                    fill="#EC1208"
+                    points="242.05 106.18 3.15 106.18 28.04 0 266.94 0 242.05 106.18"
+                  />
+                  <polygon
+                    fill="#AA0607"
+                    points="28.04 212.36 266.94 212.36 242.05 106.18 3.15 106.18 28.04 212.36"
+                  />
+                </g>
+              </defs>
+              <!-- 底图 左右两列矩形 -->
+              <g>
+                <use xlink:href="#fill-rect" x="50" y="50" />
+                <use xlink:href="#fill-rect" x="150" y="50" />
+                <use xlink:href="#fill-rect" x="550" y="50" />
+                <use xlink:href="#fill-rect" x="650" y="50" />
+                <use xlink:href="#fill-rect" x="50" y="400" />
+                <use xlink:href="#fill-rect" x="150" y="400" />
+                <use xlink:href="#fill-rect" x="550" y="400" />
+                <use xlink:href="#fill-rect" x="650" y="400" />
+              </g>
+
+              <!-- 中间上矩形 全部 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'fill' || panel.type == 'bottom'
+                    ? 'block'
+                    : 'none')
+                "
+              >
+                <use xlink:href="#fill-rect" x="250" y="50" />
+                <use xlink:href="#fill-rect" x="350" y="50" />
+                <use xlink:href="#fill-rect" x="450" y="50" />
+              </g>
+
+              <!-- 中间上矩形 一半 -->
+              <g
+                :style="'display: ' + (panel.type == 'top' ? 'block' : 'none')"
+              >
+                <use xlink:href="#none-rect" x="250" y="270" />
+                <use xlink:href="#none-rect" x="350" y="270" />
+                <use xlink:href="#none-rect" x="450" y="270" />
+              </g>
+
+              <!-- 中间上逆变器 深蓝色 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'top' && panel.state == 'deepblue'
+                    ? 'block'
+                    : 'none')
+                "
+                class="can-click esri-component"
+                @click.prevent="clickEl(panel)"
+              >
+                <use xlink:href="#panel-deepblue" x="250" y="50" />
+              </g>
+
+              <!-- 中间上逆变器 蓝色 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'top' && panel.state == 'blue'
+                    ? 'block'
+                    : 'none')
+                "
+                class="can-click esri-component"
+                @click.prevent="clickEl(panel)"
+              >
+                <use xlink:href="#panel-blue" x="250" y="50" />
+              </g>
+
+              <!-- 中间上逆变器 红色 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'top' && panel.state == 'red'
+                    ? 'block'
+                    : 'none')
+                "
+                class="can-click esri-component"
+                @click.prevent="clickEl(panel)"
+              >
+                <use xlink:href="#panel-red" x="250" y="50" />
+              </g>
+
+              <!-- 中间上文字 -->
+              <g
+                :style="'display: ' + (panel.type == 'top' ? 'block' : 'none')"
+                class="can-click esri-component"
+                @click.prevent="clickEl(panel)"
+              >
+                <text
+                  x="365"
+                  y="220"
+                  fill="#ffffff"
+                  font-size="150"
+                  text-anchor="middle"
+                >
+                  {{ panel.code }}
+                </text>
+              </g>
+
+              <!-- 中间下矩形 全部 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'fill' || panel.type == 'top'
+                    ? 'block'
+                    : 'none')
+                "
+              >
+                <use xlink:href="#fill-rect" x="250" y="400" />
+                <use xlink:href="#fill-rect" x="350" y="400" />
+                <use xlink:href="#fill-rect" x="450" y="400" />
+              </g>
+
+              <!-- 中间下矩形 一半 -->
+              <g
+                :style="
+                  'display: ' + (panel.type == 'bottom' ? 'block' : 'none')
+                "
+              >
+                <use xlink:href="#none-rect" x="250" y="400" />
+                <use xlink:href="#none-rect" x="350" y="400" />
+                <use xlink:href="#none-rect" x="450" y="400" />
+              </g>
+
+              <!-- 中间下逆变器 深蓝色 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'bottom' && panel.state == 'deepblue'
+                    ? 'block'
+                    : 'none')
+                "
+                class="can-click esri-component"
+                @click.prevent="clickEl(panel)"
+              >
+                <use xlink:href="#panel-deepblue" x="250" y="530" />
+              </g>
+
+              <!-- 中间下逆变器 蓝色 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'bottom' && panel.state == 'blue'
+                    ? 'block'
+                    : 'none')
+                "
+                class="can-click esri-component"
+                @click.prevent="clickEl(panel)"
+              >
+                <use xlink:href="#panel-blue" x="250" y="530" />
+              </g>
+
+              <!-- 中间下逆变器 红色 -->
+              <g
+                :style="
+                  'display: ' +
+                  (panel.type == 'bottom' && panel.state == 'red'
+                    ? 'block'
+                    : 'none')
+                "
+                class="can-click esri-component"
+                @click.prevent="clickEl(panel)"
+              >
+                <use xlink:href="#panel-red" x="250" y="530" />
+              </g>
+
+              <!-- 中间下文字 -->
+              <g
+                :style="
+                  'display: ' + (panel.type == 'bottom' ? 'block' : 'none')
+                "
+                class="can-click"
+                @click.prevent="clickEl(panel)"
+              >
+                <text
+                  x="460"
+                  y="740"
+                  fill="#ffffff"
+                  font-size="150"
+                  text-anchor="middle"
+                >
+                  {{ panel.code }}
+                </text>
+              </g>
+            </svg>
+            <div v-show="panel.type == 'syz'" class="panel-syz">
+              <img :src="syzImg" class="syz-img" />
+              <div class="syz-text">升压站</div>
+            </div>
+          </div>
+          <!-- <img :src="tempImg" style="width: 800px; height: 700px;"> -->
+        </div>
+      </template>
+    </arcgis>
+  </div>
+</template>
+
+<script>
+import arcgis from "./arcgis.vue";
+import dataService from "@/helper/data.js";
+
+export default {
+  // 名称
+  name: "Map",
+  // 使用组件
+  components: {
+    arcgis,
+  },
+  props: {
+    wpId: {
+      type: String,
+      default: "",
+    },
+  },
+  // 数据
+  data() {
+    return {
+      wpnumMap: {}, //风机监视数量
+      wpInfoMap: {}, //风机详情
+      fjmap: [], // 风机名
+      sourceId: "",
+      arcgisData: {
+        mode: "2D", // 模式 2D 3D
+        title: "宁夏地图", // 标题
+        center: [106.40,39.01], // 初始中心点
+        height: 654, // 3D地图初始相机高度
+        tilt: 65, // 俯视角
+        scale: 15000,
+        rotation: 180,
+      },
+      tempImg: require("@assets/temp1.png"),
+      syzImg: require("@assets/png/booster-station.png"),
+      showPopup: true,
+      panels: 
+	  [{"id":"00","type":"top","code":1,"state":"deepblue","line":"top left"},
+	  {"id":"01","type":"top","code":2,"state":"deepblue","line":"top right"},
+	  {"id":"02","type":"top","code":3,"state":"deepblue","line":"top"},
+	  {"id":"03","type":"top","code":4,"state":"deepblue","line":"top right"},
+	  {"id":"04","type":"top","code":5,"state":"deepblue","line":"top"},
+	  {"id":"05","type":"top","code":6,"state":"deepblue","line":"top right"},
+	  {"id":"06","type":"top","code":7,"state":"deepblue","line":"top"},
+	  {"id":"07","type":"top","code":8,"state":"deepblue","line":"top right"},
+	  {"id":"08","type":"top","code":9,"state":"deepblue","line":"top"},
+	  {"id":"09","type":"top","code":10,"state":"deepblue","line":"top right"},
+	  {"id":"10","type":"top","code":11,"state":"deepblue","line":"top left"}]
+    };
+  },
+  created() {
+    let that = this;
+    that.sourceId = this.wpId;
+    that.$nextTick(() => {});
+  },
+  // 函数
+  methods: {
+    when: function () {
+      this.$refs.arcgis.addHtmlPoint(
+        [106.40,39.01],
+        "content",
+        400,
+        350
+      );
+    },
+    clickMap: function (info) {
+      console.log(info);
+    },
+    clickEl: function (item) {
+		let wpId = this.$route.path.split('/').pop(),
+			wtId = wpId.split('_')[0] +'01_'+ item.id;
+		this.$router.push({
+		  path: `/monitor/windsite/inverter-info/`+wpId+`/`+wtId,
+		});
+    },
+  },
+  watch: {
+    wpId(res) {
+      this.sourceId = res;
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@titleHeight: 40px;
+
+.map-1 {
+  width: 100%;
+  height: calc(100vh - 90px);
+  display: flex;
+  flex-direction: column;
+
+  .btn-group-tabs {
+    display: flex;
+    flex-direction: row;
+  }
+
+    .panel-box {
+        width: 840px;
+        padding: 20px;
+        display: flex;
+        flex-wrap: wrap;
+        background: #536268B8;
+
+        .panel-item {
+            width: 80px;
+            height: 80px;
+            position: relative;
+            
+            // margin-top: -20px;
+            // margin-left: -20px;
+
+            &.top {
+                &::after {
+                    top: -3px;
+                    opacity: 1;
+                }
+            }
+
+            &.bottom {
+                &::after {
+                    bottom: -3px;
+                    opacity: 1;
+                }
+            }
+
+            &.left {
+                &::before {
+                    left: -3px;
+                    opacity: 1;
+                }
+            }
+
+            &.right {
+                &::before {
+                    right: -3px;
+                    opacity: 1;
+                }
+            }
+
+            &::after {
+                content: '';
+                width: 100%;
+                height: 6px;
+                position: absolute;
+                left: 0;
+                background: @green;
+                opacity: 0;
+            }
+
+            &::before {
+                content: '';
+                width: 6px;
+                height: 100%;
+                position: absolute;
+                top: 0;
+                background: @green;
+                opacity: 0;
+            }
+
+            svg {
+                width: 80px;
+                height: 80px;
+            }
+
+            .panel-syz {
+                width: 100%;
+                height: 100%;
+                position: relative;
+
+                .syz-img {
+                    position: absolute;
+                    height: 70px;
+                    top: -35px;
+                    left: -10px;
+                }
+
+                .syz-text {
+                    position: absolute;
+                    color: @green;
+                    font-size: @fontsize-l;
+                    width: 100%;
+                    text-align: center;
+                    left: 0;
+                    top: -55px;
+                    font-weight: bold;
+                }
+            }
+        }
+
+    }
+
+  .can-click {
+    cursor: pointer;
+  }
+
+  .syz-img {
+    width: 65px;
+    height: 47px;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .panel-title {
+    width: 100%;
+    background-color: fade(@darkgray, 40%);
+    margin-top: 16px;
+    padding: 6px;
+    display: flex;
+    align-items: center;
+
+    .panel-title-name {
+      color: @green;
+      display: flex;
+      align-items: center;
+      line-height: 0;
+      font-size: 0;
+
+      i,
+      span {
+        margin: 0 0 0 16px;
+        line-height: 0;
+        font-size: 13px;
+      }
+    }
+
+    .sub-title-item {
+      display: flex;
+      align-items: center;
+      margin-left: 16px;
+
+      .sub-title {
+        font-size: 13px;
+        margin-left: 6px;
+      }
+
+      .sub-count {
+        font-size: 13px;
+        font-weight: 500;
+      }
+
+      img {
+        height: 31px;
+      }
+    }
+  }
+
+  .panel-body {
+    flex-grow: 1;
+    background-color: fade(@darkgray, 20%);
+    padding: 8px;
+    overflow: auto;
+    position: relative;
+
+    .arcgis-layer {
+      z-index: 1;
+    }
+
+    .map-popup-panel {
+      width: 760px;
+      position: absolute;
+      left: 71px;
+      top: 22px;
+      z-index: 2;
+
+      .map-popup-panel-header {
+        width: 100%;
+        background: fade(#152221, 90%);
+        display: flex;
+
+        .map-popup-panel-title {
+          padding: 17px 24px;
+          font-size: @fontsize-s;
+          position: relative;
+
+          &::before,
+          &::after {
+            position: absolute;
+            width: calc(50% - 6px);
+            bottom: 0;
+            border-bottom: 2px solid @green;
+          }
+
+          &::before {
+            content: "";
+            left: 0;
+          }
+
+          &::after {
+            content: "";
+            right: 0;
+          }
+
+          span {
+            position: absolute;
+            width: 11.3px;
+            height: 11.3px;
+            border-left: 2px solid @green;
+            border-top: 2px solid @green;
+            left: calc(50% - 5.65px);
+            bottom: -3px;
+            transform: rotate(45deg);
+          }
+        }
+
+        .map-popup-panel-date {
+          flex-grow: 1;
+          padding: 17px 24px;
+          font-size: @fontsize-s;
+          text-align: right;
+          border-bottom: 2px solid @green;
+        }
+
+        .map-popup-panel-back {
+          margin-left: auto;
+          width: 54px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          position: relative;
+          cursor: pointer;
+
+          &::after {
+            content: "";
+            position: absolute;
+            left: 0;
+            height: 50%;
+            border-left: 1px solid @gray;
+            top: 25%;
+          }
+        }
+      }
+
+      .map-popup-panel-body {
+        background: fade(#152221, 75%);
+        border: 1px solid fade(@darkgray, 40);
+        border-top: 0px;
+
+        .table-form {
+          .text,
+          .unit {
+            font-weight: 400;
+          }
+
+          .unit {
+            min-width: auto;
+          }
+
+          .value,
+          .unit {
+            text-align: left;
+          }
+        }
+      }
+    }
+
+    .map-tool {
+      position: absolute;
+      right: 22px;
+      top: 22px;
+      z-index: 2;
+      background: #152221af;
+      padding: 18px 14px;
+
+      .m-btn {
+        width: 124px;
+        height: 44px;
+        background: #152221bf;
+        border: 1px solid #152221bf;
+        color: #ffffff;
+        transition: all 0.3s;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        &:hover,
+        &.active {
+          background: #05bb4c33;
+          border: 1px solid #05bb4c;
+          color: #05bb4c;
+        }
+
+        + .m-btn {
+          margin-top: 16px;
+        }
+      }
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,354 @@
+<template>
+	<div>
+		<el-row :gutter="10">
+			<el-col :span="24">
+				<previewPicture v-if="datas">
+					<template v-slot:svg>
+						<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="1111.711px" height="550.14px" viewBox="0 0 1111.711 550.14" enable-background="new 0 0 1111.711 550.14" xml:space="preserve">
+						<g id="other">
+							<g>
+								<polygon fill="#B21F63" points="496.003,29.538 502.73400,4.413 509.465,29.538   "/>
+								<rect x="502.734" y="29.538" fill="#B21F63" width="1.537" height="52.888"/>
+								<!-- <rect x="500.114" y="80.427" fill="#B21F63" width="595.531" height="1.537"/> -->
+								<!-- <text transform="matrix(1 0 0 1 1032.9893 52.8999)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="14.048">811</text> -->
+							</g>
+							<g>
+								<!-- <rect x="71.679" y="130.277" fill="#B6065C" width="862.731" height="1.537"/> -->
+								<text transform="matrix(1 0 0 1 455.7104 111.1514)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="14.048"> 811 </text>
+								<g>
+									<rect x="527.506" y="97.923" fill="none" stroke="#4F4B7F" stroke-miterlimit="10" width="58.69" height="23.273"/>
+									<rect x="527.506" y="97.923" opacity="0.7" fill="#212967" enable-background="new    " width="58.69" height="23.273"/>
+									<text transform="matrix(1 0 0 1 534.2002 113.7886)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="14.0484"> #1进线 </text>
+								</g>
+								<rect x="502.734" y="81.964" fill="#B6065C" width="1.537" height="49.883"/>
+								<rect x="502.733" y="131.412" fill="#B6065C" width="1.537" height="14.906"/>
+							</g>
+							<g>
+								<g>
+									
+										<rect x="439.427" y="147.952" fill="none" stroke="#941C54" stroke-width="1.5" stroke-miterlimit="10" width="126.614" height="122.736"/>
+									<text transform="matrix(0.9357 0 0 1 443.7225 159.6318)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">01逆变器</text>
+									<rect x="443.566" y="164.421" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.275"/>
+									<rect x="443.566" y="169.04" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="443.566" y="173.659" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 447.3143 167.583)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 447.3143 172.1348)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 447.3143 176.6836)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 464.0218 167.3525)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 464.0218 171.9033)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 464.0218 176.4531)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 460.5452 151.7188)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 475.3538 159.6318)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">02逆变器</text>
+									<rect x="475.196" y="164.421" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.275"/>
+									<rect x="475.196" y="169.04" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.278"/>
+									<rect x="475.196" y="173.659" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 478.9456 167.583)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 478.9456 172.1348)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 478.9456 176.6836)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 495.6522 167.3525)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 495.6522 171.9033)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 495.6522 176.4531)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 492.1756 151.7188)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 506.3104 159.6318)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">03逆变器</text>
+									<rect x="506.153" y="164.421" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.275"/>
+									<rect x="506.153" y="169.04" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.278"/>
+									<rect x="506.153" y="173.659" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 509.9022 167.583)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 509.9022 172.1348)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 509.9022 176.6836)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 526.6097 167.3525)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 526.6097 171.9033)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 526.6097 176.4531)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 523.1321 151.7188)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 537.2108 159.6318)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">04逆变器</text>
+									<rect x="537.053" y="164.421" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.275"/>
+									<rect x="537.053" y="169.04" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.278"/>
+									<rect x="537.053" y="173.659" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 540.8021 167.583)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 540.8021 172.1348)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 540.8021 176.6836)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 557.5081 167.3525)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 557.5081 171.9033)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 557.5081 176.4531)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 554.0325 151.7188)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 443.6888 189.5859)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">05逆变器</text>
+									<rect x="443.531" y="194.375" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="443.531" y="198.994" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.277"/>
+									<rect x="443.531" y="203.613" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 447.2796 197.5381)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 447.2796 202.0889)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 447.2796 206.6387)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 463.9871 197.3076)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 463.9871 201.8574)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 463.9871 206.4072)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 460.5096 181.6729)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 475.3192 189.5859)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">06逆变器</text>
+									<rect x="475.161" y="194.375" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="475.161" y="198.994" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.277"/>
+									<rect x="475.161" y="203.613" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 478.9095 197.5381)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 478.9095 202.0889)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 478.9095 206.6387)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 495.617 197.3076)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 495.617 201.8574)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 495.617 206.4072)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 492.1404 181.6729)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 506.2752 189.5859)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">07逆变器</text>
+									<rect x="506.118" y="194.375" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="506.118" y="198.994" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.277"/>
+									<rect x="506.118" y="203.613" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 509.867 197.5381)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 509.867 202.0889)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 509.867 206.6387)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 526.5736 197.3076)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 526.5736 201.8574)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 526.5736 206.4072)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 523.097 181.6729)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 537.1751 189.5859)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">08逆变器</text>
+									<rect x="537.018" y="194.375" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.278"/>
+									<rect x="537.018" y="198.994" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.277"/>
+									<rect x="537.018" y="203.613" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.277"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 540.7669 197.5381)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 540.7669 202.0889)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 540.7669 206.6387)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 557.4744 197.3076)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 557.4744 201.8574)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 557.4744 206.4072)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 553.9979 181.6729)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 443.6888 219.124)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">09逆变器</text>
+									<rect x="443.531" y="223.913" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="443.531" y="228.532" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="443.531" y="233.15" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.279"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 447.2796 227.0752)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 447.2796 231.626)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 447.2796 236.1758)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 463.9871 226.8438)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 463.9871 231.3945)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 463.9871 235.9443)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 460.5106 211.2104)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 475.3192 219.124)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">10逆变器</text>
+									<rect x="475.161" y="223.913" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.278"/>
+									<rect x="475.161" y="228.532" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.278"/>
+									<rect x="475.161" y="233.15" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.918" height="4.279"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 478.9095 227.0752)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 478.9095 231.626)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 478.9095 236.1758)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 495.617 226.8438)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 495.617 231.3945)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 495.617 235.9443)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 492.1404 211.2104)">
+									</image>
+									<text transform="matrix(0.9357 0 0 1 506.2752 219.124)" fill="#FFFFFF" font-family="'MicrosoftYaHei'" font-size="3.4688">11逆变器</text>
+									<rect x="506.118" y="223.913" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="506.118" y="228.532" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.278"/>
+									<rect x="506.118" y="233.15" opacity="0.9" fill="#1B2522" enable-background="new    " width="24.917" height="4.279"/>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 509.867 227.0752)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">功率:</text>
+										<text transform="matrix(0.9357 0 0 1 509.867 231.626)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电压:</text>
+										<text transform="matrix(0.9357 0 0 1 509.867 236.1758)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">电流:</text>
+									</g>
+									<g>
+										<text transform="matrix(0.9357 0 0 1 526.5736 226.8438)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">kw</text>
+										<text transform="matrix(0.9357 0 0 1 526.5736 231.3945)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">V</text>
+										<text transform="matrix(0.9357 0 0 1 526.5736 235.9443)" fill="#929CA0" font-family="'MicrosoftYaHei'" font-size="2.3134">A</text>
+									</g>
+									
+										<image overflow="visible" enable-background="new    " width="347" height="605" xlink:href="./zm_mw.png" transform="matrix(0.0171 0 0 0.0183 523.097 211.2104)">
+									</image>
+								</g>
+							</g>
+						</g>
+						<g id="sc">
+							<rect x="498.734" y="35.898" fill="#ED2024" width="9.836" height="18.318"/>
+							<rect x="495.033" y="89.119" fill="#02A434" width="16.937" height="30.677"/>
+							<!-- <rect x="494.721" y="323.04" fill="#02A434" width="16.937" height="30.677"/> -->
+						</g>
+						</svg>
+					</template>
+				</previewPicture>
+			</el-col>
+		</el-row>
+	</div>
+</template>
+<script>  //431.055
+	import previewPicture from "../previewPicture.vue";
+	import $ from "jquery";
+	export default {
+		components: {
+			previewPicture,
+		},
+
+		props: {
+			data: Array,
+			zmmap: Object,
+		},
+
+		data() {
+			return {
+				//   graph: null,
+				green: "#02A434",
+				red: "#FF0000",
+				datas: undefined,
+				dgIds: [],
+			};
+		},
+		methods: {
+			// 渲染每个机箱的表格参数
+			renderData(data) {
+				// 取出开关的 DOM
+				const switchDom = $("#sc").find("rect");
+				// 遍历数据，首先取出开关单独写逻辑渲染颜色，除了开关以外的就是每个机箱的数据
+				for (let key in data) {
+					// 渲染开关
+					const item = data[key];
+					if (key === "hzj105") {
+						switchDom.eq(0).attr("fill", item ? this.green : this.red);
+					} else if (key === "hzj361") {
+						switchDom.eq(1).attr("fill", item ? this.green : this.red);
+					} else if (key === "hzj362") {
+						switchDom.eq(2).attr("fill", item ? this.green : this.red);
+					} else {
+						const dgDom = $('#alldata').find('#data'+key.slice(3,5)).find('g').eq(parseInt(key.slice(5,7)) - 1).find('text');
+						if (dgDom && key.indexOf("dl") !== -1) {
+							dgDom.eq(0).html(item);
+						} else if (dgDom && key.indexOf("dy") !== -1) {
+							dgDom.eq(1).html(item);
+						} else if (dgDom && key.indexOf("gl") !== -1) {
+							dgDom.eq(2).html(item);
+						}
+					}
+				}
+
+				// 给电柜上个色呗
+				// this.dgIds.forEach((dgId) => {
+				// 	const dgDom = $("#diangui_" + dgId + "_").find("polygon");
+
+				// 	for (let i = 0; i < dgDom.length; i++) {
+				// 		dgDom.eq(i).attr("fill", this.getColor());
+				// 	}
+				// });
+			},
+
+			randomNum(minNum, maxNum) {
+				switch (arguments.length) {
+					case 1:
+						return parseInt(Math.random() * minNum + 1, 10);
+					case 2:
+						return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
+					default:
+						return 0;
+				}
+			},
+
+
+			// 根据机箱状态返回颜色，后续如果需要区分颜色可以在这里新增逻辑返回对应的颜色值
+			getColor() {
+				return "#fff";
+			}
+		},
+
+		watch: {
+			// 风机数据
+			data(value) {
+				this.datas = value;
+			},
+
+			// 总貌数据
+			zmmap(value) {
+				console.log(value)
+				this.renderData(value);
+			},
+		},
+	};
+</script>
+
+<style scoped>
+	.center-bar {
+		position: relative;
+		box-sizing: border-box;
+		height: 90vh;
+		background-color: #000000;
+		padding-top: 10px;
+		padding-left: 5px;
+		padding-right: 5px;
+		padding-bottom: 5px;
+		margin-top: 0;
+		margin-right: 0;
+		margin-bottom: 3px;
+		margin-left: 0;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.svg {
+		margin-left: 5%;
+		width: 90%;
+		height: 90%;
+	}
+	.light #other text[font-size="14.048"],
+	.light #other text[font-size="3.4688"]{
+		fill:#000000;
+	}
+	.light #alldata text{
+		fill:#FFFFFF;
+	}
+</style>

src/views/WindSite/pages/BoosterStation.vue

@@ -41,8 +41,11 @@
     <!-- 马场湖 -->
     <MCH class="booster-station-body" v-if="wpId === 'MCH_GDC'" />
 	
-	<!-- 海子井 -->
-	<HZJ class="booster-station-body" v-if="wpId === 'HZJ_GDC'" />
+    <!-- 海子井 -->
+    <HZJ class="booster-station-body" v-if="wpId === 'HZJ_GDC'" />
+
+    <!-- 埃肯 -->
+    <AK class="booster-station-body" v-if="wpId === 'AK_GDC'" />
   </div>
 </template>
 
@@ -60,6 +63,7 @@ import PL2 from "../components/boosterstation/pl2.vue";
 import XH from "../components/boosterstation/xh.vue";
 import MCH from "../components/boosterstation/mch.vue";
 import HZJ from "../components/boosterstation/hzj.vue";
+import AK from '../components/boosterstation/ak.vue'
 export default {
   // 名称
   name: "BoosterStation",
@@ -77,7 +81,8 @@ export default {
     PL2,
     XH,
     MCH,
-	HZJ
+    HZJ,
+    AK,
   },
   // 数据
   data() {

src/views/WindSite/pages/GeneralAppearance.vue

@@ -58,6 +58,7 @@
 			<PL2 class="general-appearance-body" :data="fjmap" :zmmap="zmmap" v-if="wpId === 'PL2_GDC'" />
 			<MCH class="general-appearance-body" :data="fjmap" :zmmap="zmmap" v-if="wpId === 'MCH_GDC'" />
 			<HZJ class="general-appearance-body" :data="fjmap" :zmmap="zmmap" v-if="wpId === 'HZJ_GDC'" />
+			<AK class="general-appearance-body" :data="fjmap" :zmmap="zmmap" v-if="wpId === 'AK_GDC'" />
 		</div>
 	</div>
 </template>
@@ -75,6 +76,7 @@
 	import PL2 from "../components/generalappearance/pl2.vue";
 	import MCH from "../components/generalappearance/mch.vue";
 	import HZJ from "../components/generalappearance/hzj.vue";
+	import AK from "../components/generalappearance/ak.vue";
 	export default {
 		// 名称
 		name: "GeneralAppearance",
@@ -91,7 +93,8 @@
 			PL1,
 			PL2,
 			MCH,
-			HZJ
+			HZJ,
+			AK
 		},
 		// 数据
 		data() {

src/views/WindSite/pages/Home/stationJson/AK_GDC.js

@@ -0,0 +1,90 @@
+export default [
+  {
+    id: "root",
+    name: "埃肯光电场",
+    type: "img",
+    image: "stationimg",
+    x: 10,
+    y: 30,
+  },
+  //1号线路
+  {
+    id: "AK01_01",
+    type: "circle",
+    x: 120,
+    y: 60,
+    connects: ["root"],
+  },
+  {
+    id: "AK01_02",
+    type: "circle",
+    x: 160,
+    y: 60,
+    connects: ["AK01_01"],
+  },
+  {
+    id: "AK01_03",
+    type: "circle",
+    x: 200,
+    y: 60,
+    connects: ["AK01_02"],
+  },
+  {
+    id: "AK01_04",
+    type: "circle",
+    x: 240,
+    y: 60,
+    connects: ["AK01_03"],
+  },
+  {
+    id: "AK01_05",
+    type: "circle",
+    x: 280,
+    y: 60,
+    connects: ["AK01_04"],
+  },
+  {
+    id: "AK01_06",
+    type: "circle",
+    x: 320,
+    y: 60,
+    connects: ["AK01_05"],
+  },
+ //二号线路
+  {
+    id: "AK01_07",
+    type: "circle",
+    x: 120,
+    y: 120,
+    connects: ["root"],
+  },
+  {
+    id: "AK01_08",
+    type: "circle",
+    x: 160,
+    y: 120,
+    connects: ["AK01_07"],
+  },
+  {
+    id: "AK01_09",
+    type: "circle",
+    x: 200,
+    y: 120,
+    connects: ["AK01_08"],
+  },
+  {
+    id: "AK01_10",
+    type: "circle",
+    x: 240,
+    y: 120,
+    connects: ["AK01_09"],
+  },
+  {
+    id: "AK01_11",
+    type: "circle",
+    x: 280,
+    y: 120,
+    connects: ["AK01_10"],
+  },
+
+]

src/views/WindSite/pages/Map.vue

@@ -66,6 +66,7 @@
       <XHGDC wpId="XH_GDC" v-if="wpId.indexOf('XH_GDC') !== -1" />
       <MCHGDC wpId="MCH_GDC" v-if="wpId.indexOf('MCH_GDC') !== -1" />
       <HZJGDC wpId="HZJ_GDC" v-if="wpId.indexOf('HZJ_GDC') !== -1" />
+      <AKGDC wpId="AK_GDC" v-if="wpId.indexOf('AK_GDC') !== -1" />
       <div class="map-popup-panel" v-show="showPopup">
         <!-- <div class="map-popup-panel-header">
           <div class="map-popup-panel-title green">
@@ -185,6 +186,7 @@ import DWKGDC from "@com/arcgis/DWK_GDC.vue";
 import XHGDC from "@com/arcgis/XH_GDC.vue";
 import MCHGDC from "@com/arcgis/MCH_GDC.vue";
 import HZJGDC from "@com/arcgis/HZJ_GDC.vue";
+import AKGDC from '@com/arcgis/AK_GDC.vue'
 import dataService from "@/helper/data.js";
 
 export default {
@@ -203,6 +205,7 @@ export default {
     XHGDC,
     MCHGDC,
     HZJGDC,
+    AKGDC,
   },
   // 数据
   data() {