преди 2 години · 2f0cabb5e3
--- a/.env
+++ b/.env
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,6 @@
 
				+VUE_APP_API=http://123.60.213.70:8099
			
 
				+VUE_APP_WARNING=http://10.83.68.205:8075
			
 
				+VUE_APP_SHARDINGURL=http://10.83.68.205:8075
			
 
				+VUE_APP_ADAPTERURL=http://10.83.68.205:8011
			
 
				+VUE_APP_APIS=10.83.68.205:8099
			
 
				+VUE_APP_ADAPTERURLS=10.83.68.205:8011
			
--- a/.env.eapi
+++ b/.env.eapi
@@ -0,0 +1 @@
 
				+NODE_ENV=eapi
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,6 @@
 
				+VUE_APP_API=http://192.168.2.205:8099
			
 
				+VUE_APP_WARNING=http://192.168.2.205:8075
			
 
				+VUE_APP_SHARDINGURL=http://192.168.2.205:8075
			
 
				+VUE_APP_ADAPTERURL=http://192.168.2.205:8011
			
 
				+VUE_APP_APIS=192.168.2.205:8099
			
 
				+VUE_APP_ADAPTERURLS=192.168.2.205:8011
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,31 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
 
				+
			
 
				+#Electron-builder output
			
 
				+/dist_electron
			
 
				+
			
 
				+#压缩包
			
 
				+*.zip
			
 
				+*.rar
			
 
				+*.7z
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,19 @@
 
				+# project-neic
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,51 @@
 
				+{
			
 
				+  "name": "project-neic",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "electron:build": "vue-cli-service electron:build",
			
 
				+    "electron:serve": "vue-cli-service electron:serve",
			
 
				+    "postinstall": "electron-builder install-app-deps",
			
 
				+    "postuninstall": "electron-builder install-app-deps"
			
 
				+  },
			
 
				+  "main": "background.js",
			
 
				+  "dependencies": {
			
 
				+    "axios": "^0.21.1",
			
 
				+    "core-js": "^3.6.5",
			
 
				+    "dayjs": "^1.10.6",
			
 
				+    "echarts": "^5.1.2",
			
 
				+    "element-plus": "^1.1.0-beta.4",
			
 
				+    "html2canvas": "^1.4.1",
			
 
				+    "jquery": "^3.6.0",
			
 
				+    "json-bigint": "^1.0.0",
			
 
				+    "register-service-worker": "^1.7.1",
			
 
				+    "stompjs": "^2.3.3",
			
 
				+    "vue": "^3.0.11",
			
 
				+    "vue-grid-layout": "^3.0.0-beta1",
			
 
				+    "vue-router": "^4.0.0-0",
			
 
				+    "vuex": "^4.0.0-0",
			
 
				+    "xlsx": "^0.17.1"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.5.0",
			
 
				+    "@vue/cli-plugin-pwa": "~4.5.0",
			
 
				+    "@vue/cli-plugin-router": "~4.5.0",
			
 
				+    "@vue/cli-plugin-vuex": "~4.5.0",
			
 
				+    "@vue/cli-service": "~4.5.0",
			
 
				+    "@vue/compiler-sfc": "^3.0.0",
			
 
				+    "electron": "^13.0.0",
			
 
				+    "electron-devtools-installer": "^3.1.0",
			
 
				+    "less": "^3.0.4",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "sass": "^1.52.3",
			
 
				+    "sass-loader": "^8.0.2",
			
 
				+    "vue-cli-plugin-electron-builder": "~2.1.1"
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead"
			
 
				+  ]
			
 
				+}
			
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/img/icons/android-chrome-192x192.png
+++ b/public/img/icons/android-chrome-192x192.png
--- a/public/img/icons/android-chrome-512x512.png
+++ b/public/img/icons/android-chrome-512x512.png
--- a/public/img/icons/android-chrome-maskable-192x192.png
+++ b/public/img/icons/android-chrome-maskable-192x192.png
--- a/public/img/icons/android-chrome-maskable-512x512.png
+++ b/public/img/icons/android-chrome-maskable-512x512.png
--- a/public/img/icons/apple-touch-icon-120x120.png
+++ b/public/img/icons/apple-touch-icon-120x120.png
--- a/public/img/icons/apple-touch-icon-152x152.png
+++ b/public/img/icons/apple-touch-icon-152x152.png
--- a/public/img/icons/apple-touch-icon-180x180.png
+++ b/public/img/icons/apple-touch-icon-180x180.png
--- a/public/img/icons/apple-touch-icon-60x60.png
+++ b/public/img/icons/apple-touch-icon-60x60.png
--- a/public/img/icons/apple-touch-icon-76x76.png
+++ b/public/img/icons/apple-touch-icon-76x76.png
--- a/public/img/icons/apple-touch-icon.png
+++ b/public/img/icons/apple-touch-icon.png
--- a/public/img/icons/favicon-16x16.png
+++ b/public/img/icons/favicon-16x16.png
--- a/public/img/icons/favicon-32x32.png
+++ b/public/img/icons/favicon-32x32.png
--- a/public/img/icons/msapplication-icon-144x144.png
+++ b/public/img/icons/msapplication-icon-144x144.png
--- a/public/img/icons/mstile-150x150.png
+++ b/public/img/icons/mstile-150x150.png
--- a/public/img/icons/safari-pinned-tab.svg
+++ b/public/img/icons/safari-pinned-tab.svg
@@ -0,0 +1,3 @@
 
				+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
			
 
				+<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
			
 
				+</svg>
			
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <title><%= htmlWebpackPlugin.options.title %></title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
 
				+User-agent: *
			
 
				+Disallow:
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,454 @@
 
				+<template class="app">
			
 
				+  <div :class="$store.state.showWarningMask ? 'warningMask' : ''"></div>
			
 
				+  <div style="background-color: #000000" ref="imageTofile">
			
 
				+    <div v-if="lockMaskDisplay" class="lockMask"></div>
			
 
				+    <!-- <div class="warningMask"></div> -->
			
 
				+    <TitleBar class="titleBar" />
			
 
				+    <div class="left">
			
 
				+      <Menu
			
 
				+        :lockMaskDisplay="lockMaskDisplay"
			
 
				+        :temperatureNum="temperatureNum"
			
 
				+        @handleChange="handleChange"
			
 
				+        @handleSearch="handleSearch"
			
 
				+      />
			
 
				+    </div>
			
 
				+    <div class="right">
			
 
				+      <el-col>
			
 
				+        <el-row>
			
 
				+          <el-col>
			
 
				+            <ModeControl
			
 
				+              ref="modeControl"
			
 
				+              :current="current"
			
 
				+              @clicks="handleClick"
			
 
				+            ></ModeControl>
			
 
				+          </el-col>
			
 
				+        </el-row>
			
 
				+        <el-row>
			
 
				+          <el-col>
			
 
				+            <FocusArea />
			
 
				+          </el-col>
			
 
				+        </el-row>
			
 
				+        <el-row>
			
 
				+          <el-col>
			
 
				+            <WarningArea></WarningArea>
			
 
				+          </el-col>
			
 
				+        </el-row>
			
 
				+      </el-col>
			
 
				+    </div>
			
 
				+    <div class="Dialog" v-show="state">
			
 
				+      <div class="D-" @click="none">-</div>
			
 
				+    </div>
			
 
				+    <StatusBar class="statusBar" @getData="getData" />
			
 
				+    <router-view />
			
 
				+    <AllMatrices v-model="matricesDisplay" />
			
 
				+    <SYZDetails v-model="$store.state.syzDialogShow"></SYZDetails>
			
 
				+    <AGCDetails v-model="agcDisplay"></AGCDetails>
			
 
				+    <TemperatureMatrix v-model="temperatureDisplay" />
			
 
				+    <Fault v-model="faultDisplay" />
			
 
				+    <Warning v-model="warningDisplay" />
			
 
				+    <Status v-model="statusDisplay" />
			
 
				+    <Action v-model="actionDisplay" />
			
 
				+    <Calendar v-model="calendarDisplay" />
			
 
				+    <Record v-model="recordDisplay" />
			
 
				+    <State v-model="stateDisplay" />
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import TitleBar from "views/TitleBar.vue";
			
 
				+import StatusBar from "views/StatusBar.vue";
			
 
				+import Menu from "views/Menu.vue";
			
 
				+import MessageBridge from "utils/MessageBridge";
			
 
				+import ModeControl from "components/modeControl/modeControl.vue";
			
 
				+import FocusArea from "components/focus/focusArea.vue";
			
 
				+import WarningArea from "components/warning/warningArea.vue";
			
 
				+import api from "api/index";
			
 
				+import boxSelect from "components/boxSelect.vue";
			
 
				+import AGCDetails from "components/focus/agcDetails.vue";
			
 
				+import SYZDetails from "components/svgStation.vue";
			
 
				+import AllMatrices from "components/allMatrices.vue";
			
 
				+import TemperatureMatrix from "components/temperatureMatrix.vue";
			
 
				+import Fault from "components/search/fault.vue";
			
 
				+import Warning from "components/search/warning.vue";
			
 
				+import Status from "components/search/status.vue";
			
 
				+import Action from "components/search/action.vue";
			
 
				+import Calendar from "components/search/calendar.vue";
			
 
				+import Record from "components/search/record.vue";
			
 
				+import State from "components/search/state.vue";
			
 
				+
			
 
				+import html2canvas from "html2canvas";
			
 
				+import { debounce } from "lodash";
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      state: false,
			
 
				+      agcDisplay: false, //AGC功能
			
 
				+      matricesDisplay: false, //全部矩阵
			
 
				+      temperatureDisplay: false, //温度矩阵
			
 
				+      faultDisplay: false, //查询-报警/故障查询
			
 
				+      warningDisplay: false, //查询-预警查询
			
 
				+      statusDisplay: false, //查询-状态时间查询
			
 
				+      actionDisplay: false, //查询-动作查询
			
 
				+      recordDisplay: false, //查询-推荐记录
			
 
				+      stateDisplay: false, //查询-状态变化查询
			
 
				+      calendarDisplay: false, //查询-日历查询
			
 
				+      lockMaskDisplay: false, //锁屏
			
 
				+      temperatureNum: 0, //温度矩阵故障数
			
 
				+    };
			
 
				+  },
			
 
				+  components: {
			
 
				+    TitleBar,
			
 
				+    StatusBar,
			
 
				+    Menu,
			
 
				+    ModeControl,
			
 
				+    FocusArea,
			
 
				+    WarningArea,
			
 
				+    boxSelect,
			
 
				+    AGCDetails,
			
 
				+    SYZDetails,
			
 
				+    AllMatrices,
			
 
				+    TemperatureMatrix,
			
 
				+    Fault,
			
 
				+    Warning,
			
 
				+    Status,
			
 
				+    Action,
			
 
				+    Calendar,
			
 
				+    Record,
			
 
				+    State,
			
 
				+  },
			
 
				+  created: function () {
			
 
				+    this.getStation();
			
 
				+    this.initData();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    getData(val) {
			
 
				+      this.state = val;
			
 
				+    },
			
 
				+    none() {
			
 
				+      this.state = false;
			
 
				+    },
			
 
				+
			
 
				+    initData: function () {
			
 
				+      let mb = MessageBridge.getInstance();
			
 
				+      let temperature = [
			
 
				+        { key: "/topic/temperature-count", action: this.debounceTemperatureMessage },
			
 
				+      ];
			
 
				+      mb.register(temperature);
			
 
				+    },
			
 
				+    debounceTemperatureMessage: debounce(function(msg) {
			
 
				+      this.temperatureMessage(msg)
			
 
				+    }, 1000),
			
 
				+    temperatureMessage(msg) {
			
 
				+      let json = JSON.parse(msg);
			
 
				+      this.temperatureNum = json.countOverLimit + json.countCrossingLimit;
			
 
				+    },
			
 
				+    
			
 
				+    getStation() {
			
 
				+      api.getStation().then((res) => {
			
 
				+        let stationList = [];
			
 
				+        res.data.forEach((item) => {
			
 
				+          if (item.type === 1) {
			
 
				+            stationList.push(item);
			
 
				+          }
			
 
				+        });
			
 
				+        this.$store.commit("stationList", stationList);
			
 
				+        let syzArray = [];
			
 
				+        stationList.forEach((item) => {
			
 
				+          let obj = {
			
 
				+            id: item.id, // 升压站 ID
			
 
				+            isWarning: "0", // 升压站是否显示报警小红点
			
 
				+            name: item.address, // 升压站中文名称
			
 
				+            isMute: false, // 升压站报警是否静音
			
 
				+          };
			
 
				+          syzArray.push(obj);
			
 
				+        });
			
 
				+        this.$store.commit("syzArray", syzArray);
			
 
				+        this.$store.commit("activeTab", syzArray[0].name);
			
 
				+      });
			
 
				+    },
			
 
				+    handleChange(val) {
			
 
				+      if (val !== 9) {
			
 
				+        this.matricesDisplay = false;
			
 
				+        this.$store.commit("syzDialogShow", false);
			
 
				+        this.agcDisplay = false;
			
 
				+        this.temperatureDisplay = false;
			
 
				+        this.faultDisplay = false;
			
 
				+        this.warningDisplay = false;
			
 
				+        this.statusDisplay = false;
			
 
				+        this.actionDisplay = false;
			
 
				+        this.calendarDisplay = false;
			
 
				+        this.recordDisplay = false;
			
 
				+        this.stateDisplay = false;
			
 
				+      }
			
 
				+
			
 
				+      switch (val) {
			
 
				+        case 2:
			
 
				+          this.matricesDisplay = true;
			
 
				+          break;
			
 
				+        case 3:
			
 
				+          this.temperatureDisplay = true;
			
 
				+          break;
			
 
				+        case 4:
			
 
				+          this.$store.commit("syzDialogShow", true);
			
 
				+          break;
			
 
				+        case 5:
			
 
				+          this.agcDisplay = true;
			
 
				+          break;
			
 
				+        case 7:
			
 
				+          this.lockMaskDisplay = !this.lockMaskDisplay;
			
 
				+          break;
			
 
				+        case 9:
			
 
				+          this.toImage();
			
 
				+          break;
			
 
				+        default:
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    handleSearch(val) {
			
 
				+      this.matricesDisplay = false;
			
 
				+      this.$store.commit("syzDialogShow", false);
			
 
				+      this.agcDisplay = false;
			
 
				+      this.temperatureDisplay = false;
			
 
				+      this.faultDisplay = false;
			
 
				+      this.warningDisplay = false;
			
 
				+      this.statusDisplay = false;
			
 
				+      this.actionDisplay = false;
			
 
				+      this.calendarDisplay = false;
			
 
				+      this.recordDisplay = false;
			
 
				+      this.stateDisplay = false;
			
 
				+      switch (val) {
			
 
				+        case "fault":
			
 
				+          this.faultDisplay = true;
			
 
				+          break;
			
 
				+        case "warning":
			
 
				+          this.warningDisplay = true;
			
 
				+          break;
			
 
				+        case "status":
			
 
				+          this.statusDisplay = true;
			
 
				+          break;
			
 
				+        case "action":
			
 
				+          this.actionDisplay = true;
			
 
				+          break;
			
 
				+        case "calendar":
			
 
				+          this.calendarDisplay = true;
			
 
				+          break;
			
 
				+        case "record":
			
 
				+          this.recordDisplay = true;
			
 
				+          break;
			
 
				+        case "changeState":
			
 
				+          this.stateDisplay = true;
			
 
				+          break;
			
 
				+          
			
 
				+        default:
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    // 页面元素转图片
			
 
				+    toImage() {
			
 
				+      // 手动创建一个 canvas 标签
			
 
				+      const canvas = document.createElement("canvas");
			
 
				+      // 获取父标签，意思是这个标签内的 DOM 元素生成图片
			
 
				+      // imageTofile是给截图范围内的父级元素自定义的ref名称
			
 
				+      let canvasBox = this.$refs.imageTofile;
			
 
				+      // 获取父级的宽高
			
 
				+      const width = parseInt(window.getComputedStyle(canvasBox).width);
			
 
				+      const height = parseInt(window.getComputedStyle(canvasBox).height);
			
 
				+      // 宽高 * 2 并放大 2 倍 是为了防止图片模糊
			
 
				+      canvas.width = width * 2;
			
 
				+      canvas.height = height * 2;
			
 
				+      canvas.style.width = width + "px";
			
 
				+      canvas.style.height = height + "px";
			
 
				+      const context = canvas.getContext("2d");
			
 
				+      context.scale(2, 2);
			
 
				+      const options = {
			
 
				+        backgroundColor: null,
			
 
				+        canvas: canvas,
			
 
				+        useCORS: true,
			
 
				+      };
			
 
				+      html2canvas(canvasBox, options).then((canvas) => {
			
 
				+        // toDataURL 图片格式转成 base64
			
 
				+        let dataURL = canvas.toDataURL("image/png");
			
 
				+        console.log(dataURL);
			
 
				+        this.downloadImage(dataURL);
			
 
				+      });
			
 
				+    },
			
 
				+    //下载图片
			
 
				+    downloadImage(url) {
			
 
				+      // 如果是在网页中可以直接创建一个 a 标签直接下载
			
 
				+      let a = document.createElement("a");
			
 
				+      a.href = url;
			
 
				+      a.download = "页面截图";
			
 
				+      a.click();
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style>
			
 
				+@import "../src/assets/styles/main.css";
			
 
				+body {
			
 
				+  /* 设置内容不可选中 */
			
 
				+  -webkit-user-select: none;
			
 
				+  -moz-user-select: none;
			
 
				+  -ms-user-select: none;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+
			
 
				+/* .app{
			
 
				+    background-color: #000000;
			
 
				+  } */
			
 
				+.Dialog {
			
 
				+  width: 520px;
			
 
				+  height: 800px;
			
 
				+  background-color: rgb(250, 249, 249);
			
 
				+  position: absolute;
			
 
				+  right: 30px;
			
 
				+  z-index: 999;
			
 
				+  bottom: 50px;
			
 
				+  /* display: none; */
			
 
				+}
			
 
				+.D- {
			
 
				+  width: 30px;
			
 
				+  height: 30px;
			
 
				+  background-color: rgb(167, 204, 192);
			
 
				+  font-size: 30px;
			
 
				+  position: absolute;
			
 
				+  top: 5px;
			
 
				+  right: 10px;
			
 
				+  line-height: 30px;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.D-:hover {
			
 
				+  background-color: #999999;
			
 
				+}
			
 
				+.left {
			
 
				+  width: 40px;
			
 
				+  position: absolute;
			
 
				+  left: 0px;
			
 
				+  height: 100%;
			
 
				+  z-index: 9999;
			
 
				+  background-color: #242424;
			
 
				+  margin-left: 7px;
			
 
				+  border-radius: 8px;
			
 
				+}
			
 
				+.right {
			
 
				+  width: 31%;
			
 
				+  position: absolute;
			
 
				+  right: 20px;
			
 
				+  z-index: 99;
			
 
				+}
			
 
				+
			
 
				+.statusBar {
			
 
				+  width: 100%;
			
 
				+  position: absolute;
			
 
				+  bottom: 0;
			
 
				+  left: 0;
			
 
				+  z-index: 9999;
			
 
				+}
			
 
				+
			
 
				+.titleBar {
			
 
				+  width: 100%;
			
 
				+  position: relative;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  z-index: 999;
			
 
				+}
			
 
				+.el-table__body-wrapper::-webkit-scrollbar-thumb {
			
 
				+  background-color: #999999;
			
 
				+  border-radius: 8px;
			
 
				+}
			
 
				+.el-collapse-item__wrap {
			
 
				+  background-color: #000000 !important;
			
 
				+  box-sizing: border-box !important;
			
 
				+  padding-left: 27px !important;
			
 
				+}
			
 
				+.el-collapse-item__header {
			
 
				+  background-color: rgb(20, 20, 20) !important;
			
 
				+  font-size: 12px !important;
			
 
				+  color: #bfbfbf !important;
			
 
				+  box-sizing: border-box !important;
			
 
				+  padding-left: 30px !important;
			
 
				+  margin-bottom: 2px !important;
			
 
				+}
			
 
				+.el-collapse {
			
 
				+  border: none !important;
			
 
				+}
			
 
				+.el-collapse-item__header {
			
 
				+  border: none !important;
			
 
				+}
			
 
				+.el-collapse-item__wrap {
			
 
				+  border: none !important;
			
 
				+}
			
 
				+.lockMask {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  position: absolute;
			
 
				+  background-color: rgba(0, 0, 0, 0.2);
			
 
				+  z-index: 9998;
			
 
				+}
			
 
				+.warningMask {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  position: absolute;
			
 
				+  background-image: radial-gradient(
			
 
				+    circle,
			
 
				+    rgb(255, 0, 0, 0),
			
 
				+    rgb(255, 0, 0, 0),
			
 
				+    rgb(255, 0, 0, 0),
			
 
				+    rgb(255, 0, 0)
			
 
				+  );
			
 
				+  animation: fade 2000ms infinite;
			
 
				+  -webkit-animation: fade 2000ms infinite;
			
 
				+  z-index: 999;
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+@keyframes fade {
			
 
				+  from {
			
 
				+    opacity: 0.7;
			
 
				+  }
			
 
				+  50% {
			
 
				+    opacity: 0.3;
			
 
				+  }
			
 
				+  to {
			
 
				+    opacity: 0.7;
			
 
				+  }
			
 
				+}
			
 
				+@-webkit-keyframes fade {
			
 
				+  from {
			
 
				+    opacity: 0.7;
			
 
				+  }
			
 
				+  50% {
			
 
				+    opacity: 0.3;
			
 
				+  }
			
 
				+  to {
			
 
				+    opacity: 0.7;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
 
				+<style lang="less">
			
 
				+#app {
			
 
				+  .currentScroll::-webkit-scrollbar {
			
 
				+    width: 8px;
			
 
				+    height: 0px;
			
 
				+    background-color: black;
			
 
				+  }
			
 
				+
			
 
				+  .currentScroll::-webkit-scrollbar-thumb {
			
 
				+    background-color: #999999;
			
 
				+    border-radius: 6px;
			
 
				+  }
			
 
				+}
			
 
				+::-webkit-scrollbar {
			
 
				+  width: 8px !important;
			
 
				+  height: 8px !important;
			
 
				+  background-color: black !important;
			
 
				+}
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+  background-color: #999999 !important;
			
 
				+  border-radius: 6px !important;
			
 
				+}
			
 
				+.el-table--enable-row-hover .el-table__body tr:hover > td {
			
 
				+  color: rgba(37, 116, 219, 0.8) !important;
			
 
				+}
			
 
				+.el-table__body tr.current-row > td {
			
 
				+  color: rgba(37, 116, 219, 0.8) !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -0,0 +1,362 @@
 
				+import request from "../utils/request";
			
 
				+//全部风机
			
 
				+const getWindturbine = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/all`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+// 标题栏数据
			
 
				+const stationOverview = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/station/overview`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取报警数据
			
 
				+const alarmFault = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/alarm/fault`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取推荐风机信息
			
 
				+const recommendation = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/recommendation`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//登陆
			
 
				+const login = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/user/login`,
			
 
				+        method: "post",
			
 
				+        data:data,
			
 
				+    });
			
 
				+};
			
 
				+//获取场站
			
 
				+const getStation = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/station/info`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取AGC场站
			
 
				+const getAGCStation = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/station/agc`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//刷新报警信息
			
 
				+const getSnap = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_SHARDINGURL,
			
 
				+        url: `/alarm/snap/page?pagenum=${data.pagenum}&pagesize=${data.pagesize}&category1=${data.category1}&isopened=${data.isopened}&starttime=${data.starttime}&endtime=${data.endtime}&windturbineId=${data.windturbineId?data.windturbineId:''}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//数据刷新
			
 
				+const refreshData = (keys) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_ADAPTERURL,
			
 
				+        url: `/ts/latest?keys=${keys}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//风机控制
			
 
				+const windturbControl = (pairs) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/control/`,
			
 
				+        method: "post",
			
 
				+        data:pairs
			
 
				+    });
			
 
				+};
			
 
				+//风机控制
			
 
				+const windturbControlLock = (pairs) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/control/lock`,
			
 
				+        method: "post",
			
 
				+        data:pairs
			
 
				+    });
			
 
				+};
			
 
				+//获取风机详情页面数据
			
 
				+const nitWinturbineBaseData = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_ADAPTERURL,
			
 
				+        url: `/ts/latest?thingType=${data.thingType}&thingId=${data.thingId}&uniformCodes=${data.uniformCodes}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getOverview = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/overview`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const sendWarning = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/alarm/confirm?snapID=${data.snapID}&faultID=${data.faultID}&userName=${data.userName}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const sendRecommend = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `api/voice-control/addvoicetask`,
			
 
				+        method: "post",
			
 
				+        data:data
			
 
				+    });
			
 
				+};
			
 
				+const getPower = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_ADAPTERURL,
			
 
				+        url: `/ts/history/snap?tagName=${data.tagName}&startTs=${data.startTs}&endTs=${data.endTs}&interval=${data.interval}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getOriginalPower = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_ADAPTERURL,
			
 
				+        url: `/ts/history/raw?tagName=${data.tagName}&startTs=${data.startTs}&endTs=${data.endTs}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getWindturbinePower = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_ADAPTERURL,
			
 
				+        url: `/ts/history/snap?thingId=${data.thingId}&uniformCode=${data.uniformCode}&startTs=${data.startTs}&endTs=${data.endTs}&thingType=${data.thingType}&interval=${data.interval}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getOriginalWindturbinePower = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_ADAPTERURL,
			
 
				+        url: `/ts/history/raw?thingId=${data.thingId}&uniformCode=${data.uniformCode}&startTs=${data.startTs}&endTs=${data.endTs}&thingType=${data.thingType}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getWindWarning = (data,pageIndex,pageSize) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/alarm/real-time-alarm?objectId=${data}&pageIndex=${pageIndex}&pageSize=${pageSize}`,
			
 
				+        method: "get"
			
 
				+    });
			
 
				+};
			
 
				+const getHealthDate=(stid,wtid)=>{
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_WARNING,
			
 
				+        url:`/alarm/statistic?stId=${stid}&wtId=${wtid}`,
			
 
				+        method:"get"
			
 
				+    })
			
 
				+}
			
 
				+const getDetial=(data)=>{
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url:`/api/windturbine/${data}`,
			
 
				+        method:"get"
			
 
				+    })
			
 
				+}
			
 
				+const getWarning=(data,wtid,pt)=>{
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_WARNING,
			
 
				+        url:`/alarm/list?stId=${data}&wtId=${wtid}&widget=${pt}`,
			
 
				+        method:"get"
			
 
				+    })
			
 
				+}
			
 
				+const getCustomerLock=()=>{
			
 
				+    return request({
			
 
				+        baseURL: process.env.VUE_APP_API,
			
 
				+        url:`/api/windturbine/customer-lock`,
			
 
				+        method:"get"
			
 
				+    })
			
 
				+}
			
 
				+const controlRecord = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/control-record/search?stationId=${data.stationId}&userName=${data.userName}&windturbineId=${data.windturbineId}&startTime=${data.startTime}&endTime=${data.endTime}&pageSize=${data.pageSize}&pageIndex=${data.pageIndex}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getLatest = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_ADAPTERURL,
			
 
				+        url: `/ts/latest?keys=${data}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取智能模式下场站
			
 
				+const getControlType = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/station/status`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const uodateControlType = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/station/status/update?stationid=${data.stationid}&type=${data.type}&userName=${data.userName}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取UniformCodes数据
			
 
				+const getUniformCodes = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/uniform-code`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getBoostStation = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/station/boost-station`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取风机code名称
			
 
				+const getWindturbineFdc = () => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/fdc`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+const getWindturbineWarning = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_SHARDINGURL,
			
 
				+        url: `/alarm/history/page?pagenum=${data.pagenum}&pagesize=${data.pagesize}&windturbineid=${data.windturbineid?data.windturbineid:''}&starttime=${data.starttime}&endtime=${data.endtime}&keyword=${data.keyword?data.keyword:''}&stationid=${data.stationid?data.stationid:''}&category1=${data.category1?data.category1:''}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取报警历史数据
			
 
				+const getFaultHistory = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_SHARDINGURL,
			
 
				+        url: `/fault/history/listpage?pagenum=${data.pageIndex}&pagesize=${data.pageSize}&stationid=${data.stationid}&keyword=${data.keyword}&starttime=${data.startTime}&endtime=${data.endTime}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+
			
 
				+const stationCompared = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/station/compared?models=${data}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//温度矩阵
			
 
				+const temperatureInfo = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/temperature-info?id=${data.id}&status=${data.status}&projects=${data.period}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//获取风机故障
			
 
				+const alarmSnap = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/alarm/alarm-snap?windturbineId=${data.windturbineId}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+
			
 
				+//预警分析
			
 
				+const analysisDetail = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_WARNING,
			
 
				+        url: `/analysis/detail?station=${data.station}&startTs=${data.startTs}&endTs=${data.endTs}&interval=${data.interval}&wtId=${data.wtId}&name=${data.name}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//预警分析
			
 
				+const alarmCountQuery = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_WARNING,
			
 
				+        url: `/alarm/count/query/new2?stationid=${data.stationid}&startdate=${data.startdate}&enddate=${data.enddate}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+//状态时间查询
			
 
				+const statusTime = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/status-time?stationId=${data.stationid}&startTs=${data.startTs}&endTs=${data.endTs}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+
			
 
				+//推荐记录查询
			
 
				+const recommended = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `control-record/recommended?pagesize=${data.pagesize}&pagenum=${data.pagenum}&stationid=${data.stationid}&windturbineid=${data.windturbineid}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+
			
 
				+//状态变化查询
			
 
				+const statusChange = (data) => {
			
 
				+    return request({
			
 
				+        baseURL:process.env.VUE_APP_API,
			
 
				+        url: `/api/windturbine/status?startTs=${data.startTs}&endTs=${data.endTs}&pagesize=${data.pagesize}&pagenum=${data.pagenum}&windturbineId=${data.windturbineid}`,
			
 
				+        method: "get",
			
 
				+    });
			
 
				+};
			
 
				+export default {
			
 
				+    login,
			
 
				+    getStation,
			
 
				+    getAGCStation,
			
 
				+    getSnap,
			
 
				+    refreshData,
			
 
				+    windturbControl,
			
 
				+    windturbControlLock,
			
 
				+    nitWinturbineBaseData,
			
 
				+    getOverview,
			
 
				+    sendWarning,
			
 
				+    sendRecommend,
			
 
				+    getPower,
			
 
				+    getOriginalPower,
			
 
				+    getWindWarning,
			
 
				+    getHealthDate,
			
 
				+    getDetial,
			
 
				+    getWarning,
			
 
				+    getCustomerLock,
			
 
				+    getWindturbinePower,
			
 
				+    getOriginalWindturbinePower,
			
 
				+    controlRecord,
			
 
				+    getLatest,
			
 
				+    getControlType,
			
 
				+    uodateControlType,
			
 
				+    getUniformCodes,
			
 
				+    getBoostStation,
			
 
				+    getWindturbineFdc,
			
 
				+    getWindturbineWarning,
			
 
				+    getFaultHistory,
			
 
				+    stationCompared,
			
 
				+    temperatureInfo,
			
 
				+    alarmSnap,
			
 
				+    analysisDetail,
			
 
				+    alarmCountQuery,
			
 
				+    statusTime,
			
 
				+    getWindturbine,
			
 
				+    stationOverview,
			
 
				+    alarmFault,
			
 
				+    recommendation,
			
 
				+    recommended,
			
 
				+    statusChange,
			
 
				+};
			
