Merge remote-tracking branch 'origin/master' into baiyanting

.gitignore

@@ -11,7 +11,8 @@ package-lock.json
 .py/
 .idea
 .idea/
-public/static/cesium/Assets/Textures/temp
 public/static/cesium/Assets/Textures/temp/
 jn_sis_zhfx(1).zip.baiduyun.p.downloading
 jn_sis_zhfx(1).zip
+
+

package.json

@@ -12,14 +12,21 @@
     "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"
   },
   "dependencies": {
+
+    "14": "^3.1.6",
+
+
     "@antv/x6": "^1.24.4",
     "@arcgis/core": "^4.19.3",
     "@element-plus/icons-vue": "^0.2.4",
     "@open-wc/webpack-import-meta-loader": "git+https://github.com/KmjKoishi/webpack-import-meta-loader-fixed.git",
     "animate.css": "3.5",
     "axios": "^0.21.1",
-    "cesium": "^1.78.0",
+
+    "cesium": "1.78.0",
     "core-js": "^3.6.5",
+    "cross-env": "^7.0.3",
+
     "echarts": "^5.1.1",
     "echarts-gl": "^2.0.4",
     "echarts-stat": "^1.2.0",
@@ -27,6 +34,9 @@
     "file-saver": "^2.0.5",
     "font-awesome": "^4.7.0",
     "html2canvas": "^1.0.0-rc.7",
+
+    "increase-memory-limit": "^1.0.7",
+
     "jquery": "^3.6.0",
     "jspdf": "^2.3.1",
     "jszip": "^3.7.1",

src/components/chart/bar/multiple-bar-chart.vue

@@ -151,13 +151,12 @@ export default {
     color: {
       type: Array,
       default: () => [
-        "#05bb4c",
+        // "#05bb4c",
+        "#ba3237",
+        "#e17e23",
         "#4b55ae",
-        "#fa8c16",
-        "#f8de5b",
-        "#1a93cf",
         "#c531c7",
-        "#bd3338",
+        "#ccf0d3",
       ],
     },
     showAnimation: {
@@ -364,7 +363,6 @@ export default {
     },
   },
   created() {
- 
     this.$nextTick(() => {
       this.id = "pie-chart-" + util.newGUID();
     });

src/components/chart/line/double-line-chart-home.vue

@@ -123,7 +123,7 @@ export default {
     return {
       id: "",
       chart: null,
-      color: ["#05bb4c", "#f8de5b", "#4b55ae", "#fa8c16", "#1DA0D7", "#DD5044"],
+      color: ["#05bb4c", "#C531C7", "#4b55ae", "#fa8c16", "#1DA0D7", "#DD5044"],
       newlist: null,
     };
   },
@@ -164,7 +164,7 @@ export default {
       });
     },
     series() {
-      console.log(2222)
+      console.log(2222);
       let result = [];
       this.list.forEach((value, index) => {
         result.push({
@@ -179,7 +179,7 @@ export default {
               width: 1,
             },
           },
-          yAxisIndex: value.yAxisIndex ||0,
+          yAxisIndex: value.yAxisIndex || 0,
           data: value.value.map((t) => {
             return t.value || t;
           }),
@@ -228,8 +228,8 @@ export default {
           },
         },
         legend: {
-          orient: 'right', //垂直显示 y: 'center', //延Y轴居中 x: 'right' //居右显示
-          // 
+          orient: "right", //垂直显示 y: 'center', //延Y轴居中 x: 'right' //居右显示
+          //
           show: this.showLegend,
           data: this.legend,
           right: 5,

src/components/chart/pie/dual-pie-chart.vue

@@ -6,7 +6,7 @@
 import util from "@/helper/util.js";
 import partten from "@/helper/partten.js";
 import * as echarts from "echarts";
-import { left } from '@antv/x6/lib/registry/port-layout/line';
+import { left } from "@antv/x6/lib/registry/port-layout/line";
 
 export default {
   name: "dsah-pie",
@@ -48,9 +48,7 @@ export default {
     // 外部饼图数据
     outerData: {
       type: Array,
-      default: () => [
-        
-      ],
+      default: () => [],
     },
     // 颜色
     color: {
@@ -77,13 +75,22 @@ export default {
       let legendData = [...legend1, ...legend2];
 
       let option = {
-        color: ["#1893ce", "#edbf00", "#039178", "#ae4802", "#ea8b00"],
+        color: [
+          "#e17e23",
+          "#ba3237",
+          "#c531c7",
+          "#4b55ae",
+          "#ccf0d3",
+          "#05bb4c",
+        ],
         tooltip: {
           trigger: "item",
-          backgroundColor: this.$store.state.themeName === "dark"
+          backgroundColor:
+            this.$store.state.themeName === "dark"
               ? "rgba(0,0,0,0.4)"
               : "rgba(255,255,255,0.5)",
-          borderColor: this.$store.state.themeName === "dark"
+          borderColor:
+            this.$store.state.themeName === "dark"
               ? partten.getColor("gray")
               : "#000",
           textStyle: {
@@ -106,28 +113,33 @@ export default {
           itemHeight: 15,
           formatter: (name) => {
             if (that.innerData.length) {
-              const item = that.innerData.filter((item) => item.name === name)[0];
+              const item = that.innerData.filter(
+                (item) => item.name === name
+              )[0];
               return `{name|${name}：}{value| ${item.value}}`;
             }
           },
           //icon: 'circle',
           itemGap: 12, //图例item间距
           textStyle: {
-            color: this.$store.state.themeName === "dark"
-              ? partten.getColor("gray")
-              : "#000",
+            color:
+              this.$store.state.themeName === "dark"
+                ? partten.getColor("gray")
+                : "#000",
             fontSize: util.vh(14),
             rich: {
               name: {
-                color: this.$store.state.themeName === "dark"
-              ? partten.getColor("gray")
-              : "#000",
+                color:
+                  this.$store.state.themeName === "dark"
+                    ? partten.getColor("gray")
+                    : "#000",
                 fontSize: 12,
               },
               value: {
-                color: this.$store.state.themeName === "dark"
-                ? partten.getColor("grayl")
-                : "#000",
+                color:
+                  this.$store.state.themeName === "dark"
+                    ? partten.getColor("grayl")
+                    : "#000",
                 fontSize: 12,
               },
             },
@@ -166,14 +178,18 @@ export default {
                 // length: 40,
                 // length2: 120,
                 lineStyle: {
-                  color: this.$store.state.themeName === "dark" ? "#fff" : "#000",
+                  color:
+                    this.$store.state.themeName === "dark" ? "#fff" : "#000",
                   fontSize: util.vh(14),
                 },
               },
             },
             itemStyle: {
               normal: {
-                borderWidth:this.$store.state.themeName === "dark" ? util.vh(14): util.vh(8),
+                borderWidth:
+                  this.$store.state.themeName === "dark"
+                    ? util.vh(14)
+                    : util.vh(8),
                 borderColor: "#071812",
               },
             },
@@ -184,10 +200,14 @@ export default {
                 },
                 padding: [0, 0, 0, 0],
                 rich: {
-                  color: this.$store.state.themeName === "dark" ? "#fff" : "#000",
+                  color:
+                    this.$store.state.themeName === "dark" ? "#fff" : "#000",
                   percent: {
                     fontSize: util.vh(14),
-                    color: this.$store.state.themeName === "dark" ? "#FFFFFF" : "#000000" ,
+                    color:
+                      this.$store.state.themeName === "dark"
+                        ? "#FFFFFF"
+                        : "#000000",
                   },
                 },
               },

src/store/index.js

@@ -1,8 +1,8 @@
-import { createStore, createLogger } from 'vuex';
-import weather from './modules/weather';
-import user from './modules/user';
+import { createStore, createLogger } from "vuex";
+import weather from "./modules/weather";
+import user from "./modules/user";
 
-const debug = process.env.NODE_ENV !== 'production';
+const debug = process.env.NODE_ENV !== "production";
 
 // 默认状态
 const state = {
@@ -14,7 +14,7 @@ const state = {
   moudleName: "",
 };
 
-//改变状态的方法
+//改变状态的方法`
 const mutations = {
   loadingStore(state, tag) {
     state.loading = tag;
@@ -23,14 +23,14 @@ const mutations = {
     state.themeName = tag;
   },
   update(state, newData) {
-    state.windturbineMap = newData.data
+    state.windturbineMap = newData.data;
   },
   changeMenuData(state, newData) {
     state.menuData = newData;
   },
   changeModuleName(state, newData) {
     state.moudleName = newData;
-  }
+  },
 };
 
 const actions = {
@@ -45,30 +45,30 @@ const actions = {
   },
   changeModuleName(context, str) {
     context.commit("changeModuleName", str);
-  }
+  },
 };
 
 const getters = {
-  authToken: state => state.user.authToken,  //建立token的快捷访问   user 是因为index.js中导入的时候名称定义为user
-  submitDDTag: state => state.submitDDTag,
-  loading: state => state.loading,
-  username: state => state.user.username,
-  themeName: state => state.themeName,
-  asidez: state => state.z,
-  mainy: state => state.y,
-  login: state => state.login,
-  menuData: state => state.menuData
-}
+  authToken: (state) => state.user.authToken, //建立token的快捷访问   user 是因为index.js中导入的时候名称定义为user
+  submitDDTag: (state) => state.submitDDTag,
+  loading: (state) => state.loading,
+  username: (state) => state.user.username,
+  themeName: (state) => state.themeName,
+  asidez: (state) => state.z,
+  mainy: (state) => state.y,
+  login: (state) => state.login,
+  menuData: (state) => state.menuData,
+};
 
 export default createStore({
   modules: {
     weather,
-    user
+    user,
   },
   state,
   mutations,
   actions,
   getters,
   strict: debug,
-  plugins: debug ? [createLogger()] : []
-});
+  plugins: debug ? [createLogger()] : [],
+});

src/views/Decision/Decision1.vue

@@ -300,12 +300,12 @@ export default {
       value4: "",
       value5: "",
       barColor: [
-        "#4b55ae",
+        "#05bb4c",
         "#e17e23",
         "#ba3237",
         "#c531c7",
-        "#ffffff",
-        "#05bb4c",
+        "#ccf0d3",
+        "#4b55ae",
       ],
       TypeClass: 1, //风场，项目，集电线路 的按钮颜色，默认第一个
       bardata: [],
@@ -342,11 +342,13 @@ export default {
       this.XiangMuVal(val);
     },
     XiangMuVal(val) {
-      api.benchmarkingProjectList({
-         wpids: val,
-      }).then((res) => {
-        this.XiangMu = res.data;
-      });
+      api
+        .benchmarkingProjectList({
+          wpids: val,
+        })
+        .then((res) => {
+          this.XiangMu = res.data;
+        });
 
       // var that = this;
       // that.API.requestData({
@@ -369,11 +371,13 @@ export default {
       this.XianLuVal(val);
     },
     XianLuVal(val) {
-      api.benchmarkingLineList({
-         projects: val,
-      }).then((res) => {
-        this.XianLu = res.data;
-      });
+      api
+        .benchmarkingLineList({
+          projects: val,
+        })
+        .then((res) => {
+          this.XianLu = res.data;
+        });
 
       // var that = this;
       // that.API.requestData({
@@ -429,7 +433,8 @@ export default {
       }
     },
     AjaxCommon() {
-      api.benchmarking({
+      api
+        .benchmarking({
           wpids: this.value1,
           projectids: this.value2,
           lineids: this.value3,

src/views/LightMatrix1/LightMatrix1.vue

@@ -1,4 +1,4 @@
-<template >
+<template>
   <el-scrollbar>
     <div
       :class="
@@ -137,121 +137,122 @@
       </Row>
       <div class="panel-box">
         <!-- <box-select node=".card" @selectList="selectList"> -->
-          <div v-for="(pItem, pIndex) in sourceMap.fjmap" :key="pIndex" style="margin-bottom: 10px;">
-            <div
-              class="panel-title"
-              v-if="sourceMap.fjmap[pIndex][0].wpId.includes('FDC')"
-              :style="
+        <div
+          v-for="(pItem, pIndex) in sourceMap.fjmap"
+          :key="pIndex"
+          style="margin-bottom: 10px"
+        >
+          <div
+            class="panel-title"
+            v-if="sourceMap.fjmap[pIndex][0].wpId.includes('FDC')"
+            :style="
               $store.state.themeName === 'light'
                 ? 'background-color: #ffffff;border-bottom: 1px solid #B3BDC0;height: 28px;border-top-right-radius: 10px; border-top-left-radius: 10px;'
                 : ''
             "
-              
-            >
-              <div class="panel-title-name">
-                <i class="svg-icon svg-icon-sm svg-icon-green">
-                  <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
-                </i>
-                <div>
-                  {{
-                    sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name ||
-                    "------"
-                  }}
-                </div>
+          >
+            <div class="panel-title-name">
+              <i class="svg-icon svg-icon-sm svg-icon-green">
+                <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
+              </i>
+              <div>
+                {{
+                  sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name ||
+                  "------"
+                }}
+              </div>
+              <div
+                class="sub-title-item"
+                v-for="(fcItem, fcIndex) in fcStateArray"
+                :key="fcIndex"
+              >
+                <div class="sub-title">{{ fcItem.text }}</div>
                 <div
-                  class="sub-title-item"
-                  v-for="(fcItem, fcIndex) in fcStateArray"
-                  :key="fcIndex"
+                  v-if="fcItem.key === 'sjgl'"
+                  class="sub-count"
+                  :class="fcItem.color"
                 >
-                  <div class="sub-title">{{ fcItem.text }}</div>
-                  <div
-                    v-if="fcItem.key === 'sjgl'"
-                    class="sub-count"
-                    :class="fcItem.color"
-                  >
-                    {{
-                      (
-                        sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][
-                          fcItem.key
-                        ] / 1000
-                      ).toFixed(2) || "0"
-                    }}
-                  </div>
-                  <div v-else class="sub-count" :class="fcItem.color">
-                    {{
-                      (sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][
+                  {{
+                    (
+                      sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][
                         fcItem.key
                       ] / 1000
-                      ).toFixed(2)|| "0"
-                    }}
-                  </div>
+                    ).toFixed(2) || "0"
+                  }}
+                </div>
+                <div v-else class="sub-count" :class="fcItem.color">
+                  {{
+                    sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][
+                      fcItem.key
+                    ].toFixed(``) || "0"
+                  }}
                 </div>
               </div>
             </div>
-            <div
-              class="panel-title"
-              v-if="sourceMap.fjmap[pIndex][0].wpId.includes('GDC')"
-              :style="
+          </div>
+          <div
+            class="panel-title"
+            v-if="sourceMap.fjmap[pIndex][0].wpId.includes('GDC')"
+            :style="
               $store.state.themeName === 'light'
                 ? 'background-color: #ffffff;border-bottom: 1px solid #B3BDC0;height: 36px;display: flex; border-top-right-radius: 10px; border-top-left-radius: 10px;'
                 : ''
             "
-            >
-              <div class="panel-title-name">
-                <i class="svg-icon svg-icon-sm svg-icon-green">
-                  <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
-                </i>
-                <div>
+          >
+            <div class="panel-title-name">
+              <i class="svg-icon svg-icon-sm svg-icon-green">
+                <SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
+              </i>
+              <div>
+                {{
+                  sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name ||
+                  "------"
+                }}
+              </div>
+              <div
+                class="sub-title-item"
+                v-for="(fcItem, fcIndex) in fcStateArray1"
+                :key="fcIndex"
+              >
+                <div class="sub-title">{{ fcItem.text }}</div>
+                <div class="sub-count" :class="fcItem.color">
                   {{
-                    sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId].name ||
-                    "------"
+                    (
+                      sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][
+                        fcItem.key
+                      ] / 1000
+                    ).toFixed(2) || "0"
                   }}
                 </div>
-                <div
-                  class="sub-title-item"
-                  v-for="(fcItem, fcIndex) in fcStateArray1"
-                  :key="fcIndex"
-                >
-                  <div class="sub-title">{{ fcItem.text }}</div>
-                  <div class="sub-count" :class="fcItem.color">
-                    {{
-                      (
-                        sourceMap.fczbmap[sourceMap.fjmap[pIndex][0].wpId][
-                          fcItem.key
-                        ] / 1000
-                      ).toFixed(2) || "0"
-                    }}
-                  </div>
-                </div>
               </div>
             </div>
-            <div class="panel-body">
-              <div
-                class="card"
-                v-for="(cItem, cIndex) of pItem"
-                :key="cIndex"
-                v-show="cItem.isShow"
-                :class="cItem.active ? `on_${cItem.color}` : cItem.color"
-                :id="cItem.wtId"
-                @click="goDetails(cItem)"
-              >
-              
-                <!-- @dblclick="goDetails(cItem)"
+          </div>
+          <div class="panel-body">
+            <div
+              class="card"
+              v-for="(cItem, cIndex) of pItem"
+              :key="cIndex"
+              v-show="cItem.isShow"
+              :class="cItem.active ? `on_${cItem.color}` : cItem.color"
+              :id="cItem.wtId"
+              @click="goDetails(cItem)"
+            >
+              <!-- @dblclick="goDetails(cItem)"
                   @click="handleChoose(cItem.wtId)" -->
-                {{ cItem.wtId.substring(cItem.wtId.length - 3) }}
-              </div>
-              <!-- </div> -->
-              <!-- 站位用 保证卡片布局最后一行不会有问题 -->
-              <i class="blank" v-for="i in 40" :key="i"></i>
+              {{ cItem.wtId.substring(cItem.wtId.length - 3) }}
             </div>
+            <!-- </div> -->
+            <!-- 站位用 保证卡片布局最后一行不会有问题 -->
+            <i class="blank" v-for="i in 40" :key="i"></i>
           </div>
+        </div>
         <!-- </box-select> -->
       </div>
     </div>
   </el-scrollbar>
   <Dialog v-model="detialDisplay" :wpId="stationId" :wtId="windId"></Dialog>
   <!-- <GFDialog v-model="gfdetialDisplay" :wtId="windId"></GFDialog> -->
-  <Contrast v-model="contrastDisplay" ref="contrast"/>
+  <Contrast v-model="contrastDisplay" ref="contrast" />
 </template>
 
 <script>
@@ -580,7 +581,7 @@ export default {
     },
     handleClick() {
       this.contrastDisplay = true;
-      this.$refs.contrast.handleSearch(this.chooseList)
+      this.$refs.contrast.handleSearch(this.chooseList);
     },
   },
 
@@ -759,7 +760,7 @@ export default {
   }
 
   .panel-box {
-    margin-top: 0.7407vh;
+    margin-top: 1.481vh;
     flex-grow: 1;
 
     .panel-title {
@@ -781,8 +782,9 @@ export default {
 
         .sub-title-item {
           display: flex;
-          // flex: 1;
+          flex: 1;
           justify-content: center;
+          align-items: center;
           margin-left: 1px;
 
           .sub-title {
@@ -790,6 +792,7 @@ export default {
             color: @gray;
             font-size: 12px;
             margin: 0 0.556vh 0 1.481vh;
+            font-weight: bold;
           }
 
           .sub-count {
@@ -1070,7 +1073,7 @@ export default {
 
     .panel-title {
       width: 100%;
-      height: @titleHeight;
+      // height: @titleHeight;
       line-height: @titleHeight;
       background-color: fade(@darkgray, 40%);
 
@@ -1214,4 +1217,4 @@ export default {
     text-align: center;
   }
 }
-</style>
+</style>

src/views/WindSite/pages/Map2.vue

@@ -1,51 +1,68 @@
 <template>
-    <div>
-        <div class="btn-group-tabs">
-            <BtnGroup2 :gsGroups="gsGroups" :selectValue="gsselectValue" :btnGroups="btnGroups" :rowIndex="rowIndex"
-                :index="selectIndex" @select="select" @selectChange="selectChange" :wpId="wpId"></BtnGroup2>
-        </div>
-        <div class="period">
-            期次：
-            <div class="period-item" :class="{ active: periodIndex == val.id }"
-                v-for="(val, index) in btnGroups[rowIndex]?.btns[selectIndex]?.pjls" :key="index"
-                @click="handleChange(val)">{{ val.name }}</div>
-        </div>
-        <!-- 羊头崖 -->
-         <ytyMap v-if="periodIndex === 'YTY01_GC'" ref="maps"></ytyMap>
-        <!-- 败虎堡三期 -->
-        <bhb3Map v-if="periodIndex === 'BHB301_GC'" ref="maps"></bhb3Map>
-        <!-- 高家堰 -->
-        <gjyMap v-if="periodIndex === 'GJY01_GC'" ref="maps"></gjyMap>
-        <gjyMap2 v-if="periodIndex === 'GJY02_GC'" ref="maps"></gjyMap2>
-        <!-- 红石峁 -->
-        <hsmMap v-if="periodIndex === 'HSM01_GC'" ref="maps"></hsmMap>
-        <!-- 尹灵芝 -->
-        <ylzMap v-if="periodIndex === 'YLZ01_GC'" ref="maps"></ylzMap>
-        <!-- 丁家窑 -->
-        <djyMap v-if="periodIndex === 'DJY01_GC'" ref="maps"></djyMap>
-        <djyMap2 v-if="periodIndex === 'DJY02_GC'" ref="maps"></djyMap2>
-        <!-- 牛家岭 -->
-        <njlMap v-if="periodIndex === 'NJL01_GC'" ref="maps"></njlMap>
-        <njlMap2 v-if="periodIndex === 'NJL02_GC'" ref="maps"></njlMap2>
-        <!-- 盘道梁 -->
-        <pdlMap v-if="periodIndex === 'PDL01_GC'" ref="maps"></pdlMap>
-        <!-- 小五台 -->
-        <xwtMap v-if="periodIndex === 'XWT01_GC'" ref="maps"></xwtMap>
-        <!-- 败虎堡  一期 -->
-        <bhbMap v-if="periodIndex === 'BHB01_GC'" ref="maps"></bhbMap>
-        <!-- 平头镇 -->
-        <ptzMap v-if="periodIndex === 'PTZ01_GC'" ref="maps"></ptzMap>
-        <ptzMap2 v-if="periodIndex === 'PTZ02_GC'" ref="maps"></ptzMap2>
-        <!-- 禹风 败虎堡 -->
-        <bhbMap2 v-if="periodIndex === 'YF01_GC'" ref="maps"></bhbMap2>
-        <yfMap2 v-if="periodIndex === 'YF02_GC'" ref="maps"></yfMap2>
-        <!-- 平鲁大河堡 -->
-        <pldhbMap v-if="periodIndex === 'GJY03_GC'" ref="maps"></pldhbMap>
-        <!-- 朱坑一期 -->
-        <zkyqMap v-if="periodIndex === 'ZK01_GC'" ref="maps"></zkyqMap>
-        <!-- 米梁局 -->
-        <mljMap v-if="periodIndex === 'MLJ01_GC'" ref="maps"></mljMap>
+  <div>
+    <div class="btn-group-tabs">
+      <BtnGroup2
+        :gsGroups="gsGroups"
+        :selectValue="gsselectValue"
+        :btnGroups="btnGroups"
+        :rowIndex="rowIndex"
+        :index="selectIndex"
+        @select="select"
+        @selectChange="selectChange"
+        :wpId="wpId"
+      ></BtnGroup2>
     </div>
+    <div class="period">
+      期次：
+      <div
+        class="period-item"
+        :class="{ active: periodIndex == val.id }"
+        v-for="(val, index) in btnGroups[rowIndex]?.btns[selectIndex]?.pjls"
+        :key="index"
+        @click="handleChange(val)"
+      >
+        {{ val.name }}
+      </div>
+    </div>
+    <!-- 羊头崖 -->
+    <ytyMap v-if="periodIndex === 'YTY01_GC'" ref="maps"></ytyMap>
+    <!-- 败虎堡三期 -->
+    <bhb3Map v-if="periodIndex === 'BHB301_GC'" ref="maps"></bhb3Map>
+    <!-- 高家堰 -->
+    <gjyMap v-if="periodIndex === 'GJY01_GC'" ref="maps"></gjyMap>
+    <gjyMap2 v-if="periodIndex === 'GJY02_GC'" ref="maps"></gjyMap2>
+    <!-- 红石峁 -->
+    <hsmMap v-if="periodIndex === 'HSM01_GC'" ref="maps"></hsmMap>
+    <!-- 尹灵芝 -->
+    <ylzMap v-if="periodIndex === 'YLZ01_GC'" ref="maps"></ylzMap>
+    <!-- 丁家窑 -->
+    <djyMap v-if="periodIndex === 'DJY01_GC'" ref="maps"></djyMap>
+    <djyMap2 v-if="periodIndex === 'DJY02_GC'" ref="maps"></djyMap2>
+    <!-- 牛家岭 -->
+    <njlMap v-if="periodIndex === 'NJL01_GC'" ref="maps"></njlMap>
+    <njlMap2 v-if="periodIndex === 'NJL02_GC'" ref="maps"></njlMap2>
+    <!-- 盘道梁 -->
+    <pdlMap v-if="periodIndex === 'PDL01_GC'" ref="maps"></pdlMap>
+    <!-- 小五台 -->
+    <xwtMap v-if="periodIndex === 'XWT01_GC'" ref="maps"></xwtMap>
+    <!-- 败虎堡  一期 -->
+    <bhbMap v-if="periodIndex === 'BHB01_GC'" ref="maps"></bhbMap>
+    <!-- 平头镇 -->
+    <ptzMap v-if="periodIndex === 'PTZ01_GC'" ref="maps"></ptzMap>
+    <ptzMap2 v-if="periodIndex === 'PTZ02_GC'" ref="maps"></ptzMap2>
+    <!-- 禹风 败虎堡 -->
+    <bhbMap2 v-if="periodIndex === 'YF01_GC'" ref="maps"></bhbMap2>
+    <yfMap2 v-if="periodIndex === 'YF02_GC'" ref="maps"></yfMap2>
+    <!-- 平鲁大河堡 -->
+    <pldhbMap v-if="periodIndex === 'GJY03_GC'" ref="maps"></pldhbMap>
+    <!-- 朱坑一期 -->
+    <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>
 import BtnGroup2 from "@com/coms/btn/btn-group-double.vue";
@@ -70,176 +87,185 @@ 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: {
-        mljMap,
-        zkyqMap,
-        pldhbMap,
-        BtnGroup2,
-        gjyMap,
-        gjyMap2,
-        hsmMap,
-        ylzMap,
-        ytyMap,
-        bhb3Map,
-        djyMap,
-        djyMap2,
-        njlMap,
-        njlMap2,
-        pdlMap,
-        ptzMap,
-        ptzMap2,
-        xwtMap,
-        yfMap2,
-        bhbMap,
-        bhbMap2
-    },
-    data() {
-        return {
-            // 定时器
-            timer: "",
-            gsGroups: [],
-            gsselectValue: '',
-            selectIndex: 0,
-            rowIndex: 0,
-            periodIndex: '',
-            windturbineList: [],
-            btnGroups: [
-                {
-                    icon: "svg-wind-site",
-                    btns: [],
-                },
-                {
-                    icon: "svg-photovoltaic",
-                    btns: [],
-                },
-            ],
+  components: {
+    mljMap,
+    zkyqMap,
+    pldhbMap,
+    BtnGroup2,
+    gjyMap,
+    gjyMap2,
+    hsmMap,
+    ylzMap,
+    ytyMap,
+    bhb3Map,
+    djyMap,
+    djyMap2,
+    njlMap,
+    njlMap2,
+    pdlMap,
+    ptzMap,
+    ptzMap2,
+    xwtMap,
+    yfMap2,
+    bhbMap,
+    bhbMap2,
+    syMap2,
+    syMap,
+  },
+  data() {
+    return {
+      // 定时器
+      timer: "",
+      gsGroups: [],
+      gsselectValue: "",
+      selectIndex: 0,
+      rowIndex: 0,
+      periodIndex: "",
+      windturbineList: [],
+      btnGroups: [
+        {
+          icon: "svg-wind-site",
+          btns: [],
+        },
+        {
+          icon: "svg-photovoltaic",
+          btns: [],
+        },
+      ],
+    };
+  },
+  created() {
+    this.wpId = this.$route.params.wpId;
+    this.$nextTick(() => {
+      this.getGS();
+      this.timer = setInterval(() => {
+        this.getWinds();
+      }, 3000);
+    });
+  },
+  methods: {
+    getGS() {
+      api.companysAjax().then((res) => {
+        if (res.data) {
+          this.gsselectValue = res.data[0].id;
+          this.gsGroups = res.data;
+          this.getWp();
         }
+      });
     },
-    created() {
-        this.wpId = this.$route.params.wpId;
-        this.$nextTick(() => {
-            this.getGS();
-            this.timer = setInterval(() => {
-                this.getWinds()
-            }, 3000);
-        });
+    selectChange(val) {
+      this.gsselectValue = val;
+      this.getWp();
     },
-    methods: {
-        getGS() {
-            api.companysAjax().then(res => {
-                if (res.data) {
-                    this.gsselectValue = res.data[0].id
-                    this.gsGroups = res.data
-                    this.getWp()
-                }
-            })
-        },
-        selectChange(val) {
-            this.gsselectValue = val
-            this.getWp()
-        },
-        getWp() {
-            api.windfarmByCmAjax({
-                cmId: this.gsselectValue
-            }).then((res) => {
-                let btnGroups = [
-                    {
-                        icon: "svg-wind-site",
-                        btns: [],
-                    },
-                    {
-                        icon: "svg-photovoltaic",
-                        btns: [],
-                    },
-                ];
+    getWp() {
+      api
+        .windfarmByCmAjax({
+          cmId: this.gsselectValue,
+        })
+        .then((res) => {
+          let btnGroups = [
+            {
+              icon: "svg-wind-site",
+              btns: [],
+            },
+            {
+              icon: "svg-photovoltaic",
+              btns: [],
+            },
+          ];
 
-                res.data.forEach((ele, index) => {
-                    if (ele.id.indexOf("FDC") !== -1) {
-                        btnGroups[0].btns.push({
-                            text: ele.name,
-                            code: ele.id,
-                            pjls: ele.pjls
-                        });
-                    } else {
-                        btnGroups[1].btns.push({
-                            text: ele.name,
-                            code: ele.id,
-                            pjls: ele.pjls
-                        });
-                    }
-                });
-                this.btnGroups = btnGroups;
-                this.renderBtnActiveIndex();
-            });
-        },
-        getWinds() {
-            api.windturbineByPjIdAjax({
-                pjId: this.periodIndex
-            }).then(res => {
-                if (res.data.length > 0 && this.$refs.maps) {
-                    this.$refs.maps.dayaDeal(res.data)
-                }
-            })
-        },
-        renderBtnActiveIndex() {
-            this.btnGroups.forEach((pEle, pIndex) => {
-                pEle.btns.forEach((cEle, cIndex) => {
-                    if (cEle.code === this.wpId) {
-                        this.rowIndex = pIndex;
-                        this.selectIndex = cIndex;
-                    }
-                });
-            });
-            this.periodIndex = this.btnGroups[this.rowIndex]?.btns[this.selectIndex]?.pjls[0].id
-            this.getWinds()
-        },
-        handleChange(val) {
-            this.periodIndex = val.id
-            this.getWinds()
-        },
-        select(res) {
-            this.$router.replace({
-                path: `/monitor/windsite/map2/${res.code}`,
-            });
-        },
+          res.data.forEach((ele, index) => {
+            if (ele.id.indexOf("FDC") !== -1) {
+              btnGroups[0].btns.push({
+                text: ele.name,
+                code: ele.id,
+                pjls: ele.pjls,
+              });
+            } else {
+              btnGroups[1].btns.push({
+                text: ele.name,
+                code: ele.id,
+                pjls: ele.pjls,
+              });
+            }
+          });
+          this.btnGroups = btnGroups;
+          this.renderBtnActiveIndex();
+        });
     },
-    unmounted() {
-        clearInterval(this.timer);
-        this.timer = null;
+    getWinds() {
+      api
+        .windturbineByPjIdAjax({
+          pjId: this.periodIndex,
+        })
+        .then((res) => {
+          if (res.data.length > 0 && this.$refs.maps) {
+            this.$refs.maps.dayaDeal(res.data);
+          }
+        });
     },
-    watch: {
-        $route(res) {
-            this.wpId = res.params.wpId;
-            if (res.params.wpId) {
-                this.getWp();
-            }
-            this.renderBtnActiveIndex();
-        },
+    renderBtnActiveIndex() {
+      this.btnGroups.forEach((pEle, pIndex) => {
+        pEle.btns.forEach((cEle, cIndex) => {
+          if (cEle.code === this.wpId) {
+            this.rowIndex = pIndex;
+            this.selectIndex = cIndex;
+          }
+        });
+      });
+      this.periodIndex =
+        this.btnGroups[this.rowIndex]?.btns[this.selectIndex]?.pjls[0].id;
+      this.getWinds();
     },
-}
+    handleChange(val) {
+      this.periodIndex = val.id;
+      this.getWinds();
+    },
+    select(res) {
+      this.$router.replace({
+        path: `/monitor/windsite/map2/${res.code}`,
+      });
+    },
+  },
+  unmounted() {
+    clearInterval(this.timer);
+    this.timer = null;
+  },
+  watch: {
+    $route(res) {
+      this.wpId = res.params.wpId;
+      if (res.params.wpId) {
+        this.getWp();
+      }
+      this.renderBtnActiveIndex();
+    },
+  },
+};
 </script>
 <style lang="less" scoped>
 .period {
-    display: flex;
-    flex-direction: row;
+  display: flex;
+  flex-direction: row;
 
-    .period-item {
-        line-height: 23px;
-        font-size: 12px;
-        text-align: center;
-        margin-right: 4px;
-        border: 1px solid #606769;
-        border-radius: 2px;
-        padding: 0px 5px;
-        margin-bottom: 10px;
+  .period-item {
+    line-height: 23px;
+    font-size: 12px;
+    text-align: center;
+    margin-right: 4px;
+    border: 1px solid #606769;
+    border-radius: 2px;
+    padding: 0px 5px;
+    margin-bottom: 10px;
 
-        &.active {
-            color: #ffffff;
-            background-color: rgba(75, 85, 174, 0.6);
-            border-color: rgba(75, 85, 174, 0.6);
-        }
+    &.active {
+      color: #ffffff;
+      background-color: rgba(75, 85, 174, 0.6);
+      border-color: rgba(75, 85, 174, 0.6);
     }
+  }
 }
-</style>
+</style>

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>

src/views/layout/Menu.vue

@@ -386,7 +386,7 @@ export default {
             //       icon: "svg-matrix",
             //       path: "/decision/statisticAnalysis/daily",
             //     },
-             
+
             //   ],
             // },
             // {
@@ -976,7 +976,7 @@ export default {
                 //   icon: "svg-matrix",
                 //   path: "/others/zkrbb",
                 // },
-                
+
                 // {
                 //   text: "光伏场站自定义",
                 //   icon: "svg-matrix",
@@ -1233,7 +1233,7 @@ export default {
   },
 };
 </script>
- 
+
 <style lang="less">
 .menu {
   padding-top: 1.481vh;
@@ -1337,4 +1337,4 @@ export default {
     color: rgba(255, 255, 255, 50%);
   }
 }
-</style>
+</style>

vue.config.js

@@ -1,91 +1,99 @@
-const path = require('path');
+const path = require("path");
 const resolve = (dir) => path.join(__dirname, dir);
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const webpack = require('webpack');
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const webpack = require("webpack");
 
-const cesiumSource = './node_modules/cesium/Source'
-const cesiumWorkers = '../Source/Workers'
+const cesiumSource = "./node_modules/cesium/Source";
+const cesiumWorkers = "../Source/Workers";
 
 function extendDefaultPlugins(arr) {
   let plug = [
-    'removeDoctype',
-    'removeXMLProcInst',
-    'removeComments',
-    'removeMetadata',
-    'removeEditorsNSData',
-    'cleanupAttrs',
-    'mergeStyles',
-    'inlineStyles',
-    'minifyStyles',
-    'cleanupIDs',
-    'removeUselessDefs',
-    'cleanupNumericValues',
-    'convertColors',
-    'removeUnknownsAndDefaults',
-    'removeNonInheritableGroupAttrs',
-    'removeUselessStrokeAndFill',
-    'removeViewBox',
-    'cleanupEnableBackground',
-    'removeHiddenElems',
-    'removeEmptyText',
-    'convertShapeToPath',
-    'convertEllipseToCircle',
-    'moveElemsAttrsToGroup',
-    'moveGroupAttrsToElems',
-    'collapseGroups',
-    'convertPathData',
-    'convertTransform',
-    'removeEmptyAttrs',
-    'removeEmptyContainers',
-    'mergePaths',
-    'removeUnusedNS',
-    'sortDefsChildren',
-    'removeTitle',
-    'removeDesc'
+    "removeDoctype",
+    "removeXMLProcInst",
+    "removeComments",
+    "removeMetadata",
+    "removeEditorsNSData",
+    "cleanupAttrs",
+    "mergeStyles",
+    "inlineStyles",
+    "minifyStyles",
+    "cleanupIDs",
+    "removeUselessDefs",
+    "cleanupNumericValues",
+    "convertColors",
+    "removeUnknownsAndDefaults",
+    "removeNonInheritableGroupAttrs",
+    "removeUselessStrokeAndFill",
+    "removeViewBox",
+    "cleanupEnableBackground",
+    "removeHiddenElems",
+    "removeEmptyText",
+    "convertShapeToPath",
+    "convertEllipseToCircle",
+    "moveElemsAttrsToGroup",
+    "moveGroupAttrsToElems",
+    "collapseGroups",
+    "convertPathData",
+    "convertTransform",
+    "removeEmptyAttrs",
+    "removeEmptyContainers",
+    "mergePaths",
+    "removeUnusedNS",
+    "sortDefsChildren",
+    "removeTitle",
+    "removeDesc",
   ];
   return plug.concat(arr);
 }
 
 // 添加less继承
 function addStyleResource(rule) {
-  rule.use('style-resource')
-    .loader('style-resources-loader')
+  rule
+    .use("style-resource")
+    .loader("style-resources-loader")
     .options({
-      patterns: [
-        resolve('src/assets/styles/common/common.less')
-      ]
-    })
+      patterns: [resolve("src/assets/styles/common/common.less")],
+    });
 }
 
-
 module.exports = {
-
   publicPath: "./", // 默认'/'，部署应用包时的基本 URL
-  indexPath: 'index.html', // 相对于打包路径index.html的路径
-  outputDir: 'dist', // 'dist', 生产环境构建文件的目录
-  assetsDir: 'static', // 相对于outputDir的静态资源(js、css、img、fonts)目录
+  indexPath: "index.html", // 相对于打包路径index.html的路径
+  outputDir: "dist", // 'dist', 生产环境构建文件的目录
+  assetsDir: "static", // 相对于outputDir的静态资源(js、css、img、fonts)目录
   lintOnSave: false, // 是否在开发环境下通过 eslint-loader 在每次保存时 li
   runtimeCompiler: true, // 是否使用包含运行时编译器的 Vue 构建版本
 
   configureWebpack: {
     plugins: [
-      new CopyWebpackPlugin([{ from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' }]),
-      new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'Assets'), to: 'Assets' }]),
-      new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' }]),
-      new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'ThirdParty/Workers'), to: 'ThirdParty/Workers' }]),
+      new CopyWebpackPlugin([
+        { from: path.join(cesiumSource, cesiumWorkers), to: "Workers" },
+      ]),
+      new CopyWebpackPlugin([
+        { from: path.join(cesiumSource, "Assets"), to: "Assets" },
+      ]),
+      new CopyWebpackPlugin([
+        { from: path.join(cesiumSource, "Widgets"), to: "Widgets" },
+      ]),
+      new CopyWebpackPlugin([
+        {
+          from: path.join(cesiumSource, "ThirdParty/Workers"),
+          to: "ThirdParty/Workers",
+        },
+      ]),
       new webpack.DefinePlugin({
-        CESIUM_BASE_URL: JSON.stringify('./')
+        CESIUM_BASE_URL: JSON.stringify("./"),
       }),
     ],
   },
 
   chainWebpack: (config) => {
     config.resolve.symlinks(true); // 修复热更新失效
-    config.plugin('html')
-      .tap(args => {
-        args[0].title = "生产实时运营管理平台";
-        return args;
-      })
+    config.plugin("html").tap((args) => {
+      args[0].title = "智能综合分析系统";
+
+      return args;
+    });
     // 路径别名
     config.resolve.alias
       .set("@", resolve("src"))
@@ -99,31 +107,35 @@ module.exports = {
       .set("cesium", resolve("node_modules/cesium/Source"));
 
     // less 继承
-    const types = ['vue-modules', 'vue', 'normal-modules', 'normal'];
-    types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)));
+    const types = ["vue-modules", "vue", "normal-modules", "normal"];
+    types.forEach((type) =>
+      addStyleResource(config.module.rule("less").oneOf(type))
+    );
 
-    const metaLoaderRule = config.module.rule('meta-loader');
-    metaLoaderRule.test(/\.js$/)
-      .use('@open-wc/webpack-import-meta-loader')
-      .loader('@open-wc/webpack-import-meta-loader');
+    const metaLoaderRule = config.module.rule("meta-loader");
+    metaLoaderRule
+      .test(/\.js$/)
+      .use("@open-wc/webpack-import-meta-loader")
+      .loader("@open-wc/webpack-import-meta-loader");
 
     // svg 雪碧图
     config.module // 排除其他svg-loader
-      .rule('svg')
-      .exclude.add(resolve('src/assets/icon/svg'))
+      .rule("svg")
+      .exclude.add(resolve("src/assets/icon/svg"))
       .end()
-      .exclude.add(resolve('src/assets/icon/svg_fill'))
+      .exclude.add(resolve("src/assets/icon/svg_fill"))
       .end();
 
     // svg雪碧图
-    const svgRule = config.module.rule('icons');
-    svgRule.test(/\.svg$/)
-      .include.add(resolve('src/assets/icon/svg'))
+    const svgRule = config.module.rule("icons");
+    svgRule
+      .test(/\.svg$/)
+      .include.add(resolve("src/assets/icon/svg"))
       .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
       .options({
-        symbolId: 'svg-[name]',
+        symbolId: "svg-[name]",
         // extract: true,
         // publicPath: "img/",
         // spriteFilename: "svg-sprite-[hash:8].svg",
@@ -131,19 +143,24 @@ module.exports = {
 
     // config
     //     .plugin("svgsprite")
-    //     .use(SVGSpriteLoaderPlugin, [{ 
+    //     .use(SVGSpriteLoaderPlugin, [{
     //       plainSprite: true
     //     }]);
 
     // svgo 去除svg中无用元素
-    svgRule.use('svgo-loader').loader('svgo-loader').options({
-      plugins: extendDefaultPlugins([{
-        name: "removeAttrs",
-        params: {
-          attrs: 'fill',
-        }
-      }])
-    });
+    svgRule
+      .use("svgo-loader")
+      .loader("svgo-loader")
+      .options({
+        plugins: extendDefaultPlugins([
+          {
+            name: "removeAttrs",
+            params: {
+              attrs: "fill",
+            },
+          },
+        ]),
+      });
 
     // svg雪碧图 不去除fill属性
     // const svgRuleFill = config.module.rule('icons_fill');
@@ -161,7 +178,7 @@ module.exports = {
 
     // // config
     // //     .plugin("svgsprite")
-    // //     .use(SVGSpriteLoaderPlugin, [{ 
+    // //     .use(SVGSpriteLoaderPlugin, [{
     // //       plainSprite: true
     // //     }]);
 
@@ -169,24 +186,24 @@ module.exports = {
     // svgRuleFill.use('svgo-loader').loader('svgo-loader').options({
     //     plugins: extendDefaultPlugins([])
     // });
-
   },
 
   devServer: {
     //代理配置
     proxy: {
-      '/cbk': {
-        target: 'https://h5.caibeike.com.cn/', // 请求地址
+      "/cbk": {
+        target: "https://h5.caibeike.com.cn/", // 请求地址
 
         changeOrigin: true, // 在vue-cli3中，默认changeOrigin的值是true,意味着服务器host设置成target，这与vue-cli2不一致，vue-cli2这个默认值是false
         // changeOrigin的值是true,target是host, request URL是http://baidu.com
         // 如果设置changeOrigin: false，host就是浏览器发送过来的host，也就是localhost:8082。
 
-        pathRewrite: {  // 路径重写，eg:把api接口替换为''
-          '^/cbk': ''
-        }
-      }
+        pathRewrite: {
+          // 路径重写，eg:把api接口替换为''
+          "^/cbk": "",
+        },
+      },
     },
     open: false, // 是否打开浏览器
-  }
-}
+  },
+};