新增发电能力分析模块风电数据准备功能

.env.development

@@ -1,5 +1,6 @@
 
 VUE_APP_TEST=http://10.81.3.155:9002
+VUE_APP_WS=ws://10.81.3.155:9002
 # VUE_APP_TEST=http://192.168.1.101:9002
 
 

.env.production

@@ -1,5 +1,6 @@
 VUE_APP_API=http://10.81.3.153:6060
 VUE_APP_TEST=http://10.81.3.155:9002
+VUE_APP_TEST='ws://10.81.3.155:9002'
 VUE_APP_ADAPTERURL=http://10.81.3.155:8011
 
 

npminstall-debug.log

@@ -1,210 +0,0 @@
-{
-  root: 'D:\\fe\\jn_sis_zhfx',
-  registry: 'https://registry.npmmirror.com',
-  pkgs: [
-    {
-      name: 'element-plus',
-      version: 'latest',
-      type: 'tag',
-      alias: undefined,
-      arg: [Result]
-    },
-    {
-      name: '@element-plus/icons-vue',
-      version: 'latest',
-      type: 'tag',
-      alias: undefined,
-      arg: [Result]
-    }
-  ],
-  production: false,
-  cacheStrict: false,
-  cacheDir: 'C:\\Users\\28656\\.npminstall_tarball',
-  env: {
-    npm_config_registry: 'https://registry.npmmirror.com',
-    npm_config_argv: '{"remain":[],"cooked":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\28656\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com","element-plus","@element-plus/icons-vue"],"original":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\28656\\\\.cnpmrc","--disturl=https://cdn.npmmirror.com/binaries/node","--registry=https://registry.npmmirror.com","element-plus","@element-plus/icons-vue"]}',
-    npm_config_user_agent: 'npminstall/7.11.1 npm/? node/v16.14.2 win32 x64',
-    npm_config_cache: 'C:\\Users\\28656\\.npminstall_tarball',
-    NODE: 'C:\\Program Files\\nodejs\\node.exe',
-    npm_node_execpath: 'C:\\Program Files\\nodejs\\node.exe',
-    npm_execpath: 'C:\\Users\\28656\\AppData\\Roaming\\nvm\\v16.14.2\\node_modules\\cnpm\\node_modules\\npminstall\\bin\\install.js',
-    npm_config_userconfig: 'C:\\Users\\28656\\.cnpmrc',
-    npm_config_disturl: 'https://cdn.npmmirror.com/binaries/node',
-    npm_config_r: 'https://registry.npmmirror.com',
-    COREPACK_NPM_REGISTRY: 'https://registry.npmmirror.com',
-    NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node',
-    NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node',
-    PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs',
-    CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver',
-    OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver',
-    CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip',
-    ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/',
-    ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/',
-    SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass',
-    SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc',
-    NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v',
-    PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/chrome-for-testing',
-    PUPPETEER_DOWNLOAD_BASE_URL: 'https://cdn.npmmirror.com/binaries/chrome-for-testing',
-    PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright',
-    SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli',
-    SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl',
-    RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2',
-    RE2_DOWNLOAD_SKIP_PATH: 'true',
-    PRISMA_ENGINES_MIRROR: 'https://cdn.npmmirror.com/binaries/prisma',
-    npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3',
-    npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar',
-    npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp',
-    npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips',
-    npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs',
-    npm_rootpath: 'D:\\fe\\jn_sis_zhfx',
-    INIT_CWD: 'D:\\fe\\jn_sis_zhfx'
-  },
-  binaryMirrors: {
-    ENVS: {
-      COREPACK_NPM_REGISTRY: 'https://registry.npmmirror.com',
-      NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node',
-      NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node',
-      PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs',
-      CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver',
-      OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver',
-      CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip',
-      ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/',
-      ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/',
-      SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass',
-      SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc',
-      NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v',
-      PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/chrome-for-testing',
-      PUPPETEER_DOWNLOAD_BASE_URL: 'https://cdn.npmmirror.com/binaries/chrome-for-testing',
-      PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright',
-      SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli',
-      SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl',
-      RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2',
-      RE2_DOWNLOAD_SKIP_PATH: 'true',
-      PRISMA_ENGINES_MIRROR: 'https://cdn.npmmirror.com/binaries/prisma',
-      npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3',
-      npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar',
-      npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp',
-      npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips',
-      npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs'
-    },
-    '@ali/s2': { host: 'https://cdn.npmmirror.com/binaries/looksgood-s2' },
-    sharp: { replaceHostFiles: [Array], replaceHostMap: [Object] },
-    '@tensorflow/tfjs-node': {
-      replaceHostFiles: [Array],
-      replaceHostRegExpMap: [Object],
-      replaceHostMap: [Object]
-    },
-    cypress: {
-      host: 'https://cdn.npmmirror.com/binaries/cypress',
-      newPlatforms: [Object]
-    },
-    'utf-8-validate': {
-      host: 'https://cdn.npmmirror.com/binaries/utf-8-validate/v{version}'
-    },
-    xprofiler: {
-      remote_path: './xprofiler/v{version}/',
-      host: 'https://cdn.npmmirror.com/binaries'
-    },
-    leveldown: { host: 'https://cdn.npmmirror.com/binaries/leveldown/v{version}' },
-    couchbase: { host: 'https://cdn.npmmirror.com/binaries/couchbase/v{version}' },
-    gl: { host: 'https://cdn.npmmirror.com/binaries/gl/v{version}' },
-    sqlite3: {
-      host: 'https://cdn.npmmirror.com/binaries/sqlite3',
-      remote_path: 'v{version}'
-    },
-    '@journeyapps/sqlcipher': { host: 'https://cdn.npmmirror.com/binaries' },
-    grpc: {
-      host: 'https://cdn.npmmirror.com/binaries',
-      remote_path: '{name}/v{version}'
-    },
-    'grpc-tools': { host: 'https://cdn.npmmirror.com/binaries' },
-    wrtc: {
-      host: 'https://cdn.npmmirror.com/binaries',
-      remote_path: '{name}/v{version}'
-    },
-    fsevents: { host: 'https://cdn.npmmirror.com/binaries/fsevents' },
-    nodejieba: { host: 'https://cdn.npmmirror.com/binaries/nodejieba' },
-    canvas: { host: 'https://cdn.npmmirror.com/binaries/canvas' },
-    'skia-canvas': { host: 'https://cdn.npmmirror.com/binaries/skia-canvas' },
-    'flow-bin': {
-      replaceHost: 'https://github.com/facebook/flow/releases/download/v',
-      host: 'https://cdn.npmmirror.com/binaries/flow/v'
-    },
-    'jpegtran-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/jpegtran-bin'
-    },
-    'cwebp-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/cwebp-bin'
-    },
-    'zopflipng-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/zopflipng-bin'
-    },
-    'optipng-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/optipng-bin'
-    },
-    mozjpeg: {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/mozjpeg-bin'
-    },
-    gifsicle: {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/gifsicle-bin'
-    },
-    'pngquant-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/pngquant-bin',
-      replaceHostMap: [Object]
-    },
-    'pngcrush-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/pngcrush-bin'
-    },
-    'jpeg-recompress-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/jpeg-recompress-bin'
-    },
-    'advpng-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/advpng-bin'
-    },
-    'pngout-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/pngout-bin'
-    },
-    'jpegoptim-bin': {
-      replaceHost: [Array],
-      host: 'https://cdn.npmmirror.com/binaries/jpegoptim-bin'
-    },
-    argon2: { host: 'https://cdn.npmmirror.com/binaries/argon2' },
-    'ali-zeromq': { host: 'https://cdn.npmmirror.com/binaries/ali-zeromq' },
-    'ali-usb_ctl': { host: 'https://cdn.npmmirror.com/binaries/ali-usb_ctl' },
-    'gdal-async': { host: 'https://cdn.npmmirror.com/binaries/node-gdal-async' },
-    'libpg-query': { host: 'https://cdn.npmmirror.com/binaries' }
-  },
-  forbiddenLicenses: null,
-  flatten: false,
-  proxy: undefined,
-  prune: false,
-  disableFallbackStore: false,
-  workspacesMap: Map(0) {},
-  enableWorkspace: false,
-  workspaceRoot: 'D:\\fe\\jn_sis_zhfx',
-  isWorkspaceRoot: true,
-  isWorkspacePackage: false,
-  offline: false,
-  strictSSL: true,
-  ignoreScripts: false,
-  foregroundScripts: false,
-  ignoreOptionalDependencies: false,
-  detail: false,
-  forceLinkLatest: false,
-  trace: false,
-  engineStrict: false,
-  registryOnly: false,
-  client: false,
-  autoFixVersion: [Function: autoFixVersion]
-}

