first commit

.env.development

@@ -0,0 +1,32 @@
+VUE_APP_BASE_API = http://192.168.11.250:18600
+VUE_APP_Economy = http://192.168.11.250:6060
+# 服务名，调用后台微服务
+VUE_APP_SERVER_NAME = /nem-api
+
+VUE_APP_BASE_MENU = http://192.168.11.250:18600/ims-ext/sys/sysMenu/menuList
+
+VUE_APP_SYS_TITLE = 智慧光伏集维管理系统
+VUE_APP_SYS_VERSION = VERSION 5.0
+# 跳转后台路径
+VUE_APP_SYS_TARGET_HREF=http://192.168.11.250:19098
+VUE_APP_SYS_CODE=JS_RGN
+
+
+# 登录方式 0 ==> vue登录页面  1 ==> 统一认证登录页面
+VUE_APP_LOGIN_MODE = 0
+
+# 趋势对比数据条数
+VUE_APP_DIALOG_NUM = 8
+
+#趋势对比鼠标点击
+VUE_APP_DIALOG_POINT = contextmenu
+
+# 统一认证登录地址
+VUE_APP_UNIFIED_LOGIN = http://192.168.11.250:81/?exitFlag=true
+# 统一认证跳转地址
+VUE_APP_REDIRECT_URL = http://localhost:18701/vue/login?url=http://localhost:8080
+
+#vue方式登录地址
+VUE_APP_VUE_LOGIN_URL = http://192.168.11.250:81/api/ims-idas/oauth/tokenWrapper
+# 后台管理地址，vue前端跳转至后端时使用
+VUE_APP_BACK_URL = http://192.168.11.250:19098

.env.eapi

@@ -0,0 +1 @@
+NODE_ENV=eapi

.env.prod

@@ -0,0 +1,32 @@
+VUE_APP_BASE_API = http://192.168.11.250:18600
+VUE_APP_Economy = http://192.168.11.250:6060
+# 服务名，调用后台微服务
+VUE_APP_SERVER_NAME = /nem-api-qh
+
+VUE_APP_BASE_MENU = http://192.168.11.250:18600/ims-ext/sys/sysMenu/menuList
+
+VUE_APP_SYS_TITLE = 智慧光伏集维管理系统
+VUE_APP_SYS_VERSION = VERSION 5.0
+# 跳转后台路径
+VUE_APP_SYS_TARGET_HREF=http://192.168.11.250:19098
+VUE_APP_SYS_CODE=SD_RGN
+
+
+# 登录方式 0 ==> vue登录页面  1 ==> 统一认证登录页面
+VUE_APP_LOGIN_MODE = 0
+
+# 趋势对比数据条数
+VUE_APP_DIALOG_NUM = 8
+
+#趋势对比鼠标点击
+VUE_APP_DIALOG_POINT = contextmenu
+
+# 统一认证登录地址
+VUE_APP_UNIFIED_LOGIN = http://192.168.11.250:81/?exitFlag=true
+# 统一认证跳转地址
+VUE_APP_REDIRECT_URL = http://localhost:18701/vue/login?url=http://localhost:8080
+
+#vue方式登录地址
+VUE_APP_VUE_LOGIN_URL = http://192.168.11.250:81/api/ims-idas/oauth/tokenWrapper
+# 后台管理地址，vue前端跳转至后端时使用
+VUE_APP_BACK_URL = http://192.168.11.250:19098

.gitignore

@@ -0,0 +1,26 @@
+.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

README.md

@@ -0,0 +1,19 @@
+# windpower
+
+## 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/).

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package.json

