2022-12-03 init

.env.development

@@ -0,0 +1 @@
+VUE_APP_BASE_API = http://192.168.11.132:18701

.env.eapi

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

.env.production

@@ -0,0 +1,5 @@
+# just a flag
+ENV = 'production'
+
+# base api
+VUE_APP_BASE_API = '/prod-api'

.gitignore

@@ -0,0 +1,28 @@
+.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
+
+/src/**/*

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,97 @@
+{
+  "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",
+    "animate.css": "3.5",
+    "axios": "^1.1.0",
+    "core-js": "^3.26.1",
+    "dayjs": "^1.11.6",
+    "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",
+    "js-cookie": "^3.0.1",
+    "jspdf": "^2.5.1",
+    "papaparse": "^5.3.1",
+    "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: 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/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/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,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/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>