package.json

@@ -17,11 +17,14 @@
     "@arcgis/core": "^4.19.3",
     "@element-plus/icons-vue": "^0.2.4",
     "@open-wc/webpack-import-meta-loader": "^0.4.7",
+    "@vue/runtime-core": "^3.3.9",
     "animate.css": "3.5",
     "axios": "^0.21.1",
     "cesium": "1.78.0",
+    "copy-webpack-plugin": "^5.1.1",
     "core-js": "^3.6.5",
     "cross-env": "^7.0.3",
+    "dayjs": "^1.11.10",
     "docxtemplater": "^3.39.0",
     "docxtemplater-image-module-free": "^1.1.1",
     "echarts": "^5.1.1",
@@ -33,6 +36,7 @@
     "html2canvas": "^1.0.0-rc.7",
     "increase-memory-limit": "^1.0.7",
     "jquery": "^3.6.0",
+    "js-base64": "^3.7.5",
     "js-cookie": "^3.0.5",
     "jsencrypt": "^3.3.2",
     "json-bigint": "^1.0.0",
@@ -52,6 +56,7 @@
     "vue-axios": "^3.2.4",
     "vue-router": "^4.0.0-0",
     "vuex": "^4.0.0-0",
+    "webpack": "^4.0.0",
     "xlsx": "^0.17.0",
     "xlsx-js-style": "^1.2.0"
   },

src/App.vue

@@ -138,7 +138,9 @@ export default {
       return this.$store.state?.menuData?.length;
     },
   },
