xymp
/
frontend
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

自定义主题颜色

Browse Source
master
fanluyan 2 years ago
parent 9daf7dd7ab
commit f7c5550bb1
22 changed files with 624 additions and 526 deletions
Show Stats Download Patch File Download Diff File

152
package-lock.json generated
Unescape Escape View File

@ -30,8 +30,10 @@
"@vue/cli-service": "~5.0.0", "@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0", "eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3", "eslint-plugin-vue": "^8.0.3",
"less": "^4.0.0", "less": "^4.1.3",
"less-loader": "^8.0.0", "less-loader": "^11.1.0",
"style-resources-loader": "^1.5.0",
"vue-cli-plugin-style-resources-loader": "^0.1.5",
"vue-template-compiler": "^2.6.14" "vue-template-compiler": "^2.6.14"
} }
}, },
@ -4135,11 +4137,14 @@
}, },
"node_modules/copy-anything": { "node_modules/copy-anything": {
"version": "2.0.6", "version": "2.0.6",
"resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-2.0.6.tgz", "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"is-what": "^3.14.1" "is-what": "^3.14.1"
},
"funding": {
"url": "https://github.com/sponsors/mesqueeb"
} }
}, },
"node_modules/copy-webpack-plugin": { "node_modules/copy-webpack-plugin": {
@ -4994,7 +4999,7 @@
}, },
"node_modules/errno": { "node_modules/errno": {
"version": "0.1.8", "version": "0.1.8",
"resolved": "https://registry.npmmirror.com/errno/-/errno-0.1.8.tgz", "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==", "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -6464,7 +6469,7 @@
}, },
"node_modules/image-size": { "node_modules/image-size": {
"version": "0.5.5", "version": "0.5.5",
"resolved": "https://registry.npmmirror.com/image-size/-/image-size-0.5.5.tgz", "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -6671,7 +6676,7 @@
}, },
"node_modules/is-what": { "node_modules/is-what": {
"version": "3.14.1", "version": "3.14.1",
"resolved": "https://registry.npmmirror.com/is-what/-/is-what-3.14.1.tgz", "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
"integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
"dev": true "dev": true
}, },
@ -6889,7 +6894,7 @@
}, },
"node_modules/less": { "node_modules/less": {
"version": "4.1.3", "version": "4.1.3",
"resolved": "https://registry.npmmirror.com/less/-/less-4.1.3.tgz", "resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz",
"integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==", "integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
@ -6914,15 +6919,19 @@
} }
}, },
"node_modules/less-loader": { "node_modules/less-loader": {
"version": "8.1.1", "version": "11.1.0",
"resolved": "https://registry.npmmirror.com/less-loader/-/less-loader-8.1.1.tgz", "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz",
"integrity": "sha512-K93jJU7fi3n6rxVvzp8Cb88Uy9tcQKfHlkoezHwKILXhlNYiRQl4yowLIkQqmBXOH/5I8yoKiYeIf781HGkW9g==", "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"klona": "^2.0.4" "klona": "^2.0.4"
}, },
"engines": { "engines": {
"node": ">= 10.13.0" "node": ">= 14.15.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/webpack"
}, },
"peerDependencies": { "peerDependencies": {
"less": "^3.5.0 || ^4.0.0", "less": "^3.5.0 || ^4.0.0",
@ -6931,7 +6940,7 @@
}, },
"node_modules/less/node_modules/make-dir": { "node_modules/less/node_modules/make-dir": {
"version": "2.1.0", "version": "2.1.0",
"resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-2.1.0.tgz", "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -6945,7 +6954,7 @@
}, },
"node_modules/less/node_modules/semver": { "node_modules/less/node_modules/semver": {
"version": "5.7.1", "version": "5.7.1",
"resolved": "https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -7610,7 +7619,7 @@
}, },
"node_modules/needle": { "node_modules/needle": {
"version": "3.2.0", "version": "3.2.0",
"resolved": "https://registry.npmmirror.com/needle/-/needle-3.2.0.tgz", "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
"integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==", "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -7628,7 +7637,7 @@
}, },
"node_modules/needle/node_modules/debug": { "node_modules/needle/node_modules/debug": {
"version": "3.2.7", "version": "3.2.7",
"resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz", "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -7638,7 +7647,7 @@
}, },
"node_modules/needle/node_modules/iconv-lite": { "node_modules/needle/node_modules/iconv-lite": {
"version": "0.6.3", "version": "0.6.3",
"resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -8093,7 +8102,7 @@
}, },
"node_modules/parse-node-version": { "node_modules/parse-node-version": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmmirror.com/parse-node-version/-/parse-node-version-1.0.1.tgz", "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
"dev": true, "dev": true,
"engines": { "engines": {
@ -8204,7 +8213,7 @@
}, },
"node_modules/pify": { "node_modules/pify": {
"version": "4.0.1", "version": "4.0.1",
"resolved": "https://registry.npmmirror.com/pify/-/pify-4.0.1.tgz", "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -8887,7 +8896,7 @@
}, },
"node_modules/prr": { "node_modules/prr": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmmirror.com/prr/-/prr-1.0.1.tgz", "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
"dev": true, "dev": true,
"optional": true "optional": true
@ -9262,7 +9271,7 @@
}, },
"node_modules/sax": { "node_modules/sax": {
"version": "1.2.4", "version": "1.2.4",
"resolved": "https://registry.npmmirror.com/sax/-/sax-1.2.4.tgz", "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
"dev": true, "dev": true,
"optional": true "optional": true
@ -9799,6 +9808,38 @@
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/style-resources-loader": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/style-resources-loader/-/style-resources-loader-1.5.0.tgz",
"integrity": "sha512-fIfyvQ+uvXaCBGGAgfh+9v46ARQB1AWdaop2RpQw0PBVuROsTBqGvx8dj0kxwjGOAyq3vepe4AOK3M6+Q/q2jw==",
"dev": true,
"dependencies": {
"glob": "^7.2.0",
"loader-utils": "^2.0.0",
"schema-utils": "^2.7.0",
"tslib": "^2.3.1"
},
"engines": {
"node": ">=8.9"
},
"peerDependencies": {
"webpack": "^3.0.0 || ^4.0.0 || ^5.0.0"
}
},
"node_modules/style-resources-loader/node_modules/loader-utils": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
"integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
"dev": true,
"dependencies": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
},
"engines": {
"node": ">=8.9.0"
}
},
"node_modules/stylehacks": { "node_modules/stylehacks": {
"version": "5.1.1", "version": "5.1.1",
"resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-5.1.1.tgz", "resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-5.1.1.tgz",
@ -10334,6 +10375,12 @@
"npm": ">= 3.0.0" "npm": ">= 3.0.0"
} }
}, },
"node_modules/vue-cli-plugin-style-resources-loader": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/vue-cli-plugin-style-resources-loader/-/vue-cli-plugin-style-resources-loader-0.1.5.tgz",
"integrity": "sha512-LluhjWTZmpGl3tiXg51EciF+T70IN/9t6UvfmgluJBqxbrb6OV9i7L5lTd+OKtcTeghDkhcBmYhtTxxU4w/8sQ==",
"dev": true
},
"node_modules/vue-eslint-parser": { "node_modules/vue-eslint-parser": {
"version": "8.3.0", "version": "8.3.0",
"resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz", "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
@ -14481,7 +14528,7 @@
}, },
"copy-anything": { "copy-anything": {
"version": "2.0.6", "version": "2.0.6",
"resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-2.0.6.tgz", "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
"dev": true, "dev": true,
"requires": { "requires": {
@ -15164,7 +15211,7 @@
}, },
"errno": { "errno": {
"version": "0.1.8", "version": "0.1.8",
"resolved": "https://registry.npmmirror.com/errno/-/errno-0.1.8.tgz", "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==", "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -16332,7 +16379,7 @@
}, },
"image-size": { "image-size": {
"version": "0.5.5", "version": "0.5.5",
"resolved": "https://registry.npmmirror.com/image-size/-/image-size-0.5.5.tgz", "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
"dev": true, "dev": true,
"optional": true "optional": true
@ -16485,7 +16532,7 @@
}, },
"is-what": { "is-what": {
"version": "3.14.1", "version": "3.14.1",
"resolved": "https://registry.npmmirror.com/is-what/-/is-what-3.14.1.tgz", "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
"integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
"dev": true "dev": true
}, },
@ -16664,7 +16711,7 @@
}, },
"less": { "less": {
"version": "4.1.3", "version": "4.1.3",
"resolved": "https://registry.npmmirror.com/less/-/less-4.1.3.tgz", "resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz",
"integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==", "integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==",
"dev": true, "dev": true,
"requires": { "requires": {
@ -16682,7 +16729,7 @@
"dependencies": { "dependencies": {
"make-dir": { "make-dir": {
"version": "2.1.0", "version": "2.1.0",
"resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-2.1.0.tgz", "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -16693,7 +16740,7 @@
}, },
"semver": { "semver": {
"version": "5.7.1", "version": "5.7.1",
"resolved": "https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
"dev": true, "dev": true,
"optional": true "optional": true
@ -16701,9 +16748,9 @@
} }
}, },
"less-loader": { "less-loader": {
"version": "8.1.1", "version": "11.1.0",
"resolved": "https://registry.npmmirror.com/less-loader/-/less-loader-8.1.1.tgz", "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz",
"integrity": "sha512-K93jJU7fi3n6rxVvzp8Cb88Uy9tcQKfHlkoezHwKILXhlNYiRQl4yowLIkQqmBXOH/5I8yoKiYeIf781HGkW9g==", "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==",
"dev": true, "dev": true,
"requires": { "requires": {
"klona": "^2.0.4" "klona": "^2.0.4"
@ -17241,7 +17288,7 @@
}, },
"needle": { "needle": {
"version": "3.2.0", "version": "3.2.0",
"resolved": "https://registry.npmmirror.com/needle/-/needle-3.2.0.tgz", "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
"integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==", "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -17253,7 +17300,7 @@
"dependencies": { "dependencies": {
"debug": { "debug": {
"version": "3.2.7", "version": "3.2.7",
"resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz", "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -17263,7 +17310,7 @@
}, },
"iconv-lite": { "iconv-lite": {
"version": "0.6.3", "version": "0.6.3",
"resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -17623,7 +17670,7 @@
}, },
"parse-node-version": { "parse-node-version": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmmirror.com/parse-node-version/-/parse-node-version-1.0.1.tgz", "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
"dev": true "dev": true
}, },
@ -17715,7 +17762,7 @@
}, },
"pify": { "pify": {
"version": "4.0.1", "version": "4.0.1",
"resolved": "https://registry.npmmirror.com/pify/-/pify-4.0.1.tgz", "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
"dev": true, "dev": true,
"optional": true "optional": true
@ -18172,7 +18219,7 @@
}, },
"prr": { "prr": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmmirror.com/prr/-/prr-1.0.1.tgz", "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
"dev": true, "dev": true,
"optional": true "optional": true
@ -18480,7 +18527,7 @@
}, },
"sax": { "sax": {
"version": "1.2.4", "version": "1.2.4",
"resolved": "https://registry.npmmirror.com/sax/-/sax-1.2.4.tgz", "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
"dev": true, "dev": true,
"optional": true "optional": true
@ -18940,6 +18987,31 @@
"integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
"dev": true "dev": true
}, },
"style-resources-loader": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/style-resources-loader/-/style-resources-loader-1.5.0.tgz",
"integrity": "sha512-fIfyvQ+uvXaCBGGAgfh+9v46ARQB1AWdaop2RpQw0PBVuROsTBqGvx8dj0kxwjGOAyq3vepe4AOK3M6+Q/q2jw==",
"dev": true,
"requires": {
"glob": "^7.2.0",
"loader-utils": "^2.0.0",
"schema-utils": "^2.7.0",
"tslib": "^2.3.1"
},
"dependencies": {
"loader-utils": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
"integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
},
"stylehacks": { "stylehacks": {
"version": "5.1.1", "version": "5.1.1",
"resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-5.1.1.tgz", "resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-5.1.1.tgz",
@ -19352,6 +19424,12 @@
"swiper": "^4.0.7" "swiper": "^4.0.7"
} }
}, },
"vue-cli-plugin-style-resources-loader": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/vue-cli-plugin-style-resources-loader/-/vue-cli-plugin-style-resources-loader-0.1.5.tgz",
"integrity": "sha512-LluhjWTZmpGl3tiXg51EciF+T70IN/9t6UvfmgluJBqxbrb6OV9i7L5lTd+OKtcTeghDkhcBmYhtTxxU4w/8sQ==",
"dev": true
},
"vue-eslint-parser": { "vue-eslint-parser": {
"version": "8.3.0", "version": "8.3.0",
"resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz", "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",

6
package.json
Unescape Escape View File

@ -30,8 +30,10 @@
"@vue/cli-service": "~5.0.0", "@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0", "eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3", "eslint-plugin-vue": "^8.0.3",
"less": "^4.0.0", "less": "^4.1.3",
"less-loader": "^8.0.0", "less-loader": "^11.1.0",
"style-resources-loader": "^1.5.0",
"vue-cli-plugin-style-resources-loader": "^0.1.5",
"vue-template-compiler": "^2.6.14" "vue-template-compiler": "^2.6.14"
}, },
"eslintConfig": { "eslintConfig": {

27
src/assets/css/global.less
Unescape Escape View File

@ -0,0 +1,27 @@
//Brand @color
@color-primary: #409eff;
@color-primary-light: mix(@color-white, @color-primary, 80%);
@color-primary-lighter: mix(@color-white, @color-primary, 90%);
//Functional @color
@color-success: #67c23a;
@color-warning: #e6a23c;
@color-danger: #f56c6c;
@color-info: #909399;
@color-red: #f00;
//Font color
@color-text-primary: #303133;
@color-text-regular: #606266;
@color-text-secondary: #909399;
@color-text-placeholder: #c0c4cc;
//Border color
@border-color-base: #dcdfe6;
@border-color-light: #e4e7ed;
@border-color-lighter: #ebeef5;
@border-color-extra-light: #f2f6fc;
//Background color
@color-white: #ffffff;
@color-black: #000000;
@background-color-base: #f5f7fa;
//阴影
@box-shadow-basic: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

76
src/assets/css/theme.less
Unescape Escape View File

@ -8,26 +8,26 @@
background: #20a0ff; background: #20a0ff;
i { i {
color: #fff !important; color: @color-white !important;
} }
.el-menu-item { .el-menu-item {
color: #fff; color: @color-white;
} }
.el-menu-item.is-active { .el-menu-item.is-active {
color: #fff; color: @color-white;
} }
.el-submenu .el-submenu__title { .el-submenu .el-submenu__title {
color: #fff; color: @color-white;
} }
.el-menu-item:not(.is-disabled):focus, .el-menu-item:not(.is-disabled):focus,
.el-menu-item:not(.is-disabled):hover { .el-menu-item:not(.is-disabled):hover {
color: #20a0ff; color: #20a0ff;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #20a0ff !important; color: #20a0ff !important;
@ -37,8 +37,8 @@
.el-submenu:focus .el-submenu__title, .el-submenu:focus .el-submenu__title,
.el-submenu:hover .el-submenu__title { .el-submenu:hover .el-submenu__title {
color: #20a0ff !important; color: #20a0ff !important;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #20a0ff !important; color: #20a0ff !important;
@ -46,7 +46,7 @@
} }
.el-submenu.is-active .el-submenu__title { .el-submenu.is-active .el-submenu__title {
color: #fff; color: @color-white;
} }
} }
@ -57,8 +57,6 @@
} }
} }
//红色主题 //红色主题
.redStyle { .redStyle {
.header { .header {
@ -69,26 +67,26 @@
background: #EE320C; background: #EE320C;
i { i {
color: #fff !important; color: @color-white !important;
} }
.el-menu-item { .el-menu-item {
color: #fff; color: @color-white;
} }
.el-menu-item.is-active { .el-menu-item.is-active {
color: #fff; color: @color-white;
} }
.el-submenu .el-submenu__title { .el-submenu .el-submenu__title {
color: #fff; color: @color-white;
} }
.el-menu-item:not(.is-disabled):focus, .el-menu-item:not(.is-disabled):focus,
.el-menu-item:not(.is-disabled):hover { .el-menu-item:not(.is-disabled):hover {
color: #EE320C; color: #EE320C;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #EE320C !important; color: #EE320C !important;
@ -98,8 +96,8 @@
.el-submenu:focus .el-submenu__title, .el-submenu:focus .el-submenu__title,
.el-submenu:hover .el-submenu__title { .el-submenu:hover .el-submenu__title {
color: #EE320C !important; color: #EE320C !important;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #EE320C !important; color: #EE320C !important;
@ -107,7 +105,7 @@
} }
.el-submenu.is-active .el-submenu__title { .el-submenu.is-active .el-submenu__title {
color: #fff; color: @color-white;
} }
} }
@ -137,26 +135,26 @@
background: #25EE28; background: #25EE28;
i { i {
color: #fff !important; color: @color-white !important;
} }
.el-menu-item { .el-menu-item {
color: #fff; color: @color-white;
} }
.el-menu-item.is-active { .el-menu-item.is-active {
color: #fff; color: @color-white;
} }
.el-submenu .el-submenu__title { .el-submenu .el-submenu__title {
color: #fff; color: @color-white;
} }
.el-menu-item:not(.is-disabled):focus, .el-menu-item:not(.is-disabled):focus,
.el-menu-item:not(.is-disabled):hover { .el-menu-item:not(.is-disabled):hover {
color: #25EE28; color: #25EE28;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #25EE28 !important; color: #25EE28 !important;
@ -166,8 +164,8 @@
.el-submenu:focus .el-submenu__title, .el-submenu:focus .el-submenu__title,
.el-submenu:hover .el-submenu__title { .el-submenu:hover .el-submenu__title {
color: #25EE28 !important; color: #25EE28 !important;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #25EE28 !important; color: #25EE28 !important;
@ -175,7 +173,7 @@
} }
.el-submenu.is-active .el-submenu__title { .el-submenu.is-active .el-submenu__title {
color: #fff; color: @color-white;
} }
} }
@ -200,31 +198,30 @@
.header { .header {
background: #f08200; background: #f08200;
} }
.el-menu { .el-menu {
background: #f08200; background: #f08200;
i { i {
color: #fff !important; color: @color-white !important;
} }
.el-menu-item { .el-menu-item {
color: #fff; color: @color-white;
} }
.el-menu-item.is-active { .el-menu-item.is-active {
color: #fff; color: @color-white;
} }
.el-submenu .el-submenu__title { .el-submenu .el-submenu__title {
color: #fff; color: @color-white;
} }
.el-menu-item:not(.is-disabled):focus, .el-menu-item:not(.is-disabled):focus,
.el-menu-item:not(.is-disabled):hover { .el-menu-item:not(.is-disabled):hover {
color: #f08200; color: #f08200;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #f08200 !important; color: #f08200 !important;
@ -234,8 +231,8 @@
.el-submenu:focus .el-submenu__title, .el-submenu:focus .el-submenu__title,
.el-submenu:hover .el-submenu__title { .el-submenu:hover .el-submenu__title {
color: #f08200 !important; color: #f08200 !important;
background-color: #fff; background-color: @color-white;
border-bottom: 2px solid #fff; border-bottom: 2px solid @color-white;
i { i {
color: #f08200 !important; color: #f08200 !important;
@ -243,11 +240,10 @@
} }
.el-submenu.is-active .el-submenu__title { .el-submenu.is-active .el-submenu__title {
color: #fff; color: @color-white;
} }
} }
.sidebar .el-menu--horizontal .el-menu-item.is-active i { .sidebar .el-menu--horizontal .el-menu-item.is-active i {
color: #f08200; color: #f08200;
} }

128
src/components/common/Header.vue
Unescape Escape View File

@ -9,16 +9,25 @@
<v-sidebar></v-sidebar> <v-sidebar></v-sidebar>
<div class="header-right"> <div class="header-right">
<div class="header-user-con"> <div class="header-user-con">
<el-select v-model="theme" @change="changeTheme"> <el-select v-model="theme" value-key="value" @change="changeTheme">
<el-option label="蓝色" value="蓝色"></el-option> <el-option
<el-option label="红色" value="红色"></el-option> v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<!-- <el-option label="红色" value="红色"></el-option>
<el-option label="绿色" value="绿色"></el-option> <el-option label="绿色" value="绿色"></el-option>
<el-option label="橙色" value="橙色"></el-option> <el-option label="橙色" value="橙色"></el-option> -->
</el-select> </el-select>
<!-- 全屏显示 --> <!-- 全屏显示 -->
<div class="btn-fullscreen" @click="handleFullScreen"> <div class="btn-fullscreen" @click="handleFullScreen">
<el-tooltip effect="dark" :content="fullscreen ? `取消全屏` : `全屏`" placement="bottom"> <el-tooltip
effect="dark"
:content="fullscreen ? `取消全屏` : `全屏`"
placement="bottom"
>
<i class="el-icon-rank"></i> <i class="el-icon-rank"></i>
</el-tooltip> </el-tooltip>
</div> </div>
@ -34,7 +43,9 @@
<i class="el-icon-caret-bottom"></i> <i class="el-icon-caret-bottom"></i>
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item divided command="loginout">退出登录</el-dropdown-item> <el-dropdown-item divided command="loginout"
>退出登录</el-dropdown-item
>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
@ -43,54 +54,72 @@
</template> </template>
<script> <script>
// import bus from '../common/bus'; // import bus from '../common/bus';
import updateElementUiTheme from 'update-element-ui-theme'; import updateElementUiTheme from "update-element-ui-theme";
import vSidebar from './Sidebar.vue'; import vSidebar from "./Sidebar.vue";
export default { export default {
components: { components: {
vSidebar vSidebar,
}, },
data() { data() {
return { return {
color: '#20a0ff', options: [
theme: '蓝色', {
value: "#20a0ff",
label: "蓝色",
},
{
value: "#EE320C",
label: "红色",
},
{
value: "#25EE28",
label: "绿色",
},
{
value: "#f08200",
label: "橙色",
},
],
theme: {},
//collapse: false, //collapse: false,
fullscreen: false, fullscreen: false,
name: 'xinyin' name: "xinyin",
//message: 2
}; };
}, },
computed: { computed: {
username() { username() {
let username = localStorage.getItem('ms_username'); let username = localStorage.getItem("ms_username");
return username ? username : this.name; return username ? username : this.name;
} },
}, },
methods: { methods: {
//修改主题色 //修改主题色
changeTheme() { changeTheme(e) {
const app = document.getElementById('app'); console.log(e);
if (this.theme === '蓝色') { // const app = document.getElementById("app");
this.color = '#20a0ff'; // if (this.theme === "蓝色") {
app.classList.remove('redStyle', 'greenStyle', 'orangeStyle'); // this.color = "#20a0ff";
app.classList.add('blueStyle'); // app.classList.remove("redStyle", "greenStyle", "orangeStyle");
} else if (this.theme === '红色') { // app.classList.add("blueStyle");
this.color = '#EE320C'; // } else if (this.theme === "红色") {
app.classList.remove('blueStyle', 'greenStyle', 'orangeStyle'); // this.color = "#EE320C";
app.classList.add('redStyle'); // app.classList.remove("blueStyle", "greenStyle", "orangeStyle");
} else if (this.theme === '绿色') { // app.classList.add("redStyle");
this.color = '#25EE28'; // } else if (this.theme === "绿色") {
app.classList.add('greenStyle'); // this.color = "#25EE28";
} else if (this.theme === '橙色') { // app.classList.add("greenStyle");
this.color = '#f08200'; // } else if (this.theme === "橙色") {
app.classList.remove('blueStyle', 'greenStyle', 'redStyle'); // this.color = "#f08200";
app.classList.add('orangeStyle'); // app.classList.remove("blueStyle", "greenStyle", "redStyle");
} // app.classList.add("orangeStyle");
// }
}, },
// 用户名下拉菜单选择事件 // 用户名下拉菜单选择事件
handleCommand(command) { handleCommand(command) {
if (command == 'loginout') { if (command == "loginout") {
localStorage.removeItem('ms_username'); localStorage.removeItem("ms_username");
this.$router.push('/login'); this.$router.push("/login");
} }
}, },
// 侧边栏折叠 // 侧边栏折叠
@ -125,20 +154,26 @@ export default {
} }
} }
this.fullscreen = !this.fullscreen; this.fullscreen = !this.fullscreen;
} },
},
created() {
this.theme = {
value: "#20a0ff",
label: "蓝色",
};
}, },
mounted() { mounted() {
this.$watch( this.$watch(
'color', "color",
(value) => { (value) => {
updateElementUiTheme({ updateElementUiTheme({
theme: value, theme: value,
themeName: '--my-theme-name' themeName: "--my-theme-name",
}); });
}, },
{ immediate: true } { immediate: true }
); );
} },
}; };
</script> </script>
<style lang="less"> <style lang="less">
@ -148,8 +183,8 @@ export default {
width: 100%; width: 100%;
height: 70px; height: 70px;
font-size: 22px; font-size: 22px;
color: #fff; color: @color-white;
background-color: #242f42; background-color: @color-primary;
.collapse-btn { .collapse-btn {
float: left; float: left;
padding: 0 21px; padding: 0 21px;
@ -170,6 +205,9 @@ export default {
display: flex; display: flex;
height: 70px; height: 70px;
align-items: center; align-items: center;
.el-select {
width: 90px;
}
} }
.btn-fullscreen { .btn-fullscreen {
transform: rotate(45deg); transform: rotate(45deg);
@ -193,10 +231,10 @@ export default {
height: 8px; height: 8px;
border-radius: 4px; border-radius: 4px;
background: #f56c6c; background: #f56c6c;
color: #fff; color: @color-white;
} }
.btn-bell .el-icon-bell { .btn-bell .el-icon-bell {
color: #fff; color: @color-white;
} }
.user-name { .user-name {
margin-left: 10px; margin-left: 10px;
@ -211,7 +249,7 @@ export default {
border-radius: 50%; border-radius: 50%;
} }
.el-dropdown-link { .el-dropdown-link {
color: #fff; color: @color-white;
cursor: pointer; cursor: pointer;
} }
.el-dropdown-menu__item { .el-dropdown-menu__item {

4
src/components/common/Home.vue
Unescape Escape View File

@ -59,15 +59,13 @@ export default {
//padding-bottom: 30px; //padding-bottom: 30px;
-webkit-transition: left 0.3s ease-in-out; -webkit-transition: left 0.3s ease-in-out;
transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out;
background: #f0f0f0; background: @background-color-base;
.content { .content {
width: 100%; width: 100%;
height: calc(100% - 48px); height: calc(100% - 48px);
padding: 10px; padding: 10px;
overflow-y: auto; overflow-y: auto;
box-sizing: border-box; box-sizing: border-box;
//background: #fff;
//background: url(../../assets/background.jpg);
} }
} }
</style> </style>

6
src/components/common/Sidebar.vue
Unescape Escape View File

@ -261,16 +261,16 @@ export default {
font-size: 16px; font-size: 16px;
} }
.el-menu-item i { .el-menu-item i {
color: #bfcbd9; color: @color-text-secondary;
} }
.el-menu-item.is-active { .el-menu-item.is-active {
i { i {
color: #20a0ff; color: @color-primary;
} }
} }
.el-submenu.is-active .el-submenu__title > i { .el-submenu.is-active .el-submenu__title > i {
&:first-child { &:first-child {
color: #20a0ff; color: @color-primary;
} }
} }
} }

28
src/components/common/Tags.vue
Unescape Escape View File

@ -115,9 +115,9 @@ export default {
position: relative; position: relative;
height: 48px; height: 48px;
overflow: hidden; overflow: hidden;
background: #fff; background: @color-white;
padding-right: 120px; padding-right: 120px;
box-shadow: 0 5px 10px #ddd; box-shadow: 0 5px 10px @border-color-light;
} }
.tags ul { .tags ul {
@ -135,26 +135,26 @@ export default {
cursor: pointer; cursor: pointer;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
border: 1px solid #e9eaec; border: 1px solid @border-color-base;
background: #fff; background: @color-white;
padding: 0 5px 0 12px; padding: 0 5px 0 12px;
vertical-align: middle; vertical-align: middle;
color: #666; color: @color-text-regular;
-webkit-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; transition: all 0.3s ease-in;
} }
.tags-li:not(.active):hover { .tags-li:not(.active):hover {
background: #f8f8f8; background: @border-color-extra-light;
} }
.tags-li.active { .tags-li.active {
color: #fff; color: @color-white;
} }
.tags-li.active { .tags-li.active {
border: 1px solid #409eff; border: 1px solid @color-primary;
background-color: #409eff; background-color: @color-primary;
} }
.tags-li-title { .tags-li-title {
float: left; float: left;
@ -163,16 +163,16 @@ export default {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right: 5px; margin-right: 5px;
color: #666; color: @color-text-regular;
i { i {
margin-right: 4px; margin-right: 4px;
} }
} }
.tags-li.active .tags-li-title { .tags-li.active .tags-li-title {
color: #fff; color: @color-white;
i { i {
color: #fff; color: @color-white;
} }
} }
@ -185,8 +185,8 @@ export default {
text-align: center; text-align: center;
width: 110px; width: 110px;
height: 30px; height: 30px;
background: #fff; background: @color-white;
box-shadow: -3px 0 15px 3px rgba(0, 0, 0, 0.1); box-shadow: @box-shadow-basic;
z-index: 10; z-index: 10;
} }
</style> </style>

49
src/main.js
Unescape Escape View File

@ -1,48 +1,47 @@
import Vue from 'vue' import Vue from "vue";
import App from './App.vue' import App from "./App.vue";
import router from './router' import router from "./router";
import store from './store' import store from "./store";
//引入element-ui //引入element-ui
import ElementUI from 'element-ui'; import ElementUI from "element-ui";
import 'element-ui/lib/theme-chalk/index.css' import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI, { Vue.use(ElementUI, {
size: 'small' size: "small",
}); });
// 引入Echarts // 引入Echarts
import * as echarts from 'echarts' import * as echarts from "echarts";
Vue.prototype.$echarts = echarts Vue.prototype.$echarts = echarts;
// 引入 vue-awesome-swiper // 引入 vue-awesome-swiper
import VueAwesomeSwiper from 'vue-awesome-swiper' import VueAwesomeSwiper from "vue-awesome-swiper";
//引入 vue-awesome-swiper 样式 //引入 vue-awesome-swiper 样式
import 'swiper/dist/css/swiper.css' import "swiper/dist/css/swiper.css";
Vue.use(VueAwesomeSwiper, /* { 全局组件的默认选项 } */) Vue.use(VueAwesomeSwiper /* { 全局组件的默认选项 } */);
import './assets/css/reset.css'; //默认样式 import "./assets/css/reset.css"; //默认样式
import './assets/css/theme.less'; //修改主题颜色 import "./assets/css/theme.less"; //修改主题颜色
import "./assets/css/global.less";
Vue.config.productionTip = false Vue.config.productionTip = false;
new Vue({ new Vue({
router, router,
store, store,
render: h => h(App) render: (h) => h(App),
}).$mount('#app') }).$mount("#app");
//使用钩子函数对路由进行权限跳转 //使用钩子函数对路由进行权限跳转
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
document.title = `${to.meta.title} | 可视化智能管控系统`; document.title = `${to.meta.title} | 可视化智能管控系统`;
const role = localStorage.getItem('ms_username'); const role = localStorage.getItem("ms_username");
if (!role && to.path !== '/login') { if (!role && to.path !== "/login") {
next('/login'); next("/login");
} else if (to.meta.permission) { } else if (to.meta.permission) {
console.log(to.meta.permission) console.log(to.meta.permission);
console.log(role) console.log(role);
// 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已 // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已
role === 'admin' ? next() : next('/403'); role === "admin" ? next() : next("/403");
} else { } else {
next(); next();
// 简单的判断IE10及以下不进入富文本编辑器，该组件不兼容 // 简单的判断IE10及以下不进入富文本编辑器，该组件不兼容

86
src/views/Login.vue
Unescape Escape View File

@ -2,14 +2,25 @@
<div class="login-wrap"> <div class="login-wrap">
<div class="ms-login"> <div class="ms-login">
<div class="ms-title">后台管理系统</div> <div class="ms-title">后台管理系统</div>
<el-form :model="param" :rules="rules" ref="login" label-width="0px" class="ms-content"> <el-form
:model="param"
:rules="rules"
ref="login"
label-width="0px"
class="ms-content"
>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="param.username" placeholder="username"> <el-input v-model="param.username" placeholder="username">
<el-button slot="prepend" icon="el-icon-lx-people"></el-button> <el-button slot="prepend" icon="el-icon-lx-people"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input type="password" placeholder="password" v-model="param.password" @keyup.enter.native="submitForm()"> <el-input
type="password"
placeholder="password"
v-model="param.password"
@keyup.enter.native="submitForm()"
>
<el-button slot="prepend" icon="el-icon-lx-lock"></el-button> <el-button slot="prepend" icon="el-icon-lx-lock"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
@ -23,34 +34,36 @@
</template> </template>
<script> <script>
import { get1, get2 } from '@/utils/api/index'; import { get1, get2 } from "@/utils/api/index";
export default { export default {
data: function () { data: function () {
return { return {
param: { param: {
username: 'admin', username: "admin",
password: '123123' password: "123123",
}, },
rules: { rules: {
username: [{ required: true, message: '请输入用户名', trigger: 'blur' }], username: [
password: [{ required: true, message: '请输入密码', trigger: 'blur' }] { required: true, message: "请输入用户名", trigger: "blur" },
} ],
password: [{ required: true, message: "请输入密码", trigger: "blur" }],
},
}; };
}, },
methods: { methods: {
submitForm() { submitForm() {
this.$refs.login.validate((valid) => { this.$refs.login.validate((valid) => {
if (valid) { if (valid) {
this.$message.success('登录成功'); this.$message.success("登录成功");
localStorage.setItem('ms_username', this.param.username); localStorage.setItem("ms_username", this.param.username);
this.$router.push('/'); this.$router.push("/");
} else { } else {
this.$message.error('请输入账号和密码'); this.$message.error("请输入账号和密码");
console.log('error submit!!'); console.log("error submit!!");
return false; return false;
} }
}); });
} },
}, },
created() { created() {
get1().then((res) => { get1().then((res) => {
@ -59,28 +72,18 @@ export default {
get2().then((res) => { get2().then((res) => {
console.log(res); console.log(res);
}); });
} },
}; };
</script> </script>
<style scoped> <style lang="less">
.login-wrap { .login-wrap {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url(../assets/img/login-bg.jpg) no-repeat center center; background: url(../assets/img/login-bg.jpg) no-repeat center center;
background-size: cover; background-size: cover;
background: #324157; .ms-login {
}
.ms-title {
width: 100%;
line-height: 50px;
text-align: center;
font-size: 20px;
color: #fff;
border-bottom: 1px solid #ddd;
}
.ms-login {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
@ -88,22 +91,33 @@ export default {
margin: -190px 0 0 -175px; margin: -190px 0 0 -175px;
border-radius: 5px; border-radius: 5px;
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
overflow: hidden; overflow: hidden;
} .ms-title {
.ms-content { width: 100%;
line-height: 50px;
text-align: center;
font-size: 20px;
color: @color-white;
border-bottom: 1px solid @border-color-base;
}
.ms-content {
padding: 30px 30px; padding: 30px 30px;
} .login-btn {
.login-btn {
text-align: center; text-align: center;
} button {
.login-btn button {
width: 100%; width: 100%;
height: 36px; height: 36px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.login-tips { }
}
.login-tips {
font-size: 12px; font-size: 12px;
line-height: 30px; line-height: 30px;
color: #fff; color: @color-white;
}
}
} }
</style> </style>

4
src/views/alarmHandling/index.vue
Unescape Escape View File

@ -157,7 +157,7 @@ export default {
.alarmHandBox { .alarmHandBox {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: @color-white;
.alarmTop { .alarmTop {
padding: 16px 8px; padding: 16px 8px;
} }
@ -188,7 +188,7 @@ export default {
} }
.editorBtn { .editorBtn {
margin-top: 8px; margin-top: 8px;
border: 1px solid #e4e7ed; border: 1px solid @border-color-base;
padding: 2%; padding: 2%;
border-radius: 4px; border-radius: 4px;
} }

2
src/views/components/carouselChart.vue
Unescape Escape View File

@ -141,7 +141,7 @@ export default {
// opacity: 0.4; // opacity: 0.4;
} }
.gallery-thumbs .swiper-slide-active { .gallery-thumbs .swiper-slide-active {
border: 3px solid #409eff; border: 3px solid @color-primary;
} }
</style> </style>

2
src/views/management/userEquipment/lineInformation/index.vue
Unescape Escape View File

@ -134,7 +134,7 @@ export default {
.lineInformation { .lineInformation {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: @color-white;
.lineBtnGroup { .lineBtnGroup {
padding: 16px 8px; padding: 16px 8px;
} }

6
src/views/management/userEquipment/towerInformation/components/towerSide.vue
Unescape Escape View File

@ -59,7 +59,7 @@ export default {
.towerSide { .towerSide {
width: 234px; width: 234px;
height: 100%; height: 100%;
border-right: 1px solid #eee; border-right: 1px solid @border-color-base;
// 修改选中的样式 // 修改选中的样式
.el-tree { .el-tree {
.el-tree-node__content { .el-tree-node__content {
@ -67,8 +67,8 @@ export default {
} }
} }
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
background-color: #409eff; background-color: @color-primary;
color: #fff; color: @color-white;
} }
} }
</style> </style>

2
src/views/management/userEquipment/towerInformation/index.vue
Unescape Escape View File

@ -16,6 +16,6 @@ export default {
display: flex; display: flex;
height: 100%; height: 100%;
width: 100%; width: 100%;
background: #fff; background: @color-white;
} }
</style> </style>

33
src/views/pictureRotation/index.vue
Unescape Escape View File

@ -141,37 +141,14 @@ export default {
.picRotation { .picRotation {
height: calc(100% - 8px); height: calc(100% - 8px);
width: 100%; width: 100%;
background: #fff; background: @color-white;
//background: #fcc; //background: #fcc;
.picHead { .picHead {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 8px 0px; padding: 8px 0px;
// .pageNation {
// color: #00cdfc !important;
// .el-pagination__total,
// .el-pagination__jump {
// color: #00cdfc;
// }
// .el-pagination {
// .el-pager li {
// background: transparent;
// color: #00cdfc;
// &:hover {
// background: center center no-repeat #fff;
// }
// }
// .btn-next,
// .btn-prev {
// background: center center no-repeat transparent;
// color: #00cdfc;
// &:hover {
// background: center center no-repeat #fff;
// }
// }
// }
// }
.buttonGroup { .buttonGroup {
display: flex; display: flex;
.el-select { .el-select {
@ -186,7 +163,7 @@ export default {
b { b {
font-size: 24px; font-size: 24px;
font-weight: normal; font-weight: normal;
color: #59b9c6; color: @color-success;
vertical-align: middle; vertical-align: middle;
} }
} }
@ -220,7 +197,7 @@ export default {
left: 0px; left: 0px;
font-size: 15px; font-size: 15px;
background-color: #3a87ad !important; background-color: #3a87ad !important;
color: #fff; color: @color-white;
font-weight: normal; font-weight: normal;
margin-top: 2px; margin-top: 2px;
padding-left: 5px; padding-left: 5px;
@ -229,7 +206,7 @@ export default {
.infoBottom { .infoBottom {
position: absolute; position: absolute;
bottom: 4px; bottom: 4px;
color: #fff; color: @color-white;
left: 0px; left: 0px;
font-size: 15px; font-size: 15px;
background-color: #51b17c !important; background-color: #51b17c !important;

17
src/views/realTimeMonitor/index.vue
Unescape Escape View File

@ -104,26 +104,19 @@ export default {
.monitor-container { .monitor-container {
display: flex; display: flex;
height: 100%; height: 100%;
border: 1px solid #e4e7ed; border: 1px solid @border-color-base;
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: @color-white;
.sideBar { .sideBar {
width: 300px; width: 300px;
border-right: 1px solid #e4e7ed; border-right: 1px solid @border-color-base;
overflow: auto; overflow: auto;
.el-tree { .el-tree {
//background: transparent;
//color: #409eff;
.el-tree-node__content { .el-tree-node__content {
height: 40px; height: 40px;
} }
// .is-current {
// background-color: #256eb1;
// }
// .el-tree-node__content:hover,
// .el-upload-list__item:hover {
// background-color: #256eb1;
// }
} }
} }
.picSetBox { .picSetBox {

16
src/views/realTimeMonitor/paramArea.vue
Unescape Escape View File

@ -159,7 +159,7 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
border: 1px solid #e4e7ed; border: 1px solid @border-color-base;
//padding-top: 16px; //padding-top: 16px;
position: relative; position: relative;
padding: 24px 16px 16px 16px; padding: 24px 16px 16px 16px;
@ -170,7 +170,7 @@ export default {
top: -14px; top: -14px;
left: 7px; left: 7px;
background: transparent; background: transparent;
color: #666; color: @color-text-regular;
} }
.el-button { .el-button {
width: 84px; width: 84px;
@ -181,17 +181,7 @@ export default {
.el-button + .el-button { .el-button + .el-button {
margin-left: 0px; margin-left: 0px;
} }
// .el-button {
// color: #666;
// background: #256eb1;
// border-color: #256eb1;
// }
// .el-button--primary:focus,
// .el-button--primary:hover {
// background: #66b1ff;
// border-color: #66b1ff;
// color: #666;
// }
} }
} }
</style> </style>

41
src/views/realTimeMonitor/picturemain.vue
Unescape Escape View File

@ -114,21 +114,21 @@ export default {
h3 { h3 {
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
color: #606266; color: @color-text-regular;
} }
.total span { .total span {
color: #999; color: @color-text-secondary;
font-size: 14px; font-size: 14px;
line-height: 30px; line-height: 30px;
} }
} }
.picmain { .picmain {
border: 1px solid #e4e7ed; border: 1px solid @border-color-base;
.photosPic { .photosPic {
padding-bottom: 12px; padding-bottom: 12px;
border-bottom: 1px solid #e4e7ed; border-bottom: 1px solid @border-color-base;
&:last-child { &:last-child {
border-bottom: 0px solid #e4e7ed; border-bottom: 0px solid @border-color-base;
} }
.topTitle { .topTitle {
display: flex; display: flex;
@ -138,13 +138,13 @@ export default {
padding: 0 10px; padding: 0 10px;
display: inline-block; display: inline-block;
line-height: 45px; line-height: 45px;
color: #606266; color: @color-text-regular;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
.iconList { .iconList {
i { i {
color: #999; color: @color-text-secondary;
margin-right: 12px; margin-right: 12px;
font-size: 28px; font-size: 28px;
} }
@ -167,9 +167,9 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: #0683cc; background: @color-primary;
display: inline-block; display: inline-block;
color: #fff; color: @color-white;
font-size: 14px; font-size: 14px;
padding: 4px; padding: 4px;
} }
@ -179,28 +179,7 @@ export default {
} }
.page { .page {
margin-top: 16px; margin-top: 16px;
// color: #999 !important;
// .el-pagination__total,
// .el-pagination__jump {
// color: #999;
// }
// .el-pagination {
// .el-pager li {
// background: transparent;
// color: #999;
// &:hover {
// background: center center no-repeat #fff;
// }
// }
// .btn-next,
// .btn-prev {
// background: center center no-repeat transparent;
// color: #999;
// &:hover {
// background: center center no-repeat #fff;
// }
// }
// }
} }
} }
</style> </style>

30
src/views/stritl/index.vue
Unescape Escape View File

@ -306,7 +306,6 @@ export default {
.stritl_right { .stritl_right {
width: 20%; width: 20%;
margin: 8px; margin: 8px;
//background-color: lightpink;
} }
.stritl_left, .stritl_left,
.stritl_right { .stritl_right {
@ -318,9 +317,9 @@ export default {
.strLeftBottom { .strLeftBottom {
height: 30%; height: 30%;
box-sizing: content-box; box-sizing: content-box;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); box-shadow:@box-shadow-basic;
border: 1px solid #ebeef5; border: 1px solid @border-color-base;
background-color: #fff; background-color: @color-white;
border-radius: 4px; border-radius: 4px;
padding: 8px; padding: 8px;
h3 { h3 {
@ -332,9 +331,9 @@ export default {
.strRightBottom { .strRightBottom {
height: 46%; height: 46%;
box-sizing: content-box; box-sizing: content-box;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); box-shadow:@box-shadow-basic;
border: 1px solid #ebeef5; border: 1px solid @border-color-base;
background-color: #fff; background-color: @color-white;
border-radius: 4px; border-radius: 4px;
padding: 8px; padding: 8px;
h3 { h3 {
@ -369,7 +368,7 @@ export default {
margin-bottom: 8px; margin-bottom: 8px;
span { span {
font-size: 16px; font-size: 16px;
color: #f00; color: @color-red;
} }
} }
.info { .info {
@ -388,16 +387,14 @@ export default {
.stritl_center { .stritl_center {
flex: 1; flex: 1;
margin: 10px; margin: 10px;
//background-color: lightgreen;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.strCenterTop { .strCenterTop {
flex: 1; flex: 1;
box-sizing: content-box; box-sizing: content-box;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); box-shadow:@box-shadow-basic;
border: 1px solid #ebeef5; border: 1px solid @border-color-base;
background-color: #fff; background-color: @color-white;
border-radius: 4px; border-radius: 4px;
//padding: 8px; //padding: 8px;
} }
@ -408,16 +405,15 @@ export default {
box-sizing: content-box; box-sizing: content-box;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.bottomL, .bottomL,
.bottomM, .bottomM,
.bottomR { .bottomR {
border: 1px solid #000; border: 1px solid #000;
box-sizing: content-box; box-sizing: content-box;
width: 30%; width: 30%;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); box-shadow:@box-shadow-basic;
border: 1px solid #ebeef5; border: 1px solid @border-color-base;
background-color: #fff; background-color: @color-white;
border-radius: 4px; border-radius: 4px;
padding: 8px; padding: 8px;
h3 { h3 {

2
src/views/videoMonitor/index.vue
Unescape Escape View File

@ -8,7 +8,7 @@
<style lang="less"> <style lang="less">
p { p {
font-size: 20px; font-size: 20px;
color: #fff; color: @color-white;
} }
</style> </style>
<script> <script>

11
vue.config.js
Unescape Escape View File

@ -1,9 +1,20 @@
const { defineConfig } = require('@vue/cli-service') const { defineConfig } = require('@vue/cli-service')
const path = require("path");
module.exports = defineConfig({ module.exports = defineConfig({
publicPath: '/', publicPath: '/',
assetsDir: 'static', assetsDir: 'static',
transpileDependencies: true, transpileDependencies: true,
lintOnSave:false, lintOnSave:false,
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [
// 这个是加上自己的路径
path.resolve(__dirname, './src/assets/css/global.less')
]
}
},
devServer: { devServer: {
proxy: { proxy: {
'/api': {//表示拦截以/api开头的请求路径 '/api': {//表示拦截以/api开头的请求路径

Write Preview
Loading…
Cancel
Save