Compare commits
No commits in common. "master" and "dev" have entirely different histories.
|
|
@ -10,11 +10,8 @@
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^1.6.5",
|
"axios": "^1.6.5",
|
||||||
"cors": "^2.8.5",
|
"cors": "^2.8.5",
|
||||||
"crypto-js": "^4.2.0",
|
|
||||||
"element-plus": "^2.4.4",
|
"element-plus": "^2.4.4",
|
||||||
"js-cookie": "^3.0.5",
|
|
||||||
"js-md5": "^0.8.3",
|
"js-md5": "^0.8.3",
|
||||||
"qrcode": "^1.5.3",
|
|
||||||
"video.js": "^8.9.0",
|
"video.js": "^8.9.0",
|
||||||
"vue": "^3.3.11",
|
"vue": "^3.3.11",
|
||||||
"vue-cookies": "^1.8.3",
|
"vue-cookies": "^1.8.3",
|
||||||
|
|
@ -933,28 +930,6 @@
|
||||||
"npm": ">=5"
|
"npm": ">=5"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/ansi-regex": {
|
|
||||||
"version": "5.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
|
||||||
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/ansi-styles": {
|
|
||||||
"version": "4.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
|
||||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
|
||||||
"dependencies": {
|
|
||||||
"color-convert": "^2.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/anymatch": {
|
"node_modules/anymatch": {
|
||||||
"version": "3.1.3",
|
"version": "3.1.3",
|
||||||
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
|
||||||
|
|
@ -1022,14 +997,6 @@
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/camelcase": {
|
|
||||||
"version": "5.3.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
|
|
||||||
"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=6"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/chokidar": {
|
"node_modules/chokidar": {
|
||||||
"version": "3.5.3",
|
"version": "3.5.3",
|
||||||
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
|
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
|
||||||
|
|
@ -1057,32 +1024,6 @@
|
||||||
"fsevents": "~2.3.2"
|
"fsevents": "~2.3.2"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/cliui": {
|
|
||||||
"version": "6.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
|
|
||||||
"integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
|
|
||||||
"dependencies": {
|
|
||||||
"string-width": "^4.2.0",
|
|
||||||
"strip-ansi": "^6.0.0",
|
|
||||||
"wrap-ansi": "^6.2.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/color-convert": {
|
|
||||||
"version": "2.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
|
||||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
|
||||||
"dependencies": {
|
|
||||||
"color-name": "~1.1.4"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=7.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/color-name": {
|
|
||||||
"version": "1.1.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
|
||||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
|
|
||||||
},
|
|
||||||
"node_modules/combined-stream": {
|
"node_modules/combined-stream": {
|
||||||
"version": "1.0.8",
|
"version": "1.0.8",
|
||||||
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
|
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||||
|
|
@ -1106,11 +1047,6 @@
|
||||||
"node": ">= 0.10"
|
"node": ">= 0.10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/crypto-js": {
|
|
||||||
"version": "4.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
|
|
||||||
"integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
|
|
||||||
},
|
|
||||||
"node_modules/csstype": {
|
"node_modules/csstype": {
|
||||||
"version": "3.1.3",
|
"version": "3.1.3",
|
||||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
|
||||||
|
|
@ -1121,14 +1057,6 @@
|
||||||
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
|
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
|
||||||
"integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
|
"integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
|
||||||
},
|
},
|
||||||
"node_modules/decamelize": {
|
|
||||||
"version": "1.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
|
|
||||||
"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/decompress-response": {
|
"node_modules/decompress-response": {
|
||||||
"version": "6.0.0",
|
"version": "6.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
|
||||||
|
|
@ -1151,11 +1079,6 @@
|
||||||
"node": ">=0.4.0"
|
"node": ">=0.4.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/dijkstrajs": {
|
|
||||||
"version": "1.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
|
|
||||||
"integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
|
|
||||||
},
|
|
||||||
"node_modules/dom-walk": {
|
"node_modules/dom-walk": {
|
||||||
"version": "0.1.2",
|
"version": "0.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
|
||||||
|
|
@ -1186,16 +1109,6 @@
|
||||||
"vue": "^3.2.0"
|
"vue": "^3.2.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/emoji-regex": {
|
|
||||||
"version": "8.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
|
||||||
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
|
|
||||||
},
|
|
||||||
"node_modules/encode-utf8": {
|
|
||||||
"version": "1.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
|
|
||||||
"integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw=="
|
|
||||||
},
|
|
||||||
"node_modules/entities": {
|
"node_modules/entities": {
|
||||||
"version": "4.5.0",
|
"version": "4.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
|
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
|
||||||
|
|
@ -1267,18 +1180,6 @@
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/find-up": {
|
|
||||||
"version": "4.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
|
|
||||||
"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
|
|
||||||
"dependencies": {
|
|
||||||
"locate-path": "^5.0.0",
|
|
||||||
"path-exists": "^4.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/follow-redirects": {
|
"node_modules/follow-redirects": {
|
||||||
"version": "1.15.4",
|
"version": "1.15.4",
|
||||||
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
|
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
|
||||||
|
|
@ -1330,14 +1231,6 @@
|
||||||
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/get-caller-file": {
|
|
||||||
"version": "2.0.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
|
|
||||||
"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
|
|
||||||
"engines": {
|
|
||||||
"node": "6.* || 8.* || >= 10.*"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/glob": {
|
"node_modules/glob": {
|
||||||
"version": "8.1.0",
|
"version": "8.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
|
||||||
|
|
@ -1425,14 +1318,6 @@
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/is-fullwidth-code-point": {
|
|
||||||
"version": "3.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
|
|
||||||
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/is-function": {
|
"node_modules/is-function": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.2.tgz",
|
||||||
|
|
@ -1464,14 +1349,6 @@
|
||||||
"resolved": "https://registry.npmjs.org/js-binary-schema-parser/-/js-binary-schema-parser-2.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/js-binary-schema-parser/-/js-binary-schema-parser-2.0.3.tgz",
|
||||||
"integrity": "sha512-xezGJmOb4lk/M1ZZLTR/jaBHQ4gG/lqQnJqdIv4721DMggsa1bDVlHXNeHYogaIEHD9vCRv0fcL4hMA+Coarkg=="
|
"integrity": "sha512-xezGJmOb4lk/M1ZZLTR/jaBHQ4gG/lqQnJqdIv4721DMggsa1bDVlHXNeHYogaIEHD9vCRv0fcL4hMA+Coarkg=="
|
||||||
},
|
},
|
||||||
"node_modules/js-cookie": {
|
|
||||||
"version": "3.0.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
|
|
||||||
"integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=14"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/js-md5": {
|
"node_modules/js-md5": {
|
||||||
"version": "0.8.3",
|
"version": "0.8.3",
|
||||||
"resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.8.3.tgz",
|
"resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.8.3.tgz",
|
||||||
|
|
@ -1482,17 +1359,6 @@
|
||||||
"resolved": "https://registry.npmjs.org/keycode/-/keycode-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/keycode/-/keycode-2.2.0.tgz",
|
||||||
"integrity": "sha512-ps3I9jAdNtRpJrbBvQjpzyFbss/skHqzS+eu4RxKLaEAtFqkjZaB6TZMSivPbLxf4K7VI4SjR0P5mRCX5+Q25A=="
|
"integrity": "sha512-ps3I9jAdNtRpJrbBvQjpzyFbss/skHqzS+eu4RxKLaEAtFqkjZaB6TZMSivPbLxf4K7VI4SjR0P5mRCX5+Q25A=="
|
||||||
},
|
},
|
||||||
"node_modules/locate-path": {
|
|
||||||
"version": "5.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
|
|
||||||
"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
|
|
||||||
"dependencies": {
|
|
||||||
"p-locate": "^4.1.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/lodash": {
|
"node_modules/lodash": {
|
||||||
"version": "4.17.21",
|
"version": "4.17.21",
|
||||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
|
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
|
||||||
|
|
@ -1679,52 +1545,11 @@
|
||||||
"wrappy": "1"
|
"wrappy": "1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/p-limit": {
|
|
||||||
"version": "2.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
|
|
||||||
"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
|
|
||||||
"dependencies": {
|
|
||||||
"p-try": "^2.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=6"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/sponsors/sindresorhus"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/p-locate": {
|
|
||||||
"version": "4.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
|
|
||||||
"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
|
|
||||||
"dependencies": {
|
|
||||||
"p-limit": "^2.2.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/p-try": {
|
|
||||||
"version": "2.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
|
|
||||||
"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=6"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/parenthesis": {
|
"node_modules/parenthesis": {
|
||||||
"version": "3.1.8",
|
"version": "3.1.8",
|
||||||
"resolved": "https://registry.npmjs.org/parenthesis/-/parenthesis-3.1.8.tgz",
|
"resolved": "https://registry.npmjs.org/parenthesis/-/parenthesis-3.1.8.tgz",
|
||||||
"integrity": "sha512-KF/U8tk54BgQewkJPvB4s/US3VQY68BRDpH638+7O/n58TpnwiwnOtGIOsT2/i+M78s61BBpeC83STB88d8sqw=="
|
"integrity": "sha512-KF/U8tk54BgQewkJPvB4s/US3VQY68BRDpH638+7O/n58TpnwiwnOtGIOsT2/i+M78s61BBpeC83STB88d8sqw=="
|
||||||
},
|
},
|
||||||
"node_modules/path-exists": {
|
|
||||||
"version": "4.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
|
|
||||||
"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/picocolors": {
|
"node_modules/picocolors": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
||||||
|
|
@ -1753,14 +1578,6 @@
|
||||||
"pkcs7": "bin/cli.js"
|
"pkcs7": "bin/cli.js"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/pngjs": {
|
|
||||||
"version": "5.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
|
|
||||||
"integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=10.13.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/postcss": {
|
"node_modules/postcss": {
|
||||||
"version": "8.4.33",
|
"version": "8.4.33",
|
||||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
|
||||||
|
|
@ -1801,23 +1618,6 @@
|
||||||
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||||
},
|
},
|
||||||
"node_modules/qrcode": {
|
|
||||||
"version": "1.5.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz",
|
|
||||||
"integrity": "sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==",
|
|
||||||
"dependencies": {
|
|
||||||
"dijkstrajs": "^1.0.1",
|
|
||||||
"encode-utf8": "^1.0.3",
|
|
||||||
"pngjs": "^5.0.0",
|
|
||||||
"yargs": "^15.3.1"
|
|
||||||
},
|
|
||||||
"bin": {
|
|
||||||
"qrcode": "bin/qrcode"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=10.13.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/readdirp": {
|
"node_modules/readdirp": {
|
||||||
"version": "3.6.0",
|
"version": "3.6.0",
|
||||||
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
|
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
|
||||||
|
|
@ -1835,19 +1635,6 @@
|
||||||
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
|
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
|
||||||
"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
|
"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
|
||||||
},
|
},
|
||||||
"node_modules/require-directory": {
|
|
||||||
"version": "2.1.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
|
|
||||||
"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/require-main-filename": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
|
|
||||||
"integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
|
|
||||||
},
|
|
||||||
"node_modules/rollup": {
|
"node_modules/rollup": {
|
||||||
"version": "4.9.4",
|
"version": "4.9.4",
|
||||||
"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.4.tgz",
|
"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.4.tgz",
|
||||||
|
|
@ -1913,11 +1700,6 @@
|
||||||
"node": ">=14.0.0"
|
"node": ">=14.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/set-blocking": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
|
|
||||||
"integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
|
|
||||||
},
|
|
||||||
"node_modules/simple-concat": {
|
"node_modules/simple-concat": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
|
||||||
|
|
@ -1977,30 +1759,6 @@
|
||||||
"parenthesis": "^3.1.5"
|
"parenthesis": "^3.1.5"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/string-width": {
|
|
||||||
"version": "4.2.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
|
||||||
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
|
||||||
"dependencies": {
|
|
||||||
"emoji-regex": "^8.0.0",
|
|
||||||
"is-fullwidth-code-point": "^3.0.0",
|
|
||||||
"strip-ansi": "^6.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/strip-ansi": {
|
|
||||||
"version": "6.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
|
||||||
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
|
||||||
"dependencies": {
|
|
||||||
"ansi-regex": "^5.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/to-regex-range": {
|
"node_modules/to-regex-range": {
|
||||||
"version": "5.0.1",
|
"version": "5.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
|
||||||
|
|
@ -2180,66 +1938,10 @@
|
||||||
"vue": "^3.2.0"
|
"vue": "^3.2.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/which-module": {
|
|
||||||
"version": "2.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
|
|
||||||
"integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
|
|
||||||
},
|
|
||||||
"node_modules/wrap-ansi": {
|
|
||||||
"version": "6.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
|
|
||||||
"integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
|
|
||||||
"dependencies": {
|
|
||||||
"ansi-styles": "^4.0.0",
|
|
||||||
"string-width": "^4.1.0",
|
|
||||||
"strip-ansi": "^6.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/wrappy": {
|
"node_modules/wrappy": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
|
||||||
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
|
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
|
||||||
},
|
|
||||||
"node_modules/y18n": {
|
|
||||||
"version": "4.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
|
|
||||||
"integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
|
|
||||||
},
|
|
||||||
"node_modules/yargs": {
|
|
||||||
"version": "15.4.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
|
|
||||||
"integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
|
|
||||||
"dependencies": {
|
|
||||||
"cliui": "^6.0.0",
|
|
||||||
"decamelize": "^1.2.0",
|
|
||||||
"find-up": "^4.1.0",
|
|
||||||
"get-caller-file": "^2.0.1",
|
|
||||||
"require-directory": "^2.1.1",
|
|
||||||
"require-main-filename": "^2.0.0",
|
|
||||||
"set-blocking": "^2.0.0",
|
|
||||||
"string-width": "^4.2.0",
|
|
||||||
"which-module": "^2.0.0",
|
|
||||||
"y18n": "^4.0.0",
|
|
||||||
"yargs-parser": "^18.1.2"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/yargs-parser": {
|
|
||||||
"version": "18.1.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
|
|
||||||
"integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
|
|
||||||
"dependencies": {
|
|
||||||
"camelcase": "^5.0.0",
|
|
||||||
"decamelize": "^1.2.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=6"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -11,11 +11,8 @@
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^1.6.5",
|
"axios": "^1.6.5",
|
||||||
"cors": "^2.8.5",
|
"cors": "^2.8.5",
|
||||||
"crypto-js": "^4.2.0",
|
|
||||||
"element-plus": "^2.4.4",
|
"element-plus": "^2.4.4",
|
||||||
"js-cookie": "^3.0.5",
|
|
||||||
"js-md5": "^0.8.3",
|
"js-md5": "^0.8.3",
|
||||||
"qrcode": "^1.5.3",
|
|
||||||
"video.js": "^8.9.0",
|
"video.js": "^8.9.0",
|
||||||
"vue": "^3.3.11",
|
"vue": "^3.3.11",
|
||||||
"vue-cookies": "^1.8.3",
|
"vue-cookies": "^1.8.3",
|
||||||
|
|
|
||||||
|
|
@ -1,65 +0,0 @@
|
||||||
import request from '@/utils/request.js'
|
|
||||||
|
|
||||||
export const runCIDService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in data) {
|
|
||||||
if(key == 'token') continue;
|
|
||||||
params.append(key, data[key])
|
|
||||||
}
|
|
||||||
return request.post('/cid/run', params, { "headers": { 'token': data.token } });
|
|
||||||
}
|
|
||||||
|
|
||||||
export const updateCIDService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in data) {
|
|
||||||
if (key == 'token') continue;
|
|
||||||
params.append(key, data[key])
|
|
||||||
}
|
|
||||||
return request.post('/cid/update', params, { "headers": { 'token': data.token } });
|
|
||||||
}
|
|
||||||
|
|
||||||
export const deleteCIDService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in data) {
|
|
||||||
params.append(key, data[key])
|
|
||||||
}
|
|
||||||
return request.post('/cid/delete', params, { "headers": { 'token': data.token } });
|
|
||||||
}
|
|
||||||
|
|
||||||
export const addCIDService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in data) {
|
|
||||||
params.append(key, data[key])
|
|
||||||
}
|
|
||||||
return request.post('/cid/create', params, { "headers": { 'token': data.token },'Content-Type': 'application/json' });
|
|
||||||
}
|
|
||||||
|
|
||||||
export const getCIDListService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let d in data) {
|
|
||||||
params.append(d, data[d]);
|
|
||||||
}
|
|
||||||
// request.headers["Content-Type"] = "application/json";
|
|
||||||
request.defaults.headers["token"] = data.token.value;
|
|
||||||
return request.post('/cid/list', params, {
|
|
||||||
headers: {
|
|
||||||
'token': data.token, // 将 token 替换为您的令牌值
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export const getCIDLogListService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let d in data) {
|
|
||||||
params.append(d, data[d]);
|
|
||||||
}
|
|
||||||
// request.headers["Content-Type"] = "application/json";
|
|
||||||
request.defaults.headers["token"] = data.token.value;
|
|
||||||
return request.post('/cid/log', params, {
|
|
||||||
headers: {
|
|
||||||
'token': data.token, // 将 token 替换为您的令牌值
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -13,15 +13,7 @@ export const updateDeviceService = (data) => {
|
||||||
for (let key in data) {
|
for (let key in data) {
|
||||||
params.append(key, data[key])
|
params.append(key, data[key])
|
||||||
}
|
}
|
||||||
return request.post('/device/update_device', params, { "headers": { 'token': data.token } });
|
return request.post('/device/update', params,{ "headers":{'token': data.token }});
|
||||||
}
|
|
||||||
|
|
||||||
export const deleteDeviceService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in data) {
|
|
||||||
params.append(key, data[key])
|
|
||||||
}
|
|
||||||
return request.post('/device/delete_device', params, { "headers": { 'token': data.token } });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export const addDeviceService = (data) => {
|
export const addDeviceService = (data) => {
|
||||||
|
|
@ -29,7 +21,7 @@ export const addDeviceService = (data) => {
|
||||||
for (let key in data) {
|
for (let key in data) {
|
||||||
params.append(key, data[key])
|
params.append(key, data[key])
|
||||||
}
|
}
|
||||||
return request.post('/device/add_device', params, { "headers": { 'token': data.token },'Content-Type': 'application/json' });
|
return request.post('/device/add', params,{ "headers":{'token': data.token }});
|
||||||
}
|
}
|
||||||
|
|
||||||
export const getDeviceListService = (data) => {
|
export const getDeviceListService = (data) => {
|
||||||
|
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
import request from '@/utils/request.js'
|
|
||||||
|
|
||||||
export const getImKeyService = (Data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in Data) {
|
|
||||||
params.append(key, Data[key])
|
|
||||||
}
|
|
||||||
return request.post('/im/get_imKey', params,{
|
|
||||||
headers: {
|
|
||||||
'token': Data.token, // 将 token 替换为您的令牌值
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
@ -3,17 +3,10 @@ import md5 from 'js-md5';
|
||||||
|
|
||||||
export const loginService = (loginData) => {
|
export const loginService = (loginData) => {
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
loginData = loginData._value;
|
|
||||||
for (let key in loginData) {
|
for (let key in loginData) {
|
||||||
if (key === "username") {
|
|
||||||
//正则表达式判断邮箱
|
|
||||||
if (RegExp(/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/).test(loginData[key])) {
|
|
||||||
loginData['email'] = loginData[key]
|
|
||||||
loginData[key] = ''
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (key === 'password') {
|
if (key === 'password') {
|
||||||
loginData[key] = md5(loginData[key])
|
params.append(key, md5(loginData[key]))
|
||||||
|
continue;
|
||||||
}
|
}
|
||||||
params.append(key, loginData[key])
|
params.append(key, loginData[key])
|
||||||
}
|
}
|
||||||
|
|
@ -22,11 +15,9 @@ export const loginService = (loginData) => {
|
||||||
|
|
||||||
export const registerService = (registerData) => {
|
export const registerService = (registerData) => {
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
registerData = registerData._value;
|
for (let key in loginData) {
|
||||||
for (let key in registerData) {
|
|
||||||
params.append(key, registerData[key])
|
params.append(key, registerData[key])
|
||||||
}
|
}
|
||||||
console.log("registerdata:",registerData)
|
|
||||||
return request.post('/user/register', params)
|
return request.post('/user/register', params)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -40,22 +31,9 @@ export const getUUIDService = (registerData) => {
|
||||||
return request.post('/user/uuid', params)
|
return request.post('/user/uuid', params)
|
||||||
}
|
}
|
||||||
|
|
||||||
export const SearchUserService = (Data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in Data) {
|
|
||||||
params.append(key, Data[key])
|
|
||||||
}
|
|
||||||
return request.post('/user/search', params,{
|
|
||||||
headers: {
|
|
||||||
'token': Data.token, // 将 token 替换为您的令牌值
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export const getQRService = (qrData) => {
|
export const getQRService = (qrData) => {
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
//console.log("qrdata=",qrData);
|
console.log("qrdata=",qrData);
|
||||||
for (let key in qrData) {
|
for (let key in qrData) {
|
||||||
params.append(key, qrData[key])
|
params.append(key, qrData[key])
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -15,14 +15,6 @@ export const delayVideoService = (data) => {
|
||||||
return request.post('/video/delay', params, { headers : {'token': data.token }});
|
return request.post('/video/delay', params, { headers : {'token': data.token }});
|
||||||
}
|
}
|
||||||
|
|
||||||
export const quashVideoService = (data) => {
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
for (let key in data) {
|
|
||||||
params.append(key, data[key])
|
|
||||||
}
|
|
||||||
return request.post('/video/quash_option', params, { headers : {'token': data.token }});
|
|
||||||
}
|
|
||||||
|
|
||||||
export const getVideoListService = (data) => {
|
export const getVideoListService = (data) => {
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
let hour = data['hour'];
|
let hour = data['hour'];
|
||||||
|
|
|
||||||
|
|
@ -4,11 +4,6 @@ import LoginVue from "@/views/Login.vue";
|
||||||
import VideoVue from "@/views/Video.vue";
|
import VideoVue from "@/views/Video.vue";
|
||||||
import VideoListVue from "@/views/VideoList.vue";
|
import VideoListVue from "@/views/VideoList.vue";
|
||||||
import DeviceListVue from "@/views/DeviceList.vue";
|
import DeviceListVue from "@/views/DeviceList.vue";
|
||||||
import UserListVue from "@/views/UserList.vue";
|
|
||||||
import ImVue from "@/views/Im.vue";
|
|
||||||
import CIDListVue from "@/views/CIDList.vue";
|
|
||||||
import CIDLog from "@/views/CIDLog.vue";
|
|
||||||
import DeviceRealVP from "@/views/DeviceRealVP.vue";
|
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{
|
{
|
||||||
|
|
@ -31,31 +26,6 @@ const routes = [
|
||||||
name: 'Device',
|
name: 'Device',
|
||||||
component: DeviceListVue
|
component: DeviceListVue
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/deviceRealVP',
|
|
||||||
name: 'DeviceRealVP',
|
|
||||||
component: DeviceRealVP
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/im',
|
|
||||||
name: 'Im',
|
|
||||||
component: ImVue
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/user',
|
|
||||||
name: 'User',
|
|
||||||
component: UserListVue
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/cid',
|
|
||||||
name: 'CID',
|
|
||||||
component: CIDListVue
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/cidlog',
|
|
||||||
name: 'CIDLog',
|
|
||||||
component: CIDLog
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
redirect: '/login'
|
redirect: '/login'
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import router from "@/router/index.js";
|
import router from "@/router/index.js";
|
||||||
const baseURL = "https://gep.ljsea.xyz/";
|
const baseURL = "https://gep.ljsea.top/";
|
||||||
//const baseURL= "http://localhost:8082";
|
//const baseURL= "http://localhost:8082";
|
||||||
const request = axios.create({
|
const request = axios.create({
|
||||||
baseURL: baseURL,
|
baseURL: baseURL,
|
||||||
|
|
@ -11,21 +11,16 @@ request.interceptors.response.use(
|
||||||
if(result.status!==200 ){
|
if(result.status!==200 ){
|
||||||
router.push("/login")
|
router.push("/login")
|
||||||
}
|
}
|
||||||
if(result.data.message==="NOT_LOGIN"||result.data.code==2 || result.data.code ===3 ||result.data.code ===4){
|
if(result.data.message==="NOT_LOGIN" || result.data.message.includes("The Token has expired on") || result.data.code ===3 ||result.data.code ===4){
|
||||||
alert("登录失效，请重新登录！")
|
|
||||||
localStorage.removeItem("token");
|
localStorage.removeItem("token");
|
||||||
router.push("/login")
|
router.push("/login")
|
||||||
return
|
|
||||||
}
|
}
|
||||||
if(result.data.code == 7){
|
if(result.data.code===0){
|
||||||
alert("该用户已存在，请重新输入！");
|
return result.data;
|
||||||
return null
|
|
||||||
}
|
|
||||||
|
|
||||||
if(result.data.code == 1){
|
|
||||||
alert("请求失败，请稍后重试！");
|
|
||||||
}else{
|
}else{
|
||||||
return result.data
|
alert(result.data.message ? result.data.message : "请求失败，请稍后重试！");
|
||||||
|
|
||||||
|
return Promise.reject(result.data.message);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error => {
|
error => {
|
||||||
|
|
|
||||||
|
|
@ -1,406 +0,0 @@
|
||||||
<script>
|
|
||||||
import axios from "axios";
|
|
||||||
import { inject } from "vue";
|
|
||||||
import { getCIDListService } from "@/api/cid.js";
|
|
||||||
import { runCIDService } from "@/api/cid.js";
|
|
||||||
import { addCIDService } from "@/api/cid.js";
|
|
||||||
import { deleteCIDService } from "@/api/cid.js";
|
|
||||||
import { updateCIDService } from "@/api/cid.js";
|
|
||||||
import router from "@/router/index.js";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
ip: "",
|
|
||||||
tableData: [],
|
|
||||||
tokenData: {
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
ip: localStorage.getItem("ip"),
|
|
||||||
userId: localStorage.getItem("userId"),
|
|
||||||
username: localStorage.getItem("username"),
|
|
||||||
},
|
|
||||||
addDialogVisible: false,
|
|
||||||
updateDialogVisible: false,
|
|
||||||
searchForm: {
|
|
||||||
hour: 0,
|
|
||||||
entrydate: [],
|
|
||||||
},
|
|
||||||
addForm: {
|
|
||||||
name: "",
|
|
||||||
url: "",
|
|
||||||
script: "",
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
},
|
|
||||||
updateForm: {
|
|
||||||
id:0,
|
|
||||||
cidtoken:"",
|
|
||||||
name: "",
|
|
||||||
url: "",
|
|
||||||
script: "",
|
|
||||||
auth_id: -1,
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
// methods 是一些用来更改状态与触发更新的函数
|
|
||||||
// 它们可以在模板中作为事件处理器绑定
|
|
||||||
methods: {
|
|
||||||
async getDeviceList() {
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
result = await getCIDListService(this.tokenData);
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
let data = result.data;
|
|
||||||
|
|
||||||
|
|
||||||
this.tableData = data;
|
|
||||||
},
|
|
||||||
onSubmit() {
|
|
||||||
getDeviceList({ token: token });
|
|
||||||
},
|
|
||||||
handleSizeChange() {
|
|
||||||
alert("每页记录数变化" + val);
|
|
||||||
},
|
|
||||||
handleCurrentChange() {
|
|
||||||
alert("页码发生变化" + val);
|
|
||||||
},
|
|
||||||
|
|
||||||
//设置项目执行构建部署
|
|
||||||
async runCID(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
var run_data = {
|
|
||||||
id: id,
|
|
||||||
ip: this.ip,
|
|
||||||
userId: this.tokenData.userId,
|
|
||||||
token: this.tokenData.token,
|
|
||||||
};
|
|
||||||
try {
|
|
||||||
var d_re = await runCIDService(run_data);
|
|
||||||
if (d_re.code == 0) {
|
|
||||||
alert("操作成功");
|
|
||||||
} else {
|
|
||||||
alert("操作失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
toRunCIDLog(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
localStorage.setItem("cid_id", id);
|
|
||||||
router.push("/cidlog");
|
|
||||||
},
|
|
||||||
async deleteCID(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
var delete_data = {
|
|
||||||
id: id,
|
|
||||||
userId: this.tokenData.userId,
|
|
||||||
token: this.tokenData.token,
|
|
||||||
};
|
|
||||||
try {
|
|
||||||
var d_re = await deleteCIDService(delete_data);
|
|
||||||
if (d_re.code == 0) {
|
|
||||||
alert("删除成功");
|
|
||||||
//刷新页面
|
|
||||||
this.getDeviceList();
|
|
||||||
} else {
|
|
||||||
alert("操作失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async updateButtonCID(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
this.updateForm.name = this.tableData[index].Name;
|
|
||||||
this.updateForm.url = this.tableData[index].Url;
|
|
||||||
this.updateForm.script = this.tableData[index].Script;
|
|
||||||
this.updateForm.cidtoken = this.tableData[index].Token;
|
|
||||||
this.updateForm.id = id;
|
|
||||||
this.updateDialogVisible= true;
|
|
||||||
},
|
|
||||||
async addCID() {
|
|
||||||
this.addDialogVisible = false;
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
result = await addCIDService(this.addForm);
|
|
||||||
if (result.code == 0) {
|
|
||||||
alert("添加成功");
|
|
||||||
} else {
|
|
||||||
alert("添加失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async updateCID() {
|
|
||||||
this.updateDialogVisible = false;
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
result = await updateCIDService(this.updateForm);
|
|
||||||
if (result.code == 0) {
|
|
||||||
alert("修改成功");
|
|
||||||
this.getDeviceList()
|
|
||||||
} else {
|
|
||||||
alert("修改失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async getIpClient() {
|
|
||||||
try {
|
|
||||||
const response = await axios.get("https://ipinfo.io/json");
|
|
||||||
this.ip = response.data.ip;
|
|
||||||
localStorage.setItem("ip", this.ip);
|
|
||||||
//console.log(response);
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleMenuSelect(val) {
|
|
||||||
router.push(val);
|
|
||||||
},
|
|
||||||
toVideoList() {
|
|
||||||
router.push("/videoList");
|
|
||||||
},
|
|
||||||
// 修改条纹颜色
|
|
||||||
tableRowClassName({ row, rowIndex }) {
|
|
||||||
if (row.human === 1) {
|
|
||||||
return {
|
|
||||||
background: "#488aff",
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
// 生命周期钩子会在组件生命周期的各个不同阶段被调用
|
|
||||||
// 例如这个函数就会在组件挂载完成后被调用
|
|
||||||
async mounted() {
|
|
||||||
let now = new Date();
|
|
||||||
if (localStorage.getItem("token") === null) {
|
|
||||||
router.push("/login");
|
|
||||||
}
|
|
||||||
// console.log("mounted");
|
|
||||||
await this.getIpClient();
|
|
||||||
this.getDeviceList();
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/videoList')"
|
|
||||||
>视频列表</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/device')"
|
|
||||||
>设备管理</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/User')"
|
|
||||||
>用户</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/cid')"
|
|
||||||
>集成部署</el-button
|
|
||||||
>
|
|
||||||
<el-container style="height: 700px; border: 1px solid #eee">
|
|
||||||
<el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
|
|
||||||
>集成部署项目</el-header
|
|
||||||
>
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<!-- 表单 -->
|
|
||||||
<el-form :inline="true" :model="tokenData" class="demo-form-inline">
|
|
||||||
<el-form-item>
|
|
||||||
<el-button
|
|
||||||
class="el-button--danger"
|
|
||||||
type="primary"
|
|
||||||
@click="getDeviceList()"
|
|
||||||
>查询</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="addDialogVisible = true"
|
|
||||||
>添加集成项目</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-dialog
|
|
||||||
v-model="addDialogVisible"
|
|
||||||
title="添加集成项目"
|
|
||||||
width="50%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<!-- 内容主体区域 -->
|
|
||||||
<el-form
|
|
||||||
ref="addFormRef"
|
|
||||||
:model="addForm"
|
|
||||||
:rules="addFormRules"
|
|
||||||
label-width="70px"
|
|
||||||
>
|
|
||||||
<el-form-item label="项目名称" prop="device_name">
|
|
||||||
<el-input
|
|
||||||
v-model="addForm.name"
|
|
||||||
autocomplete="on"
|
|
||||||
style="width: 600px"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="仓库地址" prop="device_ip">
|
|
||||||
<el-input v-model="addForm.url" style="width: 600px" autocomplete="on"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="脚本内容" prop="device_status">
|
|
||||||
<el-input type="textarea" v-model="addForm.script" style="width: 600px" :autosize="{ minRows: 4, maxRows: 8 }" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<!-- 底部区域 -->
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="addDialogVisible = false"
|
|
||||||
>取消</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="addCID()"
|
|
||||||
>确定</el-button
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item>
|
|
||||||
<el-dialog
|
|
||||||
v-model="updateDialogVisible"
|
|
||||||
title="修改集成项目"
|
|
||||||
width="50%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<!-- 内容主体区域 -->
|
|
||||||
<el-form
|
|
||||||
ref="addFormRef"
|
|
||||||
:model="updateForm"
|
|
||||||
:rules="updateFormRules"
|
|
||||||
label-width="70px"
|
|
||||||
>
|
|
||||||
<el-form-item label="项目名称" prop="device_name">
|
|
||||||
<el-input
|
|
||||||
v-model="updateForm.name"
|
|
||||||
autocomplete="on"
|
|
||||||
style="width: 600px"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="仓库地址" prop="device_ip">
|
|
||||||
<el-input v-model="updateForm.url" style="width: 600px" autocomplete="on"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="脚本内容" prop="device_status">
|
|
||||||
<el-input type="textarea" v-model="updateForm.script" style="width: 600px" :autosize="{ minRows: 4, maxRows: 8 }" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="外部回调Token" prop="device_status">
|
|
||||||
<el-input v-model="updateForm.cidtoken" style="width: 600px" />
|
|
||||||
回调地址：https://gep.ljsea.xyz/cid/callback?token={{updateForm.cidtoken}}&id={{updateForm.id}}
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<!-- 底部区域 -->
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="updateDialogVisible = false"
|
|
||||||
>取消</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="updateCID()"
|
|
||||||
>确定</el-button
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<!-- 表格 :row-style="this.tableRowClassName"-->
|
|
||||||
<el-table :data="tableData" width="100%" border>
|
|
||||||
:row-style="this.tableRowClassName"
|
|
||||||
<el-table-column prop="ID" label="id" width="80"></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Name"
|
|
||||||
label="名称"
|
|
||||||
width="100"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Url"
|
|
||||||
label="仓库地址"
|
|
||||||
width="180"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Script"
|
|
||||||
label="脚本消息"
|
|
||||||
width="250"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Token"
|
|
||||||
label="回调Token"
|
|
||||||
width="100"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column label="操作" width="350">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="runCID(scope.$index)"
|
|
||||||
>运行</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="updateButtonCID(scope.$index)"
|
|
||||||
>修改</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="deleteCID(scope.$index)"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="toRunCIDLog(scope.$index)"
|
|
||||||
>运行日志</el-button
|
|
||||||
>
|
|
||||||
<!-- <el-button type="danger" size="mini">删除</el-button> -->
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<!-- 分页条 -->
|
|
||||||
<!-- Pagination 分页 -->
|
|
||||||
<!-- <el-pagination
|
|
||||||
background
|
|
||||||
layout="total,sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:total="1000"
|
|
||||||
></el-pagination> -->
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<style>
|
|
||||||
.blueRowbg {
|
|
||||||
background: "#488aff";
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,291 +0,0 @@
|
||||||
<script>
|
|
||||||
import axios from "axios";
|
|
||||||
import { inject } from "vue";
|
|
||||||
import { getCIDLogListService } from "@/api/cid.js";
|
|
||||||
import { runCIDService } from "@/api/cid.js";
|
|
||||||
import { addCIDService } from "@/api/cid.js";
|
|
||||||
import { deleteCIDService } from "@/api/cid.js";
|
|
||||||
import { updateCIDService } from "@/api/cid.js";
|
|
||||||
import router from "@/router/index.js";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
ip: "",
|
|
||||||
tableData: [],
|
|
||||||
tokenData: {
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
ip: localStorage.getItem("ip"),
|
|
||||||
id:localStorage.getItem("cid_id"),
|
|
||||||
userId: localStorage.getItem("userId"),
|
|
||||||
username: localStorage.getItem("username"),
|
|
||||||
},
|
|
||||||
addDialogVisible: false,
|
|
||||||
updateDialogVisible: false,
|
|
||||||
updateForm: {
|
|
||||||
create_time: "",
|
|
||||||
script: "",
|
|
||||||
end: "",
|
|
||||||
error: "",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
// methods 是一些用来更改状态与触发更新的函数
|
|
||||||
// 它们可以在模板中作为事件处理器绑定
|
|
||||||
methods: {
|
|
||||||
async getCIDLogList() {
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
result = await getCIDLogListService(this.tokenData);
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
let data = result.data;
|
|
||||||
|
|
||||||
|
|
||||||
this.tableData = data;
|
|
||||||
},
|
|
||||||
onSubmit() {
|
|
||||||
getDeviceList({ token: token });
|
|
||||||
},
|
|
||||||
handleSizeChange() {
|
|
||||||
alert("每页记录数变化" + val);
|
|
||||||
},
|
|
||||||
handleCurrentChange() {
|
|
||||||
alert("页码发生变化" + val);
|
|
||||||
},
|
|
||||||
|
|
||||||
//设置项目执行构建部署
|
|
||||||
async runCID(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
var run_data = {
|
|
||||||
id: id,
|
|
||||||
ip: this.ip,
|
|
||||||
userId: this.tokenData.userId,
|
|
||||||
token: this.tokenData.token,
|
|
||||||
};
|
|
||||||
try {
|
|
||||||
var d_re = await runCIDService(run_data);
|
|
||||||
if (d_re.code == 0) {
|
|
||||||
alert("操作成功");
|
|
||||||
} else {
|
|
||||||
alert("操作失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async deleteCID(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
var delete_data = {
|
|
||||||
id: id,
|
|
||||||
userId: this.tokenData.userId,
|
|
||||||
token: this.tokenData.token,
|
|
||||||
};
|
|
||||||
try {
|
|
||||||
var d_re = await deleteCIDService(delete_data);
|
|
||||||
if (d_re.code == 0) {
|
|
||||||
alert("删除成功");
|
|
||||||
//刷新页面
|
|
||||||
this.getDeviceList();
|
|
||||||
} else {
|
|
||||||
alert("操作失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async updateButtonLogCID(index) {
|
|
||||||
this.updateDialogVisible = true;
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
this.updateForm.create_time = this.tableData[index].CreatedAt;
|
|
||||||
this.updateForm.script = this.tableData[index].Script;
|
|
||||||
this.updateForm.end = this.tableData[index].Log;
|
|
||||||
this.updateForm.error = this.tableData[index].Error;
|
|
||||||
},
|
|
||||||
async getIpClient() {
|
|
||||||
try {
|
|
||||||
const response = await axios.get("https://ipinfo.io/json");
|
|
||||||
this.ip = response.data.ip;
|
|
||||||
localStorage.setItem("ip", this.ip);
|
|
||||||
//console.log(response);
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleMenuSelect(val) {
|
|
||||||
router.push(val);
|
|
||||||
},
|
|
||||||
toVideoList() {
|
|
||||||
router.push("/videoList");
|
|
||||||
},
|
|
||||||
// 修改条纹颜色
|
|
||||||
tableRowClassName({ row, rowIndex }) {
|
|
||||||
if (row.human === 1) {
|
|
||||||
return {
|
|
||||||
background: "#488aff",
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
// 生命周期钩子会在组件生命周期的各个不同阶段被调用
|
|
||||||
// 例如这个函数就会在组件挂载完成后被调用
|
|
||||||
async mounted() {
|
|
||||||
let now = new Date();
|
|
||||||
if (localStorage.getItem("token") === null) {
|
|
||||||
router.push("/login");
|
|
||||||
}
|
|
||||||
// console.log("mounted");
|
|
||||||
await this.getIpClient();
|
|
||||||
this.getCIDLogList();
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/videoList')"
|
|
||||||
>视频列表</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/device')"
|
|
||||||
>设备管理</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/User')"
|
|
||||||
>用户</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/cid')"
|
|
||||||
>集成部署</el-button
|
|
||||||
>
|
|
||||||
<el-container style="height: 700px; border: 1px solid #eee">
|
|
||||||
<el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
|
|
||||||
>集成部署项目日志{{ tokenData.id }}</el-header
|
|
||||||
>
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<!-- 表单 -->
|
|
||||||
<el-form :inline="true" :model="tokenData" class="demo-form-inline">
|
|
||||||
<el-form-item>
|
|
||||||
<el-button
|
|
||||||
class="el-button--danger"
|
|
||||||
type="primary"
|
|
||||||
@click="getCIDLogList()"
|
|
||||||
>刷新</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item>
|
|
||||||
<el-dialog
|
|
||||||
v-model="updateDialogVisible"
|
|
||||||
title="查看集成项目日志"
|
|
||||||
width="50%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<!-- 内容主体区域 -->
|
|
||||||
<el-form
|
|
||||||
ref="addFormRef"
|
|
||||||
:model="updateForm"
|
|
||||||
:rules="updateFormRules"
|
|
||||||
label-width="70px"
|
|
||||||
>
|
|
||||||
<el-form-item label="创建时间" prop="create_time">
|
|
||||||
<el-input
|
|
||||||
v-model="updateForm.create_time"
|
|
||||||
autocomplete="on"
|
|
||||||
style="width: 600px"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="脚本内容" prop="script">
|
|
||||||
<el-input type="textarea" v-model="updateForm.script" style="width: 600px" :autosize="{ minRows: 4, maxRows: 8 }" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="执行结果" prop="end">
|
|
||||||
<el-input type="textarea" v-model="updateForm.end" style="width: 600px" :autosize="{ minRows: 4, maxRows: 8 }" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="错误内容" prop="error">
|
|
||||||
<el-input type="textarea" v-model="updateForm.error" style="width: 600px" :autosize="{ minRows: 4, maxRows: 8 }" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<!-- 底部区域 -->
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="updateDialogVisible = false"
|
|
||||||
>关闭</el-button
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<!-- 表格 :row-style="this.tableRowClassName"-->
|
|
||||||
<el-table :data="tableData" width="100%" border>
|
|
||||||
:row-style="this.tableRowClassName"
|
|
||||||
<el-table-column prop="ID" label="id" width="80"></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="CreatedAt"
|
|
||||||
label="创建时间"
|
|
||||||
width="100"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Script"
|
|
||||||
label="执行脚本"
|
|
||||||
width="180"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Log"
|
|
||||||
label="运行日志"
|
|
||||||
width="180"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Error"
|
|
||||||
label="错误信息"
|
|
||||||
width="250"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column label="操作" width="350">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="updateButtonLogCID(scope.$index)"
|
|
||||||
>详情</el-button
|
|
||||||
>
|
|
||||||
<!-- <el-button type="danger" size="mini">删除</el-button> -->
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<!-- 分页条 -->
|
|
||||||
<!-- Pagination 分页 -->
|
|
||||||
<!-- <el-pagination
|
|
||||||
background
|
|
||||||
layout="total,sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:total="1000"
|
|
||||||
></el-pagination> -->
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<style>
|
|
||||||
.blueRowbg {
|
|
||||||
background: "#488aff";
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -3,9 +3,6 @@ import axios from "axios";
|
||||||
import { inject } from "vue";
|
import { inject } from "vue";
|
||||||
import { getDeviceListService } from "@/api/device.js";
|
import { getDeviceListService } from "@/api/device.js";
|
||||||
import { restartDeviceService } from "@/api/device.js";
|
import { restartDeviceService } from "@/api/device.js";
|
||||||
import { addDeviceService } from "@/api/device.js";
|
|
||||||
import { deleteDeviceService } from "@/api/device.js";
|
|
||||||
import { updateDeviceService } from "@/api/device.js";
|
|
||||||
import router from "@/router/index.js";
|
import router from "@/router/index.js";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,33 +16,10 @@ export default {
|
||||||
userId: localStorage.getItem("userId"),
|
userId: localStorage.getItem("userId"),
|
||||||
username: localStorage.getItem("username"),
|
username: localStorage.getItem("username"),
|
||||||
},
|
},
|
||||||
addDialogVisible: false,
|
|
||||||
updateDialogVisible: false,
|
|
||||||
searchForm: {
|
searchForm: {
|
||||||
hour: 0,
|
hour: 0,
|
||||||
entrydate: [],
|
entrydate: [],
|
||||||
},
|
},
|
||||||
addForm: {
|
|
||||||
device_name: "",
|
|
||||||
device_ip: "",
|
|
||||||
device_status: "",
|
|
||||||
device_info: "",
|
|
||||||
device_location: "",
|
|
||||||
device_type: "",
|
|
||||||
auth_id: -1,
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
},
|
|
||||||
updateForm: {
|
|
||||||
id:0,
|
|
||||||
device_name: "",
|
|
||||||
device_ip: "",
|
|
||||||
device_status: "",
|
|
||||||
device_info: "",
|
|
||||||
device_location: "",
|
|
||||||
device_type: "",
|
|
||||||
auth_id: -1,
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -101,72 +75,6 @@ export default {
|
||||||
console.log(e);
|
console.log(e);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
playRealVp(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
localStorage.setItem("realvp_device_id", id);
|
|
||||||
router.push("/deviceRealVP");
|
|
||||||
},
|
|
||||||
async deleteDevice(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
var delete_data = {
|
|
||||||
id: id,
|
|
||||||
userId: this.tokenData.userId,
|
|
||||||
token: this.tokenData.token,
|
|
||||||
};
|
|
||||||
try {
|
|
||||||
var d_re = await deleteDeviceService(delete_data);
|
|
||||||
if (d_re.code == 0) {
|
|
||||||
alert("删除成功");
|
|
||||||
//刷新页面
|
|
||||||
this.getDeviceList();
|
|
||||||
} else {
|
|
||||||
alert("操作失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async updateButtonDevice(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
this.updateForm.device_name = this.tableData[index].DeviceName;
|
|
||||||
this.updateForm.device_ip = this.tableData[index].DeviceIP;
|
|
||||||
this.updateForm.device_status = this.tableData[index].DeviceStatus;
|
|
||||||
this.updateForm.device_info = this.tableData[index].DeviceInfo;
|
|
||||||
this.updateForm.device_location = this.tableData[index].DeviceLocation;
|
|
||||||
this.updateForm.device_type = this.tableData[index].DeviceType;
|
|
||||||
this.updateForm.auth_id = this.tableData[index].AuthID;
|
|
||||||
this.updateForm.id = id;
|
|
||||||
this.updateDialogVisible= true;
|
|
||||||
},
|
|
||||||
async addDevice() {
|
|
||||||
this.addDialogVisible = false;
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
result = await addDeviceService(this.addForm);
|
|
||||||
if (result.code == 0) {
|
|
||||||
alert("添加成功");
|
|
||||||
} else {
|
|
||||||
alert("添加失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async updateDevice() {
|
|
||||||
this.updateDialogVisible = false;
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
result = await updateDeviceService(this.updateForm);
|
|
||||||
if (result.code == 0) {
|
|
||||||
alert("修改成功");
|
|
||||||
this.getDeviceList()
|
|
||||||
} else {
|
|
||||||
alert("修改失败");
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async restartAllDevice() {
|
async restartAllDevice() {
|
||||||
var restart_data = {
|
var restart_data = {
|
||||||
id: id,
|
id: id,
|
||||||
|
|
@ -196,9 +104,6 @@ export default {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleMenuSelect(val) {
|
|
||||||
router.push(val);
|
|
||||||
},
|
|
||||||
toVideoList() {
|
toVideoList() {
|
||||||
router.push("/videoList");
|
router.push("/videoList");
|
||||||
},
|
},
|
||||||
|
|
@ -230,30 +135,6 @@ export default {
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/videoList')"
|
|
||||||
>视频列表</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/device')"
|
|
||||||
>设备管理</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/User')"
|
|
||||||
>用户</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/cid')"
|
|
||||||
>集成部署</el-button
|
|
||||||
>
|
|
||||||
<el-container style="height: 700px; border: 1px solid #eee">
|
<el-container style="height: 700px; border: 1px solid #eee">
|
||||||
<el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
|
<el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
|
||||||
>监控设备列表</el-header
|
>监控设备列表</el-header
|
||||||
|
|
@ -263,128 +144,19 @@ export default {
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form :inline="true" :model="tokenData" class="demo-form-inline">
|
<el-form :inline="true" :model="tokenData" class="demo-form-inline">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button class="el-button--danger" type="primary" @click="getDeviceList()">查询</el-button>
|
||||||
class="el-button--danger"
|
</el-form-item>
|
||||||
type="primary"
|
<el-form-item>
|
||||||
@click="getDeviceList()"
|
<el-button type="primary" @click="logout()">退出登录</el-button>
|
||||||
>查询</el-button
|
</el-form-item>
|
||||||
>
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="toVideoList()">返回监控视频</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="restartAllDevice('all')"
|
<el-button type="primary" @click="restartAllDevice('all')"
|
||||||
>重启全部设备</el-button
|
>重启全部设备</el-button
|
||||||
>
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="addDialogVisible = true"
|
|
||||||
>添加设备</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-dialog
|
|
||||||
v-model="addDialogVisible"
|
|
||||||
title="添加设备"
|
|
||||||
width="50%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<!-- 内容主体区域 -->
|
|
||||||
<el-form
|
|
||||||
ref="addFormRef"
|
|
||||||
:model="addForm"
|
|
||||||
:rules="addFormRules"
|
|
||||||
label-width="70px"
|
|
||||||
>
|
|
||||||
<el-form-item label="设备名称" prop="device_name">
|
|
||||||
<el-input
|
|
||||||
v-model="addForm.device_name"
|
|
||||||
autocomplete="on"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备IP" prop="device_ip">
|
|
||||||
<el-input v-model="addForm.device_ip"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备状态" prop="device_status">
|
|
||||||
<el-select v-model="addForm.device_status">
|
|
||||||
<el-option label="在线" value="在线"></el-option>
|
|
||||||
<el-option label="离线" value="离线"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备类型" prop="device_type">
|
|
||||||
<el-input v-model="addForm.device_type"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备位置" prop="device_location">
|
|
||||||
<el-input v-model="addForm.device_location"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备信息" prop="device_info">
|
|
||||||
<el-input v-model="addForm.device_info"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<!-- 底部区域 -->
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="addDialogVisible = false"
|
|
||||||
>取消</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="addDevice()"
|
|
||||||
>确定</el-button
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item>
|
|
||||||
<el-dialog
|
|
||||||
v-model="updateDialogVisible"
|
|
||||||
title="修改设备"
|
|
||||||
width="50%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<!-- 内容主体区域 -->
|
|
||||||
<el-form
|
|
||||||
ref="updateFormRef"
|
|
||||||
:model="updateForm"
|
|
||||||
:rules="updateFormRules"
|
|
||||||
label-width="70px"
|
|
||||||
>
|
|
||||||
<el-form-item label="设备名称" prop="device_name">
|
|
||||||
<el-input
|
|
||||||
v-model="updateForm.device_name"
|
|
||||||
autocomplete="on"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备IP" prop="device_ip">
|
|
||||||
<el-input v-model="updateForm.device_ip"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备状态" prop="device_status">
|
|
||||||
<el-select v-model="updateForm.device_status">
|
|
||||||
<el-option label="在线" value="在线"></el-option>
|
|
||||||
<el-option label="离线" value="离线"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备类型" prop="device_type">
|
|
||||||
<el-input v-model="updateForm.device_type"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备位置" prop="device_location">
|
|
||||||
<el-input v-model="updateForm.device_location"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备信息" prop="device_info">
|
|
||||||
<el-input v-model="updateForm.device_info"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<!-- 底部区域 -->
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="updateDialogVisible = false"
|
|
||||||
>取消</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="updateDevice()"
|
|
||||||
>确定</el-button
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<!-- 表格 :row-style="this.tableRowClassName"-->
|
<!-- 表格 :row-style="this.tableRowClassName"-->
|
||||||
|
|
@ -421,7 +193,7 @@ export default {
|
||||||
label="设备信息"
|
label="设备信息"
|
||||||
width="150"
|
width="150"
|
||||||
></el-table-column>
|
></el-table-column>
|
||||||
<el-table-column label="操作" width="350">
|
<el-table-column label="操作" width="300">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
|
|
@ -429,24 +201,6 @@ export default {
|
||||||
@click.prevent="restartDevice(scope.$index)"
|
@click.prevent="restartDevice(scope.$index)"
|
||||||
>重启</el-button
|
>重启</el-button
|
||||||
>
|
>
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="updateButtonDevice(scope.$index)"
|
|
||||||
>修改</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="deleteDevice(scope.$index)"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="playRealVp(scope.$index)"
|
|
||||||
>播放实时</el-button
|
|
||||||
>
|
|
||||||
<!-- <el-button type="danger" size="mini">删除</el-button> -->
|
<!-- <el-button type="danger" size="mini">删除</el-button> -->
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
|
||||||
|
|
@ -1,121 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/device')"
|
|
||||||
>设备</el-button
|
|
||||||
>
|
|
||||||
<div>
|
|
||||||
<!-- 使用:src绑定base64图片 -->
|
|
||||||
<img :src="base64Image" alt="Base64 Image" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { ref, onMounted, inject, onUnmounted } from "vue";
|
|
||||||
import router from "@/router/index.js";
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
circleUrl:
|
|
||||||
"https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
|
|
||||||
device_id: -1,
|
|
||||||
base64Image:"",
|
|
||||||
cnt: 0,
|
|
||||||
intervalId: null,
|
|
||||||
tokenData: {
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
ip: localStorage.getItem("ip"),
|
|
||||||
userId: localStorage.getItem("userId"),
|
|
||||||
username: localStorage.getItem("username"),
|
|
||||||
to_user_id: this.to_user_id,
|
|
||||||
},
|
|
||||||
intervalId: ref(null),
|
|
||||||
timerId: null, // 用于存储定时器的ID
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleMenuSelect(val) {
|
|
||||||
router.push(val);
|
|
||||||
},
|
|
||||||
connectWebSocket() {
|
|
||||||
// 连接WebSocket
|
|
||||||
let _this = this;
|
|
||||||
if (typeof WebSocket == "undefined") {
|
|
||||||
console.log("浏览器不支持WebSocket");
|
|
||||||
} else {
|
|
||||||
console.log("浏览器支持WebSocket");
|
|
||||||
let socketUrl =
|
|
||||||
"wss://gep.ljsea.xyz/device/get_real_time_image?device_id=" +
|
|
||||||
this.device_id +
|
|
||||||
"&token=" +
|
|
||||||
this.tokenData.token;
|
|
||||||
|
|
||||||
// console.log("socketUrl:", socketUrl);
|
|
||||||
if (this.socket != null) {
|
|
||||||
this.socket.close();
|
|
||||||
this.socket = null;
|
|
||||||
}
|
|
||||||
// 开启一个websocket服务
|
|
||||||
this.socket = new WebSocket(socketUrl);
|
|
||||||
//打开事件
|
|
||||||
this.socket.onopen = function () {
|
|
||||||
this.loading = false;
|
|
||||||
alert("连接成功");
|
|
||||||
};
|
|
||||||
this.socket.onerror = (error) => {
|
|
||||||
console.error("WebSocket Error:", error);
|
|
||||||
};
|
|
||||||
//关闭事件
|
|
||||||
this.socket.onclose = function () {
|
|
||||||
alert("连接已关闭!");
|
|
||||||
router.push("/user");
|
|
||||||
};
|
|
||||||
// 浏览器端收消息，获得从服务端发送过来的文本消息
|
|
||||||
this.socket.onmessage = async function (msg) {
|
|
||||||
//console.log("收到数据====" + msg.data);
|
|
||||||
let data = JSON.parse(msg.data); // 对收到的json数据进行解析， 类似这样的：
|
|
||||||
console.log("收到数据====" + data);
|
|
||||||
// 如果服务器端发送过来的json数据
|
|
||||||
if (data.type == "img") {
|
|
||||||
_this.base64Image = 'data:image/png;base64,'+data.data
|
|
||||||
|
|
||||||
// console.log("收到数据====" + msg.data);
|
|
||||||
} else if (data.type == "offline") {
|
|
||||||
alert("对方已下线");
|
|
||||||
_this.socket.close();
|
|
||||||
router.push("/user");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
// 生命周期钩子,在组件挂载完成后被调用
|
|
||||||
mounted() {
|
|
||||||
this.device_id = localStorage.getItem("realvp_device_id");
|
|
||||||
this.connectWebSocket();
|
|
||||||
},
|
|
||||||
// 生命周期钩子,在组件卸载之前被调用
|
|
||||||
onUnmounted() {
|
|
||||||
this.socket.close();
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.tip {
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-family: sans-serif;
|
|
||||||
padding: 10px;
|
|
||||||
width: auto;
|
|
||||||
display: inline-block !important;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
.right {
|
|
||||||
background-color: deepskyblue;
|
|
||||||
}
|
|
||||||
.left {
|
|
||||||
background-color: forestgreen;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
363
src/views/Im.vue
363
src/views/Im.vue
|
|
@ -1,363 +0,0 @@
|
||||||
<template>
|
|
||||||
<div style="padding: 10px; margin-bottom: 50px">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/User')"
|
|
||||||
>用户</el-button
|
|
||||||
>
|
|
||||||
<el-row v-loading="loading" element-loading-text="正在连接....">
|
|
||||||
<el-col :span="16">
|
|
||||||
<div
|
|
||||||
style="
|
|
||||||
width: 800px;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: white;
|
|
||||||
border-radius: 5px;
|
|
||||||
box-shadow: 0 0 10px #ccc;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<div style="text-align: center; line-height: 50px">
|
|
||||||
（{{ chatUser }}）
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
style="height: 350px; overflow: auto; border-top: 1px solid #ccc"
|
|
||||||
v-html="content"
|
|
||||||
></div>
|
|
||||||
<div style="height: 200px">
|
|
||||||
<textarea
|
|
||||||
v-model="text"
|
|
||||||
style="
|
|
||||||
height: 160px;
|
|
||||||
width: 100%;
|
|
||||||
padding: 20px;
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid #ccc;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
outline: none;
|
|
||||||
"
|
|
||||||
></textarea>
|
|
||||||
<div style="text-align: right; padding-right: 10px">
|
|
||||||
<el-button type="primary" size="mini" @click="send"
|
|
||||||
>发送</el-button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { ref, onMounted, inject, onUnmounted } from "vue";
|
|
||||||
import { getImKeyService } from "@/api/im.js";
|
|
||||||
import router from "@/router/index.js";
|
|
||||||
import * as crypto from "crypto";
|
|
||||||
import CryptoJS from "crypto-js";
|
|
||||||
import { ElLoading } from "element-plus";
|
|
||||||
import Cookies from "js-cookie";
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
circleUrl:
|
|
||||||
"https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
|
|
||||||
user: {},
|
|
||||||
isCollapse: false,
|
|
||||||
users: [{ username: "admin" }, { username: "zhang" }],
|
|
||||||
chatUser: "2002",
|
|
||||||
text: "",
|
|
||||||
messages: [],
|
|
||||||
session: "",
|
|
||||||
loading: ref(true),
|
|
||||||
imKey: "testimkey",
|
|
||||||
socket: null,
|
|
||||||
content: "",
|
|
||||||
to_user_id: 0,
|
|
||||||
to_user_name: "",
|
|
||||||
cnt: 0,
|
|
||||||
intervalId: null,
|
|
||||||
tokenData: {
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
ip: localStorage.getItem("ip"),
|
|
||||||
userId: localStorage.getItem("userId"),
|
|
||||||
username: localStorage.getItem("username"),
|
|
||||||
to_user_id: this.to_user_id,
|
|
||||||
},
|
|
||||||
intervalId: ref(null),
|
|
||||||
timerId: null, // 用于存储定时器的ID
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async send() {
|
|
||||||
if (!this.text) {
|
|
||||||
this.$message({ type: "warning", message: "请输入内容" });
|
|
||||||
} else {
|
|
||||||
if (typeof WebSocket == "undefined") {
|
|
||||||
console.log("您的浏览器不支持WebSocket");
|
|
||||||
} else {
|
|
||||||
var aesEnc = await this.aesEncrypt(this.text, this.imKey, this.imKey);
|
|
||||||
let data =
|
|
||||||
'{"type":"msg","data":"' +
|
|
||||||
aesEnc +
|
|
||||||
'","to_user_id":' +
|
|
||||||
this.to_user_id +
|
|
||||||
',"from_user_id":' +
|
|
||||||
this.tokenData.userId +
|
|
||||||
',"session":"' +
|
|
||||||
this.session +
|
|
||||||
'"}';
|
|
||||||
this.socket.send(data); // 将组装好的json发送给服务端，由服务端进行转发
|
|
||||||
this.messages.push(JSON.parse(data));
|
|
||||||
// 构建消息内容，本人消息
|
|
||||||
this.createContent(null, this.tokenData.username, this.text);
|
|
||||||
this.text = "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
startInterval() {
|
|
||||||
this.timerId = setInterval(() => {
|
|
||||||
this.getIMKey();
|
|
||||||
}, 1000); // 每秒（1000毫秒）执行一次
|
|
||||||
},
|
|
||||||
handleMenuSelect(val) {
|
|
||||||
router.push(val);
|
|
||||||
},
|
|
||||||
stopInterval() {
|
|
||||||
clearInterval(this.timerId);
|
|
||||||
},
|
|
||||||
async getIMKey() {
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
let req = {
|
|
||||||
to_user_id: this.to_user_id,
|
|
||||||
token: this.tokenData.token,
|
|
||||||
};
|
|
||||||
result = await getImKeyService(req);
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
let data = result.data;
|
|
||||||
if (result.code != 0) {
|
|
||||||
this.cnt++;
|
|
||||||
if (this.cnt > 10) {
|
|
||||||
//暂停定时器
|
|
||||||
this.stopInterval();
|
|
||||||
alert("连接失败，请重试！");
|
|
||||||
router.push("/user");
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
if (data.is_read == 1) {
|
|
||||||
// 读取到了新的消息
|
|
||||||
this.imKey = data.im_key;
|
|
||||||
this.session = data.im_session;
|
|
||||||
localStorage.setItem("imkey_" + this.to_user_id, this.imKey);
|
|
||||||
//记录过期时间
|
|
||||||
localStorage.setItem(
|
|
||||||
"imkey_" + this.to_user_id + "_expire",
|
|
||||||
data.expire
|
|
||||||
);
|
|
||||||
this.session = data.im_session;
|
|
||||||
this.loading=false
|
|
||||||
//暂停定时器
|
|
||||||
this.stopInterval();
|
|
||||||
this.connectWebSocket();
|
|
||||||
} else {
|
|
||||||
this.cnt++;
|
|
||||||
if (this.cnt > 30) {
|
|
||||||
//暂停定时器
|
|
||||||
this.stopInterval();
|
|
||||||
confirm("连接失败，请重试！");
|
|
||||||
router.push("/user");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
createContent(remoteUser, nowUser, text) {
|
|
||||||
// 这个方法是用来将 json的聊天消息数据转换成 html的。
|
|
||||||
var html;
|
|
||||||
// 当前用户消息
|
|
||||||
if (nowUser) {
|
|
||||||
// nowUser 表示是否显示当前用户发送的聊天消息，绿色气泡
|
|
||||||
html =
|
|
||||||
'<div class="el-row" style="padding: 5px 0">\n' +
|
|
||||||
' <div class="el-col el-col-22" style="text-align: right; padding-right: 10px">\n' +
|
|
||||||
' <div class="tip left">' +
|
|
||||||
text +
|
|
||||||
"</div>\n" +
|
|
||||||
" </div>\n" +
|
|
||||||
' <div class="el-col el-col-2">\n' +
|
|
||||||
' <span class="el-avatar el-avatar--circle" style="height: 40px; width: 40px; line-height: 40px;">\n' +
|
|
||||||
' <img src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" style="object-fit: cover;">\n' +
|
|
||||||
" </span>\n" +
|
|
||||||
" </div>\n" +
|
|
||||||
"</div>";
|
|
||||||
} else if (remoteUser) {
|
|
||||||
// remoteUser表示远程用户聊天消息，蓝色的气泡
|
|
||||||
html =
|
|
||||||
'<div class="el-row" style="padding: 5px 0">\n' +
|
|
||||||
' <div class="el-col el-col-2" style="text-align: right">\n' +
|
|
||||||
' <span class="el-avatar el-avatar--circle" style="height: 40px; width: 40px; line-height: 40px;">\n' +
|
|
||||||
' <img src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" style="object-fit: cover;">\n' +
|
|
||||||
" </span>\n" +
|
|
||||||
" </div>\n" +
|
|
||||||
' <div class="el-col el-col-22" style="text-align: left; padding-left: 10px">\n' +
|
|
||||||
' <div class="tip right">' +
|
|
||||||
text +
|
|
||||||
"</div>\n" +
|
|
||||||
" </div>\n" +
|
|
||||||
"</div>";
|
|
||||||
}
|
|
||||||
this.content += html;
|
|
||||||
},
|
|
||||||
aesEncrypt(text, password, iv) {
|
|
||||||
// CryptoJS使用WordArray而不是Buffer，所以我们需要将密码和IV转换为WordArray
|
|
||||||
const passwordWordArray = CryptoJS.enc.Utf8.parse(password);
|
|
||||||
const ivWordArray = CryptoJS.enc.Utf8.parse(iv);
|
|
||||||
|
|
||||||
// 使用CryptoJS创建AES加密实例
|
|
||||||
const cipher = CryptoJS.AES.encrypt(
|
|
||||||
CryptoJS.enc.Utf8.parse(text), // 加密的数据
|
|
||||||
passwordWordArray, // 密钥
|
|
||||||
{
|
|
||||||
iv: ivWordArray, // 初始化向量
|
|
||||||
mode: CryptoJS.mode.CBC, // 加密模式
|
|
||||||
padding: CryptoJS.pad.Pkcs7, // 填充方式
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
// CryptoJS默认返回的是CipherParams对象，我们需要将其转换为Base64字符串
|
|
||||||
const encrypted = cipher.toString();
|
|
||||||
|
|
||||||
return encrypted;
|
|
||||||
},
|
|
||||||
decryptAES(encryptedData, secretKey, iv) {
|
|
||||||
// 确保密钥和偏移量（IV）是WordArray对象
|
|
||||||
const key = CryptoJS.enc.Utf8.parse(secretKey);
|
|
||||||
const ivData = CryptoJS.enc.Utf8.parse(iv);
|
|
||||||
|
|
||||||
// Base64 解码加密数据
|
|
||||||
// 注意：CryptoJS.enc.Base64.parse 实际上是用于将WordArray转换为Base64字符串的，
|
|
||||||
// 对于从Base64字符串解码，应该使用 CryptoJS.enc.Base64.parse(CryptoJS.enc.Base64.stringify(someWordArray))，
|
|
||||||
// 但在这里我们直接使用字符串作为输入，因为encryptedData已经是Base64编码的字符串。
|
|
||||||
try {
|
|
||||||
const decrypted = CryptoJS.AES.decrypt(encryptedData, key, {
|
|
||||||
iv: ivData,
|
|
||||||
mode: CryptoJS.mode.CBC,
|
|
||||||
padding: CryptoJS.pad.Pkcs7,
|
|
||||||
});
|
|
||||||
|
|
||||||
// 检查解密是否成功
|
|
||||||
if (decrypted.sigBytes === 0) {
|
|
||||||
throw new Error("Decryption failed. Invalid data or password.");
|
|
||||||
}
|
|
||||||
|
|
||||||
// 将解密后的 WordArray 转换为 UTF-8 字符串
|
|
||||||
const decryptedText = decrypted.toString(CryptoJS.enc.Utf8);
|
|
||||||
return decryptedText;
|
|
||||||
} catch (error) {
|
|
||||||
// 捕获并处理异常
|
|
||||||
console.error("Decryption error:", error);
|
|
||||||
throw error; // 或者返回一个错误消息或空字符串等
|
|
||||||
}
|
|
||||||
},
|
|
||||||
connectWebSocket() {
|
|
||||||
// 连接WebSocket
|
|
||||||
let _this = this;
|
|
||||||
if (typeof WebSocket == "undefined") {
|
|
||||||
console.log("浏览器不支持WebSocket");
|
|
||||||
} else {
|
|
||||||
console.log("浏览器支持WebSocket");
|
|
||||||
let socketUrl =
|
|
||||||
"wss://gep.ljsea.xyz/im/ws?to_user_id=" +
|
|
||||||
this.to_user_id +
|
|
||||||
"&token=" +
|
|
||||||
this.tokenData.token;
|
|
||||||
|
|
||||||
// console.log("socketUrl:", socketUrl);
|
|
||||||
if (this.socket != null) {
|
|
||||||
this.socket.close();
|
|
||||||
this.socket = null;
|
|
||||||
}
|
|
||||||
// 开启一个websocket服务
|
|
||||||
this.socket = new WebSocket(socketUrl);
|
|
||||||
//打开事件
|
|
||||||
this.socket.onopen = function () {
|
|
||||||
this.loading=false
|
|
||||||
alert("连接成功");
|
|
||||||
};
|
|
||||||
this.socket.onerror = (error) => {
|
|
||||||
console.error("WebSocket Error:", error);
|
|
||||||
};
|
|
||||||
//关闭事件
|
|
||||||
this.socket.onclose = function () {
|
|
||||||
alert("连接已关闭!");
|
|
||||||
router.push("/user");
|
|
||||||
};
|
|
||||||
// 浏览器端收消息，获得从服务端发送过来的文本消息
|
|
||||||
this.socket.onmessage = async function (msg) {
|
|
||||||
//console.log("收到数据====" + msg.data);
|
|
||||||
let data = JSON.parse(msg.data); // 对收到的json数据进行解析， 类似这样的：
|
|
||||||
console.log("收到数据====" + data);
|
|
||||||
// 如果服务器端发送过来的json数据
|
|
||||||
if (data.type == "msg") { // 如果是消息类型，解密消息内容
|
|
||||||
data.data = await _this.decryptAES(
|
|
||||||
data.data,
|
|
||||||
_this.imKey,
|
|
||||||
_this.imKey
|
|
||||||
);
|
|
||||||
_this.messages.push(data);
|
|
||||||
//console.log("收到数据====" + msg.data);
|
|
||||||
// 构建消息内容
|
|
||||||
_this.createContent(_this.to_user_name, null, data.data);
|
|
||||||
}else if (data.type == "offline"){
|
|
||||||
alert("对方已下线");
|
|
||||||
_this.socket.close();
|
|
||||||
router.push("/user");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
// 生命周期钩子,在组件挂载完成后被调用
|
|
||||||
mounted() {
|
|
||||||
this.to_user_id = localStorage.getItem("to_user_id");
|
|
||||||
this.to_user_name = localStorage.getItem("to_user_name");
|
|
||||||
this.chatUser = this.to_user_name;
|
|
||||||
//console.log("to_user_id:", this.to_user_id, this.to_user_name);
|
|
||||||
this.startInterval();
|
|
||||||
|
|
||||||
//setTimeout(() => this.loading=false, 3000);
|
|
||||||
|
|
||||||
//this.connectWebSocket();
|
|
||||||
},
|
|
||||||
// 生命周期钩子,在组件卸载之前被调用
|
|
||||||
onUnmounted() {
|
|
||||||
this.stopInterval();
|
|
||||||
this.socket.close();
|
|
||||||
this.loading = false;
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.tip {
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-family: sans-serif;
|
|
||||||
padding: 10px;
|
|
||||||
width: auto;
|
|
||||||
display: inline-block !important;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
.right {
|
|
||||||
background-color: deepskyblue;
|
|
||||||
}
|
|
||||||
.left {
|
|
||||||
background-color: forestgreen;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
@ -78,9 +78,7 @@
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="onRegister" auto-insert-space
|
<el-button type="primary" auto-insert-space>注册</el-button>
|
||||||
>注册</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="flex">
|
<el-form-item class="flex">
|
||||||
<el-link @click="isLogin = true"> 返回 </el-link>
|
<el-link @click="isLogin = true"> 返回 </el-link>
|
||||||
|
|
@ -88,41 +86,33 @@
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-row>
|
</el-row>
|
||||||
<div>
|
<div>
|
||||||
<div>二维码状态: {{ qr_status }}</div>
|
<div class="qrcode" ref="qrCodeUrl"></div>
|
||||||
<canvas ref="qrCodeCanvas"></canvas>
|
<vue-qr :logoSrc="imageUrl" text="https://blog.csdn.net/weixin_42601136" :size="200"></vue-qr>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted, inject, onUnmounted } from "vue";
|
import { ref, inject } from "vue";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import {
|
import { getQRService, getUUIDService, loginService, registerService } from "@/api/user.js";
|
||||||
getQRService,
|
|
||||||
getUUIDService,
|
|
||||||
loginService,
|
|
||||||
registerService,
|
|
||||||
} from "@/api/user.js";
|
|
||||||
import router from "@/router/index.js";
|
import router from "@/router/index.js";
|
||||||
import VueQr from "vue-qr"; // 确保你已经注册了这个组件
|
import VueQr from 'vue-qr'
|
||||||
import QRCode from "qrcode";
|
|
||||||
|
|
||||||
const isLogin = ref(true);
|
const isLogin = ref(true);
|
||||||
const qrCodeCanvas = ref(null);
|
if (localStorage.getItem("token") !== null) {
|
||||||
|
router.push("/videoList");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
const globalData = inject("globalData");
|
const globalData = inject("globalData");
|
||||||
|
|
||||||
// 创建一个响应式引用来存储定时器ID
|
|
||||||
const intervalId = ref(null);
|
|
||||||
var uuid = "";
|
var uuid = "";
|
||||||
|
|
||||||
const qr_status = ref("未被扫描");
|
|
||||||
//表单数据
|
//表单数据
|
||||||
var loginData = ref({
|
var loginData = ref({
|
||||||
username: "",
|
username: "",
|
||||||
email: "",
|
email: "lijun.lj@foxmail.com",
|
||||||
password: "",
|
password: "",
|
||||||
ip:"",
|
ip:"",
|
||||||
});
|
});
|
||||||
|
|
||||||
const registerData = ref({
|
const registerData = ref({
|
||||||
username: "",
|
username: "",
|
||||||
email: "",
|
email: "",
|
||||||
|
|
@ -152,39 +142,8 @@ const rules = {
|
||||||
],
|
],
|
||||||
email: [{}],
|
email: [{}],
|
||||||
};
|
};
|
||||||
onMounted(() => {
|
|
||||||
init();
|
|
||||||
startInterval();
|
|
||||||
const token = localStorage.getItem("token");
|
|
||||||
if (token !== null) {
|
|
||||||
isLogin.value = true; // 更新登录状态
|
|
||||||
router.push("/videoList"); // 跳转到视频列表页面
|
|
||||||
// 你可以在这里获取 UID 并更新 uid.value
|
|
||||||
}
|
|
||||||
});
|
|
||||||
onUnmounted(() => {
|
|
||||||
stopInterval();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 开启定时器
|
|
||||||
const startInterval = () => {
|
|
||||||
if (intervalId.value) {
|
|
||||||
// 如果定时器已经开启，则不执行任何操作
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
intervalId.value = setInterval(getQRStatus, 2000);
|
|
||||||
};
|
|
||||||
|
|
||||||
// 关闭定时器
|
|
||||||
const stopInterval = () => {
|
|
||||||
if (intervalId.value) {
|
|
||||||
clearInterval(intervalId.value);
|
|
||||||
intervalId.value = null; // 清除引用中的定时器ID
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const creatQrCode =async () =>{
|
const creatQrCode =async () =>{
|
||||||
console.log("creatQrCode:", uuid);
|
|
||||||
var qrcode = new qrcode(this.$refs.qrCodeUrl, {
|
var qrcode = new qrcode(this.$refs.qrCodeUrl, {
|
||||||
text: uuid, // 需要转换为二维码的内容
|
text: uuid, // 需要转换为二维码的内容
|
||||||
width: 100,
|
width: 100,
|
||||||
|
|
@ -197,6 +156,24 @@ const creatQrCode = async () => {
|
||||||
|
|
||||||
//登录接口调用
|
//登录接口调用
|
||||||
const login = async () => {
|
const login = async () => {
|
||||||
|
// let req = axios.create({
|
||||||
|
// baseURL: "/api",
|
||||||
|
// timeout: 5000,
|
||||||
|
// });
|
||||||
|
// await req
|
||||||
|
// .post("/user/login", {
|
||||||
|
// email: loginData.value.username,
|
||||||
|
// password: loginData.value.password,
|
||||||
|
// })
|
||||||
|
// .then((response) => {
|
||||||
|
// alert(response.data.message);
|
||||||
|
// resp = response.data;
|
||||||
|
// jwt = resp.data;
|
||||||
|
// console.log(jwt);
|
||||||
|
// })
|
||||||
|
// .catch((error) => {
|
||||||
|
// console.error(error);
|
||||||
|
// });
|
||||||
let result = await loginService(loginData);
|
let result = await loginService(loginData);
|
||||||
globalData.token = result.data;
|
globalData.token = result.data;
|
||||||
localStorage.setItem("token", result.data.token);
|
localStorage.setItem("token", result.data.token);
|
||||||
|
|
@ -208,88 +185,24 @@ const login = async () => {
|
||||||
router.push("/videoList");
|
router.push("/videoList");
|
||||||
};
|
};
|
||||||
|
|
||||||
//注册接口调用
|
|
||||||
const onRegister = async () => {
|
|
||||||
//校验密码是否一致
|
|
||||||
if (registerData.value.password !== registerData.value.repassword) {
|
|
||||||
alert("两次密码不一致");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
//校验邮箱是否合法
|
|
||||||
let email = registerData.value.email;
|
|
||||||
let reg = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
|
|
||||||
if (!reg.test(email)) {
|
|
||||||
alert("邮箱格式不正确");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let result = await registerService(registerData);
|
|
||||||
if (result !== null) {
|
|
||||||
globalData.token = result.data;
|
|
||||||
localStorage.setItem("token", result.data.token);
|
|
||||||
localStorage.setItem("userId", result.data.id);
|
|
||||||
localStorage.setItem("username", result.data.username);
|
|
||||||
let now = new Date();
|
|
||||||
localStorage.setItem("end_time", now.setDate(now.getHours() + 12)); //过期时间
|
|
||||||
//token.value= result.data;
|
|
||||||
router.push("/videoList");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const generateQRCode = () => {
|
|
||||||
// 假设我们有一个数据字符串要转换为二维码
|
|
||||||
const data = uuid;
|
|
||||||
// 确保 canvas 已经被渲染到 DOM 中
|
|
||||||
if (qrCodeCanvas.value) {
|
|
||||||
const canvas = qrCodeCanvas.value;
|
|
||||||
const ctx = canvas.getContext("2d");
|
|
||||||
|
|
||||||
// 设置 canvas 的大小
|
|
||||||
canvas.width = 256;
|
|
||||||
canvas.height = 256;
|
|
||||||
|
|
||||||
// 使用 qrcode 库生成二维码
|
|
||||||
QRCode.toCanvas(
|
|
||||||
canvas,
|
|
||||||
data,
|
|
||||||
{
|
|
||||||
width: 256,
|
|
||||||
height: 256,
|
|
||||||
color: {
|
|
||||||
dark: "#000000",
|
|
||||||
light: "#ffffff",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
function (error) {
|
|
||||||
if (error) console.error(error);
|
|
||||||
console.log("二维码已生成");
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const getUUID= async() => {
|
const getUUID= async() => {
|
||||||
try {
|
try {
|
||||||
const response = await getUUIDService({
|
const response = await getUUIDService({"device":"windows"});
|
||||||
device: "windows",
|
|
||||||
address: localStorage.getItem("address"),
|
|
||||||
ip: localStorage.getItem("ip"),
|
|
||||||
});
|
|
||||||
uuid =response.data.toString();
|
uuid =response.data.toString();
|
||||||
let uid =uuid.toString();
|
let uid =uuid.toString();
|
||||||
//await creatQrCode(uid);
|
console.log("uuid=",uuid);
|
||||||
generateQRCode(uuid);
|
await creatQrCode(uid);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error);
|
console.error(error);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const getQRStatus = async () => {
|
const getQRStatus = async () => {
|
||||||
let result = await getQRService({ uuid: uuid });
|
let result = await getQRService({"uuid":uuid});
|
||||||
if (result.code === 0) {
|
if (result.code === 0) {
|
||||||
if(result.data==="0"){
|
if(result.data==="0"){
|
||||||
}else if(result.data==="1"){
|
}else if(result.data==="1"){
|
||||||
qr_status.value = "等待确认";
|
alert("等待确认");
|
||||||
}else{
|
}else{
|
||||||
globalData.token = result.data;
|
globalData.token = result.data;
|
||||||
localStorage.setItem("token", result.data.token);
|
localStorage.setItem("token", result.data.token);
|
||||||
|
|
@ -300,18 +213,18 @@ const getQRStatus = async () => {
|
||||||
//token.value= result.data;
|
//token.value= result.data;
|
||||||
router.push("/videoList");
|
router.push("/videoList");
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
alert(result.message);
|
alert(result.message);
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
||||||
const getIpClient= async() => {
|
const getIpClient= async() => {
|
||||||
try {
|
try {
|
||||||
const response = await axios.get("https://ip.zxinc.org/api.php?type=json");
|
const response = await axios.get("https://ipinfo.io/json");
|
||||||
loginData.value.ip = response.data.data.myip;
|
loginData.value.ip =response.data.ip;
|
||||||
localStorage.setItem("ip", response.data.data.myip);
|
localStorage.setItem("ip", response.data.ip);
|
||||||
localStorage.setItem("city", response.data.data.country);
|
localStorage.setItem("city", response.data.city);
|
||||||
localStorage.setItem("address", response.data.data.location);
|
|
||||||
// console.log("ip:",response.data.ip);
|
// console.log("ip:",response.data.ip);
|
||||||
// console.log("login ip:",loginData.ip);
|
// console.log("login ip:",loginData.ip);
|
||||||
// console.log(response.data);
|
// console.log(response.data);
|
||||||
|
|
@ -320,10 +233,11 @@ const getIpClient = async () => {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const init = async () => {
|
|
||||||
getIpClient();
|
getIpClient();
|
||||||
await getUUID();
|
await getUUID();
|
||||||
};
|
getQRStatus();
|
||||||
|
setInterval("getQRStatus()","1000");//showLogin()函数名一定要带括号
|
||||||
const register = async () => {
|
const register = async () => {
|
||||||
let result = registerService(registerData.value);
|
let result = registerService(registerData.value);
|
||||||
if (result.code === 0) {
|
if (result.code === 0) {
|
||||||
|
|
@ -333,8 +247,3 @@ const register = async () => {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
|
||||||
canvas {
|
|
||||||
border: 1px solid #000;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,222 +0,0 @@
|
||||||
<script>
|
|
||||||
import axios from "axios";
|
|
||||||
import { SearchUserService } from "@/api/user.js";
|
|
||||||
import router from "@/router/index.js";
|
|
||||||
import Cookies from "js-cookie";
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
ip: "",
|
|
||||||
tableData: [],
|
|
||||||
search_id: 2002,
|
|
||||||
keyword: "",
|
|
||||||
tokenData: {
|
|
||||||
token: localStorage.getItem("token"),
|
|
||||||
ip: localStorage.getItem("ip"),
|
|
||||||
userId: localStorage.getItem("userId"),
|
|
||||||
username: localStorage.getItem("username"),
|
|
||||||
id: 2002,
|
|
||||||
keyword: "",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
// methods 是一些用来更改状态与触发更新的函数
|
|
||||||
// 它们可以在模板中作为事件处理器绑定
|
|
||||||
methods: {
|
|
||||||
async getUserList() {
|
|
||||||
let result = {};
|
|
||||||
try {
|
|
||||||
this.tokenData.id = this.search_id;
|
|
||||||
this.tokenData.keyword = this.keyword;
|
|
||||||
Cookies.set("search_id", this.search_id);
|
|
||||||
Cookies.set("keyword", this.keyword);
|
|
||||||
result = await SearchUserService(this.tokenData);
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
}
|
|
||||||
let data = result.data;
|
|
||||||
this.tableData = data;
|
|
||||||
},
|
|
||||||
onSubmit() {
|
|
||||||
getUserList({ token: token });
|
|
||||||
},
|
|
||||||
handleSizeChange() {
|
|
||||||
alert("每页记录数变化" + val);
|
|
||||||
},
|
|
||||||
handleCurrentChange() {
|
|
||||||
alert("页码发生变化" + val);
|
|
||||||
},
|
|
||||||
|
|
||||||
//设置设备重启
|
|
||||||
async startChat(index) {
|
|
||||||
var id = this.tableData[index].ID;
|
|
||||||
var name = this.tableData[index].Name;
|
|
||||||
// var user_data = {
|
|
||||||
// to_user_id: id,
|
|
||||||
// to_user_name: this.tableData[index].Name,
|
|
||||||
// };
|
|
||||||
//转到聊天页面
|
|
||||||
if(id == localStorage.getItem("userId")){
|
|
||||||
alert("不能和自己聊天");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
localStorage.setItem("to_user_id", id);
|
|
||||||
localStorage.setItem("to_user_name", name);
|
|
||||||
router.push("/im");
|
|
||||||
},
|
|
||||||
|
|
||||||
handleMenuSelect(val) {
|
|
||||||
router.push(val);
|
|
||||||
},
|
|
||||||
toVideoList() {
|
|
||||||
router.push("/videoList");
|
|
||||||
},
|
|
||||||
// 修改条纹颜色
|
|
||||||
tableRowClassName({ row, rowIndex }) {
|
|
||||||
if (row.human === 1) {
|
|
||||||
return {
|
|
||||||
background: "#488aff",
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
// 生命周期钩子会在组件生命周期的各个不同阶段被调用
|
|
||||||
// 例如这个函数就会在组件挂载完成后被调用
|
|
||||||
async mounted() {
|
|
||||||
let now = new Date();
|
|
||||||
if (localStorage.getItem("token") === null) {
|
|
||||||
router.push("/login");
|
|
||||||
}
|
|
||||||
this.search_id = Cookies.get("search_id")?Cookies.get("search_id"):2002;
|
|
||||||
this.keyword = Cookies.get("keyword")?Cookies.get("keyword"):"";
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/videoList')"
|
|
||||||
>视频列表</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/device')"
|
|
||||||
>设备管理</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/User')"
|
|
||||||
>用户</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/cid')"
|
|
||||||
>集成部署</el-button
|
|
||||||
>
|
|
||||||
<el-container style="height: 700px; border: 1px solid #eee">
|
|
||||||
<el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
|
|
||||||
>用户搜索列表</el-header
|
|
||||||
>
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<el-col :span="8">
|
|
||||||
<!-- 搜索与添加区域 -->
|
|
||||||
<el-input
|
|
||||||
placeholder="请输入ID"
|
|
||||||
v-model="search_id"
|
|
||||||
clearable
|
|
||||||
@clear="getUserList"
|
|
||||||
>
|
|
||||||
</el-input>
|
|
||||||
<el-input
|
|
||||||
placeholder="请输入关键字"
|
|
||||||
v-model="keyword"
|
|
||||||
clearable
|
|
||||||
@clear="getUserList"
|
|
||||||
>
|
|
||||||
</el-input>
|
|
||||||
<template #append>
|
|
||||||
<el-button @click="getUserList"
|
|
||||||
><el-icon><search /></el-icon
|
|
||||||
></el-button>
|
|
||||||
</template>
|
|
||||||
</el-col>
|
|
||||||
<!-- 表单 -->
|
|
||||||
<el-form :inline="true" :model="tokenData" class="demo-form-inline">
|
|
||||||
<el-form-item>
|
|
||||||
<el-button
|
|
||||||
class="el-button--danger"
|
|
||||||
type="primary"
|
|
||||||
@click="getUserList()"
|
|
||||||
>查询</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<!-- 表格 :row-style="this.tableRowClassName"-->
|
|
||||||
<el-table :data="tableData" width="100%" border>
|
|
||||||
:row-style="this.tableRowClassName"
|
|
||||||
<el-table-column prop="ID" label="id" width="80"></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Name"
|
|
||||||
label="名称"
|
|
||||||
width="100"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Email"
|
|
||||||
label="用户邮箱"
|
|
||||||
width="180"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Age"
|
|
||||||
label="用户Age"
|
|
||||||
width="120"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="Gender"
|
|
||||||
label="用户性别"
|
|
||||||
width="80"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column label="操作" width="300">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="startChat(scope.$index)"
|
|
||||||
>聊天</el-button
|
|
||||||
>
|
|
||||||
<!-- <el-button type="danger" size="mini">删除</el-button> -->
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<!-- 分页条 -->
|
|
||||||
<!-- Pagination 分页 -->
|
|
||||||
<!-- <el-pagination
|
|
||||||
background
|
|
||||||
layout="total,sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:total="1000"
|
|
||||||
></el-pagination> -->
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<style>
|
|
||||||
.blueRowbg {
|
|
||||||
background: "#488aff";
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,11 +1,18 @@
|
||||||
<script>
|
<script>
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import { getVideoListService, quashVideoService } from "@/api/video.js";
|
import { inject } from "vue";
|
||||||
|
import { getVideoListService } from "@/api/video.js";
|
||||||
import { delayVideoService } from "@/api/video.js";
|
import { delayVideoService } from "@/api/video.js";
|
||||||
import router from "@/router/index.js";
|
import router from "@/router/index.js";
|
||||||
import Cookies from "js-cookie";
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
// data() 返回的属性将会成为响应式的状态
|
||||||
|
// 并且暴露在 `this` 上
|
||||||
|
// setup: function() {
|
||||||
|
// const globalData = inject("globalData");
|
||||||
|
// const token = globalData.token;
|
||||||
|
// return { token };
|
||||||
|
// },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
ip: "",
|
ip: "",
|
||||||
|
|
@ -32,18 +39,12 @@ export default {
|
||||||
async getVideoList() {
|
async getVideoList() {
|
||||||
let result = {};
|
let result = {};
|
||||||
try {
|
try {
|
||||||
// console.log("this entrydate:", this.tokenData.entrydate[0]);
|
|
||||||
// console.log("type time:",typeof this.tokenData.entrydate[0])
|
|
||||||
// if(this.tokenData.entrydate.length > 0) {
|
|
||||||
// // get the date from the date picker
|
|
||||||
// Cookies.set("entrydate", [this.tokenData.entrydate[0], this.tokenData.entrydate[1]]);
|
|
||||||
// }
|
|
||||||
result = await getVideoListService(this.tokenData);
|
result = await getVideoListService(this.tokenData);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.log(e);
|
console.log(e);
|
||||||
}
|
}
|
||||||
let data = result.data;
|
let data = result.data;
|
||||||
let len = data?data.length:0;
|
let len = data.length;
|
||||||
|
|
||||||
for (let i = 0; i < len; i++) {
|
for (let i = 0; i < len; i++) {
|
||||||
//this.file_sum_size += parseFloat(data[i].file_size);
|
//this.file_sum_size += parseFloat(data[i].file_size);
|
||||||
|
|
@ -59,19 +60,6 @@ export default {
|
||||||
localStorage.clear();
|
localStorage.clear();
|
||||||
router.push("/login");
|
router.push("/login");
|
||||||
},
|
},
|
||||||
handleMenuSelect(val) {
|
|
||||||
router.push(val);
|
|
||||||
},
|
|
||||||
async quashOption() {
|
|
||||||
// 撤销操作
|
|
||||||
let result=await quashVideoService(this.tokenData);
|
|
||||||
if (result.code == 0) {
|
|
||||||
alert(result.message);
|
|
||||||
this.getVideoList();
|
|
||||||
} else {
|
|
||||||
alert("操作失败");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onSubmit() {
|
onSubmit() {
|
||||||
getVideoList({ token: token });
|
getVideoList({ token: token });
|
||||||
},
|
},
|
||||||
|
|
@ -93,7 +81,7 @@ export default {
|
||||||
var id = this.tableData[index].ID;
|
var id = this.tableData[index].ID;
|
||||||
var name = this.tableData[index].VideoName;
|
var name = this.tableData[index].VideoName;
|
||||||
var vurl =
|
var vurl =
|
||||||
"https://gep.ljsea.xyz/video/mp4?filename=" +
|
"https://gep.ljsea.top/video/mp4?filename=" +
|
||||||
name +
|
name +
|
||||||
"&id=" +
|
"&id=" +
|
||||||
id +
|
id +
|
||||||
|
|
@ -212,11 +200,6 @@ export default {
|
||||||
}
|
}
|
||||||
// console.log("mounted");
|
// console.log("mounted");
|
||||||
await this.getIpClient();
|
await this.getIpClient();
|
||||||
// if( Cookies.get("entrydate")){
|
|
||||||
// console.log("entrydate:",Cookies.get("entrydate"));
|
|
||||||
// this.tokenData.entrydate = [Object(Cookies.get("entrydate")[0]),Object(Cookies.get("entrydate")[1])];
|
|
||||||
// }
|
|
||||||
|
|
||||||
this.getVideoList();
|
this.getVideoList();
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
@ -224,21 +207,6 @@ export default {
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
|
|
||||||
>视频列表</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
|
|
||||||
>设备管理</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
|
|
||||||
>用户</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
@click.prevent="handleMenuSelect('/cid')"
|
|
||||||
>集成部署</el-button
|
|
||||||
>
|
|
||||||
<el-container style="height: 700px; border: 1px solid #eee">
|
<el-container style="height: 700px; border: 1px solid #eee">
|
||||||
<el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
|
<el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
|
||||||
>监控视频列表</el-header
|
>监控视频列表</el-header
|
||||||
|
|
@ -293,22 +261,10 @@ export default {
|
||||||
<el-button type="primary" @click="logout()">退出登录</el-button>
|
<el-button type="primary" @click="logout()">退出登录</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button class="el-button--danger" type="primary" @click="delayAllVideo('all')">全部延迟删除</el-button>
|
||||||
class="el-button--danger"
|
|
||||||
type="primary"
|
|
||||||
@click="delayAllVideo('all')"
|
|
||||||
>全部延迟删除</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="toDeviceM()"
|
<el-button type="primary" @click="toDeviceM()">设备信息</el-button>
|
||||||
>设备信息</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="quashOption()"
|
|
||||||
>撤销操作</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item>
|
<!-- <el-form-item>
|
||||||
所有文件大小： {{ parseFloat(this.file_sum_size/1024/1024).toFixed(2) }} GB
|
所有文件大小： {{ parseFloat(this.file_sum_size/1024/1024).toFixed(2) }} GB
|
||||||
|
|
@ -399,9 +355,4 @@ export default {
|
||||||
.blueRowbg {
|
.blueRowbg {
|
||||||
background: "#488aff";
|
background: "#488aff";
|
||||||
}
|
}
|
||||||
.el-menu-vertical-demo {
|
|
||||||
width: 200px; /* 设置菜单宽度 */
|
|
||||||
background-color: #1e2733; /* 设置背景颜色 */
|
|
||||||
/* ... 其他样式属性 ... */
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue