'two'

src/views/WindSite/pages/Map2.vue

@@ -45,6 +45,9 @@
         <zkyqMap v-if="periodIndex === 'ZK01_GC'" ref="maps"></zkyqMap>
         <!-- 米梁局 -->
         <mljMap v-if="periodIndex === 'MLJ01_GC'" ref="maps"></mljMap>
+        
+        <syMap2 v-if="periodIndex === 'SY02_GC'" ref="maps"></syMap2>
+         <syMap v-if="periodIndex === 'SY01_GC'" ref="maps"></syMap>
     </div>
 </template>
 <script>
@@ -70,6 +73,8 @@ import bhbMap from "./components/bhb-map.vue";
 import pldhbMap from "./components/pldhb-map.vue";
 import zkyqMap from "./components/zkyq-map.vue";
 import mljMap from "./components/mlj-map.vue";
+import syMap2 from "./components/sy2-map.vue";
+import syMap from "./components/sy-map.vue";
 
 export default {
     components: {
@@ -93,7 +98,9 @@ export default {
         xwtMap,
         yfMap2,
         bhbMap,
-        bhbMap2
+        bhbMap2,
+        syMap2,
+        syMap
     },
     data() {
         return {

src/views/WindSite/pages/components/sy-map.vue

@@ -0,0 +1,272 @@
+<template>
+    <div class="svg-map">
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+            viewBox="0 0 1955 940" :style="
+                'enable-background: new 0 0 866 359; left: ' +
+                svgLeft +
+                '; top: ' +
+                svgTop +
+                ';'
+            " xml:space="preserve" :width="svgWidth" :height="svgHeight">
+            <defs>
+                <g id="nx-map-line">
+                    <line class="nx-map-line" x1="25" y1="25" x2="25" y2="80" stroke="#edbf03" stroke-width="1" />
+                    <circle class="nx-map-up-circle" cx="25" cy="25" r="2" fill="#edbf03" />
+                </g>
+                <g id="nx-map-circle">
+                    <circle class="nx-map-down-circle-1" cx="25" cy="80" r="3" fill="#edbf03" />
+                    <circle class="nx-map-down-circle-2" :class="{ 'nx-map-down-circle-loop': c1 }" cx="25" cy="80"
+                        r="9" stroke="#edbf03" stroke-width="1" fill="none" />
+                    <circle class="nx-map-down-circle-3" :class="{ 'nx-map-down-circle-loop': c2 }" cx="25" cy="80"
+                        r="16" opacity="0.6" stroke="#edbf03" stroke-width="1" fill="none" />
+                </g>
+            </defs>
+        <g>
+            <image style="overflow: visible" width="2050" height="1220" class="map-base" xlink:href="./img/dmt_sy1.png" transform="matrix(1 0 0 1 0 -100)"></image>
+            <g class="item-label-hover" v-for="(item, index) in dataList" :key="index">
+            <svg data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                :x="String(Number(item.x)-45)" :y="String(Number(item.y)-60)" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392"
+                xml:space="preserve" class="windmill">
+                <image v-if="item.name != '升压站'" data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+                <!-- 运行 -->
+                <image v-if="item.type === 2 || item.type === 3" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_green.png" class="turnCircle"></image>
+                <!-- 受累 -->
+                <image v-if="item.type === 12 || item.type === 13" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_white.png"></image>
+                <!-- 限电 -->
+                <image v-if="item.type === 4 || item.type === 5" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_purple.png" class="turnCircle-slow"></image>
+                <!-- 离线 -->
+                <image v-if="item.type === 10 || item.type === 11" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_black.png"></image>
+                <!-- 待机 -->
+                <image v-if="item.type === 0 || item.type === 1" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_blue.png"></image>
+                <!-- 故障 -->
+                <image v-if="item.type === 6 || item.type === 7" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_red.png"></image>
+                <!-- 检修 -->
+                <image v-if="item.type === 8 || item.type === 9" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_orange.png"></image>
+                <!-- 升压站 -->
+                <image v-if="item.name == '升压站'" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/png/booster-station.png"></image>
+            </svg>
+            <!-- <text class="mapKey" :x="Number(item.x)+25" :y="Number(item.y) + 90" fill="#ffffff" font-size="14">{{ item.name }}</text> -->
+            <text v-if="item.name != '升压站'" class="mapKey" :x="Number(item.x)+25" :y="Number(item.y) + 90" fill="#ffffff" font-size="14">{{ item.name }}</text>
+            <text v-else class="mapKey" :x="Number(item.x)+10" :y="Number(item.y) + 80" fill="#ffffff" font-size="14">{{ item.name }}</text>
+            <g class="isshow" v-if="item.name != '升压站'">
+                <rect :x="Number(item.x) + 55" :y="Number(item.y) + 20" width="70" height="50" stroke="#46C55A35" fill="#000000" opacity="0.8" />
+                <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 40" fill="#ffffff" font-size="14">{{ item.fs }}m/s</text>
+                <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 60" fill="#ffffff" font-size="14">{{ item.gl }}kw</text>
+            </g>
+            </g>
+        </g>
+        <g>
+            <svg :x="-20" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_green.png"></image>
+            </svg>
+            <text :x="43" :y="920" fill="#ffffff" font-size="14"> 运行 </text>
+            <svg :x="40" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_white.png"></image>
+            </svg>
+            <text :x="107" :y="920" fill="#ffffff" font-size="14"> 受累 </text>
+            <svg :x="100" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_purple.png"></image>
+            </svg>
+            <text :x="165" :y="920" fill="#ffffff" font-size="14"> 限电 </text>
+            <svg :x="160" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_black.png"></image>
+            </svg>
+            <text :x="229" :y="920" fill="#ffffff" font-size="14"> 离线 </text>
+            <svg :x="220" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_blue.png"></image>
+            </svg>
+            <text :x="288" :y="920" fill="#ffffff" font-size="14"> 待机 </text>
+            <svg :x="280" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_red.png"></image>
+            </svg>
+            <text :x="347" :y="920" fill="#ffffff" font-size="14"> 故障 </text>
+            <svg :x="340" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_orange.png"></image>
+            </svg>
+            <text :x="410" :y="920" fill="#ffffff" font-size="14"> 检修 </text>
+        </g>
+            <!-- <g>
+                <image style="overflow: visible" width="2050" height="1110" class="map-base"
+                    xlink:href=""
+                    transform="matrix(1 0 0 1 0 -50)"></image>
+                <g class="item-label-hover" v-for="(item, index) in dataList" :key="index">
+                    <image v-if="item.type === 0 || item.type === 1" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/green.png"></image>
+                    <image v-if="item.type === 2 || item.type === 3" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/blue.png"></image>
+                    <image v-if="item.type === 6 || item.type === 7" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/red.png"></image>
+                    <image v-if="item.type === 12 || item.type === 13" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/white.png"></image>
+                    <image v-if="item.type === 8 || item.type === 9" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/orange.png"></image>
+                    <image v-if="item.type === 4 || item.type === 5" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/purple.png"></image>
+                    <image v-if="item.type === 10 || item.type === 11" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/black.png"></image>
+                    <text class="mapKey" :x="Number(item.x) + 26" :y="Number(item.y) + 90" fill="#ffffff"
+                        font-size="14">
+                        {{ item.name }}
+                    </text>
+                    <g class="isshow">
+                        <rect :x="Number(item.x) + 55" :y="Number(item.y) + 20" width="70" height="50"
+                            stroke="#46C55A35" fill="#000000" opacity="0.8" />
+                        <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 40" fill="#ffffff"
+                            font-size="14">{{ item.fs }}
+                            m/s</text>
+                        <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 60" fill="#ffffff"
+                            font-size="14">{{ item.gl }}
+                            kw</text>
+                    </g>
+                </g>
+            </g> -->
+        </svg>
+    </div>
+</template>
+<script>
+export default {
+    props: {
+        windturbineList: {
+            type: Array,
+            default: [],
+        },
+    },
+    data() {
+        return {
+            dataList: [
+                {
+                    name: '升压站',
+                    x: '1760',
+                    y: '360',
+                },
+     {
+     name: '#13',
+     x: '1400',
+     y: '170',
+     type: 3,
+},
+{
+     name: '#14',
+     x: '1420',
+     y: '300',
+     type: 3,
+},
+{
+     name: '#15',
+     x: '1420',
+     y: '435',
+     type: 3,
+},
+{
+     name: '#01',
+     x: '1210',
+     y: '190',
+     type: 3,
+},
+{
+     name: '#05',
+     x: '1210',
+     y: '290',
+     type: 3,
+},
+{
+     name: '#10',
+     x: '1220',
+     y: '440',
+     type: 3,
+},
+{
+     name: '#12',
+     x: '1140',
+     y: '515',
+     type: 3,
+},
+{
+     name: '#04',
+     x: '1000',
+     y: '290',
+     type: 3,
+},
+{
+     name: '#09',
+     x: '990',
+     y: '430',
+     type: 3,
+},
+{
+     name: '#03',
+     x: '780',
+     y: '290',
+     type: 3,
+},
+{
+     name: '#08',
+     x: '760',
+     y: '430',
+     type: 3,
+},
+{
+     name: '#02',
+     x: '575',
+     y: '285',
+     type: 3,
+},
+{
+     name: '#07',
+     x: '540',
+     y: '430',
+     type: 3,
+},
+{
+     name: '#11',
+     x: '600',
+     y: '510',
+     type: 3,
+},
+{
+     name: '#06',
+     x: '320',
+     y: '425',
+     type: 3,
+},
+
+            ],
+        };
+    },
+    mounted() {
+
+    },
+    methods: {
+        dayaDeal(windturbineList) {
+            windturbineList.push({
+                fs: '',
+                gl: '',
+                wtCode: '升压站',
+            })
+            this.dataList.forEach(item => {
+                let data = windturbineList.find(val => val.wtCode === item.name)
+                item.type = data.fjzt
+                item.fs = data.fs
+                item.gl = data.gl
+            })
+        },
+    },
+}
+</script>
+<style lang="less" scoped>
+.item-label-hover:hover .isshow {
+    display: flex;
+}
+
+.isshow {
+    display: none;
+    color: #ffffff;
+}
+</style>

src/views/WindSite/pages/components/sy2-map.vue

@@ -0,0 +1,547 @@
+<template>
+    <div class="svg-map">
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+            viewBox="0 0 1955 940" :style="
+                'enable-background: new 0 0 866 359; left: ' +
+                svgLeft +
+                '; top: ' +
+                svgTop +
+                ';'
+            " xml:space="preserve" :width="svgWidth" :height="svgHeight">
+            <defs>
+                <g id="nx-map-line">
+                    <line class="nx-map-line" x1="25" y1="25" x2="25" y2="80" stroke="#edbf03" stroke-width="1" />
+                    <circle class="nx-map-up-circle" cx="25" cy="25" r="2" fill="#edbf03" />
+                </g>
+                <g id="nx-map-circle">
+                    <circle class="nx-map-down-circle-1" cx="25" cy="80" r="3" fill="#edbf03" />
+                    <circle class="nx-map-down-circle-2" :class="{ 'nx-map-down-circle-loop': c1 }" cx="25" cy="80"
+                        r="9" stroke="#edbf03" stroke-width="1" fill="none" />
+                    <circle class="nx-map-down-circle-3" :class="{ 'nx-map-down-circle-loop': c2 }" cx="25" cy="80"
+                        r="16" opacity="0.6" stroke="#edbf03" stroke-width="1" fill="none" />
+                </g>
+            </defs>
+        <g>
+            <image style="overflow: visible" width="2050" height="1220" class="map-base" xlink:href="./img/dmt_sy2.png" transform="matrix(1 0 0 1 0 -100)"></image>
+            <g class="item-label-hover" v-for="(item, index) in dataList" :key="index">
+            <svg data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                :x="String(Number(item.x)-45)" :y="String(Number(item.y)-60)" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392"
+                xml:space="preserve" class="windmill">
+                <image v-if="item.name != '升压站'" data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+                <!-- 运行 -->
+                <image v-if="item.type === 2 || item.type === 3" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_green.png" class="turnCircle"></image>
+                <!-- 受累 -->
+                <image v-if="item.type === 12 || item.type === 13" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_white.png"></image>
+                <!-- 限电 -->
+                <image v-if="item.type === 4 || item.type === 5" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_purple.png" class="turnCircle-slow"></image>
+                <!-- 离线 -->
+                <image v-if="item.type === 10 || item.type === 11" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_black.png"></image>
+                <!-- 待机 -->
+                <image v-if="item.type === 0 || item.type === 1" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_blue.png"></image>
+                <!-- 故障 -->
+                <image v-if="item.type === 6 || item.type === 7" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_red.png"></image>
+                <!-- 检修 -->
+                <image v-if="item.type === 8 || item.type === 9" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_orange.png"></image>
+                <!-- 升压站 -->
+                <image v-if="item.name == '升压站'" data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/png/booster-station.png"></image>
+            </svg>
+            <!-- <text class="mapKey" :x="Number(item.x)+25" :y="Number(item.y) + 90" fill="#ffffff" font-size="14">{{ item.name }}</text> -->
+            <text v-if="item.name != '升压站'" class="mapKey" :x="Number(item.x)+25" :y="Number(item.y) + 90" fill="#ffffff" font-size="14">{{ item.name }}</text>
+            <text v-else class="mapKey" :x="Number(item.x)+10" :y="Number(item.y) + 80" fill="#ffffff" font-size="14">{{ item.name }}</text>
+            <g class="isshow" v-if="item.name != '升压站'">
+                <rect :x="Number(item.x) + 55" :y="Number(item.y) + 20" width="70" height="50" stroke="#46C55A35" fill="#000000" opacity="0.8" />
+                <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 40" fill="#ffffff" font-size="14">{{ item.fs }}m/s</text>
+                <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 60" fill="#ffffff" font-size="14">{{ item.gl }}kw</text>
+            </g>
+            </g>
+        </g>
+        <g>
+            <svg :x="-20" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_green.png"></image>
+            </svg>
+            <text :x="43" :y="920" fill="#ffffff" font-size="14"> 运行 </text>
+            <svg :x="40" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_white.png"></image>
+            </svg>
+            <text :x="107" :y="920" fill="#ffffff" font-size="14"> 受累 </text>
+            <svg :x="100" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_purple.png"></image>
+            </svg>
+            <text :x="165" :y="920" fill="#ffffff" font-size="14"> 限电 </text>
+            <svg :x="160" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_black.png"></image>
+            </svg>
+            <text :x="229" :y="920" fill="#ffffff" font-size="14"> 离线 </text>
+            <svg :x="220" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_blue.png"></image>
+            </svg>
+            <text :x="288" :y="920" fill="#ffffff" font-size="14"> 待机 </text>
+            <svg :x="280" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_red.png"></image>
+            </svg>
+            <text :x="347" :y="920" fill="#ffffff" font-size="14"> 故障 </text>
+            <svg :x="340" :y="770" data-v-28794fe1="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 220 392" enable-background="new 0 0 220 392" xml:space="preserve" class="windmill">
+            <image data-v-28794fe1="" width="147" height="345" x="58" y="78" xlink:href="@/assets/map/fan/yz.png" class="pillar"></image>
+            <image data-v-28794fe1="" width="200" height="460" xlink:href="@/assets/map/fan/yp_orange.png"></image>
+            </svg>
+            <text :x="410" :y="920" fill="#ffffff" font-size="14"> 检修 </text>
+        </g>
+            <!-- <g>
+                <image style="overflow: visible" width="2050" height="1110" class="map-base"
+                    xlink:href=""
+                    transform="matrix(1 0 0 1 0 -50)"></image>
+                <g class="item-label-hover" v-for="(item, index) in dataList" :key="index">
+                    <image v-if="item.type === 0 || item.type === 1" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/green.png"></image>
+                    <image v-if="item.type === 2 || item.type === 3" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/blue.png"></image>
+                    <image v-if="item.type === 6 || item.type === 7" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/red.png"></image>
+                    <image v-if="item.type === 12 || item.type === 13" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/white.png"></image>
+                    <image v-if="item.type === 8 || item.type === 9" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/orange.png"></image>
+                    <image v-if="item.type === 4 || item.type === 5" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/purple.png"></image>
+                    <image v-if="item.type === 10 || item.type === 11" width="70" height="70" class="pillar" :x="item.x"
+                        :y="item.y" xlink:href="../../../../assets/map/fan/black.png"></image>
+                    <text class="mapKey" :x="Number(item.x) + 26" :y="Number(item.y) + 90" fill="#ffffff"
+                        font-size="14">
+                        {{ item.name }}
+                    </text>
+                    <g class="isshow">
+                        <rect :x="Number(item.x) + 55" :y="Number(item.y) + 20" width="70" height="50"
+                            stroke="#46C55A35" fill="#000000" opacity="0.8" />
+                        <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 40" fill="#ffffff"
+                            font-size="14">{{ item.fs }}
+                            m/s</text>
+                        <text class="mapValue" :x="Number(item.x) + 60" :y="Number(item.y) + 60" fill="#ffffff"
+                            font-size="14">{{ item.gl }}
+                            kw</text>
+                    </g>
+                </g>
+            </g> -->
+        </svg>
+    </div>
+</template>
+<script>
+export default {
+    props: {
+        windturbineList: {
+            type: Array,
+            default: [],
+        },
+    },
+    data() {
+        return {
+            dataList: [
+                {
+                    name: '升压站',
+                    x: '1220',
+                    y: '255',
+                },
+               {
+     name: 'T08',
+     x: '1440',
+     y: '50',
+     type: 3,
+},
+{
+     name: 'T09',
+     x: '1420',
+     y: '60',
+     type: 3,
+},
+{
+     name: 'T10',
+     x: '1397',
+     y: '70',
+     type: 3,
+},
+{
+     name: 'T11',
+     x: '1360',
+     y: '80',
+     type: 3,
+},
+{
+     name: 'T40',
+     x: '1385',
+     y: '28',
+     type: 3,
+},
+{
+     name: 'T41',
+     x: '1360',
+     y: '35',
+     type: 3,
+},
+{
+     name: 'T43',
+     x: '1325',
+     y: '30',
+     type: 3,
+},
+{
+     name: 'T45',
+     x: '1295',
+     y: '55',
+     type: 3,
+},
+{
+     name: 'T53',
+     x: '1265',
+     y: '80',
+     type: 3,
+},
+{
+     name: 'T42',
+     x: '1265',
+     y: '25',
+     type: 3,
+},
+{
+     name: 'T46',
+     x: '1240',
+     y: '45',
+     type: 3,
+},
+{
+     name: 'T52',
+     x: '1210',
+     y: '70',
+     type: 3,
+},
+{
+     name: 'T47',
+     x: '1185',
+     y: '20',
+     type: 3,
+},
+{
+     name: 'T54',
+     x: '1185',
+     y: '100',
+     type: 3,
+},
+{
+     name: 'T51',
+     x: '1160',
+     y: '55',
+     type: 3,
+},
+{
+     name: 'T48',
+     x: '1130',
+     y: '0',
+     type: 3,
+},
+{
+     name: 'T55',
+     x: '1125',
+     y: '80',
+     type: 3,
+},
+{
+     name: 'T50',
+     x: '1105',
+     y: '25',
+     type: 3,
+},
+{
+     name: 'T61',
+     x: '1090',
+     y: '100',
+     type: 3,
+},
+{
+     name: 'T59',
+     x: '1065',
+     y: '60',
+     type: 3,
+},
+{
+     name: 'T60',
+     x: '1040',
+     y: '85',
+     type: 3,
+},
+{
+     name: 'T49',
+     x: '1000',
+     y: '5',
+     type: 3,
+},
+{
+     name: 'T57',
+     x: '1020',
+     y: '35',
+     type: 3,
+},
+{
+     name: 'T59',
+     x: '985',
+     y: '70',
+     type: 3,
+},
+{
+     name: 'T58',
+     x: '940',
+     y: '10',
+     type: 3,
+},
+{
+     name: 'T62',
+     x: '930',
+     y: '85',
+     type: 3,
+},
+{
+     name: 'T12',
+     x: '660',
+     y: '165',
+     type: 3,
+},
+{
+     name: 'T14',
+     x: '680',
+     y: '210',
+     type: 3,
+},
+{
+     name: 'T17',
+     x: '690',
+     y: '270',
+     type: 3,
+},
+{
+     name: 'T16',
+     x: '645',
+     y: '245',
+     type: 3,
+},
+{
+     name: 'T13',
+     x: '625',
+     y: '190',
+     type: 3,
+},
+{
+     name: 'T15',
+     x: '590',
+     y: '220',
+     type: 3,
+},
+{
+     name: 'T19',
+     x: '600',
+     y: '280',
+     type: 3,
+},
+{
+     name: 'T18',
+     x: '560',
+     y: '245',
+     type: 3,
+},
+{
+     name: 'T21',
+     x: '565',
+     y: '305',
+     type: 3,
+},
+{
+     name: 'T23',
+     x: '545',
+     y: '345',
+     type: 3,
+},
+{
+     name: 'T20',
+     x: '520',
+     y: '275',
+     type: 3,
+},
+{
+     name: 'T22',
+     x: '485',
+     y: '310',
+     type: 3,
+},
+{
+     name: 'T24',
+     x: '445',
+     y: '350',
+     type: 3,
+},
+{
+     name: 'T25',
+     x: '400',
+     y: '300',
+     type: 3,
+},
+{
+     name: 'T26',
+     x: '350',
+     y: '320',
+     type: 3,
+},
+{
+     name: 'T27',
+     x: '300',
+     y: '345',
+     type: 3,
+},
+{
+     name: 'T07',
+     x: '1265',
+     y: '355',
+     type: 3,
+},
+{
+     name: 'T03',
+     x: '1230',
+     y: '300',
+     type: 3,
+},
+{
+     name: 'T06',
+     x: '1200',
+     y: '330',
+     type: 3,
+},
+{
+     name: 'T02',
+     x: '1165',
+     y: '295',
+     type: 3,
+},
+{
+     name: 'T01',
+     x: '1170',
+     y: '230',
+     type: 3,
+},
+{
+     name: 'T05',
+     x: '1140',
+     y: '305',
+     type: 3,
+},
+{
+     name: 'T04',
+     x: '1085',
+     y: '295',
+     type: 3,
+},
+{
+     name: 'T31',
+     x: '1660',
+     y: '600',
+     type: 3,
+},
+{
+     name: 'T35',
+     x: '1635',
+     y: '650',
+     type: 3,
+},
+{
+     name: 'T28',
+     x: '1635',
+     y: '550',
+     type: 3,
+},
+{
+     name: 'T30',
+     x: '1580',
+     y: '570',
+     type: 3,
+},
+{
+     name: 'T34',
+     x: '1560',
+     y: '610',
+     type: 3,
+},
+{
+     name: 'T29',
+     x: '1500',
+     y: '550',
+     type: 3,
+},
+{
+     name: 'T36',
+     x: '1500',
+     y: '645',
+     type: 3,
+},
+{
+     name: 'T33',
+     x: '1470',
+     y: '580',
+     type: 3,
+},
+{
+     name: 'T32',
+     x: '1425',
+     y: '580',
+     type: 3,
+},
+{
+     name: 'T37',
+     x: '1390',
+     y: '630',
+     type: 3,
+},
+{
+     name: 'T38',
+     x: '1050',
+     y: '800',
+     type: 3,
+},
+{
+     name: 'T39',
+     x: '1000',
+     y: '850',
+     type: 3,
+},
+            ],
+        };
+    },
+    mounted() {
+
+    },
+    methods: {
+        dayaDeal(windturbineList) {
+            windturbineList.push({
+                fs: '',
+                gl: '',
+                wtCode: '升压站',
+            })
+            this.dataList.forEach(item => {
+                let data = windturbineList.find(val => val.wtCode === item.name)
+                item.type = data.fjzt
+                item.fs = data.fs
+                item.gl = data.gl
+            })
+        },
+    },
+}
+</script>
+<style lang="less" scoped>
+.item-label-hover:hover .isshow {
+    display: flex;
+}
+
+.isshow {
+    display: none;
+    color: #ffffff;
+}
+</style>