1 tahun lalu · 61584b449e
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
 
				+.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?
			
--- a/README.en.md
+++ b/README.en.md
@@ -0,0 +1,36 @@
 
				+# 光耀集中式风电功率预测系统_vue3
			
 
				+
			
 
				+#### Description
			
 
				+光耀集中式风电功率预测系统_vue3
			
 
				+
			
 
				+#### Software Architecture
			
 
				+Software architecture description
			
 
				+
			
 
				+#### Installation
			
 
				+
			
 
				+1.  xxxx
			
 
				+2.  xxxx
			
 
				+3.  xxxx
			
 
				+
			
 
				+#### Instructions
			
 
				+
			
 
				+1.  xxxx
			
 
				+2.  xxxx
			
 
				+3.  xxxx
			
 
				+
			
 
				+#### Contribution
			
 
				+
			
 
				+1.  Fork the repository
			
 
				+2.  Create Feat_xxx branch
			
 
				+3.  Commit your code
			
 
				+4.  Create Pull Request
			
 
				+
			
 
				+
			
 
				+#### Gitee Feature
			
 
				+
			
 
				+1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
			
 
				+2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
			
 
				+3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
			
 
				+4.  The most valuable open source project [GVP](https://gitee.com/gvp)
			
 
				+5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
			
 
				+6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,37 @@
 
				+# 光耀集中式风电功率预测系统_vue3
			
 
				+
			
 
				+#### 介绍
			
 
				+光耀集中式风电功率预测系统_vue3
			
 
				+
			
 
				+#### 软件架构
			
 
				+软件架构说明
			
 
				+
			
 
				+
			
 
				+#### 安装教程
			
 
				+
			
 
				+1.  xxxx
			
 
				+2.  xxxx
			
 
				+3.  xxxx
			
 
				+
			
 
				+#### 使用说明
			
 
				+
			
 
				+1.  xxxx
			
 
				+2.  xxxx
			
 
				+3.  xxxx
			
 
				+
			
 
				+#### 参与贡献
			
 
				+
			
 
				+1.  Fork 本仓库
			
 
				+2.  新建 Feat_xxx 分支
			
 
				+3.  提交代码
			
 
				+4.  新建 Pull Request
			
 
				+
			
 
				+
			
 
				+#### 特技
			
 
				+
			
 
				+1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
			
 
				+2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
			
 
				+3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
			
 
				+4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
			
 
				+5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
			
 
				+6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,19 @@
 
				+{
			
 
				+  "compilerOptions": {
			
 
				+    "target": "es5",
			
 
				+    "module": "esnext",
			
 
				+    "baseUrl": "./",
			
 
				+    "moduleResolution": "node",
			
 
				+    "paths": {
			
 
				+      "@/*": [
			
 
				+        "src/*"
			
 
				+      ]
			
 
				+    },
			
 
				+    "lib": [
			
 
				+      "esnext",
			
 
				+      "dom",
			
 
				+      "dom.iterable",
			
 
				+      "scripthost"
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,64 @@
 
				+{
			
 
				+  "name": "projectname",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "@element-plus/icons-vue": "^2.0.10",
			
 
				+    "axios": "^0.21.1",
			
 
				+    "babel-polyfill": "^6.26.0",
			
 
				+    "core-js": "^3.8.3",
			
 
				+    "echarts": "^5.3.2",
			
 
				+    "element-plus": "^2.2.5",
			
 
				+    "element-ui": "^2.15.5",
			
 
				+    "exceljs": "^4.3.0",
			
 
				+    "file-saver": "^2.0.5",
			
 
				+    "js-cookie": "^3.0.1",
			
 
				+    "jszip": "^3.10.1",
			
 
				+    "vue": "^3.2.13",
			
 
				+    "vue-router": "^4.1.5",
			
 
				+    "vuedraggable": "^4.1.0",
			
 
				+    "xe-utils": "^3.3.1",
			
 
				+    "xlsx": "^0.17.1",
			
 
				+    "xlsx-js-style": "^1.2.0",
			
 
				+    "xlsx-style": "^0.8.13"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@babel/core": "^7.12.16",
			
 
				+    "@babel/eslint-parser": "^7.12.16",
			
 
				+    "@vue/cli-plugin-babel": "~5.0.0",
			
 
				+    "@vue/cli-plugin-eslint": "~5.0.0",
			
 
				+    "@vue/cli-service": "~5.0.0",
			
 
				+    "eslint": "^7.32.0",
			
 
				+    "eslint-plugin-vue": "^8.0.3",
			
 
				+    "less": "^3.9.0",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "node-sass": "^7.0.1",
			
 
				+    "sass-loader": "^13.0.0",
			
 
				+    "vuex": "^4.0.2"
			
 
				+  },
			
 
				+  "eslintConfig": {
			
 
				+    "root": true,
			
 
				+    "env": {
			
 
				+      "node": true
			
 
				+    },
			
 
				+    "extends": [
			
 
				+      "plugin:vue/vue3-essential",
			
 
				+      "eslint:recommended"
			
 
				+    ],
			
 
				+    "parserOptions": {
			
 
				+      "parser": "@babel/eslint-parser"
			
 
				+    },
			
 
				+    "rules": {}
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead",
			
 
				+    "not ie 11"
			
 
				+  ]
			
 
				+}
			
--- a/public/comlogo.png
+++ b/public/comlogo.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,19 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <!-- <link rel="icon" type="image/png" href="<%= BASE_URL %>comlogo.png"> -->
			
 
				+    <title><%= htmlWebpackPlugin.options.title %></title>
			
 
				+
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,51 @@
 
				+<template>
			
 
				+   <div id="app" v-loading="loading">
			
 
				+    <!-- <img src="./assets/logo.png"> -->
			
 
				+    <common-header v-if="showHeader"></common-header>
			
 
				+    <router-view :style="showHeader ? 'margin-top:60px;' : ''" />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import commonHeader from '@/components/commonHeaders.vue'
			
 
				+export default {
			
 
				+    name: 'App',
			
 
				+    components:{
			
 
				+        commonHeader
			
 
				+    },
			
 
				+    data() {
			
 
				+        return {
			
 
				+            showHeader:false,
			
 
				+            loading: true
			
 
				+        }
			
 
				+    },
			
 
				+    watch:{
			
 
				+        $route: {
			
 
				+            handler: function(route) {
			
 
				+                // route.path === '/index' || route.path === '/weather'
			
 
				+                this.showHeader = route.path === '/login' ? false : true
			
 
				+            },
			
 
				+            immediate: true
			
 
				+        }
			
 
				+    },
			
 
				+    mounted() {
			
 
				+        window.workSpaceVo = {}
			
 
				+        this.loadPage()
			
 
				+    },
			
 
				+    methods:{
			
 
				+        loadPage() {
			
 
				+            setTimeout(() => {
			
 
				+                this.loading = false;
			
 
				+            }, 1000);
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+@import "./assets/css/main.css";
			
 
				+/* @import "./assets/css/color-dark.css"; */
			
 
				+#app{
			
 
				+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#373590), to(#373590), color-stop(0.2, #645fef),color-stop(0.8, #645fef));
			
 
				+}
			
 
				+</style>
			
--- a/src/api/api.js
+++ b/src/api/api.js
--- a/src/api/auth.js
+++ b/src/api/auth.js
@@ -0,0 +1,15 @@
 
				+import Cookies from 'js-cookie'
			
 
				+
			
 
				+const TokenKey = 'Admin-Token'
			
 
				+
			
 
				+export function getToken() {
			
 
				+  return Cookies.get(TokenKey)
			
 
				+}
			
 
				+
			
 
				+export function setToken(token) {
			
 
				+  return Cookies.set(TokenKey, token)
			
 
				+}
			
 
				+
			
 
				+export function removeToken() {
			
 
				+  return Cookies.remove(TokenKey)
			
 
				+}
			
--- a/src/api/errorCode.js
+++ b/src/api/errorCode.js
@@ -0,0 +1,6 @@
 
				+export default {
			
 
				+  '401': '认证失败，无法访问系统资源',
			
 
				+  '403': '当前操作没有权限',
			
 
				+  '404': '访问资源不存在',
			
 
				+  'default': '系统未知错误，请反馈给管理员'
			
 
				+}
			
--- a/src/api/permission.js
+++ b/src/api/permission.js
@@ -0,0 +1,32 @@
 
				+import router from '../router'
			
 
				+import { ElMessage } from 'element-plus'
			
 
				+import { getToken } from './auth'
			
 
				+import store from '../store'
			
 
				+
			
 
				+//  路由判断登录 根据路由配置文件的参数
			
 
				+router.beforeEach((to, from, next) => {
			
 
				+    //  to,将要访问的路径
			
 
				+    // from  从哪个路径跳转过来的
			
 
				+    // next 是一个函数,代表放行
			
 
				+    document.title = `${to.meta.title} | 集中式风电功率预测系统`
			
 
				+    if (to.query.markKey === "YXSSO") {
			
 
				+        return next()
			
 
				+    } else {
			
 
				+        let token = getToken()
			
 
				+        if(to.path==='/login'){
			
 
				+            return next()
			
 
				+        }else{
			
 
				+            if(!token){
			
 
				+                ElMessage.error('登录已失效，请重新登录');
			
 
				+                store.commit('clearAxiosArr')
			
 
				+                return next('/login')
			
 
				+            } else if (to.path==='/') {
			
 
				+                store.commit('clearAxiosArr')
			
 
				+                return next('/login')
			
 
				+            } else{
			
 
				+                store.commit('clearAxiosArr')
			
 
				+                next()
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+})
			
--- a/src/assets/css/color-dark.css
+++ b/src/assets/css/color-dark.css
@@ -0,0 +1,28 @@
 
				+.header {
			
 
				+	background-color: #242f42;
			
 
				+}
			
 
				+.login-wrap {
			
 
				+	background: #324157;
			
 
				+}
			
 
				+.plugins-tips {
			
 
				+	background: #eef1f6;
			
 
				+}
			
 
				+.plugins-tips a {
			
 
				+	color: #20a0ff;
			
 
				+}
			
 
				+.el-upload--text em {
			
 
				+	color: #20a0ff;
			
 
				+}
			
 
				+.pure-button {
			
 
				+	background: #20a0ff;
			
 
				+}
			
 
				+.tags-li.active {
			
 
				+	border: 1px solid #409eff;
			
 
				+	background-color: #409eff;
			
 
				+}
			
 
				+.message-title {
			
 
				+	color: #20a0ff;
			
 
				+}
			
 
				+.collapse-btn:hover {
			
 
				+	background: rgb(40, 52, 70);
			
 
				+}
			
--- a/src/assets/css/icon.css
+++ b/src/assets/css/icon.css
@@ -0,0 +1,4 @@
 
				+[class*=' el-icon-lx'],
			
 
				+[class^='el-icon-lx'] {
			
 
				+	font-family: lx-iconfont !important;
			
 
				+}
			
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -0,0 +1,185 @@
 
				+* {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+
			
 
				+html,
			
 
				+body,
			
 
				+#app,
			
 
				+.wrapper {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+    font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'microsoft yahei', arial, STHeiTi, sans-serif;
			
 
				+}
			
 
				+
			
 
				+a {
			
 
				+    text-decoration: none;
			
 
				+}
			
 
				+
			
 
				+.content-box {
			
 
				+    position: absolute;
			
 
				+    left: 250px;
			
 
				+    right: 0;
			
 
				+    top: 70px;
			
 
				+    bottom: 0;
			
 
				+    padding-bottom: 30px;
			
 
				+    -webkit-transition: left 0.3s ease-in-out;
			
 
				+    transition: left 0.3s ease-in-out;
			
 
				+    background: #f0f0f0;
			
 
				+}
			
 
				+
			
 
				+.content {
			
 
				+    width: auto;
			
 
				+    height: 100%;
			
 
				+    padding: 5px;
			
 
				+    overflow-y: auto;
			
 
				+    overflow-x: hidden;
			
 
				+    box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+.content-collapse {
			
 
				+    left: 65px;
			
 
				+}
			
 
				+
			
 
				+.container {
			
 
				+    padding: 30px;
			
 
				+    background: #fff;
			
 
				+    border: 1px solid #ddd;
			
 
				+    border-radius: 5px;
			
 
				+}
			
 
				+
			
 
				+.crumbs {
			
 
				+    margin: 10px 0;
			
 
				+}
			
 
				+
			
 
				+.el-table th {
			
 
				+    background-color: #f5f7fa !important;
			
 
				+    height: 40px;
			
 
				+}
			
 
				+.el-table tr {
			
 
				+    height: 40px;
			
 
				+}
			
 
				+
			
 
				+.el-input .el-input__wrapper{
			
 
				+    padding: 0 7px;
			
 
				+}
			
 
				+
			
 
				+.el-input .el-input__inner{
			
 
				+    height: 30px;
			
 
				+}
			
 
				+
			
 
				+.el-dialog .el-dialog__body{
			
 
				+    padding: 20px 0;
			
 
				+}
			
 
				+
			
 
				+.pagination {
			
 
				+    margin: 20px 0;
			
 
				+    text-align: right;
			
 
				+}
			
 
				+
			
 
				+.plugins-tips {
			
 
				+    padding: 20px 10px;
			
 
				+    margin-bottom: 20px;
			
 
				+}
			
 
				+
			
 
				+.el-button+.el-tooltip {
			
 
				+    margin-left: 10px;
			
 
				+}
			
 
				+
			
 
				+.el-table tr:hover {
			
 
				+    background: #f6faff;
			
 
				+}
			
 
				+
			
 
				+.mgb20 {
			
 
				+    margin-bottom: 20px;
			
 
				+}
			
 
				+
			
 
				+.move-enter-active,
			
 
				+.move-leave-active {
			
 
				+    transition: opacity 0.1s ease;
			
 
				+}
			
 
				+
			
 
				+.move-enter-from,
			
 
				+.move-leave-to {
			
 
				+    opacity: 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*BaseForm*/
			
 
				+
			
 
				+.form-box {
			
 
				+    width: 600px;
			
 
				+}
			
 
				+
			
 
				+.form-box .line {
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+.el-time-panel__content::after,
			
 
				+.el-time-panel__content::before {
			
 
				+    margin-top: -7px;
			
 
				+}
			
 
				+
			
 
				+.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
			
 
				+    padding-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*Upload*/
			
 
				+
			
 
				+.pure-button {
			
 
				+    width: 150px;
			
 
				+    height: 40px;
			
 
				+    line-height: 40px;
			
 
				+    text-align: center;
			
 
				+    color: #fff;
			
 
				+    border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.g-core-image-corp-container .info-aside {
			
 
				+    height: 45px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*VueEditor*/
			
 
				+
			
 
				+.ql-container {
			
 
				+    min-height: 400px;
			
 
				+}
			
 
				+
			
 
				+.ql-snow .ql-tooltip {
			
 
				+    transform: translateX(117.5px) translateY(10px) !important;
			
 
				+}
			
 
				+
			
 
				+.editor-btn {
			
 
				+    margin-top: 20px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*markdown*/
			
 
				+
			
 
				+.v-note-wrapper .v-note-panel {
			
 
				+    min-height: 500px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* //滚动条的宽度 */
			
 
				+
			
 
				+::-webkit-scrollbar {
			
 
				+    width: 6px;
			
 
				+    height: 8px;
			
 
				+    background-color: #e4e4e4;
			
 
				+    border-radius: 6px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* //滚动条的滑块 */
			
 
				+
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+    background-color: #a9aaad;
			
 
				+    border-radius: 6px;
			
 
				+}
			
--- a/src/assets/font/iconfont.css
+++ b/src/assets/font/iconfont.css
@@ -0,0 +1,46 @@
 
				+@font-face {
			
 
				+    font-family: "iconfont";
			
 
				+    /* Project id 2906628 */
			
 
				+    src: url('iconfont.woff2?t=1640660196056') format('woff2'), url('iconfont.woff?t=1640660196056') format('woff'), url('iconfont.ttf?t=1640660196056') format('truetype');
			
 
				+}
			
 
				+
			
 
				+.iconfont {
			
 
				+    font-family: "iconfont" !important;
			
 
				+    font-size: 16px;
			
 
				+    margin-left: 4px;
			
 
				+    font-style: normal;
			
 
				+    -webkit-font-smoothing: antialiased;
			
 
				+    -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+
			
 
				+.iconIOTtubiao_huabanfuben:before {
			
 
				+    content: "\e61a";
			
 
				+}
			
 
				+
			
 
				+.iconzidingyi:before {
			
 
				+    content: "\e61e";
			
 
				+}
			
 
				+
			
 
				+.iconxitongcaidan:before {
			
 
				+    content: "\e696";
			
 
				+}
			
 
				+
			
 
				+.iconnibianqi:before {
			
 
				+    content: "\e72c";
			
 
				+}
			
 
				+
			
 
				+.iconbaojingpeizhi:before {
			
 
				+    content: "\e67d";
			
 
				+}
			
 
				+
			
 
				+.iconguzhangzhenduan:before {
			
 
				+    content: "\e601";
			
 
				+}
			
 
				+
			
 
				+.iconfengji:before {
			
 
				+    content: "\e606";
			
 
				+}
			
 
				+
			
 
				+.iconjichushuju:before {
			
 
				+    content: "\e7d3";
			
 
				+}
			
--- a/src/assets/font/iconfont.ttf
+++ b/src/assets/font/iconfont.ttf
--- a/src/assets/font/iconfont.woff
+++ b/src/assets/font/iconfont.woff
--- a/src/assets/font/iconfont.woff2
+++ b/src/assets/font/iconfont.woff2
--- a/src/assets/iconNeed/fadianjihua.png
+++ b/src/assets/iconNeed/fadianjihua.png
--- a/src/assets/iconNeed/iconFont.png
+++ b/src/assets/iconNeed/iconFont.png
--- a/src/assets/iconNeed/icon_tuichu_black.png
+++ b/src/assets/iconNeed/icon_tuichu_black.png
--- a/src/assets/iconNeed/icon_tuichu_white.png
+++ b/src/assets/iconNeed/icon_tuichu_white.png
--- a/src/assets/iconNeed/shujuyuan.png
+++ b/src/assets/iconNeed/shujuyuan.png
--- a/src/assets/iconNeed/zhihuipeizhi.png
+++ b/src/assets/iconNeed/zhihuipeizhi.png
--- a/src/assets/js/dialogDrag.js
+++ b/src/assets/js/dialogDrag.js
@@ -0,0 +1,67 @@
 
				+const dialogDrag = (app) => {
			
 
				+    app.directive('dialogdrag', {
			
 
				+        // 渲染完毕
			
 
				+        mounted(el) {
			
 
				+            // 可视窗口的宽度
			
 
				+            const clientWidth = document.documentElement.clientWidth
			
 
				+                // 可视窗口的高度
			
 
				+            const clientHeight = document.documentElement.clientHeight
			
 
				+                // 记录坐标
			
 
				+            let domset = {
			
 
				+                x: clientWidth / 4, // 默认width 50%
			
 
				+                y: clientHeight * 15 / 100 // 根据 15vh 计算
			
 
				+            }
			
 
				+
			
 
				+            // 弹窗的容器
			
 
				+            const domDrag = el.firstElementChild.firstElementChild
			
 
				+                // 重新设置上、左距离
			
 
				+            domDrag.style.marginTop = domset.y + 'px'
			
 
				+            domDrag.style.marginLeft = domset.x + 'px'
			
 
				+
			
 
				+            // 记录拖拽开始的光标坐标，0 表示没有拖拽
			
 
				+            let start = { x: 0, y: 0 }
			
 
				+                // 移动中记录偏移量
			
 
				+            let move = { x: 0, y: 0 }
			
 
				+
			
 
				+            // 鼠标按下，开始拖拽
			
 
				+            document.onmousedown = (e) => {
			
 
				+                // 判断对话框是否重新打开
			
 
				+                if (domDrag.style.marginTop === '15vh') {
			
 
				+                    // 重新打开，设置 domset.y  top
			
 
				+                    domset.y = clientHeight * 15 / 100
			
 
				+                }
			
 
				+                start.x = e.clientX
			
 
				+                start.y = e.clientY
			
 
				+                domDrag.style.cursor = 'move' // 改变光标形状
			
 
				+            }
			
 
				+
			
 
				+            // 鼠标移动，实时跟踪
			
 
				+            document.onmousemove = (e) => {
			
 
				+                    if (start.x === 0) { // 不是拖拽状态
			
 
				+                        return
			
 
				+                    }
			
 
				+                    move.x = e.clientX - start.x
			
 
				+                    move.y = e.clientY - start.y
			
 
				+
			
 
				+                    // 初始位置 + 拖拽距离
			
 
				+                    domDrag.style.marginLeft = (domset.x + move.x) + 'px'
			
 
				+                    domDrag.style.marginTop = (domset.y + move.y) + 'px'
			
 
				+                }
			
 
				+                // 鼠标抬起，结束拖拽
			
 
				+            document.onmouseup = (e) => {
			
 
				+                move.x = e.clientX - start.x
			
 
				+                move.y = e.clientY - start.y
			
 
				+
			
 
				+                // 记录新坐标，作为下次拖拽的初始位置
			
 
				+                domset.x += move.x
			
 
				+                domset.y += move.y
			
 
				+                domDrag.style.cursor = '' // 恢复光标形状
			
 
				+                domDrag.style.marginLeft = domset.x + 'px'
			
 
				+                domDrag.style.marginTop = domset.y + 'px'
			
 
				+                    // 结束拖拽
			
 
				+                start.x = 0
			
 
				+            }
			
 
				+        }
			
 
				+    })
			
 
				+}
			
 
				+export default dialogDrag
			
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/logoGuo.png
+++ b/src/assets/logoGuo.png
--- a/src/assets/weather/cloudy.png
+++ b/src/assets/weather/cloudy.png
--- a/src/assets/weather/overcast.png
+++ b/src/assets/weather/overcast.png
--- a/src/assets/weather/rain.png
+++ b/src/assets/weather/rain.png
--- a/src/assets/weather/rainBlue.png
+++ b/src/assets/weather/rainBlue.png
--- a/src/assets/weather/rainOrange.png
+++ b/src/assets/weather/rainOrange.png
--- a/src/assets/weather/rainRed.png
+++ b/src/assets/weather/rainRed.png
--- a/src/assets/weather/rainYellow.png
+++ b/src/assets/weather/rainYellow.png
--- a/src/assets/weather/snow.png
+++ b/src/assets/weather/snow.png
--- a/src/assets/weather/snowBlue.png
+++ b/src/assets/weather/snowBlue.png
--- a/src/assets/weather/snowOrange.png
+++ b/src/assets/weather/snowOrange.png
--- a/src/assets/weather/snowRed.png
+++ b/src/assets/weather/snowRed.png
--- a/src/assets/weather/snowYellow.png
+++ b/src/assets/weather/snowYellow.png
--- a/src/assets/weather/sunshine.png
+++ b/src/assets/weather/sunshine.png
--- a/src/assets/weather/thunder.png
+++ b/src/assets/weather/thunder.png
--- a/src/assets/weather/thunderOrange.png
+++ b/src/assets/weather/thunderOrange.png
--- a/src/assets/weather/thunderRed.png
+++ b/src/assets/weather/thunderRed.png
--- a/src/assets/weather/thunderYellow.png
+++ b/src/assets/weather/thunderYellow.png
--- a/src/assets/weather/windBlue.png
+++ b/src/assets/weather/windBlue.png
--- a/src/assets/weather/windOrange.png
+++ b/src/assets/weather/windOrange.png
--- a/src/assets/weather/windRed.png
+++ b/src/assets/weather/windRed.png
--- a/src/assets/weather/windYellow.png
+++ b/src/assets/weather/windYellow.png
--- a/src/assets/windFramPicture/Icon_green.png
+++ b/src/assets/windFramPicture/Icon_green.png
--- a/src/assets/windFramPicture/Icon_grey.png
+++ b/src/assets/windFramPicture/Icon_grey.png
--- a/src/assets/windFramPicture/Icon_organge.png
+++ b/src/assets/windFramPicture/Icon_organge.png
--- a/src/assets/windFramPicture/Icon_purple.png
+++ b/src/assets/windFramPicture/Icon_purple.png
--- a/src/assets/windFramPicture/Icon_red.png
+++ b/src/assets/windFramPicture/Icon_red.png
--- a/src/assets/windFramPicture/Icon_redgray.png
+++ b/src/assets/windFramPicture/Icon_redgray.png
--- a/src/assets/windFramPicture/back1.jpg
+++ b/src/assets/windFramPicture/back1.jpg
--- a/src/assets/windFramPicture/back2.jpg
+++ b/src/assets/windFramPicture/back2.jpg
--- a/src/assets/windFramPicture/back3.jpg
+++ b/src/assets/windFramPicture/back3.jpg
--- a/src/assets/windFramPicture/background1.jpg
+++ b/src/assets/windFramPicture/background1.jpg
--- a/src/assets/windFramPicture/baojing.png
+++ b/src/assets/windFramPicture/baojing.png
--- a/src/assets/windFramPicture/guzhang.png
+++ b/src/assets/windFramPicture/guzhang.png
--- a/src/assets/windFramPicture/indexPage1.png
+++ b/src/assets/windFramPicture/indexPage1.png
--- a/src/assets/windFramPicture/indexPage2.png
+++ b/src/assets/windFramPicture/indexPage2.png
--- a/src/assets/windFramPicture/indexPage3.png
+++ b/src/assets/windFramPicture/indexPage3.png
--- a/src/assets/windFramPicture/indexPage4.png
+++ b/src/assets/windFramPicture/indexPage4.png
--- a/src/assets/windFramPicture/indexPage4x.png
+++ b/src/assets/windFramPicture/indexPage4x.png
--- a/src/assets/windFramPicture/jingzhun.png
+++ b/src/assets/windFramPicture/jingzhun.png
--- a/src/assets/windFramPicture/mahuangshanDQ.png
+++ b/src/assets/windFramPicture/mahuangshanDQ.png
--- a/src/assets/windFramPicture/mahuangshan_v.png
+++ b/src/assets/windFramPicture/mahuangshan_v.png
--- a/src/assets/windFramPicture/member.png
+++ b/src/assets/windFramPicture/member.png
--- a/src/assets/windFramPicture/niushoushan_v.png
+++ b/src/assets/windFramPicture/niushoushan_v.png
--- a/src/assets/windFramPicture/nodata.jpeg
+++ b/src/assets/windFramPicture/nodata.jpeg
--- a/src/assets/windFramPicture/qiciPic.png
+++ b/src/assets/windFramPicture/qiciPic.png
--- a/src/assets/windFramPicture/qiciPic2.png
+++ b/src/assets/windFramPicture/qiciPic2.png
--- a/src/assets/windFramPicture/qiciPic3.png
+++ b/src/assets/windFramPicture/qiciPic3.png
--- a/src/assets/windFramPicture/qingshan_v.png
+++ b/src/assets/windFramPicture/qingshan_v.png
--- a/src/assets/windFramPicture/rain.png
+++ b/src/assets/windFramPicture/rain.png
--- a/src/assets/windFramPicture/run_Icon.gif
+++ b/src/assets/windFramPicture/run_Icon.gif
--- a/src/assets/windFramPicture/shibanquan_v.png
+++ b/src/assets/windFramPicture/shibanquan_v.png
--- a/src/assets/windFramPicture/sun.png
+++ b/src/assets/windFramPicture/sun.png
--- a/src/assets/windFramPicture/wturStatus.png
+++ b/src/assets/windFramPicture/wturStatus.png
--- a/src/assets/windFramPicture/xiangshanDQ.png
+++ b/src/assets/windFramPicture/xiangshanDQ.png
--- a/src/assets/windFramPicture/xiangshan_v.png
+++ b/src/assets/windFramPicture/xiangshan_v.png
--- a/src/assets/windFramPicture/yichang.png
+++ b/src/assets/windFramPicture/yichang.png
--- a/src/assets/windFramPicture/zhunquelv.png
+++ b/src/assets/windFramPicture/zhunquelv.png
--- a/src/assets/windStatus.png
+++ b/src/assets/windStatus.png
--- a/src/assets/windStatusPic/000.png
+++ b/src/assets/windStatusPic/000.png
--- a/src/assets/windStatusPic/0003.png
+++ b/src/assets/windStatusPic/0003.png
--- a/src/assets/windStatusPic/001.png
+++ b/src/assets/windStatusPic/001.png
--- a/src/assets/windStatusPic/002.png
+++ b/src/assets/windStatusPic/002.png
--- a/src/assets/windStatusPic/003.png
+++ b/src/assets/windStatusPic/003.png
--- a/src/assets/windStatusPic/004.png
+++ b/src/assets/windStatusPic/004.png
--- a/src/assets/windStatusPic/005.png
+++ b/src/assets/windStatusPic/005.png
--- a/src/assets/windStatusPic/006.png
+++ b/src/assets/windStatusPic/006.png
--- a/src/components/SecondaryPageStyle/globalblackStyle.less
+++ b/src/components/SecondaryPageStyle/globalblackStyle.less
@@ -0,0 +1,116 @@
 
				+.globalDia {
			
 
				+    margin-top: 5vh !important;
			
 
				+    background: #212430;
			
 
				+    opacity: 0.9;
			
 
				+
			
 
				+    .el-dialog__header {
			
 
				+        .el-dialog__title {
			
 
				+            color: #fff;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .el-dialog__body {
			
 
				+        padding: 10px 20px;
			
 
				+
			
 
				+        .globalDiaMain {
			
 
				+            .main_top {
			
 
				+                display: flex;
			
 
				+                justify-content: space-between;
			
 
				+
			
 
				+                .main_top_left {
			
 
				+                    display: flex;
			
 
				+
			
 
				+                    .exceed {
			
 
				+                        span {
			
 
				+                            color: #fff;
			
 
				+                            font-size: 14px;
			
 
				+                            margin-left: 10px;
			
 
				+                        }
			
 
				+
			
 
				+                        display: flex;
			
 
				+                        margin-right:20px;
			
 
				+
			
 
				+                        .el-date-editor {
			
 
				+                            background: #212430;
			
 
				+
			
 
				+                            .el-input__icon,
			
 
				+                            .el-range-separator {
			
 
				+                                line-height: 25px;
			
 
				+                            }
			
 
				+
			
 
				+                            .el-range-input {
			
 
				+                                background: #212430;
			
 
				+                                color: #fff;
			
 
				+                            }
			
 
				+                        }
			
 
				+
			
 
				+                        .el-select {
			
 
				+                            .el-input {
			
 
				+                                .el-input__inner {
			
 
				+                                    background: #212430;
			
 
				+                                    color: #fff;
			
 
				+                                }
			
 
				+                            }
			
 
				+
			
 
				+                            .el-input__suffix {
			
 
				+                                .el-input__icon {
			
 
				+                                    line-height: 25px;
			
 
				+                                }
			
 
				+                            }
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+
			
 
				+                .main_top_right {}
			
 
				+
			
 
				+                .el-button {
			
 
				+                    height: 30px;
			
 
				+                    line-height: 5px;
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            .main_charts {
			
 
				+                margin-top: 20px;
			
 
				+
			
 
				+                .chartsStyle {
			
 
				+                    height: 300px;
			
 
				+                    width: 100%;
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            .main_table {
			
 
				+                margin: 20px 0;
			
 
				+
			
 
				+                .el-table {
			
 
				+                    background: #212430;
			
 
				+
			
 
				+                    .el-table__header {
			
 
				+                        th {
			
 
				+                            background: #212430;
			
 
				+                            color: #fff;
			
 
				+                        }
			
 
				+                    }
			
 
				+
			
 
				+                    .el-table__body-wrapper {
			
 
				+                        height: 335px !important;
			
 
				+                        overflow-y: auto;
			
 
				+
			
 
				+                        tr {
			
 
				+                            background: #212430;
			
 
				+                            color: #fff;
			
 
				+                        }
			
 
				+
			
 
				+                        tr:hover>td {
			
 
				+                            background: #212430;
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+
			
 
				+            }
			
 
				+
			
 
				+            .el-loading-mask {
			
 
				+                background-color: #212430;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/src/components/SecondaryPageStyle/globalwhiteStyle.less
+++ b/src/components/SecondaryPageStyle/globalwhiteStyle.less
@@ -0,0 +1,79 @@
 
				+.globalDiaWhite {
			
 
				+    margin-top: 5vh !important;
			
 
				+
			
 
				+    // opacity: 0.9;
			
 
				+    .el-dialog__body {
			
 
				+        padding: 10px 20px;
			
 
				+
			
 
				+        .globalDiaMain {
			
 
				+
			
 
				+            .main_top {
			
 
				+                display: flex;
			
 
				+                justify-content: space-between;
			
 
				+
			
 
				+                .main_top_left {
			
 
				+                    display: flex;
			
 
				+
			
 
				+                    .exceed {
			
 
				+                        span {
			
 
				+                            font-size: 14px;
			
 
				+                            margin-left: 10px;
			
 
				+                        }
			
 
				+
			
 
				+                        display: flex;
			
 
				+                        margin-right:20px;
			
 
				+
			
 
				+                        .el-date-editor {
			
 
				+                            height: 32px;
			
 
				+
			
 
				+                            .el-input__icon,
			
 
				+                            .el-range-separator {
			
 
				+                                line-height: 30px;
			
 
				+                            }
			
 
				+                        }
			
 
				+
			
 
				+                        .select-trigger {
			
 
				+                            .el-input {
			
 
				+                                .el-input__wrapper {
			
 
				+                                    height: 30px;
			
 
				+                                }
			
 
				+                            }
			
 
				+
			
 
				+                            .el-input__suffix {
			
 
				+                                .el-input__icon {
			
 
				+                                    line-height: 30px;
			
 
				+                                }
			
 
				+                            }
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+
			
 
				+                .el-button {
			
 
				+                    height: 30px;
			
 
				+                    padding: 0 20px;
			
 
				+                    line-height: 5px;
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            .main_charts {
			
 
				+                margin-top: 20px;
			
 
				+
			
 
				+                .chartsStyle {
			
 
				+                    height: 300px;
			
 
				+                    width: 100%;
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+            .main_table {
			
 
				+                margin: 20px 0;
			
 
				+
			
 
				+                .el-table {
			
 
				+                    .el-table__body-wrapper {
			
 
				+                        height: 335px !important;
			
 
				+                        overflow-y: auto;
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/src/components/batteryDivinerDialog/dayBatterDialog.vue
+++ b/src/components/batteryDivinerDialog/dayBatterDialog.vue