<template>
  <svg class="wind-tower" version="1.1" viewBox="0 0 695 625" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
      <g id="wind-tower">
        <!-- 塔横岗 -->
        <image
          id="wind-tower-transverse"
          height="23"
          width="95"
          x="300"
          xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAAAXCAYAAABtR5P0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZFRkJDN0RDNzM2MTFFQjg5NUJBRTU3OEREQjkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZFRkJDN0VDNzM2MTFFQjg5NUJBRTU3OEREQjkwOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkVGQkM3QkM3MzYxMUVCODk1QkFFNTc4RERCOTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkVGQkM3Q0M3MzYxMUVCODk1QkFFNTc4RERCOTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Polk0akAAABNSURBVHja7NKxFQAQEETB42lOpiaNn0SkAALzk83nbelzZESU0O2yMngXfPjwBR++4MMXfPiCD1/w4Qs+fMGHL/jwddT2JgrP/6olwADbNQRJPXPbXQAAAABJRU5ErkJggg=="
          y="4"
        />
        <!-- 塔旋转左 -->
        <image
          id="wind-tower-left"
          height="7"
          width="19"
          x="291"
          xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAHCAYAAADqF3ZBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDcwMDA5RjhDNzQzMTFFQjg5NUJBRTU3OEREQjkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDcwMDA5RjlDNzQzMTFFQjg5NUJBRTU3OEREQjkwOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkVGQkM3RkM3MzYxMUVCODk1QkFFNTc4RERCOTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkVGQkM4MEM3MzYxMUVCODk1QkFFNTc4RERCOTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrXyBMkAAAB4SURBVHjaYvRsCmAAgjAgrgNiVSC+DcRNQLyKATfAqp4FSIQA8UokhdpIfGwG4lTPBMQNOGyvwyGOUz0L1KnYAMjG/wzEA1UmqJ+xgatAzIgFX8Wh/jbIsEYcks04xHGqBxm2GogjgPg6EP+G0hFogYwMcKoHCDAALecdsFcDUqsAAAAASUVORK5CYII="
          y="0"
        />
        <!-- 塔旋转右 -->
        <image
          id="wind-tower-right"
          height="7"
          width="19"
          x="385"
          xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAHCAYAAADqF3ZBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDcwMDA5RjhDNzQzMTFFQjg5NUJBRTU3OEREQjkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDcwMDA5RjlDNzQzMTFFQjg5NUJBRTU3OEREQjkwOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkVGQkM3RkM3MzYxMUVCODk1QkFFNTc4RERCOTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkVGQkM4MEM3MzYxMUVCODk1QkFFNTc4RERCOTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrXyBMkAAAB4SURBVHjaYvRsCmAAgjAgrgNiVSC+DcRNQLyKATfAqp4FSIQA8UokhdpIfGwG4lTPBMQNOGyvwyGOUz0L1KnYAMjG/wzEA1UmqJ+xgatAzIgFX8Wh/jbIsEYcks04xHGqBxm2GogjgPg6EP+G0hFogYwMcKoHCDAALecdsFcDUqsAAAAASUVORK5CYII="
          y="0"
        />
        <!-- 边框左 -->
        <rect fill="none" height="25" stroke="#05bb4caa" stroke-width="1" width="165" x="103" y="0" />
        <rect fill="#ffffff33" height="25" width="82.5" x="103" y="0" />
        <rect fill="#05bb4c66" height="25" width="82.5" x="185.5" y="0" />
        <!-- 边框右 -->
        <rect fill="none" height="25" stroke="#05bb4caa" stroke-width="1" width="165" x="427" y="0" />
        <rect fill="#ffffff33" height="25" width="82.5" x="509.5" y="0" />
        <rect fill="#05bb4c66" height="25" width="82.5" x="427" y="0" />
      </g>
    </defs>
    <!-- 塔柱子 -->
    <image
      height="624"
      width="19"
      x="338"
      xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAJwCAYAAABrr1oRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDcwMDA5RkNDNzQzMTFFQjg5NUJBRTU3OEREQjkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDcwMDA5RkRDNzQzMTFFQjg5NUJBRTU3OEREQjkwOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzAwMDlGQUM3NDMxMUVCODk1QkFFNTc4RERCOTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NzAwMDlGQkM3NDMxMUVCODk1QkFFNTc4RERCOTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqeN/n4AAAg2SURBVHja7Jlb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"
      y="0"
    />
    <!-- 塔支架 -->
    <image
      height="609"
      width="693"
      x="0"
      xlink:href="data:image/png;base64,[encoded data, 42376 characters]"
      y="16"
    />
    <g>
      <use xlink:href="#wind-tower" y="30" />
      <text fill="#ffffff" font-size="14" stroke-width="0" x="123" y="47">{{ cftMap.FCCFTFS80 || 0 }}m/s</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="196" y="47">80米风速</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="529" y="47">{{ cftMap.FCCFTFX80 || 0 }}度</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="438" y="47">80米风向</text>
    </g>
    <g>
      <use xlink:href="#wind-tower" y="110" />
      <text fill="#ffffff" font-size="14" stroke-width="0" x="123" y="127">{{ cftMap.FCCFTFS70 || 0 }}m/s</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="196" y="127">70米风速</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="529" y="127">{{ cftMap.FCCFTFX70 || 0 }}度</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="438" y="127">70米风向</text>
    </g>
    <g>
      <use xlink:href="#wind-tower" y="190" />
      <text fill="#ffffff" font-size="14" stroke-width="0" x="123" y="207">{{ cftMap.FCCFTFS60 || 0 }}m/s</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="196" y="207">60米风速</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="529" y="207">{{ cftMap.FCCFTFX60 || 0 }}度</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="438" y="207">60米向</text>
    </g>
    <g>
      <use xlink:href="#wind-tower" y="270" />
      <text fill="#ffffff" font-size="14" stroke-width="0" x="123" y="287">{{ cftMap.FCCFTFS50 || 0 }}m/s</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="196" y="287">50米风速</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="529" y="287">{{ cftMap.FCCFTFX50 || 0 }}度</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="438" y="287">50米风向</text>
    </g>
    <g>
      <use xlink:href="#wind-tower" y="350" />
      <text fill="#ffffff" font-size="14" stroke-width="0" x="123" y="367">{{ cftMap.FCCFTFS40 || 0 }}m/s</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="196" y="367">40米风速</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="529" y="367">{{ cftMap.FCCFTFX40 || 0 }}度</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="438" y="367">40米风向</text>
    </g>
    <g>
      <use xlink:href="#wind-tower" y="430" />
      <text fill="#ffffff" font-size="14" stroke-width="0" x="123" y="447">{{ cftMap.FCCFTFS30 || 0 }}m/s</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="196" y="447">30米风速</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="529" y="447">{{ cftMap.FCCFTFX30 || 0 }}度</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="438" y="447">30米风向</text>
    </g>
    <g>
      <use xlink:href="#wind-tower" y="510" />
      <text fill="#ffffff" font-size="14" stroke-width="0" x="123" y="527">{{ cftMap.FCCFTFS10 || 0 }}m/s</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="196" y="527">10米风速</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="529" y="527">{{ cftMap.FCCFTFX10 || 0 }}度</text>
      <text fill="#ffffff" font-size="14" stroke-width="0" x="438" y="527">10米风向</text>
    </g>
  </svg>
</template>

<script>
export default {
  // 名称
  name: "WindTower",
  props: ["data"],
  // 数据
  data() {
    return {
      cftMap: {},
    };
  },
  // 函数
  methods: {},

  mounted() {
    this.$nextTick(() => {
      this.cftMap = this.data;
    });
  },

  watch: {
    data(res) {
      this.cftMap = res;
    },
  },
};
</script>

<style lang="less" scoped>
.wind-tower {
  position: absolute;
  width: 64.352vh;
  top: 0;
  left: calc(50% - 31.759vh);

  #wind-tower-left {
    transform-origin: 43.17% 0.5%;
    animation: rotate 3s linear infinite;
  }

  #wind-tower-right {
    transform-origin: 56.83% 0.5%;
    animation: rotate 3s linear infinite reverse;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}
</style>
