优化登录和菜单
This commit is contained in:
龙运模
parent
084d29a1f2
commit
c77310c675
@ -2,7 +2,8 @@
|
||||
NODE_ENV = development
|
||||
|
||||
# 标题
|
||||
VUE_APP_TITLE = 荣姿后台系统
|
||||
VUE_APP_TITLE = 德木测试
|
||||
# 象纬云科
|
||||
|
||||
# 接口地址
|
||||
VUE_APP_API_BASEURL = https://api.dev.dwoodauto.com/api/v1
|
||||
|
||||
@ -34,3 +34,9 @@ export { default as Page } from './menu/Page.vue'
|
||||
export { default as Loading } from './menu/Loading.vue'
|
||||
export { default as Authentication } from './menu/Authenticat.vue'
|
||||
export { default as Tags } from './menu/Tags.vue'
|
||||
export { default as WorkOrder } from './menu/WorkOrder.vue'
|
||||
export { default as Finance } from './menu/Finance.vue'
|
||||
export { default as ReportForms } from './menu/ReportForms.vue'
|
||||
export { default as Shipment } from './menu/Shipment.vue'
|
||||
export { default as Stock } from './menu/Stock.vue'
|
||||
|
||||
|
||||
13
src/assets/icons/menu/Finance.vue
Normal file
13
src/assets/icons/menu/Finance.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<svg t="1719388292793" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2687" width="200" height="200"><path d="M825.48053333 331.06602667H160.34474667a115.23413333 115.23413333 0 0 0-115.99872 115.45258666v371.37066667c0 64.00682667 51.99189333 115.45258667 115.99872 115.45258667h664.48042666a115.61642667 115.61642667 0 0 0 115.99872-115.45258667v-371.37066667a114.36032 114.36032 0 0 0-115.45258666-115.45258666z m-138.77248 367.8208a34.35178667 34.35178667 0 0 1-37.13706666 31.67573333h-120.75008v57.45322667a33.20490667 33.20490667 0 0 1-32.87722667 32.87722666H492.3392a32.768 32.768 0 0 1-32.87722667-32.87722666v-57.99936H333.25056a34.35178667 34.35178667 0 0 1-31.67573333-37.13706667 34.35178667 34.35178667 0 0 1 37.02784-31.67573333l120.85930666-0.54613334v-52.04650666H333.25056a34.35178667 34.35178667 0 0 1-31.67573333-37.13706667 34.35178667 34.35178667 0 0 1 37.02784-31.67573333H410.4192l-53.248-52.04650667a34.67946667 34.67946667 0 0 1 0-48.44202667 35.38944 35.38944 0 0 1 49.04277333 0l87.92746667 87.38133334 87.92746667-86.78058667a34.29717333 34.29717333 0 0 1 49.04277333 0 34.29717333 34.29717333 0 0 1 0 49.04277333l-53.248 52.64725334h77.11402667c19.11466667 1.20149333 32.93184 17.96778667 31.67573333 37.08245333a34.35178667 34.35178667 0 0 1-37.02784 31.67573333h-120.80469333v52.04650667h126.1568c19.11466667 1.20149333 32.93184 17.36704 31.67573333 36.48170667zM180.71552 291.6352h624.99498667c22.71914667 0 41.28768-18.56853333 41.28768-41.28768a41.34229333 41.34229333 0 0 0-41.28768-41.28768H180.71552a41.34229333 41.34229333 0 0 0-41.23306667 41.28768 40.57770667 40.57770667 0 0 0 41.23306667 41.28768z m59.20085333-118.45632h505.99253334c22.71914667 0 41.28768-18.56853333 41.28768-41.23306667a41.34229333 41.34229333 0 0 0-41.28768-41.28768H239.91637333a41.34229333 41.34229333 0 0 0-41.23306666 41.28768c0 22.71914667 18.56853333 41.23306667 41.23306666 41.23306667z" p-id="2688"></path></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Finance"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<svg t="1717469869023" class="icon" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1302" width="200" height="200"><path d="M1081.55437099 456.2817875L628.87434941 75.26891885s-1.57427842 0-1.57427842-1.5742793l-1.61176113-1.61176113-1.57427841-1.57427842a60.15992695 60.15992695 0 0 0-68.55607882 4.76031885L101.22868721 456.31927021c-23.91403974 19.11623818-25.48831817 54.20015859-4.79780157 76.50243633 20.72799932 22.30227773 57.38619815 25.48831817 79.68847589 4.76031797l38.26995995-33.47215839v320.44063183C214.38932148 899.36620684 278.14759872 961.58768926 356.26179707 961.58768926h84.48627656c31.86039727 0 57.38619815-23.91403974 57.38619814-54.2001586v-258.25663212c0-15.93019863 12.74415908-27.1000793 28.71184044-27.1000793h127.51655448c15.93019863 0 28.67435771 12.74415908 28.67435773 27.1000793v251.88455302c0 3.18603955 0 7.98384112 1.61176112 11.16987979l1.5742793 6.37207998c4.79780068 25.48831817 28.71184043 43.03027793 55.81191885 43.03027793h82.87451631c78.11419746 0 141.87247471-62.18399883 141.87247471-137.07467403v-318.8288707l38.26995995 33.47215839c11.16988067 9.55811953 23.91403974 12.74415908 36.65819796 12.74415909 15.93019863 0 31.86039727-6.3720791 43.03027792-19.11623818 22.33976133-20.72799932 20.72799932-55.81191972-3.18603955-76.50243633z" fill="#FFFFFF" p-id="1303"></path></svg>
|
||||
<svg t="1719388774493" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2117" width="200" height="200"><path d="M787.328 944.192c-1.44 0-2.88 0-4.368-0.096H222.56c-37.536 0-59.136-15.84-70.656-29.088-25.248-29.04-23.232-68.448-22.08-79.392V498.56h60v341.136l-0.288 1.776c-0.72 6-0.768 24.672 7.776 34.32 1.824 2.064 7.296 8.304 25.248 8.304h562.8l0.672 0.096c2.064 0.048 20.928 0.384 32.832-10.848 7.92-7.488 11.952-19.92 11.952-36.864V498.272h60v338.208c0 43.008-17.136 67.872-31.44 81.12-25.824 23.904-58.56 26.592-72 26.592zM159.824 526.688H67.616a29.952 29.952 0 0 1-19.92-52.416L490.4 81.392a30 30 0 0 1 39.6-0.24l448.848 389.808a30 30 0 0 1-18.816 52.656l-98.4 2.832a30 30 0 1 1-1.68-60l21.504-0.624-370.896-322.08-363.936 322.944h13.2a30 30 0 0 1 0 60z m249.984 387.696a25.296 25.296 0 0 1-25.296-25.296v-211.728c0-4.56 1.152-23.376 18.72-41.28 21.408-21.696 57.648-32.736 107.76-32.736 49.344 0 85.2 11.184 106.56 33.216 18 18.576 19.2 38.16 19.152 43.344v208.32a25.296 25.296 0 0 1-50.64 0v-208.032c-0.144-1.104-1.248-5.76-7.536-10.8-7.056-5.76-25.296-15.408-67.536-15.408-49.008 0-66.432 12.336-71.616 17.616a16.224 16.224 0 0 0-4.272 6.72v210.72a25.296 25.296 0 0 1-25.296 25.344z m6.576-201.744l-8.448 193.104-223.104-12.192-15.936-238.08 4.656-155.664-66.576-21.6L509.216 113.6l396.528 345.936-40.32 38.4-16.848 346.896-15.936 53.472-210 7.488-3.744-139.68-13.152-93.744-26.256-21.6-51.552-8.4-63.744 5.616-39.36 5.616-8.448 59.04z" p-id="2118"></path></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
13
src/assets/icons/menu/ReportForms.vue
Normal file
13
src/assets/icons/menu/ReportForms.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<svg t="1719388552537" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2117" width="200" height="200"><path d="M240.875 448.55H134.765c-29.25 0-53.1 23.76-53.1 53.055v302.265c0 29.25 23.85 53.055 53.1 53.055h106.11c29.25 0 53.1-23.805 53.1-53.1V501.65c0-29.25-23.85-53.1-53.1-53.1zM559.295 77.075H453.14c-29.25 0-53.1 23.805-53.1 53.1v673.65c0 29.295 23.85 53.1 53.1 53.1h106.155c29.25 0 53.055-23.805 53.055-53.1V130.22c0-29.295-23.805-53.1-53.1-53.1z m318.375 159.21h-106.155c-29.25 0-53.055 23.76-53.055 53.055v514.53c0 29.25 23.85 53.055 53.1 53.055h106.11c29.25 0 53.1-23.805 53.1-53.1V289.385c0-29.25-23.85-53.1-53.1-53.1z" p-id="2118"></path></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "ReportForms"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<svg t="1717469903320" class="icon" viewBox="0 0 1066 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1444" width="200" height="200"><path d="M383.9136251 960.57510576a462.45320156 462.45320156 0 0 1-169.07496065-99.18014414 29.62280302 29.62280302 0 0 1-9.56179072-22.91080078l5.62458252-141.62699619-123.62833037-65.84511621a29.54780859 29.54780859 0 0 1-14.9988876-19.98601787 480.7893419 480.7893419 0 0 1 0-197.98531612 29.62280302 29.62280302 0 0 1 14.9988876-19.98601787L210.90145625 327.17208271l-5.62458252-141.62699531a29.51031094 29.51031094 0 0 1 9.56179072-22.91080078A462.45320156 462.45320156 0 0 1 383.9136251 63.49163925a28.68537217 28.68537217 0 0 1 24.3731918 3.11226944l118.19123437 75.74438233 118.19123438-75.74438233a28.61037773 28.61037773 0 0 1 24.37319179-3.11226944 462.49069834 462.49069834 0 0 1 169.07496064 99.18014415 29.62280302 29.62280302 0 0 1 9.52429307 22.91080078l-5.62458251 141.62699619L965.68297666 393.05469658a29.62280302 29.62280302 0 0 1 14.9988876 19.98601787 480.9018331 480.9018331 0 0 1 0 197.98531612 29.62280302 29.62280302 0 0 1-14.9988876 19.98601787l-123.59083359 65.8451162 5.62458252 141.6269962a29.62280302 29.62280302 0 0 1-9.56179072 22.91080078 462.45320156 462.45320156 0 0 1-169.11245743 99.18014414 28.68537217 28.68537217 0 0 1-24.37319179-3.11226943l-118.1537376-75.74438232-118.22873115 75.74438232a28.61037773 28.61037773 0 0 1-24.3731918 3.11226943z m142.56442617-271.85483759c96.1803668 0 174.17458213-79.11913184 174.17458212-176.68689522s-77.99421533-176.68689609-174.17458212-176.6868961c-96.21786357 0-174.17458213 79.11913184-174.17458213 176.6868961s77.99421533 176.68689609 174.17458213 176.68689522z m0-58.8706339c64.12024424 0 116.09139023-52.75858711 116.09139024-117.81626132 0-65.02017744-51.93364834-117.81626221-116.09139024-117.8162622S410.34916425 446.97569785 410.34916425 512.03337295c0 65.02017744 51.97114511 117.81626221 116.12888702 117.81626132z" fill="#FFFFFF" p-id="1445"></path></svg>
|
||||
<svg t="1719388001057" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2117" width="200" height="200"><path d="M949.23434667 425.71093333a88.63744 88.63744 0 0 0-67.33824-62.53226666c-66.46442667-13.76256-90.00277333-54.72256-68.64896-119.33013334a89.12896 89.12896 0 0 0-20.31616-89.78432c-37.95626667-39.54005333-95.51872-72.96341333-148.71210667-86.28906666a88.4736 88.4736 0 0 0-87.70901333 27.30666666c-45.00138667 50.89962667-92.18730667 50.89962667-137.18869334 0a88.30976 88.30976 0 0 0-87.70901333-27.30666666c-53.13877333 13.32565333-110.64661333 46.74901333-148.71210667 86.28906666a89.18357333 89.18357333 0 0 0-20.31616 89.78432c21.40842667 64.7168-2.07530667 105.6768-68.64896 119.33013334A88.80128 88.80128 0 0 0 26.65130667 425.71093333c-15.07328 52.86570667-15.07328 119.6032 0 172.57813334a88.80128 88.80128 0 0 0 67.28362666 62.53226666c66.46442667 13.76256 90.00277333 54.72256 68.64896 119.33013334a89.18357333 89.18357333 0 0 0 20.31616 89.78432c38.06549333 39.54005333 95.68256 72.85418667 148.82133334 86.28906666a88.4736 88.4736 0 0 0 87.6544-27.30666666c45.056-50.89962667 92.18730667-50.89962667 137.24330666 0 21.84533333 24.79445333 55.59637333 35.28021333 87.6544 27.30666666 53.13877333-13.32565333 110.75584-46.74901333 148.82133334-86.28906666 22.9376-23.81141333 30.69269333-58.43626667 20.31616-89.78432-21.40842667-64.7168 2.12992-105.6768 68.64896-119.33013334a88.63744 88.63744 0 0 0 67.39285333-62.53226666c14.96405333-52.86570667 14.96405333-119.71242667-0.21845333-172.57813334zM487.97013333 718.65685333A206.27456 206.27456 0 0 1 282.07786667 512a206.27456 206.27456 0 0 1 205.89226666-206.65685333A206.27456 206.27456 0 0 1 693.8624 512a206.27456 206.27456 0 0 1-205.89226667 206.65685333z" p-id="2118"></path><path d="M635.04384 512c0 39.37621333-15.29173333 76.45866667-43.14453333 104.31146667a145.48992 145.48992 0 0 1-103.92917334 43.30837333c-39.26698667 0-76.1856-15.29173333-103.98378666-43.25376-27.8528-27.8528-43.08992-64.98986667-43.08992-104.36608 0-39.37621333 15.29173333-76.45866667 43.14453333-104.31146667a145.48992 145.48992 0 0 1 103.92917333-43.30837333c39.21237333 0 76.1856 15.29173333 103.92917334 43.25376 27.8528 27.8528 43.14453333 64.98986667 43.14453333 104.36608z" p-id="2119"></path></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
13
src/assets/icons/menu/Shipment.vue
Normal file
13
src/assets/icons/menu/Shipment.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<svg t="1719388249214" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2545" width="200" height="200"><path d="M84.26837333 346.74005333h881.4592v440.7296a110.15509333 110.15509333 0 0 1-110.15509333 110.15509334H194.42346667a110.15509333 110.15509333 0 0 1-110.15509334-110.15509334v-440.7296z m189.34442667-220.3648h502.77034667a110.15509333 110.15509333 0 0 1 84.65066666 39.64928l104.69376 125.61066667H84.26837333l104.69376-125.61066667a110.15509333 110.15509333 0 0 1 84.65066667-39.64928z m277.32650667 397.312l89.07434666 89.12896a27.52512 27.52512 0 1 0 38.93930667-38.99392l-133.80266667-133.80266666a27.47050667 27.47050667 0 0 0-43.52682666 0l-133.85728 133.80266666a27.57973333 27.57973333 0 0 0 38.99392 38.99392l89.07434666-89.12896v208.67754667a27.52512 27.52512 0 1 0 55.15946667 0v-208.62293333z" p-id="2546"></path></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Shipment"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
13
src/assets/icons/menu/Stock.vue
Normal file
13
src/assets/icons/menu/Stock.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<svg t="1719388206463" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2403" width="200" height="200"><path d="M101.29848669 281.97164495l361.87892759 174.22265973c13.37442911 6.68721456 26.74885942 26.80803843 26.74885943 46.8696821v428.86943357a28.82012107 28.82012107 0 0 1-26.74885943 26.80803844c-6.74639357 0-6.74639357 0-13.43360933-6.68721456l-361.81974858-201.03069817c-20.12082388-6.74639357-26.80803843-26.80803843-26.80803722-46.9288611V302.09246883c0-13.43360812 13.37442911-26.80803843 26.80803722-26.80803844 6.68721456 0 6.68721456 6.68721456 13.37443032 6.68721456z m66.99050598 154.10183585v53.61607687l214.4643063 107.23215255v-53.61607567L168.34817168 436.0734808z m368.56614215-422.12303879l395.31500156 167.47626496c13.43360812 6.74639357 20.12082388 20.12082388 13.43360812 26.80803843a14.43965004 14.43965004 0 0 1-13.43360812 13.43360811l-395.31500156 167.47626618a42.72716003 42.72716003 0 0 1-40.24164655 0l-395.31500158-167.47626618c-13.37442911 0-13.37442911-13.43360812-13.37443032-26.80803843 0-6.68721456 6.68721456-13.43360812 13.37443032-13.43360811l395.31500158-167.47626496a42.72716003 42.72716003 0 0 1 40.24164655 0z m395.31500156 268.02120294c13.43360812-6.68721456 26.80803843 0 33.554432 13.37443032v408.74860969c0 20.12082388-13.43360812 40.24164656-26.80803843 46.9288611l-355.13253402 201.03069817c-13.43360812 6.68721456-26.80803843 0-33.495253-13.43360932 0-6.68721456-6.74639357-6.68721456-6.74639356-13.37442911v-422.18221902c0-20.12082388 13.43360812-40.18246755 33.49525299-46.8696821L932.17013638 281.97164495z" p-id="2404"></path></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Stock"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
13
src/assets/icons/menu/WorkOrder.vue
Normal file
13
src/assets/icons/menu/WorkOrder.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<svg t="1719388083628" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2260" width="200" height="200"><path d="M932.24595911 54.296576H95.89009067a41.71002311 41.71002311 0 0 0-41.59351467 41.59351467v295.46541511c0 20.38897778 16.19467378 37.39921067 36.99143111 37.39921067h104.44982044A25.04931555 25.04931555 0 0 0 220.72888889 403.70540089l-0.46603378-78.93447111c0-11.65084445-8.73813333-20.38897778-20.38897778-20.79675733h-0.40777955a20.50548622 20.50548622 0 0 1-20.38897778-20.85501156V241.11786667a20.38897778 20.38897778 0 0 1 20.38897778-20.38897778h624.31049955c11.65084445 0 21.08802845 9.437184 21.08802845 21.08802844v41.36049778c0 11.65084445-9.14591289 20.79675733-20.38897778 20.79675734h-0.46603378c-11.65084445 0-20.79675733 9.55369245-20.79675733 20.79675733v83.30353777c0 11.41782755 9.32067555 20.68024889 20.73850311 20.6802489h103.69251555c23.30168889 0 41.59351467-18.29182578 41.59351467-41.18573512V91.40451555a37.10793955 37.10793955 0 0 0-36.99143111-37.04968533z" p-id="2261"></path><path d="M720.02582755 262.32240355H304.03242667a41.65176889 41.65176889 0 0 0-41.65176889 41.6517689V927.93514667c0 23.068672 18.64135111 41.76827733 41.71002311 41.76827733h64.42916978a41.36049778 41.36049778 0 0 0 35.88460088-21.14628267 123.96498489 123.96498489 0 0 1 215.24935112 0 41.36049778 41.36049778 0 0 0 35.88460088 21.14628267h64.37091556a41.53526045 41.53526045 0 0 0 41.76827734-41.47700622V303.97417245a41.65176889 41.65176889 0 0 0-41.6517689-41.6517689zM470.40648533 736.86129778a24.87455289 24.87455289 0 0 1-24.87455288 24.87455289h-33.43792356a24.87455289 24.87455289 0 0 1-24.87455289-24.87455289v-283.11552c0-13.74799645 11.06830222-24.93280711 24.87455289-24.93280711h33.43792356c13.74799645 0 24.87455289 11.18481067 24.87455288 24.93280711v283.11552z m166.43231289-83.30353778a24.87455289 24.87455289 0 0 1-24.87455289 24.93280711h-33.43792355a24.87455289 24.87455289 0 0 1-24.87455289-24.87455289V453.68752355c0-13.74799645 11.06830222-24.93280711 24.87455289-24.9328071h33.43792355c13.74799645 0 24.87455289 11.18481067 24.87455289 24.9328071v199.81198223z" p-id="2262"></path></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "WorkOrder"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -40,13 +40,13 @@ const DEFAULT_CONFIG = {
|
||||
|
||||
//布局 默认：default | 通栏：header | 经典：menu | 功能坞：dock
|
||||
//dock将关闭标签和面包屑栏
|
||||
LAYOUT: "default",
|
||||
LAYOUT: "menu",
|
||||
|
||||
//菜单是否折叠
|
||||
MENU_IS_COLLAPSE: false,
|
||||
|
||||
//菜单是否启用手风琴效果
|
||||
MENU_UNIQUE_OPENED: false,
|
||||
MENU_UNIQUE_OPENED: true,
|
||||
|
||||
//是否开启多标签
|
||||
LAYOUT_TAGS: true,
|
||||
|
||||
@ -29,24 +29,24 @@ const routes = [
|
||||
title: "个人信息",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "document",
|
||||
path: "/document",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
title: "文档管理",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "earlyWarning",
|
||||
path: "/early-warning",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
title: "预警管理",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "mail",
|
||||
path: "/mail",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
@ -58,28 +58,28 @@ const routes = [
|
||||
name: "order",
|
||||
path: "/order",
|
||||
meta: {
|
||||
icon: "sc-icon-Home",
|
||||
icon: "sc-icon-WorkOrder",
|
||||
title: "维保工单",
|
||||
},
|
||||
children: [{
|
||||
name: "dashboard",
|
||||
path: "/dashboard",
|
||||
name: "order",
|
||||
path: "/order",
|
||||
component: "home",
|
||||
meta: {
|
||||
icon: "sc-icon-Console",
|
||||
title: "维保工单",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "plan",
|
||||
path: "/plan",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
title: "维保计划",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "dataConfirm",
|
||||
path: "/data-confirm",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
@ -91,28 +91,28 @@ const routes = [
|
||||
name: "stock",
|
||||
path: "/stock",
|
||||
meta: {
|
||||
icon: "sc-icon-Home",
|
||||
icon: "sc-icon-Stock",
|
||||
title: "库存管理",
|
||||
},
|
||||
children: [{
|
||||
name: "dashboard",
|
||||
path: "/dashboard",
|
||||
name: "stock",
|
||||
path: "/stock",
|
||||
component: "home",
|
||||
meta: {
|
||||
icon: "sc-icon-Console",
|
||||
title: "库存列表",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "statistics",
|
||||
path: "/statistics",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
title: "库存统计",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "accessForm",
|
||||
path: "/access-form",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
@ -124,28 +124,28 @@ const routes = [
|
||||
name: "sell",
|
||||
path: "/sell",
|
||||
meta: {
|
||||
icon: "sc-icon-Home",
|
||||
icon: "sc-icon-Shipment",
|
||||
title: "出货管理",
|
||||
},
|
||||
children: [{
|
||||
name: "dashboard",
|
||||
path: "/dashboard",
|
||||
name: "shipment",
|
||||
path: "/shipment",
|
||||
component: "home",
|
||||
meta: {
|
||||
icon: "sc-icon-Console",
|
||||
title: "出货清单",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "shipmentStatistics",
|
||||
path: "/shipment-statistics",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
title: "出货统计",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "shipmentConfirm",
|
||||
path: "/shipment-confirm",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
@ -157,20 +157,20 @@ const routes = [
|
||||
name: "finance",
|
||||
path: "/finance",
|
||||
meta: {
|
||||
icon: "sc-icon-Home",
|
||||
icon: "sc-icon-Finance",
|
||||
title: "财务管理",
|
||||
},
|
||||
children: [{
|
||||
name: "dashboard",
|
||||
path: "/dashboard",
|
||||
name: "finance",
|
||||
path: "/finance",
|
||||
component: "home",
|
||||
meta: {
|
||||
icon: "sc-icon-Console",
|
||||
title: "费用成本",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "financeSummary",
|
||||
path: "/finance-summary",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
@ -182,20 +182,20 @@ const routes = [
|
||||
name: "report",
|
||||
path: "/report",
|
||||
meta: {
|
||||
icon: "sc-icon-Home",
|
||||
icon: "sc-icon-ReportForms",
|
||||
title: "报表统计",
|
||||
},
|
||||
children: [{
|
||||
name: "dashboard",
|
||||
path: "/dashboard",
|
||||
name: "report",
|
||||
path: "/report",
|
||||
component: "home",
|
||||
meta: {
|
||||
icon: "sc-icon-Console",
|
||||
title: "维保报表",
|
||||
}
|
||||
},{
|
||||
name: "usercenter",
|
||||
path: "/usercenter",
|
||||
name: "outReport",
|
||||
path: "/out-report",
|
||||
component: "userCenter",
|
||||
meta: {
|
||||
icon: "sc-icon-UserInfo",
|
||||
@ -219,7 +219,7 @@ const routes = [
|
||||
title: "系统设置",
|
||||
}
|
||||
},{
|
||||
name: "user",
|
||||
name: "userManage",
|
||||
path: "/setting/user",
|
||||
component: "setting/user",
|
||||
meta: {
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<template v-for="navMenu in navMenus" v-bind:key="navMenu">
|
||||
<el-menu-item v-if="!hasChildren(navMenu)" :index="navMenu.path">
|
||||
<a v-if="navMenu.meta&&navMenu.meta.type=='link'" :href="navMenu.path" target="_blank" @click.stop='()=>{}'></a>
|
||||
<el-icon v-if="navMenu.meta&&navMenu.meta.icon"><component :is="navMenu.meta.icon || 'el-icon-menu'"/></el-icon>
|
||||
<!-- <el-icon v-if="navMenu.meta&&navMenu.meta.icon"><component :is="navMenu.meta.icon || 'el-icon-menu'"/></el-icon>-->
|
||||
<template #title>
|
||||
<span>{{navMenu.meta.title}}</span>
|
||||
<span v-if="navMenu.meta.tag" class="menu-tag">{{navMenu.meta.tag}}</span>
|
||||
|
||||
@ -123,7 +123,7 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<style scoped lang="scss">
|
||||
.mobile-nav-button {position: fixed;bottom:10px;left:10px;z-index: 10;width: 50px;height: 50px;background: #409EFF;box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 1);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
|
||||
.mobile-nav-button i {color: #fff;font-size: 20px;}
|
||||
|
||||
|
||||
@ -55,9 +55,10 @@
|
||||
<header class="adminui-header">
|
||||
<div class="adminui-header-left">
|
||||
<div class="logo-bar">
|
||||
<img class="logo" src="img/logo.png">
|
||||
<!-- <img class="logo" src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/xw_cloud/image/login_logo.png">-->
|
||||
<span>{{ $CONFIG.APP_NAME }}</span>
|
||||
</div>
|
||||
<Topbar v-if="!ismobile"></Topbar>
|
||||
</div>
|
||||
<div class="adminui-header-right">
|
||||
<userbar></userbar>
|
||||
@ -72,14 +73,14 @@
|
||||
</el-menu>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
<div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">
|
||||
<el-icon><el-icon-expand v-if="menuIsCollapse"/><el-icon-fold v-else /></el-icon>
|
||||
</div>
|
||||
<!-- <div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">-->
|
||||
<!-- <el-icon><el-icon-expand v-if="menuIsCollapse"/><el-icon-fold v-else /></el-icon>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<Side-m v-if="ismobile"></Side-m>
|
||||
<div class="aminui-body el-container">
|
||||
<Topbar v-if="!ismobile"></Topbar>
|
||||
<Tags v-if="!ismobile && layoutTags"></Tags>
|
||||
<!-- <Topbar v-if="!ismobile"></Topbar>-->
|
||||
<!-- <Tags v-if="!ismobile && layoutTags"></Tags>-->
|
||||
<div class="adminui-main" id="adminui-main">
|
||||
<router-view v-slot="{ Component }">
|
||||
<keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
|
||||
|
||||
@ -24,18 +24,18 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
|
||||
.layout-setting i {font-size: 18px;color: #fff;}
|
||||
|
||||
/* 头部 */
|
||||
.adminui-header {height: 58px;background: #222b45;color: #fff;display: flex;justify-content:space-between;}
|
||||
.adminui-header {height: 50px;background: #fff;color: #222;display: flex;justify-content:space-between;}
|
||||
.adminui-header-left {display: flex;align-items: center;padding-left:20px;}
|
||||
.adminui-header-right {display: flex;align-items: center;}
|
||||
.adminui-header .logo-bar {font-size: 20px;font-weight: bold;display: flex;align-items: center;}
|
||||
.adminui-header .logo-bar .logo {margin-right: 10px;width: 35px;height: 35px;}
|
||||
.adminui-header .logo-bar {font-size: 18px;font-weight: bold;display: flex;align-items: center;width: 170px;}
|
||||
.adminui-header .logo-bar .logo {height: 42px;}
|
||||
.adminui-header .nav {display: flex;height: 100%;margin-left: 40px;}
|
||||
.adminui-header .nav li {padding:0 10px;margin: 0 10px 0 0;font-size: 14px;color: rgba(255, 255, 255, 0.6);list-style: none;height: 100%;display: flex;align-items: center;cursor: pointer;}
|
||||
.adminui-header .nav li i {margin-right: 5px;}
|
||||
.adminui-header .nav li:hover {color: #fff;}
|
||||
.adminui-header .nav li.active {background: rgba(255, 255, 255, 0.1);color: #fff;}
|
||||
.adminui-header .user-bar .panel-item:hover {background: rgba(255, 255, 255, 0.1)!important;}
|
||||
.adminui-header .user-bar .user label{color: #fff;}
|
||||
.adminui-header .nav li.active {background: rgba(0, 0, 0, 0.1);color: #fff;}
|
||||
.adminui-header .user-bar .panel-item:hover {background: rgba(0, 0, 0, 0.06)!important;}
|
||||
.adminui-header .user-bar .user label{color: #555;}
|
||||
|
||||
/* 左侧菜单 */
|
||||
.aminui-side-split {width:80px;flex-shrink:0;background: #2c2c2c;display: flex;flex-flow: column;}
|
||||
@ -54,7 +54,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
|
||||
.adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);}
|
||||
.adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);}
|
||||
|
||||
.aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:170px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #e8e8e8;transition:width 0.3s;}
|
||||
.aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:180px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: none;transition:width 0.3s;}
|
||||
.adminui-side-top {border-bottom: none;height:50px;line-height: 50px;display: flex;justify-content: space-between;}
|
||||
.adminui-side-top p {padding:0 0 0 20px;font-size: 14px;font-weight: 500;color: #38373F;}
|
||||
.adminui-side-top .adminui-side-collapse{width: 64px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
|
||||
@ -71,7 +71,8 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
|
||||
/* 右侧内容 */
|
||||
.aminui-body {flex: 1;display: flex;flex-flow: column;}
|
||||
|
||||
.adminui-topbar {height: 50px;border-bottom: 1px solid #ebeef5;background: #fff;box-shadow: 0 1px 4px rgba(0,21,41,.08);display: flex;justify-content:space-between;}
|
||||
//border-bottom: 1px solid #ebeef5;background: #fff;box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
||||
.adminui-topbar {height: 50px;display: flex;justify-content:space-between;}
|
||||
.adminui-topbar .left-panel {display: flex;align-items: center;}
|
||||
.adminui-topbar .right-panel {display: flex;align-items: center;}
|
||||
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
/* 覆盖element-plus样式 */
|
||||
|
||||
:root {
|
||||
--el-color-primary: #409EFF;
|
||||
--el-color-primary-light-1: #53a7ff;
|
||||
--el-color-primary-light-2: #66b1ff;
|
||||
--el-color-primary-light-3: #79bbff;
|
||||
--el-color-primary-light-4: #8cc4ff;
|
||||
--el-color-primary-light-5: #9fceff;
|
||||
--el-color-primary-light-6: #b2d8ff;
|
||||
--el-color-primary-light-7: #c5e1ff;
|
||||
--el-color-primary-light-8: #d8ebff;
|
||||
--el-color-primary-light-9: #ebf5ff;
|
||||
--el-color-primary-dark-1: #398ee5;
|
||||
--el-color-primary-dark-2: #337ecc;
|
||||
--el-color-primary-dark-3: #2c6eb2;
|
||||
--el-color-primary-dark-4: #265e99;
|
||||
--el-color-primary-dark-5: #204f7f;
|
||||
--el-color-primary-dark-6: #193f66;
|
||||
--el-color-primary-dark-7: #132f4c;
|
||||
--el-color-primary-dark-8: #0c1f32;
|
||||
--el-color-primary-dark-9: #060f19;
|
||||
--el-color-primary: #1367C1;
|
||||
--el-color-primary-light-1: #2a76c7;
|
||||
--el-color-primary-light-2: #4285cd;
|
||||
--el-color-primary-light-3: #5994d3;
|
||||
--el-color-primary-light-4: #71a3d9;
|
||||
--el-color-primary-light-5: #89b3e0;
|
||||
--el-color-primary-light-6: #a0c2e6;
|
||||
--el-color-primary-light-7: #b8d1ec;
|
||||
--el-color-primary-light-8: #cfe0f2;
|
||||
--el-color-primary-light-9: #e7eff8;
|
||||
--el-color-primary-dark-1: #115cad;
|
||||
--el-color-primary-dark-2: #0f529a;
|
||||
--el-color-primary-dark-3: #0d4887;
|
||||
--el-color-primary-dark-4: #0b3d73;
|
||||
--el-color-primary-dark-5: #093360;
|
||||
--el-color-primary-dark-6: #07294d;
|
||||
--el-color-primary-dark-7: #051e39;
|
||||
--el-color-primary-dark-8: #031426;
|
||||
--el-color-primary-dark-9: #010a13;
|
||||
|
||||
--el-menu-item-height:50px;
|
||||
}
|
||||
@ -69,7 +69,7 @@
|
||||
.el-table {font-size: 12px;}
|
||||
.el-radio-button__inner {font-size: 12px;}
|
||||
.el-checkbox-button__inner {font-size: 12px;}
|
||||
.el-sub-menu .el-icon {font-size: 17px;}
|
||||
.el-sub-menu .el-icon {font-size: 15px;color: #aaa;}
|
||||
.el-sub-menu .el-sub-menu__icon-arrow {font-size: 12px;}
|
||||
|
||||
.aminui-side-split li.active {background-color: var(--el-color-primary);}
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" style="width: 100%;" :loading="islogin" round @click="login">{{ $t('login.signIn')}}</el-button>
|
||||
<el-button type="primary" style="width: 100%;" :loading="islogin" @click="login">{{ $t('login.signIn')}}</el-button>
|
||||
</el-form-item>
|
||||
<div class="login-reg">
|
||||
{{$t('login.noAccount')}} <router-link to="/user_register">{{$t('login.createAccount')}}</router-link>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" style="width: 100%;" :loading="islogin" round @click="login">{{ $t('login.signIn') }}</el-button>
|
||||
<el-button type="primary" style="width: 100%;" :loading="islogin" @click="login">{{ $t('login.signIn') }}</el-button>
|
||||
</el-form-item>
|
||||
<div class="login-reg">
|
||||
{{$t('login.noAccount')}} <router-link to="/user_register">{{$t('login.createAccount')}}</router-link>
|
||||
|
||||
@ -1,65 +1,45 @@
|
||||
<template>
|
||||
<div class="login_bg">
|
||||
<div class="login_adv" style="background-image: url(img/ren.png);">
|
||||
<div class="login_adv">
|
||||
<div class="login_adv__title">
|
||||
<h3><img class="logo" :alt="$CONFIG.APP_NAME" src="img/logo1.png"> 象纬云科维保系统</h3>
|
||||
<h4>高效 ｜ 团结 ｜ 友善 ｜ 创新</h4>
|
||||
<h3><img class="logo" alt="象纬云科" src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/xw_cloud/image/login_logo.png"></h3>
|
||||
</div>
|
||||
<div class="login_adv__mask"></div>
|
||||
<div class="login_adv__bottom">
|
||||
© 象纬云科 {{$CONFIG.APP_VER}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_main">
|
||||
<!-- <div class="login_config">-->
|
||||
<!-- <el-button :icon="config.dark?'el-icon-sunny':'el-icon-moon'" circle type="info" @click="configDark"></el-button>-->
|
||||
<!-- <el-dropdown trigger="click" placement="bottom-end" @command="configLang">-->
|
||||
<!-- <el-button circle>-->
|
||||
<!-- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"-->
|
||||
<!-- role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512">-->
|
||||
<!-- <path-->
|
||||
<!-- d="M478.33 433.6l-90-218a22 22 0 0 0-40.67 0l-90 218a22 22 0 1 0 40.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 0 0 458 464a22 22 0 0 0 20.32-30.4zM334.83 362L368 281.65L401.17 362z"-->
|
||||
<!-- fill="currentColor"></path>-->
|
||||
<!-- <path-->
|
||||
<!-- d="M267.84 342.92a22 22 0 0 0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 0 0 0-44H214V70a22 22 0 0 0-44 0v20H54a22 22 0 0 0 0 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 0 0-40.58 17c.58 1.38 14.55 34.23 52.86 83.93c.92 1.19 1.83 2.35 2.74 3.51c-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1 0 21.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59c22.52 24.08 38 35.44 38.93 36.1a22 22 0 0 0 30.75-4.9z"-->
|
||||
<!-- fill="currentColor"></path>-->
|
||||
<!-- </svg>-->
|
||||
<!-- </el-button>-->
|
||||
<!-- <template #dropdown>-->
|
||||
<!-- <el-dropdown-menu>-->
|
||||
<!-- <el-dropdown-item v-for="item in lang" :key="item.value" :command="item"-->
|
||||
<!-- :class="{'selected':config.lang==item.value}">{{item.name}}</el-dropdown-item>-->
|
||||
<!-- </el-dropdown-menu>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-dropdown>-->
|
||||
<!-- </div>-->
|
||||
<div class="login-form">
|
||||
<div class="login-left">
|
||||
<div class="login-header">
|
||||
<div class="logo">
|
||||
<label>{{$CONFIG.APP_NAME}}</label>
|
||||
<div class="loginRightMask">
|
||||
<div class="handerWelcome">
|
||||
<div class="title">HELLO</div>
|
||||
<div class="name">欢迎登录维保系统</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-view">
|
||||
<el-image class="img" src="img/ren2.png" fit="contain"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-right">
|
||||
<el-tabs>
|
||||
<el-tab-pane :label="$t('login.accountLogin')" lazy>
|
||||
<el-tab-pane label="账号登录" lazy>
|
||||
<password-form></password-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="$t('login.mobileLogin')" lazy>
|
||||
<el-tab-pane label="手机号登录" lazy>
|
||||
<phone-form></phone-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<template v-if="$CONFIG.MY_SHOW_LOGIN_OAUTH">
|
||||
<div class="thirdParty">
|
||||
<el-divider class="dividerBox">{{ $t('login.signInOther') }}</el-divider>
|
||||
<div class="login-oauth">
|
||||
<div class="btnBox wechat" @click="wechatLogin"><el-icon><sc-icon-wechat /></el-icon></div>
|
||||
<div class="btnBox dingTalk"><el-icon><sc-icon-DingTalk /></el-icon></div>
|
||||
<div class="btnBox wechat" @click="wechatLogin">
|
||||
<el-icon><sc-icon-wechat /></el-icon>
|
||||
<span class="text">微信登录</span>
|
||||
</div>
|
||||
<div class="btnBox dingTalk">
|
||||
<el-icon><sc-icon-DingTalk /></el-icon>
|
||||
<span class="text">钉钉登录</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<div class="passKeyLogin" @click="passKeyLogin">指纹登录</div>
|
||||
</div>
|
||||
<div class="login_adv__bottom">
|
||||
xwcloud.com 版权所有 © 2023
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -157,15 +137,10 @@
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.login_adv {
|
||||
width: 100%;
|
||||
background-size: contain;
|
||||
background-position: 20px 0;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.login_adv__title {
|
||||
color: #547FDB;
|
||||
padding: 40px;
|
||||
@ -175,119 +150,97 @@
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
.logo{
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
margin-right: 10px;
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.login_adv__title h3 {
|
||||
font-size: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.login_adv__title h4 {
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.login_adv__title p {
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
line-height: 1.8;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.login_adv__title div {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.login_adv__title div span {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.login_adv__title div i {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.login_adv__title div i.add {
|
||||
font-size: 20px;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.login_adv__bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 40px;
|
||||
//background-image: linear-gradient(transparent, #000);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.login_adv__mask {
|
||||
background-size: cover;
|
||||
background-position: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(https://dm-auto.oss-cn-shanghai.aliyuncs.com/xw_cloud/image/login_back.png);
|
||||
width: calc(100% - 460px);
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.login_main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
width: 860px;
|
||||
height: 490px;
|
||||
margin: auto;
|
||||
width: 460px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
box-shadow: 2px 10px 20px rgba(0,0,0,0.2);
|
||||
.login-left{
|
||||
padding: 40px;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
background: var(--el-color-primary);
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius:10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.login-view{
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
box-shadow: 2px 10px 20px rgba(0,0,0,0.2);
|
||||
background: rgba(255,255,255,1);
|
||||
.dividerBox:deep(.el-divider__text){
|
||||
font-weight: normal;
|
||||
color: #888;
|
||||
font-size: 13px;
|
||||
}
|
||||
.passKeyLogin{
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
bottom: 70px;
|
||||
margin-top: 22px;
|
||||
font-weight: bold;
|
||||
width: calc(100% - 80px);
|
||||
height: 40px;
|
||||
background: #DAEAFB;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.login-right{
|
||||
padding: 40px;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
background: rgba(255,255,255,1);
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius:10px;
|
||||
.dividerBox:deep(.el-divider__text){
|
||||
color: var(--el-text-color-placeholder);
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
border-radius: 4px;
|
||||
color: var(--el-color-primary);
|
||||
cursor: pointer;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.loginRightMask{
|
||||
height: 710px;
|
||||
padding: 0 40px 40px 40px;
|
||||
width: 100%;
|
||||
}
|
||||
.handerWelcome{
|
||||
.title{
|
||||
font-size: 42px;
|
||||
font-weight: 600;
|
||||
padding-bottom: 10px;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
.name{
|
||||
font-size: 23px;
|
||||
font-weight: 600;
|
||||
padding-bottom: 60px;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
.login_adv__bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
z-index: 3;
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
.login-header {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@ -309,93 +262,85 @@
|
||||
font-size: 26px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.thirdParty{
|
||||
width: 80%;
|
||||
margin: 60px auto 0 auto;
|
||||
.login-oauth {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.btnBox{
|
||||
margin: 0 5px;
|
||||
margin: 2px 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
.el-icon{
|
||||
font-size: 26px;
|
||||
}
|
||||
.text{
|
||||
color: #888;
|
||||
margin-top: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.login-form .el-divider {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.login-form {}
|
||||
|
||||
.login-form:deep(.el-tabs) .el-tabs__header {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.login-form:deep(.el-tabs) .el-tabs__header .el-tabs__item {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.login-form:deep(.login-forgot) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.login-form:deep(.login-forgot) a {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
|
||||
.login-form:deep(.login-forgot) a:hover {
|
||||
color: var(--el-color-primary-light-3);
|
||||
}
|
||||
|
||||
.login-form:deep(.login-reg) {
|
||||
font-size: 14px;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.login-form:deep(.login-reg) a {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
|
||||
.login-form:deep(.login-reg) a:hover {
|
||||
color: var(--el-color-primary-light-3);
|
||||
}
|
||||
|
||||
.login_config {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.login-form:deep(.login-msg-yzm) {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.login-form:deep(.login-msg-yzm) .el-button {
|
||||
margin-left: 10px;
|
||||
--el-button-size: 42px;
|
||||
}
|
||||
|
||||
.qrCodeLogin {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.qrCodeLogin img.qrCode {
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.qrCodeLogin p.msg {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.qrCodeLogin .qrCodeLogin-result {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -422,20 +367,18 @@
|
||||
.login_main {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.login_main .login_config {
|
||||
position: static;
|
||||
padding: 20px 20px 0 20px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
width: 90%;
|
||||
width: 100%;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.login_adv {
|
||||
//display: none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 800px){
|
||||
|
||||
Loading…
Reference in New Issue
Block a user