Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
61c6d9a4 by xiaomiao
Options

弹框样式正路

1 parent b16b26e4
Inline Side-by-side
Showing 21 changed files with 918 additions and 212 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-24 17:24:52 4 * @LastEditTime: 2023-03-27 14:25:19
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import router from "./router"; 7 import router from "./router";
...@@ -33,7 +33,6 @@ router.beforeEach(async (to, from, next) => { ...@@ -33,7 +33,6 @@ router.beforeEach(async (to, from, next) => {
33 if (!hasUser) { 33 if (!hasUser) {
34 store.dispatch("user/getUserInfo"); 34 store.dispatch("user/getUserInfo");
35 } 35 }
36 debugger
37 if (hasAddRoute) { 36 if (hasAddRoute) {
38 next(); 37 next();
39 } else { 38 } else {
......
1 1 // .dialogCon {
2 // background: #031A46;
3 // -webkit-box-shadow: inset 0px 0px 12px 0px #02d9fd;
4 // box-shadow: inset 0px 0px 12px 0px #02d9fd;
5 // border-radius: 0px 2px 2px 2px;
6 // border: 1px solid #6BC1FC;
7 // padding: 15px;
8 // }
......
1 @import './variables.scss'; 1 @import './variables.scss';
2 @import './mixin.scss'; 2 @import './mixin.scss';
3 @import './transition.scss'; 3 @import './transition.scss';
4
4 // @import './element-ui.scss'; 5 // @import './element-ui.scss';
5 /* CSS 初始化 */ 6 /* CSS 初始化 */
6 html, 7 html,
...@@ -430,16 +431,6 @@ aside { ...@@ -430,16 +431,6 @@ aside {
430 border-radius: 16px; 431 border-radius: 16px;
431 color: #B06974; 432 color: #B06974;
432 } 433 }
433
434 // 弹框中间区域样式
435 .dialogCon {
436 background: #031A46;
437 box-shadow: inset 0px 0px 12px 0px #02D9FD;
438 border-radius: 0px 2px 2px 2px;
439 border: 1px solid #6BC1FC;
440 padding: 15px;
441 }
442
443 // 通过 入库 样式 434 // 通过 入库 样式
444 .adopt, 435 .adopt,
445 .success { 436 .success {
......
...@@ -545,8 +545,12 @@ table td { ...@@ -545,8 +545,12 @@ table td {
545 545
546 // 提示框 546 // 提示框
547 .el-message-box { 547 .el-message-box {
548 background-color: #031a46; 548 background: #031A46;
549 border: 1px solid #5f82c7; 549 -webkit-box-shadow: inset 0px 0px 12px 0px #02d9fd;
550 box-shadow: inset 0px 0px 12px 0px #02d9fd;
551 border-radius: 0px 2px 2px 2px;
552 border: 1px solid #6BC1FC;
553 padding: 15px;
550 554
551 .el-message-box__title { 555 .el-message-box__title {
552 color: white; 556 color: white;
......
...@@ -222,49 +222,6 @@ ...@@ -222,49 +222,6 @@
222 text-align: right; 222 text-align: right;
223 } 223 }
224 224
225 // 修改弹框样式
226 .modifydialog {
227 .el-dialog__header {
228 text-align: center;
229 margin-bottom: 10px;
230
231 .el-dialog__title {
232 color: white;
233 }
234 }
235
236 .el-form-item__label {
237 color: white;
238 }
239
240 .el-input__inner {
241 background-color: #07388b;
242 }
243
244 .el-input__inner {
245 background: #07388b;
246 border-radius: 2px;
247 border: 1px solid #6bc1fc;
248 }
249
250 .el-textarea__inner {
251 background: #07388b;
252 color: #fff;
253 }
254
255 .el-form-item__label {
256 color: #fff;
257 }
258
259 .el-dialog__header {
260 text-align: center;
261 margin-bottom: 10px;
262
263 .el-dialog__title {
264 color: white;
265 }
266 }
267 }
268 225
269 // 角色管理人员菜单配置弹框样式 226 // 角色管理人员菜单配置弹框样式
270 .roleconfiguration { 227 .roleconfiguration {
...@@ -994,6 +951,39 @@ ...@@ -994,6 +951,39 @@
994 951
995 // 人员管理角色管理菜单管理修改新增弹框样式 952 // 人员管理角色管理菜单管理修改新增弹框样式
996 .PersonnelDialog { 953 .PersonnelDialog {
954
955 .el-dialog__header {
956 text-align: center;
957 margin-bottom: 10px;
958
959 .el-dialog__title {
960 color: white;
961 }
962 }
963
964 .el-form-item__label {
965 color: white;
966 }
967
968 .el-input__inner {
969 background-color: #07388b;
970 }
971
972 .el-input__inner {
973 background: #07388b;
974 border-radius: 2px;
975 border: 1px solid #6bc1fc;
976 }
977
978 .el-textarea__inner {
979 background: #07388b;
980 color: #fff;
981 }
982
983 .el-form-item__label {
984 color: #fff;
985 }
986
997 .el-dialog__header { 987 .el-dialog__header {
998 .dialog_title { 988 .dialog_title {
999 display: -webkit-box; 989 display: -webkit-box;
...@@ -1024,3 +1014,69 @@ ...@@ -1024,3 +1014,69 @@
1024 width: 500px; 1014 width: 500px;
1025 } 1015 }
1026 } 1016 }
1017
1018 // 弹框中间区域样式
1019 .dialogCon {
1020 background: #031A46;
1021 box-shadow: inset 0px 0px 12px 0px #02D9FD;
1022 border-radius: 0px 2px 2px 2px;
1023 border: 1px solid #6BC1FC;
1024 padding: 15px;
1025 }
1026
1027 // 修改密码界面样式
1028 .informationpassword {
1029 margin: 36px 200px;
1030 overflow-y: auto;
1031
1032 .form-wrapper {
1033 padding: 24px 120px 0px;
1034
1035 .el-form-item {
1036 margin-bottom: 24px;
1037
1038 .el-form-item__label {
1039 color: #ffffff;
1040 }
1041
1042 .el-input .el-input__inner {
1043 padding: 0 8px;
1044 height: 40px;
1045 line-height: 40px;
1046 border: 1px solid #6bc1fc;
1047 }
1048 }
1049 }
1050
1051 .bottom-wrapper {
1052 padding: 32px 120px 24px;
1053 text-align: center;
1054 }
1055 }
1056
1057 // 修改基本信息界面样式
1058 .informationbase {
1059 margin: 0.1875rem 1.0417rem;
1060 overflow-y: auto;
1061 .form-wrapper {
1062 padding: 0px 120px 0px;
1063 .el-form-item {
1064 /deep/.el-form-item__label {
1065 color: #ffffff;
1066 }
1067 ::v-deep .el-input .el-input__inner {
1068 padding: 0 8px;
1069 height: 40px;
1070 line-height: 40px;
1071 border: 1px solid #6bc1fc;
1072 }
1073 }
1074 .el-form-item--small.el-form-item {
1075 margin-bottom: 16px;
1076 }
1077 }
1078 .bottom-wrapper {
1079 padding: 0px 120px 0px;
1080 text-align: center;
1081 }
1082 }
......
1 @import '~@/styles/sbElement-ui.scss'; 1 @import '~@/styles/sbElement-ui.scss';
2 2
3
3 .from-clues { 4 .from-clues {
4 height: 100%; 5 height: 100%;
5 width: 100%; 6 width: 100%;
...@@ -142,3 +143,752 @@ ...@@ -142,3 +143,752 @@
142 ; 143 ;
143 background-size: cover; 144 background-size: cover;
144 } 145 }
146
147 // 角色管理人员菜单配置弹框样式
148 .roleconfiguration {
149 .el-dialog__close {
150 font-size: 16px !important;
151 }
152
153 }
154
155 // 面包屑
156 .breadcrumb {
157 width: 80%;
158 text-indent: 10px;
159 background: url("~@/image/breadcrumb.png") no-repeat;
160 background-size: 100% 100%;
161 line-height: 32px;
162 height: 32px;
163 padding-left: 35px;
164 margin: 8px 0 10px 6px;
165 color: #CEF8FF;
166 }
167
168 .el-icon-arrow-right {
169 width: 2px;
170 position: relative;
171 left: 10px;
172 color: #FFFFFF;
173 }
174
175 .el-breadcrumb__inner {
176 color: #CEF8FF !important;
177 }
178
179 .breadcrumb1366 {
180 padding: 10px 0 !important;
181 }
182
183 .cur-location {
184 font-size: 16px;
185 color: white;
186 line-height: 40px;
187 float: left;
188
189 img {
190 position: relative;
191 top: 3px;
192 margin-right: 4px;
193 }
194 }
195
196 .el-breadcrumb__inner a,
197 .el-breadcrumb__inner.is-link {
198 color: white;
199 cursor: text;
200 font-weight: normal;
201 }
202
203 // .button {
204 // width: 76px;
205 // height: 32px;
206 // color: #ffffff;
207 // cursor: pointer;
208 // border: 0;
209 // font-size: 12px;
210 // }
211
212 // // 按钮样式
213 // .cx {
214 // background: url("../image/btn.png") no-repeat 0 -34px;
215 // background-size: cover;
216 // }
217
218 // .cx:hover {
219 // background: url("../image/btn.png") no-repeat 0 -34px;
220 // background-size: cover;
221 // color: white;
222 // }
223
224 // .cz {
225 // background: url("../image/btn.png") no-repeat 0 0;
226 // background-size: cover;
227 // }
228
229 // .cz:hover {
230 // background: url("../image/btn.png") no-repeat 0 0;
231 // background-size: cover;
232 // color: white;
233 // }
234
235 // .el-button:focus {
236 // background: none;
237 // }
238
239 // .cx:focus {
240 // background: url("../image/btn.png") no-repeat 0 -34px;
241 // background-size: cover;
242 // color: white;
243 // }
244
245 // .cz:focus {
246 // background: url("../image/btn.png") no-repeat 0 0;
247 // background-size: cover;
248 // color: white;
249 // }
250
251 // 监管弹框样式
252 .dialogBox {
253 overflow: hidden;
254 // min-height: 90vh;
255
256 .dialog_title {
257 // display: flex;
258 // position: relative;
259 // font-size: 22px;
260 // top: -10px;
261 // width: 38%;
262 // height: 40px;
263 // margin-left: 28px;
264 // justify-content: center;
265 // white-space: nowrap;
266
267 b {
268 // font-weight: 200;
269 // display: inline-block;
270 // position: relative;
271 font-size: 24px;
272 // top: -11px;
273 // width: 38%;
274 // height: 40px;
275 // margin-left: 28px;
276 // // @include flex-center;
277 display: flex;
278 justify-content: center;
279 }
280 }
281
282 .dialog_full {
283 position: absolute;
284 top: 0;
285 right: 30px;
286 }
287
288 .el-dialog__body {
289 max-height: 88vh;
290 overflow-x: hidden;
291 overflow-y: hidden;
292 }
293
294 .dialog_footer {
295 margin-bottom: 8px;
296 display: flex;
297 justify-content: center;
298 align-items: center;
299 }
300
301 .dialogBox-content {
302 height: auto
303 }
304
305 .editDialogBox-box {
306 border-radius: 3px;
307 border: 1px solid #6BC1FC;
308
309 .el-form-item__label {
310 color: #000000;
311 }
312
313 .el-form-item__content {
314 color: #000000;
315 }
316 }
317
318 .item-content-input {
319 .el-input__inner {
320 border: none !important;
321 text-align: right;
322 }
323 }
324
325 .regularHeight {
326 display: flex;
327 flex-direction: column;
328 height: 87vh;
329
330 .editDialogBox-con,
331 .JsonEditor {
332 flex: 1;
333 height: 100%;
334 }
335 }
336
337 .dialog-from {
338 padding: 13px;
339 border-radius: 2px;
340 box-sizing: border-box;
341
342 .el-row {
343 display: flex;
344 flex-wrap: nowrap;
345 }
346
347 .el-col {
348 line-height: 18px;
349 display: flex;
350 align-items: center;
351 margin-bottom: 3px;
352 color: #000000;
353 border-radius: 2px;
354 border: 1px solid #224C7C;
355
356 span {
357 display: inline-block;
358 padding: 3px;
359 border-radius: 3px;
360 overflow: hidden;
361 white-space: nowrap;
362 text-align: left;
363 color: #02D9FD;
364 }
365
366 p {
367 flex: 1;
368 width: 100%;
369 padding-left: 5px;
370 line-height: 20px;
371 color: #000307;
372 cursor: not-allowed;
373 white-space: nowrap;
374 margin-right: 5px;
375 text-align: right;
376 }
377 }
378
379 }
380
381 .el-textarea__inner {
382 // border: 1px solid #224C7C;
383 // margin: 0 0 10px 0 !important;
384 // width: 100% !important;
385 // color: #dadde3 !important;
386 // background: transparent !important;
387 }
388
389 .el-input__inner {
390 // border: 1px solid #224C7C !important;
391 // margin: 0 !important;
392 // width: 100% !important;
393 // color: #111111 !important;
394 // background: transparent !important;
395 }
396
397 .el-dialog__header {
398 color: #070000;
399 // height: 46px !important;
400 // width: 97%;
401 // margin: 0 auto;
402 // margin-top: 2px;
403 }
404
405 .el-dialog__body {
406 padding-top: 0;
407 padding-bottom: 0;
408 // height: 95vh;
409 }
410
411 // .el-dialog__headerbtn {
412 // right: 40px;
413 // top: 33px;
414
415 // &:hover {
416 // // background: rgb(4, 172, 250);
417 // right: 40px;
418 // top: 33px;
419 // }
420 // }
421
422
423 .el-form-item {
424 display: flex;
425 width: 100%;
426 }
427
428 }
429
430 .contentCenter {
431 position: absolute;
432 top: 50%;
433 left: 50%;
434 transform: translate(calc(-50% + 85px), -50%);
435 }
436
437 .mainCenter {
438 position: absolute;
439 top: 50%;
440 left: 50%;
441 transform: translate(-50%, -50%);
442
443 // 展开收起按钮位置
444 .el-input__suffix {
445 right: 10px;
446 }
447 }
448
449 // 登簿日志弹出框
450 .entryJournal {
451 .el-tabs__header {
452 margin: 0;
453 }
454
455 .el-dialog {
456 display: flex;
457 flex-direction: column;
458 }
459
460 .el-dialog__body {
461 display: flex;
462 flex-direction: column;
463 padding-bottom: 30px;
464 height: 100%;
465 flex: 1;
466 position: relative;
467 }
468
469 .regularHeight {
470 display: flex;
471 flex-direction: column;
472 height: 87vh;
473 margin-bottom: 5px;
474
475 .editDialogBox-con,
476 .JsonEditor {
477 flex: 1;
478 }
479 }
480
481 .d-center {}
482
483 .dialog_title {
484 top: -6px
485 }
486
487 .el-tabs__item {
488 color: #CEF8FF !important;
489
490 display: flex;
491 flex-direction: row;
492 justify-content: center;
493 background: url("~@/image/tabitem.png") no-repeat;
494 background-size: 100% 100%;
495 border: none !important;
496 }
497
498 .el-tabs__nav {
499 display: flex;
500 border: none !important;
501 }
502
503 .el-tabs__item.is-top:not(:last-child) {
504 margin-right: 5px;
505 }
506
507 .el-icon-circle-close {
508 display: none;
509 }
510
511 .el-tabs__item.is-active {
512 background: url("~@/image/tabitemse.png") no-repeat;
513 background-size: 100% 100%;
514 }
515
516 .from-clues-content {
517 margin-top: 0;
518 background: none;
519 padding: 0;
520 }
521
522 .editDialogBox-box {
523 position: relative;
524 top: 10px;
525 height: 100%;
526 }
527
528 .dialog-from {
529 padding-top: 0;
530
531 .el-col {
532 justify-content: space-between;
533 }
534
535 .bz {
536 height: 100%;
537 position: relative;
538 top: 3px;
539 }
540
541 .el-input {
542 flex: 1;
543 width: 100%;
544 }
545
546 .el-textarea__inner {
547 border: none !important;
548 margin: 0;
549 }
550
551 &_header {
552 margin: 0 -5px !important;
553 }
554
555 &_title {
556 font-size: 14px;
557 color: #d7eaee;
558 margin: 3px 0;
559 }
560 }
561 }
562
563 // 数据上报弹出框
564 .dataReporting {
565 .el-dialog__body {
566 display: flex;
567 flex-direction: column;
568 padding-bottom: 30px;
569 }
570
571 .el-tabs {
572 color: #cef8ff;
573 }
574
575 .d-center {
576 z-index: 1000;
577 }
578
579 .sjmx {
580 display: flex;
581 flex-direction: column;
582 height: 49vh;
583
584 .el-tabs__item {
585 height: 50px;
586 padding-top: 6px;
587 }
588 }
589
590 .result {
591 flex: 1;
592 height: 100%;
593 }
594
595 .editDialogBox-con {
596 flex: 1;
597 height: 100%;
598 overflow-y: hidden;
599 }
600
601 .el-tabs__item {
602 color: #cef8ff !important;
603
604 display: flex;
605 flex-direction: row;
606 justify-content: center;
607 background: url("~@/image/tabitem.png") no-repeat;
608 background-size: 100% 100%;
609 border: none !important;
610 }
611
612 .obligee-item-name {
613 background: #05275b;
614 color: #ffffff;
615 background: url("~@/image/itembg.png") no-repeat;
616 background-size: 100% 100%;
617 }
618
619 .el-tabs__nav-scroll {
620 background: none;
621 }
622
623 .el-tabs__nav {
624 display: flex;
625 border: none !important;
626 }
627
628 .el-tabs__item.is-top {
629 border: 1px solid #dfe4ed;
630 border-top: 1px solid #dfe4ed;
631 border-bottom: 1px solid transparent;
632 }
633
634 .el-tabs__header {
635 border: none;
636 margin-bottom: 0;
637 }
638
639 .el-tabs__item.is-top:not(:last-child) {
640 margin-right: 5px;
641 }
642
643 .el-tabs__item.is-top {
644 background-color: none !important;
645 }
646
647 .el-tabs__item.is-active {
648 background: url("~@/image/tabitemse.png") no-repeat;
649 background-size: 100% 100%;
650 }
651
652 .success-images {
653 width: 30px;
654 height: 30px;
655 position: relative;
656 top: 10px;
657 right: 3px;
658 }
659
660 .tab-pane-item {
661 line-height: 20px;
662 color: #02d9fd;
663
664 p {
665 text-align: center;
666 }
667 }
668
669 .edit-content {
670 overflow-y: auto;
671 overflow-x: hidden;
672 padding-right: 1px;
673 border-top: none;
674 }
675
676 .editDialogBox {
677 border-radius: 8px;
678 overflow: hidden;
679 min-width: 1228px;
680
681 .el-dialog__header {
682 display: flex;
683 margin-bottom: 10px;
684 }
685
686 .dialog_footer {
687 flex-direction: column;
688
689 .dialog_button {
690 margin-top: 8px;
691 }
692 }
693
694 .divider {
695 width: 100%;
696 border-bottom: 1px solid #ccc;
697 }
698 }
699
700 .el-dialog__wrapper {
701 overflow: hidden;
702 }
703
704 .dialog-from {
705 padding-top: 0;
706
707 .el-col {
708 justify-content: space-between;
709 }
710
711 .bz {
712 height: 100%;
713 position: relative;
714 top: 3px;
715 }
716
717 .el-select {
718 padding-right: 15px;
719 }
720
721 .el-icon-circle-close {
722 display: none;
723 }
724
725 .el-input__suffix {
726 right: -25px !important;
727 top: -5px;
728 }
729
730 .el-select,
731 .el-input {
732 flex: 1;
733 width: 100%;
734 }
735
736 .el-textarea__inner {
737 border: none !important;
738 margin: 0;
739 }
740
741 &_header {
742 margin: 0 -5px !important;
743 }
744
745 &_title {
746 font-size: 18px;
747 color: #d7eaee;
748 margin: 3px 0;
749 }
750 }
751 }
752
753 // 人员管理上下移动按钮样式
754 .el-button.is-disabled.el-button--text {
755 width: 64px;
756 height: 28px;
757 background: rgba(255, 255, 255, 0.1);
758 border-radius: 16px;
759 }
760
761 // 人员管理角色管理菜单管理修改新增弹框样式
762 .PersonnelDialog {
763
764 .el-dialog__header {
765 text-align: center;
766 margin-bottom: 10px;
767
768 .el-dialog__title {
769 color: rgb(0, 0, 0);
770 }
771 }
772
773 .el-form-item__label {
774 color: rgb(0, 0, 0);
775 }
776
777 .el-input__inner {
778 // background-color: #07388b;
779 }
780
781 .el-input__inner {
782 // background: #07388b;
783 // border-radius: 2px;
784 // border: 1px solid #6bc1fc;
785 }
786
787 .el-textarea__inner {
788 // background: #07388b;
789 // color: rgb(0, 0, 0);
790 }
791
792 .el-form-item__label {
793 color: rgb(2, 0, 0);
794 }
795
796 .el-dialog__header {
797 .dialog_title {
798 // display: -webkit-box;
799 // display: -ms-flexbox;
800 // display: flex;
801 // position: relative;
802 // top: -7px;
803 // width: 29%;
804 // height: 40px;
805 // margin-left: 28px;
806 // -webkit-box-pack: center;
807 // -ms-flex-pack: center;
808 // justify-content: center;
809 // white-space: nowrap;
810
811 b {
812 font-size: 16px;
813 }
814 }
815
816 .el-dialog__headerbtn {
817 right: 20px !important;
818 top: 23px !important;
819 }
820 }
821
822 .selbig {
823 width: 500px;
824 }
825 }
826
827 // 弹框中间区域样式
828 .dialogCon {
829 background: #ffffff;
830 border: 1px solid #294ef1;
831 padding: 15px;
832 }
833
834 // 修改密码界面样式
835 .informationpassword {
836 margin: 36px 200px;
837 overflow-y: auto;
838
839 .form-wrapper {
840 padding: 24px 120px 0px;
841
842 .el-form-item {
843 margin-bottom: 24px;
844
845 .el-form-item__label {
846 color: #000000;
847 }
848
849 .el-input .el-input__inner {
850 padding: 0 8px;
851 height: 40px;
852 line-height: 40px;
853 border: 1px solid #6bc1fc;
854 }
855 }
856 }
857
858 .bottom-wrapper {
859 padding: 32px 120px 24px;
860 text-align: center;
861 }
862 }
863
864 // 修改基本信息界面样式
865 .informationbase {
866 margin: 0.1875rem 1.0417rem;
867 overflow-y: auto;
868
869 .form-wrapper {
870 padding: 0px 120px 0px;
871
872 .el-form-item {
873 /deep/.el-form-item__label {
874 color: #000000;
875 }
876
877 ::v-deep .el-input .el-input__inner {
878 padding: 0 8px;
879 height: 40px;
880 line-height: 40px;
881 border: 1px solid #6bc1fc;
882 }
883 }
884
885 .el-form-item--small.el-form-item {
886 margin-bottom: 16px;
887 }
888 }
889
890 .bottom-wrapper {
891 padding: 0px 120px 0px;
892 text-align: center;
893 }
894 }
......
...@@ -42,8 +42,8 @@ ...@@ -42,8 +42,8 @@
42 </template> 42 </template>
43 43
44 <script> 44 <script>
45 import sjsbTask from '@/api/sjsbTask.js' 45 import sjsbTask from '@/api/sjsbTask.js'
46 export default { 46 export default {
47 props: { 47 props: {
48 value: { type: Boolean, default: false }, 48 value: { type: Boolean, default: false },
49 taskData: { 49 taskData: {
...@@ -145,33 +145,33 @@ export default { ...@@ -145,33 +145,33 @@ export default {
145 } 145 }
146 } 146 }
147 } 147 }
148 } 148 }
149 </script> 149 </script>
150 <style rel="stylesheet/scss" lang="scss" scoped> 150 <style rel="stylesheet/scss" lang="scss" scoped>
151 /deep/.dialogBox .dialog_title { 151 // /deep/.dialogBox .dialog_title {
152 margin-left: 5px !important; 152 // margin-left: 5px !important;
153 } 153 // }
154 154
155 /deep/.el-dialog__headerbtn { 155 // /deep/.el-dialog__headerbtn {
156 margin-top: -12px; 156 // margin-top: -12px;
157 } 157 // }
158 158
159 .editDialogBox-box { 159 // .editDialogBox-box {
160 margin: 14px 18px 30px 18px !important 160 // margin: 14px 18px 30px 18px !important
161 } 161 // }
162 162
163 /deep/.el-form-item__label { 163 // /deep/.el-form-item__label {
164 color: #fff; 164 // color: #fff;
165 } 165 // }
166 166
167 /deep/.el-form-item { 167 // /deep/.el-form-item {
168 color: #fff; 168 // color: #fff;
169 margin-bottom: 10px; 169 // margin-bottom: 10px;
170 } 170 // }
171 171
172 /deep/ .el-input__inner { 172 // /deep/ .el-input__inner {
173 background-color: transparent; 173 // background-color: transparent;
174 border: 1px solid #458ACF; 174 // border: 1px solid #458ACF;
175 } 175 // }
176 </style> 176 </style>
177 177
......
...@@ -25,15 +25,15 @@ ...@@ -25,15 +25,15 @@
25 </template> 25 </template>
26 26
27 <script> 27 <script>
28 import { 28 import {
29 getUuid, 29 getUuid,
30 judgeSort, 30 judgeSort,
31 realMove, 31 realMove,
32 findParents, 32 findParents,
33 removeTreeListItem, 33 removeTreeListItem,
34 } from "@/utils/operation"; 34 } from "@/utils/operation";
35 import { editDictNode, getChildDictList } from "@/api/dict"; 35 import { editDictNode, getChildDictList } from "@/api/dict";
36 export default { 36 export default {
37 props: { 37 props: {
38 value: { type: Boolean, default: false }, 38 value: { type: Boolean, default: false },
39 details: { 39 details: {
...@@ -355,42 +355,7 @@ export default { ...@@ -355,42 +355,7 @@ export default {
355 this.key++; 355 this.key++;
356 }, 356 },
357 }, 357 },
358 }; 358 };
359 </script> 359 </script>
360 <style rel="stylesheet/scss" lang="scss" scoped> 360 <style rel="stylesheet/scss" lang="scss" scoped>
361
362 /deep/.el-radio {
363 margin-right: 5px !important;
364 display: flex;
365 }
366
367 /deep/.el-radio__label {
368 display: block;
369 }
370
371 /deep/.el-form-item__label {
372 color: #fff;
373 }
374
375 /deep/.el-form-item {
376 color: #fff;
377 margin-bottom: 10px;
378 }
379
380 /deep/.el-radio-group {
381 display: flex;
382 align-items: center;
383 justify-content: center;
384 }
385
386 .editDialogBox-box {
387 margin: 14px 18px 30px 18px !important
388 }
389
390 .opacity-input {
391 /deep/ .el-input__inner {
392 background-color: transparent;
393 border: 1px solid #458ACF;
394 }
395 }
396 </style> 361 </style>
......
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px"> 5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px">
6 <el-form-item> 6 <el-form-item v-if="BASE_API.THEME=='jg'">
7 <Breadcrumb /> 7 <Breadcrumb />
8 </el-form-item> 8 </el-form-item>
9 <el-row :gutter="20"> 9 <el-row :gutter="20" class="mb-5">
10 <el-col :span="6"> 10 <el-col :span="6">
11 <el-form-item label="字典类型编码"> 11 <el-form-item label="字典类型编码">
12 <el-input v-model="ruleForm.dcode" @clear="queryClick" clearable placeholder="字典类型编码"></el-input> 12 <el-input v-model="ruleForm.dcode" @clear="queryClick" clearable placeholder="字典类型编码"></el-input>
...@@ -36,11 +36,11 @@ ...@@ -36,11 +36,11 @@
36 </div> 36 </div>
37 </template> 37 </template>
38 <script> 38 <script>
39 import table from "@/utils/mixin/table" 39 import table from "@/utils/mixin/table"
40 import { getQlxxDictList, refreshDictCache } from "@/api/dict.js" 40 import { getQlxxDictList, refreshDictCache } from "@/api/dict.js"
41 import { datas, sendThis } from "./dictionaries" 41 import { datas, sendThis } from "./dictionaries"
42 import editDialog from "./components/editDialog.vue" 42 import editDialog from "./components/editDialog.vue"
43 export default { 43 export default {
44 name: "djbcx", 44 name: "djbcx",
45 components: { 45 components: {
46 editDialog 46 editDialog
...@@ -126,11 +126,11 @@ export default { ...@@ -126,11 +126,11 @@ export default {
126 this.isDialog = true 126 this.isDialog = true
127 } 127 }
128 } 128 }
129 }; 129 };
130 </script> 130 </script>
131 <style scoped lang="scss"> 131 <style scoped lang="scss">
132 /deep/.dialogBox .dialog_title { 132 /deep/.dialogBox .dialog_title {
133 top: 0; 133 top: 0;
134 margin-left: 5px; 134 margin-left: 5px;
135 } 135 }
136 </style> 136 </style>
......
1 <template> 1 <template>
2 <div class="content"> 2 <div class="informationbase">
3 <div class="user-info">
4 <el-form 3 <el-form
5 ref="form" 4 ref="form"
6 label-width="100px" 5 label-width="100px"
...@@ -38,7 +37,6 @@ ...@@ -38,7 +37,6 @@
38 <btn nativeType="cx" type="primary" @click="updateInfo">更新信息</btn> 37 <btn nativeType="cx" type="primary" @click="updateInfo">更新信息</btn>
39 </div> 38 </div>
40 </div> 39 </div>
41 </div>
42 </template> 40 </template>
43 41
44 <script> 42 <script>
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <div class="information from-clues"> 10 <div class="information from-clues">
11 <div class="from-clues-header"> 11 <div class="from-clues-header">
12 <el-form ref="ruleForm" label-width="100px"> 12 <el-form ref="ruleForm" label-width="100px">
13 <el-form-item> 13 <el-form-item v-if="BASE_API.THEME=='jg'">
14 <Breadcrumb /> 14 <Breadcrumb />
15 </el-form-item> 15 </el-form-item>
16 <el-row class="mb-5"> 16 <el-row class="mb-5">
...@@ -67,7 +67,6 @@ ...@@ -67,7 +67,6 @@
67 </script> 67 </script>
68 68
69 <style scoped lang="scss"> 69 <style scoped lang="scss">
70 @import "~@/styles/mixin.scss";
71 .information { 70 .information {
72 display: flex; 71 display: flex;
73 flex-direction: column; 72 flex-direction: column;
......
1 <template> 1 <template>
2 <div class="content"> 2 <div class="informationpassword">
3 <div class="user-info">
4 <el-form 3 <el-form
5 ref="form" 4 ref="form"
6 label-width="100px" 5 label-width="100px"
...@@ -33,7 +32,6 @@ ...@@ -33,7 +32,6 @@
33 <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn> 32 <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn>
34 </div> 33 </div>
35 </div> 34 </div>
36 </div>
37 </template> 35 </template>
38 36
39 <script> 37 <script>
...@@ -110,27 +108,4 @@ ...@@ -110,27 +108,4 @@
110 </script> 108 </script>
111 109
112 <style scoped lang="scss"> 110 <style scoped lang="scss">
113 .user-info {
114 margin: 36px 200px;
115 overflow-y: auto;
116 .form-wrapper {
117 padding: 24px 120px 0px;
118 /deep/.el-form-item {
119 margin-bottom: 24px;
120 .el-form-item__label {
121 color: #ffffff;
122 }
123 .el-input .el-input__inner {
124 padding: 0 8px;
125 height: 40px;
126 line-height: 40px;
127 border: 1px solid #6bc1fc;
128 }
129 }
130 }
131 .bottom-wrapper {
132 padding: 32px 120px 24px;
133 text-align: center;
134 }
135 }
136 </style> 111 </style>
......
1 <template> 1 <template>
2 <dialogBox class="modifydialog PersonnelDialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm" 2 <dialogBox class="PersonnelDialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm"
3 v-model="myValue"> 3 v-model="myValue">
4 <div class="dialogCon"> 4 <div class="dialogCon">
5 <el-form ref="form" :model="form" :rules="rules"> 5 <el-form ref="form" :model="form" :rules="rules">
...@@ -236,35 +236,4 @@ ...@@ -236,35 +236,4 @@
236 } 236 }
237 </script> 237 </script>
238 <style scoped lang="scss"> 238 <style scoped lang="scss">
239 // .modifydialog {
240 // &-con {
241 // background: #031a46;
242 // }
243
244 // /deep/.el-dialog__header {
245 // .dialog_title {
246 // display: -webkit-box;
247 // display: -ms-flexbox;
248 // display: flex;
249 // position: relative;
250 // top: -8px;
251 // width: 28%;
252 // height: 40px;
253 // margin-left: 28px;
254 // -webkit-box-pack: center;
255 // -ms-flex-pack: center;
256 // justify-content: center;
257 // white-space: nowrap;
258
259 // b {
260 // font-size: 16px;
261 // }
262 // }
263
264 // .el-dialog__headerbtn {
265 // right: 20px !important;
266 // top: 23px !important;
267 // }
268 // }
269 // }
270 </style> 239 </style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row class="mb-5"> 8 <el-row class="mb-5">
......
1 <!-- 新增 & 修改角色 --> 1 <!-- 新增 & 修改角色 -->
2 <template> 2 <template>
3 <dialogBox 3 <dialogBox
4 class="modifydialog PersonnelDialog" 4 class="PersonnelDialog"
5 :title="title" 5 :title="title"
6 :width="'567px'" 6 :width="'567px'"
7 :isMain="true" 7 :isMain="true"
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row class="mb-5"> 8 <el-row class="mb-5">
......
...@@ -412,6 +412,7 @@ ...@@ -412,6 +412,7 @@
412 }; 412 };
413 </script> 413 </script>
414 <style scoped lang="scss"> 414 <style scoped lang="scss">
415 // @import "~@/styles/mixin.scss"; 415 /deep/.dialogBox .el-dialog__header {
416 // @import "~@/styles/dialogBox.scss"; 416 height: 59px !important;
417 }
417 </style> 418 </style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row>
......
1 <template> 1 <template>
2 <dialogBox :title="title" :width="'867px'" class="modifydialog PersonnelDialog" @closeDialog="close" :isMain="true" @submitForm="submitForm" 2 <dialogBox :title="title" :width="'867px'" class="PersonnelDialog" @closeDialog="close" :isMain="true" @submitForm="submitForm"
3 v-model="myValue"> 3 v-model="myValue">
4 <div class="dialogCon"> 4 <div class="dialogCon">
5 <el-form ref="form" :model="form" :rules="rules"> 5 <el-form ref="form" :model="form" :rules="rules">
......
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row class="mt-10"> 8 <el-row class="mb-5">
9 <el-col :span="4"> 9 <el-col :span="4">
10 <el-form-item label="用户名" prop="loginName"> 10 <el-form-item label="用户名" prop="loginName">
11 <el-input v-model.trim="form.loginName" class="width100" clearable placeholder="用户名"></el-input> 11 <el-input v-model.trim="form.loginName" class="width100" clearable placeholder="用户名"></el-input>
...@@ -409,12 +409,4 @@ ...@@ -409,12 +409,4 @@
409 </script> 409 </script>
410 <style scoped lang="scss"> 410 <style scoped lang="scss">
411 @import "~@/styles/mixin.scss"; 411 @import "~@/styles/mixin.scss";
412 // .btnColRight {
413 // height: 30px;
414 // .button {
415 // position: absolute;
416 // left: 30px;
417 // }
418 // }
419
420 </style> 412 </style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="dictionary-config from-clues"> 2 <div class="dictionary-config from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="90px"> 4 <el-form ref="form" :model="form" label-width="90px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row>
......