Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
a5108e6a by 任超
Options

style:区分上报监管

1 parent 063e1485
Expand all
Inline Side-by-side
Showing 5 changed files with 32 additions and 174 deletions
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1673321301365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3462" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M910.617673 211.45497c-29.726022-40.739866-65.373916-76.582189-105.953124-106.533338-31.447223-23.211654-65.346287-42.500976-101.132328-57.574277-17.797341-7.496741-38.217417 1.723248-44.400233 20.018939l0 0c-5.586229 16.531512 2.569522 34.533514 18.648732 41.309848 30.91408 13.027711 60.204174 29.700439 87.38421 49.761334 35.128055 25.927509 65.986877 56.9562 91.719958 92.223425 53.42477 73.218582 81.662905 159.989831 81.662905 250.935146 0 57.551764-11.264555 113.364931-33.480532 165.888168-21.464871 50.748824-52.199872 96.333022-91.352591 135.484717-39.152718 39.153742-84.736916 69.888743-135.484717 91.352591-52.523237 22.215978-108.336404 33.480532-165.888168 33.480532-57.552787 0-113.364931-11.264555-165.889191-33.480532-50.748824-21.464871-96.331999-52.199872-135.484717-91.352591-39.152718-39.152718-69.888743-84.736916-91.353614-135.484717-22.214954-52.523237-33.479509-108.336404-33.479509-165.888168 0-90.842984 28.180829-177.536462 81.495082-250.706949 25.681916-35.244712 56.481386-66.265216 91.545996-92.199888 27.118638-20.056801 56.344263-36.737716 87.192851-49.78794 16.072047-6.798846 24.204262-24.812105 18.594497-41.336454l0 0c-6.207375-18.285458-26.638707-27.478841-44.424792-19.958564-35.712363 15.098883-69.537749 34.399461-100.915387 57.607022-40.505529 29.958312-76.084862 65.791425-105.750509 106.506732C52.210106 296.342312 19.618826 396.581294 19.618826 501.596046c0 66.5016 13.031804 131.033335 38.734186 191.800327 24.818245 58.677401 60.340273 111.367437 105.58064 156.606781 45.240367 45.240367 97.930403 80.763418 156.607804 105.581664 60.766992 25.701358 125.297704 38.734186 191.800327 38.734186 66.502623 0 131.033335-13.031804 191.800327-38.734186 58.677401-24.818245 111.366414-60.341297 156.606781-105.581664 45.240367-45.239344 80.762395-97.92938 105.581664-156.606781 25.701358-60.766992 38.734186-125.297704 38.734186-191.800327C1005.062695 396.463614 972.403878 296.133557 910.617673 211.45497z" fill="#ffffff" p-id="3463"></path><path d="M509.270842 388.009058 509.270842 388.009058c20.261463 0 36.839023-16.57756 36.839023-36.839023L546.109866 75.454506c0-20.261463-16.57756-36.839023-36.839023-36.839023l0 0c-20.261463 0-36.839023 16.57756-36.839023 36.839023l0 275.715529C472.431819 371.431497 489.00938 388.009058 509.270842 388.009058z" fill="#ffffff" p-id="3464"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1673321301365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3462" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M910.617673 211.45497c-29.726022-40.739866-65.373916-76.582189-105.953124-106.533338-31.447223-23.211654-65.346287-42.500976-101.132328-57.574277-17.797341-7.496741-38.217417 1.723248-44.400233 20.018939l0 0c-5.586229 16.531512 2.569522 34.533514 18.648732 41.309848 30.91408 13.027711 60.204174 29.700439 87.38421 49.761334 35.128055 25.927509 65.986877 56.9562 91.719958 92.223425 53.42477 73.218582 81.662905 159.989831 81.662905 250.935146 0 57.551764-11.264555 113.364931-33.480532 165.888168-21.464871 50.748824-52.199872 96.333022-91.352591 135.484717-39.152718 39.153742-84.736916 69.888743-135.484717 91.352591-52.523237 22.215978-108.336404 33.480532-165.888168 33.480532-57.552787 0-113.364931-11.264555-165.889191-33.480532-50.748824-21.464871-96.331999-52.199872-135.484717-91.352591-39.152718-39.152718-69.888743-84.736916-91.353614-135.484717-22.214954-52.523237-33.479509-108.336404-33.479509-165.888168 0-90.842984 28.180829-177.536462 81.495082-250.706949 25.681916-35.244712 56.481386-66.265216 91.545996-92.199888 27.118638-20.056801 56.344263-36.737716 87.192851-49.78794 16.072047-6.798846 24.204262-24.812105 18.594497-41.336454l0 0c-6.207375-18.285458-26.638707-27.478841-44.424792-19.958564-35.712363 15.098883-69.537749 34.399461-100.915387 57.607022-40.505529 29.958312-76.084862 65.791425-105.750509 106.506732C52.210106 296.342312 19.618826 396.581294 19.618826 501.596046c0 66.5016 13.031804 131.033335 38.734186 191.800327 24.818245 58.677401 60.340273 111.367437 105.58064 156.606781 45.240367 45.240367 97.930403 80.763418 156.607804 105.581664 60.766992 25.701358 125.297704 38.734186 191.800327 38.734186 66.502623 0 131.033335-13.031804 191.800327-38.734186 58.677401-24.818245 111.366414-60.341297 156.606781-105.581664 45.240367-45.239344 80.762395-97.92938 105.581664-156.606781 25.701358-60.766992 38.734186-125.297704 38.734186-191.800327C1005.062695 396.463614 972.403878 296.133557 910.617673 211.45497z" fill="#ffffff" p-id="3463"></path><path d="M509.270842 388.009058 509.270842 388.009058c20.261463 0 36.839023-16.57756 36.839023-36.839023L546.109866 75.454506c0-20.261463-16.57756-36.839023-36.839023-36.839023l0 0c-20.261463 0-36.839023 16.57756-36.839023 36.839023l0 275.715529C472.431819 371.431497 489.00938 388.009058 509.270842 388.009058z" p-id="3464"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -55,9 +55,9 @@ export default { ...@@ -55,9 +55,9 @@ export default {
55 }) 55 })
56 .catch((error) => { 56 .catch((error) => {
57 // console.dir(error); 57 // console.dir(error);
58 }); 58 })
59 }, 59 }
60 }, 60 }
61 }; 61 };
62 </script> 62 </script>
63 <style lang="scss" scoped> 63 <style lang="scss" scoped>
......
...@@ -7,14 +7,12 @@ ...@@ -7,14 +7,12 @@
7 </div> 7 </div>
8 <div class="right-menu"> 8 <div class="right-menu">
9 <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand"> 9 <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
10 <div class="avatar-wrapper"> 10 <div class="user">
11 <span style="padding-right:10px">{{ name }}</span> 11 {{ userName }}
12 <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> 12 <span @click="onCancel">
13 <i class="el-icon-switch-button"></i>
14 </span>
13 </div> 15 </div>
14 <el-dropdown-menu slot="dropdown">
15 <el-dropdown-item command="a">个人中心</el-dropdown-item>
16 <el-dropdown-item command="b">退出</el-dropdown-item>
17 </el-dropdown-menu>
18 </el-dropdown> 16 </el-dropdown>
19 </div> 17 </div>
20 </div> 18 </div>
...@@ -23,17 +21,15 @@ ...@@ -23,17 +21,15 @@
23 <script> 21 <script>
24 import { mapGetters } from 'vuex' 22 import { mapGetters } from 'vuex'
25 import Breadcrumb from './Breadcrumb' 23 import Breadcrumb from './Breadcrumb'
26 import defaultSettings from '@/settings' 24 import { logout } from "@/api/login.js";
27 export default { 25 export default {
28 components: { 26 components: {
29 Breadcrumb 27 Breadcrumb
30 }, 28 },
31 computed: { 29 computed: {
32 ...mapGetters(['sidebar', 'avatar', 'name']) 30 ...mapGetters(["sidebar", "dicData", "userInfo"]),
33 }, 31 userName () {
34 data () { 32 return this.userInfo ? this.userInfo.name : ""
35 return {
36 title: defaultSettings.title
37 } 33 }
38 }, 34 },
39 methods: { 35 methods: {
...@@ -44,11 +40,22 @@ export default { ...@@ -44,11 +40,22 @@ export default {
44 themeChange (val) { 40 themeChange (val) {
45 this.$store.dispatch('app/updateTheme', val) 41 this.$store.dispatch('app/updateTheme', val)
46 }, 42 },
47 handleCommand (command) { 43 onCancel () {
48 if (command == 'a') { 44 logout()
49 } else { 45 .then((res) => {
50 46 sessionStorage.removeItem("token");
51 } 47 this.$store.dispatch("user/resetState");
48 this.$store.dispatch("permission/resetRoutes");
49 this.$router.replace({
50 path: "/sb",
51 query: {
52 redirect: this.$route.fullPath,
53 },
54 });
55 })
56 .catch((error) => {
57 // console.dir(error);
58 })
52 } 59 }
53 } 60 }
54 } 61 }
...@@ -79,45 +86,6 @@ export default { ...@@ -79,45 +86,6 @@ export default {
79 } 86 }
80 } 87 }
81 88
82 .NoticeBar {
83 position: absolute;
84 bottom: 0;
85 }
86
87 .el-dropdown-menu {
88 padding: 0 !important;
89 border: 1px solid #ebeef5;
90 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
91 border-radius: 4px 0 0 4px 4px;
92
93 .el-dropdown-menu__item {
94 text-align: center;
95 margin-top: 0 !important;
96 font-size: 14px;
97 font-weight: 400;
98 color: #4a4a4a;
99 width: 140px;
100 height: 36px;
101 line-height: 36px;
102 }
103
104 .el-dropdown-menu__item:nth-child(6) {
105 border-top: 1px solid #ebeef5;
106 }
107
108 .popper__arrow {
109 top: -11px !important;
110 left: 110px !important;
111 transform: rotate(0deg) scale(2);
112 }
113
114 .el-dropdown-menu__item:not(.is-disabled):hover,
115 .el-dropdown-menu__item:focus {
116 background: #f6f7f9;
117 color: #4a4a4a;
118 }
119 }
120
121 .navbar { 89 .navbar {
122 height: $headerHeight; 90 height: $headerHeight;
123 overflow: hidden; 91 overflow: hidden;
...@@ -133,117 +101,12 @@ export default { ...@@ -133,117 +101,12 @@ export default {
133 width: 300px; 101 width: 300px;
134 } 102 }
135 103
136 .backdrop { 104 .right-menu-item {
137 flex: 1; 105 &.hover-effect {
138 width: 60%;
139 background-size: 100% 100%;
140 height: $headerHeight;
141 display: flex;
142 align-items: center;
143 }
144
145 .hamburger-container {
146 line-height: 43px;
147 height: 100%;
148 float: left;
149 cursor: pointer;
150 transition: background 0.3s;
151 -webkit-tap-highlight-color: transparent;
152
153 &:hover {
154 background: rgba(0, 0, 0, 0.025);
155 }
156 }
157
158 .breadcrumb-container {
159 float: left;
160 }
161
162 .right-menu {
163 float: right;
164 height: 100%;
165 line-height: 50px;
166 display: flex;
167 align-items: center;
168
169 .function {
170 margin: 0 15px;
171 cursor: pointer;
172 }
173
174 .shutdown {
175 font-size: 20px;
176 margin-left: 15px;
177 cursor: pointer;
178 }
179
180 .organization-item {
181 margin-right: 40px;
182 margin-top: -40px !important;
183 }
184
185 .item {
186 margin-right: 40px;
187 margin-top: -20px;
188 line-height: 18.4px;
189 cursor: pointer; 106 cursor: pointer;
190 position: relative; 107 transition: background 0.3s;
191
192 .item-box {
193 position: absolute;
194 top: -5px;
195 left: 3px;
196 width: 100%;
197 min-width: 25px;
198 height: 25px;
199 cursor: pointer;
200 z-index: 100;
201 }
202 }
203
204 &:focus {
205 outline: none;
206 }
207
208 .right-menu-item {
209 display: inline-block;
210 height: 100%;
211 font-size: 18px;
212 color: #fff;
213 vertical-align: text-bottom;
214
215 &.hover-effect {
216 cursor: pointer;
217 transition: background 0.3s;
218 display: flex;
219 align-items: center;
220
221 &:hover {
222 background: rgba(0, 0, 0, 0.025);
223 }
224 }
225 }
226
227 .avatar-wrapper {
228 position: relative;
229 display: flex; 108 display: flex;
230 height: 40px;
231 align-items: center; 109 align-items: center;
232
233 .user-avatar {
234 cursor: pointer;
235 width: 35px;
236 height: 35px;
237 border-radius: 50%;
238 }
239
240 .el-icon-caret-bottom {
241 cursor: pointer;
242 position: absolute;
243 right: -15px;
244 top: 17px;
245 font-size: 12px;
246 }
247 } 110 }
248 } 111 }
249 } 112 }
......
...@@ -83,9 +83,4 @@ export default { ...@@ -83,9 +83,4 @@ export default {
83 width: 100%; 83 width: 100%;
84 transition: width 0.28s; 84 transition: width 0.28s;
85 } 85 }
86
87 .el-dropdown-menu--small {
88 padding: 0;
89 width: 5px;
90 }
91 </style> 86 </style>
......