--- a/src/assets/dataService/README.md
+++ b/src/assets/dataService/README.md
@@ -0,0 +1 @@
 
				+# 用于存放json数据文件 如果数据过大则需要单独打包
			
--- a/src/assets/dataService/arcgis-mhs-line.json
+++ b/src/assets/dataService/arcgis-mhs-line.json
@@ -0,0 +1,234 @@
 
				+[
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "paths": [
			
 
				+                [
			
 
				+                    107.0644069,
			
 
				+                    37.30000218
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0609736,
			
 
				+                    37.29027221
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0545363,
			
 
				+                    37.29431798
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0488715,
			
 
				+                    37.29385708
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.04561,
			
 
				+                    37.29752713
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0409322,
			
 
				+                    37.30025821
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0374346,
			
 
				+                    37.30382554
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0325208,
			
 
				+                    37.30630038
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0349455,
			
 
				+                    37.30909941
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0286155,
			
 
				+                    37.30956022
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0238519,
			
 
				+                    37.31106208
			
 
				+                ]
			
 
				+            ]
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "width": 3
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "paths": [
			
 
				+                [
			
 
				+                    107.0649004,
			
 
				+                    37.30542993
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0527768,
			
 
				+                    37.30129941
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.048614,
			
 
				+                    37.30432051
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0456958,
			
 
				+                    37.30819486
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0414472,
			
 
				+                    37.31130101
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0348811,
			
 
				+                    37.31508967
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0305467,
			
 
				+                    37.31749588
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0199444,
			
 
				+                    37.31830556
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0611238,
			
 
				+                    37.30860447
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0571327,
			
 
				+                    37.31169354
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0521975,
			
 
				+                    37.31369028
			
 
				+                ]
			
 
				+            ]
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "width": 3
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "paths": [
			
 
				+                [
			
 
				+                    107.0693851,
			
 
				+                    37.30322815
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0744705,
			
 
				+                    37.30041183
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0696425,
			
 
				+                    37.29628104
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0717883,
			
 
				+                    37.29213295
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0662093,
			
 
				+                    37.28824071
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0567894,
			
 
				+                    37.31587468
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0560169,
			
 
				+                    37.31988494
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0506954,
			
 
				+                    37.32184734
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0727539,
			
 
				+                    37.31087435
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0761871,
			
 
				+                    37.3067612
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0820665,
			
 
				+                    37.30641985
			
 
				+                ]
			
 
				+            ]
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "width": 3
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "paths": [
			
 
				+                [
			
 
				+                    107.0360184,
			
 
				+                    37.32406563
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0318985,
			
 
				+                    37.32969639
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0269525,
			
 
				+                    37.33528407
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0515966,
			
 
				+                    37.32539657
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0396662,
			
 
				+                    37.33669159
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0315766,
			
 
				+                    37.34420644
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0183909,
			
 
				+                    37.34223611
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0164329,
			
 
				+                    37.33144098
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0044997,
			
 
				+                    37.32873236
			
 
				+                ],
			
 
				+                [
			
 
				+                    107.0019168,
			
 
				+                    37.33337322
			
 
				+                ]
			
 
				+            ]
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "width": 3
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    }
			
 
				+]
			
--- a/src/assets/dataService/arcgis-mhs.json
+++ b/src/assets/dataService/arcgis-mhs.json
@@ -0,0 +1,707 @@
 
				+[
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0674069,
			
 
				+            "y": 37.3040218
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "objectid": 1,
			
 
				+            "fc_code": "fc01",
			
 
				+            "code": "升压站",
			
 
				+            "type": "升压站"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0644069,
			
 
				+            "y": 37.30000218
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG01",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0609736,
			
 
				+            "y": 37.29027221
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG02",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0545363,
			
 
				+            "y": 37.29431798
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG03",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0488715,
			
 
				+            "y": 37.29385708
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG04",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.04561,
			
 
				+            "y": 37.29752713
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG05",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0409322,
			
 
				+            "y": 37.30025821
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG06",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0374346,
			
 
				+            "y": 37.30382554
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG07",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0325208,
			
 
				+            "y": 37.30630038
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG08",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0349455,
			
 
				+            "y": 37.30909941
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG09",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0286155,
			
 
				+            "y": 37.30956022
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG10",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0238519,
			
 
				+            "y": 37.31106208
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG11",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0649004,
			
 
				+            "y": 37.30542993
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG12",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0527768,
			
 
				+            "y": 37.30129941
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG13",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.048614,
			
 
				+            "y": 37.30432051
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG14",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0456958,
			
 
				+            "y": 37.30819486
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG15",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0414472,
			
 
				+            "y": 37.31130101
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG16",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0348811,
			
 
				+            "y": 37.31508967
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG17",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0305467,
			
 
				+            "y": 37.31749588
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG18",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0199444,
			
 
				+            "y": 37.31830556
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG19",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0611238,
			
 
				+            "y": 37.30860447
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG20",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0571327,
			
 
				+            "y": 37.31169354
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG21",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0521975,
			
 
				+            "y": 37.31369028
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG22",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0693851,
			
 
				+            "y": 37.30322815
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG23",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0744705,
			
 
				+            "y": 37.30041183
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG24",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0696425,
			
 
				+            "y": 37.29628104
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG25",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0717883,
			
 
				+            "y": 37.29213295
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG26",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0662093,
			
 
				+            "y": 37.28824071
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG27",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0567894,
			
 
				+            "y": 37.31587468
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG28",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0560169,
			
 
				+            "y": 37.31988494
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG29",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0506954,
			
 
				+            "y": 37.32184734
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG30",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0727539,
			
 
				+            "y": 37.31087435
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG31",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0761871,
			
 
				+            "y": 37.3067612
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG32",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0820665,
			
 
				+            "y": 37.30641985
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG33",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0360184,
			
 
				+            "y": 37.32406563
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG34",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0318985,
			
 
				+            "y": 37.32969639
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG35",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0269525,
			
 
				+            "y": 37.33528407
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG36",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0515966,
			
 
				+            "y": 37.32539657
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG37",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0396662,
			
 
				+            "y": 37.33669159
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG38",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0315766,
			
 
				+            "y": 37.34420644
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG39",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0183909,
			
 
				+            "y": 37.34223611
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG40",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0164329,
			
 
				+            "y": 37.33144098
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG41",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0044997,
			
 
				+            "y": 37.32873236
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG42",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },
			
 
				+    {
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 107.0019168,
			
 
				+            "y": 37.33337322
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "fc_code": "MHS",
			
 
				+            "code": "MG43",
			
 
				+            "type": "风场"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    }
			
 
				+]
			
