新增首页海子井显示

src/views/Home/components/map/svg-map-nx.vue

@@ -158,6 +158,30 @@
           transform="matrix(1 0 0 1 -113 60.6679)"
         ></image>
         <g v-if="showPoint">
+			<g
+			  v-if="showType === 'all' || showType === 'gf'"
+			  class="item-label"
+			  @click="clickLabel('HZJ_FDC', '海子井光电场')"
+			  @mouseover="mouseover(9)"
+			  @mouseout="mouseout"
+			>
+			  <use xlink:href="#nx-map-line-1" x="425" y="115" />
+			  <use xlink:href="#nx-map-circle-1" x="425" y="95" />
+			  <rect
+			    x="450"
+			    y="120"
+			    width="110"
+			    height="18"
+			    stroke="#46C55A35"
+			    fill="#000000"
+			    opacity="0.8"
+			  />
+			  <text x="455" y="134" fill="#919697" font-size="12">海子井</text>
+			  <!-- +70 0 -->
+			  <text x="515" y="134" fill="#05bb4c" font-size="12">
+			    {{ sourceMap.HZJ_GDC_zjts }}台
+			  </text>
+			</g>
           <g
             v-if="showType === 'all' || showType === 'fc'"
             class="item-label"
@@ -394,6 +418,7 @@
               {{ sourceMap.QS_FDC_zjts }}台
             </text>
           </g>
+		  
           <g class="popup-layer-svg">
             <g v-show="popup[0]">
               <!-- +140 0 -->
@@ -613,6 +638,29 @@
                 {{ xtMap.QS_FDC && xtMap.QS_FDC.ssfs }}m/s
               </text>
             </g>
+			<g v-show="popup[9]">
+			  <use xlink:href="#popup-box-svg" x="561" y="120" />
+			  <text x="571" y="140" fill="#919697" font-size="12">经度</text>
+			  <text x="621" y="140" fill="#05bb4c" font-size="12">
+			    {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.jd }}°
+			  </text>
+			  <text x="571" y="165" fill="#919697" font-size="12">纬度</text>
+			  <text x="621" y="165" fill="#05bb4c" font-size="12">
+			    {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.wd }}°
+			  </text>
+			  <text x="571" y="190" fill="#919697" font-size="12">海拔</text>
+			  <text x="621" y="190" fill="#05bb4c" font-size="12">
+			    {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.hb }}米
+			  </text>
+			  <text x="571" y="215" fill="#919697" font-size="12">功率</text>
+			  <text x="621" y="215" fill="#05bb4c" font-size="12">
+			    {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.gl }}MW
+			  </text>
+			  <text x="571" y="240" fill="#919697" font-size="12">日照</text>
+			  <text x="621" y="240" fill="#05bb4c" font-size="12">
+			    {{ xtMap.HZJ_GDC && xtMap.HZJ_GDC.ssfs }}W/m²
+			  </text>
+			</g>
           </g>
         </g>
       </g>
@@ -648,7 +696,7 @@ export default {
   // 数据
   data() {
     return {
-      popup: [false, false, false, false, false, false, false, false, false],
+      popup: [false, false, false, false, false, false, false, false, false, false],
       effectsY: [[65, 1]],
       sd: 1950,
       o: 0,
@@ -709,7 +757,6 @@ export default {
     this.sourceMap = this.data;
 
     this.xtMap = this.xtData;
-
     this.deg = 60;
     let eAnimation = setInterval(() => {
       // 走光