Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
898dbff4 by 杨威
Options

代码优化

1 parent c859d372
Inline Side-by-side
Showing 13 changed files with 214 additions and 384 deletions
...@@ -101,6 +101,7 @@ ol, ul { list-style:none; } ...@@ -101,6 +101,7 @@ ol, ul { list-style:none; }
101 /deep/ .el-tabs--border-card{ 101 /deep/ .el-tabs--border-card{
102 border: 0; 102 border: 0;
103 } 103 }
104
104 //二级菜单样式 105 //二级菜单样式
105 .tabs{ 106 .tabs{
106 >.el-tabs__content{ 107 >.el-tabs__content{
...@@ -115,28 +116,24 @@ ol, ul { list-style:none; } ...@@ -115,28 +116,24 @@ ol, ul { list-style:none; }
115 width: 100%; 116 width: 100%;
116 margin-bottom: 0; 117 margin-bottom: 0;
117 border-top: 1px solid #F4F9FF; 118 border-top: 1px solid #F4F9FF;
118 // >.is-top>.el-tabs__nav-scroll{ 119 }
119 // height: 50px; 120 }
120 // background-color: #ffffff; 121 .el-tabs{
121 // box-sizing: border-box; 122 height: calc(100% - 50px);
122 // padding-left: 20px; 123 /deep/.el-tabs__content{
123 // .el-tabs__active-bar{ 124 height: 100%;
124 // display: none; 125 position: unset;
125 // } 126 /deep/.el-tab-pane{
126 // >.el-tabs__nav{ 127 height: 100%;
127 // >.el-tabs__item{ 128 }
128 // border: 1px solid #DEDEDE; 129 background-color: #F4F9FF;
129 // height: 30px; 130 padding: 0;
130 // line-height: 28px; 131 }
131 // padding: 0 20px; 132 /deep/ .el-tabs__item {
132 // margin: 9px 10px 9px 0; 133 height: 48px;
133 // } 134 }
134 // .is-active{ 135 /deep/ .el-tabs__header{
135 // color: #006CFF; 136 background-color: #ffffff;
136 // background-color: #ffffff;
137 // }
138 // }
139 // }
140 } 137 }
141 } 138 }
142 .el-tabs__item{ 139 .el-tabs__item{
......
...@@ -55,6 +55,10 @@ ...@@ -55,6 +55,10 @@
55 <i class="iconfont icondiqiu" title="图形管理" v-if="!isMap" @click="goMap"></i> 55 <i class="iconfont icondiqiu" title="图形管理" v-if="!isMap" @click="goMap"></i>
56 <i class="iconfont iconxinxi" title="属性管理" v-else @click="goBack"></i> 56 <i class="iconfont iconxinxi" title="属性管理" v-else @click="goBack"></i>
57 </div> 57 </div>
58 <div class="user-info">
59 <span>admin</span>
60 <img src="https://himg.bdimg.com/sys/portraitn/item/a1b5badad3b61739" alt="">
61 </div>
58 </div> 62 </div>
59 <!-- <div class="header-bottom"> 63 <!-- <div class="header-bottom">
60 <Navigation ref="navigation"></Navigation> 64 <Navigation ref="navigation"></Navigation>
...@@ -528,10 +532,38 @@ export default { ...@@ -528,10 +532,38 @@ export default {
528 right: 18px; 532 right: 18px;
529 top: 20px; 533 top: 20px;
530 .tuOrShu{ 534 .tuOrShu{
535 float: left;
531 .iconfont{ 536 .iconfont{
532 cursor: pointer; 537 cursor: pointer;
533 color:#ffffff; 538 color:#ffffff;
534 font-size:30px 539 font-size:26px;
540 position: relative;
541 top: 2px;
542 }
543 }
544 .user-info{
545 float: left;
546 margin-left: 20px;
547 cursor: pointer;
548 span{
549 line-height: 30px;
550 vertical-align: middle;
551 color: #fff;
552 font-size: 14px;
553 }
554 img{
555 // padding: 2px;
556 width: 24px;
557 height: 24px;
558 margin-left: 6px;
559 border-radius: 50%;
560 border: 1px solid #fff;
561 vertical-align: middle;
562 }
563 }
564 .user-info:hover{
565 span{
566 color: #006CFF;
535 } 567 }
536 } 568 }
537 } 569 }
......
...@@ -189,64 +189,45 @@ ...@@ -189,64 +189,45 @@
189 }; 189 };
190 </script> 190 </script>
191 <style scoped lang="less"> 191 <style scoped lang="less">
192 .el-tabs{ 192 .main {
193 height: calc(100% - 50px); 193 width: 100%;
194 /deep/.el-tabs__content{ 194 height: 100%;
195 height: 100%; 195 box-sizing: border-box;
196 /deep/.el-tab-pane{ 196 padding: 0 18px 0 0;
197 height: 100%; 197 display: flex;
198 } 198 flex-direction: column;
199 //background: #F4F9FF; 199 //background-color: #F4F9FF;
200 background-color: #F4F9FF; 200 background-color: #F4F9FF;
201 padding: 0; 201 .tips{
202 color: #9B9B9B;
203 margin-left: 2px;
204 margin-bottom: 10px;
205 }
206 .demo-form-inline {
207 margin-top: 18px;
208 .moreSearchBtn {
209 background-color: #1ad6e1;
210 border-color: #1ad6e1;
202 } 211 }
203 /deep/ .el-tabs__item { 212 .moreSearchBtn:focus,
204 height: 48px; 213 .moreSearchBtn:hover {
214 background-color: rgba(28, 200, 229, 0.6);
205 } 215 }
206 /deep/ .el-tabs__header{ 216 }
207 background-color: #ffffff; 217 .dataGrid {
208 margin: 0; 218 flex: 1;
219 .pagination {
220 padding: 18px 0;
209 } 221 }
210 .main { 222 }
211 width: 100%; 223 .hbjDialog{
212 height: 100%; 224 /deep/ .el-dialog{
213 box-sizing: border-box; 225 margin-top: 10vh!important;
214 padding: 0 18px 0 0;
215 display: flex;
216 flex-direction: column;
217 //background-color: #F4F9FF;
218 background-color: #F4F9FF;
219 .tips{
220 color: #9B9B9B;
221 margin-left: 2px;
222 margin-bottom: 10px;
223 }
224 .demo-form-inline {
225 margin-top: 18px;
226 .moreSearchBtn {
227 background-color: #1ad6e1;
228 border-color: #1ad6e1;
229 }
230 .moreSearchBtn:focus,
231 .moreSearchBtn:hover {
232 background-color: rgba(28, 200, 229, 0.6);
233 }
234 }
235 .dataGrid {
236 flex: 1;
237 .pagination {
238 padding: 18px 0;
239 }
240 }
241 .hbjDialog{
242 /deep/ .el-dialog{
243 margin-top: 10vh!important;
244 }
245 }
246 .btnGroup{
247 margin: 20px auto 0;
248 width: 230px;
249 }
250 } 226 }
251 } 227 }
228 .btnGroup{
229 margin: 20px auto 0;
230 width: 230px;
231 }
232 }
252 </style> 233 </style>
......
...@@ -72,65 +72,44 @@ ...@@ -72,65 +72,44 @@
72 }; 72 };
73 </script> 73 </script>
74 <style scoped lang="less"> 74 <style scoped lang="less">
75 .el-tabs{ 75 .main {
76 height: calc(100% - 50px); 76 width: 100%;
77 /deep/.el-tabs__content{ 77 height: 100%;
78 height: 100%; 78 box-sizing: border-box;
79 /deep/.el-tab-pane{ 79 padding: 0 18px 0 0;
80 height: 100%; 80 display: flex;
81 } 81 flex-direction: column;
82 //background: #F4F9FF; 82 background-color: #F4F9FF;
83 background-color: #F4F9FF; 83 .tips{
84 padding: 0; 84 color: #9B9B9B;
85 margin-left: 2px;
86 margin-bottom: 10px;
87 }
88 .demo-form-inline {
89 margin-top: 18px;
90 .moreSearchBtn {
91 background-color: #1ad6e1;
92 border-color: #1ad6e1;
85 } 93 }
86 /deep/ .el-tabs__item { 94 .moreSearchBtn:focus,
87 height: 48px; 95 .moreSearchBtn:hover {
96 background-color: rgba(28, 200, 229, 0.6);
88 } 97 }
89 /deep/ .el-tabs__header{ 98 }
90 background-color: #ffffff; 99 .dataGrid {
91 margin: 0; 100 flex: 1;
92 border-top: 1px solid #E4E7ED; 101 .pagination {
102 padding: 18px 0;
93 } 103 }
94 .main { 104 }
95 width: 100%; 105 .hbjDialog{
96 height: 100%; 106 /deep/ .el-dialog{
97 box-sizing: border-box; 107 margin-top: 10vh!important;
98 padding: 0 18px 0 0;
99 display: flex;
100 flex-direction: column;
101 //background-color: #F4F9FF;
102 background-color: #F4F9FF;
103 .tips{
104 color: #9B9B9B;
105 margin-left: 2px;
106 margin-bottom: 10px;
107 }
108 .demo-form-inline {
109 margin-top: 18px;
110 .moreSearchBtn {
111 background-color: #1ad6e1;
112 border-color: #1ad6e1;
113 }
114 .moreSearchBtn:focus,
115 .moreSearchBtn:hover {
116 background-color: rgba(28, 200, 229, 0.6);
117 }
118 }
119 .dataGrid {
120 flex: 1;
121 .pagination {
122 padding: 18px 0;
123 }
124 }
125 .hbjDialog{
126 /deep/ .el-dialog{
127 margin-top: 10vh!important;
128 }
129 }
130 .btnGroup{
131 margin: 20px auto 0;
132 width: 230px;
133 }
134 } 108 }
135 } 109 }
110 .btnGroup{
111 margin: 20px auto 0;
112 width: 230px;
113 }
114 }
136 </style> 115 </style>
......
...@@ -63,22 +63,4 @@ ...@@ -63,22 +63,4 @@
63 }; 63 };
64 </script> 64 </script>
65 <style scoped lang="less"> 65 <style scoped lang="less">
66 .el-tabs{
67 height: calc(100% - 50px);
68 /deep/.el-tabs__content{
69 //height: 100%;
70 /deep/.el-tab-pane{
71 height: 100%;
72 }
73 //background: #F4F9FF;
74 background-color: #F4F9FF;
75 padding: 0;
76 }
77 /deep/ .el-tabs__item {
78 height: 48px;
79 }
80 /deep/ .el-tabs__header{
81 background-color: #ffffff;
82 }
83 }
84 </style> 66 </style>
......
...@@ -30,19 +30,4 @@ ...@@ -30,19 +30,4 @@
30 </script> 30 </script>
31 31
32 <style scoped lang="less"> 32 <style scoped lang="less">
33 .el-tabs{
34 height: calc(100% - 50px);
35 /deep/.el-tabs__content{
36 height: 100%;
37 /deep/.el-tab-pane{
38 height: 100%;
39 }
40 //background: #F4F9FF;
41 background-color: #F4F9FF;
42 }
43 /deep/ .el-tabs__item {
44 height: 48px;
45 }
46 }
47
48 </style> 33 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -162,54 +162,35 @@ ...@@ -162,54 +162,35 @@
162 }; 162 };
163 </script> 163 </script>
164 <style scoped lang="less"> 164 <style scoped lang="less">
165 165 .main {
166 .el-tabs{ 166 width: 100%;
167 height: calc(100% - 50px); 167 height: 100%;
168 /deep/.el-tabs__content{ 168 box-sizing: border-box;
169 height: 100%; 169 padding: 0 18px;
170 /deep/.el-tab-pane{ 170 display: flex;
171 height: 100%; 171 flex-direction: column;
172 } 172 //background-color: #F4F9FF;
173 //background: #F4F9FF; 173 background-color: #F4F9FF;
174 background-color: #F4F9FF; 174 .tips{
175 padding: 0; 175 color: #9B9B9B;
176 } 176 margin-left: 2px;
177 /deep/ .el-tabs__item { 177 margin-bottom: 10px;
178 height: 48px;
179 } 178 }
180 /deep/ .el-tabs__header{ 179 .demo-form-inline {
181 background-color: #ffffff; 180 margin-top: 18px;
182 } 181 .moreSearchBtn {
183 .main { 182 background-color: #1ad6e1;
184 width: 100%; 183 border-color: #1ad6e1;
185 height: 100%;
186 box-sizing: border-box;
187 padding: 0 18px;
188 display: flex;
189 flex-direction: column;
190 //background-color: #F4F9FF;
191 background-color: #F4F9FF;
192 .tips{
193 color: #9B9B9B;
194 margin-left: 2px;
195 margin-bottom: 10px;
196 } 184 }
197 .demo-form-inline { 185 .moreSearchBtn:focus,
198 margin-top: 18px; 186 .moreSearchBtn:hover {
199 .moreSearchBtn { 187 background-color: rgba(28, 200, 229, 0.6);
200 background-color: #1ad6e1;
201 border-color: #1ad6e1;
202 }
203 .moreSearchBtn:focus,
204 .moreSearchBtn:hover {
205 background-color: rgba(28, 200, 229, 0.6);
206 }
207 } 188 }
208 .dataGrid { 189 }
209 flex: 1; 190 .dataGrid {
210 .pagination { 191 flex: 1;
211 padding: 18px 0; 192 .pagination {
212 } 193 padding: 18px 0;
213 } 194 }
214 } 195 }
215 } 196 }
......
...@@ -69,23 +69,4 @@ export default { ...@@ -69,23 +69,4 @@ export default {
69 }; 69 };
70 </script> 70 </script>
71 <style scoped lang="less"> 71 <style scoped lang="less">
72 .el-tabs{
73 height: calc(100% - 50px);
74 /deep/.el-tabs__content{
75 height: 100%;
76 position: unset;
77 /deep/.el-tab-pane{
78 height: calc(100% - 40px);
79 }
80 //background: #F4F9FF;
81 background-color: #F4F9FF;
82 padding: 0;
83 }
84 /deep/ .el-tabs__item {
85 height: 48px;
86 }
87 /deep/ .el-tabs__header{
88 background-color: #ffffff;
89 }
90 }
91 </style> 72 </style>
......
...@@ -493,11 +493,14 @@ export default { ...@@ -493,11 +493,14 @@ export default {
493 </script> 493 </script>
494 <style lang="less"> 494 <style lang="less">
495 .eltabs { 495 .eltabs {
496 height: 366px; 496 height: 366px!important;
497 width: 100%; 497 width: 100%;
498 position: relative; 498 position: relative;
499 margin-left: 20px; 499 margin-left: 20px;
500 margin-top: 20px; 500 margin-top: 20px;
501 /deep/.el-tabs__content{
502 position: relative!important;
503 }
501 .eltabspane { 504 .eltabspane {
502 height: 100%; 505 height: 100%;
503 width: 100%; 506 width: 100%;
......
...@@ -243,53 +243,35 @@ ...@@ -243,53 +243,35 @@
243 }; 243 };
244 </script> 244 </script>
245 <style scoped lang="less"> 245 <style scoped lang="less">
246 .el-tabs{ 246 .main {
247 height: calc(100% - 50px); 247 width: 100%;
248 /deep/.el-tabs__content{ 248 height: 100%;
249 height: 100%; 249 box-sizing: border-box;
250 /deep/.el-tab-pane{ 250 padding: 0 18px;
251 height: 100%; 251 display: flex;
252 } 252 flex-direction: column;
253 //background: #F4F9FF; 253 //background-color: #F4F9FF;
254 background-color: #F4F9FF; 254 background-color: #F4F9FF;
255 padding: 0; 255 .tips{
256 } 256 color: #9B9B9B;
257 /deep/ .el-tabs__item { 257 margin-left: 2px;
258 height: 48px; 258 margin-bottom: 10px;
259 } 259 }
260 /deep/ .el-tabs__header{ 260 .demo-form-inline {
261 background-color: #ffffff; 261 margin-top: 18px;
262 } 262 .moreSearchBtn {
263 .main { 263 background-color: #1ad6e1;
264 width: 100%; 264 border-color: #1ad6e1;
265 height: 100%;
266 box-sizing: border-box;
267 padding: 0 18px;
268 display: flex;
269 flex-direction: column;
270 //background-color: #F4F9FF;
271 background-color: #F4F9FF;
272 .tips{
273 color: #9B9B9B;
274 margin-left: 2px;
275 margin-bottom: 10px;
276 } 265 }
277 .demo-form-inline { 266 .moreSearchBtn:focus,
278 margin-top: 18px; 267 .moreSearchBtn:hover {
279 .moreSearchBtn { 268 background-color: rgba(28, 200, 229, 0.6);
280 background-color: #1ad6e1;
281 border-color: #1ad6e1;
282 }
283 .moreSearchBtn:focus,
284 .moreSearchBtn:hover {
285 background-color: rgba(28, 200, 229, 0.6);
286 }
287 } 269 }
288 .dataGrid { 270 }
289 flex: 1; 271 .dataGrid {
290 .pagination { 272 flex: 1;
291 padding: 18px 0; 273 .pagination {
292 } 274 padding: 18px 0;
293 } 275 }
294 } 276 }
295 } 277 }
......
...@@ -193,63 +193,45 @@ ...@@ -193,63 +193,45 @@
193 }; 193 };
194 </script> 194 </script>
195 <style scoped lang="less"> 195 <style scoped lang="less">
196 .el-tabs{ 196 .main {
197 height: calc(100% - 50px); 197 width: 100%;
198 /deep/.el-tabs__content{ 198 height: 100%;
199 height: 100%; 199 box-sizing: border-box;
200 /deep/.el-tab-pane{ 200 padding: 0 18px 0 0;
201 height: 100%; 201 display: flex;
202 } 202 flex-direction: column;
203 //background: #F4F9FF; 203 //background-color: #F4F9FF;
204 background-color: #F4F9FF; 204 background-color: #F4F9FF;
205 padding: 0; 205 .tips{
206 } 206 color: #9B9B9B;
207 /deep/ .el-tabs__item { 207 margin-left: 2px;
208 height: 48px; 208 margin-bottom: 10px;
209 }
210 /deep/ .el-tabs__header{
211 background-color: #ffffff;
212 } 209 }
213 .main { 210 .demo-form-inline {
214 width: 100%; 211 margin-top: 18px;
215 height: 100%; 212 .moreSearchBtn {
216 box-sizing: border-box; 213 background-color: #1ad6e1;
217 padding: 0 18px 0 0; 214 border-color: #1ad6e1;
218 display: flex;
219 flex-direction: column;
220 //background-color: #F4F9FF;
221 background-color: #F4F9FF;
222 .tips{
223 color: #9B9B9B;
224 margin-left: 2px;
225 margin-bottom: 10px;
226 } 215 }
227 .demo-form-inline { 216 .moreSearchBtn:focus,
228 margin-top: 18px; 217 .moreSearchBtn:hover {
229 .moreSearchBtn { 218 background-color: rgba(28, 200, 229, 0.6);
230 background-color: #1ad6e1;
231 border-color: #1ad6e1;
232 }
233 .moreSearchBtn:focus,
234 .moreSearchBtn:hover {
235 background-color: rgba(28, 200, 229, 0.6);
236 }
237 } 219 }
238 .dataGrid { 220 }
239 flex: 1; 221 .dataGrid {
240 .pagination { 222 flex: 1;
241 padding: 18px 0; 223 .pagination {
242 } 224 padding: 18px 0;
243 }
244 .hbjDialog{
245 /deep/ .el-dialog{
246 margin-top: 10vh!important;
247 }
248 } 225 }
249 .btnGroup{ 226 }
250 margin: 20px auto 0; 227 .hbjDialog{
251 width: 230px; 228 /deep/ .el-dialog{
229 margin-top: 10vh!important;
252 } 230 }
253 } 231 }
232 .btnGroup{
233 margin: 20px auto 0;
234 width: 230px;
235 }
254 } 236 }
255 </style> 237 </style>
......
...@@ -103,23 +103,4 @@ export default { ...@@ -103,23 +103,4 @@ export default {
103 }; 103 };
104 </script> 104 </script>
105 <style scoped lang="less"> 105 <style scoped lang="less">
106 .el-tabs{
107 height: calc(100% - 50px);
108 /deep/.el-tabs__content{
109 //height: 100%;
110 /deep/.el-tab-pane{
111 height: 100%;
112 }
113 //background: #F4F9FF;
114 background-color: #F4F9FF;
115 padding: 0;
116 }
117 /deep/ .el-tabs__item {
118 height: 48px;
119 }
120 /deep/ .el-tabs__header{
121 background-color: #ffffff;
122 }
123 }
124
125 </style> 106 </style>
......
...@@ -72,41 +72,5 @@ export default { ...@@ -72,41 +72,5 @@ export default {
72 <style scoped lang="less"> 72 <style scoped lang="less">
73 .content_box{ 73 .content_box{
74 padding: 0 0 6px; 74 padding: 0 0 6px;
75 // padding: 0 20px;
76 // .el-tabs{
77 // width: 100%;
78 // height: 100%;
79 // display: flex;
80 // flex-direction: column;
81 // }
82 // /deep/.el-tabs__content{
83 // width: 100%;
84 // height: 100%;
85 // flex:1;
86 // position: unset;
87 // }
88 // .el-tab-pane{
89 // width: 100%;
90 // height: 100%;
91 // }
92
93 .el-tabs{
94 height: calc(100% - 50px);
95 /deep/ .el-tabs__content{
96 //height: 100%;
97 /deep/.el-tab-pane{
98 height: 100%;
99 }
100 //background: #F4F9FF;
101 background-color: #F4F9FF;
102 padding: 0;
103 }
104 /deep/ .el-tabs__item {
105 height: 48px;
106 }
107 /deep/ .el-tabs__header{
108 background-color: #ffffff;
109 }
110 }
111 } 75 }
112 </style> 76 </style>
......