@@ -0,0 +1,107 @@
+{
+  "name": "electronic-map",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build --mode prod",
+    "test:unit": "vue-cli-service test:unit",
+    "lint": "vue-cli-service lint",
+    "dev": "vue-cli-service serve --mode dev",
+    "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit",
+    "servebig": "node --max-old-space-size=6000  ./node_modules/@vue/cli-service/bin/vue-cli-service.js serve"
+  },
+  "dependencies": {
+    "@antv/x6": "^1.24.4",
+    "@arcgis/core": "^4.19.3",
+    "@element-plus/icons-vue": "^0.2.4",
+    "@open-wc/webpack-import-meta-loader": "^0.4.7",
+    "angular-expressions": "^1.1.8",
+    "animate.css": "3.5",
+    "axios": "^1.1.0",
+    "core-js": "^3.26.1",
+    "dayjs": "^1.11.6",
+    "docxtemplater": "^3.33.0",
+    "docxtemplater-image-module-free": "^1.1.1",
+    "echarts": "^4.8.0",
+    "element-plus": "^1.1.0-beta.4",
+    "file-saver": "^2.0.5",
+    "font-awesome": "^4.7.0",
+    "html2canvas": "^1.0.0-rc.7",
+    "image-size": "^1.0.2",
+    "js-base64": "^3.7.4",
+    "js-cookie": "^3.0.1",
+    "js-md5": "^0.7.3",
+    "jspdf": "^2.5.1",
+    "jszip": "^3.10.1",
+    "jszip-utils": "^0.1.0",
+    "moment": "^2.29.4",
+    "papaparse": "^5.3.1",
+    "pizzip": "^3.1.4",
+    "three": "^0.129.0",
+    "vivus": "^0.4.6",
+    "vue": "^3.0.11",
+    "vue-axios": "^3.2.4",
+    "vue-router": "^4.0.0-0",
+    "vuex": "^4.0.0-0",
+    "xlsx": "^0.18.5",
+    "xlsx-js-style": "^1.2.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-plugin-router": "~4.5.0",
+    "@vue/cli-plugin-unit-mocha": "~4.5.0",
+    "@vue/cli-plugin-vuex": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/compiler-sfc": "^3.0.0",
+    "@vue/test-utils": "^2.0.0-0",
+    "babel-eslint": "^10.1.0",
+    "chai": "^4.1.2",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^7.0.0",
+    "less": "^3.0.4",
+    "less-loader": "^5.0.0",
+    "sass": "^1.27.0",
+    "sass-loader": "^10.0.4",
+    "script-loader": "^0.7.2",
+    "style-resources-loader": "^1.4.1",
+    "svg-sprite-loader": "^6.0.7",
+    "svgo-loader": "^3.0.0",
+    "vue-cli-plugin-windicss": "~1.1.6"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {
+      "no-debugger": "off",
+      "no-console": "off",
+      "no-unused-vars": "off"
+    },
+    "overrides": [
+      {
+        "files": [
+          "**/__tests__/*.{j,t}s?(x)",
+          "**/tests/unit/**/*.spec.{j,t}s?(x)"
+        ],
+        "env": {
+          "mocha": true
+        }
+      }
+    ]
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

public/css/base.css

@@ -0,0 +1,96 @@
+/* 把我们所有标签的内外边距清零 */
+* {
+    margin: 0;
+    padding: 0;
+    /* css3盒子模型 */
+    box-sizing: border-box;
+}
+
+/* em 和 i 斜体的文字不倾斜 */
+em,
+i {
+    font-style: normal
+}
+
+/* 去掉li 的小圆点 */
+li {
+    list-style: none
+}
+
+img {
+    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
+    border: 0;
+    /* 取消图片底侧有空白缝隙的问题 */
+    vertical-align: middle
+}
+
+button {
+    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
+    cursor: pointer
+}
+
+a {
+    color: #666;
+    text-decoration: none
+}
+
+button,
+input {
+    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
+    font-family:思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    /* 默认有灰色边框我们需要手动去掉 */
+    border: 0;
+    outline: none;
+}
+
+body {
+    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
+    -webkit-font-smoothing: antialiased;
+    background-color: #fff;
+    font: 12px/1.5 思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    color: #999999;
+}
+
+.hide,
+.none {
+    display: none
+}
+
+/* 清除浮动 */
+.clearfix:after {
+    visibility: hidden;
+    clear: both;
+    display: block;
+    content: ".";
+    height: 0
+}
+
+.clearfix {
+    *zoom: 1
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+::-webkit-scrollbar-track{
+    background: transparent;
+    border-radius: 3px;
+}
+::-webkit-scrollbar-thumb {
+    background: #3a414d;
+    border-radius: 3px;
+}
+html,
+body,
+#app {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    user-select: none;
+}
+
+#app {
+    background: url("../img/images/background02.png") no-repeat;
+    background-size: cover;
+}

public/css/common.css

