Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
ee61002c by xiaomiao
Options

弹框样式拆分

1 parent cd82abd6
Inline Side-by-side
Showing 10 changed files with 352 additions and 346 deletions
...@@ -113,8 +113,8 @@ export default { ...@@ -113,8 +113,8 @@ export default {
113 } 113 }
114 </script> 114 </script>
115 <style rel="stylesheet/scss" lang="scss" > 115 <style rel="stylesheet/scss" lang="scss" >
116 @import "~@/styles/mixin.scss"; 116 // @import "~@/styles/mixin.scss";
117 @import "~@/styles/dialogBox.scss"; 117 // @import "~@/styles/dialogBox.scss";
118 </style> 118 </style>
119 <style rel="stylesheet/scss" scoped lang="scss" > 119 <style rel="stylesheet/scss" scoped lang="scss" >
120 /deep/.is-fullscreen { 120 /deep/.is-fullscreen {
......
...@@ -128,14 +128,14 @@ ...@@ -128,14 +128,14 @@
128 </template> 128 </template>
129 129
130 <script> 130 <script>
131 import axios from "axios"; 131 import axios from "axios";
132 import SERVER from '@/api/config' 132 import SERVER from '@/api/config'
133 const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' 133 const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/'
134 import { mapGetters } from "vuex"; 134 import { mapGetters } from "vuex";
135 import JsonEditor from "@/components/JsonEditor.vue"; 135 import JsonEditor from "@/components/JsonEditor.vue";
136 import Xyjg from "./Result"; 136 import Xyjg from "./Result";
137 import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; 137 import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js";
138 export default { 138 export default {
139 components: { JsonEditor, Xyjg }, 139 components: { JsonEditor, Xyjg },
140 props: { 140 props: {
141 title: { 141 title: {
...@@ -332,27 +332,27 @@ export default { ...@@ -332,27 +332,27 @@ export default {
332 } 332 }
333 } 333 }
334 } 334 }
335 } 335 }
336 </script> 336 </script>
337 <style scoped lang="scss"> 337 <style scoped lang="scss">
338 @import "~@/styles/mixin.scss"; 338 // @import "~@/styles/mixin.scss";
339 @import "~@/styles/dialogBox.scss"; 339 // @import "~@/styles/dialogBox.scss";
340 340
341 /deep/.el-dialog__body { 341 /deep/.el-dialog__body {
342 display: flex; 342 display: flex;
343 flex-direction: column; 343 flex-direction: column;
344 padding-bottom: 30px; 344 padding-bottom: 30px;
345 } 345 }
346 346
347 /deep/ .el-tabs { 347 /deep/ .el-tabs {
348 color: #CEF8FF; 348 color: #cef8ff;
349 } 349 }
350 350
351 .d-center { 351 .d-center {
352 z-index: 1000; 352 z-index: 1000;
353 } 353 }
354 354
355 .sjmx { 355 .sjmx {
356 display: flex; 356 display: flex;
357 flex-direction: column; 357 flex-direction: column;
358 height: 49vh; 358 height: 49vh;
...@@ -361,21 +361,21 @@ export default { ...@@ -361,21 +361,21 @@ export default {
361 height: 50px; 361 height: 50px;
362 padding-top: 6px; 362 padding-top: 6px;
363 } 363 }
364 } 364 }
365 365
366 .result { 366 .result {
367 flex: 1; 367 flex: 1;
368 height: 100%; 368 height: 100%;
369 } 369 }
370 370
371 .editDialogBox-con { 371 .editDialogBox-con {
372 flex: 1; 372 flex: 1;
373 height: 100%; 373 height: 100%;
374 overflow-y: hidden; 374 overflow-y: hidden;
375 } 375 }
376 376
377 /deep/.el-tabs__item { 377 /deep/.el-tabs__item {
378 color: #CEF8FF !important; 378 color: #cef8ff !important;
379 379
380 display: flex; 380 display: flex;
381 flex-direction: row; 381 flex-direction: row;
...@@ -383,73 +383,73 @@ export default { ...@@ -383,73 +383,73 @@ export default {
383 background: url("~@/image/tabitem.png") no-repeat; 383 background: url("~@/image/tabitem.png") no-repeat;
384 background-size: 100% 100%; 384 background-size: 100% 100%;
385 border: none !important; 385 border: none !important;
386 } 386 }
387 387
388 .obligee-item-name { 388 .obligee-item-name {
389 background: #05275B; 389 background: #05275b;
390 color: #FFFFFF; 390 color: #ffffff;
391 background: url("~@/image/itembg.png") no-repeat; 391 background: url("~@/image/itembg.png") no-repeat;
392 background-size: 100% 100%; 392 background-size: 100% 100%;
393 } 393 }
394 394
395 /deep/.el-tabs__nav-scroll { 395 /deep/.el-tabs__nav-scroll {
396 background: none; 396 background: none;
397 } 397 }
398 398
399 /deep/.el-tabs__nav { 399 /deep/.el-tabs__nav {
400 display: flex; 400 display: flex;
401 border: none !important; 401 border: none !important;
402 } 402 }
403 403
404 /deep/.el-tabs__item.is-top { 404 /deep/.el-tabs__item.is-top {
405 border: 1px solid #dfe4ed; 405 border: 1px solid #dfe4ed;
406 border-top: 1px solid #dfe4ed; 406 border-top: 1px solid #dfe4ed;
407 border-bottom: 1px solid transparent; 407 border-bottom: 1px solid transparent;
408 } 408 }
409 409
410 /deep/.el-tabs__header { 410 /deep/.el-tabs__header {
411 border: none; 411 border: none;
412 margin-bottom: 0; 412 margin-bottom: 0;
413 } 413 }
414 414
415 /deep/.el-tabs__item.is-top:not(:last-child) { 415 /deep/.el-tabs__item.is-top:not(:last-child) {
416 margin-right: 5px; 416 margin-right: 5px;
417 } 417 }
418 418
419 /deep/.el-tabs__item.is-top { 419 /deep/.el-tabs__item.is-top {
420 background-color: none !important; 420 background-color: none !important;
421 } 421 }
422 422
423 /deep/.el-tabs__item.is-active { 423 /deep/.el-tabs__item.is-active {
424 background: url("~@/image/tabitemse.png") no-repeat; 424 background: url("~@/image/tabitemse.png") no-repeat;
425 background-size: 100% 100%; 425 background-size: 100% 100%;
426 } 426 }
427 427
428 .success-images { 428 .success-images {
429 width: 30px; 429 width: 30px;
430 height: 30px; 430 height: 30px;
431 position: relative; 431 position: relative;
432 top: 10px; 432 top: 10px;
433 right: 3px; 433 right: 3px;
434 } 434 }
435 435
436 .tab-pane-item { 436 .tab-pane-item {
437 line-height: 20px; 437 line-height: 20px;
438 color: #02D9FD; 438 color: #02d9fd;
439 439
440 p { 440 p {
441 text-align: center; 441 text-align: center;
442 } 442 }
443 } 443 }
444 444
445 .edit-content { 445 .edit-content {
446 overflow-y: auto; 446 overflow-y: auto;
447 overflow-x: hidden; 447 overflow-x: hidden;
448 padding-right: 1px; 448 padding-right: 1px;
449 border-top: none; 449 border-top: none;
450 } 450 }
451 451
452 /deep/.editDialogBox { 452 /deep/.editDialogBox {
453 border-radius: 8px; 453 border-radius: 8px;
454 overflow: hidden; 454 overflow: hidden;
455 min-width: 1228px; 455 min-width: 1228px;
...@@ -471,13 +471,13 @@ export default { ...@@ -471,13 +471,13 @@ export default {
471 width: 100%; 471 width: 100%;
472 border-bottom: 1px solid #ccc; 472 border-bottom: 1px solid #ccc;
473 } 473 }
474 } 474 }
475 475
476 .el-dialog__wrapper { 476 .el-dialog__wrapper {
477 overflow: hidden; 477 overflow: hidden;
478 } 478 }
479 479
480 .dialog-from { 480 .dialog-from {
481 padding-top: 0; 481 padding-top: 0;
482 482
483 .el-col { 483 .el-col {
...@@ -523,6 +523,6 @@ export default { ...@@ -523,6 +523,6 @@ export default {
523 color: #d7eaee; 523 color: #d7eaee;
524 margin: 3px 0; 524 margin: 3px 0;
525 } 525 }
526 } 526 }
527 </style> 527 </style>
528 528
......
1 <template> 1 <template>
2 <transition name="msgbox-fade" v-if="myShow"> 2 <transition name="msgbox-fade" v-if="myShow">
3 <div class="ls-mask" v-loading="loading"> 3 <div class="ls-mask" v-loading="loading">
4 <div class="ls-mask-window dialogBox" :style="{ 'width': width }"> 4 <div class="ls-mask-window" :style="{ 'width': width }">
5 <div class="ls-head"> 5 <div class="ls-head">
6 <div class="ls-title" :style="{ 'text-align': titleStyle }"> 6 <div class="ls-title" :style="{ 'text-align': titleStyle }">
7 <svg-icon v-if="iconClass != ''" :icon-class='iconClass' /> 7 <svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
21 </transition> 21 </transition>
22 </template> 22 </template>
23 <script> 23 <script>
24 import Popup1 from './index' 24 import Popup1 from './index'
25 export default { 25 export default {
26 name: 'index', 26 name: 'index',
27 data () { 27 data () {
28 return { 28 return {
...@@ -102,13 +102,10 @@ export default { ...@@ -102,13 +102,10 @@ export default {
102 this.$el.parentNode.removeChild(this.$el); 102 this.$el.parentNode.removeChild(this.$el);
103 } 103 }
104 } 104 }
105 } 105 }
106 </script> 106 </script>
107 <style scoped lang="scss" > 107 <style scoped lang="scss" >
108 @import "~@/styles/mixin.scss"; 108 .ls-mask {
109 @import "~@/styles/dialogBox.scss";
110
111 .ls-mask {
112 width: 100%; 109 width: 100%;
113 height: 100%; 110 height: 100%;
114 z-index: 2000; 111 z-index: 2000;
...@@ -116,10 +113,9 @@ export default { ...@@ -116,10 +113,9 @@ export default {
116 left: 0; 113 left: 0;
117 top: 0; 114 top: 0;
118 background: rgba(0, 0, 0, 0.3); 115 background: rgba(0, 0, 0, 0.3);
116 }
119 117
120 } 118 .ls-mask-window {
121
122 .ls-mask-window {
123 background: white; 119 background: white;
124 position: relative; 120 position: relative;
125 left: 50%; 121 left: 50%;
...@@ -128,36 +124,36 @@ export default { ...@@ -128,36 +124,36 @@ export default {
128 transform: translate(-50%, -50%); 124 transform: translate(-50%, -50%);
129 border-radius: 5px; 125 border-radius: 5px;
130 overflow: hidden; 126 overflow: hidden;
131 } 127 }
132 128
133 .ls-mask-window b { 129 .ls-mask-window b {
134 padding-left: 5px; 130 padding-left: 5px;
135 } 131 }
136 132
137 /deep/.closeStyle { 133 /deep/.closeStyle {
138 top: 7px !important; 134 top: 7px !important;
139 } 135 }
140 136
141 .ls-title { 137 .ls-title {
142 padding: 10px; 138 padding: 10px;
143 color: #ffffff; 139 color: #ffffff;
144 // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); 140 // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
145 font-size: 16px; 141 font-size: 16px;
146 } 142 }
147 143
148 .ls-title .svg-icon { 144 .ls-title .svg-icon {
149 font-size: 18px; 145 font-size: 18px;
150 } 146 }
151 147
152 .mask-content { 148 .mask-content {
153 padding: 15px; 149 padding: 15px;
154 width: 100%; 150 width: 100%;
155 min-height: 20%; 151 min-height: 20%;
156 max-height: 95%; 152 max-height: 95%;
157 // overflow-y: scroll; 153 // overflow-y: scroll;
158 } 154 }
159 155
160 .ls-mask-footer { 156 .ls-mask-footer {
161 height: 50px; 157 height: 50px;
162 display: flex; 158 display: flex;
163 justify-content: center; 159 justify-content: center;
...@@ -169,24 +165,23 @@ export default { ...@@ -169,24 +165,23 @@ export default {
169 border-bottom-left-radius: 5px; 165 border-bottom-left-radius: 5px;
170 border-bottom-right-radius: 5px; 166 border-bottom-right-radius: 5px;
171 overflow: hidden; 167 overflow: hidden;
172 } 168 }
173
174 169
175 /deep/.closeStyle { 170 /deep/.closeStyle {
176 position: absolute; 171 position: absolute;
177 top: 13px; 172 top: 13px;
178 right: 26px; 173 right: 26px;
179 font-size: 24px; 174 font-size: 24px;
180 cursor: pointer; 175 cursor: pointer;
181 color: #409EFF; 176 color: #409eff;
182 } 177 }
183 178
184 /deep/.el-loading-mask { 179 /deep/.el-loading-mask {
185 background: none; 180 background: none;
186 } 181 }
187 182
188 /deep/.el-button { 183 /deep/.el-button {
189 margin: 8px 10px; 184 margin: 8px 10px;
190 width: 75px; 185 width: 75px;
191 } 186 }
192 </style> 187 </style>
......
1 .dialogBox {
2 overflow: hidden;
3 background: url("~@/image/dialogBg.png") no-repeat !important;
4 background-size: 100% 100% !important;
5 // min-height: 90vh;
6 1
7 .dialog_title {
8 display: flex;
9 position: relative;
10 font-size: 22px;
11 top: -10px;
12 width: 38%;
13 height: 40px;
14 margin-left: 28px;
15 justify-content: center;
16 white-space: nowrap;
17
18 b {
19 font-weight: 200;
20 display: inline-block;
21 position: relative;
22 font-size: 24px;
23 top: -11px;
24 width: 38%;
25 height: 40px;
26 margin-left: 28px;
27 // @include flex-center;
28 display: flex;
29 justify-content: center;
30 }
31 }
32
33 .dialog_full {
34 position: absolute;
35 top: 0;
36 right: 30px;
37 }
38
39 .el-dialog__body {
40 max-height: 88vh;
41 overflow-x: hidden;
42 overflow-y: hidden;
43 }
44
45 .dialog_footer {
46 margin-bottom: 8px;
47 @include flex-center;
48 }
49
50 .dialogBox-content {
51 height: auto
52 }
53
54 .editDialogBox-box {
55 background: #031A46;
56 box-shadow: inset 0px 0px 12px 0px #02D9FD;
57 border-radius: 2px;
58 border: 1px solid #6BC1FC;
59 margin: 0 18px 10px 18px;
60 }
61 }
62
63 .item-content-input {
64 /deep/.el-input__inner {
65 border: none !important;
66 text-align: right;
67 }
68 }
69
70 .regularHeight {
71 display: flex;
72 flex-direction: column;
73 height: 87vh;
74
75 .editDialogBox-con,
76 .JsonEditor {
77 flex: 1;
78 height: 100%;
79 }
80 }
81
82 .dialog-from {
83 padding: 13px;
84 border-radius: 2px;
85 box-sizing: border-box;
86
87 .el-row {
88 display: flex;
89 flex-wrap: nowrap;
90 }
91
92 .el-col {
93 line-height: 18px;
94 display: flex;
95 align-items: center;
96 margin-bottom: 3px;
97 color: #B5D6DC;
98 border-radius: 2px;
99 border: 1px solid #224C7C;
100
101 span {
102 display: inline-block;
103 padding: 3px;
104 border-radius: 3px;
105 overflow: hidden;
106 white-space: nowrap;
107 text-align: left;
108 color: #02D9FD;
109 }
110
111 p {
112 flex: 1;
113 width: 100%;
114 padding-left: 5px;
115 line-height: 20px;
116 color: #c0c4cc;
117 cursor: not-allowed;
118 white-space: nowrap;
119 margin-right: 5px;
120 text-align: right;
121 }
122 }
123 }
124
125 /deep/.el-textarea__inner {
126 border: 1px solid #224C7C;
127 margin: 0 0 10px 0 !important;
128 width: 100% !important;
129 color: #dadde3 !important;
130 background: transparent !important;
131 }
132
133 /deep/.el-input__inner {
134 border: 1px solid #224C7C !important;
135 margin: 0 !important;
136 width: 100% !important;
137 color: #dadde3 !important;
138 background: transparent !important;
139 }
140
141 .dialog_title {
142 @include flex;
143 justify-content: space-between;
144 width: 100%;
145 }
146
147 .el-dialog__header {
148 color: #FFFFFF;
149 height: 46px !important;
150 width: 97%;
151 margin: 0 auto;
152 margin-top: 2px;
153 }
154
155 .el-dialog__body {
156 padding-top: 0;
157 padding-bottom: 0;
158 // height: 95vh;
159 }
160
161 .el-dialog__headerbtn {
162 width: 42px;
163 height: 20px;
164 background: url("~@/image/closebg.png") no-repeat;
165 background-size: 100% 100%;
166 right: 40px;
167 top: 33px;
168
169 &:hover {
170 box-shadow: inset 0px 0px 12px 0px #02D9FD;
171 }
172 }
173
174 .el-dialog__close {
175 font-size: 0;
176 }
177
178 .el-form-item {
179 @include flex;
180 width: 100%;
181 }
182
183 .el-dialog__wrapper {
184 width: 100%;
185 height: 100%;
186 overflow: hidden;
187 }
188
189 .contentCenter {
190 position: absolute;
191 top: 50%;
192 left: 50%;
193 transform: translate(calc(-50% + 85px), -50%);
194 }
195
196 .mainCenter {
197 position: absolute;
198 top: 50%;
199 left: 50%;
200 transform: translate(-50%, -50%);
201
202 // 展开收起按钮位置
203 .el-input__suffix {
204 right: 10px;
205 }
206 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -79,6 +79,15 @@ ...@@ -79,6 +79,15 @@
79 } 79 }
80 } 80 }
81 81
82 .el-dialog__close {
83 font-size: 0;
84 }
85
86 .el-form-item {
87 display: flex;
88 width: 100%;
89 }
90
82 .advanced-search { 91 .advanced-search {
83 display: flex; 92 display: flex;
84 font-size: 12px; 93 font-size: 12px;
...@@ -240,12 +249,6 @@ ...@@ -240,12 +249,6 @@
240 color: #fff; 249 color: #fff;
241 } 250 }
242 251
243 .el-dialog__headerbtn {
244 position: absolute;
245 top: 22px;
246 right: 30px;
247 }
248
249 .el-dialog__header { 252 .el-dialog__header {
250 text-align: center; 253 text-align: center;
251 margin-bottom: 10px; 254 margin-bottom: 10px;
...@@ -424,6 +427,7 @@ ...@@ -424,6 +427,7 @@
424 width: 100%; 427 width: 100%;
425 border-bottom: 1px solid #ccc; 428 border-bottom: 1px solid #ccc;
426 } 429 }
430
427 } 431 }
428 432
429 .el-dialog__wrapper { 433 .el-dialog__wrapper {
...@@ -552,3 +556,202 @@ ...@@ -552,3 +556,202 @@
552 background-size: cover; 556 background-size: cover;
553 color: white; 557 color: white;
554 } 558 }
559
560 // 监管弹框样式
561 .dialogBox {
562 overflow: hidden;
563 background: url("~@/image/dialogBg.png") no-repeat !important;
564 background-size: 100% 100% !important;
565 // min-height: 90vh;
566
567 .dialog_title {
568 display: flex;
569 position: relative;
570 font-size: 22px;
571 top: -10px;
572 width: 38%;
573 height: 40px;
574 margin-left: 28px;
575 justify-content: center;
576 white-space: nowrap;
577
578 b {
579 font-weight: 200;
580 display: inline-block;
581 position: relative;
582 font-size: 24px;
583 top: -11px;
584 width: 38%;
585 height: 40px;
586 margin-left: 28px;
587 // @include flex-center;
588 display: flex;
589 justify-content: center;
590 }
591 }
592
593 .dialog_full {
594 position: absolute;
595 top: 0;
596 right: 30px;
597 }
598
599 .el-dialog__body {
600 max-height: 88vh;
601 overflow-x: hidden;
602 overflow-y: hidden;
603 }
604
605 .dialog_footer {
606 margin-bottom: 8px;
607 display: flex;
608 justify-content: center;
609 align-items: center;
610 }
611
612 .dialogBox-content {
613 height: auto
614 }
615
616 .editDialogBox-box {
617 background: #031A46;
618 box-shadow: inset 0px 0px 12px 0px #02D9FD;
619 border-radius: 2px;
620 border: 1px solid #6BC1FC;
621 margin: 0 18px 10px 18px;
622 }
623
624 .item-content-input {
625 /deep/.el-input__inner {
626 border: none !important;
627 text-align: right;
628 }
629 }
630
631 .regularHeight {
632 display: flex;
633 flex-direction: column;
634 height: 87vh;
635
636 .editDialogBox-con,
637 .JsonEditor {
638 flex: 1;
639 height: 100%;
640 }
641 }
642
643 .dialog-from {
644 padding: 13px;
645 border-radius: 2px;
646 box-sizing: border-box;
647
648 .el-row {
649 display: flex;
650 flex-wrap: nowrap;
651 }
652
653 .el-col {
654 line-height: 18px;
655 display: flex;
656 align-items: center;
657 margin-bottom: 3px;
658 color: #B5D6DC;
659 border-radius: 2px;
660 border: 1px solid #224C7C;
661
662 span {
663 display: inline-block;
664 padding: 3px;
665 border-radius: 3px;
666 overflow: hidden;
667 white-space: nowrap;
668 text-align: left;
669 color: #02D9FD;
670 }
671
672 p {
673 flex: 1;
674 width: 100%;
675 padding-left: 5px;
676 line-height: 20px;
677 color: #c0c4cc;
678 cursor: not-allowed;
679 white-space: nowrap;
680 margin-right: 5px;
681 text-align: right;
682 }
683 }
684
685 }
686
687 .el-textarea__inner {
688 border: 1px solid #224C7C;
689 margin: 0 0 10px 0 !important;
690 width: 100% !important;
691 color: #dadde3 !important;
692 background: transparent !important;
693 }
694
695 .el-input__inner {
696 border: 1px solid #224C7C !important;
697 margin: 0 !important;
698 width: 100% !important;
699 color: #dadde3 !important;
700 background: transparent !important;
701 }
702
703 .el-dialog__header {
704 color: #FFFFFF;
705 height: 46px !important;
706 width: 97%;
707 margin: 0 auto;
708 margin-top: 2px;
709 }
710
711 .el-dialog__body {
712 padding-top: 0;
713 padding-bottom: 0;
714 // height: 95vh;
715 }
716
717 .el-dialog__headerbtn {
718 width: 42px;
719 height: 20px;
720 background: url("~@/image/closebg.png") no-repeat;
721 background-size: 100% 100%;
722 right: 40px;
723 top: 33px;
724
725 &:hover {
726 box-shadow: inset 0px 0px 12px 0px #02D9FD;
727 }
728 }
729
730 .el-dialog__close {
731 font-size: 0;
732 }
733
734 .el-form-item {
735 display: flex;
736 width: 100%;
737 }
738
739 }
740 .contentCenter {
741 position: absolute;
742 top: 50%;
743 left: 50%;
744 transform: translate(calc(-50% + 85px), -50%);
745 }
746
747 .mainCenter {
748 position: absolute;
749 top: 50%;
750 left: 50%;
751 transform: translate(-50%, -50%);
752
753 // 展开收起按钮位置
754 .el-input__suffix {
755 right: 10px;
756 }
757 }
......
...@@ -27,7 +27,14 @@ ...@@ -27,7 +27,14 @@
27 padding: 22px 42px 20px; 27 padding: 22px 42px 20px;
28 } 28 }
29 29
30 .el-dialog__close {
31 font-size: 0;
32 }
30 33
34 .el-form-item {
35 display: flex;
36 width: 100%;
37 }
31 38
32 .el-form--inline .el-form-item { 39 .el-form--inline .el-form-item {
33 width: auto; 40 width: auto;
......
...@@ -193,12 +193,12 @@ ...@@ -193,12 +193,12 @@
193 </template> 193 </template>
194 194
195 <script> 195 <script>
196 import { sbdata, sendThis } from './data/sbdata' 196 import { sbdata, sendThis } from './data/sbdata'
197 import { dbdata, sendThis1 } from './data/dbdata' 197 import { dbdata, sendThis1 } from './data/dbdata'
198 import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" 198 import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js"
199 import JsonEditor from "@/components/JsonEditor.vue"; 199 import JsonEditor from "@/components/JsonEditor.vue";
200 import { judgeListComplete } from "@/utils/tools.js" 200 import { judgeListComplete } from "@/utils/tools.js"
201 export default { 201 export default {
202 components: { JsonEditor }, 202 components: { JsonEditor },
203 data () { 203 data () {
204 return { 204 return {
...@@ -455,32 +455,31 @@ export default { ...@@ -455,32 +455,31 @@ export default {
455 } 455 }
456 } 456 }
457 } 457 }
458 } 458 }
459 </script> 459 </script>
460 <style scoped lang="scss"> 460 <style scoped lang="scss">
461 @import "~@/styles/mixin.scss"; 461 // @import "~@/styles/mixin.scss";
462 @import "~@/styles/dialogBox.scss"; 462 // @import "~@/styles/dialogBox.scss";
463
464 463
465 /deep/.el-tabs__header { 464 /deep/.el-tabs__header {
466 margin: 0; 465 margin: 0;
467 } 466 }
468 467
469 /deep/.el-dialog { 468 /deep/.el-dialog {
470 display: flex; 469 display: flex;
471 flex-direction: column; 470 flex-direction: column;
472 } 471 }
473 472
474 /deep/.el-dialog__body { 473 /deep/.el-dialog__body {
475 display: flex; 474 display: flex;
476 flex-direction: column; 475 flex-direction: column;
477 padding-bottom: 30px; 476 padding-bottom: 30px;
478 height: 100%; 477 height: 100%;
479 flex: 1; 478 flex: 1;
480 position: relative; 479 position: relative;
481 } 480 }
482 481
483 .regularHeight { 482 .regularHeight {
484 display: flex; 483 display: flex;
485 flex-direction: column; 484 flex-direction: column;
486 height: 87vh; 485 height: 87vh;
...@@ -490,16 +489,17 @@ export default { ...@@ -490,16 +489,17 @@ export default {
490 .JsonEditor { 489 .JsonEditor {
491 flex: 1; 490 flex: 1;
492 } 491 }
493 } 492 }
494 493
495 .d-center {} 494 .d-center {
495 }
496 496
497 .dialog_title { 497 .dialog_title {
498 top: -13px 498 top: -13px;
499 } 499 }
500 500
501 /deep/.el-tabs__item { 501 /deep/.el-tabs__item {
502 color: #CEF8FF !important; 502 color: #cef8ff !important;
503 503
504 display: flex; 504 display: flex;
505 flex-direction: row; 505 flex-direction: row;
...@@ -507,39 +507,39 @@ export default { ...@@ -507,39 +507,39 @@ export default {
507 background: url("~@/image/tabitem.png") no-repeat; 507 background: url("~@/image/tabitem.png") no-repeat;
508 background-size: 100% 100%; 508 background-size: 100% 100%;
509 border: none !important; 509 border: none !important;
510 } 510 }
511 511
512 /deep/.el-tabs__nav { 512 /deep/.el-tabs__nav {
513 display: flex; 513 display: flex;
514 border: none !important; 514 border: none !important;
515 } 515 }
516 516
517 /deep/.el-tabs__item.is-top:not(:last-child) { 517 /deep/.el-tabs__item.is-top:not(:last-child) {
518 margin-right: 5px; 518 margin-right: 5px;
519 } 519 }
520 520
521 /deep/.el-icon-circle-close { 521 /deep/.el-icon-circle-close {
522 display: none; 522 display: none;
523 } 523 }
524 524
525 /deep/.el-tabs__item.is-active { 525 /deep/.el-tabs__item.is-active {
526 background: url("~@/image/tabitemse.png") no-repeat; 526 background: url("~@/image/tabitemse.png") no-repeat;
527 background-size: 100% 100%; 527 background-size: 100% 100%;
528 } 528 }
529 529
530 .from-clues-content { 530 .from-clues-content {
531 margin-top: 0; 531 margin-top: 0;
532 background: none; 532 background: none;
533 padding: 0; 533 padding: 0;
534 } 534 }
535 535
536 .editDialogBox-box { 536 .editDialogBox-box {
537 position: relative; 537 position: relative;
538 top: 10px; 538 top: 10px;
539 height: 100%; 539 height: 100%;
540 } 540 }
541 541
542 .dialog-from { 542 .dialog-from {
543 padding-top: 0; 543 padding-top: 0;
544 544
545 .el-col { 545 .el-col {
...@@ -571,6 +571,6 @@ export default { ...@@ -571,6 +571,6 @@ export default {
571 color: #d7eaee; 571 color: #d7eaee;
572 margin: 3px 0; 572 margin: 3px 0;
573 } 573 }
574 } 574 }
575 </style> 575 </style>
576 576
......
...@@ -177,9 +177,12 @@ ...@@ -177,9 +177,12 @@
177 white-space: nowrap; 177 white-space: nowrap;
178 b { 178 b {
179 font-size: 16px; 179 font-size: 16px;
180 font-weight: 600;
181 } 180 }
182 } 181 }
182 .el-dialog__headerbtn {
183 right: 20px !important;
184 top: 23px !important;
185 }
183 } 186 }
184 } 187 }
185 </style> 188 </style>
......
...@@ -412,6 +412,6 @@ ...@@ -412,6 +412,6 @@
412 }; 412 };
413 </script> 413 </script>
414 <style scoped lang="scss"> 414 <style scoped lang="scss">
415 @import "~@/styles/mixin.scss"; 415 // @import "~@/styles/mixin.scss";
416 @import "~@/styles/dialogBox.scss"; 416 // @import "~@/styles/dialogBox.scss";
417 </style> 417 </style>
......
...@@ -210,9 +210,12 @@ ...@@ -210,9 +210,12 @@
210 white-space: nowrap; 210 white-space: nowrap;
211 b { 211 b {
212 font-size: 16px; 212 font-size: 16px;
213 font-weight: 600;
214 } 213 }
215 } 214 }
215 .el-dialog__headerbtn {
216 right: 20px !important;
217 top: 23px !important;
218 }
216 } 219 }
217 .selbig { 220 .selbig {
218 width: 500px; 221 width: 500px;
......