--- a/src/assets/dataService/arcgis-nss-line.json
+++ b/src/assets/dataService/arcgis-nss-line.json
--- a/src/assets/dataService/arcgis-nss.json
+++ b/src/assets/dataService/arcgis-nss.json
--- a/src/assets/dataService/arcgis-qs-line.json
+++ b/src/assets/dataService/arcgis-qs-line.json
--- a/src/assets/dataService/arcgis-qs.json
+++ b/src/assets/dataService/arcgis-qs.json
--- a/src/assets/dataService/arcgis-sbq-line.json
+++ b/src/assets/dataService/arcgis-sbq-line.json
@@ -0,0 +1,173 @@
 
				+[{
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"paths": [
			
 
				+			[106.4515667, 37.60171667],
			
 
				+			[106.4368167, 37.6033],
			
 
				+			[106.4341333, 37.60171667],
			
 
				+			[106.4250833, 37.60041667],
			
 
				+			[106.4375, 37.5879],
			
 
				+			[106.4398167, 37.5854],
			
 
				+			[106.4510667, 37.57506667],
			
 
				+			[106.4539333, 37.57455],
			
 
				+			[106.4591, 37.57405],
			
 
				+			[106.4753, 37.57543333],
			
 
				+			[106.48525, 37.57398333],
			
 
				+			[106.4558833, 37.59241667],
			
 
				+			[106.4520667, 37.59083333],
			
 
				+			[106.4503333, 37.5869],
			
 
				+			[106.4539, 37.58436667],
			
 
				+			[106.4588333, 37.58393333],
			
 
				+			[106.4689667, 37.58508333],
			
 
				+			[106.4557667, 37.58851667],
			
 
				+			[106.4691, 37.58788333],
			
 
				+			[106.4727167, 37.5859],
			
 
				+			[106.4853833, 37.58373333],
			
 
				+			[106.501, 37.57553333],
			
 
				+			[106.4698833, 37.6003],
			
 
				+			[106.4722333, 37.59011667],
			
 
				+			[106.4838333, 37.59091667],
			
 
				+			[106.4861333, 37.58858333],
			
 
				+			[106.4880333, 37.58626667],
			
 
				+			[106.4897833, 37.58736667],
			
 
				+			[106.5011667, 37.58518333],
			
 
				+			[106.5076667, 37.58378333],
			
 
				+			[106.5184167, 37.5862],
			
 
				+			[106.5253667, 37.58713333],
			
 
				+			[106.5342833, 37.58786667]
			
 
				+		]
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"fc_code": "SBQ",
			
 
				+		"width": 3
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"paths": [
			
 
				+			[106.4565333, 37.63861667],
			
 
				+			[106.4537167, 37.63945],
			
 
				+			[106.4505667, 37.64101667],
			
 
				+			[106.4369333, 37.64116667],
			
 
				+			[106.43425, 37.65011667],
			
 
				+			[106.43735, 37.654],
			
 
				+			[106.4381333, 37.65733333],
			
 
				+			[106.4344, 37.65973333],
			
 
				+			[106.4393167, 37.66668333],
			
 
				+			[106.4433167, 37.667],
			
 
				+			[106.45585, 37.65986667],
			
 
				+			[106.4680167, 37.63951667],
			
 
				+			[106.4685, 37.65056667],
			
 
				+			[106.4562167, 37.6501],
			
 
				+			[106.43795, 37.65021667],
			
 
				+			[106.4415833, 37.65116667],
			
 
				+			[106.4413667, 37.65436667],
			
 
				+			[106.4417667, 37.65761667],
			
 
				+			[106.4568333, 37.65378333],
			
 
				+			[106.47095, 37.65178333],
			
 
				+			[106.4699833, 37.65555],
			
 
				+			[106.4736333, 37.66703333],
			
 
				+			[106.4756167, 37.63865],
			
 
				+			[106.4847167, 37.64136667],
			
 
				+			[106.4739833, 37.64246667],
			
 
				+			[106.4729333, 37.65466667],
			
 
				+			[106.4751667, 37.6567],
			
 
				+			[106.48745, 37.65055],
			
 
				+			[106.4874333, 37.65305],
			
 
				+			[106.4893333, 37.65453333],
			
 
				+			[106.48695, 37.65755],
			
 
				+			[106.4923667, 37.64303333],
			
 
				+			[106.4925333, 37.6522]
			
 
				+		]
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"fc_code": "SBQ",
			
 
				+		"width": 3
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"paths": [
			
 
				+			[106.4372667, 37.60863333],
			
 
				+			[106.4358333, 37.62263333],
			
 
				+			[106.4697, 37.62076667],
			
 
				+			[106.4594167, 37.6087],
			
 
				+			[106.4585833, 37.60526667],
			
 
				+			[106.4248667, 37.617],
			
 
				+			[106.48565, 37.63513333],
			
 
				+			[106.4233833, 37.63723333],
			
 
				+			[106.4683667, 37.63515],
			
 
				+			[106.4348333, 37.61908333],
			
 
				+			[106.4395333, 37.62545],
			
 
				+			[106.4423, 37.62185],
			
 
				+			[106.4758667, 37.63501667],
			
 
				+			[106.451, 37.60971667],
			
 
				+			[106.4543167, 37.60706667],
			
 
				+			[106.4505, 37.62356667],
			
 
				+			[106.4544833, 37.61888333],
			
 
				+			[106.4586833, 37.62058333],
			
 
				+			[106.4376833, 37.63785],
			
 
				+			[106.4405167, 37.61908333],
			
 
				+			[106.4345, 37.63703333],
			
 
				+			[106.4260833, 37.62615],
			
 
				+			[106.4693667, 37.61766667],
			
 
				+			[106.4713333, 37.63703333],
			
 
				+			[106.4408833, 37.60918333]
			
 
				+		]
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"fc_code": "SBQ",
			
 
				+		"width": 3
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"paths": [
			
 
				+			[106.53535, 37.60373333],
			
 
				+			[106.5314833, 37.60988333],
			
 
				+			[106.5277833, 37.61066667],
			
 
				+			[106.5195, 37.6084],
			
 
				+			[106.5133333, 37.60538333],
			
 
				+			[106.5099333, 37.62868333],
			
 
				+			[106.5286667, 37.62028333],
			
 
				+			[106.5286833, 37.62013333],
			
 
				+			[106.5013167, 37.62301667],
			
 
				+			[106.459833, 37.61241667],
			
 
				+			[106.5030833, 37.61541667],
			
 
				+			[106.4942667, 37.61318333],
			
 
				+			[106.4932667, 37.61023333],
			
 
				+			[106.4872, 37.61611667],
			
 
				+			[106.4764833, 37.61796667],
			
 
				+			[106.4820833, 37.61956667],
			
 
				+			[106.485, 37.62698333],
			
 
				+			[106.4895333, 37.63096667],
			
 
				+			[106.4963, 37.6317],
			
 
				+			[106.5025167, 37.62693333],
			
 
				+			[106.5047, 37.63411667],
			
 
				+			[106.5142, 37.63583333],
			
 
				+			[106.5098667, 37.64313333],
			
 
				+			[106.50405, 37.64968333],
			
 
				+			[106.4992333, 37.6394]
			
 
				+		]
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"fc_code": "SBQ",
			
 
				+		"width": 3
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}]
			
--- a/src/assets/dataService/arcgis-sbq.json
+++ b/src/assets/dataService/arcgis-sbq.json
--- a/src/assets/dataService/arcgis-xs-line.json
+++ b/src/assets/dataService/arcgis-xs-line.json
--- a/src/assets/dataService/arcgis-xs.json
+++ b/src/assets/dataService/arcgis-xs.json
@@ -0,0 +1,887 @@
 
				+[{
			
 
				+        "geometry": {
			
 
				+            "spatialReference": {
			
 
				+                "wkid": 4326
			
 
				+            },
			
 
				+            "x": 105.2139616,
			
 
				+            "y": 37.17630397
			
 
				+        },
			
 
				+        "symbol": null,
			
 
				+        "attributes": {
			
 
				+            "objectid": 1,
			
 
				+            "fc_code": "fc01",
			
 
				+            "code": "升压站",
			
 
				+            "type": "升压站"
			
 
				+        },
			
 
				+        "popupTemplate": null
			
 
				+    },{
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2139616,
			
 
				+		"y": 37.17630397
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG01",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2186394,
			
 
				+		"y": 37.17746656
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG02",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2209997,
			
 
				+		"y": 37.18197998
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG03",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2246046,
			
 
				+		"y": 37.18398015
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG04",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2170515,
			
 
				+		"y": 37.16939645
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG05",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2227592,
			
 
				+		"y": 37.17149955
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG06",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2188325,
			
 
				+		"y": 37.17346581
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG07",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2284241,
			
 
				+		"y": 37.17165343
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG08",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2288532,
			
 
				+		"y": 37.17532943
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG09",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2307415,
			
 
				+		"y": 37.17856075
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG10",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2354193,
			
 
				+		"y": 37.18136453
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG11",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2213216,
			
 
				+		"y": 37.16744719
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG12",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2199697,
			
 
				+		"y": 37.1630697
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG13",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2188754,
			
 
				+		"y": 37.15821314
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG14",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2351832,
			
 
				+		"y": 37.16212919
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG15",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2419209,
			
 
				+		"y": 37.16488228
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG16",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2455902,
			
 
				+		"y": 37.16595955
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG17",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2475214,
			
 
				+		"y": 37.16895189
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG18",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2521992,
			
 
				+		"y": 37.16784046
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG19",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2424788,
			
 
				+		"y": 37.16185559
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG20",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2399254,
			
 
				+		"y": 37.15814473
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG21",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2384663,
			
 
				+		"y": 37.15386932
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG22",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2489376,
			
 
				+		"y": 37.16094927
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG23",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2476501,
			
 
				+		"y": 37.15793952
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG24",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2444744,
			
 
				+		"y": 37.15532299
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG25",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2115583,
			
 
				+		"y": 37.17213218
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG26",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2099276,
			
 
				+		"y": 37.17526105
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG27",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2087474,
			
 
				+		"y": 37.18179192
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG28",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2079105,
			
 
				+		"y": 37.18509134
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG29",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2108502,
			
 
				+		"y": 37.18861284
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG30",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1989198,
			
 
				+		"y": 37.1755517
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG31",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1991987,
			
 
				+		"y": 37.18280057
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG32",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.198791,
			
 
				+		"y": 37.18815129
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG33",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1958299,
			
 
				+		"y": 37.1801849
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG34",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1887488,
			
 
				+		"y": 37.18856156
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG35",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1947355,
			
 
				+		"y": 37.17633817
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG36",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1866031,
			
 
				+		"y": 37.17977459
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG37",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1873326,
			
 
				+		"y": 37.1755688
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG38",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1796722,
			
 
				+		"y": 37.17688527
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG39",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1824403,
			
 
				+		"y": 37.18757008
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG40",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1773977,
			
 
				+		"y": 37.18500586
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG41",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1714969,
			
 
				+		"y": 37.18526229
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG42",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2116871,
			
 
				+		"y": 37.16691711
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG43",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2104855,
			
 
				+		"y": 37.1634288
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG44",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.207417,
			
 
				+		"y": 37.16799435
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG45",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.201602,
			
 
				+		"y": 37.16690001
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG46",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2053785,
			
 
				+		"y": 37.15397194
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG47",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.2037477,
			
 
				+		"y": 37.15821314
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG48",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1997781,
			
 
				+		"y": 37.15963252
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG49",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1993275,
			
 
				+		"y": 37.15679373
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG50",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.194757,
			
 
				+		"y": 37.15879457
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG51",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1912808,
			
 
				+		"y": 37.16060726
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG52",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1859164,
			
 
				+		"y": 37.15607546
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG53",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1862597,
			
 
				+		"y": 37.15226171
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG54",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1868176,
			
 
				+		"y": 37.1622147
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG55",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1817322,
			
 
				+		"y": 37.16525848
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG56",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1725054,
			
 
				+		"y": 37.16621604
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG57",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}, {
			
 
				+	"geometry": {
			
 
				+		"spatialReference": {
			
 
				+			"wkid": 4326
			
 
				+		},
			
 
				+		"x": 105.1694369,
			
 
				+		"y": 37.1642838
			
 
				+	},
			
 
				+	"symbol": null,
			
 
				+	"attributes": {
			
 
				+		"code": "XG58",
			
 
				+		"fc_code": "XS",
			
 
				+		"type": "风场"
			
 
				+	},
			
 
				+	"popupTemplate": null
			
 
				+}]
			
