From 340d4121c9cdbd6776ffabb20b9b3a905fe8a66b Mon Sep 17 00:00:00 2001 From: jinna Date: Tue, 10 Jan 2023 11:28:22 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 109 +- package.json | 3 + src/assets/images/full.png | Bin 0 -> 500 bytes src/assets/images/nofull.png | Bin 0 -> 392 bytes src/assets/js/full.js | 28 + src/assets/json/data.json | 6452 +++++++++++++++++++++++++++++ src/router/index.js | 14 +- src/styles/style.css | 25 +- src/util/auth.js | 11 + src/views/dashboard/dashboard.vue | 3286 ++++++++------- src/views/dashboard/homepage.vue | 447 +- 11 files changed, 8759 insertions(+), 1616 deletions(-) create mode 100644 src/assets/images/full.png create mode 100644 src/assets/images/nofull.png create mode 100644 src/assets/js/full.js create mode 100644 src/assets/json/data.json create mode 100644 src/util/auth.js diff --git a/package-lock.json b/package-lock.json index d5cead9..84b1a3f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1956,6 +1956,49 @@ "webpack-merge": "^5.7.3", "webpack-virtual-modules": "^0.4.2", "whatwg-fetch": "^3.6.2" + }, + "dependencies": { + "@vue/vue-loader-v15": { + "version": "npm:vue-loader@15.10.1", + "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.1.tgz", + "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==", + "dev": true, + "requires": { + "@vue/component-compiler-utils": "^3.1.0", + "hash-sum": "^1.0.2", + "loader-utils": "^1.1.0", + "vue-hot-reload-api": "^2.3.0", + "vue-style-loader": "^4.1.0" + }, + "dependencies": { + "hash-sum": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz", + "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==", + "dev": true + } + } + }, + "json5": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", + "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "dev": true, + "requires": { + "minimist": "^1.2.0" + } + }, + "loader-utils": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz", + "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==", + "dev": true, + "requires": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^1.0.1" + } + } } }, "@vue/cli-shared-utils": { @@ -2117,47 +2160,6 @@ "eslint-plugin-import": "^2.25.3" } }, - "@vue/vue-loader-v15": { - "version": "npm:vue-loader@15.10.1", - "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.1.tgz", - "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==", - "dev": true, - "requires": { - "@vue/component-compiler-utils": "^3.1.0", - "hash-sum": "^1.0.2", - "loader-utils": "^1.1.0", - "vue-hot-reload-api": "^2.3.0", - "vue-style-loader": "^4.1.0" - }, - "dependencies": { - "hash-sum": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz", - "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==", - "dev": true - }, - "json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", - "dev": true, - "requires": { - "minimist": "^1.2.0" - } - }, - "loader-utils": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz", - "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==", - "dev": true, - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^1.0.1" - } - } - } - }, "@vue/web-component-wrapper": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz", @@ -5726,6 +5728,11 @@ "@sideway/pinpoint": "^2.0.0" } }, + "js-cookie": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.1.tgz", + "integrity": "sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw==" + }, "js-message": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz", @@ -7596,6 +7603,11 @@ "ajv-keywords": "^3.5.2" } }, + "screenfull": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.0.2.tgz", + "integrity": "sha512-cCF2b+L/mnEiORLN5xSAz6H3t18i2oHh9BA8+CQlAh5DRw2+NFAGQJOSYbcGw8B2k04g/lVvFcfZ83b3ysH5UQ==" + }, "select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -8527,6 +8539,21 @@ } } }, + "vue-fullscreen": { + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/vue-fullscreen/-/vue-fullscreen-2.6.1.tgz", + "integrity": "sha512-bbMJDKj2ZhsAwLcsvh8oV8WJeqAr2zxTHysvf7H8wSqaJTn5CnHXMSMbP9Tz4L/54I7jNQIdyA7VZ+EKAG+svg==", + "requires": { + "screenfull": "^5.1.0" + }, + "dependencies": { + "screenfull": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz", + "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==" + } + } + }, "vue-hot-reload-api": { "version": "2.3.4", "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz", diff --git a/package.json b/package.json index cdf5895..18d8899 100644 --- a/package.json +++ b/package.json @@ -11,8 +11,11 @@ "core-js": "^3.8.3", "echarts": "^5.4.0", "element-ui": "^2.15.12", + "js-cookie": "^3.0.1", "postcss-pxtorem": "^6.0.0", + "screenfull": "^5.0.2", "vue": "^2.6.14", + "vue-fullscreen": "^2.6.1", "vue-router": "^3.5.1", "vuex": "^3.6.2" }, diff --git a/src/assets/images/full.png b/src/assets/images/full.png new file mode 100644 index 0000000000000000000000000000000000000000..cca0e709d83f557972890c2dc8beff0fb3490845 GIT binary patch literal 500 zcmVq z+;-c}E|(mln@pN?=g&9a&dyGrEqLV%j-UNM07X$e!AdW{%x#|MmlnqGA$o&=?mIp< z^#2M27{8*>N4}7;QohId&In)^y&a{yT_%N(nV59|RxwychUlMJg4XGf&?$S@$eVz$ z0+^uufrxQ32o-#YpHJk%3;@ML90>9x5IVT9=;|U4fY6!(!Vm8JNMV`)NY;(s&CRimCND>Vh{Faa1ExOstd1)OXB&5nHrT0RD0v>ufs!9Rtw}Q0Ob% z0BO^e)wDO4A}sH@-_J|u?iyaPe{Q`oW(HJ~853Z?hJn^*<=cgxW9ivbuN9Y1s>}xm z?0v^}OcL0{X3*M--9R#t*UPPGy q2lizwU(^51eZZ1=icSZhW8fDX`u`#3YRFLl0000427m$Rp*Qa&CvuFPI|rnsuq78J z_w(^=-&qYh9;)N~g9MNiXjDLJJyJ?Ne?6#8ae@Hkgv58u4ImC}ArNN*-wWmzagJ^r zPJtyH_L!>@0s%GF8P>TE%KmO8f53JIpLY}h86!vyLJ9!atNG`_x3_^+z)0?Hodm%43EE2lNJ@7UI8Y?-*8p&oJqzGV^3UHA zKvJOp3iPQCjB)+e<_by*5mmyIu@BY_(H1yeZ7L|ml$`9UE*h#GEP&fm5$GiV$Y3+X zthI6<1os{&9}`tqleS}eFSxBd3c$RGZg8r#R8#A@UQm6vAiU>>Q(ysr-1m}+=?4b- m?0a9bXCNj~8`}hs6!-vL>Bu4O9HA8e0000img{ + margin-right:0.5rem ; +} .right-top { width: 100%; @@ -677,6 +689,17 @@ pre { position: relative; } +.right-top>.chart_box{ + position: absolute; + top: 0.42rem; + bottom: 0; + width: 90%; + margin: auto; + left: 0; + right: 0; + height: 75%; +} + .right-top>.data-box, .right-top>.chart-box { top: 1rem; @@ -758,7 +781,7 @@ pre { .right-center { width: 100%; - height: 29%; + height: 24%; position: relative; } diff --git a/src/util/auth.js b/src/util/auth.js new file mode 100644 index 0000000..c00785e --- /dev/null +++ b/src/util/auth.js @@ -0,0 +1,11 @@ +import Cookies from "js-cookie"; +/** + * 存token + * @param {*} + */ +export function setToken(val) { + if (window.location.protocol === "https:") { + return Cookies.set("scs_token", val, { sameSite: "none", secure: true }); + } + return Cookies.set("scs_token", val); +} diff --git a/src/views/dashboard/dashboard.vue b/src/views/dashboard/dashboard.vue index 24fbf68..65f1538 100644 --- a/src/views/dashboard/dashboard.vue +++ b/src/views/dashboard/dashboard.vue @@ -1,69 +1,77 @@ diff --git a/src/views/dashboard/homepage.vue b/src/views/dashboard/homepage.vue index aeaaadf..f1bdaad 100644 --- a/src/views/dashboard/homepage.vue +++ b/src/views/dashboard/homepage.vue @@ -1,31 +1,440 @@ + + \ No newline at end of file + &:last-child{ + border: none; + } + } + } + .right_time{ + width: 25%; + height: 100%; + color: #fff; + font-size: 0.18rem; + display: flex; + align-items: center; + } + } + } + + .center_cen{ + width: 100%; + height: 46%; + background: red; + } + .cen_bot{ + width: 100%; + height: 30%; + display: flex; + // background: green; + + .echarts{ + width: 50%; + height: 100%; + + } + } + } + .right_box { + width: 30%; + height: 100%; + background: url(~@/assets/images/line_img.png) top left repeat-y; + + .full_btn{ + width: 92%; + height: 3%; + // background: red; + display: flex; + justify-content: flex-end; + align-items: center; + } + + .right_top{ + width: 92%; + height: 30%; + margin: 0 auto; + margin-top: 0.1rem; + + .title_box { + width: 100%; + height: 0.42rem; + background: url(~@/assets/images/box_title.png) top left no-repeat; + background-size:100% 100% ; + + .tit { + width: 30%; + height: 100%; + font-size: 0.2rem; + color: #fff; + display: flex; + align-items: center; + padding-left: 0.4rem; + } + } + } + + .right_center{ + width: 92%; + height: 45%; + // background: red; + margin:0 auto; + .title_box { + width: 100%; + height: 0.42rem; + background: url(~@/assets/images/box_title.png) top left no-repeat; + background-size:100% 100% ; + + .tit { + width: 30%; + height: 100%; + font-size: 0.2rem; + color: #fff; + display: flex; + align-items: center; + padding-left: 0.4rem; + } + } + } + + .right_bot{ + width: 92%; + height: 20%; + // background: green; + margin:0 auto; + .title_box { + width: 100%; + height: 0.42rem; + background: url(~@/assets/images/box_title.png) top left no-repeat; + background-size:100% 100% ; + + .tit { + width: 30%; + height: 100%; + font-size: 0.2rem; + color: #fff; + display: flex; + align-items: center; + padding-left: 0.4rem; + } + } + } + } +} +