@@ -0,0 +1,447 @@
+.card {
+    position: fixed;
+    top: 120px;
+    right: 20px;
+    width: 383px;
+    background: rgba(0, 0, 0, .3);
+    border: none;
+    color: #fff;
+    border-radius: 8px;
+    padding: 24px 13px;
+}
+
+.content {
+    height: 100%;
+    height: calc(100% - 59px);
+}
+
+.home_card {
+    /* width: 412px;
+    height: 240px; */
+    /* position: absolute; */
+    /* top: 80px;
+    right: 40px; */
+    /* color: #fff;
+    background: rgba(0, 0, 0, 0.3);
+    border-radius: 8px;
+    padding: 20px 10px;
+    backdrop-filter: blur(5px);
+    z-index: 110;
+    font-size: 16px; */
+    /* border: 1px solid #145387; */
+}
+
+.home_card .header {
+    margin-bottom: 10px;
+}
+
+.home_card .header img {
+    margin-right: 10px;
+    vertical-align: -7%;
+}
+
+.el-popper.is-light {
+    border-image: linear-gradient(180deg, transparent, #1a7ccd, #1a7ccd, transparent) 2 1 !important;
+    border: 1px solid #002767 !important;
+    background: linear-gradient(278deg, #002767, transparent) !important;
+    border-radius: 5px;
+    backdrop-filter: blur(5px);
+}
+
+.el-menu {
+    z-index: 9999 !important;
+}
+
+.el-menu--popup {
+    min-width: 140px !important;
+}
+
+.el-menu-item:hover {
+    background: linear-gradient(91deg, #1C99FF, transparent) !important;
+    color: #fff;
+}
+.el-menu-item.is-active{
+    background: linear-gradient(91deg, #1C99FF, transparent) !important;
+}
+
+.el-menu-item {
+    height: 38px !important;
+    line-height: 38px !important;
+}
+
+.el-menu-item-group__title {
+    padding: 0 !important;
+}
+
+.el-dialog {
+    background: #0C0F15 !important;
+    border: 1px solid #003277;
+    border-radius: 4px !important;
+    box-shadow: 0 0 22px rgba(0, 70, 199, 0.20) inset !important;
+}
+
+.el-dialog--center .el-dialog__body,
+.el-dialog__body {
+    padding: 16px 24px;
+}
+
+.parcel-box .el-dialog__body {
+    padding: 0px 15px;
+}
+
+.el-dialog__header {
+    padding: 15px 0 !important;
+    border-bottom: 1px solid #323b3c;
+    margin: 0 24px;
+}
+
+.matrix-body .el-dialog__header {
+    padding: 0 0 !important;
+    border-bottom: 0px solid #323b3c;
+    margin: 0 24px;
+}
+
+.el-dialog__title {
+    font-size: 16px !important;
+    color: #ffffff !important;
+}
+.el-dialog__body::before,.el-dialog__body::after{
+    content: '';
+    display: block;
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    background: rgba(16, 73, 126, 1);
+    position: absolute;
+}
+.el-dialog__body::before{
+    bottom: 9px;
+    left: 9px;
+}
+.el-dialog__body::after{
+    bottom: 9px;
+    right: 9px;
+}
+.el-select .el-select__tags .el-tag {
+    background-color: rgba(30, 90, 163, .5);
+    color: #ffffff;
+}
+
+/* .el-icon-close {
+background-color: rgba(30,90,163, .5);
+} */
+.el-select .el-input__inner {
+    width: 190px;
+    max-width: 190px;
+    height: 25px;
+    background: rgba(67, 81, 107, .2);
+    border: 1px solid #2A374F;
+    border-radius: 12.5px;
+    font-size: 13px;
+    color: #B3B3B3;
+}
+
+.station .el-input__inner {
+    max-width: 190px;
+    height: 25px;
+    background: rgba(67, 81, 107, .2);
+    border: 1px solid #2A374F;
+    border-radius: 12.5px;
+    font-size: 13px;
+    color: #B3B3B3;
+    width: 150px;
+}
+
+.search-input {
+    width: 160px;
+}
+
+.search-input .el-date-editor {
+    --el-date-editor-width: 120px;
+}
+
+.search-input .el-input__inner {
+    max-width: 190px;
+    height: 25px;
+    background: rgba(67, 81, 107, .2);
+    border: 1px solid #2A374F;
+    border-radius: 12.5px;
+    font-size: 13px;
+    color: #B3B3B3;
+    width: 150px;
+}
+
+.el-select .el-input__icon {
+    height: 40px;
+    position: relative;
+    top: -7px;
+}
+
+.el-menu-item-group__title {
+    padding: 0 !important;
+}
+
+.el-table{
+    font-family: '思源黑体'!important;
+    background-color: transparent!important;
+    font-size: 12px !important;
+}
+.el-table .el-table__row{
+    color: rgba(149, 149, 149, 1);
+}
+.el-table thead{
+    color: rgba(255, 255, 255, 1) !important;
+}
+
+.el-table thead .cell {
+    font-weight: normal !important;
+}
+
+.el-table tr {
+    background-color: transparent !important;
+}
+
+.el-table .el-table__row--striped {
+    background-color: transparent !important;
+}
+
+.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
+    background-color: rgba(83, 89, 104, 0.2) !important;
+}
+
+.el-table__body tr.hover-row.current-row>td.el-table__cell,
+.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
+.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
+.el-table__body tr.hover-row>td.el-table__cell {
+    background-color: rgba(0, 70, 199, 0.2) !important;
+    color: #1C99FF !important;
+
+}
+
+.el-table th.el-table__cell {
+    background-color: rgba(83, 89, 104, 0.3) !important;
+    border-right: 1px solid rgba(0, 0, 0, 0.8);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.8) !important;
+}
+
+.el-table td.el-table__cell {
+    border-bottom: none !important;
+}
+
+.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+    background-color: rgba(0, 70, 199, 0.2) !important;
+    color: rgba(28, 153, 255, 1) !important;
+}
+
+/* .el-table .el-table__cell{
+    padding: 3px 0!important;
+} */
+.el-checkbox__inner {
+    background-color: transparent !important;
+    border-color: #959595 !important;
+}
+
+.el-checkbox__input.is-checked+.el-checkbox__label {
+    color: rgba(255, 255, 255, 1) !important;
+}
+
+.el-checkbox__label {
+    color: #959595 !important;
+    font-size: 13px !important;
+}
+
+.el-checkbox__input.is-checked {
+    background-color: rgba(0, 70, 199, 1);
+}
+
+.el-checkbox__input.is-checked .el-checkbox__inner {
+    border-color: rgba(0, 70, 199, 1) !important;
+}
+
+.el-button.is-round {
+    padding: 0px 30px !important;
+}
+
+.el-button {
+    min-height: 30px !important;
+}
+
+.el-button--default {
+    background-color: rgba(0, 70, 199, 0.2) !important;
+    border: none !important;
+    color: #B3B3B3 !important;
+}
+
+.el-button--primary {
+    background-color: rgba(0, 70, 199, 0.4) !important;
+    border: none !important;
+}
+
+.el-dialog__header {
+    font-size: 16px;
+    color: #fff;
+}
+
+.el-dialog__headerbtn .el-dialog__close {
+    color: #fff !important;
+}
+
+.el-select__popper.is-light {
+    background: #141A25 !important;
+    border: 1px solid #2A374F !important;
+    border-radius: unset !important;
+    top: 100px !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+    background-color: rgba(0, 70, 199, 0.4) !important;
+    color: #fff !important;
+}
+
+.el-select-dropdown__item.selected {
+    color: #fff !important;
+    font-weight: normal !important;
+}
+
+.el-select-dropdown__item {
+    color: #B3B3B3 !important;
+    height: 36px !important;
+    line-height: 36px !important;
+    font-size: 12px !important;
+}
+
+.el-select__popper .el-popper__arrow::before {
+    display: none;
+}
+
+.table-fixed .el-table__fixed-left {
+    height: 100% !important;
+}
+
+.table-fixed .el-table__fixed {
+    height: 100% !important;
+}
+.el-table__fixed-right::before, .el-table__fixed::before{
+    background-color: transparent!important;
+}
+.el-sub-menu__title i{
+    font-size: 18px!important;
+    color: rgba(186, 197, 216, 1)!important;
+}
+
+.el-sub-menu__title i.icon-State-monitoring {
+    font-size: 22px !important;
+}
+
+.el-popper.is-light .el-popper__arrow::before {
+    background: linear-gradient(278deg, #002767, transparent) !important;
+    border-color: #002767 !important;
+}
+
+.is-opened .el-sub-menu__title i {
+    color: rgba(28, 153, 255, 1) !important;
+}
+
+.el-tabs__nav-wrap::after {
+    height: 1px !important;
+    background-color: #3A3F43 !important;
+}
+
+.el-tabs__item.is-active {
+    color: #1C99FF !important;
+    background: linear-gradient(0deg, rgba(0, 70, 199, 0.8), rgba(0, 70, 199, 0.2), rgba(0, 70, 199, 0));
+}
+
+.el-tabs__nav {
+    padding-bottom: 10px;
+}
+
+.el-tabs__item {
+    height: 28px !important;
+    line-height: 28px !important;
+    padding: 0 17px !important;
+    margin-right: 30px;
+    color: #B3B3B3 !important;
+}
+
+.el-tabs__item.is-active::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 7px;
+    border-bottom: 1px solid #1C99FF;
+    border-left: 1px solid #1C99FF;
+    border-right: 1px solid #1C99FF;
+    position: absolute;
+    bottom: 0;
+    left: 0px;
+    box-sizing: border-box;
+}
+
+.el-tabs__nav-wrap {
+    padding: 0 25px;
+}
+
+.el-tabs__header::before,
+.el-tabs__header::after {
+    content: '';
+    display: inline-block;
+    width: 10px;
+    height: 1px;
+    background: #FFFFFF;
+    position: absolute;
+    bottom: 0px;
+    z-index: 99;
+}
+
+.el-tabs__header::after {
+    right: 0;
+}
+
+.el-tabs__active-bar {
+    height: 1px !important;
+}
+
+.el-dialog__body::before,
+.el-dialog__body::after {
+    content: '';
+    display: block;
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    background: rgba(16, 73, 126, 1);
+    position: absolute;
+}
+
+.el-dialog__body::before {
+    bottom: 9px;
+    left: 9px;
+}
+
+.el-dialog__body::after {
+    bottom: 9px;
+    right: 9px;
+}
+.dialog-title{
+    position: relative; 
+}
+.dialog-title .dialog-title-img {
+    position: absolute;
+    left: -25px;
+    top: -15px;
+}
+.dialog-title .title {
+    margin-left: 20px;
+    color: #1C99FF;
+}
+.dialog-body {
+    position: relative;
+
+}
+
+.dialog-body .dialog-img {
+    position: absolute;
+    right: -20px;
+    bottom: 50px;
+}

public/css/font.css

@@ -0,0 +1,64 @@
+@font-face {
+    font-family: 'Bicubik';
+    src:  url('../fonts/BicubikRegular.woff.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB常规*/
+@font-face {
+    font-family: 'AgencyFB-Reg';
+    src:  url('../fonts/BarlowSemiCondensed-Regular.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB粗体*/
+@font-face {
+    font-family: 'AgencyFB-Reg-Blod';
+    src:  url('../fonts/BarlowSemiCondensed-Bold.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB中体*/
+@font-face {
+    font-family: 'AgencyFB-Reg-Medium';
+    src:  url('../fonts/BarlowSemiCondensed-Medium.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB细体*/
+@font-face {
+    font-family: 'AgencyFB-Reg-Light';
+    src:  url('../fonts/BarlowSemiCondensed-Light.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/*思源黑体*/
+@font-face{
+    font-family: '思源黑体';
+    src: url('../fonts/Source_Han_Sans_SC_Normal_Normal.otf');
+}
+@font-face{
+    font-family: '思源黑体 ExtraLight';
+    src: url('../fonts/Source_Han_Sans_SC_ExtraLight_ExtraLight.otf');
+}
+@font-face{
+    font-family: '思源黑体 Light';
+    src: url('../fonts/Source_Han_Sans_SC_Light_Light.otf');
+}
+@font-face{
+    font-family: '思源黑体 Regular';
+    src: url('../fonts/Source_Han_Sans_SC_Regular.otf');
+}
+@font-face{
+    font-family: '思源黑体 Medium';
+    src: url('../fonts/Source_Han_Sans_SC_Medium_Medium.otf');
+}
+@font-face{
+    font-family: '思源黑体 Bold';
+    src: url('../fonts/Source_Han_Sans_SC_Bold.otf');
+}
+@font-face{
+    font-family: '思源黑体 Heavy';
+    src: url('../fonts/Source_Han_Sans_SC_Heavy_Heavy.otf');
+}

public/css/style.css

@@ -0,0 +1,369 @@
+@font-face {
+  font-family: 'icomoon';
+  src: url('../fonts/icomoon.eot?3dlyor');
+  src: url('../fonts/icomoon.eot?3dlyor#iefix') format('embedded-opentype'),
+  url('../fonts/icomoon.ttf?3dlyor') format('truetype'),
+  url('../fonts/icomoon.woff?3dlyor') format('woff'),
+  url('../fonts/icomoon.svg?3dlyor#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-A:before {
+  content: "\e900";
+}
+.icon-account:before {
+  content: "\e901";
+}
+.icon-AGC-monitoring:before {
+  content: "\e902";
+}
+.icon-bell:before {
+  content: "\e903";
+}
+.icon-Carbon-dioxide:before {
+  content: "\e904";
+}
+.icon-coal:before {
+  content: "\e905";
+}
+.icon-Composite-indicator:before {
+  content: "\e906";
+}
+.icon-Detailed-matrix:before {
+  content: "\e907";
+}
+.icon-downtime:before {
+  content: "\e908";
+}
+.icon-drop-output:before {
+  content: "\e909";
+}
+.icon-enterprise:before {
+  content: "\e90a";
+}
+.icon-environment:before {
+  content: "\e90b";
+}
+.icon-fan:before {
+  content: "\e90c";
+}
+.icon-field-involved:before {
+  content: "\e90d";
+  color: #fff;
+}
+.icon-gf:before {
+  content: "\e90e";
+}
+.icon-gz-downtime:before {
+  content: "\e90f";
+}
+.icon-jx-downtime:before {
+  content: "\e910";
+}
+.icon-limit-power:before {
+  content: "\e911";
+}
+.icon-manual:before {
+  content: "\e912";
+}
+.icon-menu:before {
+  content: "\e913";
+}
+.icon-normal-power:before {
+  content: "\e914";
+}
+.icon-offline:before {
+  content: "\e915";
+}
+.icon-P:before {
+  content: "\e916";
+}
+.icon-Photovoltaic-pv:before {
+  content: "\e917";
+}
+.icon-photovoltaic:before {
+  content: "\e918";
+}
+.icon-R:before {
+  content: "\e919";
+}
+.icon-Simple-matrix:before {
+  content: "\e91a";
+}
+.icon-Single-station-surveillance:before {
+  content: "\e91b";
+}
+.icon-standby:before {
+  content: "\e91c";
+}
+.icon-State-monitoring:before {
+  content: "\e91d";
+}
+.icon-Sulfur-dioxide:before {
+  content: "\e91e";
+}
+.icon-unknown:before {
+  content: "\e91f";
+}
+.icon-V:before {
+  content: "\e920";
+}
+.icon-W:before {
+  content: "\e921";
+}
+.icon-water:before {
+  content: "\e922";
+}
+.icon-arrow-dpwn:before {
+  content: "\e923";
+}
+.icon-arrow-up:before {
+  content: "\e924";
+}
+.icon-balance:before {
+  content: "\e925";
+  color: #575869;
+}
+.icon-economic:before {
+  content: "\e926";
+}
+.icon-manage:before {
+  content: "\e927";
+}
+.icon-dbgl:before {
+  content: "\e928";
+}
+.icon-fjfx:before {
+  content: "\e929";
+}
+.icon-slgl:before {
+  content: "\e92a";
+}
+.icon-ztfx:before {
+  content: "\e92b";
+}
+.icon-affected:before {
+  content: "\e92c";
+}
+.icon-intranet-involvement:before {
+  content: "\e92d";
+  color: #fff;
+}
+.icon-wind:before {
+  content: "\e92e";
+}
+.icon-affected2:before {
+  content: "\e92f";
+}
+.icon-powergrid:before {
+  content: "\e930";
+}
+.icon-A1:before {
+  content: "\e931";
+}
+.icon-line:before {
+  content: "\e932";
+}
+.icon-arrow-down:before {
+  content: "\e933";
+  color: #93a2ba;
+}
+.icon-arrow-up1:before {
+  content: "\e934";
+  color: #93a2ba;
+}
+.icon-station:before {
+  content: "\e935";
+}
+.icon-map:before {
+  content: "\e936";
+}
+.icon-upStation:before {
+  content: "\e937";
+}
+.icon-systrem:before {
+  content: "\e938";
+}
+.icon-all:before {
+  content: "\e939";
+}
+.icon-wind1:before {
+  content: "\e93a";
+}
+.icon-light:before {
+  content: "\e93b";
+}
+.icon-winds:before {
+  content: "\e93c";
+}
+.icon-detial:before {
+  content: "\e93d";
+}
+.icon-issue:before {
+  content: "\e93e";
+}
+.icon-line1:before {
+  content: "\e93f";
+}
+.icon-right:before {
+  content: "\e940";
+}
+.icon-left:before {
+  content: "\e941";
+}
+.icon-stationLine:before {
+  content: "\e942";
+}
+.icon-unwell:before {
+  content: "\e943";
+}
+.icon-warning:before {
+  content: "\e944";
+}
+.icon-well:before {
+  content: "\e945";
+}
+.icon-lineagc:before {
+  content: "\e946";
+}
+.icon-error:before {
+  content: "\e947";
+}
+.icon-next:before {
+  content: "\e948";
+}
+.icon-previous:before {
+  content: "\e949";
+}
+.icon-data-analyse:before {
+  content: "\e94a";
+}
+.icon-data-prepare:before {
+  content: "\e94b";
+}
+.icon-dimension:before {
+  content: "\e94c";
+  color: #64676f;
+}
+.icon-power-curve:before {
+  content: "\e94d";
+}
+.icon-wind-logo:before {
+  content: "\e94e";
+}
+.icon-wind-logo1:before {
+  content: "\e94f";
+}
+.icon-bottom:before {
+  content: "\e950";
+}
+.icon-right1:before {
+  content: "\e951";
+}
+.icon-dimension-new:before {
+  content: "\e952";
+}
+.icon-person1:before {
+  content: "\e953";
+}
+.icon-person2:before {
+  content: "\e954";
+}
+.icon-password1:before {
+  content: "\e955";
+}
+.icon-password2:before {
+  content: "\e956";
+}
+.icon-show:before {
+  content: "\e957";
+}
+.icon-hide:before {
+  content: "\e958";
+}
+.icon-export:before {
+  content: "\e959";
+}
+.icon-import:before {
+  content: "\e95a";
+}
+.icon-dataOut:before {
+  content: "\e95b";
+}
+.icon-login-variant:before {
+  content: "\e95c";
+}
+.icon-contrast:before {
+  content: "\e95d";
+}
+.icon-curve:before {
+  content: "\e95e";
+}
+.icon-energy:before {
+  content: "\e95f";
+}
+.icon-hydraulic:before {
+  content: "\e960";
+}
+.icon-positioning:before {
+  content: "\e961";
+}
+.icon-broken-chain:before {
+  content: "\e962";
+}
+.icon-centralized:before {
+  content: "\e963";
+}
+.icon-descending-order:before {
+  content: "\e964";
+}
+.icon-ascending-order:before {
+  content: "\e965";
+}
+.icon-matrix:before {
+  content: "\e966";
+}
+.icon-tabulation:before {
+  content: "\e967";
+}
+.icon-region:before {
+  content: "\e968";
+}
+.icon-run:before {
+  content: "\e969";
+}
+.icon-operate:before {
+  content: "\e96a";
+}
+.icon-maintenance:before {
+  content: "\e96b";
+}
+.icon-retract:before {
+  content: "\e96c";
+}
+.icon-expand:before {
+  content: "\e96d";
+}
+.icon-lianjiekuai:before {
+  content: "\e96e";
+}
+.icon-lujing:before {
+  content: "\e96f";
+}

public/dataFilter/css/base.css

@@ -0,0 +1,96 @@
+/* 把我们所有标签的内外边距清零 */
+* {
+    margin: 0;
+    padding: 0;
+    /* css3盒子模型 */
+    box-sizing: border-box;
+}
+
+/* em 和 i 斜体的文字不倾斜 */
+em,
+i {
+    font-style: normal
+}
+
+/* 去掉li 的小圆点 */
+li {
+    list-style: none
+}
+
+img {
+    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
+    border: 0;
+    /* 取消图片底侧有空白缝隙的问题 */
+    vertical-align: middle
+}
+
+button {
+    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
+    cursor: pointer
+}
+
+a {
+    color: #666;
+    text-decoration: none
+}
+
+button,
+input {
+    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
+    font-family:思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    /* 默认有灰色边框我们需要手动去掉 */
+    border: 0;
+    outline: none;
+}
+
+body {
+    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
+    -webkit-font-smoothing: antialiased;
+    background-color: #fff;
+    font: 12px/1.5 思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    color: #999999;
+}
+
+.hide,
+.none {
+    display: none
+}
+
+/* 清除浮动 */
+.clearfix:after {
+    visibility: hidden;
+    clear: both;
+    display: block;
+    content: ".";
+    height: 0
+}
+
+.clearfix {
+    *zoom: 1
+}
+
+::-webkit-scrollbar {
+    width: 3px;
+}
+::-webkit-scrollbar-track{
+    background: transparent;
+    border-radius: 3px;
+}
+::-webkit-scrollbar-thumb {
+    background: #3a414d;
+    border-radius: 3px;
+}
+
+html,
+body,
+#app {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    user-select: none;
+}
+
+#app {
+    background: url("../img/images/background02.png") no-repeat;
+    background-size: cover;
+}

public/dataFilter/css/common.css

@@ -0,0 +1,196 @@
+.dataFilter .card {
+    position: fixed;
+    top: 120px;
+    right: 40px;
+    width: 383px;
+    background: rgba(0, 0, 0, .3);
+    border: none;
+    color: #fff;
+    border-radius: 8px;
+    padding: 24px 13px;
+}
+
+.dataFilter .content {
+    height: 100%;
+    height: calc(100% - 59px);
+}
+
+.dataFilter .home_card {
+    /* width: 412px;
+    height: 240px; */
+    /* position: absolute; */
+    /* top: 80px;
+    right: 40px; */
+    /* color: #fff;
+    background: rgba(0, 0, 0, 0.3);
+    border-radius: 8px;
+    padding: 20px 10px;
+    backdrop-filter: blur(5px);
+    z-index: 110;
+    font-size: 16px; */
+    /* border: 1px solid #145387; */
+}
+
+.dataFilter .home_card .header {
+    margin-bottom: 10px;
+}
+
+.dataFilter .home_card .header img {
+    margin-right: 10px;
+    vertical-align: -7%;
+}
+
+.dataFilter .el-popper.is-light {
+    border-image: linear-gradient(180deg, transparent, #1a7ccd, #1a7ccd, transparent) 2 1 !important;
+    border: 1px solid #002767 !important;
+    background: linear-gradient(278deg, #002767, transparent) !important;
+    border-radius: 5px;
+    backdrop-filter: blur(5px);
+}
+
+.dataFilter .el-menu--popup {
+    min-width: 140px !important;
+}
+
+.dataFilter .el-menu-item:hover {
+    background: linear-gradient(91deg, #1C99FF, transparent) !important;
+    color: #fff;
+}
+
+.dataFilter .el-menu-item {
+    height: 38px !important;
+    line-height: 38px !important;
+}
+
+.dataFilter .el-menu-item-group__title {
+    padding: 0 !important;
+}
+
+.dataFilter .el-dialog {
+    background: rgba(0, 0, 0, 0.75) !important;
+    border: 1px solid #121d1c;
+    box-shadow: 0px 8px 17px 1px rgba(20,83,135, 0.3) !important;
+    backdrop-filter: blur(5px);
+}
+
+.dataFilter .el-dialog--center .el-dialog__body,
+.dataFilter .el-dialog__body {
+    padding: 16px 24px;
+}
+
+.dataFilter .parcel-box .el-dialog__body {
+    padding: 0px 15px;
+}
+.dataFilter .el-dialog__header {
+    padding: 15px 0 !important;
+    border-bottom: 1px solid #323b3c;
+    margin: 0 24px;
+}
+
+.dataFilter .el-dialog__title {
+    font-size: 16px !important;
+    color: #ffffff !important;
+}
+.dataFilter .el-select .el-select__tags .el-tag {
+    background-color: rgba(30,90,163, .5);
+    color: #ffffff;
+  }
+  .dataFilter .el-icon-close {
+background-color: rgba(30,90,163, .5);
+}
+.dataFilter .el-select .el-input__inner {
+    max-width: 190px;
+	height: 25px;
+    background: rgba(67,81,107, .2);
+    border: 1px solid #2A374F;
+    border-radius: 12.5px;
+    font-size: 13px;
+    color: #B3B3B3;
+}
+.dataFilter .station .el-input__inner {
+    max-width: 190px;
+	height: 25px;
+    background: rgba(67,81,107, .2);
+    border: 1px solid #2A374F;
+    border-radius: 12.5px;
+    font-size: 13px;
+    color: #B3B3B3;
+    width: 150px;
+}
+.dataFilter .search-input{
+    width: 160px;
+}
+.dataFilter .search-input .el-date-editor{
+    --el-date-editor-width: 120px;
+}
+.dataFilter .search-input .el-input__inner {
+    max-width: 190px;
+	height: 25px;
+    background: rgba(67,81,107, .2);
+    border: 1px solid #2A374F;
+    border-radius: 12.5px;
+    font-size: 13px;
+    color: #B3B3B3;
+    width: 150px;
+}
+.dataFilter .el-select .el-input__icon {
+	height: 40px; 
+	position: relative;
+	top: -7px;
+}
+.dataFilter .el-menu-item-group__title{
+    padding: 0!important;
+}
+
+.dataFilter .el-input__inner{
+    height: 25px!important;
+    line-height: 25px!important;
+    font-size: 13px!important;
+    /* background: #43516B!important; */
+    background: transparent!important;
+    border-radius: 12.5px!important;
+    border-color: #2A374F!important;
+    color: #fff!important;
+}
+.dataFilter .el-input{
+    line-height: 25px!important;
+}
+.dataFilter .el-input__icon{
+    line-height: 25px!important;
+}
+
+.dataFilter .el-table{
+    /* color: rgba(149, 149, 149, 1)!important; */
+    font-family: '思源黑体'!important;
+    background-color: transparent!important;
+}
+.dataFilter .el-table thead{
+    color: rgba(255, 255, 255, 1) !important;
+}
+.dataFilter .el-table thead .cell{
+    font-weight: normal!important;
+}
+.dataFilter .el-table tr{
+    background-color: transparent!important;
+}
+.dataFilter .el-table .el-table__row--striped{
+    background-color: transparent!important;
+}
+.dataFilter .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
+    background-color: rgba(83, 89, 104, 0.2)!important;
+}
+.dataFilter .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell{
+    background-color: rgba(83, 89, 104, 0.2)!important;
+}
+.dataFilter .el-table th.el-table__cell{
+    background-color: rgba(83, 89, 104, 0.3)!important;
+    border-right: 1px solid rgba(0, 0, 0, 0.8);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.8)!important;
+}
+.dataFilter .el-table td.el-table__cell{
+    border-bottom: none!important;
+}
+.dataFilter .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
+    background-color:rgba(0, 70, 199, 0.2)!important;
+    color: rgba(28, 153, 255, 1)!important;
+}

public/dataFilter/css/font.css

@@ -0,0 +1,64 @@
+@font-face {
+    font-family: 'Bicubik';
+    src:  url('../fonts/BicubikRegular.woff.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB常规*/
+@font-face {
+    font-family: 'AgencyFB-Reg';
+    src:  url('../fonts/BarlowSemiCondensed-Regular.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB粗体*/
+@font-face {
+    font-family: 'AgencyFB-Reg-Blod';
+    src:  url('../fonts/BarlowSemiCondensed-Bold.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB中体*/
+@font-face {
+    font-family: 'AgencyFB-Reg-Medium';
+    src:  url('../fonts/BarlowSemiCondensed-Medium.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+/*AgencyFB细体*/
+@font-face {
+    font-family: 'AgencyFB-Reg-Light';
+    src:  url('../fonts/BarlowSemiCondensed-Light.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/*思源黑体*/
+@font-face{
+    font-family: '思源黑体';
+    src: url('../fonts/Source_Han_Sans_SC_Normal_Normal.otf');
+}
+@font-face{
+    font-family: '思源黑体 ExtraLight';
+    src: url('../fonts/Source_Han_Sans_SC_ExtraLight_ExtraLight.otf');
+}
+@font-face{
+    font-family: '思源黑体 Light';
+    src: url('../fonts/Source_Han_Sans_SC_Light_Light.otf');
+}
+@font-face{
+    font-family: '思源黑体 Regular';
+    src: url('../fonts/Source_Han_Sans_SC_Regular.otf');
+}
+@font-face{
+    font-family: '思源黑体 Medium';
+    src: url('../fonts/Source_Han_Sans_SC_Medium_Medium.otf');
+}
+@font-face{
+    font-family: '思源黑体 Bold';
+    src: url('../fonts/Source_Han_Sans_SC_Bold.otf');
+}
+@font-face{
+    font-family: '思源黑体 Heavy';
+    src: url('../fonts/Source_Han_Sans_SC_Heavy_Heavy.otf');
+}

public/dataFilter/css/style.css

@@ -0,0 +1,233 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('../fonts/icomoon.eot?idf734');
+  src:  url('../fonts/icomoon.eot?idf734#iefix') format('embedded-opentype'),
+  url('../fonts/icomoon.ttf?idf734') format('truetype'),
+  url('../fonts/icomoon.woff?idf734') format('woff'),
+  url('../fonts/icomoon.svg?idf734#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-A:before {
+  content: "\e900";
+}
+.icon-account:before {
+  content: "\e901";
+}
+.icon-AGC-monitoring:before {
+  content: "\e902";
+}
+.icon-account:before {
+  content: "\e901";
+}
+.icon-AGC-monitoring:before {
+  content: "\e902";
+}
+.icon-bell:before {
+  content: "\e903";
+}
+.icon-Carbon-dioxide:before {
+  content: "\e904";
+}
+.icon-coal:before {
+  content: "\e905";
+}
+.icon-Composite-indicator:before {
+  content: "\e906";
+}
+.icon-Detailed-matrix:before {
+  content: "\e907";
+}
+.icon-downtime:before {
+  content: "\e908";
+}
+.icon-drop-output:before {
+  content: "\e909";
+}
+.icon-enterprise:before {
+  content: "\e90a";
+}
+.icon-environment:before {
+  content: "\e90b";
+}
+.icon-fan:before {
+  content: "\e90c";
+}
+.icon-field-involved:before {
+  content: "\e90d";
+  color: #fff;
+}
+.icon-gf:before {
+  content: "\e90e";
+}
+.icon-gz-downtime:before {
+  content: "\e90f";
+}
+.icon-jx-downtime:before {
+  content: "\e910";
+}
+.icon-limit-power:before {
+  content: "\e911";
+}
+.icon-manual:before {
+  content: "\e912";
+}
+.icon-menu:before {
+  content: "\e913";
+}
+.icon-normal-power:before {
+  content: "\e914";
+}
+.icon-offline:before {
+  content: "\e915";
+}
+.icon-P:before {
+  content: "\e916";
+}
+.icon-Photovoltaic-pv:before {
+  content: "\e917";
+}
+.icon-photovoltaic:before {
+  content: "\e918";
+}
+.icon-R:before {
+  content: "\e919";
+}
+.icon-Simple-matrix:before {
+  content: "\e91a";
+}
+.icon-Single-station-surveillance:before {
+  content: "\e91b";
+}
+.icon-standby:before {
+  content: "\e91c";
+}
+.icon-State-monitoring:before {
+  content: "\e91d";
+}
+.icon-Sulfur-dioxide:before {
+  content: "\e91e";
+}
+.icon-unknown:before {
+  content: "\e91f";
+}
+.icon-V:before {
+  content: "\e920";
+}
+.icon-W:before {
+  content: "\e921";
+}
+.icon-water:before {
+  content: "\e922";
+}
+.icon-arrow-dpwn:before {
+  content: "\e923";
+}
+.icon-arrow-up:before {
+  content: "\e924";
+}
+.icon-balance:before {
+  content: "\e925";
+  color: #575869;
+}
+.icon-economic:before {
+  content: "\e926";
+}
+.icon-manage:before {
+  content: "\e927";
+}
+.icon-dbgl:before {
+  content: "\e928";
+}
+.icon-fjfx:before {
+  content: "\e929";
+}
+.icon-slgl:before {
+  content: "\e92a";
+}
+.icon-ztfx:before {
+  content: "\e92b";
+}
+.icon-affected:before {
+  content: "\e92c";
+}
+.icon-intranet-involvement:before {
+  content: "\e92d";
+  color: #fff;
+}
+.icon-wind:before {
+  content: "\e92e";
+}
+.icon-affected2:before {
+  content: "\e92f";
+}
+.icon-powergrid:before {
+  content: "\e930";
+}
+.icon-A1:before {
+  content: "\e931";
+}
+.icon-affected2:before {
+  content: "\e92f";
+}
+.icon-powergrid:before {
+  content: "\e930";
+}
+.icon-A1:before {
+  content: "\e931";
+}
+.icon-line:before {
+  content: "\e932";
+}
+.icon-arrow-down:before {
+  content: "\e933";
+  color: #93a2ba;
+}
+.icon-arrow-up1:before {
+  content: "\e934";
+  color: #93a2ba;
+}
+.icon-station:before {
+  content: "\e935";
+}
+.icon-map:before {
+  content: "\e936";
+}
+.icon-upStation:before {
+  content: "\e937";
+}
+.icon-systrem:before {
+  content: "\e938";
+}
+.icon-all:before {
+  content: "\e939";
+}
+.icon-wind1:before {
+  content: "\e93a";
+}
+.icon-light:before {
+  content: "\e93b";
+}
+.icon-winds:before {
+  content: "\e93c";
+}
+.icon-detial:before {
+  content: "\e93d";
+}

public/dataFilter/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>