--- a/src/assets/img/LabelArea/flag.png
+++ b/src/assets/img/LabelArea/flag.png
--- a/src/assets/img/RecommendedArea/background.png
+++ b/src/assets/img/RecommendedArea/background.png
--- a/src/assets/img/RecommendedArea/guznzhu_bg_01.png
+++ b/src/assets/img/RecommendedArea/guznzhu_bg_01.png
--- a/src/assets/img/WindturbineDetailPages/green.png
+++ b/src/assets/img/WindturbineDetailPages/green.png
--- a/src/assets/img/WindturbineDetailPages/pic_01.png
+++ b/src/assets/img/WindturbineDetailPages/pic_01.png
--- a/src/assets/img/WindturbineDetailPages/red.png
+++ b/src/assets/img/WindturbineDetailPages/red.png
--- a/src/assets/img/WindturbineDetailPages/偏航.png
+++ b/src/assets/img/WindturbineDetailPages/偏航.png
--- a/src/assets/img/WindturbineDetailPages/发电机.png
+++ b/src/assets/img/WindturbineDetailPages/发电机.png
--- a/src/assets/img/WindturbineDetailPages/变桨.png
+++ b/src/assets/img/WindturbineDetailPages/变桨.png
--- a/src/assets/img/WindturbineDetailPages/机舱.png
+++ b/src/assets/img/WindturbineDetailPages/机舱.png
--- a/src/assets/img/WindturbineDetailPages/液压.png
+++ b/src/assets/img/WindturbineDetailPages/液压.png
--- a/src/assets/img/WindturbineDetailPages/齿轮箱.png
+++ b/src/assets/img/WindturbineDetailPages/齿轮箱.png
--- a/src/assets/img/controlcenter/background_ACB.png
+++ b/src/assets/img/controlcenter/background_ACB.png
--- a/src/assets/img/controlcenter/background_ACR.png
+++ b/src/assets/img/controlcenter/background_ACR.png
--- a/src/assets/img/controlcenter/center_ACB.png
+++ b/src/assets/img/controlcenter/center_ACB.png
--- a/src/assets/img/controlcenter/center_ACR.png
+++ b/src/assets/img/controlcenter/center_ACR.png
--- a/src/assets/img/controlcenter/daraTrue.png
+++ b/src/assets/img/controlcenter/daraTrue.png
--- a/src/assets/img/controlcenter/dataFalse.png
+++ b/src/assets/img/controlcenter/dataFalse.png
--- a/src/assets/img/controlcenter/decoration01.png
+++ b/src/assets/img/controlcenter/decoration01.png
--- a/src/assets/img/controlcenter/decoration02.png
+++ b/src/assets/img/controlcenter/decoration02.png
--- a/src/assets/img/controlcenter/warning.png
+++ b/src/assets/img/controlcenter/warning.png
--- a/src/assets/img/logo.ico
+++ b/src/assets/img/logo.ico
--- a/src/assets/img/logo.png
+++ b/src/assets/img/logo.png
--- a/src/assets/img/logo2.ico
+++ b/src/assets/img/logo2.ico
--- a/src/assets/img/main_window/logo.png
+++ b/src/assets/img/main_window/logo.png
--- a/src/assets/img/menu/agc.png
+++ b/src/assets/img/menu/agc.png
--- a/src/assets/img/menu/booster.png
+++ b/src/assets/img/menu/booster.png
--- a/src/assets/img/menu/homePage.png
+++ b/src/assets/img/menu/homePage.png
--- a/src/assets/img/menu/lock.png
+++ b/src/assets/img/menu/lock.png
--- a/src/assets/img/menu/matrix.png
+++ b/src/assets/img/menu/matrix.png
--- a/src/assets/img/menu/screenshot.png
+++ b/src/assets/img/menu/screenshot.png
--- a/src/assets/img/menu/search.png
+++ b/src/assets/img/menu/search.png
--- a/src/assets/img/menu/set.png
+++ b/src/assets/img/menu/set.png
--- a/src/assets/img/menu/voice.png
+++ b/src/assets/img/menu/voice.png
--- a/src/assets/img/statusbar/accident.png
+++ b/src/assets/img/statusbar/accident.png
--- a/src/assets/img/statusbar/background.png
+++ b/src/assets/img/statusbar/background.png
--- a/src/assets/img/statusbar/background_alarm.png
+++ b/src/assets/img/statusbar/background_alarm.png
--- a/src/assets/img/statusbar/defect.png
+++ b/src/assets/img/statusbar/defect.png
--- a/src/assets/img/statusbar/hidden_danger.png
+++ b/src/assets/img/statusbar/hidden_danger.png
--- a/src/assets/img/statusbar/malfunction.png
+++ b/src/assets/img/statusbar/malfunction.png
--- a/src/assets/img/type/down.png
+++ b/src/assets/img/type/down.png
--- a/src/assets/img/type/duration.png
+++ b/src/assets/img/type/duration.png
--- a/src/assets/img/type/electricityRestrictions.png
+++ b/src/assets/img/type/electricityRestrictions.png
--- a/src/assets/img/type/lock.png
+++ b/src/assets/img/type/lock.png
--- a/src/assets/img/type/none.png
+++ b/src/assets/img/type/none.png
--- a/src/assets/img/type/up.png
+++ b/src/assets/img/type/up.png
--- a/src/assets/styles/main.css
+++ b/src/assets/styles/main.css
@@ -0,0 +1,123 @@
 
				+* {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+
			
 
				+html,
			
 
				+body,
			
 
				+#app,
			
 
				+.wrapper {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    background-color: #000000;
			
 
				+    overflow: hidden;
			
 
				+    font-family: "Microsoft YaHei";
			
 
				+}
			
 
				+.el-popover{
			
 
				+    background-color: rgb(36,36,36) !important;
			
 
				+    border-color: rgb(36,36,36) !important;
			
 
				+  }
			
 
				+/*   .el-table{
			
 
				+    border-color: rgb(36,36,36) !important;
			
 
				+  }
			
 
				+  .el-table__border td{
			
 
				+    border: 1px solid red !important;
			
 
				+  }
			
 
				+  .el-table__row>td{
			
 
				+	border-color: rgb(36,36,36) !important;
			
 
				+}
			
 
				+.el-table::before {
			
 
				+	height: 0px !important;
			
 
				+}
			
 
				+.el-table::after {
			
 
				+	height: 0px !important;
			
 
				+} */
			
 
				+.el-dialog{
			
 
				+  background-color: rgb(36,36,36) !important;
			
 
				+}
			
 
				+.el-form-item__label{
			
 
				+  color: rgb(220, 220, 220) !important;
			
 
				+}
			
 
				+.el-dialog__title{
			
 
				+  color: rgb(220, 220, 220) !important;
			
 
				+}
			
 
				+.inputs .el-input__inner{
			
 
				+  background-color: #000000 !important;
			
 
				+  color: rgb(220, 220, 220) !important;
			
 
				+}
			
 
				+.el-input__inner{
			
 
				+  /* background-color: rgb(100,100,100) !important; */
			
 
				+  color: rgb(220, 220, 220) !important;
			
 
				+  border: 1px solid rgba(77, 77, 77, 1) !important;
			
 
				+}
			
 
				+.el-tabs{
			
 
				+  background-color: black !important;
			
 
				+  border: none !important;
			
 
				+  color: rgb(220,220,220) !important;
			
 
				+}
			
 
				+.el-table__empty-block{
			
 
				+  background-color: #141414;
			
 
				+  border: none;
			
 
				+}
			
 
				+.el-tabs__item{
			
 
				+  background-color: #363636 !important;
			
 
				+  color: rgb(220,220,220) !important;
			
 
				+  border-color: black !important;
			
 
				+} 
			
 
				+.el-tabs__item:hover{
			
 
				+  background-color: rgb(36,36,36) !important;
			
 
				+  border-color: black !important;
			
 
				+}
			
 
				+.el-tabs__item.is-active{
			
 
				+  background-color: rgb(29,106,235) !important;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.el-table--border:after,.el-table--group:after,.el-table:before {
			
 
				+  background-color: black;
			
 
				+  
			
 
				+  }
			
 
				+  
			
 
				+  .el-table--border,.el-table--group {
			
 
				+    border-color:black;
			
 
				+  
			
 
				+  }
			
 
				+  
			
 
				+/*   .el-table td,.el-table th {
			
 
				+    border-bottom:2px solid rgb(36,36,36);
			
 
				+  } 
			
 
				+  
			
 
				+  .el-table--border th,.el-table--border th.gutter:last-of-type {
			
 
				+    border-bottom:1px solid yellow;
			
 
				+  
			
 
				+  }*/
			
 
				+  
			
 
				+  .el-table--border td,.el-table--border th {
			
 
				+    border-right:1px solid rgb(36,36,36);
			
 
				+  
			
 
				+  }
			
 
				+  
			
 
				+  .el-table__empty-text{
			
 
				+    color: black;
			
 
				+  }
			
 
				+
			
 
				+  .el-tree-node:focus>.el-tree-node__content {
			
 
				+    background-color: #000000 !important;
			
 
				+  }
			
 
				+
			
 
				+  .el-tree-node__content:hover {
			
 
				+    background-color: #000000 !important;
			
 
				+  }
			
 
				+  .el-notification .el-icon-success{
			
 
				+    color: #67C23A !important;
			
 
				+  }
			
 
				+  .el-notification .el-icon-warning {
			
 
				+    color: #E6A23C !important;
			
 
				+  }
			
 
				+  .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
			
 
				+    border-bottom: 2px solid black !important;
			
 
				+  }
			
 
				+  .el-table__body-wrapper::-webkit-scrollbar {
			
 
				+    width: 10px;
			
 
				+    height: 10px;
			
 
				+  }
			
--- a/src/background.js
+++ b/src/background.js
@@ -0,0 +1,86 @@
 
				+'use strict'
			
 
				+
			
 
				+import { app, protocol, BrowserWindow } from 'electron'
			
 
				+import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
			
 
				+import installExtension, { VUEJS3_DEVTOOLS } from 'electron-devtools-installer'
			
 
				+const isDevelopment = process.env.NODE_ENV !== 'production'
			
 
				+
			
 
				+// Scheme must be registered before the app is ready
			
 
				+protocol.registerSchemesAsPrivileged([
			
 
				+  { scheme: 'app', privileges: { secure: true, standard: true } }
			
 
				+])
			
 
				+
			
 
				+async function createWindow() {
			
 
				+  // Create the browser window.
			
 
				+  const win = new BrowserWindow({
			
 
				+    width: 800,
			
 
				+    height: 600,
			
 
				+    frame:false,
			
 
				+    fullscreen:true,
			
 
				+    webPreferences: {
			
 
				+      
			
 
				+      // Use pluginOptions.nodeIntegration, leave this alone
			
 
				+      // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
			
 
				+      nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION,
			
 
				+      contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
			
 
				+      nodeIntegration: true,
			
 
				+      contextIsolation: false,
			
 
				+      enableRemoteModule: true,   // 打开remote模块
			
 
				+    }
			
 
				+  })
			
 
				+
			
 
				+  if (process.env.WEBPACK_DEV_SERVER_URL) {
			
 
				+    // Load the url of the dev server if in development mode
			
 
				+    await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)
			
 
				+    if (!process.env.IS_TEST) win.webContents.openDevTools()
			
 
				+  } else {
			
 
				+    createProtocol('app')
			
 
				+    // Load the index.html when not in development
			
 
				+    win.loadURL('app://./index.html')
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// Quit when all windows are closed.
			
 
				+app.on('window-all-closed', () => {
			
 
				+  // On macOS it is common for applications and their menu bar
			
 
				+  // to stay active until the user quits explicitly with Cmd + Q
			
 
				+  if (process.platform !== 'darwin') {
			
 
				+    app.quit()
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+app.on('activate', () => {
			
 
				+  // On macOS it's common to re-create a window in the app when the
			
 
				+  // dock icon is clicked and there are no other windows open.
			
 
				+  if (BrowserWindow.getAllWindows().length === 0) createWindow()
			
 
				+})
			
 
				+
			
 
				+// This method will be called when Electron has finished
			
 
				+// initialization and is ready to create browser windows.
			
 
				+// Some APIs can only be used after this event occurs.
			
 
				+app.on('ready', async () => {
			
 
				+  if (isDevelopment && !process.env.IS_TEST) {
			
 
				+    // Install Vue Devtools
			
 
				+    try {
			
 
				+      await installExtension(VUEJS3_DEVTOOLS)
			
 
				+    } catch (e) {
			
 
				+      console.error('Vue Devtools failed to install:', e.toString())
			
 
				+    }
			
 
				+  }
			
 
				+  createWindow()
			
 
				+})
			
 
				+
			
 
				+// Exit cleanly on request from parent process in development mode.
			
 
				+if (isDevelopment) {
			
 
				+  if (process.platform === 'win32') {
			
 
				+    process.on('message', (data) => {
			
 
				+      if (data === 'graceful-exit') {
			
 
				+        app.quit()
			
 
				+      }
			
 
				+    })
			
 
				+  } else {
			
 
				+    process.on('SIGTERM', () => {
			
 
				+      app.quit()
			
 
				+    })
			
 
				+  }
			
 
				+}
			
--- a/src/components/BasicInformationDetail.vue
+++ b/src/components/BasicInformationDetail.vue
--- a/src/components/BoosterStation/cl.vue
+++ b/src/components/BoosterStation/cl.vue
--- a/src/components/BoosterStation/dx.vue
+++ b/src/components/BoosterStation/dx.vue
--- a/src/components/BoosterStation/kb.vue
+++ b/src/components/BoosterStation/kb.vue
--- a/src/components/BoosterStation/previewPicture.vue
+++ b/src/components/BoosterStation/previewPicture.vue
@@ -0,0 +1,722 @@
 
				+<template>
			
 
				+  <div class="pop-up-main">
			
 
				+    <div class="paln-box">
			
 
				+      <div
			
 
				+        class="movableItem"
			
 
				+        :style="{ width: width, height: height }"
			
 
				+        @mousewheel="rollImg($event)"
			
 
				+        @mousedown="drag($event, 1)"
			
 
				+        ref="bigImage"
			
 
				+      >
			
 
				+        <!-- 图片不可选中 或不可拖拽到新标签打开-->
			
 
				+        <slot
			
 
				+          name="svg"
			
 
				+          oncontextmenu="return false;"
			
 
				+          onselectstart="return false;"
			
 
				+          draggable="false"
			
 
				+        ></slot>
			
 
				+        <template v-if="isEdit && iconWidth">
			
 
				+          <img
			
 
				+            ref="signImage"
			
 
				+            :src="iconImgUrl"
			
 
				+            @mousedown="dragSign($event, key)"
			
 
				+            v-for="(item, key) in equipment"
			
 
				+            :key="key"
			
 
				+            :style="{
			
 
				+              top: equipment[key].top + '%',
			
 
				+              left: equipment[key].left + '%',
			
 
				+              width: iconWidth,
			
 
				+              height: iconHeight,
			
 
				+            }"
			
 
				+            class="equipment"
			
 
				+          />
			
 
				+        </template>
			
 
				+        <el-popover
			
 
				+          width="200"
			
 
				+          placement="bottom-start"
			
 
				+          trigger="hover"
			
 
				+          :close-delay="100"
			
 
				+          content="暂无描述"
			
 
				+          v-else-if="!isEdit && iconWidth && arrIcon.length == equipment.length"
			
 
				+          v-for="(item, key) in equipment"
			
 
				+          :key="key"
			
 
				+          popper-class="preview-popover"
			
 
				+        >
			
 
				+          <!-- &&arrIcon.length==equipment.length -->
			
 
				+          <template>
			
 
				+            <div v-if="equipment[key].describe" class="describe">
			
 
				+              <p class="describe-top">
			
 
				+                {{ equipment[key].describe.deviceName }}
			
 
				+              </p>
			
 
				+              <p class="describe-center">
			
 
				+                {{ equipment[key].describe.remark }}
			
 
				+              </p>
			
 
				+              <p class="describe-bottom">
			
 
				+                {{ equipment[key].describe.location }}
			
 
				+              </p>
			
 
				+            </div>
			
 
				+          </template>
			
 
				+          <!-- <img oncontextmenu="return false;" onselectstart="return false;" draggable="false" slot="reference"
			
 
				+						ref="signImage" :src="$baseUrl + equipment[key].iconImgUrl"
			
 
				+						:style="{top:equipment[key].top+'%',left:equipment[key].left+'%',width:arrIcon[key].iconWidth,height:arrIcon[key].iconHeight}"
			
 
				+						class="equipment" /> -->
			
 
				+        </el-popover>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+  props: {
			
 
				+    equipment: {
			
 
				+      type: Array,
			
 
				+      default: () => {
			
 
				+        return [
			
 
				+          {
			
 
				+            iconImgUrl: "",
			
 
				+            top: 0,
			
 
				+            left: 0,
			
 
				+          },
			
 
				+        ];
			
 
				+      },
			
 
				+    },
			
 
				+    isEdit: {
			
 
				+      default: false,
			
 
				+    },
			
 
				+    imgUrl: {},
			
 
				+  },
			
 
				+
			
 
				+  data() {
			
 
				+    return {
			
 
				+      // 定时器
			
 
				+      timer: "",
			
 
				+      // 图片加载失败
			
 
				+      imgOnerror: false,
			
 
				+      imgIndex: 0,
			
 
				+      isChange: true,
			
 
				+      // 图片显示默认大小
			
 
				+      width: '1823px',
			
 
				+      height: '103vh',  
			
 
				+      // 可缩小倍数,为空则可无限缩小
			
 
				+      minification: 3,
			
 
				+      // 可放大倍数 为空则可无限放大
			
 
				+      magnification: "",
			
 
				+      bigMaxWidth: 1100,
			
 
				+      bigMaxHeight: 800,
			
 
				+
			
 
				+      // 小图标信息
			
 
				+      iconImgUrl: "",
			
 
				+      iconWidth: "",
			
 
				+      // 存储每个小图标处理好的宽高
			
 
				+      iconHeight: "",
			
 
				+      arrIcon: [],
			
 
				+      iconMaxWidth: 32,
			
 
				+      iconMaxHeight: 32,
			
 
				+      tog: 1,
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    // 获取图片大小
			
 
				+    getImgInfo(
			
 
				+      imgUrl,
			
 
				+      MaxWidth,
			
 
				+      MaxHeight,
			
 
				+      StrWidth,
			
 
				+      StrHeight,
			
 
				+      Array = false,
			
 
				+      arr,
			
 
				+      num = 0
			
 
				+    ) {
			
 
				+      let img = new Image();
			
 
				+
			
 
				+      // img.src = imgUrl;
			
 
				+      img = document.getElementsByClassName("svg");
			
 
				+      let _this = this;
			
 
				+      img.onerror = () => {
			
 
				+        // console.log("加载失败！！", _this.arrIcon.length);
			
 
				+        // console.log(imgUrl, MaxWidth, MaxHeight, StrWidth, StrHeight);
			
 
				+        _this.imgOnerror = true;
			
 
				+        _this.imgIndex =
			
 
				+          _this.arrIcon.length - 1 < 0 ? 0 : _this.arrIcon.length - 1;
			
 
				+        this.timer = setTimeout(() => {
			
 
				+          if (num <= 5) {
			
 
				+            _this.getImgInfo(
			
 
				+              imgUrl,
			
 
				+              MaxWidth,
			
 
				+              MaxHeight,
			
 
				+              StrWidth,
			
 
				+              StrHeight,
			
 
				+              Array,
			
 
				+              arr,
			
 
				+              num + 1
			
 
				+            );
			
 
				+          }
			
 
				+          clearInterval(this.timer);
			
 
				+        }, 2000);
			
 
				+      };
			
 
				+      img.onload = function (e) {
			
 
				+        //  显示时 初始 最大宽度
			
 
				+        let maxWidth = MaxWidth;
			
 
				+        //  显示时 初始 最大高度
			
 
				+        let maxHeight = MaxHeight;
			
 
				+        if (
			
 
				+          e.path[0].naturalWidth <= maxWidth &&
			
 
				+          e.path[0].naturalHeight <= maxHeight
			
 
				+        ) {
			
 
				+          _this[StrWidth] = e.path[0].naturalWidth + "px";
			
 
				+          _this[StrHeight] = e.path[0].naturalHeight + "px";
			
 
				+        } else {
			
 
				+          _this[StrWidth] = e.path[0].naturalWidth + "px";
			
 
				+          _this[StrHeight] = e.path[0].naturalHeight + "px";
			
 
				+          if (
			
 
				+            e.path[0].naturalWidth > maxWidth &&
			
 
				+            e.path[0].naturalHeight <= maxHeight
			
 
				+          ) {
			
 
				+            let ratio = e.path[0].naturalWidth / e.path[0].naturalHeight;
			
 
				+            _this[StrWidth] = "1600px";
			
 
				+            _this[StrHeight] = maxWidth / ratio + "px";
			
 
				+          } else if (
			
 
				+            e.path[0].naturalWidth <= maxWidth &&
			
 
				+            e.path[0].naturalHeight > maxHeight
			
 
				+          ) {
			
 
				+            let ratio = e.path[0].naturalWidth / e.path[0].naturalHeight;
			
 
				+            _this[StrWidth] = maxHeight * ratio + "px";
			
 
				+            _this[StrHeight] = "800px";
			
 
				+          } else if (
			
 
				+            e.path[0].naturalWidth > maxWidth &&
			
 
				+            e.path[0].naturalHeight > maxHeight
			
 
				+          ) {
			
 
				+            let ratio = e.path[0].naturalWidth / e.path[0].naturalHeight;
			
 
				+            let w = maxWidth;
			
 
				+            let h = w / ratio;
			
 
				+            if (h > maxHeight) {
			
 
				+              let ratio2 = w / h;
			
 
				+              h = maxHeight;
			
 
				+              w = h * ratio2;
			
 
				+            }
			
 
				+            _this[StrWidth] = w + "px";
			
 
				+            _this[StrHeight] = h + "px";
			
 
				+          }
			
 
				+        }
			
 
				+        if (Array) {
			
 
				+          _this[arr].push({
			
 
				+            iconWidth: _this[StrWidth],
			
 
				+            iconHeight: _this[StrHeight],
			
 
				+          });
			
 
				+          // console.log(
			
 
				+          // 	"tow#################################arrIcon",
			
 
				+          // 	_this[arr].length
			
 
				+          // );
			
 
				+        }
			
 
				+        // _this[StrWidth] = `${e.path[0].naturalWidth}px`;
			
 
				+        // _this[StrHeight] = `${e.path[0].naturalHeight}px`;
			
 
				+        // vm.$set(vm.imgInfo, "width", img.width);
			
 
				+        // vm.$set(vm.imgInfo, "height", img.height);
			
 
				+        // console.log("打印图片信息", imgUrl, _this[StrWidth], _this[StrHeight]); // 打印图片信息
			
 
				+
			
 
				+        // console.log("打印图片信息", e.path[0].naturalHeight); // 打印图片信息
			
 
				+        // console.log("打印图片信息", e); // 打印图片信息
			
 
				+        // console.log("打印图片信息this.width", _this[StrWidth]); // 打印图片信息
			
 
				+        // console.log("打印图片信息this.height", _this[StrHeight]); // 打印图片信息
			
 
				+      };
			
 
				+    },
			
 
				+    // 缩放
			
 
				+    rollImg() {
			
 
				+      let that = this;
			
 
				+      // let oImg = document.getElementsByClassName("movableItem")[0];
			
 
				+      let oImg = this.$refs.bigImage;
			
 
				+      // console.log(
			
 
				+      // 	"length",
			
 
				+      // 	document.getElementsByClassName("movableItem").length
			
 
				+      // );
			
 
				+      // console.log("oImg", oImg);
			
 
				+      let _this = this;
			
 
				+
			
 
				+      function fnWheel(obj, fncc) {
			
 
				+        obj.onmousewheel = fn;
			
 
				+        if (obj.addEventListener) {
			
 
				+          obj.addEventListener("DOMMouseScroll", fn, false);
			
 
				+        }
			
 
				+
			
 
				+        function fn(ev) {
			
 
				+          let oEvent = ev || window.event;
			
 
				+          let down = true;
			
 
				+          if (oEvent.detail) {
			
 
				+            down = oEvent.detail > 0;
			
 
				+          } else {
			
 
				+            down = oEvent.wheelDelta < 0;
			
 
				+          }
			
 
				+          if (fncc) {
			
 
				+            fncc.call(this, down, oEvent);
			
 
				+          }
			
 
				+          if (oEvent.preventDefault) {
			
 
				+            oEvent.preventDefault();
			
 
				+          }
			
 
				+          return false;
			
 
				+        }
			
 
				+      }
			
 
				+      fnWheel(oImg, function (down, oEvent) {
			
 
				+        let oldWidth = this.offsetWidth;
			
 
				+        let oldHeight = this.offsetHeight;
			
 
				+        let oldLeft = this.offsetLeft;
			
 
				+        let oldTop = this.offsetTop;
			
 
				+        let parent = oEvent.path[2];
			
 
				+        // 获取父元素距离页面可视区域的位置
			
 
				+        let parentLeft = parent.getBoundingClientRect().left;
			
 
				+        let parentTop = parent.getBoundingClientRect().top;
			
 
				+        // 比例 = （点击位置距离可视窗口位置 - 父元素距离可视窗口位置 - 相对定位的left）/ 本身宽度
			
 
				+        let scaleX = (oEvent.clientX - parentLeft - oldLeft) / oldWidth; //比例
			
 
				+        let scaleY = (oEvent.clientY - parentTop - oldTop) / oldHeight;
			
 
				+
			
 
				+        let nowWidth = this.style.width.split("p")[0];
			
 
				+        let initWidth = _this.width.split("p")[0];
			
 
				+        let initHeight = _this.height.split("p")[0];
			
 
				+
			
 
				+        let miniFlag = true;
			
 
				+        let magniFlag = true;
			
 
				+        if (_this.minification) {
			
 
				+          // 限制缩小范围
			
 
				+          if (nowWidth <= parseInt(initWidth / _this.minification)) {
			
 
				+            miniFlag = false;
			
 
				+            // console.log("限制缩小范围");
			
 
				+            // console.log(
			
 
				+            // 	"限制缩小范围",
			
 
				+            // 	nowWidth,
			
 
				+            // 	parseInt(initWidth / _this.minification)
			
 
				+            // );
			
 
				+            this.style.width = parseInt(initWidth / _this.minification) + "px";
			
 
				+            this.style.height =
			
 
				+              parseInt(initHeight / _this.minification) + "px";
			
 
				+          }
			
 
				+          if (_this.magnification) {
			
 
				+            // 限制放大范围
			
 
				+            if (nowWidth >= parseInt(initWidth * _this.magnification)) {
			
 
				+              magniFlag = false;
			
 
				+              // console.log("限制放大范围");
			
 
				+              this.style.width =
			
 
				+                parseInt(initWidth * _this.magnification) + "px";
			
 
				+              this.style.height =
			
 
				+                parseInt(initHeight * _this.magnification) + "px";
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        if (down && miniFlag) {
			
 
				+          this.style.width = parseInt(this.offsetWidth * 0.9) + "px";
			
 
				+          this.style.height = parseInt(this.offsetHeight * 0.9) + "px";
			
 
				+
			
 
				+          that.width = parseInt(this.offsetWidth * 0.9) + "px";
			
 
				+          that.height = parseInt(this.offsetHeight * 0.9) + "px";
			
 
				+        } else if (!down && magniFlag) {
			
 
				+          // console.log("放大");
			
 
				+          this.style.width = parseInt(this.offsetWidth * 1.1) + "px";
			
 
				+          this.style.height = parseInt(this.offsetHeight * 1.1) + "px";
			
 
				+          that.width = parseInt(this.offsetWidth * 1.1) + "px";
			
 
				+          that.height = parseInt(this.offsetHeight * 1.1) + "px";
			
 
				+        }
			
 
				+        let newWidth = this.offsetWidth;
			
 
				+        let newHeight = this.offsetHeight;
			
 
				+
			
 
				+        // 新的相对位置left = 原先的相对位置left - 比例 *（本身新的宽度-旧的宽度）
			
 
				+        this.style.left =
			
 
				+          Math.round(this.offsetLeft - scaleX * (newWidth - oldWidth)) + "px";
			
 
				+        this.style.top =
			
 
				+          Math.round(this.offsetTop - scaleY * (newHeight - oldHeight)) + "px";
			
 
				+      });
			
 
				+      // console.log(that.width)
			
 
				+    },
			
 
				+    // },
			
 
				+    //拖拽
			
 
				+    drag(ev) {
			
 
				+      // let ie = document.all;
			
 
				+      let nn6 = document.getElementById && !document.all;
			
 
				+      let isdrag = false;
			
 
				+      let y, x;
			
 
				+      let nTY, nTX;
			
 
				+      let oDragObj;
			
 
				+
			
 
				+      function moveMouse(e) {
			
 
				+        if (isdrag) {
			
 
				+          oDragObj.style.top =
			
 
				+            (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y) + "px";
			
 
				+          oDragObj.style.left =
			
 
				+            (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x) + "px";
			
 
				+          return false;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      function initDrag(e) {
			
 
				+        // console.log("点击图片initDrag");
			
 
				+        let oDragHandle = nn6 ? e.target : event.srcElement;
			
 
				+        let topElement = "HTML";
			
 
				+        while (
			
 
				+          oDragHandle.tagName != topElement &&
			
 
				+          oDragHandle.className != "movableItem"
			
 
				+        ) {
			
 
				+          oDragHandle = nn6
			
 
				+            ? oDragHandle.parentNode
			
 
				+            : oDragHandle.parentElement;
			
 
				+        }
			
 
				+        if (oDragHandle.className == "movableItem") {
			
 
				+          isdrag = true;
			
 
				+          oDragObj = oDragHandle;
			
 
				+          // 父元素宽高
			
 
				+          let width = e.path[2].offsetWidth;
			
 
				+          let height = e.path[2].offsetHeight;
			
 
				+          // 这里判断第一次获取不到style 样式 默认为 居中50%
			
 
				+          if (oDragObj.style.top == "") {
			
 
				+            nTY = 0;
			
 
				+            nTX = parseInt((50 * width) / 100 + 0);
			
 
				+          } else {
			
 
				+            nTY = parseInt(oDragObj.style.top + 0);
			
 
				+            nTX = parseInt(oDragObj.style.left + 0);
			
 
				+          }
			
 
				+          y = nn6 ? e.clientY : event.clientY;
			
 
				+          x = nn6 ? e.clientX : event.clientX;
			
 
				+          oDragObj.style.cursor = "move";
			
 
				+          document.onmousemove = moveMouse;
			
 
				+          return false;
			
 
				+        }
			
 
				+      }
			
 
				+      document.onmousemove = initDrag;
			
 
				+      // document.onmouseup = new Function("isdrag=false");
			
 
				+      document.onmouseup = function (e) {
			
 
				+        isdrag = false;
			
 
				+        document.onmousemove = null;
			
 
				+        document.onmouseup = null;
			
 
				+        let oDragHandle = nn6 ? e.target : event.srcElement;
			
 
				+        let topElement = "HTML";
			
 
				+        while (
			
 
				+          oDragHandle.tagName != topElement &&
			
 
				+          oDragHandle.className != "movableItem"
			
 
				+        ) {
			
 
				+          oDragHandle = nn6
			
 
				+            ? oDragHandle.parentNode
			
 
				+            : oDragHandle.parentElement;
			
 
				+        }
			
 
				+        if (oDragHandle.className == "movableItem") {
			
 
				+          oDragObj = oDragHandle;
			
 
				+          oDragObj.style.cursor = "Default";
			
 
				+        }
			
 
				+      };
			
 
				+      ev = event || window.event;
			
 
				+
			
 
				+      // 取消事件冒泡行为
			
 
				+      // window.event ? (window.event.cancelBubble = true) : ev.stopPropagation();
			
 
				+    },
			
 
				+    // 拖拽标记
			
 
				+    // eslint-disable-next-line no-unused-lets
			
 
				+    dragSign(ev, key) {
			
 
				+      let nn6 = document.getElementById && !document.all;
			
 
				+      let isdrag = false;
			
 
				+      let y, x;
			
 
				+      let nTY, nTX;
			
 
				+      let oDragObj;
			
 
				+      let _this = this;
			
 
				+
			
 
				+      function moveMouse(e) {
			
 
				+        if (isdrag) {
			
 
				+          this.equipmentKey = key;
			
 
				+          // console.log("thisequipmentKey", this.equipmentKey);
			
 
				+
			
 
				+          let widthItem = e.path[1].style.width.split("p");
			
 
				+          let heightItem = e.path[1].style.height.split("p");
			
 
				+          let width = widthItem[0];
			
 
				+          // eslint-disable-next-line no-unused-lets
			
 
				+          let height = heightItem[0];
			
 
				+          let top =
			
 
				+            ((nn6
			
 
				+              ? (nTY / 100) * height + e.clientY - y
			
 
				+              : (nTY / 100) * height + event.clientY - y) /
			
 
				+              height) *
			
 
				+            100;
			
 
				+          let left =
			
 
				+            ((nn6
			
 
				+              ? (nTX / 100) * width + e.clientX - x
			
 
				+              : (nTX / 100) * width + event.clientX - x) /
			
 
				+              width) *
			
 
				+            100;
			
 
				+
			
 
				+          if (top >= 0 && top <= 100) {
			
 
				+            _this.equipment[key].top = top;
			
 
				+          }
			
 
				+          if (left >= 0 && left <= 100) {
			
 
				+            _this.equipment[key].left = left;
			
 
				+          }
			
 
				+
			
 
				+          return false;
			
 
				+        }
			
 
				+      }
			
 
				+      // eslint-disable-next-line no-unused-vars
			
 
				+      function initDrag(e) {
			
 
				+        // console.log("_this", _this);
			
 
				+        let oDragHandle = nn6 ? e.target : event.srcElement;
			
 
				+        let topElement = "HTML";
			
 
				+        while (
			
 
				+          oDragHandle.tagName != topElement &&
			
 
				+          oDragHandle.className.indexOf("equipment") == -1
			
 
				+        ) {
			
 
				+          oDragHandle = nn6
			
 
				+            ? oDragHandle.parentNode
			
 
				+            : oDragHandle.parentElement;
			
 
				+        }
			
 
				+        if (oDragHandle.className.indexOf("equipment") != -1) {
			
 
				+          isdrag = true;
			
 
				+          oDragObj = oDragHandle;
			
 
				+          // 父元素宽高
			
 
				+          let width = e.path[1].offsetWidth;
			
 
				+          // let height = e.path[1].offsetHeight;
			
 
				+          // console.log(width, height);
			
 
				+          // console.log("oDragObj.style", oDragObj.style);
			
 
				+          // 这里判断第一次获取不到style 样式 默认为 居中50%
			
 
				+          if (oDragObj.style.top == "") {
			
 
				+            // nTY = parseInt((50 * height) / 100 + 0);
			
 
				+            nTY = 0;
			
 
				+            nTX = parseInt((50 * width) / 100 + 0);
			
 
				+          } else if (oDragObj.style.top.indexOf("%") != -1) {
			
 
				+            nTY = oDragObj.style.top.split("%")[0];
			
 
				+            nTX = oDragObj.style.left.split("%")[0];
			
 
				+          } else {
			
 
				+            nTY = parseInt(oDragObj.style.top + 0);
			
 
				+            nTX = parseInt(oDragObj.style.left + 0);
			
 
				+          }
			
 
				+          y = nn6 ? e.clientY : event.clientY;
			
 
				+          x = nn6 ? e.clientX : event.clientX;
			
 
				+
			
 
				+          oDragObj.style.cursor = "move";
			
 
				+          document.onmousemove = moveMouse;
			
 
				+          return false;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      // document.onmousedown = initDrag;
			
 
				+      document.onmousemove = initDrag;
			
 
				+
			
 
				+      document.onmouseup = function (e) {
			
 
				+        isdrag = false;
			
 
				+        document.onmousemove = null;
			
 
				+        document.onmouseup = null;
			
 
				+        let oDragHandle = nn6 ? e.target : event.srcElement;
			
 
				+        let topElement = "HTML";
			
 
				+        while (
			
 
				+          oDragHandle.tagName != topElement &&
			
 
				+          oDragHandle.className != "equipment"
			
 
				+        ) {
			
 
				+          oDragHandle = nn6
			
 
				+            ? oDragHandle.parentNode
			
 
				+            : oDragHandle.parentElement;
			
 
				+        }
			
 
				+        if (oDragHandle.className == "equipment") {
			
 
				+          oDragObj = oDragHandle;
			
 
				+          oDragObj.style.cursor = "Default";
			
 
				+        }
			
 
				+      };
			
 
				+
			
 
				+      // _this.equipmentKey = key;
			
 
				+      // _this.equipment[_this.equipmentKey].left = l;
			
 
				+      // _this.equipment[_this.equipmentKey].top = t;
			
 
				+      ev = event || window.event;
			
 
				+
			
 
				+      // 取消事件冒泡行为
			
 
				+      window.event ? (window.event.cancelBubble = true) : ev.stopPropagation();
			
 
				+    },
			
 
				+  },
			
 
				+
			
 
				+  watch: {
			
 
				+    equipment() {
			
 
				+      if (this.equipment.length != 0) {
			
 
				+        this.arrIcon = [];
			
 
				+        let finish = true;
			
 
				+        this.equipment.filter((item) => {
			
 
				+          if (!item.iconImgUrl) {
			
 
				+            finish = false;
			
 
				+          }
			
 
				+          return true;
			
 
				+        });
			
 
				+        // console.log("finish", finish);
			
 
				+        if (finish) {
			
 
				+          this.equipment.filter((item, index) => {
			
 
				+            if (index >= this.imgIndex) {
			
 
				+              console.log("iconImgUrl", this.equipment[index].iconImgUrl);
			
 
				+              this.getImgInfo(
			
 
				+                this.$baseUrl + item.iconImgUrl,
			
 
				+                this.iconMaxWidth,
			
 
				+                this.iconMaxHeight,
			
 
				+                "iconWidth",
			
 
				+                "iconHeight",
			
 
				+                true,
			
 
				+                "arrIcon"
			
 
				+              );
			
 
				+            }
			
 
				+            console.log("22filter", index);
			
 
				+            return true;
			
 
				+          });
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getImgInfo(
			
 
				+      this.imgUrl,
			
 
				+      this.bigMaxWidth,
			
 
				+      this.bigMaxHeight,
			
 
				+      "width",
			
 
				+      "height"
			
 
				+    );
			
 
				+    if (this.equipment.length != 0) {
			
 
				+      this.arrIcon = [];
			
 
				+      let finish = true;
			
 
				+      this.equipment.filter((item) => {
			
 
				+        if (!item.iconImgUrl) {
			
 
				+          finish = false;
			
 
				+        }
			
 
				+        return true;
			
 
				+      });
			
 
				+      // console.log("finish", finish);
			
 
				+      if (finish) {
			
 
				+        this.equipment.filter((item, index) => {
			
 
				+          if (index >= this.imgIndex) {
			
 
				+            // console.log("iconImgUrl", this.equipment[index].iconImgUrl);
			
 
				+            this.getImgInfo(
			
 
				+              this.$baseUrl + item.iconImgUrl,
			
 
				+              this.iconMaxWidth,
			
 
				+              this.iconMaxHeight,
			
 
				+              "iconWidth",
			
 
				+              "iconHeight",
			
 
				+              true,
			
 
				+              "arrIcon"
			
 
				+            );
			
 
				+          }
			
 
				+          // console.log("22filter", index);
			
 
				+          return true;
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    this.iconImgUrl = JSON.parse(
			
 
				+      JSON.stringify(this.$baseUrl + this.equipment[0].iconImgUrl)
			
 
				+    );
			
 
				+    // console.log("imgUrl", this.imgUrl);
			
 
				+    // console.log("equipment", this.equipment);
			
 
				+    // //禁止鼠标右键
			
 
				+    // document.oncontextmenu = function() {
			
 
				+    //   return false;
			
 
				+    // };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="less">
			
 
				+.preview-popover {
			
 
				+  background-color: #d3edf7dd;
			
 
				+  padding: 12px;
			
 
				+
			
 
				+  .popper__arrow::after {
			
 
				+    border-bottom-color: #d3edf7dd !important;
			
 
				+  }
			
 
				+
			
 
				+  .describe {
			
 
				+    p {
			
 
				+      padding-bottom: 5px;
			
 
				+
			
 
				+      &:last-child {
			
 
				+        padding-bottom: 0px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .describe-top {
			
 
				+      // color: sandybrown;
			
 
				+      // color: red;
			
 
				+      color: rgb(21, 110, 110);
			
 
				+    }
			
 
				+
			
 
				+    .describe-center {
			
 
				+      color: rgb(79, 21, 206);
			
 
				+    }
			
 
				+
			
 
				+    .describe-bottom {
			
 
				+      color: rgb(30, 31, 29);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
 
				+<style lang="less" scoped>
			
 
				+.pop-up-main {
			
 
				+		width: 100%;
			
 
				+		height: calc(100vh - 12vh);
			
 
				+		overflow-y:hidden ;
			
 
				+
			
 
				+		.paln-box {
			
 
				+			width: 100%;
			
 
				+			height: 100%;
			
 
				+			position: relative;
			
 
				+
			
 
				+			.movableItem {
			
 
				+				position: absolute;
			
 
				+				// top: 75%;
			
 
				+				left: 50%;
			
 
				+				transform: translate(-50%, -8%);
			
 
				+
			
 
				+				img,
			
 
				+				.svg {
			
 
				+					z-index: 1;
			
 
				+					width: 100%;
			
 
				+					height: 100%;
			
 
				+				}
			
 
				+
			
 
				+				.equipment {
			
 
				+					position: absolute;
			
 
				+					top: 0;
			
 
				+					left: 0;
			
 
				+					transform: translate(-50%, -50%);
			
 
				+					z-index: 2;
			
 
				+					font-size: 40px;
			
 
				+					// color: red;
			
 
				+					// background: blue;
			
 
				+					zoom: 1;
			
 
				+				}
			
 
				+			}
			
 
				+
			
 
				+			.shuaxin {
			
 
				+				position: absolute;
			
 
				+				z-index: 2;
			
 
				+				font-size: 40px;
			
 
				+				top: 20px;
			
 
				+				left: 20px;
			
 
				+				cursor: pointer;
			
 
				+
			
 
				+				&:hover {
			
 
				+					color: yellowgreen;
			
 
				+				}
			
 
				+			}
			
 
				+
			
 
				+			.equipment {
			
 
				+				color: white;
			
 
				+			}
			
 
				+
			
 
				+			&/deep/.el-button {
			
 
				+				z-index: 2;
			
 
				+				position: absolute;
			
 
				+				bottom: 60px;
			
 
				+				right: 20px;
			
 
				+				width: 60px;
			
 
				+				height: 35px;
			
 
				+
			
 
				+				span {
			
 
				+					display: inline-block;
			
 
				+					position: absolute;
			
 
				+					top: 50%;
			
 
				+					left: 50%;
			
 
				+					transform: translate(-50%, -50%);
			
 
				+				}
			
 
				+
			
 
				+				i {
			
 
				+					display: inline-block;
			
 
				+					position: absolute;
			
 
				+					top: 50%;
			
 
				+					left: 25%;
			
 
				+					transform: translate(-50%, -50%);
			
 
				+				}
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+</style>
			
--- a/src/components/BoosterStation/sy.vue
+++ b/src/components/BoosterStation/sy.vue
--- a/src/components/StandAloneImg.vue
+++ b/src/components/StandAloneImg.vue
--- a/src/components/WindturbineDetailPages.vue
+++ b/src/components/WindturbineDetailPages.vue
@@ -0,0 +1,509 @@
 
				+<template>
			
 
				+  <el-dialog
			
 
				+    width="80%"
			
 
				+    @opened="opened()"
			
 
				+    @closed="closed()"
			
 
				+    :show-close="false"
			
 
				+    class="my-info-dialog"
			
 
				+  >
			
 
				+    <template #title>
			
 
				+      <div style="margin-top: -10px; color: #ffffff">风机详情</div>
			
 
				+    </template>
			
 
				+    <div class="body">
			
 
				+      <div class="titleList">
			
 
				+        <div class="chunkdiv" @click="handleClick(true)">
			
 
				+          <div class="title">风机号：&emsp;</div>
			
 
				+          <!-- <div>{{ windturbine.windturbineId }}</div> -->
			
 
				+          <div>
			
 
				+            {{ windturbine.id.slice(0, windturbine.stationName.length-3) }}-{{ windturbine.code }}
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div
			
 
				+          class="chunkdiv"
			
 
				+          @click="handleClick(true)"
			
 
				+          @dblclick="dbClicks(baseDate.windSpeed)"
			
 
				+        >
			
 
				+          <div class="title">{{ baseDate.windSpeed.name }}：&emsp;</div>
			
 
				+          <div>{{ baseDate.windSpeed.value }}{{ baseDate.windSpeed.unit }}</div>
			
 
				+        </div>
			
 
				+        <div
			
 
				+          class="chunkdiv"
			
 
				+          @click="handleClick(true)"
			
 
				+          @dblclick="dbClicks({ code: 'YDPJFS5M', name: '五分钟平均风速' })"
			
 
				+        >
			
 
				+          <div class="title">五分钟平均风速：&emsp;</div>
			
 
				+          <div>{{ healthInfo?.averageWindSpeed5?.toFixed(2) }}m/s</div>
			
 
				+        </div>
			
 
				+        <div
			
 
				+          class="chunkdiv"
			
 
				+          @click="handleClick(true)"
			
 
				+          @dblclick="dbClicks(theoreticalPower)"
			
 
				+        >
			
 
				+          <div class="title">理论功率：&emsp;</div>
			
 
				+          <div>{{ healthInfo?.theoreticalPower?.toFixed(2) }}Kw</div>
			
 
				+        </div>
			
 
				+        <div
			
 
				+          class="chunkdiv"
			
 
				+          @click="handleClick(true)"
			
 
				+          @dblclick="dbClicks(baseDate.power)"
			
 
				+        >
			
 
				+          <div class="title">{{ baseDate.power.name }}：&emsp;</div>
			
 
				+          <div>{{ baseDate.power.value }}{{ baseDate.power.unit }}</div>
			
 
				+        </div>
			
 
				+        <div
			
 
				+          class="chunkdiv"
			
 
				+          @click="handleClick(true)"
			
 
				+          @dblclick="dbClicks(baseDate.generatorSpeed)"
			
 
				+        >
			
 
				+          <div class="title">{{ baseDate.generatorSpeed.name }}：&emsp;</div>
			
 
				+          <div>
			
 
				+            {{ baseDate.generatorSpeed.value
			
 
				+            }}{{ baseDate.generatorSpeed.unit }}
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="chunkdiv" @click="handleClick(false)">
			
 
				+          <div class="title">故障信息: &emsp;{{ faultNum }}</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <BasicInformationDetail
			
 
				+        v-show="current"
			
 
				+        ref="BasicInfo"
			
 
				+        :types="types"
			
 
				+        @health-click="handleHealth"
			
 
				+        :windturbine="windturbine"
			
 
				+      ></BasicInformationDetail>
			
 
				+      <div class="faultInfo" v-show="!current">
			
 
				+        <div class="left-item">
			
 
				+          <div
			
 
				+            :class="item.openedCount > 0 ? 'faultNameErr' : 'faultName'"
			
 
				+            v-for="(item, index) in fault"
			
 
				+            :key="index"
			
 
				+            @click="handleFaultClick(index)"
			
 
				+          >
			
 
				+            {{ item.component }}
			
 
				+            <div class="faultNum" v-if="item.openedCount > 0">
			
 
				+              ({{ item.openedCount }})
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="right-item">
			
 
				+          <div class="tables">
			
 
				+            <el-table
			
 
				+              :data="faultList"
			
 
				+              class="table"
			
 
				+              style="width: 100%"
			
 
				+              height="67vh"
			
 
				+              stripe
			
 
				+              highlight-current-row
			
 
				+              :header-cell-style="{
			
 
				+                background: 'rgb(30,30,30)',
			
 
				+                color: 'rgb(220,220,220)',
			
 
				+                padding: '4px',
			
 
				+                fontSize: '14px',
			
 
				+                'border-bottom': 'solid 1px rgba(77, 77, 77, 1)',
			
 
				+              }"
			
 
				+              :cell-style="tableCellStyle"
			
 
				+            >
			
 
				+              <el-table-column
			
 
				+                prop="id"
			
 
				+                label="报警编号"
			
 
				+                width="200"
			
 
				+                align="center"
			
 
				+              >
			
 
				+              </el-table-column>
			
 
				+              <el-table-column
			
 
				+                prop="modelId"
			
 
				+                label="风机型号"
			
 
				+                width="150"
			
 
				+                align="center"
			
 
				+              >
			
 
				+              </el-table-column>
			
 
				+              <el-table-column
			
 
				+                prop="lastUpdateTime"
			
 
				+                label="故障时间"
			
 
				+                width="150"
			
 
				+                align="center"
			
 
				+              >
			
 
				+              </el-table-column>
			
 
				+              <el-table-column prop="alertText" label="报警信息" align="center">
			
 
				+              </el-table-column>
			
 
				+              <el-table-column label="故障状态" width="120" align="center">
			
 
				+                <template #default="scope">
			
 
				+                  <span>
			
 
				+                    {{ scope.row?.isOpened > 0 ? "故障" : "正常" }}
			
 
				+                  </span>
			
 
				+                </template>
			
 
				+              </el-table-column>
			
 
				+            </el-table>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </el-dialog>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import api from "api/index";
			
 
				+import BasicInformationDetail from "./BasicInformationDetail.vue";
			
 
				+import BackgroundData from "utils/BackgroundData";
			
 
				+import Fault from "utils/fault";
			
 
				+export default {
			
 
				+  components: {
			
 
				+    BasicInformationDetail,
			
 
				+  },
			
 
				+  props: {
			
 
				+    windturbine: Object,
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      current: true,
			
 
				+      BasicInfo: {},
			
 
				+      healthInfo: {},
			
 
				+      line: "",
			
 
				+      alarmTime: "",
			
 
				+      alarmContent: "",
			
 
				+      alarms: [],
			
 
				+      count: false,
			
 
				+      theoreticalPower: {
			
 
				+        code: "LLGL",
			
 
				+        name: "理论功率",
			
 
				+      },
			
 
				+      typeList: [
			
 
				+        {
			
 
				+          type: 0,
			
 
				+          name: "已经停机",
			
 
				+        },
			
 
				+        {
			
 
				+          type: 1,
			
 
				+          name: "上电",
			
 
				+        },
			
 
				+        {
			
 
				+          type: 2,
			
 
				+          name: "待机",
			
 
				+        },
			
 
				+        {
			
 
				+          type: 3,
			
 
				+          name: "启动",
			
 
				+        },
			
 
				+        {
			
 
				+          type: 4,
			
 
				+          name: "并网",
			
 
				+        },
			
 
				+        {
			
 
				+          type: 5,
			
 
				+          name: "故障",
			
 
				+        },
			
 
				+        {
			
 
				+          type: 6,
			
 
				+          name: "维护",
			
 
				+        },
			
 
				+        {
			
 
				+          type: 7,
			
 
				+          name: "离线",
			
 
				+        },
			
 
				+      ],
			
 
				+      baseDate: {
			
 
				+        windSpeed: {
			
 
				+          name: "",
			
 
				+          num: "",
			
 
				+          unit: "",
			
 
				+        },
			
 
				+        power: {
			
 
				+          name: "",
			
 
				+          num: "",
			
 
				+          unit: "",
			
 
				+        },
			
 
				+        generatorSpeed: {
			
 
				+          name: "",
			
 
				+          num: "",
			
 
				+          unit: "",
			
 
				+        },
			
 
				+      },
			
 
				+      types: null,
			
 
				+      fault: {},
			
 
				+      refreshTimer: "",
			
 
				+      refreshTimers: "",
			
 
				+      faultNum: 0,
			
 
				+      faultList: [],
			
 
				+      // station: [],
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getUniformCodes();
			
 
				+    // this.getWindturbineFdc();
			
 
				+  },
			
 
				+
			
 
				+  methods: {
			
 
				+    // getWindturbineFdc() {
			
 
				+    //   api.getWindturbineFdc().then((res) => {
			
 
				+    //     this.station = res.data;
			
 
				+    //   });
			
 
				+    // },
			
 
				+    handleFaultClick(index) {
			
 
				+      this.faultList = this.fault[index].alertSnaps;
			
 
				+    },
			
 
				+    handleClick(val) {
			
 
				+      this.current = val;
			
 
				+    },
			
 
				+    getUniformCodes() {
			
 
				+      api.getUniformCodes().then((res) => {
			
 
				+        this.UniformCodes = res.data;
			
 
				+      });
			
 
				+    },
			
 
				+    opened() {
			
 
				+      this.line = "";
			
 
				+      this.alarmTime = "";
			
 
				+      this.alarmContent = "";
			
 
				+      this.BasicInfo = this.uniformCodesDeal(this.windturbine);
			
 
				+      this.BasicInfo.windturbineId = this.windturbine.windturbineId;
			
 
				+      // this.dateDeal(this.BasicInfo)
			
 
				+      this.$refs.BasicInfo.start(this.BasicInfo);
			
 
				+      this.initData();
			
 
				+      this.refreshData();
			
 
				+      this.refreshTimer = setInterval(this.refreshData, 5000);
			
 
				+    },
			
 
				+    tableCellStyle({ row, column, rowIndex, columnIndex }) {
			
 
				+      let warningColor = false;
			
 
				+      let obj = {};
			
 
				+      if (row.isOpened > 0) {
			
 
				+        warningColor = true;
			
 
				+      }
			
 
				+      if (warningColor) {
			
 
				+        obj = {
			
 
				+          height: "40px",
			
 
				+          background: "rgb(30,30,30)",
			
 
				+          color: "#FF0000",
			
 
				+          padding: "3px",
			
 
				+          fontSize: "12px",
			
 
				+          "border-top": "0px solid #000000",
			
 
				+          "border-bottom": "1px solid #000000",
			
 
				+          "border-right": "1px solid #000000",
			
 
				+        };
			
 
				+      } else {
			
 
				+        obj = {
			
 
				+          height: "40px",
			
 
				+          background: "rgb(30,30,30)",
			
 
				+          color: "rgb(220,220,220)",
			
 
				+          padding: "3px",
			
 
				+          fontSize: "12px",
			
 
				+          "border-top": "0px solid #000000",
			
 
				+          "border-bottom": "1px solid #000000",
			
 
				+          "border-right": "1px solid #000000",
			
 
				+        };
			
 
				+      }
			
 
				+
			
 
				+      return obj;
			
 
				+    },
			
 
				+    uniformCodesDeal(windturbine) {
			
 
				+      let val = this.UniformCodes[windturbine.stationId][windturbine.modelId];
			
 
				+      let codes = "";
			
 
				+      val.forEach((element) => {
			
 
				+        element.param.forEach((itm) => {
			
 
				+          codes += itm.code + ",";
			
 
				+        });
			
 
				+      });
			
 
				+      val.codes = codes;
			
 
				+      return val;
			
 
				+    },
			
 
				+    closed() {
			
 
				+      this.$refs.BasicInfo.end();
			
 
				+      this.$emit("close");
			
 
				+      clearInterval(this.refreshTimer);
			
 
				+      clearInterval(this.refreshTimers);
			
 
				+      this.refreshTimers = null;
			
 
				+      this.refreshTimer = null;
			
 
				+    },
			
 
				+    dateDeal(BasicInfo) {
			
 
				+      let showInf = {};
			
 
				+      showInf = BasicInfo.filter((item) => item.tag === "基本信息")[0];
			
 
				+      this.baseDate.windSpeed = showInf.param.filter(
			
 
				+        (item) => item.name === "风速"
			
 
				+      )[0];
			
 
				+      this.baseDate.power = showInf.param.filter(
			
 
				+        (item) => item.name === "有功功率"
			
 
				+      )[0];
			
 
				+      this.baseDate.generatorSpeed = showInf.param.filter(
			
 
				+        (item) => item.name === "发电机转速"
			
 
				+      )[0];
			
 
				+      this.baseDate.type = showInf.param.filter(
			
 
				+        (item) => item.name === "状态"
			
 
				+      )[0].value
			
 
				+        ? this.typeList.filter(
			
 
				+            (status) =>
			
 
				+              status.type ===
			
 
				+              Number(
			
 
				+                showInf.param.filter((item) => item.name === "状态")[0].value
			
 
				+              )
			
 
				+          )[0].name
			
 
				+        : "";
			
 
				+      this.types = Number(
			
 
				+        showInf.param.filter((item) => item.name === "状态")[0].value
			
 
				+      );
			
 
				+    },
			
 
				+    refreshData() {
			
 
				+      let bg = BackgroundData.getInstance();
			
 
				+      bg.initWinturbineBaseData(this.BasicInfo, this.onMessage);
			
 
				+      this.dateDeal(this.BasicInfo);
			
 
				+      // clearInterval(this.refreshTimer);
			
 
				+      // this.refreshTimers = setInterval(this.refreshData, 5000);
			
 
				+    },
			
 
				+    initData() {
			
 
				+      api
			
 
				+        .getWindWarning(this.windturbine.windturbineId, "1", "50")
			
 
				+        .then((msg) => {
			
 
				+          let vs = msg.data;
			
 
				+          if (vs.length <= 0) return;
			
 
				+          this.alarmTime = BackgroundData.getInstance().formatDate(
			
 
				+            vs[0].lastUpdateTime
			
 
				+          );
			
 
				+          this.alarmContent = vs[0].alertText;
			
 
				+          this.alarms = msg.data;
			
 
				+          this.$refs.BasicInfo.alarmd(this.alarms);
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.log(err);
			
 
				+        });
			
 
				+      api
			
 
				+        .alarmSnap({
			
 
				+          windturbineId: this.windturbine.windturbineId,
			
 
				+        })
			
 
				+        .then((res) => {
			
 
				+          this.fault = res.data;
			
 
				+          this.faultList = res.data[0].alertSnaps;
			
 
				+          let faultNum = 0;
			
 
				+          this.fault.forEach((item) => {
			
 
				+            faultNum = faultNum + item.openedCount;
			
 
				+          });
			
 
				+          this.faultNum = faultNum;
			
 
				+        });
			
 
				+    },
			
 
				+    dbClicks(value) {
			
 
				+      this.$refs.BasicInfo.dbClicks(value, this.windturbine.windturbineId);
			
 
				+    },
			
 
				+    handleHealth(value) {
			
 
				+      this.healthInfo = value;
			
 
				+    },
			
 
				+  },
			
 
				+  watch: {
			
 
				+    windturbine: {
			
 
				+      handler: function (json) {
			
 
				+        if (json) {
			
 
				+          this.initData();
			
 
				+        }
			
 
				+      },
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style scoped>
			
 
				+.my-info-dialog {
			
 
				+  box-shadow: 0px 0px 10px #05bb4c;
			
 
				+}
			
 
				+
			
 
				+.body {
			
 
				+  background-color: black;
			
 
				+  margin-top: -30px;
			
 
				+  margin-left: -10px;
			
 
				+  margin-right: -10px;
			
 
				+  margin-bottom: -30px;
			
 
				+  border-bottom: 20px solid rgb(36, 36, 36);
			
 
				+}
			
 
				+
			
 
				+.chunkdiv {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  width: 17%;
			
 
				+  background-color: #363636;
			
 
				+  margin: 1px;
			
 
				+  padding: 4px 0px;
			
 
				+  font-size: 12px;
			
 
				+  color: #ffffff;
			
 
				+  overflow: hidden;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+
			
 
				+.title {
			
 
				+  font-size: 12px;
			
 
				+  color: #b3b3b3;
			
 
				+}
			
 
				+
			
 
				+table {
			
 
				+  margin-left: 2px;
			
 
				+  margin-right: 2px;
			
 
				+}
			
 
				+
			
 
				+/* td {
			
 
				+		width: 20%;
			
 
				+	} */
			
 
				+
			
 
				+el-tabs {
			
 
				+  background-color: black;
			
 
				+}
			
 
				+
			
 
				+.svg {
			
 
				+  height: 67vh;
			
 
				+}
			
 
				+.titleList {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+.faultInfo {
			
 
				+  height: 70vh;
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  width: 100%;
			
 
				+}
			
 
				+.left-item {
			
 
				+  width: 16%;
			
 
				+  background-color: #4d4d4d;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  padding-top: 20px;
			
 
				+  align-items: center;
			
 
				+  height: 96%;
			
 
				+  overflow-y: auto;
			
 
				+}
			
 
				+.faultName {
			
 
				+  font-size: 16px;
			
 
				+  color: #ffffff;
			
 
				+  margin-bottom: 10px;
			
 
				+}
			
 
				+.faultNameErr {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: baseline;
			
 
				+  font-size: 16px;
			
 
				+  color: red;
			
 
				+  margin-bottom: 15px;
			
 
				+}
			
 
				+.faultNum {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+.right-item {
			
 
				+  width: 83%;
			
 
				+  background-color: #4d4d4d;
			
 
				+  margin-left: 15px;
			
 
				+  height: 96%;
			
 
				+  padding-bottom: 20px;
			
 
				+}
			
 
				+.el-table {
			
 
				+  background-color: #000000 !important;
			
 
				+}
			
 
				+.el-table__body-wrapper::-webkit-scrollbar {
			
 
				+  width: 8px !important;
			
 
				+  height: 0px !important;
			
 
				+  background-color: black !important;
			
 
				+}
			
 
				+
			
 
				+.el-table__body-wrapper::-webkit-scrollbar-thumb {
			
 
				+  background-color: #292929 !important;
			
 
				+  border-radius: 6px !important;
			
 
				+}
			
 
				+.tables {
			
 
				+  width: 98%;
			
 
				+  margin: 1%;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/allMatrices.vue
+++ b/src/components/allMatrices.vue
@@ -0,0 +1,657 @@
 
				+<template>
			
 
				+  <el-dialog width="70%" @open="opened" @closed="closed" :fullscreen="true" :show-close="true" class="dialogs">
			
 
				+    <template #title>
			
 
				+      <div class="showTitles currentShowTitles">
			
 
				+        <div class="titles">风机矩阵</div>
			
 
				+      </div>
			
 
				+    </template>
			
 
				+    <div class="body" @contextmenu="contextmenu">
			
 
				+      <div class="title">
			
 
				+        <div :class="current === item.id ? 'title-onItem' : 'title-item'" v-for="(item, index) in stationList"
			
 
				+          :key="index" @click="handleChange(item.id)">
			
 
				+          {{ item.address }}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="content">
			
 
				+        <box-select node=".box" @selectList="selectList">
			
 
				+          <div class="windStation" v-for="(item, index) in dataArr" :key="index">
			
 
				+            <div class="stationTitle">
			
 
				+              <div class="stationName">
			
 
				+                {{
			
 
				+                    stationList.filter((val) => item[0].stationId === val.id)[0]
			
 
				+                      ?.address
			
 
				+                }}
			
 
				+              </div>
			
 
				+              <div class="num">
			
 
				+                <div class="jrts">接入台数</div>
			
 
				+                <div class="jrts_num">{{ item.length }}</div>
			
 
				+              </div>
			
 
				+              <div class="num">
			
 
				+                <div class="djts">待机台数</div>
			
 
				+                <div class="djts_num">
			
 
				+                  {{ item.filter((val) => val.status === 2 || val.status === 3)?.length }}
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="num">
			
 
				+                <div class="bwts">并网台数</div>
			
 
				+                <div class="bwts_num">
			
 
				+                  {{ item.filter((val) => val.status === 4)?.length }}
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="num">
			
 
				+                <div class="gzts">故障台数</div>
			
 
				+                <div class="gzts_num">
			
 
				+                  {{ item.filter((val) => val.status === 5)?.length }}
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="num">
			
 
				+                <div class="jxts">检修台数</div>
			
 
				+                <div class="jxts_num">
			
 
				+                  {{ item.filter((val) => val.status === 6)?.length }}
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="num">
			
 
				+                <div class="lxts">离线台数</div>
			
 
				+                <div class="lxts_num">
			
 
				+                  {{ item.filter((val) => val.status === 7)?.length }}
			
 
				+                </div>
			
 
				+              </div>
			
 
				+
			
 
				+              <div class="stationInfo">
			
 
				+                <div class="name">实时功率</div>
			
 
				+                <div class="nums">
			
 
				+                  {{
			
 
				+                      $store.state.titleInfo.stationOverviewInfos[
			
 
				+                        item[0].stationId
			
 
				+                      ]?.realTimePower?.value.toFixed(2)
			
 
				+                  }}MW
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="stationInfo">
			
 
				+                <div class="name">平均风速</div>
			
 
				+                <div class="nums">
			
 
				+                  {{
			
 
				+                      $store.state.titleInfo.stationOverviewInfos[
			
 
				+                        item[0].stationId
			
 
				+                      ]?.averageWindSpeed?.value.toFixed(2)
			
 
				+                  }}m/s
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="block">
			
 
				+              <UnpaidMatrixBlock @on-click="handleDetial" @choose-click="handleClick" :dataList="item">
			
 
				+              </UnpaidMatrixBlock>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </box-select>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <WindturbineDetailPages v-model="dialogVisible" @close="handleClose" :windturbine="currentWindturbine">
			
 
				+    </WindturbineDetailPages>
			
 
				+    <ParametersContrast :chooseList="chooseList" v-model="parametersDisplay"></ParametersContrast>
			
 
				+  </el-dialog>
			
 
				+</template>
			
 
				+<script>
			
 
				+import BackgroundData from "utils/BackgroundData";
			
 
				+import UnpaidMatrixBlock from "components/unpaidMatrixBlock.vue";
			
 
				+import WindturbineDetailPages from "components/WindturbineDetailPages.vue";
			
 
				+import boxSelect from "components/boxSelect.vue";
			
 
				+import ParametersContrast from "./control/parametersContrast.vue";
			
 
				+import api from "api/index";
			
 
				+export default {
			
 
				+  components: {
			
 
				+    UnpaidMatrixBlock,
			
 
				+    WindturbineDetailPages,
			
 
				+    boxSelect,
			
 
				+    ParametersContrast,
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      current: "all",
			
 
				+      windterbin: {},
			
 
				+      stationObj: {
			
 
				+        CL_FDC: [],
			
 
				+        DX_FDC: [],
			
 
				+        KB_FDC: [],
			
 
				+        SY_FDC: [],
			
 
				+      },
			
 
				+      cache: {},
			
 
				+      dataArr: {},
			
 
				+      dialogVisible: false,
			
 
				+      currentWindturbine: {},
			
 
				+      chooseList: [],
			
 
				+      parametersDisplay: false,
			
 
				+      intervals: null,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getLocks();
			
 
				+  },
			
 
				+  mounted() { },
			
 
				+  methods: {
			
 
				+    opened() {
			
 
				+      let stationList = [
			
 
				+        {
			
 
				+          id: "all",
			
 
				+          address: "全部风机",
			
 
				+        },
			
 
				+        { address: "崇礼", fullName: "崇礼风电场", id: "CL_FDC", type: 1 },
			
 
				+        { address: "康保", fullName: "康保风电场", id: "KB_FDC", type: 1 },
			
 
				+        { address: "代县", fullName: "代县风电场", id: "DX_FDC", type: 1 },
			
 
				+        { address: "寿阳", fullName: "寿阳风电场", id: "SY_FDC", type: 1 },
			
 
				+      ];;
			
 
				+      this.stationList = stationList;
			
 
				+      this.handleWindturbineChange();
			
 
				+      this.intervals = setInterval(this.handleWindturbineChange, 3000);
			
 
				+    },
			
 
				+    closed() {
			
 
				+      this.chooseList = [];
			
 
				+      this.current = "all",
			
 
				+        clearInterval(this.intervals);
			
 
				+      this.intervals = null;
			
 
				+    },
			
 
				+    handleChange(val) {
			
 
				+      let dataArr = {}
			
 
				+      this.current = val;
			
 
				+      if (val === 'all') {
			
 
				+        dataArr = this.stationObj
			
 
				+      } else {
			
 
				+        let obj = {}
			
 
				+        obj[val] = this.stationObj[val]
			
 
				+        dataArr = obj
			
 
				+      }
			
 
				+      this.dataArr = dataArr
			
 
				+    },
			
 
				+    handleDetial(itm) {
			
 
				+      this.dialogVisible = true;
			
 
				+      this.currentWindturbine = itm;
			
 
				+    },
			
 
				+    handleWindturbineChange() {
			
 
				+      api.getWindturbine().then((res) => {
			
 
				+        if (res.data) {
			
 
				+          let stationObj = {
			
 
				+            CL_FDC: [],
			
 
				+            DX_FDC: [],
			
 
				+            KB_FDC: [],
			
 
				+            SY_FDC: [],
			
 
				+          }
			
 
				+          let dataArr = {}
			
 
				+          this.windterbin = res.data;
			
 
				+          let arr = Object.keys(res.data).sort();
			
 
				+          for (const v of arr) {
			
 
				+            let val = res.data[v]
			
 
				+            this.chooseList.forEach((item) => {
			
 
				+              if (item.windturbineId === val.windturbineId) {
			
 
				+                val.active = true;
			
 
				+              }
			
 
				+            });
			
 
				+            stationObj[val.stationId].push(val)
			
 
				+          }
			
 
				+          if (this.current === 'all') {
			
 
				+            dataArr = stationObj
			
 
				+          } else {
			
 
				+            let obj = {}
			
 
				+            obj[this.current] = stationObj[this.current]
			
 
				+            dataArr = obj
			
 
				+          }
			
 
				+          this.stationObj = stationObj
			
 
				+          this.dataArr = dataArr
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    handleClick(values) {
			
 
				+      if (values.active) {
			
 
				+        let showIndex = null;
			
 
				+        this.chooseList.forEach((item, index) => {
			
 
				+          if (item.windturbineId === values.windturbineId) {
			
 
				+            showIndex = index;
			
 
				+          }
			
 
				+        });
			
 
				+        this.chooseList.splice(showIndex, 1);
			
 
				+      } else {
			
 
				+        this.chooseList.push(values);
			
 
				+      }
			
 
				+      for (const key in this.dataArr) {
			
 
				+        this.dataArr[key].forEach(item => {
			
 
				+          if (item.windturbineId === values.windturbineId) {
			
 
				+            item.active = !item.active;
			
 
				+          }
			
 
				+        })
			
 
				+      }
			
 
				+    },
			
 
				+    handleClose() {
			
 
				+      this.dialogVisible = false;
			
 
				+      this.getLocks();
			
 
				+    },
			
 
				+    selectList(val) {
			
 
				+      val.forEach((item) => {
			
 
				+        this.handleClick(this.windterbin[item.id]);
			
 
				+      });
			
 
				+    },
			
 
				+    getLocks() {
			
 
				+      api.getCustomerLock().then((res) => {
			
 
				+        if (res) {
			
 
				+          this.lockValues = res.data;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+
			
 
				+    /* 右键菜单 */
			
 
				+    contextmenu() {
			
 
				+      const remote = require("electron").remote;
			
 
				+      let that = this;
			
 
				+      let menuTemplate = [];
			
 
				+      menuTemplate = [
			
 
				+        // {
			
 
				+        //   label: "启动",
			
 
				+        //   click() {
			
 
				+        //     that.sendCommand({ controlType: "1", deviceType: "Manual" });
			
 
				+        //   },
			
 
				+        // },
			
 
				+        // {
			
 
				+        //   label: "停机",
			
 
				+        //   click() {
			
 
				+        //     that.sendCommand({ controlType: "2", deviceType: "Manual" });
			
 
				+        //   },
			
 
				+        // },
			
 
				+        // {
			
 
				+        //   label: "复位",
			
 
				+        //   click() {
			
 
				+        //     that.sendCommand({ controlType: "5", deviceType: "Manual" });
			
 
				+        //   },
			
 
				+        // },
			
 
				+        // {
			
 
				+        //   label: "维护",
			
 
				+        //   click() {
			
 
				+        //     that.sendCommand({ controlType: "6", deviceType: "Manual" });
			
 
				+        //   },
			
 
				+        // },
			
 
				+        // {
			
 
				+        //   label: "取消维护",
			
 
				+        //   click() {
			
 
				+        //     that.sendCommand({ controlType: "8", deviceType: "Manual" });
			
 
				+        //   },
			
 
				+        // },
			
 
				+        {
			
 
				+          label: "挂牌",
			
 
				+          submenu: [
			
 
				+            {
			
 
				+              label: "检修",
			
 
				+              click() {
			
 
				+                that.sendLock({ value: "CheckLock" });
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              label: "故障维修",
			
 
				+              click() {
			
 
				+                that.sendLock({ value: "FaultLock" });
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              label: "场内受累检修",
			
 
				+              click() {
			
 
				+                that.sendLock({ value: "StationCheckLock" });
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              label: "场内受累故障",
			
 
				+              click() {
			
 
				+                that.sendLock({ value: "StationFaulLock" });
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              label: "场外受累电网",
			
 
				+              click() {
			
 
				+                that.sendLock({ value: "StationPowerLineLock" });
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              label: "场外受累天气",
			
 
				+              click() {
			
 
				+                that.sendLock({ value: "StationWeatherLock" });
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+        },
			
 
				+        {
			
 
				+          label: "取消挂牌",
			
 
				+          click() {
			
 
				+            that.sendLock({ value: "UnLock" });
			
 
				+          },
			
 
				+        },
			
 
				+        {
			
 
				+          label: "参数对比",
			
 
				+          click() {
			
 
				+            that.parametersContrast();
			
 
				+          },
			
 
				+        },
			
 
				+        {
			
 
				+          label: "取消选择",
			
 
				+          click() {
			
 
				+            that.chooseList = [];
			
 
				+          },
			
 
				+        },
			
 
				+      ];
			
 
				+
			
 
				+      const menu = remote.Menu.buildFromTemplate(menuTemplate);
			
 
				+
			
 
				+      menu.popup(remote.getCurrentWindow());
			
 
				+    },
			
 
				+    // sendCommand(msg, windturbine) {
			
 
				+    //   let bd = BackgroundData.getInstance();
			
 
				+    //   if (!bd.LoginUser) {
			
 
				+    //     this.$notify({
			
 
				+    //       title: "请登录",
			
 
				+    //       message: "控制风机需要先登录！",
			
 
				+    //       type: "warning",
			
 
				+    //       position: "bottom-right",
			
 
				+    //       offset: 60,
			
 
				+    //       duration: 3000,
			
 
				+    //     });
			
 
				+    //     return;
			
 
				+    //   }
			
 
				+    //   let sendList = [];
			
 
				+    //   if (windturbine) {
			
 
				+    //     sendList = windturbine;
			
 
				+    //   } else {
			
 
				+    //     this.chooseList.forEach((item) => {
			
 
				+    //       item.controlType = Number(msg.controlType);
			
 
				+    //     });
			
 
				+    //     sendList = this.chooseList;
			
 
				+    //   }
			
 
				+
			
 
				+    //   if (sendList.length > 0) {
			
 
				+    //     bd.checkout(sendList);
			
 
				+    //     this.chooseList = [];
			
 
				+    //     let pairs = {};
			
 
				+    //     sendList.forEach((item) => {
			
 
				+    //       let ct = {
			
 
				+    //         windturbineId: item.windturbineId,
			
 
				+    //         stationId: item.stationId,
			
 
				+    //         projectId: item.projectId,
			
 
				+    //         modelId: item.modelId,
			
 
				+    //         controlType: item.controlType,
			
 
				+    //         lockType: item.lockType,
			
 
				+    //         userName: `system_${bd.LoginUser.name}`,
			
 
				+    //         userId: 0,
			
 
				+    //         auto: false,
			
 
				+    //         deviceType: msg.deviceType,
			
 
				+    //       };
			
 
				+    //       pairs[ct.windturbineId] = ct;
			
 
				+    //     });
			
 
				+    //     api.windturbControl(pairs).then((res) => {
			
 
				+    //       if (res) {
			
 
				+    //         this.controlSuccess(res);
			
 
				+    //       }
			
 
				+    //     });
			
 
				+    //   }
			
 
				+    // },
			
 
				+    sendLock(msg, windturbine) {
			
 
				+      let bd = BackgroundData.getInstance();
			
 
				+      if (!bd.LoginUser) {
			
 
				+        this.$notify({
			
 
				+          title: "请登录",
			
 
				+          message: "控制风机需要先登录！",
			
 
				+          type: "warning",
			
 
				+          position: "bottom-right",
			
 
				+          offset: 60,
			
 
				+          duration: 3000,
			
 
				+        });
			
 
				+        return;
			
 
				+      }
			
 
				+      let sendList = [];
			
 
				+      if (windturbine) {
			
 
				+        windturbine.lockType = msg.value;
			
 
				+        sendList.push(windturbine);
			
 
				+      } else {
			
 
				+        this.chooseList.forEach((item) => {
			
 
				+          item.lockType = msg.value;
			
 
				+        });
			
 
				+        sendList = this.chooseList;
			
 
				+      }
			
 
				+      if (sendList.length > 0) {
			
 
				+        this.chooseList = [];
			
 
				+        let pairs = {};
			
 
				+        sendList.forEach((item) => {
			
 
				+          let ct = {
			
 
				+            windturbineId: item.windturbineId,
			
 
				+            stationId: item.stationId,
			
 
				+            projectId: item.projectId,
			
 
				+            modelId: item.modelId,
			
 
				+            controlType: item.controlType,
			
 
				+            lockType: item.lockType,
			
 
				+            userName: `system_${bd.LoginUser.name}`,
			
 
				+            userId: 0,
			
 
				+          };
			
 
				+          pairs[ct.windturbineId] = ct;
			
 
				+        });
			
 
				+        api.windturbControlLock(pairs).then((res) => {
			
 
				+          if (res) {
			
 
				+            this.controlSuccess(res);
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    /* 控制成功 */
			
 
				+    controlSuccess(msg) {
			
 
				+      let bd = BackgroundData.getInstance();
			
 
				+      for (let id in msg.data) {
			
 
				+        let val = msg.data[id];
			
 
				+        if (val.errorCode !== "0") {
			
 
				+          bd.removeCheckouts(val);
			
 
				+        }
			
 
				+      }
			
 
				+      let mss = ""; // 信息
			
 
				+      let iserror = false; // 是否有控制错误的风机
			
 
				+      for (let v in msg.data) {
			
 
				+        let val = msg.data[v];
			
 
				+        if (val.errorCode > 0) {
			
 
				+          iserror = true;
			
 
				+          mss += `${val.windturbineId}  ${this.controlErorCodes[val.errorCode]
			
 
				+            }\n`;
			
 
				+        }
			
 
				+      }
			
 
				+      let tp = iserror ? "warning" : "success";
			
 
				+      // if (!iserror) {
			
 
				+      //   mss = "控制成功";
			
 
				+      // }
			
 
				+
			
 
				+      this.$notify({
			
 
				+        title: "控制",
			
 
				+        message: mss,
			
 
				+        type: tp,
			
 
				+        position: "bottom-right",
			
 
				+        offset: 60,
			
 
				+        duration: 3000,
			
 
				+      });
			
 
				+    },
			
 
				+
			
 
				+    /* 控制失败 */
			
 
				+    controlError(err) {
			
 
				+      this.$notify({
			
 
				+        title: "控制出现错误",
			
 
				+        message: err.message,
			
 
				+        type: "warning",
			
 
				+        position: "bottom-right",
			
 
				+        offset: 60,
			
 
				+        duration: 3000,
			
 
				+      });
			
 
				+    },
			
 
				+    parametersContrast() {
			
 
				+      if (this.chooseList.length > 0) {
			
 
				+        this.parametersDisplay = true;
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="less" scoped>
			
 
				+.body {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  background-color: #000000;
			
 
				+  height: 90vh;
			
 
				+  width: 102%;
			
 
				+  margin-left: -1%;
			
 
				+  margin-top: -40px;
			
 
				+  overflow-y: auto;
			
 
				+}
			
 
				+
			
 
				+.body::-webkit-scrollbar {
			
 
				+  /*隐藏滚轮*/
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+.title {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: center;
			
 
				+  margin-left: 3vw;
			
 
				+  padding-top: 8px;
			
 
				+  position: absolute;
			
 
				+  width: 100%;
			
 
				+  background-color: #000000;
			
 
				+  padding-bottom: 10px;
			
 
				+
			
 
				+  .title-item {
			
 
				+    background-color: #242424;
			
 
				+    border-radius: 4px;
			
 
				+    padding: 8px 27px 7px 25px;
			
 
				+    font-size: 14px;
			
 
				+    color: #b4bdc0;
			
 
				+    margin-right: 10px;
			
 
				+  }
			
 
				+
			
 
				+  .title-onItem {
			
 
				+    background-color: rgba(37, 116, 219, 1);
			
 
				+    border-radius: 4px;
			
 
				+    padding: 8px 27px 7px 25px;
			
 
				+    font-size: 14px;
			
 
				+    color: #b4bdc0;
			
 
				+    margin-right: 10px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.content {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  margin-top: 65px;
			
 
				+}
			
 
				+
			
 
				+.block {
			
 
				+  padding-left: 10px;
			
 
				+}
			
 
				+
			
 
				+.windStation {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  background-color: #242424;
			
 
				+  border-radius: 4px;
			
 
				+  width: 95%;
			
 
				+  margin-left: 3vw;
			
 
				+  padding-bottom: 20px;
			
 
				+  padding-left: 10px;
			
 
				+  margin-bottom: 20px;
			
 
				+
			
 
				+  .stationTitle {
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    // align-items: center;
			
 
				+    margin-top: 10px;
			
 
				+
			
 
				+    .stationName {
			
 
				+      font-size: 14px;
			
 
				+      margin-left: 10px;
			
 
				+      color: #b4bdc0;
			
 
				+    }
			
 
				+
			
 
				+    .num {
			
 
				+      display: flex;
			
 
				+      flex-direction: row;
			
 
				+      align-items: center;
			
 
				+      justify-content: space-between;
			
 
				+      margin-left: 25px;
			
 
				+      width: 90px;
			
 
				+
			
 
				+      .jrts {
			
 
				+        font-size: 12px;
			
 
				+        color: #606769;
			
 
				+      }
			
 
				+
			
 
				+      .jrts_num {
			
 
				+        font-size: 16px;
			
 
				+        color: #ffffff;
			
 
				+      }
			
 
				+
			
 
				+      .djts {
			
 
				+        font-size: 12px;
			
 
				+        color: #05bb4c;
			
 
				+      }
			
 
				+
			
 
				+      .djts_num {
			
 
				+        font-size: 16px;
			
 
				+        color: #05bb4c;
			
 
				+      }
			
 
				+
			
 
				+      .bwts {
			
 
				+        font-size: 12px;
			
 
				+        color: #4b55ae;
			
 
				+      }
			
 
				+
			
 
				+      .bwts_num {
			
 
				+        font-size: 16px;
			
 
				+        color: #4b55ae;
			
 
				+      }
			
 
				+
			
 
				+      .gzts {
			
 
				+        font-size: 12px;
			
 
				+        color: #ba3237;
			
 
				+      }
			
 
				+
			
 
				+      .gzts_num {
			
 
				+        font-size: 16px;
			
 
				+        color: #ba3237;
			
 
				+      }
			
 
				+
			
 
				+      .jxts {
			
 
				+        font-size: 12px;
			
 
				+        color: #e17d24;
			
 
				+      }
			
 
				+
			
 
				+      .jxts_num {
			
 
				+        font-size: 16px;
			
 
				+        color: #e17d24;
			
 
				+      }
			
 
				+
			
 
				+      .lxts {
			
 
				+        font-size: 12px;
			
 
				+        color: #606769;
			
 
				+      }
			
 
				+
			
 
				+      .lxts_num {
			
 
				+        font-size: 16px;
			
 
				+        color: #606769;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .stationInfo {
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    align-items: center;
			
 
				+    margin-left: 30px;
			
 
				+    font-size: 16px;
			
 
				+
			
 
				+    .name {
			
 
				+      color: #ffffff;
			
 
				+      margin-right: 25px;
			
 
				+    }
			
 
				+
			
 
				+    .nums {
			
 
				+      color: #05bb4c;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/components/basicDataDetails.vue
+++ b/src/components/basicDataDetails.vue
@@ -0,0 +1,496 @@
 
				+<template>
			
 
				+  <el-dialog
			
 
				+    width="50%"
			
 
				+    @closed="closed()"
			
 
				+    :show-close="false"
			
 
				+    class="my-info-dialog"
			
 
				+  >
			
 
				+    <template #title>
			
 
				+      <div class="showTitles">
			
 
				+        <div class="titles">{{ partsName }}详情</div>
			
 
				+        <div class="model">
			
 
				+          <div class="selects" v-show="!switchFlag">
			
 
				+            <el-select
			
 
				+              @change="search()"
			
 
				+              class="inputs"
			
 
				+              v-model="selectValue"
			
 
				+              placeholder="请选择"
			
 
				+            >
			
 
				+              <el-option
			
 
				+                v-for="item in options"
			
 
				+                :key="item.value"
			
 
				+                :label="item.label"
			
 
				+                :value="item.value"
			
 
				+              >
			
 
				+              </el-option>
			
 
				+            </el-select>
			
 
				+          </div>
			
 
				+          <div class="choose">
			
 
				+            <div
			
 
				+              :class="switchFlag ? 'interval' : 'interval_on'"
			
 
				+              @click="switchChange"
			
 
				+            >
			
 
				+              等间隔
			
 
				+            </div>
			
 
				+            <div
			
 
				+              :class="switchFlag ? 'original_on' : 'original'"
			
 
				+              @click="switchChange"
			
 
				+            >
			
 
				+              原始数据
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </template>
			
 
				+    <div class="bodys">
			
 
				+       <div class="dataTitle">
			
 
				+        <div class="operate">
			
 
				+          <el-date-picker
			
 
				+            class="picker"
			
 
				+            @change="changes"
			
 
				+            v-model="timeValue"
			
 
				+            type="datetimerange"
			
 
				+            range-separator="至"
			
 
				+            start-placeholder="开始日期"
			
 
				+            end-placeholder="结束日期"
			
 
				+          >
			
 
				+          </el-date-picker>
			
 
				+          <div class="buttons" @click="search()">查询</div>
			
 
				+        </div>
			
 
				+        <div class="buttons" @click="search('flag')">导出</div>
			
 
				+      </div>
			
 
				+      <div :id="echartsId" class="showEcharts"></div> 
			
 
				+    </div>
			
 
				+  </el-dialog>
			
 
				+</template>
			
 
				+<script>
			
 
				+import * as echarts from "echarts";
			
 
				+import dayjs from "dayjs";
			
 
				+import XLSX from "xlsx";
			
 
				+export default {
			
 
				+  props: {
			
 
				+    datas: {
			
 
				+      type: Array,
			
 
				+      default: () => {
			
 
				+        return [];
			
 
				+      },
			
 
				+    },
			
 
				+    partsName: Object,
			
 
				+    echartsId: Object,
			
 
				+    calc: {
			
 
				+      type: Number,
			
 
				+      default: 1
			
 
				+    },
			
 
				+  },
			
 
				+  updated() {
			
 
				+    if (this.timeValue.length === 0) {
			
 
				+      let date = new Date();
			
 
				+      this.timeValue[0] = date.getTime() - 28800000;
			
 
				+      this.timeValue[1] = date.getTime();
			
 
				+    }
			
 
				+    this.chooseTime = this.timeValue;
			
 
				+    this.xdata = [];
			
 
				+    this.values = [];
			
 
				+    if (this.timeValue[1] - this.timeValue[0] <= 86400000) {
			
 
				+      this.datas.map((item) => {
			
 
				+        this.xdata.push(dayjs(item.ts).format("HH:mm"));
			
 
				+        this.values.push(
			
 
				+          item.doubleValue
			
 
				+            ? (item.doubleValue * this.calc).toFixed(2)
			
 
				+            : item.doubleValue === 0
			
 
				+            ? item.doubleValue
			
 
				+            : item.longValue * this.calc
			
 
				+        );
			
 
				+      });
			
 
				+    } else {
			
 
				+      this.datas.map((item) => {
			
 
				+        this.xdata.push(dayjs(item.ts).format("MM-DD HH:mm"));
			
 
				+        this.values.push(
			
 
				+          item.doubleValue
			
 
				+            ? (item.doubleValue * this.calc).toFixed(2)
			
 
				+            : item.doubleValue === 0
			
 
				+            ? item.doubleValue
			
 
				+            : item.longValue * this.calc
			
 
				+        );
			
 
				+      });
			
 
				+    }
			
 
				+    this.$nextTick(() => {
			
 
				+      this.getEcharts();
			
 
				+    });
			
 
				+  },
			
 
				+  mounted() {},
			
 
				+  data() {
			
 
				+    return {
			
 
				+      xdata: [],
			
 
				+      values: [],
			
 
				+      timeValue: [],
			
 
				+      chooseTime: [],
			
 
				+      switchFlag: false,
			
 
				+      selectValue: "60",
			
 
				+      options: [
			
 
				+        {
			
 
				+          value: "60",
			
 
				+          label: "一分钟",
			
 
				+        },
			
 
				+        {
			
 
				+          value: "300",
			
 
				+          label: "五分钟",
			
 
				+        },
			
 
				+        {
			
 
				+          value: "600",
			
 
				+          label: "十分钟",
			
 
				+        },
			
 
				+        {
			
 
				+          value: "1800",
			
 
				+          label: "三十分钟",
			
 
				+        },
			
 
				+        {
			
 
				+          value: "3600",
			
 
				+          label: "一小时",
			
 
				+        },
			
 
				+        {
			
 
				+          value: "86400",
			
 
				+          label: "一天",
			
 
				+        },
			
 
				+      ],
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    changes() {
			
 
				+      let timeValue = [];
			
 
				+      this.timeValue?.forEach((item) => {
			
 
				+        timeValue.push(dayjs(item).valueOf());
			
 
				+      });
			
 
				+      this.chooseTime = timeValue;
			
 
				+    },
			
 
				+    switchChange() {
			
 
				+      this.switchFlag = !this.switchFlag;
			
 
				+      this.selectValue = "60";
			
 
				+      this.search();
			
 
				+      const loading = this.$loading({
			
 
				+        lock: true,
			
 
				+        text: "数据加载中",
			
 
				+        spinner: "el-icon-loading",
			
 
				+        background: "rgba(0, 0, 0, 0.7)",
			
 
				+      });
			
 
				+      setTimeout(() => {
			
 
				+        loading.close();
			
 
				+      }, 1000);
			
 
				+    },
			
 
				+    search(values) {
			
 
				+      let times = [];
			
 
				+      this.chooseTime.forEach((item) => {
			
 
				+        times.push(dayjs(item).valueOf());
			
 
				+      });
			
 
				+      times.length > 0
			
 
				+        ? this.switchFlag
			
 
				+          ? this.$emit("original-data", times)
			
 
				+          : this.$emit("search-data", times, Number(this.selectValue))
			
 
				+        : this.$message({
			
 
				+            showClose: true,
			
 
				+            message: "请选择查询日期",
			
 
				+            center: true,
			
 
				+            type: "error",
			
 
				+          });
			
 
				+      if (values) {
			
 
				+        this.$message({
			
 
				+          showClose: true,
			
 
				+          center: true,
			
 
				+          message: "下载中",
			
 
				+        });
			
 
				+        setTimeout(() => {
			
 
				+          this.export();
			
 
				+        }, 2000);
			
 
				+      }
			
 
				+    },
			
 
				+    export() {
			
 
				+      // 数据源
			
 
				+      let data = [];
			
 
				+      this.datas.forEach((item) => {
			
 
				+        let values = {
			
 
				+          时间: dayjs(item.ts).format("MM-DD HH:mm:ss"),
			
 
				+          数值: item.doubleValue,
			
 
				+        };
			
 
				+        data.push(values);
			
 
				+      });
			
 
				+      // 下载的路径
			
 
				+      let fileName = `${this.partsName}.xlsx`;
			
 
				+      let filePath = "/root/" + fileName;
			
 
				+      // 新建workbook
			
 
				+      const wb = XLSX.utils.book_new();
			
 
				+      // 新建worksheet，并载入数据
			
 
				+      const ws = XLSX.utils.json_to_sheet(data);
			
 
				+      // 设置每列的列宽，10代表10个字符，注意中文占2个字符
			
 
				+      ws["!cols"] = [{ wch: 30 }, { wch: 30 }];
			
 
				+      // 生成xlsx文件(workbook，worksheet数据，sheet命名)
			
 
				+      XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
			
 
				+
			
 
				+      // 写文件(workbook，xlsx文件路径+文件名)
			
 
				+      XLSX.writeFile(wb, filePath);
			
 
				+      this.$message({
			
 
				+        showClose: true,
			
 
				+        message: "下载成功",
			
 
				+        center: true,
			
 
				+        type: "success",
			
 
				+      });
			
 
				+    },
			
 
				+    getEcharts() {
			
 
				+      let chartDom = document.getElementById(this.echartsId);
			
 
				+      let myChart = echarts.init(chartDom, "#ffffff");
			
 
				+      let option;
			
 
				+      option = {
			
 
				+        tooltip: {
			
 
				+          trigger: 'axis'
			
 
				+        },
			
 
				+        legend: {
			
 
				+          show: true,
			
 
				+          data: [this.partsName],
			
 
				+          right: 56,
			
 
				+          icon: "circle",
			
 
				+          itemWidth: 6,
			
 
				+          inactiveColor: "#606769",
			
 
				+          textStyle: {
			
 
				+            color: "#B3BDC0",
			
 
				+            fontSize: 12,
			
 
				+          },
			
 
				+        },
			
 
				+        xAxis: [
			
 
				+          {
			
 
				+            type: "category",
			
 
				+            boundaryGap: false,
			
 
				+            axisLabel: {
			
 
				+              interval:
			
 
				+                Number((this.xdata.length / 8).toFixed(0)) > 2
			
 
				+                  ? Number((this.xdata.length / 8).toFixed(0))
			
 
				+                  : 0,
			
 
				+              showMinLabel: true,
			
 
				+              showMaxLabel: true,
			
 
				+              formatter: "{value}",
			
 
				+              fontSize: 14,
			
 
				+              textStyle: {
			
 
				+                color: "#606769",
			
 
				+              },
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+              show: false,
			
 
				+            },
			
 
				+            data: this.xdata,
			
 
				+          },
			
 
				+        ],
			
 
				+        yAxis: {
			
 
				+          type: "value",
			
 
				+          axisLabel: {
			
 
				+            formatter: "{value}",
			
 
				+            fontSize: 14,
			
 
				+          },
			
 
				+          axisLine: {
			
 
				+            show: false,
			
 
				+          },
			
 
				+          splitLine: {
			
 
				+            show: true,
			
 
				+            lineStyle: {
			
 
				+              color: "#606769",
			
 
				+              type: "dashed",
			
 
				+            },
			
 
				+          },
			
 
				+        },
			
 
				+        series: [
			
 
				+          {
			
 
				+            // name: this.partsName,
			
 
				+            smooth: true,
			
 
				+            showSymbol: false,
			
 
				+            data: this.values,
			
 
				+            type: "line",
			
 
				+          },
			
 
				+        ],
			
 
				+      };
			
 
				+      option && myChart.setOption(option);
			
 
				+    },
			
 
				+    closed() {
			
 
				+      this.chooseTime = [];
			
 
				+      this.timeValue = [];
			
 
				+      this.switchFlag = false;
			
 
				+      this.selectValue = "60";
			
 
				+      this.$emit("closed");
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+.showTitles {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: center;
			
 
				+  justify-content: space-between;
			
 
				+  margin-top: -10px;
			
 
				+  font-size: 18px;
			
 
				+  color: #ffffff;
			
 
				+  height: 40px;
			
 
				+}
			
 
				+
			
 
				+.titles {
			
 
				+  font-size: 16px;
			
 
				+  color: #ffffff;
			
 
				+}
			
 
				+
			
 
				+.el-dialog__body {
			
 
				+  padding: 30px 10px 10px 10px;
			
 
				+}
			
 
				+
			
 
				+.bodys {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  align-items: center;
			
 
				+  background-color: black;
			
 
				+  width: 100%;
			
 
				+  margin-top: -30px;
			
 
				+}
			
 
				+
			
 
				+.showEcharts {
			
 
				+  width: 1030px;
			
 
				+  height: 480px;
			
 
				+  margin-left: 30px;
			
 
				+  /* padding-top: 20px; */
			
 
				+}
			
 
				+
			
 
				+.dataTitle {
			
 
				+  width: 100%;
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: center;
			
 
				+  justify-content: space-between;
			
 
				+  margin-top: 10px;
			
 
				+}
			
 
				+
			
 
				+.picker {
			
 
				+  margin-left: 20px;
			
 
				+  margin-right: 16px;
			
 
				+}
			
 
				+
			
 
				+.el-date-editor .el-range-input {
			
 
				+  background-color: rgba(26, 26, 26, 1) !important;
			
 
				+  border: none;
			
 
				+  color: #ffffff !important;
			
 
				+}
			
 
				+
			
 
				+.el-input__inner {
			
 
				+  background-color: rgba(26, 26, 26, 1) !important;
			
 
				+}
			
 
				+
			
 
				+.el-date-editor .el-range-separator {
			
 
				+  color: #ffffff !important;
			
 
				+}
			
 
				+
			
 
				+.el-date-table td.in-range div,
			
 
				+.el-date-table td.in-range div:hover,
			
 
				+.el-date-table.is-week-mode .el-date-table__row.current div,
			
 
				+.el-date-table.is-week-mode .el-date-table__row:hover div {
			
 
				+  background-color: #ceceff !important;
			
 
				+}
			
 
				+
			
 
				+.operate {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  /* margin-right: 65px; */
			
 
				+}
			
 
				+
			
 
				+.buttons {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  width: 100px;
			
 
				+  height: 40px;
			
 
				+  background-color: rgba(26, 26, 26, 1);
			
 
				+  border: 1px solid rgba(77, 77, 77, 1);
			
 
				+  color: #ffffff;
			
 
				+  margin-right: 28px;
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.model {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: center;
			
 
				+  color: rgba(240, 240, 240, 1);
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.el-switch {
			
 
				+  width: 453px;
			
 
				+}
			
 
				+
			
 
				+.el-switch__label {
			
 
				+  color: #999999 !important;
			
 
				+}
			
 
				+
			
 
				+.el-switch__label.is-active {
			
 
				+  color: rgba(37, 116, 219, 1) !important;
			
 
				+}
			
 
				+
			
 
				+.selects {
			
 
				+  margin-right: 16px;
			
 
				+}
			
 
				+
			
 
				+.choose {
			
 
				+  width: 160px;
			
 
				+  height: 25px;
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  align-items: center;
			
 
				+  color: #ffffff;
			
 
				+}
			
 
				+
			
 
				+.interval {
			
 
				+  width: 50%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  border: 1px solid rgba(77, 77, 77, 1);
			
 
				+  border-top-left-radius: 12.5px;
			
 
				+  border-bottom-left-radius: 12.5px;
			
 
				+}
			
 
				+
			
 
				+.interval_on {
			
 
				+  width: 50%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  background-color: rgba(29, 106, 235, 1);
			
 
				+  border: 1px solid rgba(29, 106, 235, 1);
			
 
				+  border-top-left-radius: 12.5px;
			
 
				+  border-bottom-left-radius: 12.5px;
			
 
				+}
			
 
				+
			
 
				+.original {
			
 
				+  width: 50%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  border: 1px solid rgba(77, 77, 77, 1);
			
 
				+  border-top-right-radius: 12.5px;
			
 
				+  border-bottom-right-radius: 12.5px;
			
 
				+}
			
 
				+
			
 
				+.original_on {
			
 
				+  width: 50%;
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  background-color: rgba(29, 106, 235, 1);
			
 
				+  border: 1px solid rgba(29, 106, 235, 1);
			
 
				+  border-top-right-radius: 12.5px;
			
 
				+  border-bottom-right-radius: 12.5px;
			
 
				+}
			
 
				+
			
 
				+.inputs {
			
 
				+  border: none;
			
 
				+  width: 110px !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/boxSelect.vue
+++ b/src/components/boxSelect.vue
@@ -0,0 +1,210 @@
 
				+<template>
			
 
				+  <div
			
 
				+    class="box-select__container"
			
 
				+    @mousedown.left="mouseDown"
			
 
				+    @mousemove.stop="mouseMove"
			
 
				+    :class="uuid"
			
 
				+  >
			
 
				+    <div
			
 
				+      class="box-select__coordinate"
			
 
				+      :style="style"
			
 
				+      ref="selectContainer"
			
 
				+    ></div>
			
 
				+    <slot></slot>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { debounce, isNumber } from "lodash";
			
 
				+import { ref, onUnmounted, nextTick, shallowRef } from "vue";
			
 
				+
			
 
				+/**
			
 
				+ * @description 判断元素是否在范围内
			
 
				+ * @param {Object} dom dom元素
			
 
				+ */
			
 
				+const isWithinRange = (dom, top, bottom, left, right) => {
			
 
				+  const eleRect = dom.getBoundingClientRect();
			
 
				+  return !(
			
 
				+    eleRect.top > bottom ||
			
 
				+    eleRect.bottom < top ||
			
 
				+    eleRect.right < left ||
			
 
				+    eleRect.left > right
			
 
				+  );
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  name: "BoxSelect",
			
 
				+  /**
			
 
				+   * @member props
			
 
				+   * @property  {String} [node] 要框选的元素,可以是元素名,也可以是class名, 也可以是id名
			
 
				+   * @property  {String} [selectedClass] 已选中元素附加的class名
			
 
				+   */
			
 
				+  props: {
			
 
				+    node: {
			
 
				+      required: true,
			
 
				+      type: String,
			
 
				+    },
			
 
				+    selectedClass: {
			
 
				+      type: String,
			
 
				+      default: "box-select__hypocritical",
			
 
				+    },
			
 
				+  },
			
 
				+  // 鼠标按下
			
 
				+  emits: ["mouseUp", "mouseDown"],
			
 
				+  setup(props, { emit }) {
			
 
				+    let top = 0,
			
 
				+      left = 0,
			
 
				+      width = 0,
			
 
				+      height = 0,
			
 
				+      startX = 0,
			
 
				+      startY = 0,
			
 
				+      timer = null,
			
 
				+      // 记录是框选还是点击
			
 
				+      mouseOn = false;
			
 
				+
			
 
				+    const style = ref({}),
			
 
				+      selectContainer = ref(null),
			
 
				+      // 给当前框容器加一个唯一识别符, 以保证所选择到的元素都是当前容器的. 否则会选择到容器外同名的元素
			
 
				+      uuid = shallowRef("uuid_" + new Date().valueOf());
			
 
				+
			
 
				+    const query = (className = "") => {
			
 
				+      let domName = `.${uuid.value} ${props.node}`;
			
 
				+      className && (domName += `.${className}`);
			
 
				+      return Array.from(document.querySelectorAll(domName) || []);
			
 
				+    };
			
 
				+
			
 
				+    const classOperation = (ele, method = "add", className = "") =>
			
 
				+      ele.classList[method](className);
			
 
				+
			
 
				+    const setStyle = (styles = {}, newStyles = {}) => {
			
 
				+      Object.keys(styles).map((item) => {
			
 
				+        newStyles[item] = styles[item] + (isNumber(styles[item]) ? "px" : "");
			
 
				+      });
			
 
				+      style.value = newStyles;
			
 
				+    };
			
 
				+
			
 
				+    const getAreaWithinElements = () => {
			
 
				+      const { bottom, left, right, top } =
			
 
				+        selectContainer.value.getBoundingClientRect();
			
 
				+
			
 
				+      // 所有可框选元素
			
 
				+      const elements = query();
			
 
				+      // // 已选中元素
			
 
				+      // const selectedElements = elements.filter((item) =>
			
 
				+      //   classOperation(item, "contains", props.selectedClass)
			
 
				+      // );
			
 
				+      // // 未选中元素
			
 
				+      // const unselectedElements = elements.filter(
			
 
				+      //   (item) => !classOperation(item, "contains", props.selectedClass)
			
 
				+      // );
			
 
				+      // 本次框选元素
			
 
				+      let selctList = []
			
 
				+      for (const key in elements) {
			
 
				+        for (const i in elements[key].children) {
			
 
				+          if(Number(i) || i === '0'){
			
 
				+            let val = elements[key].children[i]
			
 
				+            const withinRange = isWithinRange(val, top, bottom, left, right);
			
 
				+            if(withinRange){
			
 
				+                selctList.push(val)
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+        
			
 
				+      emit('selectList', selctList);
			
 
				+      // selectedElements.map((item) => {
			
 
				+      //     const withinRange = isWithinRange(item, top, bottom, left, right);
			
 
				+      //     withinRange &&
			
 
				+      //       classOperation(item, "add", props.selectedClass)
			
 
				+      //   });
			
 
				+      //   unselectedElements.map(
			
 
				+      //     (item) =>
			
 
				+      //       isWithinRange(item, top, bottom, left, right) &&
			
 
				+      //       classOperation(item, "add", props.selectedClass)
			
 
				+      //   );
			
 
				+
			
 
				+      // return query(props.selectedClass);
			
 
				+    };
			
 
				+
			
 
				+    const mouseDown = debounce((event) => {
			
 
				+      timer = setTimeout(() => {
			
 
				+        mouseOn = true;
			
 
				+        startX = event.clientX;
			
 
				+        startY = event.clientY;
			
 
				+        emit("mouseDown");
			
 
				+      }, 300);
			
 
				+      // 重置本次框选的元素列表
			
 
				+      setStyle({
			
 
				+        left,
			
 
				+        startX,
			
 
				+        top: startY,
			
 
				+        width: 0,
			
 
				+        height: 0,
			
 
				+        display: "block",
			
 
				+      });
			
 
				+    });
			
 
				+
			
 
				+    const mouseMove = debounce((event) => {
			
 
				+      if (!mouseOn) return false;
			
 
				+      const _width = event.clientX - startX;
			
 
				+      const _height = event.clientY - startY;
			
 
				+
			
 
				+      top = _height > 0 ? startY : event.clientY;
			
 
				+      left = _width > 0 ? startX : event.clientX;
			
 
				+      width = Math.abs(_width);
			
 
				+      height = Math.abs(_height);
			
 
				+      setStyle({ left, top, width, height });
			
 
				+    });
			
 
				+
			
 
				+    const mouseUp = debounce((event) => {
			
 
				+      timer && clearTimeout(timer);
			
 
				+      // 判断是否鼠标左键
			
 
				+      if (event.which !== 1) return false;
			
 
				+      // 判断是框选还是点击
			
 
				+      if (!mouseOn) return false;
			
 
				+      mouseOn = false;
			
 
				+      setStyle({ display: "none" });
			
 
				+      // 获得已选中的元素
			
 
				+      const selectedEles = getAreaWithinElements();
			
 
				+      // 响应事件,并传递本次框选的元素列表
			
 
				+      emit("mouseUp", selectedEles);
			
 
				+    });
			
 
				+
			
 
				+    nextTick(() => document.addEventListener("mouseup", mouseUp));
			
 
				+    onUnmounted(() => document.removeEventListener("mouseup", mouseUp));
			
 
				+
			
 
				+    return {
			
 
				+      mouseUp,
			
 
				+      mouseDown,
			
 
				+      mouseMove,
			
 
				+      timer,
			
 
				+      style,
			
 
				+      selectContainer,
			
 
				+      uuid,
			
 
				+    };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+.box-select__container {
			
 
				+  // height: 50vh;
			
 
				+}
			
 
				+
			
 
				+.box-select__coordinate {
			
 
				+  position: fixed;
			
 
				+  z-index: 11;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 0;
			
 
				+  height: 0;
			
 
				+  background: rgba(106, 90, 205,.5);
			
 
				+  border: 1px solid blue;
			
 
				+  opacity: 0.6;
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+
			
 
				+.box-select__hypocritical {
			
 
				+  background-color: blue;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/check/areaCard.vue
+++ b/src/components/check/areaCard.vue
		`@@ -0,0 +1 @@`
		`+# 用于存放json数据文件如果数据过大则需要单独打包`