-  created() {},
+  created() {
+ 
+  },
   mounted() {
     let that = this;
     that.setScale();
@@ -199,7 +201,11 @@ export default {
     // 获取全部场站（不分风电光伏）
     async getAllStation() {
       const { data: datas } = await getAllStation();
-      this.$store.commit("changeStationAll", datas);
+      if (datas) {
+        this.$store.commit("changeStationAll", datas);
+      } else {
+        this.$store.commit("changeStationAll", []);
+      }
     },
     login() {
       this.$store.commit("user/SET_LOGINSTATE", true);

src/api/powerGenerating/index.js

@@ -0,0 +1,54 @@
+import axios from "axios";
+import request from "@/tools/request";
+const headers = {
+  isPower: true,
+};
+export function getStation(data, timeout = 5000) {
+  return request({
+    baseURL: process.env.VUE_APP_TEST,
+    url: "/base/station",
+    method: "get",
+    headers,
+    timeout,
+  });
+}
+export function getWtByStation(data, timeout = 5000) {
+  return request({
+    baseURL: process.env.VUE_APP_TEST,
+    url: "/base/windturbine",
+    method: "get",
+    params: data,
+    headers,
+    timeout,
+  });
+}
+export function getTree(data, timeout = 5000) {
+  return request({
+    baseURL: process.env.VUE_APP_TEST,
+    url: "/power/prepare/tree",
+    method: "get",
+
+    headers,
+    timeout,
+  });
+}
+export function getExcelShow(data, timeout = 5000) {
+  return request({
+    baseURL: process.env.VUE_APP_TEST,
+    url: "/power/prepare/show",
+    method: "get",
+    params: data,
+    headers,
+    timeout,
+  });
+}
+export function getPrepareData(data, timeout = 5000) {
+  return request({
+    baseURL: process.env.VUE_APP_TEST,
+    url: "/power/prepare/data",
+    method: "get",
+    params: data,
+    headers,
+    timeout,
+  });
+}

src/components/SubmitBtn.vue

@@ -0,0 +1,32 @@
+<script setup name="SubmitBtn">
+import { defineProps } from "vue";
+const props = defineProps({
+  desc: {
+    type: String,
+    default: "",
+  },
+  type: {
+    type: String,
+    default: "primary",
+  },
+});
+</script>
+<template>
+  <!-- <div class="h-[24px] flex justify-center items-center text-white bg-[rgba(0,70,199,0.5)] px-[15px] cursor-pointer text-[14px] rounded-[13px]">{{props.desc}}</div> -->
+  <el-button class="buttons" size="mini" :type="type">{{
+    props.desc
+  }}</el-button>
+</template>
+<style lang="less" scoped>
+.buttons {
+  background-color: rgba(5, 187, 76, 0.2);
+  border: 1px solid #3b6c53;
+  color: #b3b3b3;
+  font-size: 14px;
+
+  &:hover {
+    background-color: rgba(5, 187, 76, 0.5);
+    color: #ffffff;
+  }
+}
+</style>

src/components/alarm-badge/index.vue

@@ -11,7 +11,7 @@
       :value="warnLength"
       :class="{ active: warnLength && !displayAlarms ? false : true }"
     >
-      <div class="alarmDeligo" @click="displayAlarm" v-if="warnLength" >
+      <div class="alarmDeligo" @click="displayAlarm" v-if="warnLength">
         <img src="@assets/imgs/ygj.png" class="trans" />
         <img src="@assets/imgs/ygj1.png" />
       </div>

src/components/coms/wt-chooser/wt-chooser.vue

@@ -5,7 +5,7 @@
         <div class="lable">风场：</div>
         <div class="search-input">
           <el-select
-            v-model="wpId"
+            v-model="station"
             clearable
             placeholder="请选择风场"
             popper-class="select"
@@ -25,7 +25,7 @@
         <div class="lable">风机：</div>
         <div class="search-input">
           <el-select
-            v-model="wtId"
+            v-model="wind"
             clearable
             placeholder="请选择风机"
             popper-class="select"
@@ -59,12 +59,30 @@ export default {
     return {
       wpList: [],
       wtList: [],
+      station: "",
+      wind: "",
     };
   },
   created() {
+    this.station = this.wpId;
+    this.wind = this.wtId;
     this.getWpList();
     this.getWtList();
   },
+  watch: {
+    wpId: {
+      handler(val) {
+        this.station = val;
+      },
+      immediate: true,
+    },
+    wtId: {
+      handler(val) {
+        this.wind = val;
+      },
+      immediate: true,
+    },
+  },
   methods: {
     getWpList() {
       axios({
@@ -87,7 +105,7 @@ export default {
       });
     },
     wtChange() {
-      this.$emit("change", { wtId: this.wtId, wpId: this.wpId });
+      this.$emit("change", { wtId: this.wind, wpId: this.station });
     },
   },
 };

src/components/excel.vue

@@ -0,0 +1,102 @@
+<script setup name="excel">
+import { ref, watch, defineEmits, withDefaults, defineProps } from "vue";
+const props = defineProps({
+  data: { type: Array, default: () => [] },
+  height: { type: String, default: "400px" },
+  showCheckbox: { type: Boolean, default: false },
+  checkIds: { type: Array, default: () => [] },
+  currentIds: { type: String, default: "" },
+});
+//   {
+//     data: () => [],
+//     height: "400px",
+//     showCheckbox: false,
+//     checkIds: () => [],
+//   }
+
+const excelCheckIds = ref([]);
+const currentId = ref("");
+const emits = defineEmits(["excelChange", "checkChange"]);
+const funExcelChange = (obj) => {
+  currentId.value = obj.id;
+  emits("excelChange", obj);
+};
+watch(
+  () => props.checkIds,
+  (newVal, oldVal) => {
+    //监听外部checkIds 赋值当前全选
+    excelCheckIds.value = newVal;
+  },
+  { immediate: true }
+);
+const funCheckChange = (checkArr) => {
+  emits("checkChange", { checkArr, data: props.data }); //抛出当前选择checkIds,  和当前的childs数据项
+};
+</script>
+<template>
+  <div class="excel-wrapper">
+    <el-empty v-if="!props.data.length" description="暂无数据" />
+    <el-checkbox-group
+      size="small"
+      v-model="excelCheckIds"
+      v-if="props.showCheckbox"
+      @change="funCheckChange"
+    >
+      <el-checkbox
+        :class="{ '!bg-[rgb(236,245,255)]': currentId === item.id }"
+        size="small"
+        class="hover:bg-[rgb(245,247,250)] !mr-0 py-[3px]"
+        :label="item.id"
+        v-for="item in props.data"
+        :key="item.name"
+      >
+        <span
+          class="whitespace-nowrap cursor-pointer font-bold text-[12px] align-middle inline-flex items-center"
+          @click.stop="funExcelChange(item)"
+          ><el-icon class="color:rgb(71, 179, 71)"><Document /></el-icon
+          >{{ item.name }}</span
+        >
+      </el-checkbox>
+    </el-checkbox-group>
+    <div class="excel-list" v-else>
+      <div
+        class="excel-item"
+        v-for="item in props.data"
+        :key="item.name"
+        :class="{ active: currentId === item.id }"
+        @click="funExcelChange(item)"
+      >
+        <el-icon style="color: rgb(71, 179, 71); margin-right: 10px"
+          ><Document /></el-icon
+        >{{ item.name }}
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="less" scoped>
+.excel-wrapper {
+  height: 100%;
+  padding: 20px;
+  width: 20%;
+  margin-right: 20px;
+border-radius: 10px;
+  box-shadow: 0 1px 3px 0 rgba(5, 187, 76, 1),
+    0 1px 2px -1px rgba(5, 187, 76, 1);
+  .excel-list {
+    height: 100%;
+    width: 100%;
+    padding: 10px;
+    overflow: auto;
+
+    .excel-item {
+      padding: 10px;
+      display: flex;
+      align-items: center;
+      color: #b3bdc0;
+      &.active {
+        background: rgba(97, 97, 90, 25%);
+      }
+    }
+  }
+}
+</style>

src/components/qushi/dialogCheck.vue

@@ -97,9 +97,7 @@
         style="position: absolute; bottom: 19px; right: 6px"
       >
         <el-button size="mini" round @click="cancel">关闭</el-button>
-        <el-button size="mini" round @click="openCurvDatased"
-          >确认</el-button
-        >
+        <el-button size="mini" round @click="openCurvDatased">确认</el-button>
       </el-row>
     </div>
 
@@ -576,11 +574,11 @@ ul li {
   color: #959595;
   margin-left: 40px;
 
-  /deep/ .el-input__suffix {
+  ::v-deep .el-input__suffix {
     right: -68px;
   }
 
-  /deep/ .el-input__inner {
+  ::v-deep .el-input__inner {
     width: 190px;
   }
 }
@@ -807,15 +805,15 @@ ul li {
   color: #b3b3b3;
   margin-left: 40px;
 
-  /deep/ .el-input__inner {
+  ::v-deep .el-input__inner {
     width: 190px;
   }
 
   .el-input-number {
     width: 190px;
 
-    /deep/ .el-input-number__decrease,
-    /deep/ .el-input-number__increase {
+    ::v-deep .el-input-number__decrease,
+    ::v-deep .el-input-number__increase {
       position: absolute;
       z-index: 10;
       top: 8px;

src/components/qushi/qushiDialog.vue

@@ -846,21 +846,21 @@ export default {
     color: #b3b3b3;
     margin-left: 40px;
 
-    // /deep/ .el-input__suffix {
+    // ::v-deep .el-input__suffix {
     //   right: -68px;
     // }
-    /deep/ .el-input__prefix {
+    ::v-deep .el-input__prefix {
       left: 0;
     }
 
-    /deep/ .el-input__inner {
+    ::v-deep .el-input__inner {
       width: 190px;
     }
     .el-input-number {
       width: 190px;
 
-      /deep/ .el-input-number__decrease,
-      /deep/ .el-input-number__increase {
+      ::v-deep .el-input-number__decrease,
+      ::v-deep .el-input-number__increase {
         position: absolute;
         z-index: 10;
         border: 0;

src/components/tree.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="tree-wrapper">
+    <el-input
+      v-model="filterText"
+      placeholder="输入关键字过滤"
+      @input="funfilterChange"
+    />
+    <el-tree
+      class="treeRef"
+      ref="treeRef"
+      :data="props.data"
+      :show-checkbox="props.showCheckbox"
+      default-expand-all
+      node-key="id"
+      highlight-current
+      :props="defaultProps"
+      :current-node-key="''"
+      @check="funCheckChange"
+      :expand-on-click-node="false"
+      @node-click="funCurrentChange"
+      :filter-node-method="funTreeFilter"
+    >
+      <template #default="{ node, data }">
+        <p
+          v-if="node.level === 1"
+          class="dashboard-tree-title"
+          :class="[props.showCheckbox ? 'w-[84%]' : 'w-[90%]']"
+        >
+          <span>{{ node.label }}</span>
+          <el-icon
+            class="refresh"
+            size="14"
+            title="刷新"
+            @click.stop="emits('refresh')"
+          >
+            <RefreshRight />
+          </el-icon>
+        </p>
+        <el-dropdown
+          ref="dropdown1"
+          v-else
+          size="small"
+          trigger="contextmenu"
+          @command="funCommand"
+          style="margin-right: 30px;color:#B3BDC0;"
+        >
+          <span class="el-dropdown-link text-[12px] flex items-center">
+            <el-icon class="mr-[4px] !text-[#E6A23C]">
+              <Folder
+                v-if="!node.expanded || (node.isLeaf && !node.isCurrent)"
+              />
+              <FolderOpened v-else />
+            </el-icon>
+            {{ node.label }}
+          </span>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item
+                class="text-[#409EFF]"
+                v-if="props.dropdownMenu.includes('save')"
+                :command="{ type: 'save', data, node }"
+                >保存</el-dropdown-item
+              >
+              <el-dropdown-item
+                class="text-[#409EFF]"
+                v-if="
+                  data.childs &&
+                  data.childs.length &&
+                  props.dropdownMenu.includes('export')
+                "
+                :command="{ type: 'export', data, node }"
+                >导出
+              </el-dropdown-item>
+              <el-dropdown-item
+                class="text-[#F56C6C]"
+                v-if="props.dropdownMenu.includes('delete')"
+                :command="{ type: 'delete', data, node }"
+                >删除</el-dropdown-item
+              >
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </template>
+    </el-tree>
+
+    <!--
+			   <div class="buttons">
+				   <el-button @click="getCheckedNodes">get by node</el-button>
+				   <el-button @click="getCheckedKeys">get by key</el-button>
+				   <el-button @click="setCheckedNodes">set by node</el-button>
+				   <el-button @click="setCheckedKeys">set by key</el-button>
+				   <el-button @click="resetChecked">reset</el-button>
+			   </div>
+		   -->
+  </div>
+</template>
+
+<script setup name="search">
+import { ref, defineExpose, defineEmits, defineProps } from "vue";
+import request from "@/tools/request";
+// import type Node from "element-plus/es/components/tree/src/model/node";
+import { ElMessage, ElMessageBox } from "element-plus";
+// import config from "../api/config";
+const baseURL = process.env.VUE_APP_TEST;
+const socketURL = process.env.WS_APP_TEST;
+const emits = defineEmits(["currentChange", "checkChange", "refresh"]);
+// interface Tree {
+//   id: string;
+//   label: string;
+//   children?: Tree[];
+// }
+const props = defineProps({
+  data: {
+    type: Array,
+    default: () => {},
+  },
+  height: {
+    type: [String, Number],
+    default: "",
+  },
+  showCheckbox: {
+    type: Boolean,
+    default: false,
+  },
+  type: {
+    type: String,
+    default: "wind",
+  },
+  dropdownMenu: {
+    type: Array,
+    default: () => ["export", "delete"],
+  },
+});
+const treeRef = ref();
+const filterText = ref("");
+/**输入框过滤 */
+const funfilterChange = () => {
+  treeRef.value.filter(filterText.value);
+};
+const funTreeFilter = (value, data) => {
+  if (!value) return true;
+  return data.label.includes(value);
+};
+/**选中节点变化 */
+const funCurrentChange = (current, currentNode) => {
+  emits("currentChange", { current, currentNode });
+};
+/**复选框选中变化 */
+const funCheckChange = (
+  current,
+  { checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys }
+) => {
+  emits("checkChange", {
+    current,
+    checkedNodes,
+    checkedKeys,
+    halfCheckedNodes,
+    halfCheckedKeys,
+  });
+};
+//右键时, command菜单
+const funCommand = async ({ type, data, node }) => {
+  switch (type) {
+    case "save":
+      /**该保存功能目前暂用于风电场, combine页 */
+      if (props.type !== "wind") {
+        return false;
+      }
+      ElMessageBox.confirm("确认保存当前节点的拟合功率?", "保存", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(async () => {
+        let saveArr = [];
+        const repeatArr = (arr, saveArr) => {
+          for (const unit of arr) {
+            if (unit.childs?.length) {
+              saveArr.push(...unit.childs.map((o) => o.id));
+            } else if (unit.children?.length) {
+              repeatArr(unit.children, saveArr);
+            }
+          }
+        };
+        if (data.childs?.length) {
+          saveArr = data.childs.map((o) => o.id);
+        } else if (data.children?.length) {
+          repeatArr(data.children, saveArr);
+        }
+        let res = { code: 500 };
+        res = await request.get("/power/fitting/curve/save", {
+          params: { ids: saveArr.join(",") },
+        }); //删除当前节点
+
+        if (res.code === 200) {
+          ElMessage.success(res.msg);
+        }
+      });
+      break;
+    case "export":
+      ElMessageBox.confirm("确认导出当前节点的所有数据?", "导出", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        const a = document.createElement("a");
+        let childs = [];
+        childs =
+          props.type === "wind"
+            ? data.childs.map((o) => o.id)
+            : data.childs.map((o) => o.path);
+        const url =
+          props.type === "wind"
+            ? "/data/option/download?ids="
+            : "/export/files?filename=";
+        a.href = baseURL + url + childs.join(",");
+        a.download = "";
+        a.target = "_blank";
+        a.click();
+      });
+      break;
+    case "delete":
+      ElMessageBox.confirm("确认删除当前节点的所有数据?", "删除", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(async () => {
+        let deleteArr = [];
+        const repeatArr = (arr, deleteArr) => {
+          for (const unit of arr) {
+            if (unit.childs?.length) {
+              deleteArr.push(
+                ...unit.childs.map((o) =>
+                  props.type === "wind" ? o.id : o.path
+                )
+              );
+            } else if (unit.children?.length) {
+              repeatArr(unit.children, deleteArr);
+            }
+          }
+        };
+        if (data.childs?.length) {
+          deleteArr = data.childs.map((o) =>
+            props.type === "wind" ? o.id : o.path
+          );
+        } else if (data.children?.length) {
+          repeatArr(data.children, deleteArr);
+        }
+        let res = { code: 500 };
+        if (props.type === "wind") {
+          res = await request.get("/data/option/delete", {
+            params: { ids: deleteArr.join(",") },
+          }); //删除当前节点
+        } else {
+          res = await request.delete("/delete/files", {
+            data: { filename: deleteArr.join(",") },
+          }); //删除当前节点
+        }
+        if (res.code === 200) {
+          ElMessage.success(res.msg);
+          emits("refresh");
+        }
+      });
+
+      break;
+  }
+};
+
+const getCheckedNodes = () => {
+  // // console.log(treeRef.value!.getCheckedNodes(false, false));
+};
+const getCheckedKeys = () => {
+  // // console.log(treeRef.value!.getCheckedKeys(false));
+};
+const setCheckedNodes = () => {
+  treeRef.value.setCheckedNodes(
+    [
+      {
+        id: 5,
+        label: "Level two 2-1",
+      },
+      {
+        id: 9,
+        label: "Level three 1-1-1",
+      },
+    ],
+    false
+  );
+};
+const setCheckedKeys = (keyArr) => {
+  treeRef.value.setCheckedKeys(keyArr, false);
+};
+const resetChecked = () => {
+  treeRef.value.setCheckedKeys([], false);
+};
+
+const defaultProps = {
+  children: "children",
+  label: "label",
+};
+defineExpose({ setCheckedKeys });
+</script>
+<style lang="less" scoped>
+.tree-wrapper {
+  height: 100%;
+  padding: 20px;
+  width: 20%;
+  margin-right: 20px;border-radius: 10px;
+  box-shadow: 0 1px 3px 0 rgba(5, 187, 76, 1),
+    0 1px 2px -1px rgba(5, 187, 76, 1);
+  .treeRef {
+    height: calc(100% - 30px - 20px);
+    margin-top: 10px;
+    padding: 10px 0;
+    overflow: auto;
+    .dashboard-tree-title {
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
+    }
+    .refresh {
+      margin-right: 15px;
+    }
+  }
+}
+</style>

src/main.js

@@ -23,11 +23,12 @@ import basicTool from "@tools/basicTool";
 import animated from "animate.css";
 import { ElMessage } from "element-plus";
 const app = createApp(App);
-/**阻止多次重复点击指令  延时暂定5秒 示例 v-prevdbclick:arg='func' */
+
 const messageToast = () => {
   //作为eventListener时, 必须使用外部定义函数
   ElMessage.error("5秒内请勿重复点击");
 };
+/**阻止多次重复点击指令  延时暂定5秒 示例 v-prevdbclick:arg='func' */
 const funListener = (el, binding) => {
   let time = null;
   el.removeEventListener("click", messageToast);
@@ -46,6 +47,40 @@ const funListener = (el, binding) => {
     }
   );
 };
+app.directive("prevdbclick", {
+  mounted(el, binding) {
+    funListener(el, binding);
+  },
+});
+// const app = createApp(App);
+// /**阻止多次重复点击指令  延时暂定5秒 示例 v-prevdbclick:arg='func' */
+// const messageToast = () => {
+//   //作为eventListener时, 必须使用外部定义函数
+//   ElMessage.error("5秒内请勿重复点击");
+// };
+// const funListener = (el, binding) => {
+//   let time = null;
+//   el.removeEventListener("click", messageToast);
+//   el.addEventListener(
+//     "click",
+//     () => {
+//       binding.value();
+//       el.addEventListener("click", messageToast, false);
+//       time = setTimeout(() => {
+//         clearTimeout(time);
+//         funListener(el, binding);
+//       }, Number(binding.arg) || 5000);
+//     },
+//     {
+//       once: true,
+//     }
+//   );
+// };
+// app.directive("prevdbclick", {
+//   mounted(el, binding) {
+//     funListener(el, binding);
+//   },
+// });
 /**
  * 对 Date 的扩展，将 Date 转化为指定格式的字符串
  * @param {String} fmt 传入一个字符串，根据所传字符串的格式返回转换后特定格式的日期。
@@ -77,11 +112,7 @@ Date.prototype.formatDate = function (fmt) {
   }
   return fmt;
 };
-app.directive("prevdbclick", {
-  mounted(el, binding) {
-    funListener(el, binding);
-  },
-});
+
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component);
 }

src/router/index.js

@@ -1612,6 +1612,42 @@ export const asyncRoutes = [
       },
     ],
   },
+  //发电能力分析
+  {
+    path: "/powerGenerating",
+    name: "powerGenerating",
+    meta: {
+      title: "发电能力分析",
+      icon: "",
+      permissions: ["jn_zhbb"],
+    },
+    // component: () => import("@/views/report/index copy.vue"),
+    component: () => import("@/views/powerGenerating"),
+    children: [
+      {
+        path: "dataFilter",
+        name: "dataFilter",
+        meta: {
+          title: "数据准备",
+          icon: "svg-prepare",
+          permissions: ["jn_dlbb"],
+        },
+        component: () => import("@/views/powerGenerating/dataFilter"),
+        children: [
+          {
+            path: "prepare",
+            name: "prepare",
+            component: () => import("@/views/powerGenerating/dataFilter/prepare"),
+            meta: {
+              title: "风电数据准备",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+        ],
+      },
+    ],
+  },
   // 智能报表
   {
     path: "/report",

src/store/index.js

@@ -4,7 +4,8 @@ import user from "./modules/user";
 import routes from "./modules/router";
 import getters from "./getters";
 const debug = process.env.NODE_ENV !== "production";
-
+import { getCookie, setCookie } from "@/utills/auth"; // getToken from cookie
+import { get } from "jquery";
 // 默认状态
 const state = {
   websocketTimeSec: 1000,
@@ -20,8 +21,8 @@ const state = {
   cftList: localStorage.getItem("cftList")
     ? JSON.parse(localStorage.getItem("cftList"))
     : [],
-  stationListAll: localStorage.getItem("stationListAll")
-    ? JSON.parse(localStorage.getItem("stationListAll"))
+  stationListAll: getCookie("stationListAll")
+    ? JSON.parse(getCookie("stationListAll"))
     : [],
   boosterAlarm: JSON.parse(localStorage.getItem("boosterAlarm")) || 0,
   drawer: JSON.parse(localStorage.getItem("drawer")) || false,
@@ -60,7 +61,7 @@ const mutations = {
   },
   changeStationAll(state, data) {
     state.stationListAll = data;
-    localStorage.setItem("stationListAll", JSON.stringify(data));
+    setCookie("stationListAll", JSON.stringify(data));
   },
   changeBoosterAlarm(state, data) {
     state.boosterAlarm = data;

src/tools/request.js

@@ -12,12 +12,13 @@ service.interceptors.request.use(
   (config) => {
     const t = (config.headers || {}).isToken;
     const u = (config.headers || {}).isUser;
+    const p = (config.headers || {}).isPower;
     const isToken = t === false || t === "false";
     if (!isToken) {
       //   // 让请求携带自定义token 请根据实际情况自行修改
       if (u) {
         config.headers["Authorization"] = "Bearer " + getCookie("authToken");
-      } else {
+      } else if (!p) {
         config.headers["token"] = getCookie("authToken");
         config.headers["userId"] = getCookie("userId");
       }

src/views/economicsOperation/benchmarkingManagement/siteBenchmarking/index.vue

@@ -1034,7 +1034,7 @@ export default {
   padding: 0 30px;
   padding-bottom: 10px;
 }
-/deep/ .s-tb-th {
+::v-deep .s-tb-th {
   height: 50px;
 }
 .form-wrapper {

src/views/layout/Header.vue

@@ -97,6 +97,13 @@ export default {
           isActive: false,
         },
         {
+          id: "powerGenerating",
+          text: "发电能力分析",
+          // path: '/sandtable',
+          path: "/powerGenerating",
+          isActive: false,
+        },
+        {
           id: "report",
           text: "智能报表",
           path: "/report",
@@ -234,6 +241,7 @@ export default {
           userId: getCookie("userId"),
         }).then((res) => {
           this.$store.commit("user/REMOVE_TOKEN");
+           this.$store.commit("changeStationAll", []);
           this.$router.push("/login");
         });
       }

src/views/layout/Menu.vue

@@ -245,6 +245,11 @@ export default {
           data: [],
         },
         {
+          id: "powerGenerating",
+          text: "发电能力分析",
+          data: [],
+        },
+        {
           id: "report",
           text: "智能报表",
           data: [],

src/views/layout/login-page.vue

@@ -274,7 +274,7 @@ export default {
 }
 
 /**改变input里的字体颜色*/
-/deep/ input::-webkit-input-placeholder {
+::v-deep input::-webkit-input-placeholder {
   color: #777777;
   font-size: 16px;
 }

src/views/powerGenerating/dataFilter/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <router-view />
+</template>
+
+<script>
+export default {
+  name: "dataFilter", // 数据准备
+};
+</script>
+
+<style scoped lang="less">
+</style>

src/views/powerGenerating/dataFilter/prepare/components/search.vue

@@ -0,0 +1,163 @@
+<template>
+  <div class="operation-wrapper">
+    <div class="card-title">操作面板</div>
+    <el-form class="operation-form" :inline="true" :model="queryForm">
+      <el-form-item label="场站">
+        <el-select
+          v-model="queryForm.station"
+          popper-class="select"
+          size="mini"
+          @change="funStationChange"
+        >
+          <el-option
+            v-for="item in stationList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="风机">
+        <el-select
+          multiple
+          size="mini"
+          popper-class="select"
+          v-model="queryForm.wtIds"
+          @clear="checkAll = false"
+          collapse-tags
+        >
+          <el-option
+            label="全选"
+            :class="{ selected: checkAll }"
+            @click="funCheckAll"
+          ></el-option>
+          <el-option
+            v-for="item in windList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="开始时间">
+        <el-date-picker
+          type="date"
+          size="mini"
+          popper-class="date-select"
+          v-model="queryForm.st"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="结束时间">
+        <el-date-picker
+          type="date"
+          size="mini"
+          popper-class="date-select"
+          v-model="queryForm.et"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="等间隔">
+        <el-radio-group size="mini" v-model="queryForm.interval">
+          <el-radio :label="1">一秒钟</el-radio>
+          <el-radio :label="2">一分钟</el-radio>
+          <el-radio :label="3">十分钟</el-radio>
+          <el-radio :label="4">十五分钟</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item>
+        <submit-btn v-prevdbclick:5000="funSubmit" desc="执行"></submit-btn>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, ref, defineEmits } from "vue";
+import request from "@/tools/request.js";
+import SubmitBtn from "@/components/SubmitBtn.vue";
+import { getStation, getWtByStation } from "@/api/powerGenerating/index.js";
+const queryForm = reactive({
+  station: "",
+  wtIds: [],
+  st: Date.now() - 30 * 24 * 60 * 60 * 1000,
+  et: Date.now(),
+  interval: 3,
+});
+/**场站 */
+const stationList = ref([]);
+const funGetStation = async () => {
+  const res = await getStation();
+
+  stationList.value = res.data;
+  if (stationList.value.length) {
+    queryForm.station = stationList.value[0].id;
+    funGetWind(queryForm.station);
+  }
+};
+const funStationChange = (stationId) => {
+  if (stationId) {
+    funGetWind(stationId);
+  } else {
+    windList.value = [];
+  }
+};
+/**风机 */
+const checkAll = ref(true);
+const windList = ref([]);
+const funGetWind = async (stationId) => {
+  const res = await getWtByStation({ stationId });
+  windList.value = res.data;
+  queryForm.wtIds = res.data.map((o) => o.id);
+  checkAll.value = true;
+};
+const funCheckAll = () => {
+  checkAll.value = !checkAll.value;
+  if (checkAll.value) {
+    queryForm.wtIds = windList.value.map((o) => o.id);
+  } else {
+    queryForm.wtIds = [];
+  }
+};
+/**导出 */
+const emits = defineEmits(["submit"]);
+const funSubmit = async () => {
+  const startDate = new Date(queryForm.st).setHours(0, 0, 0, 0);
+  const endDate = new Date(queryForm.et).setHours(0, 0, 0, 0);
+  const query = {
+    station: queryForm.station,
+    wtIds: queryForm.wtIds.join(),
+    st: new Date(startDate).getTime(),
+    et: new Date(endDate).getTime(),
+    interval: queryForm.interval,
+  };
+  switch (queryForm.interval) {
+    case 2:
+      query.interval = 60;
+      break;
+    case 3:
+      query.interval = 600;
+      break;
+    case 4:
+      query.interval = 900;
+      break;
+  }
+  emits("submit", query);
+};
+/**created */
+funGetStation();
+</script>
+<style lang="less" scoped>
+.operation-wrapper {
+    background: #161f1e;   
+  position: relative;
+  padding: 20px;
+  padding-bottom: 12px;
+  border-radius: 10px;
+  box-shadow: 0 1px 3px 0 rgba(5, 187, 76, 1),
+    0 1px 2px -1px rgba(5, 187, 76, 1);
+  .card-title {
+    position: absolute;
+    top: -10px;
+  }
+
+}
+</style>

src/views/powerGenerating/dataFilter/prepare/components/table.vue

@@ -0,0 +1,78 @@
+<script setup name="table">
+import { ref, computed, defineProps, defineEmits } from "vue";
+const props = defineProps({
+  height: {
+    type: String,
+    default: "800px",
+  },
+  data: {
+    type: Array,
+    default: () => [],
+  },
+  column: {
+    type: Array,
+    default: () => [],
+  },
+  tableName: {
+    type: String,
+    default: "",
+  },
+  tableId: {
+    type: String,
+    default: "",
+  },
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+});
+const emits = defineEmits(["export"]);
+const funExport = () => {
+  emits("export");
+};
+const tableRef = ref("");
+const tableHeight = computed(() => {
+  return tableRef.value.offsetHeight ? tableRef.value.offsetHeight - 46 : 739;
+});
+</script>
+<template>
+  <div ref="tableRef" class="table-wrapper">
+    <div class="table-wrapper-title">
+      <h3>{{ props.tableName }}</h3>
+      <!-- <el-button size="small" type="primary" @click="funExport" :disabled="!props.tableId">数据导出</el-button> -->
+    </div>
+    <el-table
+      :data="props.data"
+      stripe
+      size="small"
+      v-loading="props.loading"
+      element-loading-background="rgba(4, 12, 11, 0.8)"
+      height="calc(100% - 52px)"
+      :style="{ width: '100%' }"
+    >
+      <el-table-column
+        align="center"
+        show-overflow-tooltip
+        v-for="(item, index) in props.column"
+        :key="index"
+        :prop="item.prop"
+        :label="item.label"
+        sortable
+        resizable
+        :min-width="item.width ? item.width : 80"
+      />
+    </el-table>
+  </div>
+</template>
+<style lang="less" scoped>
+.table-wrapper {
+  height: 100%;
+  padding: 20px;
+  padding-top: 0;
+  width: calc(60% - 40px);
+  border-radius: 10px;
+  box-shadow: 0 1px 3px 0 rgba(5, 187, 76, 1),
+    0 1px 2px -1px rgba(5, 187, 76, 1);
+  
+}
+</style>

src/views/powerGenerating/dataFilter/prepare/index.vue

@@ -0,0 +1,241 @@
+<script setup name="prepare">
+import {
+  getTree,
+  getExcelShow,
+  getPrepareData,
+} from "@/api/powerGenerating/index.js";
+
+import searchCop from "./components/search.vue";
+import excelCop from "@/components/excel.vue";
+import treeCop from "@/components/tree.vue";
+import tableCop from "./components/table.vue";
+import { ElMessage } from "element-plus";
+import { onMounted, ref, onActivated } from "vue";
+import request from "@/tools/request.js";
+const baseURL = process.env.VUE_APP_TEST;
+const socketURL = process.env.VUE_APP_WS;
+/**配置参数 */
+const treeHeight = ref(window.innerHeight - 102 + "px"); //tree高度
+const excelHeight = ref(window.innerHeight - 260 + "px"); //excel高度
+const tableHeight = ref(window.innerHeight - 260 + "px");
+/**excel 开始 */
+const excelList = ref([]);
+const funExcelChange = async (obj) => {
+  //点击excel项时
+  tableShowId.value = obj.id;
+  tableName.value = obj.name;
+  tableLoading.value = true;
+  const res = await getExcelShow({ id: obj.id });
+  if (res.code === 200) {
+    tableColumn.value = res.data.title.map((o) => {
+      return {
+        prop: o.key,
+        label: o.des,
+        width: o.des === "时间" ? 100 : 80,
+      };
+    });
+    tableData.value = res.data.data;
+    tableLoading.value = false;
+  } else {
+    tableLoading.value = false;
+  }
+};
+/**tree 开始 */
+const treeData = ref([]);
+const actTreeNode = ref(null); //当前激活的treeNode
+const funRepeatMap = (arr) => {
+  return arr.map((o) => {
+    if (o.children) {
+      const findIndex = o.children.findIndex((p) => !!p.type);
+      if (findIndex !== -1) {
+        o.childs = o.children;
+        o.children = [];
+        if (!actTreeNode.value) {
+          //判断当且仅有process获取tree时 赋值
+          actTreeNode.value = o;
+        }
+      }
+    }
+    return {
+      ...o,
+      children: o.children?.length ? funRepeatMap(o.children) : [],
+    };
+  });
+};
+const funGetTree = async () => {
+  actTreeNode.value = null;
+  const res = await getTree();
+  console.log(res);
+  treeData.value = funRepeatMap(res.data);
+  console.log(treeData.value, actTreeNode.value);
+  excelList.value = [];
+  if (actTreeNode.value) {
+    funCurrentChange({ current: actTreeNode.value, currentNode: null });
+    const child = actTreeNode.value.childs[0];
+    const obj = {
+      id: child.id,
+      interval: child.interval,
+      path: child.path,
+      prepareid: child.prepareid,
+      station: child.station,
+      time: child.time,
+      type: child.type,
+      windturbine: child.windturbine,
+      name: child.path.substring(
+        child.path.indexOf(child.station + "_") + (child.station + "_").length
+      ),
+    };
+    funExcelChange(obj);
+  }
+};
+const funCurrentChange = ({ current, currentNode }) => {
+  if (current.childs) {
+    excelList.value = current.childs.map((o) => {
+      return {
+        id: o.id,
+        interval: o.interval,
+        path: o.path,
+        prepareid: o.prepareid,
+        station: o.station,
+        time: o.time,
+        type: o.type,
+        windturbine: o.windturbine,
+        name: o.path.substring(
+          o.path.indexOf(o.station + "_") + (o.station + "_").length
+        ),
+      };
+    });
+  } else {
+    excelList.value = [];
+  }
+};
+/**table 开始 */
+const tableShowId = ref("");
+const tableName = ref("");
+const tableColumn = ref([]);
+const tableLoading = ref(false);
+const tableData = ref([]);
+const funExport = async () => {
+  const a = document.createElement("a");
+  a.href = baseURL + "/power/prepare/download?id=" + tableShowId.value;
+  a.download = "";
+  a.click();
+};
+/**submit */
+const progress = ref(0);
+const funWebSocket = () => {
+  const webSocket = new WebSocket(`${socketURL}/ws/powerfitting/admin`);
+  webSocket.onerror = () =>
+    setTimeout(() => {
+      funWebSocket();
+    }, 2000);
+
+  webSocket.onmessage = (event) => {
+    const message = JSON.parse(event.data);
+    console.log(message);
+    if (message.code === 200) {
+      console.log(message.data);
+      progress.value = Number(message.data) * 100;
+      if (progress.value === 100) {
+        ElMessage.success("数据加载完成");
+        funGetTree();
+        progress.value = 0;
+      }
+    }
+  };
+};
+const funSubmit = async (params) => {
+  const res = await getPrepareData(params);
+  console.log(res);
+  if (res.code === 200) {
+    ElMessage.success(res.msg);
+  }
+};
+/**created */
+funGetTree();
+// funWebSocket();
+/**mounted */
+onMounted(() => {
+  tableHeight.value = window.innerHeight - 260 + "px";
+  excelHeight.value = window.innerHeight - 260 + "px";
+  treeHeight.value = window.innerHeight - 120 + "px";
+  window.addEventListener("resize", () => {
+    tableHeight.value = window.innerHeight - 260 + "px";
+    excelHeight.value = window.innerHeight - 260 + "px";
+    treeHeight.value = window.innerHeight - 120 + "px";
+  });
+});
+/**activated */
+onActivated(() => {
+  funGetTree();
+});
+</script>
+<template>
+  <div class="container-wrapper">
+    <search-cop @submit="funSubmit"> </search-cop>
+    <div class="prepare-data-wrapper">
+      <div class="data-wrapper-title">数据展示</div>
+      <div class="data-wrapper">
+        <tree-cop
+          :data="treeData"
+          :height="treeHeight"
+          @currentChange="funCurrentChange"
+          @refresh="funGetTree"
+        /><excel-cop
+          :data="excelList"
+          :height="excelHeight"
+          @excelChange="funExcelChange"
+        />
+        <table-cop
+          class=""
+          :data="tableData"
+          :column="tableColumn"
+          :loading="tableLoading"
+          :height="tableHeight"
+          :tableId="tableShowId"
+          :tableName="tableName"
+          @export="funExport"
+        />
+      </div>
+    </div>
+
+    <el-progress
+      :percentage="progress"
+      v-if="progress"
+      class="!absolute top-0 right-0 left-0"
+      :indeterminate="false"
+      color="rgb(19,206,102)"
+      :stroke-width="4"
+      :show-text="false"
+    />
+  </div>
+</template>
+<style lang="less" scoped>
+.container-wrapper {
+  //   background: #161f1e;
+  height: calc(100% - 10px * 2);
+  width: calc(100% - 20px * 2);
+  margin: 0 20px;
+  padding: 10px 0;
+  .prepare-data-wrapper {
+    position: relative;
+    height: calc(100% - 58px - 20px);
+    margin-top: 20px;
+    width: 100%;
+    border-radius: 10px;
+    background: #161f1e;
+    padding: 20px;
+    padding-bottom: 12px;
+    box-shadow: 0 1px 3px 0 rgba(5, 187, 76, 1),
+      0 1px 2px -1px rgba(5, 187, 76, 1);
+    .data-wrapper-title {
+      position: absolute;
+      top: -10px;
+    }
+    .data-wrapper{
+        height:100%;
+        display: flex;
+    }
+  }
+}
+</style>

src/views/powerGenerating/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <router-view />
+</template>
+
+<script>
+export default {
+  name: "powerGenerating", //发电能力分析
+};
+</script>
+
+<style scoped lang="less">
+
+</style>

src/views/stateMonitor/factoryMonitor/components/BSHeaderButton.vue

@@ -38,7 +38,6 @@
 </template>
 
 <script>
-
 import { headerCompany } from "@/api/headerNav/header.js";
 import {
   GetStationByCompany,
@@ -158,7 +157,7 @@ export default {
       });
       if (data.data.length) {
         this.allPowerStation = data.data;
-        this.allPowerStation.unshift({nemCode:"all",aname:"全部"})
+        this.allPowerStation.unshift({ nemCode: "all", aname: "全部" });
         let index = Object.keys(this.localWpinfo).length
           ? this.allPowerStation.findIndex(
               (item) => item.nemCode == this.localWpinfo.wpid
@@ -173,8 +172,12 @@ export default {
         }
         this.pageTotal = data.data.length;
         this.pageData = this.queryByPage();
-        this.stationCode = Object.keys(this.localWpinfo).length ? this.localWpinfo.wpid : this.pageData[0].nemCode;
-        this.stationName = Object.keys(this.localWpinfo).length ? this.localWpinfo.wpname : this.pageData[0].name;
+        this.stationCode = Object.keys(this.localWpinfo).length
+          ? this.localWpinfo.wpid
+          : this.pageData[0].nemCode;
+        this.stationName = Object.keys(this.localWpinfo).length
+          ? this.localWpinfo.wpname
+          : this.pageData[0].name;
         if (this.showType) {
           this.getProject(this.stationCode);
         } else {
@@ -275,12 +278,12 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-/deep/.el-pagination {
+::v-deep.el-pagination {
   .btn-prev {
     margin-right: 10px;
   }
 }
-/deep/.el-select {
+::v-deep.el-select {
   .el-input__inner {
     border-radius: 12.5px !important;
   }
@@ -291,7 +294,7 @@ export default {
   flex-wrap: nowrap;
   padding: 10px 0 15px 0;
 }
-/deep/.el-radio-group {
+::v-deep.el-radio-group {
   height: 28px;
   .el-radio-button__original-radio + .el-radio-button__inner {
     background-color: rgba(5, 187, 76, 0.2);

src/views/stateMonitor/factoryMonitor/components/headerButton.vue

@@ -386,12 +386,12 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-/deep/.el-pagination {
+::v-deep.el-pagination {
   .btn-prev {
     margin-right: 10px;
   }
 }
-/deep/.el-select {
+::v-deep.el-select {
   .el-input__inner {
     border-radius: 12.5px !important;
   }
@@ -402,7 +402,7 @@ export default {
   flex-wrap: nowrap;
   padding: 10px 0 15px 0;
 }
-/deep/.el-radio-group {
+::v-deep.el-radio-group {
   height: 28px;
   .el-radio-button__original-radio + .el-radio-button__inner {
     background-color: rgba(5, 187, 76, 0.2);

src/views/stateMonitor/factoryMonitor/components/tuDialog.vue

@@ -754,11 +754,11 @@ export default {
   color: #959595;
   margin-left: 40px;
 
-  /deep/ .el-input__suffix {
+  ::v-deep .el-input__suffix {
     right: -68px;
   }
 
-  /deep/ .el-input__inner {
+  ::v-deep .el-input__inner {
     width: 190px;
   }
 }
@@ -1018,15 +1018,15 @@ export default {
   color: #b3b3b3;
   margin-left: 40px;
 
-  /deep/ .el-input__inner {
+  ::v-deep .el-input__inner {
     width: 190px;
   }
 
   .el-input-number {
     width: 190px;
 
-    /deep/ .el-input-number__decrease,
-    /deep/ .el-input-number__increase {
+    ::v-deep .el-input-number__decrease,
+    ::v-deep .el-input-number__increase {
       position: absolute;
       z-index: 10;
       top: 8px;

src/views/stateMonitor/factoryMonitor/photovoltaic/lightBoosterStation/components/previewPicture.vue

@@ -697,7 +697,7 @@ export default {
       color: white;
     }
 
-    &/deep/.el-button {
+    &::v-deep.el-button {
       z-index: 2;
       position: absolute;
       bottom: 60px;

src/views/stateMonitor/factoryMonitor/photovoltaic/lightMillivolt/components/previewPicture.vue

@@ -697,7 +697,7 @@ export default {
       color: white;
     }
 
-    &/deep/.el-button {
+    &::v-deep.el-button {
       z-index: 2;
       position: absolute;
       bottom: 60px;

src/views/stateMonitor/factoryMonitor/windPowerPlant/boosterStation/components/previewPicture.vue

@@ -697,7 +697,7 @@ export default {
       color: white;
     }
 
-    &/deep/.el-button {
+    &::v-deep.el-button {
       z-index: 2;
       position: absolute;
       bottom: 60px;

src/views/stateMonitor/factoryMonitor/windPowerPlant/millivolt/components/previewPicture.vue

@@ -697,7 +697,7 @@ export default {
       color: white;
     }
 
-    &/deep/.el-button {
+    &::v-deep.el-button {
       z-index: 2;
       position: absolute;
       bottom: 60px;

src/views/stateMonitor/factoryMonitor/windPowerPlant/windPower/components/raderswithhart.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-// import util from "@tools/util";
+import util from "@tools/util";
 import chartTheme from './chartTheme.json'
-import { ref, toRaw, computed, onMounted, watch, nextTick } from 'vue';
+import { ref, toRaw, computed, onMounted, watch, nextTick,defineProps } from 'vue';
 import * as echarts from 'echarts'
 const chartId = 'chart-' + util.newGUID(); //chartId
 const chartIns = ref(null)  //chart 实例

src/views/stateMonitor/zhzb/zhzb.vue

@@ -601,7 +601,7 @@ export default {
 .search-input {
   margin-left: 10px;
 
-  /deep/ .el-input__suffix {
+  ::v-deep .el-input__suffix {
     position: absolute;
     height: 100%;
     right: -65px;