修改样式 #93
2
dist/index.html
vendored
2
dist/index.html
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
dist/static/js/app.be335382.js
vendored
1
dist/static/js/app.be335382.js
vendored
File diff suppressed because one or more lines are too long
1
dist/static/js/app.ffca9489.js
vendored
Normal file
1
dist/static/js/app.ffca9489.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/static/js/chunk-commons.362bfd6c.js
vendored
1
dist/static/js/chunk-commons.362bfd6c.js
vendored
File diff suppressed because one or more lines are too long
1
dist/static/js/chunk-commons.9487cd40.js
vendored
Normal file
1
dist/static/js/chunk-commons.9487cd40.js
vendored
Normal file
File diff suppressed because one or more lines are too long
13
src/App.vue
13
src/App.vue
@ -1,3 +1,10 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: zwq
|
||||||
|
* @Date: 2022-03-14 10:58:37
|
||||||
|
* @LastEditors: zwq
|
||||||
|
* @LastEditTime: 2022-06-29 10:02:02
|
||||||
|
* @Description:
|
||||||
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<router-view />
|
<router-view />
|
||||||
@ -11,3 +18,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
#app {
|
||||||
|
background-color: #f2f4f9;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Date: 2020-12-14 09:07:03
|
* @Date: 2020-12-14 09:07:03
|
||||||
* @LastEditors: gtz
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2021-06-22 09:07:41
|
* @LastEditTime: 2022-06-21 14:22:47
|
||||||
* @FilePath: \basic-admin\src\components\BaseTable\index.vue
|
* @FilePath: \basic-admin\src\components\BaseTable\index.vue
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :class="{'hidden':hidden}" class="pagination-container">
|
<div :class="{'hidden':hidden}" class="pagination-container">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
small
|
||||||
:background="background"
|
:background="background"
|
||||||
:current-page.sync="currentPage"
|
:current-page.sync="currentPage"
|
||||||
:page-size.sync="pageSize"
|
:page-size.sync="pageSize"
|
||||||
@ -93,7 +94,9 @@ export default {
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
.pagination-container {
|
.pagination-container {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 32px 16px;
|
padding-top: 20px;
|
||||||
|
text-align: right;
|
||||||
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.pagination-container.hidden {
|
.pagination-container.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
14
src/icons/svg/countdown.svg
Normal file
14
src/icons/svg/countdown.svg
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<g id="选择" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="首页选择" transform="translate(-1492.000000, -20.000000)" fill-rule="nonzero">
|
||||||
|
<g id="banner/top" transform="translate(1.000000, -0.000000)">
|
||||||
|
<g id="倒计时" transform="translate(1491.000000, 20.000000)">
|
||||||
|
<rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
|
||||||
|
<path d="M18.6251339,2.5 L18.7173046,2.506884 C19.0181775,2.55223577 19.25,2.81622235 19.25,3.13636364 C19.25,3.48849651 18.9695089,3.77267387 18.6250952,3.77272728 L18.6250952,3.77272728 L17.500134,3.77272728 L17.500134,6.68181819 L17.4950738,6.93194703 C17.4134263,8.92636566 16.3486624,10.7533909 14.6512846,11.7864428 L14.6512846,11.7864428 L14.3002984,12.0000588 L14.6513368,12.2135889 L14.8602283,12.3467668 C16.5045868,13.4445685 17.5015027,15.3107448 17.500134,17.3180114 L17.500134,17.3180114 L17.500134,20.2272727 L18.6251339,20.2272727 L18.7173078,20.2341693 C19.0181892,20.2795564 19.25,20.5435156 19.25,20.8636364 C19.25,21.2157918 18.9694948,21.5 18.6251339,21.5 L18.6251339,21.5 L4.62513396,21.5 L4.53296333,21.493116 C4.23209038,21.4477642 4.00026791,21.1837777 4.00026791,20.8636364 C4.00026791,20.5115035 4.28075902,20.2273261 4.62517273,20.2272727 L4.62517273,20.2272727 L5.75013395,20.2272727 L5.75013395,17.3181818 L5.75519413,17.068053 C5.8368416,15.0736343 6.90160547,13.2466092 8.59898334,12.2135572 L8.59898334,12.2135572 L8.94996946,11.9999412 L8.59893115,11.7864111 L8.39003962,11.6532332 C6.74568111,10.5554315 5.74876521,8.68925518 5.75013389,6.68198865 L5.75013389,6.68198865 L5.75013395,3.77272728 L4.62513396,3.77272728 L4.53097506,3.76549115 C4.34557884,3.73677723 4.18042961,3.62417437 4.08444297,3.45578133 C3.97185234,3.2582593 3.97185234,3.01446799 4.08444297,2.81694595 C4.196414,2.6205109 4.40253386,2.5 4.62513396,2.5 L4.62513396,2.5 L18.6251339,2.5 Z M11.6309675,12.6364317 L11.4133705,12.641183 C8.9566894,12.7532313 7.00013396,14.805007 7.00013396,17.3181818 L7.00013396,17.3181818 L7.00013396,20.2272727 L16.2501339,20.2272727 L16.2501339,17.3181818 L16.2450986,17.0982663 C16.1348575,14.6926999 14.227663,12.7467226 11.8259996,12.6410372 L11.8259996,12.6410372 L11.6309675,12.6364317 Z M16.2501339,3.77272728 L7.00013396,3.77272728 L7.00013396,6.68181819 L7.00489156,6.89606874 C7.1155058,9.38167112 9.1410632,11.3636364 11.625134,11.3636364 L11.625134,11.3636364 L11.8208425,11.3591365 L12.0382189,11.3444826 C14.4134338,11.1283734 16.2499952,9.11397106 16.2501339,6.68183244 L16.2501339,6.68183244 L16.2501339,3.77272728 Z" id="形状结合" fill="#FFFFFF"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.9 KiB |
15
src/icons/svg/countdown2.svg
Normal file
15
src/icons/svg/countdown2.svg
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<g id="1_基础资料" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="1-1工厂信息" transform="translate(-1446.000000, -20.000000)" fill="#000000" fill-rule="nonzero">
|
||||||
|
<g id="banner/top/栏" transform="translate(336.000000, 0.000000)">
|
||||||
|
<g id="编组-5" transform="translate(944.000000, 15.000000)">
|
||||||
|
<g id="倒计时" transform="translate(166.000000, 5.000000)">
|
||||||
|
<rect id="矩形" opacity="0" x="0" y="0" width="24" height="24"></rect>
|
||||||
|
<path d="M18.6251339,2.5 L18.7173046,2.506884 C19.0181775,2.55223577 19.25,2.81622235 19.25,3.13636364 C19.25,3.48849651 18.9695089,3.77267387 18.6250952,3.77272728 L18.6250952,3.77272728 L17.500134,3.77272728 L17.500134,6.68181819 L17.4950738,6.93194703 C17.4134263,8.92636566 16.3486624,10.7533909 14.6512846,11.7864428 L14.6512846,11.7864428 L14.3002984,12.0000588 L14.6513368,12.2135889 L14.8602283,12.3467668 C16.5045868,13.4445685 17.5015027,15.3107448 17.500134,17.3180114 L17.500134,17.3180114 L17.500134,20.2272727 L18.6251339,20.2272727 L18.7173078,20.2341693 C19.0181892,20.2795564 19.25,20.5435156 19.25,20.8636364 C19.25,21.2157918 18.9694948,21.5 18.6251339,21.5 L18.6251339,21.5 L4.62513396,21.5 L4.53296333,21.493116 C4.23209038,21.4477642 4.00026791,21.1837777 4.00026791,20.8636364 C4.00026791,20.5115035 4.28075902,20.2273261 4.62517273,20.2272727 L4.62517273,20.2272727 L5.75013395,20.2272727 L5.75013395,17.3181818 L5.75519413,17.068053 C5.8368416,15.0736343 6.90160547,13.2466092 8.59898334,12.2135572 L8.59898334,12.2135572 L8.94996946,11.9999412 L8.59893115,11.7864111 L8.39003962,11.6532332 C6.74568111,10.5554315 5.74876521,8.68925518 5.75013389,6.68198865 L5.75013389,6.68198865 L5.75013395,3.77272728 L4.62513396,3.77272728 L4.53097506,3.76549115 C4.34557884,3.73677723 4.18042961,3.62417437 4.08444297,3.45578133 C3.97185234,3.2582593 3.97185234,3.01446799 4.08444297,2.81694595 C4.196414,2.6205109 4.40253386,2.5 4.62513396,2.5 L4.62513396,2.5 L18.6251339,2.5 Z M11.6309675,12.6364317 L11.4133705,12.641183 C8.9566894,12.7532313 7.00013396,14.805007 7.00013396,17.3181818 L7.00013396,17.3181818 L7.00013396,20.2272727 L16.2501339,20.2272727 L16.2501339,17.3181818 L16.2450986,17.0982663 C16.1348575,14.6926999 14.227663,12.7467226 11.8259996,12.6410372 L11.8259996,12.6410372 L11.6309675,12.6364317 Z M16.2501339,3.77272728 L7.00013396,3.77272728 L7.00013396,6.68181819 L7.00489156,6.89606874 C7.1155058,9.38167112 9.1410632,11.3636364 11.625134,11.3636364 L11.625134,11.3636364 L11.8208425,11.3591365 L12.0382189,11.3444826 C14.4134338,11.1283734 16.2499952,9.11397106 16.2501339,6.68183244 L16.2501339,6.68183244 L16.2501339,3.77272728 Z" id="形状结合"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.0 KiB |
15
src/icons/svg/download.svg
Normal file
15
src/icons/svg/download.svg
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<g id="1_基础资料" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="1-1工厂信息" transform="translate(-1580.000000, -20.000000)" fill="#000000" fill-rule="nonzero">
|
||||||
|
<g id="banner/top/栏" transform="translate(336.000000, 0.000000)">
|
||||||
|
<g id="编组-5" transform="translate(944.000000, 15.000000)">
|
||||||
|
<g id="下载" transform="translate(300.000000, 5.000000)">
|
||||||
|
<rect id="矩形" opacity="0" x="0" y="0" width="24" height="24"></rect>
|
||||||
|
<path d="M7.6875,13.5 L11.25,13.5 L11.25,3.75 C11.25,3.33578644 11.5857864,3 12,3 C12.4142136,3 12.75,3.33578644 12.75,3.75 L12.75,13.5 L12.75,13.5 L16.3125,13.5 L12,18 L7.6875,13.5 Z M20.25,12 C19.8357864,12 19.5,12.3357864 19.5,12.75 L19.5,18.5 C19.5,19.0522847 19.0522847,19.5 18.5,19.5 L5.5,19.5 C4.94771525,19.5 4.5,19.0522847 4.5,18.5 L4.5,12.75 C4.5,12.3357864 4.16421356,12 3.75,12 C3.33578644,12 3,12.3357864 3,12.75 L3,19 C3,20.1045695 3.8954305,21 5,21 L19,21 C20.1045695,21 21,20.1045695 21,19 L21,12.75 C21,12.3357864 20.6642136,12 20.25,12 Z" id="形状"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
13
src/icons/svg/introduce.svg
Normal file
13
src/icons/svg/introduce.svg
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<g id="选择" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.903721">
|
||||||
|
<g id="首页选择" transform="translate(-1873.000000, -20.000000)">
|
||||||
|
<g id="banner/top" transform="translate(1.000000, -0.000000)">
|
||||||
|
<g id="编组" transform="translate(1872.000000, 20.000000)">
|
||||||
|
<rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="23" height="23"></rect>
|
||||||
|
<path d="M11.310182,10.3337823 C12.5601874,9.70367185 13.51051,9.44503668 13.9702819,9.64581368 C14.472601,9.8651991 14.5084688,10.7360792 14.1222621,12.1103343 C14.0263593,12.4515891 13.9079191,12.8128586 13.7663384,13.204699 L13.7663384,13.204699 L13.1755703,14.7700352 L13.1356173,14.8923194 C12.9377283,15.712423 12.7983671,16.8200017 12.912421,17.6028055 C13.0909539,18.8281585 13.8745484,19.1391381 15.1518197,18.2618535 L15.1518197,18.2618535 L15.2431014,18.1949758 L14.9940164,18.4800885 L14.5796447,18.9305355 C13.5052517,20.0760203 12.2512381,20.8876408 11.2037186,21.1562825 C10.2220563,21.4080347 9.60903688,21.1544199 9.47437495,20.4388955 C9.43164291,20.2118661 9.43430014,19.8730341 9.48049136,19.4147347 L9.48049136,19.4147347 L9.52326841,19.0484903 L9.58219677,18.636727 L9.65710251,18.1787264 L9.79903824,17.4034584 L9.91312648,16.8267205 L10.0833225,16.0088515 L10.5653971,13.7726047 L10.7525122,12.8466096 L10.8135626,12.5082623 L10.8593992,12.2197102 C10.892055,11.9945685 10.8447612,11.8140224 10.6819512,11.7150937 C10.5500877,11.6349691 10.4054478,11.6456233 10.2453725,11.7048381 C10.0817522,11.7653643 9.91628553,11.8715133 9.77571237,11.9796145 L9.77571237,11.9796145 L9.57499388,12.1142665 L9.31774645,12.2720806 C9.22286657,12.3279967 9.11972797,12.3863858 9.01094671,12.4447325 C8.79608072,12.5599796 8.5883481,12.6580442 8.39387109,12.7334809 L8.39387109,12.7334809 L8.24743549,12.7868596 L8.11116233,12.82956 C7.76146569,12.9292776 7.52195085,12.916147 7.40687766,12.7986103 L7.40687766,12.7986103 L7.39810145,12.7852594 C7.42648997,12.8080346 7.45483725,12.7948797 7.48619177,12.7687749 L7.48619177,12.7687749 L7.63793148,12.6336999 C7.75465486,12.5374893 7.88430531,12.4463052 7.96282058,12.4045046 L7.96282058,12.4045046 L8.6231747,11.9447563 C9.11169615,11.6130499 9.6289273,11.2813461 10.1513385,10.9720739 C10.5522838,10.7347105 10.9405318,10.5201178 11.310182,10.3337823 Z M13.6878854,2.7492498 L13.8429866,2.75227308 L13.9974951,2.76617758 C15.1180125,2.90704663 15.9546797,3.89345207 15.8920662,5.03876017 C15.8266298,6.23604447 14.8030933,7.15360401 13.6059845,7.08817659 C12.4088582,7.0227508 11.4914496,5.99905482 11.556888,4.80168562 C11.6223247,3.60432538 12.645833,2.68679848 13.8429866,2.75227308 Z" id="形状结合" fill="#FFFFFF" fill-rule="nonzero"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.0 KiB |
13
src/icons/svg/introduce2.svg
Normal file
13
src/icons/svg/introduce2.svg
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<g id="1_基础资料" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.750912">
|
||||||
|
<g id="1-1工厂信息" transform="translate(-1872.000000, -20.000000)">
|
||||||
|
<g id="banner/top/栏" transform="translate(336.000000, 0.000000)">
|
||||||
|
<g id="编组" transform="translate(1536.000000, 20.000000)">
|
||||||
|
<rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="23" height="23"></rect>
|
||||||
|
<path d="M11.310182,10.3337823 C12.5601874,9.70367185 13.51051,9.44503668 13.9702819,9.64581368 C14.472601,9.8651991 14.5084688,10.7360792 14.1222621,12.1103343 C14.0263593,12.4515891 13.9079191,12.8128586 13.7663384,13.204699 L13.7663384,13.204699 L13.1755703,14.7700352 L13.1356173,14.8923194 C12.9377283,15.712423 12.7983671,16.8200017 12.912421,17.6028055 C13.0909539,18.8281585 13.8745484,19.1391381 15.1518197,18.2618535 L15.1518197,18.2618535 L15.2431014,18.1949758 L14.9940164,18.4800885 L14.5796447,18.9305355 C13.5052517,20.0760203 12.2512381,20.8876408 11.2037186,21.1562825 C10.2220563,21.4080347 9.60903688,21.1544199 9.47437495,20.4388955 C9.43164291,20.2118661 9.43430014,19.8730341 9.48049136,19.4147347 L9.48049136,19.4147347 L9.52326841,19.0484903 L9.58219677,18.636727 L9.65710251,18.1787264 L9.79903824,17.4034584 L9.91312648,16.8267205 L10.0833225,16.0088515 L10.5653971,13.7726047 L10.7525122,12.8466096 L10.8135626,12.5082623 L10.8593992,12.2197102 C10.892055,11.9945685 10.8447612,11.8140224 10.6819512,11.7150937 C10.5500877,11.6349691 10.4054478,11.6456233 10.2453725,11.7048381 C10.0817522,11.7653643 9.91628553,11.8715133 9.77571237,11.9796145 L9.77571237,11.9796145 L9.57499388,12.1142665 L9.31774645,12.2720806 C9.22286657,12.3279967 9.11972797,12.3863858 9.01094671,12.4447325 C8.79608072,12.5599796 8.5883481,12.6580442 8.39387109,12.7334809 L8.39387109,12.7334809 L8.24743549,12.7868596 L8.11116233,12.82956 C7.76146569,12.9292776 7.52195085,12.916147 7.40687766,12.7986103 L7.40687766,12.7986103 L7.39810145,12.7852594 C7.42648997,12.8080346 7.45483725,12.7948797 7.48619177,12.7687749 L7.48619177,12.7687749 L7.63793148,12.6336999 C7.75465486,12.5374893 7.88430531,12.4463052 7.96282058,12.4045046 L7.96282058,12.4045046 L8.6231747,11.9447563 C9.11169615,11.6130499 9.6289273,11.2813461 10.1513385,10.9720739 C10.5522838,10.7347105 10.9405318,10.5201178 11.310182,10.3337823 Z M13.6878854,2.7492498 L13.8429866,2.75227308 L13.9974951,2.76617758 C15.1180125,2.90704663 15.9546797,3.89345207 15.8920662,5.03876017 C15.8266298,6.23604447 14.8030933,7.15360401 13.6059845,7.08817659 C12.4088582,7.0227508 11.4914496,5.99905482 11.556888,4.80168562 C11.6223247,3.60432538 12.645833,2.68679848 13.8429866,2.75227308 Z" id="形状结合" fill="#000000" fill-rule="nonzero"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.0 KiB |
@ -1,9 +1,9 @@
|
|||||||
export default {
|
export default {
|
||||||
title: {
|
title: {
|
||||||
en: 'SCC System',
|
// en: 'SCC System',
|
||||||
zh: '玻璃新材料供应链协同生产平台'
|
// zh: '玻璃新材料供应链协同生产平台'
|
||||||
// en: 'ARI WMS',
|
en: 'ARI WMS',
|
||||||
// zh: '中建材自动化智能仓库管理系统'
|
zh: '中建材自动化仓库管理系统'
|
||||||
},
|
},
|
||||||
btn: {
|
btn: {
|
||||||
start: {
|
start: {
|
||||||
|
|||||||
@ -1,3 +1,10 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: zwq
|
||||||
|
* @Date: 2021-09-18 16:09:08
|
||||||
|
* @LastEditors: zwq
|
||||||
|
* @LastEditTime: 2022-06-29 10:02:58
|
||||||
|
* @Description:
|
||||||
|
-->
|
||||||
<template>
|
<template>
|
||||||
<section class="app-main">
|
<section class="app-main">
|
||||||
<transition name="fade-transform" mode="out-in">
|
<transition name="fade-transform" mode="out-in">
|
||||||
@ -24,26 +31,26 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.app-main {
|
.app-main {
|
||||||
/* 50= navbar 50 */
|
/* 64= navbar 64 */
|
||||||
min-height: calc(100vh - 50px);
|
min-height: calc(100vh - 64px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed-header+.app-main {
|
.fixed-header+.app-main {
|
||||||
padding-top: 50px;
|
padding-top: 64px;
|
||||||
padding-bottom: 50px;
|
// padding-bottom: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hasTagsView {
|
.hasTagsView {
|
||||||
.app-main {
|
.app-main {
|
||||||
/* 84 = navbar + tags-view = 50 + 34 */
|
/* 84 = navbar + tags-view = 64 + 34 */
|
||||||
min-height: calc(100vh - 84px);
|
min-height: calc(100vh - 31px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed-header+.app-main {
|
.fixed-header+.app-main {
|
||||||
padding-top: 84px;
|
padding-top: 96px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: your name
|
* @Author: your name
|
||||||
* @Date: 2021-01-27 10:07:42
|
* @Date: 2021-01-27 10:07:42
|
||||||
* @LastEditTime: 2021-03-02 10:11:08
|
* @LastEditTime: 2022-06-29 10:03:35
|
||||||
* @LastEditors: gtz
|
* @LastEditors: zwq
|
||||||
* @Description: In User Settings Edit
|
* @Description: In User Settings Edit
|
||||||
* @FilePath: \mt-bus-fe\src\layout\components\FooterBar.vue
|
* @FilePath: \mt-bus-fe\src\layout\components\FooterBar.vue
|
||||||
-->
|
-->
|
||||||
@ -24,14 +24,18 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.footerbar{
|
.footerbar{
|
||||||
position: fixed;
|
// position: fixed;
|
||||||
bottom: 0;
|
// bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
height: 20px;
|
||||||
line-height: 50px;
|
// line-height: 50px;
|
||||||
text-indent: 2em;
|
// text-indent: 2em;
|
||||||
background: #fff;
|
// background: #fff;
|
||||||
z-index: 999;
|
// z-index: 999;
|
||||||
box-shadow: 2px -2px 2px rgba($color: #000000, $alpha: .1);
|
// box-shadow: 2px -2px 2px rgba($color: #000000, $alpha: .1);
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #C7C7C7;
|
||||||
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="navbar">
|
<div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''" style="padding-right: 23px;">
|
||||||
<hamburger v-if="showhome" id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
<hamburger v-if="showhome" id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
||||||
|
|
||||||
<div v-if="showTitle" style="font-size: 20px; float: left; font-weight: bold; padding-left: 20px; color: #606266">
|
<div v-if="showTitle" style="color: #fff;font-size: 22px; float: left; letter-spacing: 1px; font-weight: 500; padding-left: 24px; marginTop: 5px">
|
||||||
<img src="../../assets/img/cnbm.png" style="width: 1.6em; height: 1.6em; position: relative; top: .4em" alt="">
|
<img src="../../assets/img/cnbm.png" style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px" alt="">
|
||||||
{{ 'title' | i18nFilter }}
|
{{ 'title' | i18nFilter }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -11,35 +11,68 @@
|
|||||||
|
|
||||||
<div class="right-menu">
|
<div class="right-menu">
|
||||||
|
|
||||||
<!-- <div v-if="showhome" class="right-menu-back" @click="toHome">
|
<div v-if="showhome" class="right-menu-back" @click="toHome">
|
||||||
<svg-icon class="item-icon" icon-class="home" />
|
<svg-icon class="item-icon" icon-class="home" style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;" />
|
||||||
{{ 'navbar.homepage' | i18nFilter }}
|
{{ 'navbar.homepage' | i18nFilter }}
|
||||||
</div> -->
|
</div>
|
||||||
|
<el-dropdown :style="showTitle ? 'color: #fff' : '#000'" class="avatar-container right-menu-item hover-effect" trigger="click">
|
||||||
|
<el-badge :hidden="alarmNum>0?false:true" :value="alarmNum" class="item" style="line-height: 0; margin: 0 10px; vertical-align: -3px" @click.native="handleAlarm">
|
||||||
|
<svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" />
|
||||||
|
</el-badge>
|
||||||
|
</el-dropdown>
|
||||||
|
<div :style="showTitle ? 'color: #fff' : ''" class="right-menu-back">
|
||||||
|
<svg-icon style="width: 24px; height: 24px; vertical-align: -7px" :icon-class="showTitle ? 'countdown' : 'countdown2'" />
|
||||||
|
{{ formatTime }}
|
||||||
|
</div>
|
||||||
<template>
|
<template>
|
||||||
<lang-select class="right-menu-item hover-effect" />
|
<lang-select :style="showTitle ? 'color: #fff' : ''" class="right-menu-item hover-effect" :is-show="showTitle" />
|
||||||
</template>
|
</template>
|
||||||
<div v-if="showhome" class="right-menu-back">
|
<div v-if="showhome" class="right-menu-back">
|
||||||
<a href="Lodap.zip"><i class="el-icon-download" /></a>
|
<a href="Lodap.zip"><svg-icon style="width: 24px; height: 24px; vertical-align: -7px" icon-class="download" /></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="right-menu-back">
|
<!-- <div class="right-menu-back" style="color: #fff" @click="$router.push({name: 'VisualCreate'})">
|
||||||
<i class="el-icon-alarm-clock" />
|
可视化配置
|
||||||
{{ formatTime }}
|
|
||||||
</div> -->
|
</div> -->
|
||||||
|
<!-- <div :style="showTitle ? 'color: #fff' : ''" class="right-menu-back">
|
||||||
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
<svg-icon class="item-icon" icon-class="ntp" />
|
||||||
|
{{ showDay }}
|
||||||
|
{{ showTime }}
|
||||||
|
</div> -->
|
||||||
|
<el-dropdown :style="showTitle ? 'color: #fff' : 'color: #000'" class="avatar-container right-menu-item hover-effect" trigger="click">
|
||||||
<div class="avatar-wrapper">
|
<div class="avatar-wrapper">
|
||||||
<img :src="require('@/assets/img/head.png')" class="user-avatar">
|
<img :src="require('@/assets/img/head.png')" class="user-avatar">
|
||||||
<!-- <div class="avatar-username">{{ username }}</div> -->
|
<div class="avatar-username" :title="username">{{ username }}</div>
|
||||||
|
<div class="avatar-roles" :title="roles.join(',')">{{ roles.length>0?roles[0]:'' }}</div>
|
||||||
<!-- <i class="el-icon-caret-bottom" /> -->
|
<!-- <i class="el-icon-caret-bottom" /> -->
|
||||||
</div>
|
</div>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<router-link to="/profile/index">
|
||||||
|
<el-dropdown-item>
|
||||||
|
<svg-icon class="item-icon" icon-class="user" />
|
||||||
|
{{ 'navbar.profile' | i18nFilter }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
</router-link>
|
||||||
|
<el-dropdown-item @click.native="toHome">
|
||||||
|
<svg-icon class="item-icon" icon-class="help" />
|
||||||
|
{{ 'navbar.help' | i18nFilter }}
|
||||||
|
</el-dropdown-item>
|
||||||
<el-dropdown-item @click.native="logout">
|
<el-dropdown-item @click.native="logout">
|
||||||
<svg-icon class="item-icon" icon-class="logout" />
|
<svg-icon class="item-icon" icon-class="logout" />
|
||||||
{{ 'navbar.logOut' | i18nFilter }}
|
{{ 'navbar.logOut' | i18nFilter }}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
|
<!-- <div class="right-menu-back">
|
||||||
|
<el-tooltip class="item" effect="dark" placement="top">
|
||||||
|
<div slot="content">
|
||||||
|
{{ 'navbar.copyright' | i18nFilter }}<br>
|
||||||
|
{{ 'navbar.versionNum' | i18nFilter }}：v3.0
|
||||||
|
</div>
|
||||||
|
<el-button type="text">
|
||||||
|
<svg-icon icon-class="black-info" />
|
||||||
|
</el-button>
|
||||||
|
</el-tooltip>
|
||||||
|
</div> -->
|
||||||
<!-- <div class="right-menu-back" @click="toHome">
|
<!-- <div class="right-menu-back" @click="toHome">
|
||||||
<svg-icon class="item-icon" icon-class="help" />
|
<svg-icon class="item-icon" icon-class="help" />
|
||||||
{{ 'navbar.help' | i18nFilter }}
|
{{ 'navbar.help' | i18nFilter }}
|
||||||
@ -49,6 +82,13 @@
|
|||||||
<svg-icon class="item-icon" icon-class="logout" />
|
<svg-icon class="item-icon" icon-class="logout" />
|
||||||
{{ 'navbar.logOut' | i18nFilter }}
|
{{ 'navbar.logOut' | i18nFilter }}
|
||||||
</div> -->
|
</div> -->
|
||||||
|
<div :style="showTitle ? 'borderColor: #fff' : 'borderColor: #979797'" class="right-menu-back verticalBar" />
|
||||||
|
<div :style="showTitle ? 'color: #fff' : 'color: red'" class="right-menu-back">
|
||||||
|
<el-tooltip class="item" effect="dark" placement="bottom-end">
|
||||||
|
<div slot="content">{{ 'copyright.copyright' | i18nFilter }}：{{ 'copyright.company' | i18nFilter }} <br>{{ 'copyright.version' | i18nFilter }}：3.0</div>
|
||||||
|
<svg-icon style="width: 24px; height: 24px; vertical-align: -7px" :icon-class="showTitle ? 'introduce' : 'introduce2'" />
|
||||||
|
</el-tooltip>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -56,12 +96,15 @@
|
|||||||
<script>
|
<script>
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
|
// import { getAlarmNum, getEqAlarmNum, getMESAlarmNum } from '@/api/team-manage/team'
|
||||||
|
// import { downLoadTime } from '@/api/user'
|
||||||
import Breadcrumb from '@/components/Breadcrumb'
|
import Breadcrumb from '@/components/Breadcrumb'
|
||||||
import Hamburger from '@/components/Hamburger'
|
import Hamburger from '@/components/Hamburger'
|
||||||
import LangSelect from '@/components/LangSelect'
|
import LangSelect from '@/components/LangSelect'
|
||||||
import moment from 'moment'
|
import moment from 'moment'
|
||||||
|
|
||||||
let logoutInterval = null
|
let logoutInterval = null
|
||||||
|
const timeInterval = null
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
@ -86,8 +129,16 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
logoutTime: 1800000,
|
logoutTime: 1800000,
|
||||||
alarmList: [],
|
alarmNum: 0,
|
||||||
blurTime: null
|
eqAlarmNum: 0,
|
||||||
|
MESAlarmNum: 0,
|
||||||
|
blurTime: null,
|
||||||
|
time: 30,
|
||||||
|
showTime: '',
|
||||||
|
showDay: '',
|
||||||
|
m: '',
|
||||||
|
s: '',
|
||||||
|
h: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -95,7 +146,8 @@ export default {
|
|||||||
'sidebar',
|
'sidebar',
|
||||||
'avatar',
|
'avatar',
|
||||||
'username',
|
'username',
|
||||||
'choicepart'
|
'choicepart',
|
||||||
|
'roles'
|
||||||
]),
|
]),
|
||||||
formatTime() {
|
formatTime() {
|
||||||
return moment(this.logoutTime - 28800000).format('HH:mm:ss')
|
return moment(this.logoutTime - 28800000).format('HH:mm:ss')
|
||||||
@ -106,21 +158,31 @@ export default {
|
|||||||
if (val <= 0) {
|
if (val <= 0) {
|
||||||
this.logout()
|
this.logout()
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
$route: function() {
|
||||||
|
this.getAlarm()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
// this.getTime()
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
this.getAlarm()
|
||||||
|
logoutInterval = setInterval(() => {
|
||||||
|
this.logoutTime -= 1000
|
||||||
|
}, 1000)
|
||||||
addEventListener('click', this.logoutTimeReset)
|
addEventListener('click', this.logoutTimeReset)
|
||||||
addEventListener('keydown', this.logoutTimeReset)
|
addEventListener('keydown', this.logoutTimeReset)
|
||||||
addEventListener('visibilitychange', this.visibilitychangeListener)
|
addEventListener('visibilitychange', this.visibilitychangeListener)
|
||||||
},
|
},
|
||||||
destroyed() {
|
destroyed() {
|
||||||
clearInterval(logoutInterval)
|
clearInterval(logoutInterval)
|
||||||
|
clearInterval(timeInterval)
|
||||||
removeEventListener('click', this.logoutTimeReset)
|
removeEventListener('click', this.logoutTimeReset)
|
||||||
removeEventListener('keydown', this.logoutTimeReset)
|
removeEventListener('keydown', this.logoutTimeReset)
|
||||||
removeEventListener('visibilitychange', this.visibilitychangeListener)
|
removeEventListener('visibilitychange', this.visibilitychangeListener)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 浏览器失去焦点
|
|
||||||
winBlur() {
|
winBlur() {
|
||||||
this.blurTime = new Date()
|
this.blurTime = new Date()
|
||||||
clearInterval(logoutInterval)
|
clearInterval(logoutInterval)
|
||||||
@ -138,7 +200,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 重置退出时间
|
// 重置退出时间
|
||||||
logoutTimeReset() {
|
logoutTimeReset() {
|
||||||
this.logoutTime = 1800000
|
this.logoutTime = this.time * 60000
|
||||||
},
|
},
|
||||||
visibilitychangeListener() {
|
visibilitychangeListener() {
|
||||||
if (document.hidden) {
|
if (document.hidden) {
|
||||||
@ -169,21 +231,47 @@ export default {
|
|||||||
async toHome() {
|
async toHome() {
|
||||||
this.$store.dispatch('app/setChoicepart')
|
this.$store.dispatch('app/setChoicepart')
|
||||||
this.$router.push('/')
|
this.$router.push('/')
|
||||||
|
},
|
||||||
|
getAlarm() {
|
||||||
|
// getAlarmNum().then(response => {
|
||||||
|
// if (response.data) {
|
||||||
|
// this.alarmNum = response.data.alarmNum
|
||||||
|
// } else {
|
||||||
|
// this.alarmNum = 0
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// getEqAlarmNum().then(response => {
|
||||||
|
// if (response.data) {
|
||||||
|
// this.eqAlarmNum = response.data.alarmNum
|
||||||
|
// } else {
|
||||||
|
// this.eqAlarmNum = 0
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// getMESAlarmNum().then(response => {
|
||||||
|
// if (response.data) {
|
||||||
|
// this.MESAlarmNum = response.data.alarmNum
|
||||||
|
// } else {
|
||||||
|
// this.MESAlarmNum = 0
|
||||||
|
// }
|
||||||
|
// })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.time-menu {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
.navbar {
|
.navbar {
|
||||||
height: 50px;
|
height: 48px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
||||||
|
|
||||||
.hamburger-container {
|
.hamburger-container {
|
||||||
line-height: 46px;
|
line-height: 48px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -207,7 +295,7 @@ export default {
|
|||||||
.right-menu {
|
.right-menu {
|
||||||
float: right;
|
float: right;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
line-height: 50px;
|
line-height: 48px;
|
||||||
position: relative;
|
position: relative;
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
@ -220,7 +308,6 @@ export default {
|
|||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #606266;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-menu-item {
|
.right-menu-item {
|
||||||
@ -240,27 +327,52 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.verticalBar {
|
||||||
.avatar-container {
|
height: 32px;
|
||||||
margin-right: 20px;
|
width: 0;
|
||||||
|
opacity: 0.49;
|
||||||
.avatar-wrapper {
|
padding: 0;
|
||||||
margin-top: 5px;
|
border-right: 1px solid #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
top: -8px;
|
||||||
|
}
|
||||||
|
.avatar-container {
|
||||||
|
.avatar-wrapper {
|
||||||
|
padding-top: 9px;
|
||||||
|
position: relative;
|
||||||
|
width: 140px;
|
||||||
|
height: 48px;
|
||||||
.user-avatar {
|
.user-avatar {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 40px;
|
width: 32px;
|
||||||
height: 40px;
|
height: 32px;
|
||||||
border-radius: 10px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-username {
|
.avatar-username {
|
||||||
display: inline-block;
|
width: 80px;
|
||||||
position: relative;
|
text-align: center;
|
||||||
top: -14px;
|
position: absolute;
|
||||||
|
font-size: 14px;
|
||||||
|
right: 13px;
|
||||||
|
top: 3px;
|
||||||
|
line-height: 25px;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.avatar-roles{
|
||||||
|
width: 80px;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 14px;
|
||||||
|
top: 20px;
|
||||||
|
right: 13px;
|
||||||
|
line-height: 25px;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
opacity: 0.64;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-icon-caret-bottom {
|
.el-icon-caret-bottom {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -272,4 +384,19 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.dropdown-badge {
|
||||||
|
background: #ff4949;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 16px;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 0 8px;
|
||||||
|
float: right;
|
||||||
|
margin-left: 5px;
|
||||||
|
position: relative;
|
||||||
|
top: 7px;
|
||||||
|
}
|
||||||
|
.navbar-alarmbox {
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: gtz
|
* @Author: zwq
|
||||||
* @Date: 2021-01-27 10:07:42
|
* @Date: 2022-05-12 13:49:54
|
||||||
* @LastEditors: gtz
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2021-03-12 17:07:14
|
* @LastEditTime: 2022-06-29 10:04:49
|
||||||
* @Description: file content
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
|
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
|
||||||
@ -14,7 +14,7 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
||||||
<img v-if="logo" :src="logo" class="sidebar-logo">
|
<img v-if="logo" :src="logo" class="sidebar-logo">
|
||||||
<h1 :style="{fontSize}" class="sidebar-title">{{ title }} </h1>
|
<h3 :style="{fontSize}" class="sidebar-title">{{ title }} </h3>
|
||||||
</router-link>
|
</router-link>
|
||||||
</transition>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
@ -58,9 +58,9 @@ export default {
|
|||||||
.sidebar-logo-container {
|
.sidebar-logo-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
height: 48px;
|
||||||
line-height: 50px;
|
line-height: 48px;
|
||||||
background: #2b2f3a;
|
background: #001529;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -69,8 +69,8 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
& .sidebar-logo {
|
& .sidebar-logo {
|
||||||
width: 32px;
|
width: 36px;
|
||||||
height: 32px;
|
height: 36px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
@ -79,13 +79,13 @@ export default {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 240px;
|
width: 220px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-weight: 600;
|
font-weight: 500;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,14 +1,14 @@
|
|||||||
<!--
|
<!--
|
||||||
* @Author: your name
|
* @Author: your name
|
||||||
* @Date: 2021-01-27 10:07:42
|
* @Date: 2021-01-27 10:07:42
|
||||||
* @LastEditTime: 2021-12-22 16:06:25
|
* @LastEditTime: 2022-06-29 10:13:09
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @Description: In User Settings Edit
|
* @Description: In User Settings Edit
|
||||||
* @FilePath: \mt-bus-fe\src\layout\components\Sidebar\index.vue
|
* @FilePath: \mt-bus-fe\src\layout\components\Sidebar\index.vue
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div :class="{'has-logo':showLogo}">
|
<div :class="{'has-logo':showLogo}" style="padding-bottom: 48px">
|
||||||
<logo v-if="showLogo" :font-size="language === 'en' ? '16px' : '12px'" :title="'title' | i18nFilter" :collapse="isCollapse" />
|
<logo v-if="showLogo" font-size="16px" :title="'title' | i18nFilter" :collapse="isCollapse" />
|
||||||
<el-scrollbar wrap-class="scrollbar-wrapper">
|
<el-scrollbar wrap-class="scrollbar-wrapper">
|
||||||
<el-menu
|
<el-menu
|
||||||
:default-active="activeMenu"
|
:default-active="activeMenu"
|
||||||
|
|||||||
@ -45,8 +45,8 @@ export default {
|
|||||||
return this.$store.state.tagsView.visitedViews
|
return this.$store.state.tagsView.visitedViews
|
||||||
},
|
},
|
||||||
routes() {
|
routes() {
|
||||||
return this.$store.state.permission.routes
|
// return this.$store.state.permission.routes
|
||||||
// return []
|
return []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@ -201,45 +201,50 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.tags-view-container {
|
.tags-view-container {
|
||||||
height: 34px;
|
height: 40px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-bottom: 1px solid #d8dce5;
|
// border-bottom: 1px solid #d8dce5;
|
||||||
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
|
// box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
|
||||||
.tags-view-wrapper {
|
.tags-view-wrapper {
|
||||||
.tags-view-item {
|
.tags-view-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 26px;
|
height: 24px;
|
||||||
line-height: 26px;
|
line-height: 24px;
|
||||||
border: 1px solid #d8dce5;
|
border: 1px solid #F4F4F4;
|
||||||
color: #495060;
|
color: rgba(0, 0, 0, 0.45);
|
||||||
background: #fff;
|
background: #F4F4F4;
|
||||||
|
border-radius: 4px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-top: 4px;
|
margin-top: 8px;
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
margin-left: 15px;
|
margin-left: 32px;
|
||||||
}
|
}
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
&.active {
|
&:hover {
|
||||||
background-color: #42b983;
|
color: rgba(89, 89, 89, 1);
|
||||||
color: #fff;
|
background: #EFEFEF;
|
||||||
border-color: #42b983;
|
|
||||||
&::before {
|
|
||||||
content: '';
|
|
||||||
background: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 50%;
|
|
||||||
position: relative;
|
|
||||||
margin-right: 2px;
|
|
||||||
}
|
}
|
||||||
|
&.active {
|
||||||
|
background-color: #3E8EF7;
|
||||||
|
color: #fff;
|
||||||
|
border-color: #3E8EF7;
|
||||||
|
// &::before {//选中的tags前面的小白点
|
||||||
|
// content: '';
|
||||||
|
// background: #fff;
|
||||||
|
// display: inline-block;
|
||||||
|
// width: 8px;
|
||||||
|
// height: 8px;
|
||||||
|
// border-radius: 50%;
|
||||||
|
// position: relative;
|
||||||
|
// margin-right: 2px;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -254,7 +259,7 @@ export default {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #333;
|
color: #333;
|
||||||
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
|
// box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
|
||||||
li {
|
li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 7px 16px;
|
padding: 7px 16px;
|
||||||
@ -279,15 +284,16 @@ export default {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
transition: all .3s cubic-bezier(.645, .045, .355, 1);
|
transition: all .3s cubic-bezier(.645, .045, .355, 1);
|
||||||
transform-origin: 100% 50%;
|
transform-origin: 100% 50%;
|
||||||
&:before {
|
vertical-align: -1px;
|
||||||
transform: scale(.6);
|
// &:before {
|
||||||
display: inline-block;
|
// transform: scale(.6);
|
||||||
vertical-align: -3px;
|
// display: inline-block;
|
||||||
}
|
// vertical-align: -3px;
|
||||||
&:hover {
|
// }
|
||||||
background-color: #b4bccc;
|
// &:hover {
|
||||||
color: #fff;
|
// background-color: #b4bccc;
|
||||||
}
|
// color: #fff;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,17 +8,17 @@
|
|||||||
<tags-view v-if="needTagsView" />
|
<tags-view v-if="needTagsView" />
|
||||||
</div>
|
</div>
|
||||||
<app-main />
|
<app-main />
|
||||||
<right-panel v-if="showSettings">
|
<!-- 右下角设置按钮 -->
|
||||||
|
<!-- <right-panel v-if="showSettings">
|
||||||
<settings />
|
<settings />
|
||||||
</right-panel>
|
</right-panel> -->
|
||||||
<footerbar />
|
<footerbar />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import RightPanel from '@/components/RightPanel'
|
import { AppMain, Navbar, Sidebar, TagsView, Footerbar } from './components'
|
||||||
import { AppMain, Navbar, Settings, Sidebar, TagsView, Footerbar } from './components'
|
|
||||||
import ResizeMixin from './mixin/ResizeHandler'
|
import ResizeMixin from './mixin/ResizeHandler'
|
||||||
import { mapState } from 'vuex'
|
import { mapState } from 'vuex'
|
||||||
|
|
||||||
@ -27,8 +27,8 @@ export default {
|
|||||||
components: {
|
components: {
|
||||||
AppMain,
|
AppMain,
|
||||||
Navbar,
|
Navbar,
|
||||||
RightPanel,
|
// RightPanel,
|
||||||
Settings,
|
// Settings,
|
||||||
Sidebar,
|
Sidebar,
|
||||||
TagsView,
|
TagsView,
|
||||||
Footerbar
|
Footerbar
|
||||||
@ -66,8 +66,9 @@ export default {
|
|||||||
.app-wrapper {
|
.app-wrapper {
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
// height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
background-color: #F2F4F9;
|
||||||
|
|
||||||
&.mobile.openSidebar {
|
&.mobile.openSidebar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
@ -7,8 +7,8 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
title: 'SCC System',
|
// title: 'SCC System',
|
||||||
// title: 'ARI WMS',
|
title: 'ARI WMS',
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @type {boolean} true | false
|
* @type {boolean} true | false
|
||||||
|
|||||||
@ -121,7 +121,12 @@ aside {
|
|||||||
|
|
||||||
//main-container全局样式
|
//main-container全局样式
|
||||||
.app-container {
|
.app-container {
|
||||||
padding: 20px;
|
margin:0 16px 0;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 16px 16px 0;
|
||||||
|
height: calc(100vh - 134px);
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.components-container {
|
.components-container {
|
||||||
@ -129,10 +134,36 @@ aside {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination-container {
|
// 覆盖原有的分页样式-start
|
||||||
margin-top: 30px;
|
|
||||||
|
.el-pagination {
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-pagination.is-background .btn-prev,.el-pagination.is-background .btn-next,.el-pagination.is-background .el-pager li {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-pagination__jump {
|
||||||
|
margin-left: 125px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-pagination__sizes {
|
||||||
|
position: absolute;
|
||||||
|
right: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
||||||
|
background-color: #0B58FF;
|
||||||
|
}
|
||||||
|
.el-pagination .el-select .el-input .el-input__inner {
|
||||||
|
height: 22px;
|
||||||
|
}
|
||||||
|
.el-badge__content {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
// 覆盖原有的分页样式-end
|
||||||
|
|
||||||
.text-center {
|
.text-center {
|
||||||
text-align: center
|
text-align: center
|
||||||
}
|
}
|
||||||
@ -195,6 +226,13 @@ aside {
|
|||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-dialog {
|
||||||
|
width: 1000px;
|
||||||
|
}
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 30px 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.el-dialog__wrapper {
|
.el-dialog__wrapper {
|
||||||
backdrop-filter: blur(5px);
|
backdrop-filter: blur(5px);
|
||||||
}
|
}
|
||||||
@ -235,3 +273,30 @@ aside {
|
|||||||
::-webkit-scrollbar-thumb:hover {
|
::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: rgba(144,147,153,.3);
|
background-color: rgba(144,147,153,.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 数据分析单选框样式覆盖
|
||||||
|
|
||||||
|
.app-container{
|
||||||
|
.data-analysis-radio{
|
||||||
|
.el-radio-button__inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 7px 0;
|
||||||
|
margin: 0 15px;
|
||||||
|
}
|
||||||
|
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
|
||||||
|
background-color: transparent;
|
||||||
|
color: #606266;
|
||||||
|
box-shadow: 0 0 0 0 transparent;
|
||||||
|
border-bottom: 2px solid #0B58FF;
|
||||||
|
}
|
||||||
|
.el-radio-button:first-child .el-radio-button__inner,
|
||||||
|
.el-radio-button:last-child .el-radio-button__inner {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 全局loading样式覆盖
|
||||||
|
.el-loading-mask{
|
||||||
|
z-index: 99999;
|
||||||
|
}
|
||||||
|
|||||||
@ -16,10 +16,10 @@ $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
|
|||||||
$menuBg:#304156;
|
$menuBg:#304156;
|
||||||
$menuHover:#263445;
|
$menuHover:#263445;
|
||||||
|
|
||||||
$subMenuBg:#1f2d3d;
|
$subMenuBg:#0B253F;
|
||||||
$subMenuHover:#001528;
|
$subMenuHover:#001528;
|
||||||
|
|
||||||
$sideBarWidth: 300px;
|
$sideBarWidth: 280px;
|
||||||
|
|
||||||
// the :export directive is the magic sauce for webpack
|
// the :export directive is the magic sauce for webpack
|
||||||
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
||||||
@ -33,3 +33,4 @@ $sideBarWidth: 300px;
|
|||||||
subMenuHover: $subMenuHover;
|
subMenuHover: $subMenuHover;
|
||||||
sideBarWidth: $sideBarWidth;
|
sideBarWidth: $sideBarWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user