From 11f6acee504c77a8919a4e0ddfe3e70a746e3522 Mon Sep 17 00:00:00 2001
From: fei.wang <wf18701153496@163.com>
Date: 星期五, 18 四月 2025 17:39:33 +0800
Subject: [PATCH] 4.18更新v2.1.5
---
dist/static/css/chunk-1ca8465b.c9a46213.css | 1
dist/index.html | 2
src/views/dpdv/map.vue | 610 ++++----
dist/static/css/chunk-027f2f8a.87b9b2ef.css | 1
dist/static/css/chunk-d3772efa.0757e32a.css | 1
dist/static/css/chunk-156f588a.55664289.css | 1
dist/static/css/chunk-529cb226.de96f263.css | 1
dist/static/css/chunk-3e9fa3dd.7ac9415b.css | 1
src/views/alarm/threshold.vue | 1
src/icons/svg/tank.svg | 1
src/assets/images/onguangbo.png | 0
dist/static/css/chunk-71ab3fbe.af2656e6.css | 1
dist/static/css/chunk-72eba88f.a4016c15.css | 1
src/views/guangbo/index.vue | 524 ++++++++
src/views/tank/index.vue | 679 ++++++++++
src/assets/images/login_pass_active.png | 0
dist/static/css/chunk-335bb7b8.f856109d.css | 1
src/assets/images/onile.png | 0
src/views/tank/components/BarChart.vue | 196 +++
src/views/video/index.vue | 49
dist/static/css/chunk-21c53c69.952ec519.css | 1
dist/static/css/chunk-748ed53f.f3bb7dd1.css | 1
dist/static/css/chunk-0b796975.d64d7b6e.css | 1
dist/static/css/chunk-c5d7f5f4.13a7e89e.css | 1
src/assets/401_images/401.png | 0
src/views/analysis/xsindex.vue | 633 +++++++++
src/views/tank/components/RaddarChart.vue | 116 +
src/assets/images/login_pass.png | 0
src/views/dpdv/dpdv.vue | 30
dist/static/css/chunk-6666dbfa.15133b5d.css | 1
src/assets/images/offguangbo.png | 0
dist/static/css/chunk-6bae1535.77c56283.css | 1
src/views/tank/components/LineChart.vue | 119 +
src/icons/svg/mranalysis.svg | 1
dist/static/css/chunk-9464f976.dee365bb.css | 1
src/icons/svg/guangbo.svg | 1
src/views/login/login.vue | 20
dist/static/css/chunk-b760a4ec.7fbb24c3.css | 1
src/views/equipment/monitoring.vue | 12
src/assets/images/gaoj.png | 0
src/assets/images/look.png | 0
src/views/alarm/log.vue | 4
dist/static/css/chunk-999939d4.27c38f45.css | 1
src/views/equipment/difference.vue | 8
src/views/tank/components/PieChart.vue | 79 +
src/assets/images/gjimage.gif | 0
dist/static/css/chunk-c75152f4.e82715ba.css | 1
src/icons/svg/xsanalysis.svg | 1
dist/static/css/chunk-1c3b0cb4.81787f08.css | 1
src/views/analysis/index.vue | 759 ++++++-----
50 files changed, 3,176 insertions(+), 689 deletions(-)
diff --git a/dist/index.html b/dist/index.html
index b9f719d..12e8f3d 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=renderer content=webkit><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=/favicon.ico><title>Vue Element Admin</title><link href=/static/css/app.75845777.css rel=preload as=style><link href=/static/css/chunk-libs.52acf3af.css rel=preload as=style><link href=/static/js/app.c950a347.js rel=preload as=script><link href=/static/js/chunk-elementUI.63f99718.js rel=preload as=script><link href=/static/js/chunk-libs.c4a5fcd6.js rel=preload as=script><link href=/static/css/chunk-libs.52acf3af.css rel=stylesheet><link href=/static/css/app.75845777.css rel=stylesheet></head><body><div id=app></div><script>(function(e){function c(c){for(var u,t,d=c[0],h=c[1],f=c[2],b=0,o=[];b<d.length;b++)t=d[b],Object.prototype.hasOwnProperty.call(r,t)&&r[t]&&o.push(r[t][0]),r[t]=0;for(u in h)Object.prototype.hasOwnProperty.call(h,u)&&(e[u]=h[u]);k&&k(c);while(o.length)o.shift()();return a.push.apply(a,f||[]),n()}function n(){for(var e,c=0;c<a.length;c++){for(var n=a[c],u=!0,t=1;t<n.length;t++){var d=n[t];0!==r[d]&&(u=!1)}u&&(a.splice(c--,1),e=h(h.s=n[0]))}return e}var u={},t={runtime:0},r={runtime:0},a=[];function d(e){return h.p+"static/js/"+({}[e]||e)+"."+{"chunk-07b38cef":"dbb84645","chunk-0e20b77c":"38dde20a","chunk-176b7762":"0d906918","chunk-6bae1535":"d951b34a","chunk-1d8a5bcf":"f9a6184e","chunk-1f62ac54":"8b264e8b","chunk-2a3f9be0":"56724821","chunk-3b2acc12":"712243f0","chunk-83b30dcc":"ac05bb61","chunk-c1ae4854":"f7d0711d","chunk-89531222":"6c7395a6","chunk-2d0a4d2d":"30a53ba0","chunk-2d0c22ac":"d7972e27","chunk-2d2105d3":"40f39be6","chunk-2d213765":"c81e502a","chunk-2d230fe7":"a331634e","chunk-2edc6a52":"697b1f90","chunk-335bb7b8":"91f555aa","chunk-3bd257ec":"6dcff9e9","chunk-40264523":"8b11903e","chunk-529cb226":"8879bb07","chunk-61f0dab4":"ad43deb6","chunk-636f154d":"13beb7b9","chunk-651b7084":"5cc6556c","chunk-71ab3fbe":"a82bce3b","chunk-72eba88f":"d40044a7","chunk-748ed53f":"9b0f151b","chunk-7c3380c9":"815f3f91","chunk-2d0dd4bc":"d5610926","chunk-9590661c":"92447729","chunk-999939d4":"892463e1","chunk-d49b2eb2":"0c95a8ec","chunk-c5d7f5f4":"46406197"}[e]+".js"}function h(c){if(u[c])return u[c].exports;var n=u[c]={i:c,l:!1,exports:{}};return e[c].call(n.exports,n,n.exports,h),n.l=!0,n.exports}h.e=function(e){var c=[],n={"chunk-07b38cef":1,"chunk-0e20b77c":1,"chunk-176b7762":1,"chunk-6bae1535":1,"chunk-1d8a5bcf":1,"chunk-1f62ac54":1,"chunk-3b2acc12":1,"chunk-83b30dcc":1,"chunk-c1ae4854":1,"chunk-89531222":1,"chunk-2edc6a52":1,"chunk-335bb7b8":1,"chunk-3bd257ec":1,"chunk-40264523":1,"chunk-529cb226":1,"chunk-61f0dab4":1,"chunk-636f154d":1,"chunk-651b7084":1,"chunk-71ab3fbe":1,"chunk-72eba88f":1,"chunk-748ed53f":1,"chunk-7c3380c9":1,"chunk-9590661c":1,"chunk-999939d4":1,"chunk-c5d7f5f4":1};t[e]?c.push(t[e]):0!==t[e]&&n[e]&&c.push(t[e]=new Promise((function(c,n){for(var u="static/css/"+({}[e]||e)+"."+{"chunk-07b38cef":"0f824ef5","chunk-0e20b77c":"24eb0e50","chunk-176b7762":"6b65c02a","chunk-6bae1535":"77c56283","chunk-1d8a5bcf":"952ec519","chunk-1f62ac54":"e78edaae","chunk-2a3f9be0":"31d6cfe0","chunk-3b2acc12":"1d1ead1b","chunk-83b30dcc":"9d41e4fe","chunk-c1ae4854":"f6d59cd6","chunk-89531222":"0807454c","chunk-2d0a4d2d":"31d6cfe0","chunk-2d0c22ac":"31d6cfe0","chunk-2d2105d3":"31d6cfe0","chunk-2d213765":"31d6cfe0","chunk-2d230fe7":"31d6cfe0","chunk-2edc6a52":"2c2f805b","chunk-335bb7b8":"f856109d","chunk-3bd257ec":"c8dfc952","chunk-40264523":"9886cdea","chunk-529cb226":"de96f263","chunk-61f0dab4":"ae290b67","chunk-636f154d":"bcad5d4c","chunk-651b7084":"38b6e585","chunk-71ab3fbe":"af2656e6","chunk-72eba88f":"a4016c15","chunk-748ed53f":"f3bb7dd1","chunk-7c3380c9":"ecc751e7","chunk-2d0dd4bc":"31d6cfe0","chunk-9590661c":"fb99f9de","chunk-999939d4":"27c38f45","chunk-d49b2eb2":"31d6cfe0","chunk-c5d7f5f4":"13a7e89e"}[e]+".css",r=h.p+u,a=document.getElementsByTagName("link"),d=0;d<a.length;d++){var f=a[d],b=f.getAttribute("data-href")||f.getAttribute("href");if("stylesheet"===f.rel&&(b===u||b===r))return c()}var o=document.getElementsByTagName("style");for(d=0;d<o.length;d++){f=o[d],b=f.getAttribute("data-href");if(b===u||b===r)return c()}var k=document.createElement("link");k.rel="stylesheet",k.type="text/css",k.onload=c,k.onerror=function(c){var u=c&&c.target&&c.target.src||r,a=new Error("Loading CSS chunk "+e+" failed.\n("+u+")");a.code="CSS_CHUNK_LOAD_FAILED",a.request=u,delete t[e],k.parentNode.removeChild(k),n(a)},k.href=r;var i=document.getElementsByTagName("head")[0];i.appendChild(k)})).then((function(){t[e]=0})));var u=r[e];if(0!==u)if(u)c.push(u[2]);else{var a=new Promise((function(c,n){u=r[e]=[c,n]}));c.push(u[2]=a);var f,b=document.createElement("script");b.charset="utf-8",b.timeout=120,h.nc&&b.setAttribute("nonce",h.nc),b.src=d(e);var o=new Error;f=function(c){b.onerror=b.onload=null,clearTimeout(k);var n=r[e];if(0!==n){if(n){var u=c&&("load"===c.type?"missing":c.type),t=c&&c.target&&c.target.src;o.message="Loading chunk "+e+" failed.\n("+u+": "+t+")",o.name="ChunkLoadError",o.type=u,o.request=t,n[1](o)}r[e]=void 0}};var k=setTimeout((function(){f({type:"timeout",target:b})}),12e4);b.onerror=b.onload=f,document.head.appendChild(b)}return Promise.all(c)},h.m=e,h.c=u,h.d=function(e,c,n){h.o(e,c)||Object.defineProperty(e,c,{enumerable:!0,get:n})},h.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},h.t=function(e,c){if(1&c&&(e=h(e)),8&c)return e;if(4&c&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(h.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&c&&"string"!=typeof e)for(var u in e)h.d(n,u,function(c){return e[c]}.bind(null,u));return n},h.n=function(e){var c=e&&e.__esModule?function(){return e["default"]}:function(){return e};return h.d(c,"a",c),c},h.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},h.p="/",h.oe=function(e){throw console.error(e),e};var f=window["webpackJsonp"]=window["webpackJsonp"]||[],b=f.push.bind(f);f.push=c,f=f.slice();for(var o=0;o<f.length;o++)c(f[o]);var k=b;n()})([]);</script><script src=/static/js/chunk-elementUI.63f99718.js></script><script src=/static/js/chunk-libs.c4a5fcd6.js></script><script src=/static/js/app.c950a347.js></script></body><script src="https://api.map.baidu.com/api?v=2.0&&type=webgl&ak=zoVtgLNWuaZBjMAa32RZRFIagXxST0fm"></script></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=renderer content=webkit><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=/favicon.ico><title>Vue Element Admin</title><link href=/static/css/app.75845777.css rel=preload as=style><link href=/static/css/chunk-libs.52acf3af.css rel=preload as=style><link href=/static/js/app.8759d645.js rel=preload as=script><link href=/static/js/chunk-elementUI.63f99718.js rel=preload as=script><link href=/static/js/chunk-libs.c4a5fcd6.js rel=preload as=script><link href=/static/css/chunk-libs.52acf3af.css rel=stylesheet><link href=/static/css/app.75845777.css rel=stylesheet></head><body><div id=app></div><script>(function(e){function c(c){for(var u,t,f=c[0],d=c[1],h=c[2],b=0,o=[];b<f.length;b++)t=f[b],Object.prototype.hasOwnProperty.call(a,t)&&a[t]&&o.push(a[t][0]),a[t]=0;for(u in d)Object.prototype.hasOwnProperty.call(d,u)&&(e[u]=d[u]);k&&k(c);while(o.length)o.shift()();return r.push.apply(r,h||[]),n()}function n(){for(var e,c=0;c<r.length;c++){for(var n=r[c],u=!0,t=1;t<n.length;t++){var f=n[t];0!==a[f]&&(u=!1)}u&&(r.splice(c--,1),e=d(d.s=n[0]))}return e}var u={},t={runtime:0},a={runtime:0},r=[];function f(e){return d.p+"static/js/"+({}[e]||e)+"."+{"chunk-027f2f8a":"cce84d00","chunk-2d0dd4bc":"d5610926","chunk-0b796975":"e27c0820","chunk-d49b2eb2":"0c95a8ec","chunk-1c3b0cb4":"2f51ce92","chunk-1ca8465b":"3dfd3486","chunk-1f62ac54":"8b264e8b","chunk-21c53c69":"b6f55a78","chunk-2a3f9be0":"56724821","chunk-d3772efa":"0e2fbe34","chunk-b760a4ec":"c8b5f2b4","chunk-156f588a":"0398aa7d","chunk-6666dbfa":"2d56fbd7","chunk-2d0a4d2d":"30a53ba0","chunk-2d0c22ac":"d7972e27","chunk-2d2105d3":"40f39be6","chunk-2d213765":"c81e502a","chunk-2d230fe7":"a331634e","chunk-2edc6a52":"697b1f90","chunk-335bb7b8":"91f555aa","chunk-3bd257ec":"6dcff9e9","chunk-3e9fa3dd":"04f63e0c","chunk-40264523":"8b11903e","chunk-529cb226":"8879bb07","chunk-636f154d":"13beb7b9","chunk-71ab3fbe":"a82bce3b","chunk-72eba88f":"d40044a7","chunk-748ed53f":"9b0f151b","chunk-7c3380c9":"815f3f91","chunk-9464f976":"d2b6b334","chunk-999939d4":"892463e1","chunk-c5d7f5f4":"46406197","chunk-c75152f4":"a1fab6ad","chunk-6bae1535":"d951b34a"}[e]+".js"}function d(c){if(u[c])return u[c].exports;var n=u[c]={i:c,l:!1,exports:{}};return e[c].call(n.exports,n,n.exports,d),n.l=!0,n.exports}d.e=function(e){var c=[],n={"chunk-027f2f8a":1,"chunk-0b796975":1,"chunk-1c3b0cb4":1,"chunk-1ca8465b":1,"chunk-1f62ac54":1,"chunk-21c53c69":1,"chunk-d3772efa":1,"chunk-b760a4ec":1,"chunk-156f588a":1,"chunk-6666dbfa":1,"chunk-2edc6a52":1,"chunk-335bb7b8":1,"chunk-3bd257ec":1,"chunk-3e9fa3dd":1,"chunk-40264523":1,"chunk-529cb226":1,"chunk-636f154d":1,"chunk-71ab3fbe":1,"chunk-72eba88f":1,"chunk-748ed53f":1,"chunk-7c3380c9":1,"chunk-9464f976":1,"chunk-999939d4":1,"chunk-c5d7f5f4":1,"chunk-c75152f4":1,"chunk-6bae1535":1};t[e]?c.push(t[e]):0!==t[e]&&n[e]&&c.push(t[e]=new Promise((function(c,n){for(var u="static/css/"+({}[e]||e)+"."+{"chunk-027f2f8a":"87b9b2ef","chunk-2d0dd4bc":"31d6cfe0","chunk-0b796975":"d64d7b6e","chunk-d49b2eb2":"31d6cfe0","chunk-1c3b0cb4":"81787f08","chunk-1ca8465b":"c9a46213","chunk-1f62ac54":"e78edaae","chunk-21c53c69":"952ec519","chunk-2a3f9be0":"31d6cfe0","chunk-d3772efa":"0757e32a","chunk-b760a4ec":"7fbb24c3","chunk-156f588a":"55664289","chunk-6666dbfa":"15133b5d","chunk-2d0a4d2d":"31d6cfe0","chunk-2d0c22ac":"31d6cfe0","chunk-2d2105d3":"31d6cfe0","chunk-2d213765":"31d6cfe0","chunk-2d230fe7":"31d6cfe0","chunk-2edc6a52":"2c2f805b","chunk-335bb7b8":"f856109d","chunk-3bd257ec":"c8dfc952","chunk-3e9fa3dd":"7ac9415b","chunk-40264523":"9886cdea","chunk-529cb226":"de96f263","chunk-636f154d":"bcad5d4c","chunk-71ab3fbe":"af2656e6","chunk-72eba88f":"a4016c15","chunk-748ed53f":"f3bb7dd1","chunk-7c3380c9":"ecc751e7","chunk-9464f976":"dee365bb","chunk-999939d4":"27c38f45","chunk-c5d7f5f4":"13a7e89e","chunk-c75152f4":"e82715ba","chunk-6bae1535":"77c56283"}[e]+".css",a=d.p+u,r=document.getElementsByTagName("link"),f=0;f<r.length;f++){var h=r[f],b=h.getAttribute("data-href")||h.getAttribute("href");if("stylesheet"===h.rel&&(b===u||b===a))return c()}var o=document.getElementsByTagName("style");for(f=0;f<o.length;f++){h=o[f],b=h.getAttribute("data-href");if(b===u||b===a)return c()}var k=document.createElement("link");k.rel="stylesheet",k.type="text/css",k.onload=c,k.onerror=function(c){var u=c&&c.target&&c.target.src||a,r=new Error("Loading CSS chunk "+e+" failed.\n("+u+")");r.code="CSS_CHUNK_LOAD_FAILED",r.request=u,delete t[e],k.parentNode.removeChild(k),n(r)},k.href=a;var i=document.getElementsByTagName("head")[0];i.appendChild(k)})).then((function(){t[e]=0})));var u=a[e];if(0!==u)if(u)c.push(u[2]);else{var r=new Promise((function(c,n){u=a[e]=[c,n]}));c.push(u[2]=r);var h,b=document.createElement("script");b.charset="utf-8",b.timeout=120,d.nc&&b.setAttribute("nonce",d.nc),b.src=f(e);var o=new Error;h=function(c){b.onerror=b.onload=null,clearTimeout(k);var n=a[e];if(0!==n){if(n){var u=c&&("load"===c.type?"missing":c.type),t=c&&c.target&&c.target.src;o.message="Loading chunk "+e+" failed.\n("+u+": "+t+")",o.name="ChunkLoadError",o.type=u,o.request=t,n[1](o)}a[e]=void 0}};var k=setTimeout((function(){h({type:"timeout",target:b})}),12e4);b.onerror=b.onload=h,document.head.appendChild(b)}return Promise.all(c)},d.m=e,d.c=u,d.d=function(e,c,n){d.o(e,c)||Object.defineProperty(e,c,{enumerable:!0,get:n})},d.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.t=function(e,c){if(1&c&&(e=d(e)),8&c)return e;if(4&c&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(d.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&c&&"string"!=typeof e)for(var u in e)d.d(n,u,function(c){return e[c]}.bind(null,u));return n},d.n=function(e){var c=e&&e.__esModule?function(){return e["default"]}:function(){return e};return d.d(c,"a",c),c},d.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},d.p="/",d.oe=function(e){throw console.error(e),e};var h=window["webpackJsonp"]=window["webpackJsonp"]||[],b=h.push.bind(h);h.push=c,h=h.slice();for(var o=0;o<h.length;o++)c(h[o]);var k=b;n()})([]);</script><script src=/static/js/chunk-elementUI.63f99718.js></script><script src=/static/js/chunk-libs.c4a5fcd6.js></script><script src=/static/js/app.8759d645.js></script></body><script src="https://api.map.baidu.com/api?v=2.0&&type=webgl&ak=zoVtgLNWuaZBjMAa32RZRFIagXxST0fm"></script></html>
\ No newline at end of file
diff --git a/dist/static/css/chunk-027f2f8a.87b9b2ef.css b/dist/static/css/chunk-027f2f8a.87b9b2ef.css
new file mode 100644
index 0000000..2ea63c3
--- /dev/null
+++ b/dist/static/css/chunk-027f2f8a.87b9b2ef.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.popup[data-v-4f784989]{position:absolute;width:70%;height:26px;background-color:#0e1b47}.pB_Container[data-v-4f784989]{width:70%;height:13px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:13px;margin-left:50px;margin-top:25px}.first[data-v-4f784989]{background-color:#297af4}.second[data-v-4f784989]{background-color:#064bc1}.third[data-v-4f784989]{background-color:#07bef7}#index[data-v-6446fb70]{color:#d3d6dd;width:2270px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg[data-v-6446fb70]{position:fixed;width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(../../static/img/bj.a4a1a31a.png);background-size:cover;background-position:50%;z-index:1;overflow:hidden}#index .top[data-v-6446fb70]{position:absolute;left:0;top:0;width:100%;height:80px;background-color:transparent;background:url(../../static/img/top.18dde570.png) no-repeat;background-position:50% 0}#index .title_right[data-v-6446fb70]{top:10px;width:100%;height:80px;background:url(../../static/img/topright.2dc49b5e.png) no-repeat}#index .right[data-v-6446fb70]{position:absolute;top:100px;width:23%;height:60%;background:url(../../static/img/right.0695451b.png) no-repeat;z-index:20}#index .toptitle[data-v-6446fb70]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:36px;letter-spacing:10px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px;background-color:transparent}#index .title_left[data-v-6446fb70]{position:absolute;top:16px;width:98.5%;height:80px;background:url(../../static/img/topleft.0dc8f9e7.png) no-repeat;background-position:100% 0}#index .center[data-v-6446fb70],#index .lineChart[data-v-6446fb70]{position:fixed;left:24%;top:105px;width:51.5%;height:60%;z-index:20;overflow:hidden}#index .left[data-v-6446fb70]{position:absolute;left:76%;top:100px;width:30%;height:100%;background:url(../../static/img/left.730009e6.png) no-repeat;z-index:20}#index .title_left_tdmm[data-v-6446fb70]{font-size:14px;position:absolute;margin-top:69px;margin-left:355px}#index .title_left_ndmm[data-v-6446fb70]{font-size:14px;position:absolute;margin-top:69px;margin-left:222px}#index .title_left_edmm[data-v-6446fb70]{font-size:14px;position:absolute;margin-top:69px;margin-left:68px}#index .el-radio__input[data-v-6446fb70]{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:middle}#index .title_left_ndmm.el-radio__input.is-checked .el-radio__inner[data-v-6446fb70],#index .title_left_radio.el-radio__input.is-checked .el-radio__inner[data-v-6446fb70],#index .title_left_tdmm.el-radio__input.is-checked .el-radio__inner[data-v-6446fb70]{border-color:#1890ff;background:#11b95c}#index .bottom[data-v-6446fb70]{position:absolute;bottom:-15px;width:75%;height:30%;z-index:20}#index .bottom[data-v-6446fb70] .el-table,#index .bottom[data-v-6446fb70] .el-table__expanded-cell{position:absolute;z-index:20;background-color:transparent;width:98%;left:1%}#index .bottom[data-v-6446fb70] .el-table th{background-color:#081138;color:#fff}#index .dpradio[data-v-6446fb70].el-radio__input,#index .el-radio__input[data-v-6446fb70]{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:middle}#index[data-v-6446fb70] .el-table tr{background-color:transparent!important}#index .bottom[data-v-6446fb70] .el-table__row{background-color:#0e1b47!important;color:#b2c9ee}#index[data-v-6446fb70] .el-table__body tr.current-row>td{background-color:transparent}#index[data-v-6446fb70] .el-table--enable-row-hover .el-table__body tr:hover:nth-child(odd)>td{background-color:#0e1b47!important}#index .bottom[data-v-6446fb70] .el-table--striped .el-table__body tr.el-table__row--striped td{background:#081138}#index[data-v-6446fb70] .is-leaf{border-bottom:none!important}#index .el-table th.is-leaf[data-v-6446fb70],#index[data-v-6446fb70] .el-table td{border-bottom:none}#index[data-v-6446fb70] .el-table:before{height:0}#index[data-v-6446fb70] .el-table__body-wrapper::-webkit-scrollbar{width:10px;height:10px}#index[data-v-6446fb70] .el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:#0d9eec;border-radius:5px}#index[data-v-6446fb70] .el-table th.gutter{display:none!important}#index .title_left_text[data-v-6446fb70]{left:86%;position:absolute;top:30px}#index .title_right_img[data-v-6446fb70]{position:absolute;margin-top:20px;margin-left:20px}#index .title_right_time[data-v-6446fb70]{font-size:16px;position:absolute;margin-top:20px;margin-left:42px}#index .title_right_day[data-v-6446fb70]{font-size:14px;position:absolute;margin-top:40px;margin-left:42px}#index .title_right_week[data-v-6446fb70]{font-size:14px;position:absolute;margin-top:40px;margin-left:120px}#index .title_left_bnt[data-v-6446fb70]{font-size:16px;color:#2b96e2;left:94%;position:absolute;top:20px}#index .title_left_bnt[data-v-6446fb70]:hover{color:#fff;text-decoration:underline}#index .title_leftout_bnt[data-v-6446fb70]{font-size:16px;color:#2b96e2;left:97%;position:absolute;top:20px}#index .title_leftout_bnt[data-v-6446fb70]:hover{color:#fff;text-decoration:underline}#index .title_right_monitor[data-v-6446fb70]{font-size:30px;position:absolute;margin-top:100px;margin-left:160px}#index .title_right_monitor[data-v-6446fb70]:hover{text-decoration:underline}#index .title_right_standard[data-v-6446fb70]{font-size:30px;position:absolute;margin-top:100px;margin-left:410px}#index .title_right_standard[data-v-6446fb70]:hover{text-decoration:underline}#index .title_right_offline[data-v-6446fb70]{font-size:30px;position:absolute;margin-top:260px;margin-left:160px}#index .title_right_offline[data-v-6446fb70]:hover{text-decoration:underline}#index .title_right_alarm[data-v-6446fb70]{font-size:30px;position:absolute;margin-top:260px;margin-left:410px}#index .title_right_alarm[data-v-6446fb70]:hover{text-decoration:underline}#index .title_right_message[data-v-6446fb70]{font-size:50px;position:absolute;margin-top:500px;margin-left:130px}#index .title_right_alerttime[data-v-6446fb70]{font-size:20px;position:absolute;margin-top:460px;margin-left:280px}#index .custom-table .el-table__row .el-table_1_column_1[data-v-6446fb70]{color:#fff;background:url(../../static/img/bottom.5a1b0797.png) no-repeat}#index .cell-bg-color[data-v-6446fb70]{background-color:#2167a0}#index .dpradio.el-radio__input[data-v-6446fb70]{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:middle}#index .page[data-v-6446fb70]{height:20%;position:absolute;z-index:20;top:250px;left:30%}#index .pageleft[data-v-6446fb70]{width:30%;height:20%;position:absolute;z-index:20;top:85%;left:4%}#index .pagination-container[data-v-72233bcd][data-v-6446fb70]{background:transparent!important;padding:0}#index .pagination-container[data-v-6446fb70]{margin-top:0}#index div[data-v-6446fb70]::-webkit-scrollbar{width:10px}#index div[data-v-6446fb70]::-webkit-scrollbar-thumb{background-color:#0d9eec;border-radius:5px}#index .process[data-v-6446fb70]{overflow:auto;position:relative;top:100px;z-index:30;width:70%;height:75%;left:30px}#index .process_left_tagid[data-v-6446fb70],#index .process_left_zong[data-v-6446fb70]{font-size:14px;position:absolute;margin-top:22px;margin-left:8px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-0b796975.d64d7b6e.css b/dist/static/css/chunk-0b796975.d64d7b6e.css
new file mode 100644
index 0000000..c996aa3
--- /dev/null
+++ b/dist/static/css/chunk-0b796975.d64d7b6e.css
@@ -0,0 +1 @@
+*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}li{list-style-type:none}a{text-decoration:none;color:#fff}.body,.html{background:#000;height:100%}.body{max-width:1920px;margin:0 auto;position:relative;font-family:PingFang SC,Lantinghei SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,寰蒋闆呴粦,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif}.body:before{height:100%;background:url(../../static/img/image.518e82c2.png) no-repeat 0;content:"";z-index:100;pointer-events:none}.body:before,.loginbg{position:absolute;width:100%;left:0;top:0}.loginbg{background-image:linear-gradient(300deg,#004491,#1e88e5);height:50%;z-index:0}.loginav{max-width:1300px;width:100%;height:100%;margin:0 auto;z-index:10;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video{position:absolute;width:1200px;left:0;padding-bottom:40px;pointer-events:none}.video video{width:100%}.video:before{position:absolute;content:"";width:200px;height:100%;background:#000;right:0;top:0}.logotit{text-align:center;padding:40px 0;font-size:30px}.loginbox{padding:30px 0 50px 0;width:600px;padding:30px 50px;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:100}.logininput .forminput{border:2px solid rgba(32,163,245,.4);font-family:PingFang SC,Lantinghei SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,寰蒋闆呴粦,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;display:block;padding-left:50px;font-size:18px;color:#fff;width:100%;line-height:48px;outline:0;text-indent:1px;background:rgba(32,163,245,.1)}input::input-placeholder{color:#fff}::-webkit-input-placeholder{color:#fff}.flex1{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex1,.flex1 label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex1 label{color:#fff}.logininput>li{display:block;padding:15px 0;position:relative}.logininput li>i{position:absolute;height:100%;left:15px;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logintit{color:#00bff4;position:relative;padding:25px 0}.btn-primary,.logintit{text-align:center;font-size:24px}.btn-primary{background:#20a3f5;display:block;color:#fff;line-height:48PX}.btn-primary:hover{background:#137bd6}.copyright{position:fixed;bottom:10px;color:#006b95;font-size:12px}.copyright,.logo{width:100%;left:0;text-align:center}.logo{position:absolute;top:-120px;color:#fff}.logo h1,.logo h2{background:-webkit-gradient(linear,left top,right top,from(#009ef3),to(#00e9d0));background:linear-gradient(90deg,#009ef3,#00e9d0);background-size:cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.logo h1{font-weight:bolder;font-size:48px;font-family:Microsoft YaHei,HanHei SC}.logo h1,.logo h2{letter-spacing:2px}.logo h2{font-size:30px;text-transform:uppercase;font-weight:lighter}.boxall{border:2px solid #186baf;background:rgba(32,163,245,.1);position:relative;-webkit-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-animation:shows 1s forwards;animation:shows 1s forwards}@-webkit-keyframes shows{to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes shows{to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.boxall:after,.boxall:before{position:absolute;width:30px;height:30px;content:"";border-top:3px solid #20a3f5;top:-2px}.boxall:before,.boxfoot:before{border-left:3px solid #20a3f5;left:-2px}.boxall:after,.boxfoot:after{border-right:3px solid #20a3f5;right:-2px}.boxfoot{position:absolute;bottom:0;width:100%;left:0}.boxfoot:after,.boxfoot:before{position:absolute;width:30px;height:30px;content:"";border-bottom:3px solid #20a3f5;bottom:-2px}.aui-checkbox,input[type=radio]{width:24px;height:24px;background:rgba(32,163,245,.1);border:2px solid rgba(32,163,245,.5);margin:0;padding:0;cursor:default;-webkit-appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .1s ease;transition:background-color .1s ease;-ms-flex-negative:0;flex-shrink:0;border-radius:0;margin:0 3px 0 0!important;position:relative}.aui-checkbox:checked,input[type=radio]:checked{text-align:center;background-clip:padding-box}.aui-checkbox:checked:after,.aui-checkbox:checked:before,input[type=radio]:checked:after,input[type=radio]:checked:before{content:"";width:10px;height:5px;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-5px;background:0 0;border-top:none;border-right:none;z-index:2;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.aui-checkbox:disabled,input[type=radio]:disabled{background-color:#f5f5f;border:1px solid #ddd}.aui-checkbox:disabled:after,.aui-checkbox:disabled:before,input[type=radio]:disabled:after,input[type=radio]:disabled:before{content:"";width:.5rem;height:.3rem;position:absolute;top:50%;left:50%;margin-left:-.25rem;margin-top:-.4rem;background:0 0;border:1px solid #fff;border-top:none;border-right:none;z-index:2;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=radio]{border-radius:20px}input{outline:none!important}@media (max-width:1200px){.loginav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video{display:none}.loginbox{width:96%}.logo h1{font-size:30px}.logo h2{font-size:20px}.loginbox{padding:30px}}#tianai-captcha-parent{-webkit-box-shadow:0 0 11px 0 #999;box-shadow:0 0 11px 0 #999;width:318px;height:318px;overflow:hidden;position:relative;z-index:997;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;padding:8px}#tianai-captcha-parent #tianai-captcha-box{height:260px;width:100%;position:relative;overflow:hidden}#tianai-captcha-parent #tianai-captcha-box .loading{width:50px;height:50px;text-align:center;display:block;z-index:998;position:absolute;top:105px;left:126px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-image:url(../../static/img/loading.61c9dd55.gif);background-size:cover}#tianai-captcha-parent #tianai-captcha-box #tianai-captcha{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;-webkit-transition-duration:.45s;transition-duration:.45s;-webkit-transform:translateX(-300px);transform:translateX(-300px)}#tianai-captcha-parent #tianai-captcha-bg-img{background-color:#fff;background-position:top;background-size:cover;z-index:-1;width:100%;height:100%;top:0;left:0;position:absolute;border-radius:6px}#tianai-captcha-parent .slider-bottom{height:19px;width:100%}#tianai-captcha-parent .slider-bottom .close-btn{background-position:0 -14px;margin-right:2px}#tianai-captcha-parent .slider-bottom .close-btn,#tianai-captcha-parent .slider-bottom .refresh-btn{width:20px;height:20px;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;float:right;cursor:pointer}#tianai-captcha-parent .slider-bottom .refresh-btn{background-position:0 -167px;margin-right:10px}#tianai-captcha-parent .slider-bottom .logo{height:30px;float:left}#tianai-captcha-parent .slider-move-shadow{-webkit-animation:myanimation 2s infinite;animation:myanimation 2s infinite;height:100%;width:5px;background-color:#fff;position:absolute;top:0;left:0;-webkit-filter:opacity(.5);filter:opacity(.5);-webkit-box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px #fff;border-radius:50%}#tianai-captcha-parent #tianai-captcha-slider-move-track-mask{border-width:1px;border-style:solid;border-color:#00f4ab;width:0;height:32px;background-color:#a9ffe5;opacity:.5;position:absolute;top:-1px;left:-1px;border-radius:5px}#tianai-captcha{text-align:left;-webkit-box-sizing:content-box;box-sizing:content-box;width:300px;height:260px;z-index:999}#tianai-captcha .slider-bottom .logo{height:30px}#tianai-captcha .slider-bottom{height:19px;width:100%}#tianai-captcha .content .tianai-captcha-tips{height:25px;width:100%;position:absolute;bottom:-25px;left:0;z-index:999;font-size:15px;line-height:25px;color:#fff;text-align:center;-webkit-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out}#tianai-captcha .content .tianai-captcha-tips.tianai-captcha-tips-error{background-color:#ff5d39}#tianai-captcha .content .tianai-captcha-tips.tianai-captcha-tips-success{background-color:#39c522}#tianai-captcha .content .tianai-captcha-tips.tianai-captcha-tips-on{bottom:0}#tianai-captcha .content #tianai-captcha-loading{z-index:9999;background-color:#f5f5f5;text-align:center;height:100%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#tianai-captcha .content #tianai-captcha-loading img{display:block;width:45px;height:45px}#tianai-captcha #tianai-captcha-slider-bg-canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px}@-webkit-keyframes myanimation{0%{left:0}to{left:289px}}@keyframes myanimation{0%{left:0}to{left:289px}}#tianai-captcha.tianai-captcha-slider{z-index:999;position:absolute;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#tianai-captcha.tianai-captcha-slider .content{width:100%;height:180px;position:relative;overflow:hidden}#tianai-captcha.tianai-captcha-slider .bg-img-div{width:100%;height:100%;position:absolute;-webkit-transform:translate(0);transform:translate(0)}#tianai-captcha.tianai-captcha-slider .bg-img-div img{height:100%;width:100%;border-radius:5px}#tianai-captcha.tianai-captcha-slider .slider-img-div{height:100%;position:absolute;-webkit-transform:translate(0);transform:translate(0)}#tianai-captcha.tianai-captcha-slider .slider-img-div #tianai-captcha-slider-move-img{height:100%}#tianai-captcha.tianai-captcha-slider .slider-move{height:34px;width:100%;margin:11px 0;position:relative}#tianai-captcha.tianai-captcha-slider .slider-move-track{position:relative;height:32px;line-height:32px;text-align:center;background:#f5f5f5;color:#999;-webkit-transition:0s;transition:0s;font-size:14px;-webkit-box-sizing:content-box;box-sizing:content-box;border:1px solid #f5f5f5;border-radius:4px}#tianai-captcha.tianai-captcha-slider .close-btn,#tianai-captcha.tianai-captcha-slider .refresh-btn{display:inline-block}#tianai-captcha.tianai-captcha-slider .slider-move{line-height:38px;font-size:14px;text-align:center;white-space:nowrap;color:#88949d;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-filter:opacity(.8);filter:opacity(.8)}#tianai-captcha.tianai-captcha-slider .slider-move .slider-move-btn{-webkit-transform:translate(0);transform:translate(0);position:absolute;top:-6px;left:0;width:63px;height:45px;background-color:#fff;background-repeat:no-repeat;background-size:contain;border-radius:5px}#tianai-captcha.tianai-captcha-slider .slider-tip{margin-bottom:5px;font-weight:700;font-size:15px;line-height:normal;color:#000}#tianai-captcha.tianai-captcha-slider .slider-move-btn:hover{cursor:pointer}#tianai-captcha.tianai-captcha-rotate .rotate-img-div{height:100%;text-align:center}#tianai-captcha.tianai-captcha-rotate .rotate-img-div img{height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg);display:inline-block}#tianai-captcha.tianai-captcha-concat .tianai-captcha-slider-concat-img-div{background-size:100% 180px;position:absolute;-webkit-transform:translate(0);transform:translate(0);z-index:1;width:100%}#tianai-captcha.tianai-captcha-concat .tianai-captcha-slider-concat-bg-img{width:100%;height:100%;position:absolute;-webkit-transform:translate(0);transform:translate(0);background-size:100% 180px}#tianai-captcha.tianai-captcha-word-click{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#tianai-captcha.tianai-captcha-word-click .click-tip{position:relative;height:40px;width:100%}#tianai-captcha.tianai-captcha-word-click .click-tip .tip-img{width:130px;position:absolute;right:15px}#tianai-captcha.tianai-captcha-word-click .click-tip #tianai-captcha-click-track-font{font-size:18px;display:inline-block;height:40px;line-height:40px;position:absolute}#tianai-captcha.tianai-captcha-word-click .slider-bottom{position:relative;top:6px}#tianai-captcha.tianai-captcha-word-click .content #bg-img-click-mask{width:100%;height:100%;position:absolute;left:0;top:0}#tianai-captcha.tianai-captcha-word-click .content #bg-img-click-mask .click-span{position:absolute;left:0;top:0;border-radius:50px;background-color:#409eff;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;border:2px solid #fff;-webkit-box-sizing:content-box;box-sizing:content-box}.cover[data-v-759bd98a]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;z-index:1000}.genggai[data-v-759bd98a]:hover{color:red}.el-button--medium[data-v-759bd98a]{padding:10px 20px;font-size:24px;border-radius:1px}.canvas[data-v-759bd98a]{position:fixed;top:0;left:0;z-index:9999}.bg[data-v-759bd98a]{position:absolute;width:100%;background:url(../../static/img/image.518e82c2.png) no-repeat 0;content:"";left:0;top:0;z-index:100;pointer-events:none}.form[data-v-759bd98a]{width:290px;height:380px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:15px;background-color:#fff;-webkit-box-shadow:0 4px 30px rgba(0,0,0,.1);box-shadow:0 4px 30px rgba(0,0,0,.1);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.form[data-v-759bd98a]:hover{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1);scale:.99}.heading[data-v-759bd98a]{position:relative;text-align:center;color:#000;top:3em;font-weight:700}.check[data-v-759bd98a]{position:relative;-ms-flex-item-align:center;align-self:center;top:4em}.input[data-v-759bd98a]{position:relative;width:2.5em;height:2.5em;margin:1em;border-radius:5px;border:none;outline:none;background-color:#ebebeb;-webkit-box-shadow:inset 3px 3px 6px #d1d1d1,inset -3px -3px 6px #fff;box-shadow:inset 3px 3px 6px #d1d1d1,inset -3px -3px 6px #fff;top:6.5em;left:1.5em;padding-left:15px;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.input[data-v-759bd98a]:focus,.input[data-v-759bd98a]:hover{-webkit-box-shadow:inset 0 0 0 #d1d1d1,inset 0 0 0 #fff;box-shadow:inset 0 0 0 #d1d1d1,inset 0 0 0 #fff;background-color:#d3d3d3}.btn1[data-v-759bd98a]{position:relative;top:8.5em;left:2.4em;width:17em;height:3em;border-radius:5px;border:none;outline:none;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-box-shadow:1px 1px 3px #b5b5b5,-1px -1px 3px #fff;box-shadow:1px 1px 3px #b5b5b5,-1px -1px 3px #fff}.btn1[data-v-759bd98a]:active{-webkit-box-shadow:inset 3px 3px 6px #b5b5b5,inset -3px -3px 6px #fff;box-shadow:inset 3px 3px 6px #b5b5b5,inset -3px -3px 6px #fff}.btn2[data-v-759bd98a]{position:relative;top:9.5em;left:2.4em;width:17em;height:3em;border-radius:5px;border:none;outline:none;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-box-shadow:1px 1px 3px #b5b5b5,-1px -1px 3px #fff;box-shadow:1px 1px 3px #b5b5b5,-1px -1px 3px #fff}.btn2[data-v-759bd98a]:active{-webkit-box-shadow:inset 3px 3px 6px #b5b5b5,inset -3px -3px 6px #fff;box-shadow:inset 3px 3px 6px #b5b5b5,inset -3px -3px 6px #fff}
\ No newline at end of file
diff --git a/dist/static/css/chunk-156f588a.55664289.css b/dist/static/css/chunk-156f588a.55664289.css
new file mode 100644
index 0000000..65c1544
--- /dev/null
+++ b/dist/static/css/chunk-156f588a.55664289.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-5abdd716]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-5abdd716]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.el-table .el-table__body tr[data-v-5abdd716]:hover,.el-table__body tr:hover>td[data-v-5abdd716]{background-color:transparent!important;color:#000!important}.avatar-uploader[data-v-5abdd716]{height:128px}.avatar-uploader img[data-v-5abdd716]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-1c3b0cb4.81787f08.css b/dist/static/css/chunk-1c3b0cb4.81787f08.css
new file mode 100644
index 0000000..e40609e
--- /dev/null
+++ b/dist/static/css/chunk-1c3b0cb4.81787f08.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-6d5eefc8]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-6d5eefc8]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-6d5eefc8]{height:128px}.avatar-uploader img[data-v-6d5eefc8]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-1ca8465b.c9a46213.css b/dist/static/css/chunk-1ca8465b.c9a46213.css
new file mode 100644
index 0000000..5306074
--- /dev/null
+++ b/dist/static/css/chunk-1ca8465b.c9a46213.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-50de16cc]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-50de16cc]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-50de16cc]{height:128px}.avatar-uploader img[data-v-50de16cc]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-21c53c69.952ec519.css b/dist/static/css/chunk-21c53c69.952ec519.css
new file mode 100644
index 0000000..d2e622a
--- /dev/null
+++ b/dist/static/css/chunk-21c53c69.952ec519.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.aui-checkbox,input[type=radio]{width:15px;height:15px;-ms-flex-negative:0}input[type=radio]:checked:after,input[type=radio]:checked:before{content:""}.avatar-uploader{height:128px}.avatar-uploader img{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-335bb7b8.f856109d.css b/dist/static/css/chunk-335bb7b8.f856109d.css
new file mode 100644
index 0000000..39e9bcd
--- /dev/null
+++ b/dist/static/css/chunk-335bb7b8.f856109d.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-97a11a04]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-97a11a04]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-97a11a04]{height:128px}.avatar-uploader img[data-v-97a11a04]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-3e9fa3dd.7ac9415b.css b/dist/static/css/chunk-3e9fa3dd.7ac9415b.css
new file mode 100644
index 0000000..76365e6
--- /dev/null
+++ b/dist/static/css/chunk-3e9fa3dd.7ac9415b.css
@@ -0,0 +1 @@
+.chart-container[data-v-0bab884a]{width:100%;height:400px}.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-d36513cc]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-d36513cc]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.el-table .el-table__body tr[data-v-d36513cc]:hover,.el-table__body tr:hover>td[data-v-d36513cc]{background-color:transparent!important;color:#000!important}.avatar-uploader[data-v-d36513cc]{height:128px}.avatar-uploader img[data-v-d36513cc]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-529cb226.de96f263.css b/dist/static/css/chunk-529cb226.de96f263.css
new file mode 100644
index 0000000..c4905a5
--- /dev/null
+++ b/dist/static/css/chunk-529cb226.de96f263.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-403a59ce]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-403a59ce]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-403a59ce]{height:128px}.avatar-uploader img[data-v-403a59ce]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-6666dbfa.15133b5d.css b/dist/static/css/chunk-6666dbfa.15133b5d.css
new file mode 100644
index 0000000..befeac7
--- /dev/null
+++ b/dist/static/css/chunk-6666dbfa.15133b5d.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-54f0f41d]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-54f0f41d]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.el-table .el-table__body tr[data-v-54f0f41d]:hover,.el-table__body tr:hover>td[data-v-54f0f41d]{background-color:transparent!important;color:#000!important}.avatar-uploader[data-v-54f0f41d]{height:128px}.avatar-uploader img[data-v-54f0f41d]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-6bae1535.77c56283.css b/dist/static/css/chunk-6bae1535.77c56283.css
new file mode 100644
index 0000000..04a469b
--- /dev/null
+++ b/dist/static/css/chunk-6bae1535.77c56283.css
@@ -0,0 +1 @@
+.popup[data-v-4f784989]{position:absolute;width:70%;height:26px;background-color:#0e1b47}.pB_Container[data-v-4f784989]{width:70%;height:13px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:13px;margin-left:50px;margin-top:25px}.first[data-v-4f784989]{background-color:#297af4}.second[data-v-4f784989]{background-color:#064bc1}.third[data-v-4f784989]{background-color:#07bef7}.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}
\ No newline at end of file
diff --git a/dist/static/css/chunk-71ab3fbe.af2656e6.css b/dist/static/css/chunk-71ab3fbe.af2656e6.css
new file mode 100644
index 0000000..3109ce7
--- /dev/null
+++ b/dist/static/css/chunk-71ab3fbe.af2656e6.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-28361460]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-28361460]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-28361460]{height:128px}.avatar-uploader img[data-v-28361460]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-72eba88f.a4016c15.css b/dist/static/css/chunk-72eba88f.a4016c15.css
new file mode 100644
index 0000000..3fa4eed
--- /dev/null
+++ b/dist/static/css/chunk-72eba88f.a4016c15.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-04f60eed]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-04f60eed]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-04f60eed]{height:128px}.avatar-uploader img[data-v-04f60eed]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-748ed53f.f3bb7dd1.css b/dist/static/css/chunk-748ed53f.f3bb7dd1.css
new file mode 100644
index 0000000..28f790d
--- /dev/null
+++ b/dist/static/css/chunk-748ed53f.f3bb7dd1.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-4f4e7d4b]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-4f4e7d4b]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-4f4e7d4b]{height:128px}.avatar-uploader img[data-v-4f4e7d4b]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-9464f976.dee365bb.css b/dist/static/css/chunk-9464f976.dee365bb.css
new file mode 100644
index 0000000..23c40c4
--- /dev/null
+++ b/dist/static/css/chunk-9464f976.dee365bb.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-162e139c]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-162e139c]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-162e139c]{height:128px}.avatar-uploader img[data-v-162e139c]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-999939d4.27c38f45.css b/dist/static/css/chunk-999939d4.27c38f45.css
new file mode 100644
index 0000000..0fdc2ef
--- /dev/null
+++ b/dist/static/css/chunk-999939d4.27c38f45.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-17b4e3a7]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-17b4e3a7]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-17b4e3a7]{height:128px}.avatar-uploader img[data-v-17b4e3a7]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-b760a4ec.7fbb24c3.css b/dist/static/css/chunk-b760a4ec.7fbb24c3.css
new file mode 100644
index 0000000..efe847b
--- /dev/null
+++ b/dist/static/css/chunk-b760a4ec.7fbb24c3.css
@@ -0,0 +1 @@
+.el-upload{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.aui-checkbox,input[type=radio]{width:15px;height:15px;-ms-flex-negative:0}input[type=radio]:checked:after,input[type=radio]:checked:before{content:""}.avatar-uploader{height:128px}.avatar-uploader img{width:128px;height:128px}.el-upload[data-v-97a11a04]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-97a11a04]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-97a11a04]{height:128px}.avatar-uploader img[data-v-97a11a04]{width:128px;height:128px}.el-upload[data-v-17b4e3a7]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-17b4e3a7]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-17b4e3a7]{height:128px}.avatar-uploader img[data-v-17b4e3a7]{width:128px;height:128px}.el-upload[data-v-199a66cb]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-199a66cb]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-199a66cb]{height:128px}.avatar-uploader img[data-v-199a66cb]{width:128px;height:128px}.el-upload[data-v-54f0f41d]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-54f0f41d]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.el-table .el-table__body tr[data-v-54f0f41d]:hover,.el-table__body tr:hover>td[data-v-54f0f41d]{background-color:transparent!important;color:#000!important}.avatar-uploader[data-v-54f0f41d]{height:128px}.avatar-uploader img[data-v-54f0f41d]{width:128px;height:128px}.el-upload[data-v-5abdd716]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-5abdd716]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.el-table .el-table__body tr[data-v-5abdd716]:hover,.el-table__body tr:hover>td[data-v-5abdd716]{background-color:transparent!important;color:#000!important}.avatar-uploader[data-v-5abdd716]{height:128px}.avatar-uploader img[data-v-5abdd716]{width:128px;height:128px}.el-timeline-item__content[data-v-9f96bb56]{line-height:26px}.grid-content[data-v-9f96bb56]:hover,.menu-list .menu-item[data-v-9f96bb56]:hover{-webkit-box-shadow:1px 1px 10px 1px #eee;box-shadow:1px 1px 10px 1px #eee;-webkit-transition:.5s;transition:.5s;cursor:pointer}.grid-content[data-v-9f96bb56]:not(:hover),.menu-list .menu-item[data-v-9f96bb56]:not(:hover){-webkit-transition:.5s;transition:.5s}.body[data-v-9f96bb56]{background:#fff;padding:20px}.body .ehart-head[data-v-9f96bb56]{margin-bottom:20px}.body .ehart-head .grid-content[data-v-9f96bb56]{border:1px solid #eee}.body .ehart-head .grid-content[data-v-9f96bb56]:last-of-type{margin-top:20px}.body .ehart-head .grid-content h3[data-v-9f96bb56]{font-size:14px;border-bottom:1px solid #eee;padding:10px}.body .ehart-head .grid-content .get-list[data-v-9f96bb56]{width:90%;margin:0 auto;padding:10px 0}.body .ehart-head .grid-content .get-list li[data-v-9f96bb56]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border:1px solid #eee;padding:0 0;border-bottom:none}.body .ehart-head .grid-content .get-list li[data-v-9f96bb56]:last-of-type{border-bottom:1px solid #eee}.body .ehart-head .grid-content .get-list li h4[data-v-9f96bb56]{width:50%;height:100%;padding-right:10px;text-align:right;border-right:1px solid #eee;font-size:16px;font-weight:100;margin:17px 0}.body .ehart-head .grid-content .get-list li h4[data-v-9f96bb56]:last-of-type{border:none;text-align:left;padding-left:10px}.body .ehart-head .grid-content .btns[data-v-9f96bb56]{width:90%;margin:0 auto;padding-top:8px;padding-bottom:20px}.body .ehart-head .block[data-v-9f96bb56]{padding:20px}.body .menu-item[data-v-9f96bb56]{border:1px solid #eee;text-align:center;padding-top:10px;margin-bottom:20px}.body .menu-item p[data-v-9f96bb56]{margin:10px 0;font-size:16px}.github-corner:hover .octo-arm[data-v-09fe1acc]{-webkit-animation:octocat-wave-data-v-09fe1acc .56s ease-in-out;animation:octocat-wave-data-v-09fe1acc .56s ease-in-out}@-webkit-keyframes octocat-wave-data-v-09fe1acc{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave-data-v-09fe1acc{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm[data-v-09fe1acc]{-webkit-animation:none;animation:none}.github-corner .octo-arm[data-v-09fe1acc]{-webkit-animation:octocat-wave-data-v-09fe1acc .56s ease-in-out;animation:octocat-wave-data-v-09fe1acc .56s ease-in-out}}.emptyGif[data-v-0db94294]{display:block;width:45%;margin:0 auto}.dashboard-editor-container[data-v-0db94294]{background-color:#e3e3e3;min-height:100vh;padding:50px 60px 0}.dashboard-editor-container .pan-info-roles[data-v-0db94294]{font-size:12px;font-weight:700;color:#333;display:block}.dashboard-editor-container .info-container[data-v-0db94294]{position:relative;margin-left:190px;height:150px;line-height:200px}.dashboard-editor-container .info-container .display_name[data-v-0db94294]{font-size:48px;line-height:48px;color:#212121;position:absolute;top:25px}.sn-container[data-v-0c525d62]{left:1436px;top:1978px;width:432px;height:400px}.sn-container .chartsdom[data-v-0c525d62]{width:100%;height:100%}.el-upload[data-v-50de16cc]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-50de16cc]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-50de16cc]{height:128px}.avatar-uploader img[data-v-50de16cc]{width:128px;height:128px}.el-upload[data-v-162e139c]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-162e139c]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-162e139c]{height:128px}.avatar-uploader img[data-v-162e139c]{width:128px;height:128px}.errPage-container[data-v-35ca77fc]{width:800px;max-width:100%;margin:100px auto}.errPage-container .pan-back-btn[data-v-35ca77fc]{background:#008489;color:#fff;border:none!important}.errPage-container .pan-gif[data-v-35ca77fc]{margin:0 auto;display:block}.errPage-container .pan-img[data-v-35ca77fc]{display:block;margin:0 auto;width:100%}.errPage-container .text-jumbo[data-v-35ca77fc]{font-size:60px;font-weight:700;color:#484848}.errPage-container .list-unstyled[data-v-35ca77fc]{font-size:14px}.errPage-container .list-unstyled li[data-v-35ca77fc]{padding-bottom:5px}.errPage-container .list-unstyled a[data-v-35ca77fc]{color:#008489;text-decoration:none}.errPage-container .list-unstyled a[data-v-35ca77fc]:hover{text-decoration:underline}.wscn-http404-container[data-v-26fcd89f]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:40%;left:50%}.wscn-http404[data-v-26fcd89f]{position:relative;width:1200px;padding:0 50px;overflow:hidden}.wscn-http404 .pic-404[data-v-26fcd89f]{position:relative;float:left;width:600px;overflow:hidden}.wscn-http404 .pic-404__parent[data-v-26fcd89f]{width:100%}.wscn-http404 .pic-404__child[data-v-26fcd89f]{position:absolute}.wscn-http404 .pic-404__child.left[data-v-26fcd89f]{width:80px;top:17px;left:220px;opacity:0;-webkit-animation-name:cloudLeft-data-v-26fcd89f;animation-name:cloudLeft-data-v-26fcd89f;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.wscn-http404 .pic-404__child.mid[data-v-26fcd89f]{width:46px;top:10px;left:420px;opacity:0;-webkit-animation-name:cloudMid-data-v-26fcd89f;animation-name:cloudMid-data-v-26fcd89f;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.wscn-http404 .pic-404__child.right[data-v-26fcd89f]{width:62px;top:100px;left:500px;opacity:0;-webkit-animation-name:cloudRight-data-v-26fcd89f;animation-name:cloudRight-data-v-26fcd89f;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes cloudLeft-data-v-26fcd89f{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@keyframes cloudLeft-data-v-26fcd89f{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@-webkit-keyframes cloudMid-data-v-26fcd89f{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@keyframes cloudMid-data-v-26fcd89f{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@-webkit-keyframes cloudRight-data-v-26fcd89f{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}@keyframes cloudRight-data-v-26fcd89f{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}.wscn-http404 .bullshit[data-v-26fcd89f]{position:relative;float:left;width:300px;padding:30px 0;overflow:hidden}.wscn-http404 .bullshit__oops[data-v-26fcd89f]{font-size:32px;line-height:40px;color:#1482f0;margin-bottom:20px;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__headline[data-v-26fcd89f],.wscn-http404 .bullshit__oops[data-v-26fcd89f]{font-weight:700;opacity:0;-webkit-animation-name:slideUp-data-v-26fcd89f;animation-name:slideUp-data-v-26fcd89f;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__headline[data-v-26fcd89f]{font-size:20px;line-height:24px;color:#222;margin-bottom:10px;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-26fcd89f]{font-size:13px;line-height:21px;color:grey;margin-bottom:30px;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-26fcd89f],.wscn-http404 .bullshit__return-home[data-v-26fcd89f]{opacity:0;-webkit-animation-name:slideUp-data-v-26fcd89f;animation-name:slideUp-data-v-26fcd89f;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__return-home[data-v-26fcd89f]{display:block;float:left;width:110px;height:36px;background:#1482f0;border-radius:100px;text-align:center;color:#fff;font-size:14px;line-height:36px;cursor:pointer;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideUp-data-v-26fcd89f{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp-data-v-26fcd89f{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.el-upload[data-v-6d5eefc8]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-6d5eefc8]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-6d5eefc8]{height:128px}.avatar-uploader img[data-v-6d5eefc8]{width:128px;height:128px}.el-timeline-item__content[data-v-5c0f7498]{line-height:26px}.grid-content[data-v-5c0f7498]:hover,.menu-list .menu-item[data-v-5c0f7498]:hover{-webkit-box-shadow:1px 1px 10px 1px #eee;box-shadow:1px 1px 10px 1px #eee;-webkit-transition:.5s;transition:.5s;cursor:pointer}.grid-content[data-v-5c0f7498]:not(:hover),.menu-list .menu-item[data-v-5c0f7498]:not(:hover){-webkit-transition:.5s;transition:.5s}.body[data-v-5c0f7498]{background:#fff;padding:20px}.body .ehart-head[data-v-5c0f7498]{margin-bottom:20px}.body .ehart-head .grid-content[data-v-5c0f7498]{border:1px solid #eee}.body .ehart-head .grid-content[data-v-5c0f7498]:last-of-type{margin-top:20px}.body .ehart-head .grid-content h3[data-v-5c0f7498]{font-size:14px;border-bottom:1px solid #eee;padding:10px}.body .ehart-head .grid-content .get-list[data-v-5c0f7498]{width:90%;margin:0 auto;padding:10px 0}.body .ehart-head .grid-content .get-list li[data-v-5c0f7498]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border:1px solid #eee;padding:0 0;border-bottom:none}.body .ehart-head .grid-content .get-list li[data-v-5c0f7498]:last-of-type{border-bottom:1px solid #eee}.body .ehart-head .grid-content .get-list li h4[data-v-5c0f7498]{width:50%;height:100%;padding-right:10px;text-align:right;border-right:1px solid #eee;font-size:16px;font-weight:100;margin:17px 0}.body .ehart-head .grid-content .get-list li h4[data-v-5c0f7498]:last-of-type{border:none;text-align:left;padding-left:10px}.body .ehart-head .grid-content .btns[data-v-5c0f7498]{width:90%;margin:0 auto;padding-top:8px;padding-bottom:20px}.body .ehart-head .block[data-v-5c0f7498]{padding:20px}.body .menu-item[data-v-5c0f7498]{border:1px solid #eee;text-align:center;padding-top:10px;margin-bottom:20px}.body .menu-item p[data-v-5c0f7498]{margin:10px 0;font-size:16px}.social-signup-container[data-v-06d1c580]{margin:20px 0}.social-signup-container .sign-btn[data-v-06d1c580]{display:inline-block;cursor:pointer}.social-signup-container .icon[data-v-06d1c580]{color:#fff;font-size:24px;margin-top:8px}.social-signup-container .qq-svg-container[data-v-06d1c580],.social-signup-container .wx-svg-container[data-v-06d1c580]{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;padding-top:1px;border-radius:4px;margin-bottom:20px;margin-right:5px}.social-signup-container .wx-svg-container[data-v-06d1c580]{background-color:#24da70}.social-signup-container .qq-svg-container[data-v-06d1c580]{background-color:#6ba2d6}@supports(-webkit-mask:none) and (not (cater-color:#000)){.login-container .el-input input{color:#000}}.login-container .el-input{display:inline-block;height:47px;width:85%}.login-container .el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:12px 5px 12px 15px;color:#000;height:47px;caret-color:#000}.login-container .el-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:inset 0 0 0 1000px #fff!important;-webkit-text-fill-color:#000!important}.login-container .el-form-item{border:1px solid #eee;background:#fff;border-radius:5px;color:#000}.login-container[data-v-168442c0]{min-height:100%;width:100%;background:url(../../static/img/background.a9e1f721.jpg) no-repeat;background-size:cover;overflow:hidden}.login-container .login-form[data-v-168442c0]{width:520px;max-width:100%;overflow:hidden;padding:0 35px;margin:0 auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10%}.login-container .tips[data-v-168442c0]{font-size:14px;color:#000;margin-bottom:10px}.login-container .tips span[data-v-168442c0]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-168442c0]{padding:6px 5px 6px 15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-168442c0]{position:relative}.login-container .title-container .title[data-v-168442c0]{font-size:26px;color:#000;margin:0 auto 40px auto;text-align:center;font-weight:700}.login-container .show-pwd[data-v-168442c0]{position:absolute;right:10px;top:7px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-container .thirdparty-button[data-v-168442c0]{position:absolute;right:0;bottom:6px}@media only screen and (max-width:470px){.login-container .thirdparty-button[data-v-168442c0]{display:none}}.canvas{position:fixed;top:0;left:0;background-color:#16222a;z-index:9999}.el-upload[data-v-403a59ce]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-403a59ce]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-403a59ce]{height:128px}.avatar-uploader img[data-v-403a59ce]{width:128px;height:128px}.box-center[data-v-020b36f4]{margin:0 auto;display:table}.text-muted[data-v-020b36f4]{color:#777}.user-profile .user-name[data-v-020b36f4]{font-weight:700}.user-profile .box-center[data-v-020b36f4]{padding-top:10px}.user-profile .user-role[data-v-020b36f4]{padding-top:10px;font-weight:400;font-size:14px}.user-profile .box-social[data-v-020b36f4]{padding-top:30px}.user-profile .box-social .el-table[data-v-020b36f4]{border-top:1px solid #dfe6ec}.user-profile .user-follow[data-v-020b36f4]{padding-top:20px}.user-bio[data-v-020b36f4]{margin-top:20px;color:#606266}.user-bio span[data-v-020b36f4]{padding-left:4px}.user-bio .user-bio-section[data-v-020b36f4]{font-size:14px;padding:15px 0}.user-bio .user-bio-section .user-bio-section-header[data-v-020b36f4]{border-bottom:1px solid #dfe6ec;padding-bottom:10px;margin-bottom:10px;font-weight:700}.user-activity .user-block .description[data-v-1066d76c],.user-activity .user-block .username[data-v-1066d76c]{display:block;margin-left:50px;padding:2px 0}.user-activity .user-block .username[data-v-1066d76c]{font-size:16px;color:#000}.user-activity .user-block[data-v-1066d76c] :after{clear:both}.user-activity .user-block .img-circle[data-v-1066d76c]{border-radius:50%;width:40px;height:40px;float:left}.user-activity .user-block span[data-v-1066d76c]{font-weight:500;font-size:12px}.user-activity .post[data-v-1066d76c]{font-size:14px;border-bottom:1px solid #d2d6de;margin-bottom:15px;padding-bottom:15px;color:#666}.user-activity .post .image[data-v-1066d76c]{width:100%;height:100%}.user-activity .post .user-images[data-v-1066d76c]{padding-top:20px}.user-activity .list-inline[data-v-1066d76c]{padding-left:0;margin-left:-5px;list-style:none}.user-activity .list-inline li[data-v-1066d76c]{display:inline-block;padding-right:5px;padding-left:5px;font-size:13px}.user-activity .list-inline .link-black[data-v-1066d76c]:focus,.user-activity .list-inline .link-black[data-v-1066d76c]:hover{color:#999}.box-center[data-v-1066d76c]{margin:0 auto;display:table}.text-muted[data-v-1066d76c]{color:#777}.el-upload[data-v-28361460]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-28361460]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-28361460]{height:128px}.avatar-uploader img[data-v-28361460]{width:128px;height:128px}.brand-container[data-v-482bb922]{position:absolute;width:100%;height:100%;background:#000}.brand-container .wrap[data-v-482bb922]{background:url(../../static/img/bg.a6333996.jpg) no-repeat #000;background-size:cover;line-height:1.15}.brand-container .wrap header[data-v-482bb922]{position:relative;height:1rem;background:url(../../static/img/head_bg.f102e314.png) no-repeat top;background-size:100% 100%}.brand-container .wrap header h2[data-v-482bb922]{color:#7ef0ff;font-size:.475rem;text-align:center;line-height:.75rem;letter-spacing:1px}.brand-container .wrap header .weather[data-v-482bb922]{position:absolute;left:1.375rem;top:.35rem;font-size:.25rem;color:rgba(126,240,255,.7)}.brand-container .wrap header .weather img[data-v-482bb922]{width:.45rem}.brand-container .wrap header .weather span[data-v-482bb922]{display:inline-block}.brand-container .wrap header .weather .tem[data-v-482bb922]{margin:0 .1rem 0 .2rem}.brand-container .wrap header .showTime[data-v-482bb922]{position:absolute;right:1.375rem;top:.5rem;color:rgba(126,240,255,.7);display:-webkit-box;display:-ms-flexbox;display:flex}.brand-container .wrap header .showTime .time[data-v-482bb922]{font-size:.28rem;margin-right:.18rem}.brand-container .wrap header .showTime .date span[data-v-482bb922]{display:block}.brand-container .wrap header .showTime .date span[data-v-482bb922]:first-child{font-size:.12rem;text-align:right}.brand-container .wrap header .showTime .date span[data-v-482bb922]:nth-child(2){font-size:.14rem}.brand-container .wrap .mainbox[data-v-482bb922]{min-width:1024px;max-width:1920px;padding:.125rem .125rem 0;display:-webkit-box;display:-ms-flexbox;display:flex}.brand-container .wrap .mainbox .item[data-v-482bb922]{-webkit-box-flex:3;-ms-flex:3;flex:3}.brand-container .wrap .mainbox .item.center[data-v-482bb922]{-webkit-box-flex:5;-ms-flex:5;flex:5;margin:0 .125rem .1rem;overflow:hidden}.brand-container .wrap .mainbox .item.center .resume[data-v-482bb922]{background:rgba(101,132,226,.1);padding:.1875rem}.brand-container .wrap .mainbox .item.center .resume .resume-hd[data-v-482bb922]{position:relative;border:1px solid rgba(25,186,139,.17)}.brand-container .wrap .mainbox .item.center .resume .resume-hd ul[data-v-482bb922]{display:-webkit-box;display:-ms-flexbox;display:flex}.brand-container .wrap .mainbox .item.center .resume .resume-hd ul li[data-v-482bb922]:nth-child(2):after,.brand-container .wrap .mainbox .item.center .resume .resume-hd ul li[data-v-482bb922]:nth-child(2):before{content:"";position:absolute;height:50%;width:1px;background:hsla(0,0%,100%,.2);top:25%}.brand-container .wrap .mainbox .item.center .resume .resume-hd ul li[data-v-482bb922]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;height:1.2rem;line-height:1.2rem;font-size:.65rem;color:#ffeb7b;padding:.05rem 0;font-family:DIGITALDREAMFAT;font-weight:700}.brand-container .wrap .mainbox .item.center .resume .resume-hd ul li[data-v-482bb922]:nth-child(2):after{right:0}.brand-container .wrap .mainbox .item.center .resume .resume-hd ul li[data-v-482bb922]:nth-child(2):before{left:0}.brand-container .wrap .mainbox .item.center .resume .resume-hd[data-v-482bb922]:before{content:"";position:absolute;width:30px;height:10px;border-top:2px solid #02a6b5;border-left:2px solid #02a6b5;top:0;left:0}.brand-container .wrap .mainbox .item.center .resume .resume-hd[data-v-482bb922]:after{content:"";position:absolute;width:30px;height:10px;border-bottom:2px solid #02a6b5;border-right:2px solid #02a6b5;right:0;bottom:0}.brand-container .wrap .mainbox .item.center .resume .resume-bd ul[data-v-482bb922]{display:-webkit-box;display:-ms-flexbox;display:flex}.brand-container .wrap .mainbox .item.center .resume .resume-bd ul li[data-v-482bb922]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:.5rem;line-height:.5rem;text-align:center;font-size:.225rem;color:hsla(0,0%,100%,.7);padding-top:.125rem}.brand-container .wrap .mainbox .item .map .map1[data-v-482bb922],.brand-container .wrap .mainbox .item .map .map2[data-v-482bb922],.brand-container .wrap .mainbox .item .map .map3[data-v-482bb922]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6.475rem;height:6.475rem;background:url(../../static/img/map.bab2b509.png) no-repeat;background-size:100% 100%;opacity:.3}.brand-container .wrap .mainbox .item .map[data-v-482bb922]{position:relative;height:10.125rem}.brand-container .wrap .mainbox .item .map .chart[data-v-482bb922]{position:absolute;top:0;left:0;z-index:5;height:10.125rem;width:100%}.brand-container .wrap .mainbox .item .map .map2[data-v-482bb922]{width:8.0375rem;height:8.0375rem;background-image:url(../../static/img/lbx.0dea0f97.png);opacity:.6;-webkit-animation:rotate-data-v-482bb922 15s linear infinite;animation:rotate-data-v-482bb922 15s linear infinite;z-index:2}.brand-container .wrap .mainbox .item .map .map3[data-v-482bb922]{width:7.075rem;height:7.075rem;background-image:url(../../static/img/jt.c268bab5.png);-webkit-animation:rotate1-data-v-482bb922 10s linear infinite;animation:rotate1-data-v-482bb922 10s linear infinite}.brand-container .wrap .mainbox .item .panel[data-v-482bb922]{position:relative;height:3.875rem;border:1px solid rgba(25,186,139,.17);background:hsla(0,0%,100%,.04) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAFNCAYAAADYVrylAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA2LTE2VDEyOjExOjIyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNi0xN1QxODo0OTozOSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNi0xN1QxODo0OTozOSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkM2FiODZlMi0yNDIxLTRl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);padding:0 .1875rem 0;margin-bottom:.1875rem}.brand-container .wrap .mainbox .item .panel[data-v-482bb922]:before{position:absolute;top:0;left:0;content:"";width:10px;height:10px;border-top:2px solid #02a6b5;border-left:2px solid #02a6b5}.brand-container .wrap .mainbox .item .panel[data-v-482bb922]:after{position:absolute;top:0;right:0;content:"";width:10px;height:10px;border-top:2px solid #02a6b5;border-right:2px solid #02a6b5}.brand-container .wrap .mainbox .item .panel .panel-footer[data-v-482bb922]{position:absolute;left:0;bottom:0;width:100%}.brand-container .wrap .mainbox .item .panel .panel-footer[data-v-482bb922]:before{position:absolute;bottom:0;left:0;content:"";width:10px;height:10px;border-bottom:2px solid #02a6b5;border-left:2px solid #02a6b5}.brand-container .wrap .mainbox .item .panel .panel-footer[data-v-482bb922]:after{position:absolute;bottom:0;right:0;content:"";width:10px;height:10px;border-bottom:2px solid #02a6b5;border-right:2px solid #02a6b5}.brand-container .wrap .mainbox .item .panel h2[data-v-482bb922]{height:.6rem;line-height:.6rem;text-align:center;color:#fff;font-size:.225rem;font-weight:400}.brand-container .wrap .mainbox .item .panel h2 a[data-v-482bb922]{margin:0 .1875rem;color:#fff;text-decoration:none}.brand-container .wrap .mainbox .item .panel .chart[data-v-482bb922]{height:3rem}@-webkit-keyframes rotate-data-v-482bb922{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate-data-v-482bb922{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes rotate1-data-v-482bb922{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-1turn);transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes rotate1-data-v-482bb922{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-1turn);transform:translate(-50%,-50%) rotate(-1turn)}}@media screen and (max-width:1024px){html[data-v-482bb922]{font-size:42px!important}}@media screen and (min-width:1920){html[data-v-482bb922]{font-size:80px!important}}.bm-view{width:100%;height:300px}*{list-style-type:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}*,body,html{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background-color:#f1f1f1}a{color:#343440;text-decoration:none}#index{color:#d3d6dd;width:1920px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg{width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(../../static/img/bj.ba638b19.jpg);background-size:cover;background-position:50%}#index .title_left,#index .title_right{width:100%;height:50px}#index .title_right{margin-top:18px}#index .title_center{width:100%;height:50px}#index .title_text{text-align:center;font-size:24px;font-weight:700;margin-top:14px;color:#008cff}#index .title_time{text-align:center}#index #china-map{height:660px;width:100%}#index .line_center{width:100%;height:288px}#index .left_box1{position:relative}#index .left_box1,#index .left_box2{height:310px;width:100%;margin-bottom:10px}#index .left_box3{height:310px;width:100%}#index .right_box1,#index .right_box2{height:310px;width:100%;margin-bottom:10px}#index .right_box3{height:310px;width:100%}#index #Rose_diagram{height:70%;width:55%}#index .left_box1_rose_right{height:85%;width:55%;position:absolute;right:0;top:0}#index .rose_text{display:inline-block;margin-top:4%;margin-left:4%}#index .coin{font-size:20px;color:#ffc107}#index .colorYellow{color:#9acd32}#index .rose_text_nmb{font-size:20px;color:#00b891}#index #columnar{height:97%;width:95%;margin-left:3%;margin-top:5px}#index #line_center_diagram{height:100%;width:100%}#index .carousel_list{width:96%;height:98%;margin-left:10px}#index #dotter_bar{width:100%;height:100%}#index .cone_box{width:95%;height:97%;margin-left:3%}.el-upload[data-v-3ec75241]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-3ec75241]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-3ec75241]{height:128px}.avatar-uploader img[data-v-3ec75241]{width:128px;height:128px}.el-upload[data-v-53566b56]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-53566b56]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-53566b56]{height:128px}.avatar-uploader img[data-v-53566b56]{width:128px;height:128px}.el-upload[data-v-fb8dc180]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-fb8dc180]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-fb8dc180]{height:128px}.avatar-uploader img[data-v-fb8dc180]{width:128px;height:128px}.el-upload[data-v-74f19384]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-74f19384]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-74f19384]{height:128px}.avatar-uploader img[data-v-74f19384]{width:128px;height:128px}.el-upload[data-v-76a080a8]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-76a080a8]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-76a080a8]{height:128px}.avatar-uploader img[data-v-76a080a8]{width:128px;height:128px}.el-upload[data-v-4f4e7d4b]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-4f4e7d4b]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-4f4e7d4b]{height:128px}.avatar-uploader img[data-v-4f4e7d4b]{width:128px;height:128px}.el-upload[data-v-34b086e6]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-34b086e6]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-34b086e6]{height:128px}.avatar-uploader img[data-v-34b086e6]{width:128px;height:128px}.el-upload[data-v-04f60eed]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-04f60eed]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-04f60eed]{height:128px}.avatar-uploader img[data-v-04f60eed]{width:128px;height:128px}.chart-container[data-v-0bab884a]{width:100%;height:400px}.el-upload[data-v-d36513cc]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-d36513cc]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.el-table .el-table__body tr[data-v-d36513cc]:hover,.el-table__body tr:hover>td[data-v-d36513cc]{background-color:transparent!important;color:#000!important}.avatar-uploader[data-v-d36513cc]{height:128px}.avatar-uploader img[data-v-d36513cc]{width:128px;height:128px}html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#fafafa;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0c0c0c;border-left-color:#3f3f3f;background-color:#0c0c0c;color:#c2be9e}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3f3f3f;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}.laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{-webkit-box-sizing:border-box;box-sizing:border-box}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:laydate-downbit;animation-name:laydate-downbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@-webkit-keyframes laydate-downbit{0%{opacity:.3;-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes laydate-downbit{0%{opacity:.3;-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;padding:0 5px;color:#999;font-size:18px;cursor:pointer}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-set-ym span{padding:0 10px;cursor:pointer}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark:after{position:absolute;content:"";right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px}.layui-laydate-footer span{display:inline-block;vertical-align:top;height:26px;line-height:24px;padding:0 10px;border:1px solid #c9c9c9;border-radius:2px;background-color:#fff;font-size:12px;cursor:pointer;white-space:nowrap;-webkit-transition:all .3s;transition:all .3s}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-footer span:hover{color:#5fb878}.layui-laydate-footer span.layui-laydate-preview{cursor:default;border-color:transparent!important}.layui-laydate-footer span.layui-laydate-preview:hover{color:#666}.layui-laydate-footer span:first-child.layui-laydate-preview{padding-left:0}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{margin:0 0 0 -1px}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;height:30px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content,.layui-laydate-range .laydate-main-list-1 .layui-laydate-header{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12);box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5fb878}.layui-laydate-content{border-top:0 none;border-bottom:0 none}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#b5fff8}.laydate-selected:hover{background-color:#00f7de!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eee;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#ff5722}.laydate-day-mark:after{background-color:#5fb878}.layui-laydate-content td.layui-this .laydate-day-mark:after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5fb878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;-webkit-box-shadow:1px 1px 50px rgba(0,0,0,.3);box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #b2b2b2;border:1px solid rgba(0,0,0,.1);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) 50% no-repeat #eee}.layui-layer-ico{background:url(../../static/img/icon.551539f8.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@-webkit-keyframes layer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes layer-fadeIn{0%{opacity:0}to{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:50px;line-height:50px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;overflow:hidden;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:17px;font-size:0;line-height:normal}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2e2d3c;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2d93ca}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1e9fff;background-color:#1e9fff;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:300px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8d8d8d;border:6px solid rgba(0,0,0,.3);border-radius:5px}.layui-layer-msg,.layui-layer-rim{-webkit-box-shadow:none;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #d3d4d3}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(../../static/img/loading-0.a72011cc.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(data:image/gif;base64,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) no-repeat}.layui-layer-tips{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476a7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #e9e7e7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#e9e7e7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#c9c5c5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92b8b1}.layui-layer-iconext{background:url(../../static/img/icon-ext.ba81b24c.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:260px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{-webkit-box-shadow:1px 1px 50px rgba(0,0,0,.4);box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:300px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:51px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{background:0 0;-webkit-box-shadow:none;box-shadow:none}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgnext,.layui-layer-imgprev{position:fixed;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:30px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:30px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:40px;line-height:40px;background-color:#000\9;filter:Alpha(opacity=60);background-color:rgba(2,0,0,.35);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}#tianai-captcha-parent{-webkit-box-shadow:0 0 11px 0 #999;box-shadow:0 0 11px 0 #999;width:318px;height:318px;overflow:hidden;position:relative;z-index:997;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;padding:8px}#tianai-captcha-parent #tianai-captcha-box{height:260px;width:100%;position:relative;overflow:hidden}#tianai-captcha-parent #tianai-captcha-box .loading{width:50px;height:50px;text-align:center;display:block;z-index:998;position:absolute;top:105px;left:126px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-image:url(../../static/img/loading.61c9dd55.gif);background-size:cover}#tianai-captcha-parent #tianai-captcha-box #tianai-captcha{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;-webkit-transition-duration:.45s;transition-duration:.45s;-webkit-transform:translateX(-300px);transform:translateX(-300px)}#tianai-captcha-parent #tianai-captcha-bg-img{background-color:#fff;background-position:top;background-size:cover;z-index:-1;width:100%;height:100%;top:0;left:0;position:absolute;border-radius:6px}#tianai-captcha-parent .slider-bottom{height:19px;width:100%}#tianai-captcha-parent .slider-bottom .close-btn{background-position:0 -14px;margin-right:2px}#tianai-captcha-parent .slider-bottom .close-btn,#tianai-captcha-parent .slider-bottom .refresh-btn{width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAEJCAYAAACHYUcIAAAL40lEQVR4nO1dfYxU1RU/585by2LCWJpGqo1NbfwAgYjgPyYalSIFG6tbZd64KR8pojapJqCyJWH2ztpgEUuiNrEqLSWWZRZbkVYE/MA1TUwaIW0s4G79SIVgP2zSrn8IkZl7mjOc+3qZfTPvzc7bFeH9kidv733n/t79Ovf3zntzhRQpUqRIkSISGHbBk08+2XbkyJGbEfFmAJgFAOdJ1ocAsJeInj///POfv/POO48328TDCIvF4i2VSmUdAHwjwva9TCZzf3d397YREWqtFQD8xBhzvyQdUEptAICXAOCQpF0AADcYY5YCwGWcoJTim+vSWps4hJ5zXiVDxE+JaLlS6omQQg7yobV+zBhzNyKuZxul+F7hgdg1lGZ8jskQcZ7Wek8cY6319US0k4jOymQyHXGaV/EAkT4DrplLprWeEEIywTnfwzZ8zmVwWZGEPBplgHCfPWEzuru7HzXGvLFmzZov2zQ+5zTOCwo4YXOAy5CyGhPK0GfDDbbPuBZENJsHxrFjx15jIj74nNM4z9aUbWRwgS2rIaHMM5DRaJvq43Hjxl0nd14ltWScxnl8jVOOtZ0FEVDOpD7kXrpq1aqPXFKXjPNqirW258UhHFMocVcgkzqA22dSywNun9bcpLX9MOrmmXCvnN9gE3lA1PZZbZ/WTBlruxcioNgR8yXsrsS9VQcNIr7q9pnbp5xnBw3biKsDW1bDGrLXZ0fMd87uymYUi8V7lVJXuQOEzzmN82ya2HBLvCdlNcSYuzZ3tXg4hvO21yrrvJmMVwytdSzn7a4WXez1ZXn6GReotW64PBFRsDzFIYPPdAF2MZoSI0WKUx+h02LZsmVtQ0NDwbQgouq0QMRgWmSz2eefeuqp1pW37/u3AMA6Imo48RGRHf79pVJp5Mp7cHAwUN6IyMvQBqXUS9lsturahoaGLjDG3EBES4koUN6XXHJJ88rbIeMVY/mll17aUHkPDAzcTURV5T04OAhNKW9uRiJ6jsmUUvO2bNkSa3nK5/PXG2N2AsBZiNgRp3kVDxDuMzjRjMtdss7OzmHK203ja9lG/lwnZTUm5NHIA4T7jJvRZvi+/2ilUnljyZIlgWDic07jPJvGNmzLZXBZkYRWLfMAsX0mtZjNA+Po0aOvMREffC6DZbatKduwLTSrvHk02sTNmzd/3N7efp3ceZXUknEa5/E1QSH/t41W3nZS26FvsXHjxo9cUpeM89xrra0tK6qGYwol7qo6qV1it8/ECRxw+9S91trasqJqWFXL7EFsIg+I2j6r7VN3eji28ZU3uyurvGVAvOr2mdunnGcHDduwLcRV3uz12RHznbO7shmlUuneTCZzlTtA+JzTOM+miYvjlniPy4oiHHPXluH/7N+/f2D69OlnE9E1RJSfNm3af2699dZ9/f39FGbEzThp0qQfENEzTMYrRqlUejzOTY758vTZLcAuRlNipEhx6iONeacx72Rj3haFQoH4CCFMLuYdF4nEvGvR09ODfITlJRLzrkW9JnXQesy7SXwOY95NorWY9wjQWsy7GSQW846LNOZdizTmnca8U5yBSGPeacw72Zi3RS6XIz5q0xONecdFIjHvWvT19SEfYXmJxLxrUa9Jg0KSiHk3g89nzLsZtBzzbhYtx7ybQWIx77hIY96hNYQ05p3GvFOcUcD+/v55APALAPjKWFRcjSWZJRwzMvisgnunDOGnAMAvl78EABPl/NNWCb0Gefxw8pjzN5+38+uGVggb1fCZkLSnWyGLIhwVNCL8Xkja0lZvohHhwwBwDwB8UQ4+fzCivH8CwLdZjdS7AOsJpRGASa4GgL8AwI0AsN2KtLg1bAafAMB3hIyxg3/QEGafBGGFJSoAvF6TvgYAfjNSQm4uXlX+W5PO3fF9APhdiA3nLXJqHZuQa9ABALsA4Lvyt8WPAGBTA1tualZ+/26G8IcAYKX/Hvnb4uP6ZgHeZ7lrbzSK8Ak56qWxvL8pBil/939C0TeYFnvkjUslJC8jwffra6ZDFDbVq+G70m9hZOD0K1+XBYAXAeCrMQjvCiO0I7Kutwi5jsl+DwDjI2yO1hKWnTuPA7clLufgVJh3cVFLeI8zIuPCHbk3yUCqiyR9aSxwDf8+1oS8xv1jLElTpDi1gfv27bM3eIEsqPMB4FwAOCJO+S1x0E/PnDkzyr9Gwrq2uQDwZwA4Jqs6k+cA4Gvyfpd/bfnzJJqOny2+DgC9/GkwAOx08v4lC+fZAPBHALguKcKVAPBrh2yOLLwvy9PxFQBwDQCsSIpwvggdxjf5m2QA+KU8zCwU5ZUYPBkghx1CfgexSta4XQ5RJeLxLhaUPA9YefCKOPM1oje/JQHAK2TUtgwlQ3+RQ9gpNeHm3C3pC+W6luHJU9KfpPl2yWB52Sl4rhDOTKqG78uc46nxUymYn+tnAMB60Slc678lRQhSsxky57bJJxDbRYXNqBk8KVKc5gh9bwEnPlW6kYhuM8ZcDAB8eIj4gfyihOfsLq11udnmGUaotb6JiB4koukNDREPIeIdWuu6747DcNLDTKFQWGmM2c5kiPiuUmqF53mz2tvbJ44fP/4cz/P4Cek+AHibiPg91G6t9SPOzUZ+rRDUsLu7ey0RPYCIZSLqKhaL6xGx7ts1AFhujPkxAHxBKfUQRziMMWvrffh6EmFPT8/V5XL5dUSsyJd7r8RpnmKxONcY8wIRBetkFKH9KJkFEnLN4pLBiVbZjYi/jXs9w5Nv0y5rxsiC+8wYk2vGZsShLyFb26zdiDXKhAkTHo96vE4xJsBCofBJLZFS6mGttR6NG/DkXUQARBw1MggZpTuLxeLKZgooFAr3ImIXEQ1OnTp19oIFC+rF56o4aR4i4pxisTgnLhlfi4iPENG5nuetjiILCLkZ+YsD9omVSmWH1vo+IqrrEzmvUCisMMa8yDaIuK5QKPwhzk0irxK2GbXWXcaYNeLU31FKsY/tF7HMuBAArjXG3AUAFzG3UmqV1jr2+6jQBViWnWkNDRHfQsTVWuuwAHt8QpAm6+npmW+MWSDy4mLJ+isiDiLis93d3TuaIUqR4vODut7E931+B3ibnRbiUT7gH1URUe/kyZOTUd6+73NkPlJ5y08i7ujr6xu58vZ9fyURbRcyfiexIpPJzMpkMhOz2ew5bW1tlyul7kPEtyUetzuXywXKO5/Px1feuVxurby7Lyulunp7exsq74GBgeVEVFXeiPgQIlaVd70PX08i9H3/aiLiN5yVTCYzr7e3N5YYvv322+dWKpUX3HU1irD6UTIRVZW31Cy28u7t7W1aeTe8myhwn9WK4cgaJkkWByNW3pMmTUqV96kBzOVyw5Q3q7hSqTQ2ypvjp6NFBrWjFBF3lkqlppR3Lpfjb6W6WFx1dHQ0p7yJaE4+n4+tvOXaRyRQH195czPKr+w8Itrh+36k8s7n81XlLa3EHyXHU968SvT19VWbMZfLdUlEHxHxHfaxbW1t/Z7nVZV3uVy+8Pjx49ci4l1EdJF8UbKqr69v5MqbF2BZdiKVNzdjqVRKRnnn8/n5RBSqvAHg2VKplCrvFKcp0o040o04RmcjDq31eK31r0LSk9+IQ2s9hYjeNMYsctKu3bp1a/XrrkQ34tBaL2YyIppi0yTktWf//v0LYQQbcXhhG3HYTTeMGT7wlFKHjTHc90t4v7Ea21HZiKPax4g42Uk7jTbiMMbMltODTnJrG3E4u7UsRsSTlDkiTpV/NzrJyWzE0dPTswkRr0TEoDbFYnE1T/IpU6ZUP61PfCMOrfVBJlVKBd8Cs0exojfdiKMW6UYc6UYcKc5ApBtxpBtxjM5GHMuWLRvv+/4w5T0qG3F0dnZOGRoaYjEcKG/f9wPlnehGHL7vLy6Xy28CQKC8OeRFRHu2bdsWKO9mNuLwwjbisJtu8AIbgsPysU+gvNlWVPqobMRh+zhQ3qfXRhzyv/ThfwOt2vJGHHa3FqXUYvn9mYthyjuxjTi2bNmyyfO8K93niFKptJoneUdHR6C8E92IY/PmzQez2SzL/UB5s0exyjvdiCO0hpBuxJGUxACA/wF3j/pSC0uOLAAAAABJRU5ErkJggg==);background-repeat:no-repeat;float:right;cursor:pointer}#tianai-captcha-parent .slider-bottom .refresh-btn{background-position:0 -167px;margin-right:10px}#tianai-captcha-parent .slider-bottom .logo{height:30px;float:left}#tianai-captcha-parent .slider-move-shadow{-webkit-animation:myanimation 2s infinite;animation:myanimation 2s infinite;height:100%;width:5px;background-color:#fff;position:absolute;top:0;left:0;-webkit-filter:opacity(.5);filter:opacity(.5);-webkit-box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px #fff;border-radius:50%}#tianai-captcha-parent #tianai-captcha-slider-move-track-mask{border-width:1px;border-style:solid;border-color:#00f4ab;width:0;height:32px;background-color:#a9ffe5;opacity:.5;position:absolute;top:-1px;left:-1px;border-radius:5px}#tianai-captcha{text-align:left;-webkit-box-sizing:content-box;box-sizing:content-box;width:300px;height:260px;z-index:999}#tianai-captcha .slider-bottom .logo{height:30px}#tianai-captcha .slider-bottom{height:19px;width:100%}#tianai-captcha .content .tianai-captcha-tips{height:25px;width:100%;position:absolute;bottom:-25px;left:0;z-index:999;font-size:15px;line-height:25px;color:#fff;text-align:center;-webkit-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out}#tianai-captcha .content .tianai-captcha-tips.tianai-captcha-tips-error{background-color:#ff5d39}#tianai-captcha .content .tianai-captcha-tips.tianai-captcha-tips-success{background-color:#39c522}#tianai-captcha .content .tianai-captcha-tips.tianai-captcha-tips-on{bottom:0}#tianai-captcha .content #tianai-captcha-loading{z-index:9999;background-color:#f5f5f5;text-align:center;height:100%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#tianai-captcha .content #tianai-captcha-loading img{display:block;width:45px;height:45px}#tianai-captcha #tianai-captcha-slider-bg-canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px}@-webkit-keyframes myanimation{0%{left:0}to{left:289px}}@keyframes myanimation{0%{left:0}to{left:289px}}#tianai-captcha.tianai-captcha-slider{z-index:999;position:absolute;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#tianai-captcha.tianai-captcha-slider .content{width:100%;height:180px;position:relative;overflow:hidden}#tianai-captcha.tianai-captcha-slider .bg-img-div{width:100%;height:100%;position:absolute;-webkit-transform:translate(0);transform:translate(0)}#tianai-captcha.tianai-captcha-slider .bg-img-div img{height:100%;width:100%;border-radius:5px}#tianai-captcha.tianai-captcha-slider .slider-img-div{height:100%;position:absolute;-webkit-transform:translate(0);transform:translate(0)}#tianai-captcha.tianai-captcha-slider .slider-img-div #tianai-captcha-slider-move-img{height:100%}#tianai-captcha.tianai-captcha-slider .slider-move{height:34px;width:100%;margin:11px 0;position:relative}#tianai-captcha.tianai-captcha-slider .slider-move-track{position:relative;height:32px;line-height:32px;text-align:center;background:#f5f5f5;color:#999;-webkit-transition:0s;transition:0s;font-size:14px;-webkit-box-sizing:content-box;box-sizing:content-box;border:1px solid #f5f5f5;border-radius:4px}#tianai-captcha.tianai-captcha-slider .close-btn,#tianai-captcha.tianai-captcha-slider .refresh-btn{display:inline-block}#tianai-captcha.tianai-captcha-slider .slider-move{line-height:38px;font-size:14px;text-align:center;white-space:nowrap;color:#88949d;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-filter:opacity(.8);filter:opacity(.8)}#tianai-captcha.tianai-captcha-slider .slider-move .slider-move-btn{-webkit-transform:translate(0);transform:translate(0);position:absolute;top:-6px;left:0;width:63px;height:45px;background-color:#fff;background-repeat:no-repeat;background-size:contain;border-radius:5px}#tianai-captcha.tianai-captcha-slider .slider-tip{margin-bottom:5px;font-weight:700;font-size:15px;line-height:normal;color:#000}#tianai-captcha.tianai-captcha-slider .slider-move-btn:hover{cursor:pointer}#tianai-captcha.tianai-captcha-rotate .rotate-img-div{height:100%;text-align:center}#tianai-captcha.tianai-captcha-rotate .rotate-img-div img{height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg);display:inline-block}#tianai-captcha.tianai-captcha-concat .tianai-captcha-slider-concat-img-div{background-size:100% 180px;position:absolute;-webkit-transform:translate(0);transform:translate(0);z-index:1;width:100%}#tianai-captcha.tianai-captcha-concat .tianai-captcha-slider-concat-bg-img{width:100%;height:100%;position:absolute;-webkit-transform:translate(0);transform:translate(0);background-size:100% 180px}#tianai-captcha.tianai-captcha-word-click{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#tianai-captcha.tianai-captcha-word-click .click-tip{position:relative;height:40px;width:100%}#tianai-captcha.tianai-captcha-word-click .click-tip .tip-img{width:130px;position:absolute;right:15px}#tianai-captcha.tianai-captcha-word-click .click-tip #tianai-captcha-click-track-font{font-size:18px;display:inline-block;height:40px;line-height:40px;position:absolute}#tianai-captcha.tianai-captcha-word-click .slider-bottom{position:relative;top:6px}#tianai-captcha.tianai-captcha-word-click .content #bg-img-click-mask{width:100%;height:100%;position:absolute;left:0;top:0}#tianai-captcha.tianai-captcha-word-click .content #bg-img-click-mask .click-span{position:absolute;left:0;top:0;border-radius:50px;background-color:#409eff;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;border:2px solid #fff;-webkit-box-sizing:content-box;box-sizing:content-box}
\ No newline at end of file
diff --git a/dist/static/css/chunk-c5d7f5f4.13a7e89e.css b/dist/static/css/chunk-c5d7f5f4.13a7e89e.css
new file mode 100644
index 0000000..2369f9f
--- /dev/null
+++ b/dist/static/css/chunk-c5d7f5f4.13a7e89e.css
@@ -0,0 +1 @@
+.wscn-http404-container[data-v-26fcd89f]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:40%;left:50%}.wscn-http404[data-v-26fcd89f]{position:relative;width:1200px;padding:0 50px;overflow:hidden}.wscn-http404 .pic-404[data-v-26fcd89f]{position:relative;float:left;width:600px;overflow:hidden}.wscn-http404 .pic-404__parent[data-v-26fcd89f]{width:100%}.wscn-http404 .pic-404__child[data-v-26fcd89f]{position:absolute}.wscn-http404 .pic-404__child.left[data-v-26fcd89f]{width:80px;top:17px;left:220px;opacity:0;-webkit-animation-name:cloudLeft-data-v-26fcd89f;animation-name:cloudLeft-data-v-26fcd89f;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.wscn-http404 .pic-404__child.mid[data-v-26fcd89f]{width:46px;top:10px;left:420px;opacity:0;-webkit-animation-name:cloudMid-data-v-26fcd89f;animation-name:cloudMid-data-v-26fcd89f;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.wscn-http404 .pic-404__child.right[data-v-26fcd89f]{width:62px;top:100px;left:500px;opacity:0;-webkit-animation-name:cloudRight-data-v-26fcd89f;animation-name:cloudRight-data-v-26fcd89f;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes cloudLeft-data-v-26fcd89f{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@keyframes cloudLeft-data-v-26fcd89f{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@-webkit-keyframes cloudMid-data-v-26fcd89f{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@keyframes cloudMid-data-v-26fcd89f{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@-webkit-keyframes cloudRight-data-v-26fcd89f{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}@keyframes cloudRight-data-v-26fcd89f{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}.wscn-http404 .bullshit[data-v-26fcd89f]{position:relative;float:left;width:300px;padding:30px 0;overflow:hidden}.wscn-http404 .bullshit__oops[data-v-26fcd89f]{font-size:32px;line-height:40px;color:#1482f0;margin-bottom:20px;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__headline[data-v-26fcd89f],.wscn-http404 .bullshit__oops[data-v-26fcd89f]{font-weight:700;opacity:0;-webkit-animation-name:slideUp-data-v-26fcd89f;animation-name:slideUp-data-v-26fcd89f;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__headline[data-v-26fcd89f]{font-size:20px;line-height:24px;color:#222;margin-bottom:10px;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-26fcd89f]{font-size:13px;line-height:21px;color:grey;margin-bottom:30px;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-26fcd89f],.wscn-http404 .bullshit__return-home[data-v-26fcd89f]{opacity:0;-webkit-animation-name:slideUp-data-v-26fcd89f;animation-name:slideUp-data-v-26fcd89f;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__return-home[data-v-26fcd89f]{display:block;float:left;width:110px;height:36px;background:#1482f0;border-radius:100px;text-align:center;color:#fff;font-size:14px;line-height:36px;cursor:pointer;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideUp-data-v-26fcd89f{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp-data-v-26fcd89f{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
\ No newline at end of file
diff --git a/dist/static/css/chunk-c75152f4.e82715ba.css b/dist/static/css/chunk-c75152f4.e82715ba.css
new file mode 100644
index 0000000..599f6a0
--- /dev/null
+++ b/dist/static/css/chunk-c75152f4.e82715ba.css
@@ -0,0 +1 @@
+.pagination-container[data-v-47c26396]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-47c26396]{display:none}.el-upload[data-v-199a66cb]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.el-upload .el-icon-plus.avatar-uploader-icon[data-v-199a66cb]{border:1px dashed #d9d9d9!important;border-radius:6px;font-size:28px;color:#8c939d;width:128px;height:128px;line-height:128px;text-align:center}.avatar-uploader[data-v-199a66cb]{height:128px}.avatar-uploader img[data-v-199a66cb]{width:128px;height:128px}
\ No newline at end of file
diff --git a/dist/static/css/chunk-d3772efa.0757e32a.css b/dist/static/css/chunk-d3772efa.0757e32a.css
new file mode 100644
index 0000000..c7b8835
--- /dev/null
+++ b/dist/static/css/chunk-d3772efa.0757e32a.css
@@ -0,0 +1 @@
+.center[data-v-60d0b91a]{position:absolute;width:100%;height:100%;z-index:20;overflow:hidden}.el-dialog__wrapper[data-v-60d0b91a]{position:fixed;top:42%;right:0;bottom:0;left:34%;overflow:auto;margin:0}#index[data-v-60d0b91a]{color:#d3d6dd;width:2270px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg[data-v-60d0b91a]{position:fixed;width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(../../static/img/bj.a4a1a31a.png);background-size:cover;background-position:50%;z-index:1;overflow:hidden}#index .top[data-v-60d0b91a]{position:absolute;left:0;top:0;width:100%;height:80px;background-color:transparent;background:url(../../static/img/top.18dde570.png) no-repeat;background-position:50% 0}#index .title_right[data-v-60d0b91a]{top:10px;width:100%;height:80px;background:url(../../static/img/topright.2dc49b5e.png) no-repeat}#index .right[data-v-60d0b91a]{position:absolute;top:100px;width:23%;height:60%;background:url(../../static/img/right.0695451b.png) no-repeat;z-index:20}#index .title_left[data-v-60d0b91a]{position:absolute;top:16px;width:98.5%;height:80px;background:url(../../static/img/topleft.0dc8f9e7.png) no-repeat;background-position:100% 0}#index .center[data-v-60d0b91a]{position:fixed;left:24%;top:105px;width:51.5%;height:60%;z-index:20;overflow:hidden}#index .left[data-v-60d0b91a]{position:absolute;left:76%;top:100px;width:30%;height:100%;background:url(../../static/img/left.730009e6.png) no-repeat;z-index:20}#index .title_left_tdmm[data-v-60d0b91a]{font-size:14px;position:absolute;margin-top:78px;margin-left:380px}#index .title_left_ndmm[data-v-60d0b91a]{font-size:14px;position:absolute;margin-top:78px;margin-left:250px}#index .title_left_edmm[data-v-60d0b91a]{font-size:14px;position:absolute;margin-top:78px;margin-left:95px}#index .bottom[data-v-60d0b91a]{position:absolute;bottom:-15px;width:75%;height:30%;z-index:20}#index .bottom[data-v-60d0b91a] .el-table,#index .bottom[data-v-60d0b91a] .el-table__expanded-cell{position:absolute;z-index:20;background-color:transparent;width:98%;left:1%}#index .bottom[data-v-60d0b91a] .el-table th{background-color:#081138;color:#fff}#index[data-v-60d0b91a] .el-table tr{background-color:transparent!important}#index .bottom[data-v-60d0b91a] .el-table__row{background-color:#0e1b47!important;color:#b2c9ee}#index[data-v-60d0b91a] .el-table__body tr.current-row>td{background-color:transparent}#index[data-v-60d0b91a] .el-table--enable-row-hover .el-table__body tr:hover:nth-child(odd)>td{background-color:#0e1b47!important}#index .bottom[data-v-60d0b91a] .el-table--striped .el-table__body tr.el-table__row--striped td{background:#081138}#index[data-v-60d0b91a] .is-leaf{border-bottom:none!important}#index .el-table th.is-leaf[data-v-60d0b91a],#index[data-v-60d0b91a] .el-table td{border-bottom:none}#index[data-v-60d0b91a] .el-table:before{height:0}#index[data-v-60d0b91a] .el-table__body-wrapper::-webkit-scrollbar{width:10px;height:10px}#index[data-v-60d0b91a] .el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:#0d9eec;border-radius:5px}#index[data-v-60d0b91a] .el-table th.gutter{display:none!important}#index .title_left_text[data-v-60d0b91a]{left:86%;position:absolute;top:30px}#index .title_right_img[data-v-60d0b91a]{position:absolute;margin-top:20px;margin-left:20px}#index .title_right_time[data-v-60d0b91a]{font-size:16px;position:absolute;margin-top:20px;margin-left:42px}#index .title_right_day[data-v-60d0b91a]{font-size:14px;position:absolute;margin-top:40px;margin-left:42px}#index .title_right_week[data-v-60d0b91a]{font-size:14px;position:absolute;margin-top:40px;margin-left:120px}#index .title_left_bnt[data-v-60d0b91a]{font-size:16px;color:#2b96e2;left:94%;position:absolute;top:20px}#index .title_left_bnt[data-v-60d0b91a]:hover{color:#fff;text-decoration:underline}#index .title_right_monitor[data-v-60d0b91a]{font-size:30px;position:absolute;margin-top:100px;margin-left:160px}#index .title_right_standard[data-v-60d0b91a]{font-size:30px;position:absolute;margin-top:100px;margin-left:410px}#index .title_right_offline[data-v-60d0b91a]{font-size:30px;position:absolute;margin-top:260px;margin-left:160px}#index .title_right_alarm[data-v-60d0b91a]{font-size:30px;position:absolute;margin-top:260px;margin-left:410px}#index .title_right_message[data-v-60d0b91a]{font-size:50px;position:absolute;margin-top:500px;margin-left:130px}#index .custom-table .el-table__row .el-table_1_column_1[data-v-60d0b91a]{color:#fff;background:url(../../static/img/bottom.5a1b0797.png) no-repeat}#index .cell-bg-color[data-v-60d0b91a]{background-color:#2167a0}#index .page[data-v-60d0b91a]{width:100%;height:20%;position:absolute;z-index:20;top:250px;left:30%}#index .pageleft[data-v-60d0b91a]{width:30%;height:20%;position:absolute;z-index:20;top:85%;left:4%}#index .pagination-container[data-v-72233bcd][data-v-60d0b91a]{background:transparent!important;padding:0}#index .pagination-container[data-v-60d0b91a]{margin-top:0}#index .process[data-v-60d0b91a]{position:relative;top:100px;z-index:30;width:70%;height:75%;left:30px}#index .process_left_tagid[data-v-60d0b91a],#index .process_left_zong[data-v-60d0b91a]{font-size:14px;position:absolute;margin-top:22px;margin-left:8px}
\ No newline at end of file
diff --git a/src/assets/401_images/401.png b/src/assets/401_images/401.png
new file mode 100644
index 0000000..83eef95
--- /dev/null
+++ b/src/assets/401_images/401.png
Binary files differ
diff --git a/src/assets/images/gaoj.png b/src/assets/images/gaoj.png
new file mode 100644
index 0000000..b60c41e
--- /dev/null
+++ b/src/assets/images/gaoj.png
Binary files differ
diff --git a/src/assets/images/gjimage.gif b/src/assets/images/gjimage.gif
new file mode 100644
index 0000000..d58ef01
--- /dev/null
+++ b/src/assets/images/gjimage.gif
Binary files differ
diff --git a/src/assets/images/login_pass.png b/src/assets/images/login_pass.png
new file mode 100644
index 0000000..da21193
--- /dev/null
+++ b/src/assets/images/login_pass.png
Binary files differ
diff --git a/src/assets/images/login_pass_active.png b/src/assets/images/login_pass_active.png
new file mode 100644
index 0000000..d38b144
--- /dev/null
+++ b/src/assets/images/login_pass_active.png
Binary files differ
diff --git a/src/assets/images/look.png b/src/assets/images/look.png
new file mode 100644
index 0000000..53eed5a
--- /dev/null
+++ b/src/assets/images/look.png
Binary files differ
diff --git a/src/assets/images/offguangbo.png b/src/assets/images/offguangbo.png
new file mode 100644
index 0000000..1ff8c04
--- /dev/null
+++ b/src/assets/images/offguangbo.png
Binary files differ
diff --git a/src/assets/images/onguangbo.png b/src/assets/images/onguangbo.png
new file mode 100644
index 0000000..c99876c
--- /dev/null
+++ b/src/assets/images/onguangbo.png
Binary files differ
diff --git a/src/assets/images/onile.png b/src/assets/images/onile.png
new file mode 100644
index 0000000..80f6891
--- /dev/null
+++ b/src/assets/images/onile.png
Binary files differ
diff --git a/src/icons/svg/guangbo.svg b/src/icons/svg/guangbo.svg
new file mode 100644
index 0000000..77e3dac
--- /dev/null
+++ b/src/icons/svg/guangbo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744187543490" class="icon" viewBox="0 0 1027 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2417" xmlns:xlink="http://www.w3.org/1999/xlink" width="48.140625" height="48"><path d="M337.019992 905.794855c-30.888607-31.8821-43.713701-67.647856-30.978924-111.135763 3.544964-12.079974 4.719093-24.769592 7.293143-38.678497H133.466781c19.869864 76.40866 39.039767 150.288427 58.277409 224.145616 6.412547 24.521219 21.450422 43.894336 47.4393 43.849177 35.991549-0.045159 73.134648-1.986986 107.703696-10.928425 31.024083-8.083422 39.401038-34.907739 24.47606-63.199716-8.53501-16.189423-21.427842-30.662813-34.343254-44.052392zM949.689192 452.06199c-47.439301-20.547246-44.707194-20.502087-44.052393-73.970085 1.016073-78.756916-2.551471-157.558991-3.838496-236.315908-0.338691-21.676216-10.928425-34.86258-31.52083-40.823539-21.969748-6.29965-44.684615-11.470331-61.009515 9.980091-23.211614 30.595075-46.987713 61.077253-66.676942 93.907687-53.151887 88.466055-129.154117 149.317514-229.858202 172.551708-80.608426 18.605418-179.099731 22.98582-247.560444 26.101776-52.248711 2.415995-104.700637 2.415995-156.565499 7.76731-68.799405 7.112508-101.945951 46.558705-102.036268 114.545252-0.045159 26.304991-0.270953 52.587402 0.045159 78.892392 0.632223 48.56827 23.392249 81.57934 71.373455 94.856022 28.517771 7.902787 58.95479 10.521996 88.737007 12.23803 92.146495 5.306157 185.331643 2.506312 276.326589 15.015296 136.582737 18.853792 248.960367 79.795568 310.308573 210.349608 8.286637 17.634504 19.553753 35.020636 33.34976 48.794064 13.637952 13.525055 30.77571 25.9663 48.794065 32.378847 32.582061 11.515489 56.493637-2.935321 64.14805-36.262503 4.651355-20.140817 8.15116-41.117071 8.128581-61.709476-0.225794-71.147662-2.528892-142.295323-3.34175-213.442984-0.180635-15.918471-1.580557-30.820869 23.527725-35.088374 54.755024-9.347868 95.194713-53.242204 99.259004-101.24599 4.335243-51.616488-24.363163-95.488245-77.537629-118.519224zM295.022325 562.452633c-24.340584-1.219287-48.794064-0.316111-73.179807-0.316111v-0.948334c-26.575943 0-53.151887 0.225794-79.72783-0.090318-19.350538-0.180635-28.20166-11.605807-18.831212-27.388801 9.889773-16.641011 23.866416-40.281634 39.130085-42.833105 47.619936-7.993104 96.730112-7.812469 145.230643-9.438186 4.312664-0.135476 11.921919 9.234971 12.779936 14.947557 2.077304 13.886326 0.993493 28.246818 1.332184 42.404097 0.429008 18.17641-8.53501 24.588957-26.733999 23.663201z m535.334784 344.380874c-100.816981-164.152174-245.257347-249.028105-430.54383-266.25618 0-46.73934 0.970914-91.311058-0.474167-135.7473-0.632223-20.998834 6.593182-27.388801 27.750072-30.256384 123.622167-16.821646 234.170866-62.025587 319.814496-154.443035 28.743565-31.046663 52.65514-66.405989 83.43085-105.784448v692.487347zM482.566748 521.516197v32.694959c87.043553 3.973973 171.287261-4.944887 253.702038-29.172574 6.209333-1.806351 15.263668-8.783383 15.512042-13.72827 1.422502-30.978925 0.722541-62.048167 0.722541-93.04967l-10.521997-3.590124c-74.060403 64.215788-159.071811 102.668492-259.414624 106.845679z" fill="#ffffff" p-id="2418"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/mranalysis.svg b/src/icons/svg/mranalysis.svg
new file mode 100644
index 0000000..77d0001
--- /dev/null
+++ b/src/icons/svg/mranalysis.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744796815521" class="icon" viewBox="0 0 1179 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5546" xmlns:xlink="http://www.w3.org/1999/xlink" width="55.265625" height="48"><path d="M1093.54665 949.129957l-181.415481-181.415482a467.687225 467.687225 0 0 0 85.755758-444.106356A467.687225 467.687225 0 0 0 408.286612 23.030648 467.058402 467.058402 0 0 0 115.176417 302.621146a42.602769 42.602769 0 0 0 79.54613 30.183511 381.224041 381.224041 0 0 1 239.974638-228.655821 382.796098 382.796098 0 1 1 236.516111 728.334424 382.874701 382.874701 0 0 1-432.630334-145.258149 42.445563 42.445563 0 1 0-69.799371 48.497986 467.844431 467.844431 0 0 0 683.373569 92.279798l181.494084 181.415482 2.751102 2.593895a42.524166 42.524166 0 0 0 57.222907-62.803713z" fill="#ffffff" p-id="5547"></path><path d="M246.600457 583.705098l2.829704 2.593895a42.445563 42.445563 0 0 0 59.109377-4.244556L448.6885 424.455633l74.436942 74.436941 2.751101 2.515293a42.524166 42.524166 0 0 0 57.458716-62.72511L476.985542 332.33304l-2.751101-2.515293a42.445563 42.445563 0 0 0-59.109377 4.244557L274.897499 491.661108l-53.135557-53.21416-2.751101-2.515293a42.524166 42.524166 0 0 0-57.458716 2.515293L12.678242 587.320831l-2.593896 2.829704a42.524166 42.524166 0 0 0 2.593896 57.380114l2.751101 2.593895c16.899622 14.148521 41.81674 13.048081 57.380113-2.593895l118.690372-118.690372 55.100629 54.864821z" fill="#ffffff" p-id="5548"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/tank.svg b/src/icons/svg/tank.svg
new file mode 100644
index 0000000..e9fa2d6
--- /dev/null
+++ b/src/icons/svg/tank.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741765572943" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2383" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26"><path d="M372.736 920.064L348.672 1008.64H290.816v-124.928c-33.28-22.016-52.736-49.152-52.736-78.336v-19.968c65.024 19.456 154.112 28.672 268.288 28.672 117.248 0 209.92-9.728 279.04-30.208V804.864c0 34.304-26.624 65.536-70.656 89.088v114.176h-58.368l-23.04-84.48c-36.864 8.704-77.824 13.824-121.856 13.824-50.688 1.024-97.792-5.632-138.752-17.408z m-135.168-176.128V171.008c59.904-20.48 149.504-31.232 268.288-31.232 121.344 0 214.016 10.752 279.04 32.256V742.4c-64.512 21.504-157.696 32.256-279.04 32.256-118.784 0.512-208.384-10.24-268.288-30.72z m0-614.912v-19.968C237.568 59.904 359.936 20.48 510.976 20.48s273.408 39.424 273.408 88.576v21.504c-69.12-20.48-161.792-30.208-279.04-30.208-113.664-0.512-202.752 9.216-267.776 28.672z m176.128 569.344c42.496 0 76.8-34.816 76.8-77.824s-34.304-77.824-76.8-77.824-76.8 34.816-76.8 77.824 34.816 77.824 76.8 77.824z" p-id="2384" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/xsanalysis.svg b/src/icons/svg/xsanalysis.svg
new file mode 100644
index 0000000..42b00e7
--- /dev/null
+++ b/src/icons/svg/xsanalysis.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744796926166" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6781" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M676.117 413.67c-150.497 0-272.52 122.001-272.52 272.521 0 150.521 122.023 272.514 272.52 272.514 150.499 0 272.521-121.993 272.521-272.514 0-150.52-122.022-272.52-272.52-272.52z m0 514.755c-133.569 0-242.24-108.67-242.24-242.234 0-133.569 108.671-242.24 242.24-242.24s242.241 108.67 242.241 242.24c0 133.562-108.672 242.234-242.24 242.234z m4.926-388.067c-8.37 0-15.35 6.778-15.35 15.14v145.075H513.54c-8.369 0-15.14 6.987-15.14 15.35 0 8.36 6.771 15.349 15.14 15.349h166.54c8.37 0 16.312-0.874 16.312-9.233V555.498c0-8.362-6.98-15.14-15.35-15.14zM105.944 94.776h666.173v273.222h29.676V65.1H75.245V882.72h302.899v-30.699h-272.2V94.776z m590.448 137.123H287.07v29.675h409.322V231.9z m-454.348 0H181.67v29.675h60.375V231.9z m45.026 256.85h121.773v-30.7H287.07v30.7z m-45.026-30.7H181.67v30.7h60.375v-30.7zM181.67 715.922h60.375v-30.699H181.67v30.7z" fill="#ffffff" p-id="6782"></path></svg>
\ No newline at end of file
diff --git a/src/views/alarm/log.vue b/src/views/alarm/log.vue
index 6e2b64e..dd3a8b3 100644
--- a/src/views/alarm/log.vue
+++ b/src/views/alarm/log.vue
@@ -253,11 +253,7 @@
},
})
.then(({ value }) => {
- console.log(1222222222);
-
- // const params = { tagid: this.multipleSelection[0].tagid };
delAlarmrecordAll(this.temp).then((response) => {
- console.log(response);
this.temp.adminname = localStorage.getItem('username') || '';
const params = { name: this.temp.adminname, content: '鍒犻櫎浜嗗叏閮ㄥ憡璀︽棩蹇�'};
addSystemOperationLog(params).then(response => {
diff --git a/src/views/alarm/threshold.vue b/src/views/alarm/threshold.vue
index 2cdd290..b1e8b02 100644
--- a/src/views/alarm/threshold.vue
+++ b/src/views/alarm/threshold.vue
@@ -245,7 +245,6 @@
this.loading = true;
var params = { tagid: event }
getdevicestate(params).then(response => {
- console.log(response);
if (response.data.dataList2 == null || response.data.dataList2.type != 1) {
this.$message({
message: '缂栧彿閿欒',
diff --git a/src/views/analysis/index.vue b/src/views/analysis/index.vue
index 92c50aa..1d9d41a 100644
--- a/src/views/analysis/index.vue
+++ b/src/views/analysis/index.vue
@@ -1,7 +1,13 @@
<template>
<div v-if="analy" class="app-container">
<div class="filter-container">
- <el-input v-model="listQuery.keyword" size="small" placeholder="璇疯緭鍏ョ紪鍙�/鍚嶇О" clearable class="filter-item w-200" />
+ <el-input
+ v-model="listQuery.keyword"
+ size="small"
+ placeholder="璇疯緭鍏ョ紪鍙�/鍚嶇О"
+ clearable
+ class="filter-item w-200"
+ />
<!-- <el-date-picker v-model="queryForm.time" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫椂闂�" class="filter-item w-300" size="small"
end-placeholder="缁撴潫鏃堕棿" value-format="yyyy-MM-dd" /> -->
@@ -20,25 +26,41 @@
</el-button> -->
</el-button-group>
- <span style="margin-left: 100px;">
- <el-date-picker v-model="timeExport" type="daterange" unlink-panels :picker-options="pickerOptions"
- range-separator="鑷�" start-placeholder="寮�濮嬫椂闂�" end-placeholder="缁撴潫鏃堕棿" value-format="yyyy-MM-dd" />
+ <span style="margin-left: 100px">
+ <el-date-picker
+ v-model="timeExport"
+ type="daterange"
+ unlink-panels
+ :picker-options="pickerOptions"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫椂闂�"
+ end-placeholder="缁撴潫鏃堕棿"
+ value-format="yyyy-MM-dd"
+ />
- <el-button style="margin-left: 10px;" type="primary" @click="exportExcel">瀵煎嚭EXCEL</el-button>
+ <el-button style="margin-left: 10px" type="primary" @click="exportExcel"
+ >瀵煎嚭EXCEL</el-button
+ >
- <el-button style="margin-left: 10px;" type="primary" @click="resetinitv">閲嶇疆鍒濆鍊�</el-button>
-
+ <el-button style="margin-left: 10px" type="primary" @click="resetinitv"
+ >閲嶇疆鍒濆鍊�</el-button
+ >
</span>
-
-
</div>
- <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border fit height="100%"
- class="table-container" highlight-current-row @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55">
- </el-table-column>
+ <el-table
+ v-loading="listLoading"
+ :data="list"
+ element-loading-text="Loading"
+ border
+ fit
+ height="100%"
+ class="table-container"
+ highlight-current-row
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55"> </el-table-column>
<el-table-column fixed label="搴忓彿" width="80">
-
<template slot-scope="scope">
{{ scope.row.id }}
</template>
@@ -80,14 +102,17 @@
</el-table-column>
<el-table-column label="鍒嗘瀽" width="120">
<template slot-scope="scope">
- <img src="../../assets/images/analyze.png" alt="" style="width: 30px;height: 30px;" @click="analyze(scope)">
+ <img
+ src="../../assets/images/analyze.png"
+ alt=""
+ style="width: 30px; height: 30px"
+ @click="analyze(scope)"
+ />
</template>
-
-
</el-table-column>
<el-table-column label="鍒濆鍊间笢鍖楀ぉ" width="250">
<template slot-scope="scope">
- {{ scope.row.ed + ';' + scope.row.nd + ';' + scope.row.td }}
+ {{ scope.row.ed + ";" + scope.row.nd + ";" + scope.row.td }}
</template>
</el-table-column>
<el-table-column label="娣诲姞鏃堕棿">
@@ -97,45 +122,89 @@
</el-table-column>
</el-table>
- <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
- @pagination="searchorfetchData" />
-
-
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="listQuery.current"
+ :limit.sync="listQuery.size"
+ @pagination="searchorfetchData"
+ />
</div>
<div v-else class="app-container">
- <div style="margin-bottom: 30px;">
- <el-date-picker v-model="queryForm.time" type="daterange" unlink-panels :picker-options="pickerOptions"
- range-separator="鑷�" start-placeholder="寮�濮嬫椂闂�" end-placeholder="缁撴潫鏃堕棿" value-format="yyyy-MM-dd" />
- <el-button style="margin-left: 10px;" type="primary" @click="handlechart">鎼滅储</el-button>
- <el-button style="position: absolute; right: 50px;" type="primary" @click="fanhui">杩斿洖</el-button>
+ <div style="margin-bottom: 30px">
+ <el-date-picker
+ v-model="queryForm.time"
+ type="daterange"
+ unlink-panels
+ :picker-options="pickerOptions"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫椂闂�"
+ end-placeholder="缁撴潫鏃堕棿"
+ value-format="yyyy-MM-dd"
+ />
+ <el-button style="margin-left: 10px" type="primary" @click="handlechart"
+ >鎼滅储</el-button
+ >
+ <el-button style="position: absolute; right: 50px" type="primary" @click="fanhui"
+ >杩斿洖</el-button
+ >
- <el-button style="margin-left: 10px;" :type="oneprimary" @click="one">鏈�杩戜竴鏈�</el-button>
+ <el-button style="margin-left: 10px" :type="oneprimary" @click="one"
+ >鏈�杩戜竴鏈�</el-button
+ >
- <el-button style="margin-left: 10px;" :type="twoprimary" @click="two">鏈�杩戜簩鏈�</el-button>
+ <el-button style="margin-left: 10px" :type="twoprimary" @click="two"
+ >鏈�杩戜簩鏈�</el-button
+ >
- <el-button style="margin-left: 10px;" :type="threeprimary" @click="three">鏈�杩戜笁鏈�</el-button>
+ <el-button style="margin-left: 10px" :type="threeprimary" @click="three"
+ >鏈�杩戜笁鏈�</el-button
+ >
- <el-button style="margin-left: 10px;" :type="yearprimary" @click="year">浠婂勾</el-button>
+ <el-button style="margin-left: 10px" :type="yearprimary" @click="year"
+ >浠婂勾</el-button
+ >
- <el-button v-if="last" style="margin-left: 10px;" :type="lastyearprimary" @click="lastyear">涓婁竴骞�</el-button>
- <el-button v-if="next" style="margin-left: 10px;" :type="nextyearprimary" @click="nextyear">涓嬩竴骞�</el-button>
+ <el-button
+ v-if="last"
+ style="margin-left: 10px"
+ :type="lastyearprimary"
+ @click="lastyear"
+ >涓婁竴骞�</el-button
+ >
+ <el-button
+ v-if="next"
+ style="margin-left: 10px"
+ :type="nextyearprimary"
+ @click="nextyear"
+ >涓嬩竴骞�</el-button
+ >
</div>
- <span style=" display: flex;justify-content: center;align-items: center;font-size: 25px;"> {{ this.anchorname + "-"
- + this.tagid + "鍙樺寲瓒嬪娍鍥�" }}</span>
+ <span
+ style="display: flex; justify-content: center; align-items: center; font-size: 25px"
+ >
+ {{ this.anchorname + "-" + this.tagid + "鍙樺寲瓒嬪娍鍥�" }}</span
+ >
<line-chart :chart-data="lineChartData" />
-
-
</div>
</template>
<script>
-import * as XLSX from 'xlsx';
-import { saveAs } from 'file-saver';
+import * as XLSX from "xlsx";
+import { saveAs } from "file-saver";
import { formatTime1 } from "@/utils/index.js"; //鏃ユ湡鏍煎紡杞崲
import LineChart from "./components/LineChart";
-import Pagination from '@/components/Pagination'
-import { getList, searcheveryday, handlechart2, handlechartupdate3, handlechartupdate2,resetinitv } from '@/api/analysis'
-import { deepClone } from '@/utils'
+import Pagination from "@/components/Pagination";
+import {
+ getList,
+ searcheveryday,
+ handlechart2,
+ handlechartupdate3,
+ handlechartupdate2,
+ resetinitv,
+ addSystemOperationLog,
+} from "@/api/analysis";
+import { deepClone } from "@/utils";
const lineChartData = {
newVisitis: {
@@ -143,56 +212,58 @@
nd: [],
hd: [],
x: [],
-
},
-
};
export default {
components: {
LineChart,
- Pagination
+ Pagination,
},
data() {
return {
pickerOptions: {
- shortcuts: [{
- text: '鏈湀',
- onClick(picker) {
- picker.$emit('pick', [new Date(), new Date()]);
- }
- }, {
- text: '浠婂勾鑷充粖',
- onClick(picker) {
- const end = new Date();
- const start = new Date(new Date().getFullYear(), 0);
- picker.$emit('pick', [start, end]);
- }
- }, {
- text: '鏈�杩戝叚涓湀',
- onClick(picker) {
- const end = new Date();
- const start = new Date();
- start.setMonth(start.getMonth() - 6);
- picker.$emit('pick', [start, end]);
- }
- }]
+ shortcuts: [
+ {
+ text: "鏈湀",
+ onClick(picker) {
+ picker.$emit("pick", [new Date(), new Date()]);
+ },
+ },
+ {
+ text: "浠婂勾鑷充粖",
+ onClick(picker) {
+ const end = new Date();
+ const start = new Date(new Date().getFullYear(), 0);
+ picker.$emit("pick", [start, end]);
+ },
+ },
+ {
+ text: "鏈�杩戝叚涓湀",
+ onClick(picker) {
+ const end = new Date();
+ const start = new Date();
+ start.setMonth(start.getMonth() - 6);
+ picker.$emit("pick", [start, end]);
+ },
+ },
+ ],
},
- yearprimary: 'success',
- oneprimary: 'primary',
- twoprimary: 'primary',
- threeprimary: 'primary',
- lastyearprimary: 'primary',
- nextyearprimary: 'primary',
+ yearprimary: "success",
+ oneprimary: "primary",
+ twoprimary: "primary",
+ threeprimary: "primary",
+ lastyearprimary: "primary",
+ nextyearprimary: "primary",
last: true,
next: false,
yeardata: 0,
- anchorname: '',
- tagid: '',
+ anchorname: "",
+ tagid: "",
queryForm: {
- time: '',
- tagid: ''
+ time: "",
+ tagid: "",
},
- timeExport: '',
+ timeExport: "",
lineChartData: lineChartData.newVisitis,
analy: true,
total: 0,
@@ -200,128 +271,163 @@
ForwardData: [],
listLoading: true,
listQuery: {
- username: localStorage.getItem('username') || '',
+ username: localStorage.getItem("username") || "",
current: 1,
size: 20,
keyword: undefined,
time: undefined,
},
- uploadUrl: '',
+ uploadUrl: "",
multipleSelection: [],
dialogVisible: false,
- dialogType: 'create',
- loading: false
- }
+ dialogType: "create",
+ loading: false,
+ };
},
created() {
- this.fetchData()
+ this.fetchData();
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
resetinitv() {
- console.log("閲嶇疆鍒濆鍊�");
- console.log(this.multipleSelection);
if (this.multipleSelection.length == 0) {
this.$message({
- message: '璇峰厛閫夋嫨涓�鏉℃暟鎹�',
- type: 'error'
- })
+ message: "璇峰厛閫夋嫨涓�鏉℃暟鎹�",
+ type: "error",
+ });
} else if (this.multipleSelection.length > 1) {
this.$message({
- message: '璇烽�夋嫨涓�鏉℃暟鎹�',
- type: 'error'
- })
-
-
- }else{
-
- this.$confirm('浣犲皢纭畾灏�' + this.multipleSelection[0].tagid + ' 缂栧彿璁惧閲嶇疆鍒濆鍊间负' + this.multipleSelection[0].ed + ';' + this.multipleSelection[0].nd + ';' + this.multipleSelection[0].td + ' 鍚�?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
- center: true
- }).then(() => {
-
- const params = { tagid: this.multipleSelection[0].tagid , initv: this.multipleSelection[0].ed + ';' + this.multipleSelection[0].nd + ';' + this.multipleSelection[0].td };
- resetinitv(params).then(response => {
-console.log(response);
-
-
- })
- this.$message({
- type: 'success',
- message: '閲嶇疆鎴愬姛!'
+ message: "璇烽�夋嫨涓�鏉℃暟鎹�",
+ type: "error",
});
- }).catch(() => {
- this.$message({
- type: 'info',
- message: '宸插彇娑堥噸缃�'
- });
- });
-
- }
-
+ } else {
+ this.$confirm(
+ "浣犲皢纭畾灏�" +
+ this.multipleSelection[0].tagid +
+ " 缂栧彿璁惧閲嶇疆鍒濆鍊间负" +
+ this.multipleSelection[0].ed +
+ ";" +
+ this.multipleSelection[0].nd +
+ ";" +
+ this.multipleSelection[0].td +
+ " 鍚�?",
+ "鎻愮ず",
+ {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ center: true,
+ }
+ )
+ .then(() => {
+ const params = {
+ tagid: this.multipleSelection[0].tagid,
+ initv:
+ this.multipleSelection[0].ed +
+ ";" +
+ this.multipleSelection[0].nd +
+ ";" +
+ this.multipleSelection[0].td,
+ };
+ resetinitv(params).then((response) => {
+ const params = {
+ name: localStorage.getItem("username") || "",
+ content:
+ localStorage.getItem("username") +
+ "灏�" +
+ this.multipleSelection[0].tagid +
+ "缂栧彿璁惧閲嶇疆鍒濆鍊间负" +
+ this.multipleSelection[0].ed +
+ ";" +
+ this.multipleSelection[0].nd +
+ ";" +
+ this.multipleSelection[0].td,
+ };
+ addSystemOperationLog(params).then((response) => {});
+ });
+ this.$message({
+ type: "success",
+ message: "閲嶇疆鎴愬姛!",
+ });
+ })
+ .catch(() => {
+ this.$message({
+ type: "info",
+ message: "宸插彇娑堥噸缃�",
+ });
+ });
+ }
},
exportExcel() {
- console.log(this.timeExport);
- // const data = []
- const params = { date1: this.timeExport[1], date2: this.timeExport[0], username: localStorage.getItem('username') || '' };
- handlechartupdate2(params).then(response => {
- console.log(response);
- const data = response.data
- // 鑾峰彇瑕佸鍑虹殑鏁版嵁
- // const data = this.list; // 鍋囪list鏄〃鏍肩殑鏁版嵁
- // 鍒涘缓涓�涓┖鐨勫伐浣滅翱
- const workbook = XLSX.utils.book_new();
- // 鍒涘缓涓�涓伐浣滆〃
- const worksheet = XLSX.utils.json_to_sheet(data);
- // 灏嗗伐浣滆〃娣诲姞鍒板伐浣滅翱涓�
- XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
- // 灏嗗伐浣滅翱杞崲涓轰簩杩涘埗瀛楃涓�
- const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
- // 灏嗕簩杩涘埗瀛楃涓茶浆鎹负Blob瀵硅薄
- const blob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8' });
- // 鍒涘缓涓�涓笅杞介摼鎺�
- const url = URL.createObjectURL(blob);
- // 鍒涘缓涓�涓殣钘忕殑閾炬帴鍏冪礌
- const link = document.createElement('a');
- link.href = url;
- link.download = 'export.xlsx'; // 璁剧疆涓嬭浇鐨勬枃浠跺悕
- // 妯℃嫙鐐瑰嚮涓嬭浇閾炬帴
- link.click();
- // 閲婃斁URL瀵硅薄
- URL.revokeObjectURL(url);
- })
- // console.log(data);
-
-
+ if (this.timeExport == "") {
+ this.$message({
+ message: "璇烽�夋嫨鏃ユ湡鑼冨洿",
+ type: "error",
+ });
+ return false;
+ } else {
+ const params = {
+ date1: this.timeExport[1],
+ date2: this.timeExport[0],
+ username: localStorage.getItem("username") || "",
+ };
+ handlechartupdate2(params).then((response) => {
+ const data = response.data;
+ // 鑾峰彇瑕佸鍑虹殑鏁版嵁
+ // const data = this.list; // 鍋囪list鏄〃鏍肩殑鏁版嵁
+ // 鍒涘缓涓�涓┖鐨勫伐浣滅翱
+ const workbook = XLSX.utils.book_new();
+ // 鍒涘缓涓�涓伐浣滆〃
+ const worksheet = XLSX.utils.json_to_sheet(data);
+ // 灏嗗伐浣滆〃娣诲姞鍒板伐浣滅翱涓�
+ XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
+ // 灏嗗伐浣滅翱杞崲涓轰簩杩涘埗瀛楃涓�
+ const excelBuffer = XLSX.write(workbook, { bookType: "xlsx", type: "array" });
+ // 灏嗕簩杩涘埗瀛楃涓茶浆鎹负Blob瀵硅薄
+ const blob = new Blob([excelBuffer], {
+ type:
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8",
+ });
+ // 鍒涘缓涓�涓笅杞介摼鎺�
+ const url = URL.createObjectURL(blob);
+ // 鍒涘缓涓�涓殣钘忕殑閾炬帴鍏冪礌
+ const link = document.createElement("a");
+ link.href = url;
+ link.download = "export.xlsx"; // 璁剧疆涓嬭浇鐨勬枃浠跺悕
+ // 妯℃嫙鐐瑰嚮涓嬭浇閾炬帴
+ link.click();
+ // 閲婃斁URL瀵硅薄
+ URL.revokeObjectURL(url);
+ });
+ }
},
- Export() {
-
- },
+ Export() {},
fanhui() {
- this.analy = true
+ this.analy = true;
},
analyze(scope) {
- this.anchorname = scope.row.anchorname
- this.tagid = scope.row.tagid
- const params = { date1: this.queryForm.time[1], date2: this.queryForm.time[0], username: localStorage.getItem('username') || '', tagid: scope.row.tagid };
- handlechart2(params).then(response => {
- console.log(response);
-
- this.lineChartData = response.data
- this.analy = false
- })
+ this.anchorname = scope.row.anchorname;
+ this.tagid = scope.row.tagid;
+ const params = {
+ date1: this.queryForm.time[1],
+ date2: this.queryForm.time[0],
+ username: localStorage.getItem("username") || "",
+ tagid: scope.row.tagid,
+ };
+ handlechart2(params).then((response) => {
+ this.lineChartData = response.data;
+ this.analy = false;
+ });
},
one() {
- this.oneprimary = 'success'
- this.twoprimary = 'primary'
- this.threeprimary = 'primary'
- this.yearprimary = 'primary'
- this.lastyearprimary = 'primary'
- this.nextyearprimary = 'primary'
+ this.oneprimary = "success";
+ this.twoprimary = "primary";
+ this.threeprimary = "primary";
+ this.yearprimary = "primary";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "primary";
// 鑾峰彇褰撳墠鏃ユ湡
const currentDate = new Date();
// 鑾峰彇褰撳墠鏈堜唤
@@ -331,23 +437,27 @@
const newDate = formatTime1(currentDate, "yyyy-MM-dd");
//鑾峰彇褰撳墠骞存湀鏃�
const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
- var time = []
- time.push(newDate)
- time.push(dateYear)
- this.queryForm.time = time
- const params = { date1: dateYear, date2: newDate, username: localStorage.getItem('username') || '', tagid: this.tagid };
- handlechartupdate3(params).then(response => {
- this.lineChartData = response.data
- })
-
+ var time = [];
+ time.push(newDate);
+ time.push(dateYear);
+ this.queryForm.time = time;
+ const params = {
+ date1: dateYear,
+ date2: newDate,
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ handlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
},
two() {
- this.oneprimary = 'primary'
- this.twoprimary = 'success'
- this.threeprimary = 'primary'
- this.yearprimary = 'primary'
- this.lastyearprimary = 'primary'
- this.nextyearprimary = 'primary'
+ this.oneprimary = "primary";
+ this.twoprimary = "success";
+ this.threeprimary = "primary";
+ this.yearprimary = "primary";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "primary";
// 鑾峰彇褰撳墠鏃ユ湡
const currentDate = new Date();
// 鑾峰彇褰撳墠鏈堜唤
@@ -357,23 +467,27 @@
const newDate = formatTime1(currentDate, "yyyy-MM-dd");
//鑾峰彇褰撳墠骞存湀鏃�
const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
- var time = []
- time.push(newDate)
- time.push(dateYear)
- this.queryForm.time = time
- const params = { date1: dateYear, date2: newDate, username: localStorage.getItem('username') || '', tagid: this.tagid };
- handlechartupdate3(params).then(response => {
- this.lineChartData = response.data
- })
-
+ var time = [];
+ time.push(newDate);
+ time.push(dateYear);
+ this.queryForm.time = time;
+ const params = {
+ date1: dateYear,
+ date2: newDate,
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ handlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
},
three() {
- this.oneprimary = 'primary'
- this.twoprimary = 'primary'
- this.threeprimary = 'success'
- this.yearprimary = 'primary'
- this.lastyearprimary = 'primary'
- this.nextyearprimary = 'primary'
+ this.oneprimary = "primary";
+ this.twoprimary = "primary";
+ this.threeprimary = "success";
+ this.yearprimary = "primary";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "primary";
// 鑾峰彇褰撳墠鏃ユ湡
const currentDate = new Date();
// 鑾峰彇褰撳墠鏈堜唤
@@ -384,26 +498,30 @@
//鑾峰彇褰撳墠骞存湀鏃�
const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
- var time = []
- time.push(newDate)
- time.push(dateYear)
- this.queryForm.time = time
- const params = { date1: dateYear, date2: newDate, username: localStorage.getItem('username') || '', tagid: this.tagid };
- handlechartupdate3(params).then(response => {
-
- this.lineChartData = response.data
- })
+ var time = [];
+ time.push(newDate);
+ time.push(dateYear);
+ this.queryForm.time = time;
+ const params = {
+ date1: dateYear,
+ date2: newDate,
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ handlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
},
year() {
- this.oneprimary = 'primary'
- this.twoprimary = 'primary'
- this.threeprimary = 'primary'
- this.yearprimary = 'success'
- this.lastyearprimary = 'primary'
- this.nextyearprimary = 'primary'
- this.next = false
- this.last = true
+ this.oneprimary = "primary";
+ this.twoprimary = "primary";
+ this.threeprimary = "primary";
+ this.yearprimary = "success";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "primary";
+ this.next = false;
+ this.last = true;
// 鑾峰彇褰撳墠鏃ユ湡
// const currentDate = new Date();
// 鑾峰彇褰撳墠鏈堜唤
@@ -413,47 +531,44 @@
const newDate = formatTime1(new Date(), "yyyy-MM-dd");
//鑾峰彇褰撳墠骞存湀鏃�
const dateYear = formatTime1(new Date(), "yyyy");
- console.log(dateYear + '-01-01');
- this.yeardata = dateYear
- var time = []
- time.push(newDate + '-01-01')
- time.push(newDate)
- this.queryForm.time = time
- const params = { date1: newDate, date2: dateYear + '-01-01', username: localStorage.getItem('username') || '', tagid: this.tagid };
- handlechartupdate3(params).then(response => {
- console.log(response);
-
- this.lineChartData = response.data
- })
+ this.yeardata = dateYear;
+ var time = [];
+ time.push(newDate + "-01-01");
+ time.push(newDate);
+ this.queryForm.time = time;
+ const params = {
+ date1: newDate,
+ date2: dateYear + "-01-01",
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ handlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
},
lastornext() {
const currentDate = new Date();
const currentMonth = currentDate.getFullYear();
- console.log(currentMonth);
- console.log(this.yeardata);
-
-
if (this.yeardata < currentMonth) {
- this.next = true
+ this.next = true;
if (this.yeardata <= 2022) {
- this.last = false
+ this.last = false;
} else {
- this.last = true
+ this.last = true;
}
} else {
- this.next = false
+ this.next = false;
}
-
},
lastyear() {
- this.oneprimary = 'primary'
- this.twoprimary = 'primary'
- this.threeprimary = 'primary'
- this.yearprimary = 'primary'
- this.lastyearprimary = 'success'
- this.nextyearprimary = 'primary'
+ this.oneprimary = "primary";
+ this.twoprimary = "primary";
+ this.threeprimary = "primary";
+ this.yearprimary = "primary";
+ this.lastyearprimary = "success";
+ this.nextyearprimary = "primary";
// 鑾峰彇褰撳墠鏃ユ湡
const currentDate = new Date();
// 鑾峰彇褰撳墠鏈堜唤
@@ -464,138 +579,123 @@
if (this.yeardata == "") {
currentDate.setFullYear(currentMonth - 1);
// this.yeardata=currentMonth - 1;
-
} else {
currentDate.setFullYear(this.yeardata - 1);
// this.yeardata = this.yeardata - 1
-
}
const newDate = formatTime1(currentDate, "yyyy");
- this.yeardata = parseInt(newDate)
- this.lastornext()
+ this.yeardata = parseInt(newDate);
+ this.lastornext();
//鑾峰彇褰撳墠骞存湀鏃�
const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
// this.queryForm.time.push(newDate+'-01-01')
// this.queryForm.time.push(newDate+'-12-31')
- var time = []
- time.push(newDate + '-01-01')
- time.push(newDate + '-12-31')
- this.queryForm.time = time
- const params = { date1: newDate + '-12-31', date2: newDate + '-01-01', username: localStorage.getItem('username') || '', tagid: this.tagid };
- handlechartupdate3(params).then(response => {
-
- this.lineChartData = response.data
- })
+ var time = [];
+ time.push(newDate + "-01-01");
+ time.push(newDate + "-12-31");
+ this.queryForm.time = time;
+ const params = {
+ date1: newDate + "-12-31",
+ date2: newDate + "-01-01",
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ handlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
},
nextyear() {
- this.oneprimary = 'primary'
- this.twoprimary = 'primary'
- this.threeprimary = 'primary'
- this.yearprimary = 'primary'
- this.lastyearprimary = 'primary'
- this.nextyearprimary = 'success'
+ this.oneprimary = "primary";
+ this.twoprimary = "primary";
+ this.threeprimary = "primary";
+ this.yearprimary = "primary";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "success";
// 鑾峰彇褰撳墠鏃ユ湡
const currentDate = new Date();
// 鑾峰彇褰撳墠鏈堜唤
// const currentMonth = currentDate.getFullYear();
// 璁剧疆鏃ユ湡鐨勬湀浠戒负褰撳墠鏈堜唤鍑忎竴
- console.log(this.yeardata);
-
currentDate.setFullYear(this.yeardata + 1);
const newDate = formatTime1(currentDate, "yyyy");
- console.log(newDate);
-
- this.yeardata = parseInt(newDate)
+ this.yeardata = parseInt(newDate);
//鑾峰彇褰撳墠骞存湀鏃�
- this.lastornext()
+ this.lastornext();
const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
- var time = []
- time.push(newDate + '-01-01')
- time.push(newDate + '-12-31')
- this.queryForm.time = time
- const params = { date1: newDate + '-12-31', date2: newDate + '-01-01', username: localStorage.getItem('username') || '', tagid: this.tagid };
- handlechartupdate3(params).then(response => {
-
- this.lineChartData = response.data
- })
+ var time = [];
+ time.push(newDate + "-01-01");
+ time.push(newDate + "-12-31");
+ this.queryForm.time = time;
+ const params = {
+ date1: newDate + "-12-31",
+ date2: newDate + "-01-01",
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ handlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
},
handlechart() {
- console.log(this.queryForm.time);
-
- const params = { date1: this.queryForm.time[1], date2: this.queryForm.time[0], username: localStorage.getItem('username') || '', tagid: this.tagid };
- handlechartupdate3(params).then(response => {
- this.lineChartData = response.data
- })
-
+ const params = {
+ date1: this.queryForm.time[1],
+ date2: this.queryForm.time[0],
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ handlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
},
// 鎼滅储
search() {
- this.listLoading = true
- searcheveryday(this.listQuery).then(response => {
+ this.listLoading = true;
+ searcheveryday(this.listQuery).then((response) => {
if (response.data != null) {
- this.list = response.data.records
- this.total = response.data.total
+ this.list = response.data.records;
+ this.total = response.data.total;
} else {
this.$message({
- message: '鏈悳绱㈠埌鏁版嵁',
- type: 'error'
- })
+ message: "鏈悳绱㈠埌鏁版嵁",
+ type: "error",
+ });
}
- this.listLoading = false
- })
+ this.listLoading = false;
+ });
},
refresh() {
this.listQuery = {
- username: localStorage.getItem('username') || '',
+ username: localStorage.getItem("username") || "",
current: 1,
size: 20,
time: undefined,
- keyword: undefined
- }
- this.fetchData()
+ keyword: undefined,
+ };
+ this.fetchData();
},
// 鍒嗛〉鏁版嵁
fetchData() {
- this.listLoading = true
- getList(this.listQuery).then(response => {
- console.log(response);
-
- this.list = response.data.records
- this.total = response.data.total
- this.listLoading = false
- })
+ this.listLoading = true;
+ getList(this.listQuery).then((response) => {
+ this.list = response.data.records;
+ this.total = response.data.total;
+ this.listLoading = false;
+ });
},
-
-
searchorfetchData() {
- console.log(this.listQuery.keyword);
-
if (this.listQuery.keyword != undefined) {
- console.log(111111);
-
- this.search()
+ this.search();
} else {
- console.log(2222);
-
- this.fetchData()
+ this.fetchData();
}
- // this.listLoading = true
- // getList(this.listQuery).then(response => {
- // console.log(response);
-
- // this.list = response.data.records
- // this.total = response.data.total
- // this.listLoading = false
- // })
},
-
- }
-}
+ },
+};
</script>
<style lang="scss" scoped>
@@ -625,13 +725,12 @@
}
.el-table__body {
- tr:hover>td {
+ tr:hover > td {
background-color: transparent !important;
/* 浣犳兂瑕佺殑鑳屾櫙鑹� */
color: #000 !important;
}
}
-
.avatar-uploader {
height: 128px;
diff --git a/src/views/analysis/xsindex.vue b/src/views/analysis/xsindex.vue
new file mode 100644
index 0000000..070b53a
--- /dev/null
+++ b/src/views/analysis/xsindex.vue
@@ -0,0 +1,633 @@
+<template>
+ <div v-if="analy" class="app-container">
+ <div class="filter-container">
+ <el-input
+ v-model="listQuery.keyword"
+ size="small"
+ placeholder="璇疯緭鍏ョ紪鍙�/鍚嶇О"
+ clearable
+ class="filter-item w-200"
+ />
+ <!-- <el-date-picker v-model="queryForm.time" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫椂闂�" class="filter-item w-300" size="small"
+ end-placeholder="缁撴潫鏃堕棿" value-format="yyyy-MM-dd" /> -->
+
+ <!-- <el-date-picker v-model="listQuery.time" type="date" placeholder="閫夋嫨鏃ユ湡" class="filter-item w-300" size="small"
+ value-format="yyyy-MM-dd">
+ </el-date-picker> -->
+ <el-button-group class="filter-item">
+ <el-button size="small" type="primary" icon="el-icon-search" @click="search">
+ 鎼滅储
+ </el-button>
+ <el-button size="small" type="primary" icon="el-icon-refresh" @click="refresh">
+ 鍒锋柊
+ </el-button>
+ <!-- <el-button size="small" type="primary" icon="el-icon-plus" @click="add">
+ 鏂板
+ </el-button> -->
+ </el-button-group>
+
+ <span style="margin-left: 100px">
+ <!-- <el-date-picker
+ v-model="timeExport"
+ type="daterange"
+ unlink-panels
+ :picker-options="pickerOptions"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫椂闂�"
+ end-placeholder="缁撴潫鏃堕棿"
+ value-format="yyyy-MM-dd"
+ /> -->
+ <el-date-picker
+ v-model="timeExport"
+ align="right"
+ type="date"
+ value-format="yyyyMMdd"
+ placeholder="閫夋嫨鏃ユ湡"
+ :picker-options="pickerOptions"
+ />
+ <el-button style="margin-left: 10px" type="primary" @click="exportExcel"
+ >瀵煎嚭EXCEL</el-button
+ >
+
+ <el-button style="margin-left: 10px" type="primary" @click="resetinitv"
+ >閲嶇疆鍒濆鍊�</el-button
+ >
+ </span>
+ </div>
+
+ <el-table
+ v-loading="listLoading"
+ :data="list"
+ element-loading-text="Loading"
+ border
+ fit
+ height="100%"
+ class="table-container"
+ highlight-current-row
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55"> </el-table-column>
+ <el-table-column fixed label="搴忓彿" width="80">
+ <template slot-scope="scope">
+ {{ scope.row.id }}
+ </template>
+ </el-table-column>
+ <el-table-column label="缂栧彿" width="120">
+ <template slot-scope="scope">
+ {{ scope.row.tagid }}
+ </template>
+ </el-table-column>
+ <el-table-column label="璁惧鍚嶇О" width="170">
+ <template slot-scope="scope">
+ {{ scope.row.anchorname }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鎵�灞炲叕鍙�" width="170">
+ <template slot-scope="scope">
+ {{ scope.row.company }}
+ </template>
+ </el-table-column>
+ <el-table-column label="涓滀綅绉伙紙mm锛�" width="120">
+ <template slot-scope="scope">
+ {{ scope.row.edmmr }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鍖椾綅绉伙紙mm锛�" width="120">
+ <template slot-scope="scope">
+ {{ scope.row.ndmmr }}
+ </template>
+ </el-table-column>
+ <el-table-column label="澶╀綅绉伙紙mm锛�" width="120">
+ <template slot-scope="scope">
+ {{ scope.row.hdmmr }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鍗槦鏁�" width="100">
+ <template slot-scope="scope">
+ {{ scope.row.gpsnum }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鍒嗘瀽" width="120">
+ <template slot-scope="scope">
+ <img
+ src="../../assets/images/analyze.png"
+ alt=""
+ style="width: 30px; height: 30px"
+ @click="analyze(scope)"
+ />
+ </template>
+ </el-table-column>
+ <!-- <el-table-column label="鍒濆鍊间笢鍖楀ぉ" width="250">
+ <template slot-scope="scope">
+ {{ scope.row.ed + ";" + scope.row.nd + ";" + scope.row.td }}
+ </template>
+ </el-table-column> -->
+ <el-table-column label="娣诲姞鏃堕棿">
+ <template slot-scope="scope">
+ {{ scope.row.addtime }}
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="listQuery.current"
+ :limit.sync="listQuery.size"
+ @pagination="searchorfetchData"
+ />
+ </div>
+ <div v-else class="app-container">
+ <div style="margin-bottom: 30px">
+ <!-- <el-date-picker
+ v-model="queryForm.time"
+ type="daterange"
+ unlink-panels
+ :picker-options="pickerOptions"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫椂闂�"
+ end-placeholder="缁撴潫鏃堕棿"
+ value-format="yyyy-MM-dd"
+ /> -->
+ <el-date-picker
+ v-model="queryForm.time"
+ align="right"
+ type="date"
+ value-format="yyyyMMdd"
+ placeholder="閫夋嫨鏃ユ湡"
+ :picker-options="pickerOptions"
+ >
+ </el-date-picker>
+ <el-button style="margin-left: 10px" type="primary" @click="handlechart"
+ >鎼滅储</el-button
+ >
+ <el-button style="position: absolute; right: 50px" type="primary" @click="fanhui"
+ >杩斿洖</el-button
+ >
+
+ <el-button style="margin-left: 10px" :type="oneprimary" @click="one"
+ >鏄ㄥぉ</el-button
+ >
+
+ <el-button style="margin-left: 10px" :type="twoprimary" @click="two"
+ >鍓嶅ぉ</el-button
+ >
+
+ <!-- <el-button style="margin-left: 10px" :type="threeprimary" @click="three"
+ >鏈�杩戜笁鏈�</el-button
+ > -->
+
+ <el-button style="margin-left: 10px" :type="yearprimary" @click="year"
+ >浠婂ぉ</el-button
+ >
+
+ <!-- <el-button
+ v-if="last"
+ style="margin-left: 10px"
+ :type="lastyearprimary"
+ @click="lastyear"
+ >涓婁竴骞�</el-button
+ >
+ <el-button
+ v-if="next"
+ style="margin-left: 10px"
+ :type="nextyearprimary"
+ @click="nextyear"
+ >涓嬩竴骞�</el-button
+ > -->
+ </div>
+ <span
+ style="display: flex; justify-content: center; align-items: center; font-size: 25px"
+ >
+ {{ this.anchorname + "-" + this.tagid + "鍙樺寲瓒嬪娍鍥�" }}</span
+ >
+ <line-chart :chart-data="lineChartData" />
+ </div>
+</template>
+
+<script>
+import * as XLSX from "xlsx";
+import { saveAs } from "file-saver";
+import { formatTime1 } from "@/utils/index.js"; //鏃ユ湡鏍煎紡杞崲
+import LineChart from "./components/LineChart";
+import Pagination from "@/components/Pagination";
+import {
+ addSystemOperationLog,
+ getxsList,
+ searcheveryxsday,
+ xshandlechart2,
+ xshandlechartupdate3,
+ xshandlechartupdate2,
+ resetinitv,
+} from "@/api/analysis";
+import { deepClone } from "@/utils";
+
+const lineChartData = {
+ newVisitis: {
+ ed: [],
+ nd: [],
+ hd: [],
+ x: [],
+ },
+};
+export default {
+ components: {
+ LineChart,
+ Pagination,
+ },
+ data() {
+ return {
+ pickerOptions: {
+ disabledDate(time) {
+ return time.getTime() > Date.now();
+ },
+ shortcuts: [
+ {
+ text: "浠婂ぉ",
+ onClick(picker) {
+ picker.$emit("pick", new Date());
+ },
+ },
+ {
+ text: "鏄ㄥぉ",
+ onClick(picker) {
+ const date = new Date();
+ date.setTime(date.getTime() - 3600 * 1000 * 24);
+ picker.$emit("pick", date);
+ },
+ },
+ {
+ text: "涓�鍛ㄥ墠",
+ onClick(picker) {
+ const date = new Date();
+ date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+ picker.$emit("pick", date);
+ },
+ },
+ ],
+ },
+ yearprimary: "success",
+ oneprimary: "primary",
+ twoprimary: "primary",
+ threeprimary: "primary",
+ lastyearprimary: "primary",
+ nextyearprimary: "primary",
+ last: true,
+ next: false,
+ yeardata: 0,
+ anchorname: "",
+ tagid: "",
+ queryForm: {
+ time: "",
+ tagid: "",
+ },
+ timeExport: "",
+ lineChartData: lineChartData.newVisitis,
+ analy: true,
+ total: 0,
+ list: [],
+ ForwardData: [],
+ listLoading: true,
+ listQuery: {
+ username: localStorage.getItem("username") || "",
+ current: 1,
+ size: 20,
+ keyword: undefined,
+ time: undefined,
+ },
+ uploadUrl: "",
+ multipleSelection: [],
+ dialogVisible: false,
+ dialogType: "create",
+ loading: false,
+ };
+ },
+ created() {
+ this.fetchData();
+ },
+ methods: {
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
+ },
+ resetinitv() {
+ if (this.multipleSelection.length == 0) {
+ this.$message({
+ message: "璇峰厛閫夋嫨涓�鏉℃暟鎹�",
+ type: "error",
+ });
+ } else if (this.multipleSelection.length > 1) {
+ this.$message({
+ message: "璇烽�夋嫨涓�鏉℃暟鎹�",
+ type: "error",
+ });
+ } else {
+ this.$confirm(
+ "浣犲皢纭畾灏�" +
+ this.multipleSelection[0].tagid +
+ " 缂栧彿璁惧閲嶇疆鍒濆鍊间负" +
+ this.multipleSelection[0].ed +
+ ";" +
+ this.multipleSelection[0].nd +
+ ";" +
+ this.multipleSelection[0].td +
+ " 鍚�?",
+ "鎻愮ず",
+ {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ center: true,
+ }
+ )
+ .then(() => {
+ const params = {
+ tagid: this.multipleSelection[0].tagid,
+ initv:
+ this.multipleSelection[0].ed +
+ ";" +
+ this.multipleSelection[0].nd +
+ ";" +
+ this.multipleSelection[0].td,
+ };
+ resetinitv(params).then((response) => {
+ const params = { name: localStorage.getItem('username') || '', content: localStorage.getItem('username')+"灏�" +
+ this.multipleSelection[0].tagid +
+ " 缂栧彿璁惧閲嶇疆鍒濆鍊间负" +
+ this.multipleSelection[0].ed +
+ ";" +
+ this.multipleSelection[0].nd +
+ ";" +
+ this.multipleSelection[0].hd };
+ addSystemOperationLog(params).then(response => {
+
+ })
+ });
+ this.$message({
+ type: "success",
+ message: "閲嶇疆鎴愬姛!",
+ });
+ })
+ .catch(() => {
+ this.$message({
+ type: "info",
+ message: "宸插彇娑堥噸缃�",
+ });
+ });
+ }
+ },
+ exportExcel() {
+ const params = {
+ date1: this.timeExport,
+ // date2: this.timeExport[0],
+ username: localStorage.getItem("username") || "",
+ };
+ xshandlechartupdate2(params).then((response) => {
+ const data = response.data;
+ // 鑾峰彇瑕佸鍑虹殑鏁版嵁
+ // const data = this.list; // 鍋囪list鏄〃鏍肩殑鏁版嵁
+ // 鍒涘缓涓�涓┖鐨勫伐浣滅翱
+ const workbook = XLSX.utils.book_new();
+ // 鍒涘缓涓�涓伐浣滆〃
+ const worksheet = XLSX.utils.json_to_sheet(data);
+ // 灏嗗伐浣滆〃娣诲姞鍒板伐浣滅翱涓�
+ XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
+ // 灏嗗伐浣滅翱杞崲涓轰簩杩涘埗瀛楃涓�
+ const excelBuffer = XLSX.write(workbook, { bookType: "xlsx", type: "array" });
+ // 灏嗕簩杩涘埗瀛楃涓茶浆鎹负Blob瀵硅薄
+ const blob = new Blob([excelBuffer], {
+ type:
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8",
+ });
+ // 鍒涘缓涓�涓笅杞介摼鎺�
+ const url = URL.createObjectURL(blob);
+ // 鍒涘缓涓�涓殣钘忕殑閾炬帴鍏冪礌
+ const link = document.createElement("a");
+ link.href = url;
+ link.download = "export.xlsx"; // 璁剧疆涓嬭浇鐨勬枃浠跺悕
+ // 妯℃嫙鐐瑰嚮涓嬭浇閾炬帴
+ link.click();
+ // 閲婃斁URL瀵硅薄
+ URL.revokeObjectURL(url);
+ });
+ },
+ Export() {},
+ fanhui() {
+ this.analy = true;
+ },
+ analyze(scope) {
+ this.anchorname = scope.row.anchorname;
+ this.tagid = scope.row.tagid;
+ const params = {
+ date1: this.queryForm.time[1],
+ date2: this.queryForm.time[0],
+ username: localStorage.getItem("username") || "",
+ tagid: scope.row.tagid,
+ };
+ xshandlechart2(params).then((response) => {
+ this.lineChartData = response.data;
+ this.analy = false;
+ });
+ },
+ one() {
+ this.oneprimary = "success";
+ this.twoprimary = "primary";
+ this.threeprimary = "primary";
+ this.yearprimary = "primary";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "primary";
+ // 鑾峰彇褰撳墠鏃ユ湡
+ const currentDate = new Date();
+ // 鑾峰彇褰撳墠鏈堜唤
+ const currentMonth = currentDate.getDate();
+ // 璁剧疆鏃ユ湡鐨勬湀浠戒负褰撳墠鏈堜唤鍑忎竴
+ currentDate.setDate(currentMonth - 1);
+ const newDate = formatTime1(currentDate, "yyyyMMdd");
+ //鑾峰彇褰撳墠骞存湀鏃�
+ const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
+ this.queryForm.time = newDate;
+ const params = {
+ date1: newDate,
+ // date2: newDate,
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ xshandlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
+ },
+ two() {
+ this.oneprimary = "primary";
+ this.twoprimary = "success";
+ this.threeprimary = "primary";
+ this.yearprimary = "primary";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "primary";
+ // 鑾峰彇褰撳墠鏃ユ湡
+ const currentDate = new Date();
+ // 鑾峰彇褰撳墠鏈堜唤
+ const currentMonth = currentDate.getDate();
+ // 璁剧疆鏃ユ湡鐨勬湀浠戒负褰撳墠鏈堜唤鍑忎竴
+ currentDate.setDate(currentMonth - 2);
+ const newDate = formatTime1(currentDate, "yyyyMMdd");
+ //鑾峰彇褰撳墠骞存湀鏃�
+ const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
+ this.queryForm.time = newDate;
+ const params = {
+ date1: newDate,
+ // date2: newDate,
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ xshandlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
+ },
+ year() {
+ this.oneprimary = "primary";
+ this.twoprimary = "primary";
+ this.threeprimary = "primary";
+ this.yearprimary = "success";
+ this.lastyearprimary = "primary";
+ this.nextyearprimary = "primary";
+ this.next = false;
+ this.last = true;
+ // 鑾峰彇褰撳墠鏃ユ湡
+ // const currentDate = new Date();
+ // 鑾峰彇褰撳墠鏈堜唤
+ // const currentMonth = currentDate.getMonth();
+ // 璁剧疆鏃ユ湡鐨勬湀浠戒负褰撳墠鏈堜唤鍑忎竴
+ // currentDate.setMonth(currentMonth - 3);
+ const currentDate = new Date();
+ // 鑾峰彇褰撳墠鏈堜唤
+ const currentMonth = currentDate.getDate();
+ // 璁剧疆鏃ユ湡鐨勬湀浠戒负褰撳墠鏈堜唤鍑忎竴
+ currentDate.setDate(currentMonth);
+ const newDate = formatTime1(currentDate, "yyyyMMdd");
+
+ this.queryForm.time = newDate;
+ const params = {
+ date1: newDate,
+ // date2: dateYear + "-01-01",
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ xshandlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
+ },
+
+ lastornext() {
+ const currentDate = new Date();
+ const currentMonth = currentDate.getFullYear();
+ if (this.yeardata < currentMonth) {
+ this.next = true;
+ if (this.yeardata <= 2022) {
+ this.last = false;
+ } else {
+ this.last = true;
+ }
+ } else {
+ this.next = false;
+ }
+ },
+ handlechart() {
+ const params = {
+ date1: this.queryForm.time,
+ username: localStorage.getItem("username") || "",
+ tagid: this.tagid,
+ };
+ xshandlechartupdate3(params).then((response) => {
+ this.lineChartData = response.data;
+ });
+ },
+ // 鎼滅储
+ search() {
+ this.listLoading = true;
+ searcheveryxsday(this.listQuery).then((response) => {
+ if (response.data != null) {
+ this.list = response.data.records;
+ this.total = response.data.total;
+ } else {
+ this.$message({
+ message: "鏈悳绱㈠埌鏁版嵁",
+ type: "error",
+ });
+ }
+
+ this.listLoading = false;
+ });
+ },
+ refresh() {
+ this.listQuery = {
+ username: localStorage.getItem("username") || "",
+ current: 1,
+ size: 20,
+ time: undefined,
+ keyword: undefined,
+ };
+ this.fetchData();
+ },
+ // 鍒嗛〉鏁版嵁
+ fetchData() {
+ this.listLoading = true;
+ getxsList(this.listQuery).then((response) => {
+ this.list = response.data.records;
+ this.total = response.data.total;
+ this.listLoading = false;
+ });
+ },
+
+ searchorfetchData() {
+ if (this.listQuery.keyword != undefined) {
+ this.search();
+ } else {
+ this.fetchData();
+ }
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.el-upload {
+ border: 1px dashed #d9d9d9 !important;
+ border-radius: 6px;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+
+ .el-icon-plus.avatar-uploader-icon {
+ border: 1px dashed #d9d9d9 !important;
+ border-radius: 6px;
+ font-size: 28px;
+ color: #8c939d;
+ width: 128px;
+ height: 128px;
+ line-height: 128px;
+ text-align: center;
+ }
+}
+
+.el-table .el-table__body tr:hover {
+ background-color: transparent !important;
+ /* 浣犳兂瑕佺殑鑳屾櫙鑹� */
+ color: #000 !important;
+}
+
+.el-table__body {
+ tr:hover > td {
+ background-color: transparent !important;
+ /* 浣犳兂瑕佺殑鑳屾櫙鑹� */
+ color: #000 !important;
+ }
+}
+
+.avatar-uploader {
+ height: 128px;
+
+ img {
+ width: 128px;
+ height: 128px;
+ }
+}
+</style>
diff --git a/src/views/dpdv/dpdv.vue b/src/views/dpdv/dpdv.vue
index d0eb566..3b42a2c 100644
--- a/src/views/dpdv/dpdv.vue
+++ b/src/views/dpdv/dpdv.vue
@@ -38,9 +38,11 @@
<el-radio class="title_left_ndmm" :label="4" >鍖椾綅绉�</el-radio>
<el-radio class="title_left_tdmm" :label="8" >澶╀綅绉�</el-radio>
</el-radio-group> -->
-
- <BarChart :chart-data="barChartData" width="530px" height="900px" v-if="barChartData.tagid != ''"
- style="position: absolute;top: 70px;" />
+ <div class="chart-container" style="position: absolute;top: 70px;height: 870px; overflow-y: auto;">
+ <BarChart :chart-data="barChartData" width="530px" height="200%" v-if="barChartData.tagid != ''" />
+ </div>
+ <!-- <BarChart :chart-data="barChartData" width="530px" height="900px" v-if="barChartData.tagid != ''"
+ style="position: absolute;top: 70px;overflow-y: auto;" /> -->
<!-- <BarChart /> -->
<!-- <span class="title_left_edmm">涓滀綅绉�</span>
<span >鍖椾綅绉�</span>
@@ -513,6 +515,7 @@
},
data() {
return {
+ height:'900px',
month: '',
barChartData: {
tagid: '',
@@ -588,8 +591,6 @@
},
created() {
- console.log(333333333);
-
this.fetchData()
this.monitordata()
},
@@ -597,8 +598,6 @@
this.timeFn();
const params = { username: localStorage.getItem('username'), phone: localStorage.getItem('phone') };
alldevice(params).then(response => {
- console.log(response.data.dataList);
-
this.initMap(response.data.dataList, response.data.view)
})
@@ -729,17 +728,13 @@
this.listLoading = true
const params1 = { username: localStorage.getItem('username'), phone: localStorage.getItem('phone') };
getEquipmentmonitor(params1).then(response => {
- console.log(4444444);
this.list = response.data
- console.log(response);
this.listLoading = false
})
const params2 = { username: localStorage.getItem('username'), phone: localStorage.getItem('phone') };
getEquipmenttwo(params2).then(response => {
- console.log(5555555555);
this.processBarModel = []
- // this.list = response.data
var json = {
edmm: [],
ndmm: [],
@@ -760,8 +755,14 @@
json.winmax = response.data[index].winmax
json.winmin = response.data[index].winmin
}
- this.barChartData = json
- console.log(response);
+ // setTimeout(() => {
+ // this.height= '100%'
+ this.barChartData = json
+ // }, 3000);
+ setTimeout(() => {
+ this.height= '100%'
+ // this.barChartData = json
+ }, 3000);
})
// getList(this.listQuery).then(response => {
@@ -835,11 +836,8 @@
//鑾峰彇褰撳墠骞存湀鏃�
const dateYear = formatTime1(new Date(), "yyyy-MM-dd");
const params = { date1: dateYear, date2: newDate, username: localStorage.getItem('username') || '', tagid: scope.row.tagid };
- console.log(params);
-
handlechartupdate3(params).then(response => {
this.lineChartData = response.data
- console.log(response.data);
this.dialogVisible = true
})
this.resetTemp()
diff --git a/src/views/dpdv/map.vue b/src/views/dpdv/map.vue
index ec26740..8b157ba 100644
--- a/src/views/dpdv/map.vue
+++ b/src/views/dpdv/map.vue
@@ -464,6 +464,9 @@
tdmm: "绠＄悊鍛�",
gpsnum: "",
};
+let markers = [];
+let addedCarIds = new Set();
+let gaddedCarIds = new Set();
var map;
var markerg;
var labelg;
@@ -536,10 +539,6 @@
phone: localStorage.getItem("phone"),
};
alldevice(params).then((response) => {
- console.log(111111111);
-
- console.log(response);
-
this.initMap(
response.data.gbList,
response.data.dataList,
@@ -550,9 +549,6 @@
},
methods: {
change(e) {
- console.log(333333333);
-
- console.log(e);
var state = "";
if (e == true) {
state = "ON";
@@ -563,10 +559,6 @@
const params = { status: state, tagid: this.tagid };
startorstop(params).then((response) => {
- console.log(111111111);
-
- console.log(response);
-
// this.initMap(response.data.gbList, response.data.dataList, response.data.view, response.data.shijiao)
});
},
@@ -582,92 +574,92 @@
guangbopoint(gaungbo) {
let zxguangbo = new BMapGL.Icon(zguangbo, new BMapGL.Size(30, 30));
let lxguangbo = new BMapGL.Icon(lguangbo, new BMapGL.Size(30, 30));
- // let onliezhan = new BMapGL.Icon(onlie, new BMapGL.Size(30, 30))
+ this.removePreviousMarkers();
for (let i = 0; i < gaungbo.length; i++) {
if (gaungbo[i].center != null && gaungbo[i].center != "") {
- if (
- gaungbo[i].center.split(";")[0].toString().length > 5 &&
- gaungbo[i].center.split(";")[0].toString().length > 4
- ) {
- markerg;
- labelg = new BMapGL.Label(gaungbo[i].name + " " + gaungbo[i].tagid, {
- offset: new BMapGL.Size(0, -40),
- });
- console.log(222222222);
+
+ if (
+ gaungbo[i].center.split(";")[0].toString().length > 5 &&
+ gaungbo[i].center.split(";")[0].toString().length > 4
+ ) {
+ markerg;
+ labelg = new BMapGL.Label(gaungbo[i].name + " " + gaungbo[i].tagid, {
+ offset: new BMapGL.Size(0, -40),
+ });
+ if (gaungbo[i].state == 1) {
+ // var rr = c.WGS2BD09({
+ // lng: new Number(ToDigital(gaungbo[i].center.split(";")[0].substring(0, 3), gaungbo[i].center.split(";")[0].substring(3, 5), gaungbo[i].center.split(";")[0].substring(5))),
+ // lat: new Number(ToDigital(gaungbo[i].center.split(";")[1].substring(0, 2),gaungbo[i].center.split(";")[1].substring(2, 4),gaungbo[i].center.split(";")[1].substring(4)))
+ // });
+ var rr = c.WGS2BD09({
+ lng: new Number(),
+ lat: new Number(gaungbo[i].center.split(";")[1]),
+ });
+ var pt = new BMapGL.Point(
+ gaungbo[i].center.split(";")[0],
+ gaungbo[i].center.split(";")[1]
+ );
+ markerg = new BMapGL.Marker(pt, {
+ icon: zxguangbo,
+ });
+ labelg.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#fa770b",
+ transform: "translateX(-50%)",
+ });
+ } else {
+ // var rr = c.WGS2BD09({
+ // lng: new Number(ToDigital(gaungbo[i].center.split(";")[0].substring(0, 3), gaungbo[i].center.split(";")[0].substring(3, 5),gaungbo[i].center.split(";")[0].substring(5))),
+ // lat: new Number(ToDigital(gaungbo[i].center.split(";")[1].substring(0, 2), gaungbo[i].center.split(";")[1].substring(2, 4), gaungbo[i].center.split(";")[1].substring(4)))
+ // });
- console.log(gaungbo[i]);
- console.log(444444444);
- if (gaungbo[i].state == 1) {
- // var rr = c.WGS2BD09({
- // lng: new Number(ToDigital(gaungbo[i].center.split(";")[0].substring(0, 3), gaungbo[i].center.split(";")[0].substring(3, 5), gaungbo[i].center.split(";")[0].substring(5))),
- // lat: new Number(ToDigital(gaungbo[i].center.split(";")[1].substring(0, 2),gaungbo[i].center.split(";")[1].substring(2, 4),gaungbo[i].center.split(";")[1].substring(4)))
- // });
- var rr = c.WGS2BD09({
- lng: new Number(),
- lat: new Number(gaungbo[i].center.split(";")[1]),
- });
- var pt = new BMapGL.Point(
- gaungbo[i].center.split(";")[0],
- gaungbo[i].center.split(";")[1]
- );
- markerg = new BMapGL.Marker(pt, {
- icon: zxguangbo,
- });
- labelg.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#fa770b",
- transform: "translateX(-50%)",
- });
- } else {
- // var rr = c.WGS2BD09({
- // lng: new Number(ToDigital(gaungbo[i].center.split(";")[0].substring(0, 3), gaungbo[i].center.split(";")[0].substring(3, 5),gaungbo[i].center.split(";")[0].substring(5))),
- // lat: new Number(ToDigital(gaungbo[i].center.split(";")[1].substring(0, 2), gaungbo[i].center.split(";")[1].substring(2, 4), gaungbo[i].center.split(";")[1].substring(4)))
- // });
+ // var rr = c.WGS2BD09({
+ // lng: new Number(gaungbo[i].center.split(";")[0]),
+ // lat: new Number(gaungbo[i].center.split(";")[1])
+ // });
+ var pt = new BMapGL.Point(
+ gaungbo[i].center.split(";")[0],
+ gaungbo[i].center.split(";")[1]
+ );
+ // var pt = new BMapGL.Point(rr.lng, rr.lat)
+ markerg = new BMapGL.Marker(pt, {
+ icon: lxguangbo,
+ });
+ labelg.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#474747",
+ transform: "translateX(-50%)",
+ });
+ }
- // var rr = c.WGS2BD09({
- // lng: new Number(gaungbo[i].center.split(";")[0]),
- // lat: new Number(gaungbo[i].center.split(";")[1])
- // });
- var pt = new BMapGL.Point(
- gaungbo[i].center.split(";")[0],
- gaungbo[i].center.split(";")[1]
- );
- // var pt = new BMapGL.Point(rr.lng, rr.lat)
- markerg = new BMapGL.Marker(pt, {
- icon: lxguangbo,
+ markerg.addEventListener("click", () => {
+ this.tagid = gaungbo[i].tagid;
+ // var params = { tagid: gaungbo[i].tagid }
+ // getdevicestate(params).then(response => {
+ // this.tagid = response.data.dataList.tagid
+ this.name = gaungbo[i].name;
+ this.state = gaungbo[i].state;
+ this.addtime = gaungbo[i].addtime;
+ this.relayone = gaungbo[i].relayone == 0 ? false : true;
+ // })
+
+ // tagid.value = tags[i].tagid
+ this.centerdialogVisiblegb = true;
});
- labelg.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#474747",
- transform: "translateX(-50%)",
- });
+ markerg.setLabel(labelg);
+ map.addOverlay(markerg);
+ gaddedCarIds.add(gaungbo[i].id);
+ markers.push(markerg);
}
-
- markerg.addEventListener("click", () => {
- this.tagid = gaungbo[i].tagid;
- // var params = { tagid: gaungbo[i].tagid }
- // getdevicestate(params).then(response => {
- // this.tagid = response.data.dataList.tagid
- this.name = gaungbo[i].name;
- this.state = gaungbo[i].state;
- this.addtime = gaungbo[i].addtime;
- this.relayone = gaungbo[i].relayone == 0 ? false : true;
- // })
-
- // tagid.value = tags[i].tagid
- this.centerdialogVisiblegb = true;
- });
- markerg.setLabel(labelg);
- map.addOverlay(markerg);
- }
+
}
}
@@ -677,20 +669,29 @@
phone: localStorage.getItem("phone"),
};
alldevice(params).then((response) => {
- console.log(111111111);
-
- console.log(response);
this.guangbopoint(response.data.gbList);
// this.initMap(response.data.gbList, response.data.dataList, response.data.view, response.data.shijiao)
});
}, 5000);
},
+
+ // 瀛樺偍鎵�鏈夋坊鍔犲埌鍦板浘涓婄殑鏍囪鐗�
+
+
+// 鍒犻櫎涓婁竴娆℃坊鍔犵殑鎵�鏈夋爣璁扮墿
+ removePreviousMarkers() {
+ markers.forEach(marker => {
+ map.removeOverlay(marker);
+ map.removeOverlay(markerg);
+ });
+ markers = [];
+},
pointdata(tags) {
let jizhunzhan = new BMapGL.Icon(jizhun, new BMapGL.Size(30, 30));
let jiancezhan = new BMapGL.Icon(jiance, new BMapGL.Size(30, 30));
let onliezhan = new BMapGL.Icon(onlie, new BMapGL.Size(30, 30));
let gjimg = new BMapGL.Icon(gjimage, new BMapGL.Size(30, 30));
-
+ this.removePreviousMarkers();
for (let i = 0; i < tags.length; i++) {
if (
tags[i].lon != null &&
@@ -699,214 +700,216 @@
tags[i].lat != ""
) {
if (tags[i].lon.toString().length > 5 && tags[i].lat.toString().length > 4) {
- marker;
- label = new BMapGL.Label(tags[i].anchorname + " " + tags[i].tagid, {
- offset: new BMapGL.Size(0, -40),
- });
- console.log(tags[i]);
-
- if (tags[i].type == 0) {
- if (tags[i].onlie == 1 || tags[i].onlie == 4) {
- var rr = c.WGS2BD09({
- lng: new Number(
- ToDigital(
- tags[i].lon.substring(0, 3),
- tags[i].lon.substring(3, 5),
- tags[i].lon.substring(5)
- )
- ),
- lat: new Number(
- ToDigital(
- tags[i].lat.substring(0, 2),
- tags[i].lat.substring(2, 4),
- tags[i].lat.substring(4)
- )
- ),
- });
- var pt = new BMapGL.Point(rr.lng, rr.lat);
- marker = new BMapGL.Marker(pt, {
- icon: jizhunzhan,
- });
- label.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#fa770b",
- transform: "translateX(-50%)",
- });
- } else if (tags[i].onlie == 6 || tags[i].onlie == 7) {
- var rr = c.WGS2BD09({
- lng: new Number(
- ToDigital(
- tags[i].lon.substring(0, 3),
- tags[i].lon.substring(3, 5),
- tags[i].lon.substring(5)
- )
- ),
- lat: new Number(
- ToDigital(
- tags[i].lat.substring(0, 2),
- tags[i].lat.substring(2, 4),
- tags[i].lat.substring(4)
- )
- ),
- });
- var pt = new BMapGL.Point(rr.lng, rr.lat);
- marker = new BMapGL.Marker(pt, {
- icon: gjimg
- });
- label.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#fa770b",
- transform: "translateX(-50%)",
- });
- } else {
- var rr = c.WGS2BD09({
- lng: new Number(
- ToDigital(
- tags[i].lon.substring(0, 3),
- tags[i].lon.substring(3, 5),
- tags[i].lon.substring(5)
- )
- ),
- lat: new Number(
- ToDigital(
- tags[i].lat.substring(0, 2),
- tags[i].lat.substring(2, 4),
- tags[i].lat.substring(4)
- )
- ),
- });
- var pt = new BMapGL.Point(rr.lng, rr.lat);
- marker = new BMapGL.Marker(pt, {
- icon: onliezhan,
- });
- label.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#474747",
- transform: "translateX(-50%)",
- });
- }
- } else {
- if (tags[i].onlie == 1 || tags[i].onlie == 4) {
- var rr = c.WGS2BD09({
- lng: new Number(
- ToDigital(
- tags[i].lon.substring(0, 3),
- tags[i].lon.substring(3, 5),
- tags[i].lon.substring(5)
- )
- ),
- lat: new Number(
- ToDigital(
- tags[i].lat.substring(0, 2),
- tags[i].lat.substring(2, 4),
- tags[i].lat.substring(4)
- )
- ),
- });
- var pt = new BMapGL.Point(rr.lng, rr.lat);
- marker = new BMapGL.Marker(pt, {
- icon: jiancezhan,
- });
- label.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#32CD32",
- transform: "translateX(-50%)",
- });
- } else if (tags[i].onlie == 6 || tags[i].onlie == 7) {
- var rr = c.WGS2BD09({
- lng: new Number(
- ToDigital(
- tags[i].lon.substring(0, 3),
- tags[i].lon.substring(3, 5),
- tags[i].lon.substring(5)
- )
- ),
- lat: new Number(
- ToDigital(
- tags[i].lat.substring(0, 2),
- tags[i].lat.substring(2, 4),
- tags[i].lat.substring(4)
- )
- ),
- });
- var pt = new BMapGL.Point(rr.lng, rr.lat);
- marker = new BMapGL.Marker(pt, {
- icon: gjimg,
- });
- label.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#fa770b",
- transform: "translateX(-50%)",
- });
- } else {
- var rr = c.WGS2BD09({
- lng: new Number(
- ToDigital(
- tags[i].lon.substring(0, 3),
- tags[i].lon.substring(3, 5),
- tags[i].lon.substring(5)
- )
- ),
- lat: new Number(
- ToDigital(
- tags[i].lat.substring(0, 2),
- tags[i].lat.substring(2, 4),
- tags[i].lat.substring(4)
- )
- ),
- });
- var pt = new BMapGL.Point(rr.lng, rr.lat);
- marker = new BMapGL.Marker(pt, {
- icon: onliezhan,
- });
- label.setStyle({
- color: "#fff",
- fontSize: "14px",
- borderRadius: "5px",
- padding: "5px 5px",
- border: "0",
- backgroundColor: "#474747",
- transform: "translateX(-50%)",
- });
- }
- }
- marker.addEventListener("click", () => {
- this.tagid = tags[i].tagid;
- var params = { tagid: tags[i].tagid };
- getdevicestate(params).then((response) => {
- this.edm = response.data.dataList.edmm + "mm";
- this.ndm = response.data.dataList.ndmm + "mm";
- this.hdm = response.data.dataList.tdmm + "mm";
- this.power = response.data.dataList2.electricity;
- this.gpsnum = response.data.dataList2.gpsnum;
- this.gpsstate = response.data.dataList2.gpsstate;
+ marker;
+
+ label = new BMapGL.Label(tags[i].anchorname + " " + tags[i].tagid, {
+ offset: new BMapGL.Size(0, -40),
});
- // tagid.value = tags[i].tagid
- this.centerdialogVisible = true;
- });
- marker.setLabel(label);
- map.addOverlay(marker);
+ if (tags[i].type == 0) {
+ if (tags[i].onlie == 1 || tags[i].onlie == 4) {
+ var rr = c.WGS2BD09({
+ lng: new Number(
+ ToDigital(
+ tags[i].lon.substring(0, 3),
+ tags[i].lon.substring(3, 5),
+ tags[i].lon.substring(5)
+ )
+ ),
+ lat: new Number(
+ ToDigital(
+ tags[i].lat.substring(0, 2),
+ tags[i].lat.substring(2, 4),
+ tags[i].lat.substring(4)
+ )
+ ),
+ });
+ var pt = new BMapGL.Point(rr.lng, rr.lat);
+ marker = new BMapGL.Marker(pt, {
+ icon: jizhunzhan,
+ });
+ label.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#fa770b",
+ transform: "translateX(-50%)",
+ });
+ } else if (tags[i].onlie == 6 || tags[i].onlie == 7) {
+ var rr = c.WGS2BD09({
+ lng: new Number(
+ ToDigital(
+ tags[i].lon.substring(0, 3),
+ tags[i].lon.substring(3, 5),
+ tags[i].lon.substring(5)
+ )
+ ),
+ lat: new Number(
+ ToDigital(
+ tags[i].lat.substring(0, 2),
+ tags[i].lat.substring(2, 4),
+ tags[i].lat.substring(4)
+ )
+ ),
+ });
+ var pt = new BMapGL.Point(rr.lng, rr.lat);
+ marker = new BMapGL.Marker(pt, {
+ icon: gjimg,
+ });
+ label.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#fa770b",
+ transform: "translateX(-50%)",
+ });
+ } else {
+ var rr = c.WGS2BD09({
+ lng: new Number(
+ ToDigital(
+ tags[i].lon.substring(0, 3),
+ tags[i].lon.substring(3, 5),
+ tags[i].lon.substring(5)
+ )
+ ),
+ lat: new Number(
+ ToDigital(
+ tags[i].lat.substring(0, 2),
+ tags[i].lat.substring(2, 4),
+ tags[i].lat.substring(4)
+ )
+ ),
+ });
+ var pt = new BMapGL.Point(rr.lng, rr.lat);
+ marker = new BMapGL.Marker(pt, {
+ icon: onliezhan,
+ });
+ label.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#474747",
+ transform: "translateX(-50%)",
+ });
+ }
+ } else {
+ if (tags[i].onlie == 1 || tags[i].onlie == 4) {
+ var rr = c.WGS2BD09({
+ lng: new Number(
+ ToDigital(
+ tags[i].lon.substring(0, 3),
+ tags[i].lon.substring(3, 5),
+ tags[i].lon.substring(5)
+ )
+ ),
+ lat: new Number(
+ ToDigital(
+ tags[i].lat.substring(0, 2),
+ tags[i].lat.substring(2, 4),
+ tags[i].lat.substring(4)
+ )
+ ),
+ });
+ var pt = new BMapGL.Point(rr.lng, rr.lat);
+ marker = new BMapGL.Marker(pt, {
+ icon: jiancezhan,
+ });
+ label.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#32CD32",
+ transform: "translateX(-50%)",
+ });
+ } else if (tags[i].onlie == 6 || tags[i].onlie == 7) {
+ var rr = c.WGS2BD09({
+ lng: new Number(
+ ToDigital(
+ tags[i].lon.substring(0, 3),
+ tags[i].lon.substring(3, 5),
+ tags[i].lon.substring(5)
+ )
+ ),
+ lat: new Number(
+ ToDigital(
+ tags[i].lat.substring(0, 2),
+ tags[i].lat.substring(2, 4),
+ tags[i].lat.substring(4)
+ )
+ ),
+ });
+ var pt = new BMapGL.Point(rr.lng, rr.lat);
+ marker = new BMapGL.Marker(pt, {
+ icon: gjimg,
+ });
+ label.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#fa770b",
+ transform: "translateX(-50%)",
+ });
+ } else {
+ var rr = c.WGS2BD09({
+ lng: new Number(
+ ToDigital(
+ tags[i].lon.substring(0, 3),
+ tags[i].lon.substring(3, 5),
+ tags[i].lon.substring(5)
+ )
+ ),
+ lat: new Number(
+ ToDigital(
+ tags[i].lat.substring(0, 2),
+ tags[i].lat.substring(2, 4),
+ tags[i].lat.substring(4)
+ )
+ ),
+ });
+ var pt = new BMapGL.Point(rr.lng, rr.lat);
+ marker = new BMapGL.Marker(pt, {
+ icon: onliezhan,
+ });
+ label.setStyle({
+ color: "#fff",
+ fontSize: "14px",
+ borderRadius: "5px",
+ padding: "5px 5px",
+ border: "0",
+ backgroundColor: "#474747",
+ transform: "translateX(-50%)",
+ });
+ }
+ }
+ marker.addEventListener("click", () => {
+ this.tagid = tags[i].tagid;
+ var params = { tagid: tags[i].tagid };
+ getdevicestate(params).then((response) => {
+ this.edm = response.data.dataList.edmm + "mm";
+ this.ndm = response.data.dataList.ndmm + "mm";
+ this.hdm = response.data.dataList.tdmm + "mm";
+ this.power = response.data.dataList2.electricity;
+ this.gpsnum = response.data.dataList2.gpsnum;
+ this.gpsstate = response.data.dataList2.gpsstate;
+ });
+
+ // tagid.value = tags[i].tagid
+ this.centerdialogVisible = true;
+ });
+ marker.setLabel(label);
+ map.addOverlay(marker);
+ addedCarIds.add(tags[i].id);
+ markers.push(marker);
}
}
}
@@ -917,9 +920,6 @@
phone: localStorage.getItem("phone"),
};
alldevice(params).then((response) => {
- console.log(111111111);
-
- console.log(response);
this.pointdata(response.data.dataList);
// this.initMap(response.data.gbList, response.data.dataList, response.data.view, response.data.shijiao)
});
@@ -927,8 +927,6 @@
},
initMap(gaungbo, tags, view, shijiao) {
- console.log(shijiao);
-
// $(window).scrollTop(0);
// window.scroll(0, 0);
var c = new Convertor();
diff --git a/src/views/equipment/difference.vue b/src/views/equipment/difference.vue
index efbd0d5..76e83d5 100644
--- a/src/views/equipment/difference.vue
+++ b/src/views/equipment/difference.vue
@@ -226,7 +226,6 @@
this.multipleSelection = val;
},
resetzuobiao() {
- console.log(this.multipleSelection);
if (this.multipleSelection.length == 0) {
this.$message({
message: '璇峰厛閫夋嫨涓�鏉℃暟鎹�',
@@ -255,8 +254,13 @@
const params = { tagid: this.multipleSelection[0].tagid };
resetzuobiao(params).then(response => {
- console.log(response);
+ const params = { name: localStorage.getItem('username') || '', content: localStorage.getItem('username')+"灏嗚澶囩紪鍙�" +
+ this.multipleSelection[0].tagid +
+ '閲嶇疆鍩哄噯绔欏潗鏍�' };
+ addSystemOperationLog(params).then(response => {
+
+ });
})
this.$message({
diff --git a/src/views/equipment/monitoring.vue b/src/views/equipment/monitoring.vue
index 4675d68..948ed1d 100644
--- a/src/views/equipment/monitoring.vue
+++ b/src/views/equipment/monitoring.vue
@@ -348,16 +348,6 @@
this.resetTemp()
this.dialogVisible = true
this.dialogType = 'modify'
- console.log(scope.row);
- // this.temp = Object.assign({}, _temp)
- console.log(this.temp);
- console.log(deepClone(scope.row));
- // this.temp.anchorname = scope.row.anchorname
-
- // this.temp.id = scope.row.id
- // this.temp.needbaseid = scope.row.needbaseid
- // this.temp.tagid = scope.row.tagid
- // this.temp.type = scope.row.type
this.temp = deepClone(scope.row)
// this.temp.companyid = scope.row.companyid
this.disabled=true
@@ -411,8 +401,6 @@
this.$refs[this.temp].validate((valid) => {
if (valid) {
this.loading = true
- console.log(this.temp);
-
addorupEquipment(this.temp).then(() => {
if (this.temp.id=="") {
this.temp.adminname = localStorage.getItem('username') || '';
diff --git a/src/views/guangbo/index.vue b/src/views/guangbo/index.vue
new file mode 100644
index 0000000..2c032d5
--- /dev/null
+++ b/src/views/guangbo/index.vue
@@ -0,0 +1,524 @@
+<template>
+ <div class="app-container">
+ <div class="filter-container">
+ <el-input
+ v-model="listQuery.keyword"
+ size="small"
+ placeholder="璇疯緭鍏ョ紪鍙�"
+ clearable
+ class="filter-item w-200"
+ />
+ <!-- <el-date-picker v-model="queryForm.time" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫椂闂�" class="filter-item w-300" size="small"
+ end-placeholder="缁撴潫鏃堕棿" value-format="yyyy-MM-dd" /> -->
+
+ <!-- <el-date-picker v-model="listQuery.time" type="date" placeholder="閫夋嫨鏃ユ湡" class="filter-item w-300" size="small"
+ value-format="yyyy-MM-dd">
+ </el-date-picker> -->
+ <el-button-group class="filter-item">
+ <el-button size="small" type="primary" icon="el-icon-search" @click="search">
+ 鎼滅储
+ </el-button>
+ <el-button size="small" type="primary" icon="el-icon-refresh" @click="refresh">
+ 鍒锋柊
+ </el-button>
+ <el-button
+ v-if="uadd == 'Yes'"
+ size="small"
+ type="primary"
+ icon="el-icon-plus"
+ @click="add"
+ >
+ 鏂板
+ </el-button>
+ </el-button-group>
+ </div>
+
+ <el-table
+ v-loading="listLoading"
+ :data="list"
+ element-loading-text="Loading"
+ border
+ fit
+ height="100%"
+ class="table-container"
+ highlight-current-row
+ >
+ <el-table-column fixed label="搴忓彿" width="80">
+ <template slot-scope="scope">
+ {{ scope.row.id }}
+ </template>
+ </el-table-column>
+ <el-table-column label="缂栧彿" width="100">
+ <template slot-scope="scope">
+ {{ scope.row.tagid }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鍚嶇О" width="230">
+ <template slot-scope="scope">
+ {{ scope.row.name }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鐘舵��" width="70">
+ <template slot-scope="scope">
+ {{ scope.row.state == 1 ? "鍦ㄧ嚎" : "绂荤嚎" }}
+ </template>
+ </el-table-column>
+ <el-table-column label="缁х數鍣�" width="70">
+ <template slot-scope="scope">
+ {{ scope.row.relayone == 1 ? "寮�鍚�" : "鍏抽棴" }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鍥炬爣" width="80">
+ <template v-if="scope.row.state == 1" slot-scope="scope">
+ <img
+ src="../../assets/images/onguangbo.png"
+ alt=""
+ style="width: 30px; height: 30px"
+ @click="analyze(scope)"
+ />
+ <!-- {{ scope.row.state==1?zguangbo:lguangbo }} -->
+ </template>
+ <template v-else slot-scope="scope">
+ <img
+ src="../../assets/images/offguangbo.png"
+ alt=""
+ style="width: 30px; height: 30px"
+ @click="analyze(scope)"
+ />
+ <!-- {{ scope.row.state==1?zguangbo:lguangbo }} -->
+ </template>
+ </el-table-column>
+ <el-table-column label="瀹夎鍧愭爣" width="350">
+ <template slot-scope="scope">
+ {{ scope.row.center }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鎵�灞炲叕鍙�" width="170">
+ <template slot-scope="scope">
+ {{ scope.row.companyname }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鏇存柊鏃堕棿">
+ <template slot-scope="scope">
+ {{ scope.row.addtime }}
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ width="200"
+ v-if="uupdate == 'Yes' || udelete == 'Yes'"
+ >
+ <template slot-scope="scope">
+ <el-button-group>
+ <el-button
+ v-show="uupdate == 'Yes'"
+ type="primary"
+ icon="el-icon-edit"
+ size="mini"
+ @click="edit(scope)"
+ >
+ 淇敼
+ </el-button>
+ <el-button
+ v-show="udelete == 'Yes'"
+ type="danger"
+ icon="el-icon-delete"
+ size="mini"
+ @click="del(scope)"
+ >
+ 鍒犻櫎
+ </el-button>
+ </el-button-group>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="listQuery.current"
+ :limit.sync="listQuery.size"
+ @pagination="fetchData"
+ />
+
+ <el-dialog
+ :visible.sync="dialogVisible"
+ :title="dialogType === 'modify' ? '淇敼' : '鏂板'"
+ >
+ <el-form
+ :ref="temp"
+ :model="temp"
+ label-width="120px"
+ label-position="right"
+ :rules="rules"
+ >
+ <el-form-item label="缂栧彿" prop="tagid">
+ <el-input v-model="temp.tagid" placeholder="璇疯緭鍏ョ紪鍙�" />
+ </el-form-item>
+ <el-form-item label="鍚嶇О" prop="name">
+ <el-input v-model="temp.name" placeholder="璇疯緭鍏ュ悕绉�" />
+ </el-form-item>
+ <el-form-item label="瀹夎鍧愭爣" prop="center">
+ <el-input v-model="temp.center" placeholder="璇疯緭鍏ュ畨瑁呭潗鏍�" />
+ </el-form-item>
+ <el-form-item label="鎵�灞炲叕鍙�" prop="company">
+ <el-select
+ style="width: 100%"
+ v-model="temp.companyname"
+ filterable
+ remote
+ placeholder="璇烽�夋嫨鍏徃"
+ :remote-method="searchMethod"
+ :loading="searchloading"
+ >
+ <el-option
+ v-for="item in options"
+ :key="item.id"
+ :label="item.companyname"
+ :value="item.id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+
+ <!-- <el-form-item label="鍥炬爣" prop="icon">
+
+
+ <el-upload
+ class="avatar-uploader"
+ action="http://localhost:8083/api/addpic/"
+ :show-file-list="false"
+ :on-success="handleAvatarSuccess"
+ :before-upload="beforeAvatarUpload">
+ <img v-if="imageUrl" :src="imageUrl" class="avatar">
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+</el-upload>
+
+ </el-form-item> -->
+ </el-form>
+ <div class="text-right">
+ <el-button type="danger" @click="dialogVisible = false"> 鍙栨秷 </el-button>
+ <el-button type="primary" @click="submit(temp)"> 纭畾 </el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import zguangbo from "@/assets/images/onguangbo.png";
+import lguangbo from "@/assets/images/offguangbo.png";
+import axios from "axios";
+import Pagination from "@/components/Pagination";
+import {
+ getGuangboPage,
+ delGuangbo,
+ addorupGuangbo,
+ search,
+ searchGuangbo,
+ addSystemOperationLog,
+ addpic,
+ searchfive,
+} from "@/api/guangbo";
+import { deepClone } from "@/utils";
+
+const _temp = {
+ tagid: "",
+ name: "",
+ company: "",
+ center: "",
+ // icon: '' // 鏂板鍥炬爣灞炴��
+};
+
+export default {
+ components: {
+ Pagination,
+ },
+ data() {
+ return {
+ searchloading: false,
+ options: [],
+ role: localStorage.getItem("role"),
+ uadd: "",
+ udelete: "",
+ uupdate: "",
+ total: 0,
+ list: [],
+ Guangbo: [],
+ listLoading: true,
+ listQuery: {
+ current: 1,
+ size: 20,
+ keyword: undefined,
+ },
+ uploadUrl: "http://localhost:8083/api/addpic/",
+ temp: Object.assign({}, _temp),
+ dialogVisible: false,
+ dialogType: "create",
+ loading: false,
+ rules: {
+ tagid: [{ required: true, message: "璇疯緭鍏ョ紪鍙�", trigger: "blur" }],
+ name: [{ required: true, message: "璇疯緭鍏ュ悕绉�", trigger: "blur" }],
+ center: [{ required: true, message: "璇疯緭鍏ュ畨瑁呭潗鏍�", trigger: "change" }],
+ company: [{ required: true, message: "璇烽�夋嫨鍏徃", trigger: "change" }],
+ },
+ };
+ },
+ created() {
+ this.fetchData();
+ },
+ methods: {
+ // 杩滅▼鎼滅储
+ searchMethod(query) {
+ if (query !== "") {
+ this.loading = true;
+ var params = { query: query };
+ search(params).then((response) => {
+ this.options = response.data;
+ this.loading = false;
+ });
+ } else {
+ this.options = [];
+ }
+ },
+
+ // 杩滅▼鎼滅储
+ searchMethodfive(query) {
+ if (query !== "") {
+ this.loading = true;
+ // var params = { query: query }
+ searchfive().then((response) => {
+ this.options = response.data;
+ this.loading = false;
+ });
+ } else {
+ this.options = [];
+ }
+ },
+
+ // 鎼滅储
+ search() {
+ this.listLoading = true;
+ searchGuangbo(this.listQuery).then((response) => {
+ if (response.data != null) {
+ this.list = response.data.records;
+ this.total = response.data.total;
+ } else {
+ this.$message({
+ message: "鏈悳绱㈠埌鏁版嵁",
+ type: "error",
+ });
+ }
+
+ this.listLoading = false;
+ });
+ },
+ refresh() {
+ this.listQuery = {
+ current: 1,
+ size: 20,
+ keyword: undefined,
+ };
+ this.fetchData();
+ },
+ // 鍒嗛〉鏁版嵁
+ fetchData() {
+ this.uadd = localStorage.getItem("uadd") || "";
+ this.udelete = localStorage.getItem("udelete") || "";
+ this.uupdate = localStorage.getItem("uupdate") || "";
+ this.listLoading = true;
+ getGuangboPage(this.listQuery).then((response) => {
+ this.list = response.data.records;
+ this.total = response.data.total;
+ this.listLoading = false;
+ });
+ this.searchMethodfive();
+ },
+ resetTemp() {
+ this.temp = Object.assign({}, _temp);
+ },
+ add() {
+ this.resetTemp();
+ this.dialogVisible = true;
+ this.dialogType = "create";
+ // this.$nextTick(() => {
+ // this.$refs['dataForm'].clearValidate()
+ // })
+ },
+ edit(scope) {
+ this.resetTemp();
+ this.dialogVisible = true;
+ this.dialogType = "modify";
+ this.temp = deepClone(scope.row);
+ this.temp.company = scope.row.company;
+ // this.$nextTick(() => {
+ // this.$refs['dataForm'].clearValidate()
+ // })
+ },
+ changeStatus(value, scope) {
+ setTimeout(() => {
+ this.list[scope.$index].status = value;
+ this.$message({
+ message: "鏇存柊鎴愬姛",
+ type: "success",
+ });
+ }, 300);
+ },
+ // 鍒犻櫎
+ del(scope) {
+ this.$confirm("纭鍒犻櫎璇ユ潯鏁版嵁鍚楋紵", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ }).then(() => {
+ setTimeout(() => {
+ const params = { id: scope.row.id };
+ this.list.splice(scope.$index, 1);
+ delGuangbo(params).then((response) => {
+ this.temp.adminname = localStorage.getItem("username") || "";
+ const params = {
+ name: this.temp.adminname,
+ content: "鍒犻櫎浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細" + scope.row.ip,
+ };
+ addSystemOperationLog(params).then((response) => {});
+ this.$message({
+ message: "鍒犻櫎鎴愬姛",
+ type: "success",
+ });
+ this.fetchData();
+ });
+ }, 300);
+ });
+ },
+ submit() {
+
+ if (this.loading) {
+ return;
+ }
+ if (this.dialogType != "modify") {
+ this.temp.company = this.temp.companyname;
+ }
+
+ this.loading = true;
+
+ this.$refs[this.temp].validate((valid) => {
+ if (valid) {
+ // addpic(this.temp).then(() => {
+
+ // })
+
+ const formData = new FormData();
+ // // 娣诲姞鏂囦欢鍙傛暟
+ // const fileInput = document.querySelector('input[type="file"]');
+ // const file = fileInput.files[0];
+ // formData.append('file', file);
+ // // 娣诲姞鍏朵粬鍙傛暟
+ // // formData.append('name', this.temp.name);
+ // // formData.append('opinion', ""); // 鍚屾牱鍙牴鎹疄闄呮儏鍐佃缃�
+ // console.log(formData);
+
+ // axios.post(this.uploadUrl, formData, {
+ // headers: {
+ // 'Content-Type':'multipart/form-data'
+ // }
+ // })
+ // .then(response => {
+ // 澶勭悊涓婁紶鎴愬姛閫昏緫
+
+ addorupGuangbo(this.temp).then(() => {
+ if (this.temp.id == "") {
+ this.temp.adminname = localStorage.getItem("username") || "";
+ const params = {
+ name: this.temp.adminname,
+ content: "鏂板浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細" + this.temp.ip,
+ };
+ addSystemOperationLog(params).then((response) => {});
+ } else {
+ this.temp.adminname = localStorage.getItem("username") || "";
+ const params = {
+ name: this.temp.adminname,
+ content: "淇敼浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細" + this.temp.ip,
+ };
+ addSystemOperationLog(params).then((response) => {});
+ }
+ this.fetchData();
+ setTimeout(() => {
+ this.$message({
+ message: "鎻愪氦鎴愬姛",
+ type: "success",
+ });
+ this.dialogVisible = false;
+ this.loading = false;
+ }, 300);
+ });
+ } else {
+ this.$message({
+ message: "鎻愪氦澶辫触锛岃妫�鏌ヨ〃鍗曞繀濉」鏄惁涓虹┖",
+ type: "error",
+ });
+ console.log("error submit!!");
+ return false;
+ }
+ });
+ },
+
+ // 涓婁紶鎴愬姛鍥炶皟
+ handleUploadSuccess(response, file) {
+ this.temp.icon = response.url; // 鍋囪鎺ュ彛杩斿洖鐨勫搷搴斾腑鏈夊浘鏍囪矾寰�
+ this.$message({
+ message: "鍥炬爣涓婁紶鎴愬姛",
+ type: "success",
+ });
+ },
+ // 涓婁紶澶辫触鍥炶皟
+ handleUploadError() {
+ this.$message({
+ message: "鍥炬爣涓婁紶澶辫触",
+ type: "error",
+ });
+ },
+ // 涓婁紶鍓嶆牎楠�
+ beforeUpload(file) {
+ const isJpg = file.type === "image/jpeg";
+ const isLt2M = file.size / 1024 / 1024 < 2;
+
+ // if (!isJpg) {
+ // this.$message.error('涓婁紶鍥炬爣鍙兘鏄� JPG 鏍煎紡!');
+ // }
+ if (!isLt2M) {
+ this.$message.error("涓婁紶鍥炬爣澶у皬涓嶈兘瓒呰繃 2MB!");
+ }
+ return isJpg && isLt2M;
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.el-upload {
+ border: 1px dashed #d9d9d9 !important;
+ border-radius: 6px;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+
+ .el-icon-plus.avatar-uploader-icon {
+ border: 1px dashed #d9d9d9 !important;
+ border-radius: 6px;
+ font-size: 28px;
+ color: #8c939d;
+ width: 128px;
+ height: 128px;
+ line-height: 128px;
+ text-align: center;
+ }
+}
+
+.avatar-uploader {
+ height: 128px;
+
+ img {
+ width: 128px;
+ height: 128px;
+ }
+}
+</style>
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index c5730ba..2071791 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -85,7 +85,7 @@
</div>
<div style="width: 20%;position: absolute;bottom:20px;left: 40%;z-index: 9999;color:rgb(255, 255, 255)">
- 鐗堟湰V2.0.3 鏇存柊鏃堕棿2025.04.15
+ {{version}}
</div>
<canvas ref="canvas"
@@ -151,6 +151,7 @@
export default {
data() {
return {
+ version:'',
passwordType: 'password',
paSrc: require("@/assets/images/login_pass_active.png"),
imgs: [
@@ -203,13 +204,8 @@
}
},
mounted() {
- console.log(2333333333);
- console.log();
-
- console.log(typeof window.initTAC === 'function');
-
getSystemOne().then(response => {
- console.log(response);
+ this.version = response.data[0].version
this.loginmethod = response.data[0].loginmethod
if (response.data[0].loginmethod == '2' || response.data[0].loginmethod == '1') {
this.loginway = 'duanxin'
@@ -371,16 +367,11 @@
this.loading = true
this.$store.dispatch('user/login', this.loginForm)
.then((res) => {
- console.log(11111111111);
-
- console.log(res);
-
if (res.usermsg == "false") {
this.lock = true
this.$message.error('杞欢鎺堟潈娉ㄥ唽鐮佽繃鏈熸垨鑰呴敊璇鑱旂郴绠＄悊鍛�');
this.loading = false
} else {
- console.log(this.otherQuery);
const params = { name: res.username, loginfs: '璐﹀彿瀵嗙爜鐧诲綍' };
addLoginLog(params).then(response => {
@@ -420,9 +411,6 @@
// this.loginForm=params
this.$store.dispatch('user/login', params)
.then((res) => {
- console.log(11111111111);
- console.log(res);
-
if (res.usermsg == "false") {
this.lock = true
this.$message.error('杞欢鎺堟潈娉ㄥ唽鐮佽繃鏈熸垨鑰呴敊璇鑱旂郴绠＄悊鍛�');
@@ -431,8 +419,6 @@
// return false
// this.lock=true
} else {
- console.log(this.otherQuery);
-
const params = { name: res.username, loginfs: '楠岃瘉鐮佺櫥褰�' };
addLoginLog(params).then(response => {
diff --git a/src/views/tank/components/BarChart.vue b/src/views/tank/components/BarChart.vue
new file mode 100644
index 0000000..06ce860
--- /dev/null
+++ b/src/views/tank/components/BarChart.vue
@@ -0,0 +1,196 @@
+<template>
+ <div ref="chartContainer" :style="{ height: height, width: width }"></div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+ name: 'BarChart',
+ props: {
+ width: {
+ type: String,
+ default: '100%'
+ },
+ height: {
+ type: String,
+ default: '700px'
+ },
+ // 閫氳繃 props 浼犻�掗鑹叉暟鎹�
+ colors: {
+ type: Array,
+ default: () => ['#074cad', '#91cc75', '#fac858', '#ee6666'],
+ },
+ // 閫氳繃 props 浼犻�掗厤缃暟鎹�
+ chartData: {
+ type: Object,
+ required: true,
+ },
+ },
+ data() {
+ return {
+ chartInstance: null,
+ };
+ },
+ mounted() {
+ this.initChart();
+ },
+ beforeDestroy() {
+ if (this.chartInstance) {
+ this.chartInstance.dispose();
+ }
+ },
+ methods: {
+ initChart() {
+ // 鍒濆鍖栧浘琛�
+ this.chartInstance = echarts.init(this.$refs.chartContainer);
+
+ // 閰嶇疆椤�
+ const option = this.generateOption(this.chartData, this.colors);
+
+ // 璁剧疆鍥捐〃閰嶇疆
+ this.chartInstance.setOption(option);
+
+ // 鍥捐〃鑷�傚簲绐楀彛澶у皬鍙樺寲
+ window.addEventListener('resize', this.resizeChart);
+ },
+ generateOption(data, colors) {
+ const posList = [
+ 'left',
+ 'right',
+ 'top',
+ 'bottom',
+ 'inside',
+ 'insideTop',
+ 'insideLeft',
+ 'insideRight',
+ 'insideBottom',
+ 'insideTopLeft',
+ 'insideTopRight',
+ 'insideBottomLeft',
+ 'insideBottomRight',
+ ];
+
+ const labelOption = {
+ show: true,
+ position: data.position || 'insideBottom',
+ distance: data.distance || 15,
+ align: data.align || 'left',
+ verticalAlign: data.verticalAlign || 'middle',
+ rotate: data.rotate || 90,
+ // formatter: '{c} {name|{a}}',
+ fontSize: 16,
+ rich: {
+ name: {},
+ },
+ };
+
+ const option = {
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'shadow',
+ },
+ },
+ legend: {
+ data: data.legendData,
+ textStyle: {
+ color: '#1890ff' // 鏍囬鏂囧瓧棰滆壊
+ }
+ },
+ toolbox: {
+ show: true,
+ orient: 'vertical',
+ left: 'right',
+ top: 'center',
+ feature: {
+ mark: { show: true },
+ dataView: { show: true, readOnly: false },
+ magicType: { show: true, type: ['line', 'bar', 'stack'] },
+ restore: { show: true },
+ saveAsImage: { show: true },
+ },
+ },
+ xAxis: [
+ {
+ position: 'bottom',
+ name: '璁惧缂栧彿',
+ type: 'category',
+ axisTick: { show: false },
+ data: data.xAxisData,
+ axisLine: {
+ onZero: false
+ },//杞寸嚎鏄惁鍦�0鍒诲害鍏抽棴锛寈杞村悕绉版椂璺熼殢杞寸嚎鐨�
+ },
+ ],
+ yAxis: [
+ {
+ name: '鍗曚綅锛堟绫筹級',
+ type: 'value',
+
+ },
+ ],
+ series: data.seriesData
+ ? data.seriesData.map((series, index) => ({
+ ...series,
+ type: 'bar',
+ // label: labelOption,
+ // label: {
+ // show: false, // 涓嶆樉绀烘爣绛�
+ // },
+ itemStyle: {
+ color: colors[index % colors.length], // 璁剧疆鏌辩姸鍥鹃鑹�
+ },
+ emphasis: {
+ focus: 'series',
+ },
+ }))
+ : [
+ {
+ name: '',
+ data: [],
+ itemStyle: {
+ color: colors[0], // 璁剧疆鏌辩姸鍥鹃鑹�
+ },
+ },
+ {
+ name: '',
+ data: [],
+ itemStyle: {
+ color: colors[1], // 璁剧疆鏌辩姸鍥鹃鑹�
+ },
+ },
+ {
+ name: '',
+ data: [],
+ itemStyle: {
+ color: colors[2], // 璁剧疆鏌辩姸鍥鹃鑹�
+ },
+ },
+ {
+ name: '',
+ data: [],
+ itemStyle: {
+ color: colors[3], // 璁剧疆鏌辩姸鍥鹃鑹�
+ },
+ },
+ ],
+ };
+
+ return option;
+ },
+ resizeChart() {
+ if (this.chartInstance) {
+ this.chartInstance.resize();
+ }
+ },
+ },
+};
+</script>
+
+<style scoped>
+.chart-container {
+ width: 100%;
+ height: 400px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/tank/components/LineChart.vue b/src/views/tank/components/LineChart.vue
new file mode 100644
index 0000000..05c5911
--- /dev/null
+++ b/src/views/tank/components/LineChart.vue
@@ -0,0 +1,119 @@
+<template>
+ <div :class="className" :style="{ height: height, width: width }" />
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import resize from './mixins/resize'
+
+export default {
+ mixins: [resize],
+ props: {
+ className: {
+ type: String,
+ default: 'chart'
+ },
+ width: {
+ type: String,
+ default: '100%'
+ },
+ height: {
+ type: String,
+ default: '700px'
+ },
+ autoResize: {
+ type: Boolean,
+ default: true
+ },
+ chartData: {
+ type: Object,
+ required: true
+ }
+ },
+ data() {
+ return {
+ chart: null
+ }
+ },
+ watch: {
+ chartData: {
+ deep: true,
+ handler(val) {
+ this.setOptions(val)
+ }
+ }
+ },
+ mounted() {
+ this.$nextTick(() => {
+ this.initChart()
+ })
+ },
+ beforeDestroy() {
+ if (!this.chart) {
+ return
+ }
+ this.chart.dispose()
+ this.chart = null
+ },
+ methods: {
+ initChart() {
+ this.chart = echarts.init(this.$el, 'macarons')
+ this.setOptions(this.chartData)
+ },
+ setOptions({ ed, hd, nd, x } = {}) {
+ this.chart.setOption({
+ xAxis: {
+ data: x,
+ boundaryGap: false,
+ type: 'category',
+ },
+ grid: {
+ left: 10,
+ right: 10,
+ bottom: 20,
+ top: 30,
+ containLabel: true
+ },
+ tooltip: {
+ trigger: 'axis',
+ },
+ yAxis: {
+ type: 'value',
+ max: function (value) {
+ return value.max + 30
+ },
+ min: function (value) {
+ return value.min - 30
+ },
+ name: '/姣背',
+ splitLine:false
+ },
+ legend: {
+ data: ['涓滀綅绉�', '鍖椾綅绉�', '澶╀綅绉�'],
+ textStyle: {
+ color: '#1890ff' // 鏍囬鏂囧瓧棰滆壊
+ },
+ },
+ series: [{
+ name: '涓滀綅绉�',
+ type: 'line',
+ data: ed,
+ smooth: false
+ },
+ {
+ name: '鍖椾綅绉�',
+ type: 'line',
+ data: nd,
+ smooth: false
+ }, {
+ name: '澶╀綅绉�',
+ type: 'line',
+ data: hd,
+ smooth: false
+ }]
+ })
+ }
+ }
+}
+</script>
diff --git a/src/views/tank/components/PieChart.vue b/src/views/tank/components/PieChart.vue
new file mode 100644
index 0000000..4d2ef32
--- /dev/null
+++ b/src/views/tank/components/PieChart.vue
@@ -0,0 +1,79 @@
+<template>
+ <div :class="className" :style="{height:height,width:width}" />
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import resize from './mixins/resize'
+
+export default {
+ mixins: [resize],
+ props: {
+ className: {
+ type: String,
+ default: 'chart'
+ },
+ width: {
+ type: String,
+ default: '100%'
+ },
+ height: {
+ type: String,
+ default: '300px'
+ }
+ },
+ data() {
+ return {
+ chart: null
+ }
+ },
+ mounted() {
+ this.$nextTick(() => {
+ this.initChart()
+ })
+ },
+ beforeDestroy() {
+ if (!this.chart) {
+ return
+ }
+ this.chart.dispose()
+ this.chart = null
+ },
+ methods: {
+ initChart() {
+ this.chart = echarts.init(this.$el, 'macarons')
+
+ this.chart.setOption({
+ tooltip: {
+ trigger: 'item',
+ formatter: '{a} <br/>{b} : {c} ({d}%)'
+ },
+ legend: {
+ left: 'center',
+ bottom: '10',
+ data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts']
+ },
+ series: [
+ {
+ name: 'WEEKLY WRITE ARTICLES',
+ type: 'pie',
+ roseType: 'radius',
+ radius: [15, 95],
+ center: ['50%', '38%'],
+ data: [
+ { value: 320, name: 'Industries' },
+ { value: 240, name: 'Technology' },
+ { value: 149, name: 'Forex' },
+ { value: 100, name: 'Gold' },
+ { value: 59, name: 'Forecasts' }
+ ],
+ animationEasing: 'cubicInOut',
+ animationDuration: 2600
+ }
+ ]
+ })
+ }
+ }
+}
+</script>
diff --git a/src/views/tank/components/RaddarChart.vue b/src/views/tank/components/RaddarChart.vue
new file mode 100644
index 0000000..52c8f9f
--- /dev/null
+++ b/src/views/tank/components/RaddarChart.vue
@@ -0,0 +1,116 @@
+<template>
+ <div :class="className" :style="{height:height,width:width}" />
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import resize from './mixins/resize'
+
+const animationDuration = 3000
+
+export default {
+ mixins: [resize],
+ props: {
+ className: {
+ type: String,
+ default: 'chart'
+ },
+ width: {
+ type: String,
+ default: '100%'
+ },
+ height: {
+ type: String,
+ default: '300px'
+ }
+ },
+ data() {
+ return {
+ chart: null
+ }
+ },
+ mounted() {
+ this.$nextTick(() => {
+ this.initChart()
+ })
+ },
+ beforeDestroy() {
+ if (!this.chart) {
+ return
+ }
+ this.chart.dispose()
+ this.chart = null
+ },
+ methods: {
+ initChart() {
+ this.chart = echarts.init(this.$el, 'macarons')
+
+ this.chart.setOption({
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: { // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
+ type: 'shadow' // 榛樿涓虹洿绾匡紝鍙�変负锛�'line' | 'shadow'
+ }
+ },
+ radar: {
+ radius: '66%',
+ center: ['50%', '42%'],
+ splitNumber: 8,
+ splitArea: {
+ areaStyle: {
+ color: 'rgba(127,95,132,.3)',
+ opacity: 1,
+ shadowBlur: 45,
+ shadowColor: 'rgba(0,0,0,.5)',
+ shadowOffsetX: 0,
+ shadowOffsetY: 15
+ }
+ },
+ indicator: [
+ { name: 'Sales', max: 10000 },
+ { name: 'Administration', max: 20000 },
+ { name: 'Information Technology', max: 20000 },
+ { name: 'Customer Support', max: 20000 },
+ { name: 'Development', max: 20000 },
+ { name: 'Marketing', max: 20000 }
+ ]
+ },
+ legend: {
+ left: 'center',
+ bottom: '10',
+ data: ['Allocated Budget', 'Expected Spending', 'Actual Spending']
+ },
+ series: [{
+ type: 'radar',
+ symbolSize: 0,
+ areaStyle: {
+ normal: {
+ shadowBlur: 13,
+ shadowColor: 'rgba(0,0,0,.2)',
+ shadowOffsetX: 0,
+ shadowOffsetY: 10,
+ opacity: 1
+ }
+ },
+ data: [
+ {
+ value: [5000, 7000, 12000, 11000, 15000, 14000],
+ name: 'Allocated Budget'
+ },
+ {
+ value: [4000, 9000, 15000, 15000, 13000, 11000],
+ name: 'Expected Spending'
+ },
+ {
+ value: [5500, 11000, 12000, 15000, 12000, 12000],
+ name: 'Actual Spending'
+ }
+ ],
+ animationDuration: animationDuration
+ }]
+ })
+ }
+ }
+}
+</script>
diff --git a/src/views/tank/index.vue b/src/views/tank/index.vue
new file mode 100644
index 0000000..4ecd52d
--- /dev/null
+++ b/src/views/tank/index.vue
@@ -0,0 +1,679 @@
+<template>
+ <div v-if="analy" class="app-container">
+ <div class="filter-container">
+ <el-input v-model="listQuery.keyword" size="small" placeholder="璇疯緭鍏ュ悕绉�" clearable class="filter-item w-200" />
+ <!-- <el-date-picker v-model="queryForm.time" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫椂闂�" class="filter-item w-300" size="small"
+ end-placeholder="缁撴潫鏃堕棿" value-format="yyyy-MM-dd" /> -->
+
+ <!-- <el-date-picker v-model="listQuery.time" type="date" placeholder="閫夋嫨鏃ユ湡" class="filter-item w-300" size="small"
+ value-format="yyyy-MM-dd">
+ </el-date-picker> -->
+ <el-button-group class="filter-item">
+ <el-button size="small" type="primary" icon="el-icon-search" @click="search">
+ 鎼滅储
+ </el-button>
+ <el-button size="small" type="primary" icon="el-icon-refresh" @click="refresh">
+ 鍒锋柊
+ </el-button>
+ <el-button v-if="uadd=='Yes'" size="small" type="primary" icon="el-icon-plus" @click="add">
+ 鏂板
+ </el-button>
+ </el-button-group>
+
+ </div>
+
+ <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border fit height="100%"
+ class="table-container" highlight-current-row>
+ <el-table-column fixed label="搴忓彿" width="80">
+ <template slot-scope="scope">
+ {{ scope.row.id }}
+ </template>
+ </el-table-column>
+
+ <el-table-column label="鍌ㄧ綈鍚嶇О" width="170">
+ <template slot-scope="scope">
+ {{ scope.row.tankname }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鍏徃鍚嶇О" width="170">
+ <template slot-scope="scope">
+ {{ scope.row.companyname }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鐩戞祴缁堢" width="350">
+ <template slot-scope="scope">
+ {{ scope.row.monitor }}
+ </template>
+ </el-table-column>
+
+ <el-table-column label="鏌ョ湅" width="60">
+ <template slot-scope="scope">
+ <img src="../../assets/images/look.png" alt="" style="width: 30px;height: 30px;" @click="analyze(scope)">
+ </template>
+
+ </el-table-column>
+ <el-table-column label="娣诲姞鏃堕棿">
+ <template slot-scope="scope">
+ {{ scope.row.addtime }}
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" width="200" v-if="uupdate=='Yes' || udelete=='Yes'">
+ <template slot-scope="scope">
+ <el-button-group>
+ <el-button v-show="uupdate=='Yes'" type="primary" icon="el-icon-edit" size="mini" @click="edit(scope)">
+ 淇敼
+ </el-button>
+ <el-button v-show="udelete=='Yes'" type="danger" icon="el-icon-delete" size="mini" @click="del(scope)">
+ 鍒犻櫎
+ </el-button>
+ </el-button-group>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
+ @pagination="fetchData" />
+
+
+ <el-dialog :visible.sync="dialogVisible" :title="dialogType === 'modify' ? '淇敼' : '鏂板'">
+ <el-form :ref="temp" :model="temp" label-width="120px" label-position="right" :rules="rules">
+
+ <el-form-item label="鍌ㄧ綈鍚嶇О" prop="tankname">
+ <el-input v-model="temp.tankname
+ " placeholder="璇疯緭鍏ュ偍缃愬悕绉�" />
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢1" prop="monitor1">
+ <el-select style="width: 100%;" v-model="temp.monitor1" filterable remote placeholder="璇烽�夋嫨璁惧1"
+ :remote-method="searchMethod1" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options1" :key="item.tagid" :label="item.tagid" :value="item.tagid" >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢2">
+ <el-select style="width: 100%;" v-model="temp.monitor2" filterable remote placeholder="璇烽�夋嫨璁惧2"
+ :remote-method="searchMethod2" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options2" :key="item.tagid" :label="item.tagid" :value="item.tagid">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢3">
+ <el-select style="width: 100%;" v-model="temp.monitor3" filterable remote placeholder="璇烽�夋嫨璁惧3"
+ :remote-method="searchMethod3" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options3" :key="item.tagid" :label="item.tagid" :value="item.tagid">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢4">
+ <el-select style="width: 100%;" v-model="temp.monitor4" filterable remote placeholder="璇烽�夋嫨璁惧4"
+ :remote-method="searchMethod4" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options4" :key="item.tagid" :label="item.tagid" :value="item.tagid">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢5">
+ <el-select style="width: 100%;" v-model="temp.monitor5" filterable remote placeholder="璇烽�夋嫨璁惧5"
+ :remote-method="searchMethod5" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options5" :key="item.tagid" :label="item.tagid" :value="item.tagid">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢6">
+ <el-select style="width: 100%;" v-model="temp.monitor6" filterable remote placeholder="璇烽�夋嫨璁惧6"
+ :remote-method="searchMethod6" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options6" :key="item.tagid" :label="item.tagid" :value="item.tagid">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢7">
+ <el-select style="width: 100%;" v-model="temp.monitor7" filterable remote placeholder="璇烽�夋嫨璁惧7"
+ :remote-method="searchMethod7" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options7" :key="item.tagid" :label="item.tagid" :value="item.tagid">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戞祴缁堢8">
+ <el-select style="width: 100%;" v-model="temp.monitor8" filterable remote placeholder="璇烽�夋嫨璁惧8"
+ :remote-method="searchMethod8" :loading="searchloading" @change="handleChange">
+ <el-option v-for="item in options8" :key="item.tagid" :label="item.tagid" :value="item.tagid">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ <div class="text-right">
+ <el-button type="danger" @click="dialogVisible = false">
+ 鍙栨秷
+ </el-button>
+ <el-button type="primary" @click="submit(temp)">
+ 纭畾
+ </el-button>
+ </div>
+ </el-dialog>
+
+ </div>
+ <div v-else class="app-container">
+ <div style="margin-bottom: 30px;">
+
+ <el-button style="position: absolute; right: 50px;" type="primary" @click="fanhui">杩斿洖</el-button>
+
+
+ </div>
+
+ <BarChart :chartData="chartConfig" :colors="chartColors"/>
+
+
+ </div>
+</template>
+
+<script>
+
+import { formatTime1 } from "@/utils/index.js"; //鏃ユ湡鏍煎紡杞崲
+import BarChart from './components/BarChart.vue';
+import Pagination from '@/components/Pagination'
+import { getTbTank, addorupTbTank, searchdevice,addSystemOperationLog,delTbTank,handlechart2,searchTbTank } from '@/api/tank'
+import { deepClone } from '@/utils'
+const _temp = {
+ id: '',
+ companyname:localStorage.getItem('username') || '',
+ tankname: '',
+ monitor:'',
+ monitor1: '',
+ monitor2: '',
+ monitor3: '',
+ monitor4: '',
+ monitor5: '',
+ monitor6: '',
+ monitor7: '',
+ monitor8: ''
+}
+// const lineChartData = {
+// newVisitis: {
+// ed: [],
+// nd: [],
+// hd: [],
+// x: [],
+
+// },
+
+// };
+export default {
+ components: {
+ BarChart,
+ Pagination
+ },
+ data() {
+ return {
+ rules: {
+ tankname: [
+ { required: true, message: '璇疯緭鍏ュ偍缃愬悕绉�', trigger: 'blur' }
+ ],
+ monitor1: [
+ { required: true, message: '璇烽�夋嫨鐩戞祴缁堢', trigger: 'change' }
+ ]
+ },
+ chartConfig: {
+ // legendData: ['Forest', 'Steppe', 'Desert', 'Wetland'],
+ legendData: ['涓滀綅绉�', '鍖椾綅绉�', '澶╀綅绉�'],
+ xAxisData: [],
+ seriesData: [
+ {
+ name: '涓滀綅绉�',
+ data: [],
+ },
+ {
+ name: '鍖椾綅绉�',
+ data: [],
+ },
+ {
+ name: '澶╀綅绉�',
+ data: [],
+ }
+ ],
+
+ position: 'insideBottom',
+ distance: 15,
+ align: 'left',
+ verticalAlign: 'middle',
+ rotate: 90,
+ },
+ chartColors: ['#074cad', '#91cc75', '#fac858', '#ee6666'], // 鑷畾涔夐鑹叉暟缁�
+ temp: Object.assign({}, _temp),
+ yearprimary: 'success',
+ oneprimary: 'primary',
+ twoprimary: 'primary',
+ threeprimary: 'primary',
+ lastyearprimary: 'primary',
+ nextyearprimary: 'primary',
+ last: true,
+ next: false,
+ yeardata: 0,
+ anchorname: '',
+ tagid: '',
+ queryForm: {
+ time: '',
+ tagid: ''
+ },
+ uadd:'',
+ udelete:'',
+ uupdate:'',
+ searchloading: false,
+ timeExport: '',
+ // lineChartData: lineChartData.newVisitis,
+ analy: true,
+ total: 0,
+ list: [],
+ ForwardData: [],
+ listLoading: true,
+ listQuery: {
+ username: localStorage.getItem('username') || '',
+ current: 1,
+ size: 20,
+ keyword: undefined,
+ time: undefined,
+ },
+ uploadUrl: '',
+ options1: [],
+ options2: [],
+ options3: [],
+ options4: [],
+ options5: [],
+ options6: [],
+ options7: [],
+ options8: [],
+ dialogVisible: false,
+ dialogType: 'create',
+ loading: false
+ }
+ },
+ created() {
+ this.fetchData()
+ },
+ methods: {
+ handleChange() {
+ this.$forceUpdate()
+},
+ fanhui() {
+ this.analy = true
+ },
+ searchMethod1(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { query: query,username: localStorage.getItem('username')}
+ searchdevice(params).then(response => {
+ this.options1 = response.data.map(item => ({
+ tagid: item.tagid // 纭繚鏁版嵁婧愪腑鏈� tagid 瀛楁
+ }));
+ this.loading = false;
+
+ })
+
+
+ } else {
+ this.options1 = [];
+ }
+ },
+ searchMethod2(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { query: query,username: localStorage.getItem('username')}
+ searchdevice(params).then(response => {
+ this.options2 = response.data;
+ this.loading = false;
+ })
+ } else {
+ this.options2 = [];
+ }
+ },
+ searchMethod3(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { query: query,username: localStorage.getItem('username')}
+ searchdevice(params).then(response => {
+ this.options3 = response.data;
+ this.loading = false;
+ })
+ } else {
+ this.options3 = [];
+ }
+ },
+ searchMethod4(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { query: query,username: localStorage.getItem('username')}
+ searchdevice(params).then(response => {
+ this.options4 = response.data;
+ this.loading = false;
+ })
+ } else {
+ this.options4 = [];
+ }
+ },
+ searchMethod5(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { query: query,username: localStorage.getItem('username')}
+ searchdevice(params).then(response => {
+ this.options5 = response.data;
+ this.loading = false;
+ })
+ } else {
+ this.options5 = [];
+ }
+ },
+ searchMethod6(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { query: query,username: localStorage.getItem('username')}
+ searchdevice(params).then(response => {
+ this.options6 = response.data;
+ this.loading = false;
+ })
+ } else {
+ this.options6 = [];
+ }
+ },
+ searchMethod7(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { query: query,username: localStorage.getItem('username')}
+ searchdevice(params).then(response => {
+ this.options7 = response.data;
+ this.loading = false;
+ })
+ } else {
+ this.options7 = [];
+ }
+ },
+ searchMethod8(query) {
+ if (query !== '') {
+ this.loading = true;
+ var params = { username: localStorage.getItem('username'),query: query}
+ searchdevice(params).then(response => {
+ this.options8 = response.data;
+ this.loading = false;
+ })
+ } else {
+ this.options8 = [];
+ }
+ },
+
+ analyze(scope) {
+ this.chartConfig.xAxisData = scope.row.monitor.split(",")
+ this.tagid = scope.row.tagid
+ // for (let index = 0; index < scope.row.monitor.split(",").length; index++) {
+ // const element = array[index];
+ const params = { username: localStorage.getItem('username') || '', tagid: scope.row.monitor };
+ handlechart2(params).then(response => {
+ this.chartConfig.seriesData[0].data=response.data.ed
+ this.chartConfig.seriesData[1].data=response.data.nd
+ this.chartConfig.seriesData[2].data=response.data.hd
+ // this.lineChartData = response.data
+ this.analy = false
+ })
+ // }
+
+ },
+ resetTemp() {
+ this.temp = Object.assign({}, _temp)
+ },
+ add() {
+ this.resetTemp()
+ this.dialogVisible = true
+ this.dialogType = 'create'
+ // this.$nextTick(() => {
+ // this.$refs['dataForm'].clearValidate()
+ // })
+ },
+ edit(scope) {
+ this.resetTemp()
+ this.dialogVisible = true
+ this.dialogType = 'modify'
+ this.temp = deepClone(scope.row)
+ if (scope.row.monitor.split(",").length==1) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ }
+ if (scope.row.monitor.split(",").length==2) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ this.temp.monitor2 =scope.row.monitor.split(",")[1]
+
+ }
+ if (scope.row.monitor.split(",").length==3) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ this.temp.monitor2 =scope.row.monitor.split(",")[1]
+ this.temp.monitor3 =scope.row.monitor.split(",")[2]
+ }
+ if (scope.row.monitor.split(",").length==4) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ this.temp.monitor2 =scope.row.monitor.split(",")[1]
+ this.temp.monitor3 =scope.row.monitor.split(",")[2]
+ this.temp.monitor4 =scope.row.monitor.split(",")[3]
+ }
+ if (scope.row.monitor.split(",").length==5) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ this.temp.monitor2 =scope.row.monitor.split(",")[1]
+ this.temp.monitor3 =scope.row.monitor.split(",")[2]
+ this.temp.monitor4 =scope.row.monitor.split(",")[3]
+ this.temp.monitor5 =scope.row.monitor.split(",")[4]
+ }
+ if (scope.row.monitor.split(",").length==6) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ this.temp.monitor2 =scope.row.monitor.split(",")[1]
+ this.temp.monitor3 =scope.row.monitor.split(",")[2]
+ this.temp.monitor4 =scope.row.monitor.split(",")[3]
+ this.temp.monitor5 =scope.row.monitor.split(",")[4]
+ this.temp.monitor6 =scope.row.monitor.split(",")[5]
+ }
+ if (scope.row.monitor.split(",").length==7) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ this.temp.monitor2 =scope.row.monitor.split(",")[1]
+ this.temp.monitor3 =scope.row.monitor.split(",")[2]
+ this.temp.monitor4 =scope.row.monitor.split(",")[3]
+ this.temp.monitor5 =scope.row.monitor.split(",")[4]
+ this.temp.monitor6 =scope.row.monitor.split(",")[5]
+ this.temp.monitor7 =scope.row.monitor.split(",")[6]
+ }
+ if (scope.row.monitor.split(",").length==8) {
+ this.temp.monitor1 =scope.row.monitor.split(",")[0]
+ this.temp.monitor2 =scope.row.monitor.split(",")[1]
+ this.temp.monitor3 =scope.row.monitor.split(",")[2]
+ this.temp.monitor4 =scope.row.monitor.split(",")[3]
+ this.temp.monitor5 =scope.row.monitor.split(",")[4]
+ this.temp.monitor6 =scope.row.monitor.split(",")[5]
+ this.temp.monitor7 =scope.row.monitor.split(",")[6]
+ this.temp.monitor8 =scope.row.monitor.split(",")[7]
+ }
+ },
+ // 鍒犻櫎
+ del(scope) {
+ this.$confirm('纭鍒犻櫎璇ユ潯鏁版嵁鍚楋紵', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ setTimeout(() => {
+ const params = { id: scope.row.id };
+ this.list.splice(scope.$index, 1)
+ delTbTank(params).then(response => {
+ this.temp.adminname = localStorage.getItem('username') || '';
+ const params = { name: this.temp.adminname, content: '鍒犻櫎浜嗕竴涓偍缃愶紝璇ュ悕绉颁负锛�'+scope.row.tankname };
+ addSystemOperationLog(params).then(response => {
+
+ })
+ this.$message({
+ message: '鍒犻櫎鎴愬姛',
+ type: 'success'
+ })
+ this.fetchData()
+ })
+ }, 300)
+ })
+ },
+ // 鎼滅储
+ search() {
+ this.listLoading = true
+ searchTbTank(this.listQuery).then(response => {
+ if (response.data!=null) {
+ this.list = response.data.records
+ this.total = response.data.total
+ }else{
+ this.$message({
+ message: '鏈悳绱㈠埌鏁版嵁',
+ type: 'error'
+ })
+ }
+
+ this.listLoading = false
+ })
+ },
+ refresh() {
+ this.listQuery = {
+ username: localStorage.getItem('username') || '',
+ current: 1,
+ size: 20,
+ time: undefined,
+ keyword: undefined
+ }
+ this.fetchData()
+ },
+ // 鍒嗛〉鏁版嵁
+ fetchData() {
+ this.uadd = localStorage.getItem('uadd') || '';
+ this.udelete = localStorage.getItem('udelete') || '';
+ this.uupdate = localStorage.getItem('uupdate') || '';
+ this.listLoading = true
+ getTbTank(this.listQuery).then(response => {
+ this.list = response.data.records
+ this.total = response.data.total
+ this.listLoading = false
+ })
+ },
+ submit(formName) {
+ if (this.loading) {
+ return
+ }
+ this.temp.tagid = this.temp.tagid
+ if (this.temp.monitor1!=undefined) {
+ this.temp.monitor=this.temp.monitor1
+ }
+ if (this.temp.monitor2!='' && this.temp.monitor2!=undefined) {
+ this.temp.monitor= this.temp.monitor+","+this.temp.monitor2
+ }
+ if (this.temp.monitor3!=''&& this.temp.monitor3!=undefined) {
+ this.temp.monitor=this.temp.monitor+","+this.temp.monitor3
+ }
+ if (this.temp.monitor4!=''&& this.temp.monitor4!=undefined) {
+ this.temp.monitor=this.temp.monitor+","+this.temp.monitor4
+ }
+ if (this.temp.monitor5!=''&& this.temp.monitor5!=undefined) {
+ this.temp.monitor=this.temp.monitor+","+this.temp.monitor5
+ }
+ if (this.temp.monitor6!=''&& this.temp.monitor6!=undefined) {
+ this.temp.monitor=this.temp.monitor+","+this.temp.monitor6
+ }
+ if (this.temp.monitor7!=''&&this.temp.monitor7!=undefined) {
+ this.temp.monitor=this.temp.monitor+","+this.temp.monitor7
+ }
+ if (this.temp.monitor8!=''&& this.temp.monitor8!=undefined) {
+ this.temp.monitor=this.temp.monitor+","+this.temp.monitor8
+ }
+ // this.temp.monitor.renderToString
+ this.$refs[this.temp].validate((valid) => {
+ if (valid) {
+ this.loading = true
+ addorupTbTank(this.temp).then((response) => {
+ if (response.data=='-1') {
+ this.$message({
+ message: '鎻愪氦澶辫触锛岃妫�鏌ュ悕绉版槸鍚﹂噸澶�',
+ type: 'error'
+ })
+ console.log('error submit!!');
+ return false;
+ }else{
+ if (this.temp.id == "") {
+ this.temp.adminname = localStorage.getItem('username') || '';
+ const params = { name: this.temp.adminname, content: '鏂板浜嗕竴涓偍缃愶紝璇ュ悕绉颁负锛�' + this.temp.tankname };
+ addSystemOperationLog(params).then(response => {
+
+ })
+ } else {
+ this.temp.adminname = localStorage.getItem('username') || '';
+ const params = { name: this.temp.adminname, content: '淇敼浜嗕竴涓偍缃愶紝璇ュ悕绉颁负锛�' + this.temp.tankname };
+ addSystemOperationLog(params).then(response => {
+
+ })
+ }
+ this.fetchData()
+ setTimeout(() => {
+ this.$message({
+ message: '鎻愪氦鎴愬姛',
+ type: 'success'
+ })
+ this.dialogVisible = false
+ this.loading = false
+ }, 300)
+ }
+
+ })
+ // alert('submit!');
+ } else {
+ this.$message({
+ message: '鎻愪氦澶辫触锛岃妫�鏌ヨ〃鍗曞繀濉」鏄惁涓虹┖',
+ type: 'error'
+ })
+ console.log('error submit!!');
+ return false;
+ }
+ });
+
+
+ }
+
+
+
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.el-upload {
+ border: 1px dashed #d9d9d9 !important;
+ border-radius: 6px;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+
+ .el-icon-plus.avatar-uploader-icon {
+ border: 1px dashed #d9d9d9 !important;
+ border-radius: 6px;
+ font-size: 28px;
+ color: #8c939d;
+ width: 128px;
+ height: 128px;
+ line-height: 128px;
+ text-align: center;
+ }
+}
+
+.el-table .el-table__body tr:hover {
+ background-color: transparent !important;
+ /* 浣犳兂瑕佺殑鑳屾櫙鑹� */
+ color: #000 !important;
+}
+
+.el-table__body {
+ tr:hover>td {
+ background-color: transparent !important;
+ /* 浣犳兂瑕佺殑鑳屾櫙鑹� */
+ color: #000 !important;
+ }
+}
+
+
+.avatar-uploader {
+ height: 128px;
+
+ img {
+ width: 128px;
+ height: 128px;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/video/index.vue b/src/views/video/index.vue
new file mode 100644
index 0000000..3bba57a
--- /dev/null
+++ b/src/views/video/index.vue
@@ -0,0 +1,49 @@
+<template>
+ <div>
+ <el-card>
+ <template #header>
+ <span>瑙嗛鎾斁</span>
+ </template>
+ <video ref="videoPlayer" width="100%" controls>
+ <source :src="videoUrl" type="video/mp4">
+ 鎮ㄧ殑娴忚鍣ㄤ笉鏀寔瑙嗛鎾斁銆�
+ </video>
+ <el-row>
+ <el-col :span="12">
+ <el-button @click="playVideo">鎾斁</el-button>
+ <el-button @click="pauseVideo">鏆傚仠</el-button>
+ </el-col>
+ <el-col :span="12">
+ <el-input v-model="videoUrl" placeholder="璇疯緭鍏ヨ棰戝湴鍧�"></el-input>
+ <el-button @click="loadVideo">鍔犺浇瑙嗛</el-button>
+ </el-col>
+ </el-row>
+ </el-card>
+ </div>
+ </template>
+
+ <script>
+ export default {
+ data() {
+ return {
+ videoUrl: 'https://media.w3.org/2010/05/sintel/trailer.mp4'
+ };
+ },
+ methods: {
+ playVideo() {
+ this.$refs.videoPlayer.play();
+ },
+ pauseVideo() {
+ this.$refs.videoPlayer.pause();
+ },
+ loadVideo() {
+ this.$refs.videoPlayer.load();
+ }
+ }
+ };
+ </script>
+
+ <style scoped>
+ /* 杩欓噷鍙互娣诲姞鑷畾涔夋牱寮� */
+ </style>
+
\ No newline at end of file
--
Gitblit v1.9.3