Skip to content

bdc / bdcjg-web

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

上报弹框样式调整整理

1 parent 4e621960
Inline Side-by-side
Showing 17 changed files with 1246 additions and 492 deletions
1 .itemForm {
2 position: relative;
3 padding: 10px;
4
5 /deep/.el-select {
6 width: 100%;
7 }
8
9 /deep/.el-form-item__error {
10 right: 25px;
11 top: 15px;
12 text-align: right;
13 pointer-events: none;
14 }
15
16 /deep/.el-date-editor {
17 width: 100%;
18 }
19
20 /deep/.el-date-editor--date {
21 width: 100%;
22 }
23
24 /deep/.el-cascader {
25 width: 100%;
26 }
27
28 // table 样式
29 /deep/.el-form-item__label {
30 border-right: none;
31 text-align: center;
32 padding: 0;
33 color: #05bbdb;
34 line-height: 16px;
35 font-size: 12px;
36 margin-top: 8px !important;
37 }
38
39 /deep/.el-form-item__content {
40 display: flex;
41 margin-right: -1px;
42 }
43
44 .obligee-item-name,
45 .receivingInfo-item-name,
46 .auditInfo-item-name {
47 background: url("~@/image/itembg.png") no-repeat;
48 background-size: 100% 100%;
49 color: #FFFFFF;
50 }
51
52 /deep/.el-textarea__inner {
53 margin: 5px;
54 width: 96%;
55 background: none;
56 color: #FFFFFF;
57 border-radius: 2px;
58 border: 1px solid #6BC1FC;
59 }
60
61 /deep/.el-input-number {
62 width: 100%;
63 }
64
65 /deep/.el-input-number__increase {
66 background: #05275B;
67 color: #FFFFFF;
68 border: none;
69 right: 7px;
70 top: 2px;
71 }
72
73 /deep/.el-input-number__decrease {
74 background: #05275B;
75 color: #FFFFFF;
76 border: none;
77 right: 7px;
78 bottom: 10px;
79 }
80
81 /deep/.el-input__inner {
82 margin: 5px;
83 width: 96%;
84 background: #05275B;
85 border-radius: 2px;
86 border: 1px solid #6BC1FC;
87 text-align: left;
88
89 }
90
91 /deep/.el-form-item {
92 margin-bottom: 0;
93 margin-top: -1px;
94 }
95
96 .item-label {
97 display: flex;
98 align-items: flex-end;
99 flex-direction: column;
100 font-size: 12px;
101 flex: 0 0 90px;
102 margin-right: 3px;
103
104 p {
105 line-height: 16px;
106 white-space: nowrap;
107 text-align: right;
108 }
109
110 p:nth-child(1) {
111 position: relative;
112 right: 5px;
113 }
114 }
115 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 </div> 18 </div>
19 </template> 19 </template>
20 <script> 20 <script>
21 import { getReceiveDataReportResult } from "@/api/dataReport.js"; 21 import { getReceiveDataReportResult } from "@/api/dataReport.js";
22 export default { 22 export default {
23 components: {}, 23 components: {},
24 props: { 24 props: {
25 formData: { 25 formData: {
...@@ -40,43 +40,7 @@ export default { ...@@ -40,43 +40,7 @@ export default {
40 this.ERRORINFO = data.ERRORINFO 40 this.ERRORINFO = data.ERRORINFO
41 }) 41 })
42 } 42 }
43 } 43 }
44 </script> 44 </script>
45 <style scoped lang='scss'> 45 <style scoped lang='scss'>
46 .result {
47 padding: 15px;
48 height: 100%;
49
50 /deep/.el-textarea__inner {
51 height: 50%;
52 color: #ffffff;
53 border: none !important;
54 color: #ffffff;
55 }
56
57 &-con {
58 background: #04275B;
59 border-radius: 2px;
60 padding: 10px;
61 box-sizing: border-box;
62 height: 49%;
63
64 p {
65 color: #2997E8;
66 font-size: 14px;
67 position: relative;
68 padding-left: 10px;
69 }
70
71 p::before {
72 position: absolute;
73 content: '';
74 width: 3px;
75 height: 10px;
76 background-color: #2997E8;
77 left: 0;
78 top: 3px;
79 }
80 }
81 }
82 </style> 46 </style>
......
...@@ -16,11 +16,5 @@ export default { ...@@ -16,11 +16,5 @@ export default {
16 </script> 16 </script>
17 17
18 <style scoped lang="scss"> 18 <style scoped lang="scss">
19 /deep/.el-textarea__inner { 19
20 height: 67vh !important;
21 border: none !important;
22 background-color: #08346F !important;
23 color: #ffffff;
24 border: none !important;
25 }
26 </style> 20 </style>
......
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 // }
...@@ -505,6 +505,14 @@ ...@@ -505,6 +505,14 @@
505 border-radius: 2px; 505 border-radius: 2px;
506 border: 1px solid #6BC1FC; 506 border: 1px solid #6BC1FC;
507 margin: 0 18px 10px 18px; 507 margin: 0 18px 10px 18px;
508
509 // .el-form-item__label {
510 // color: #fff;
511 // }
512
513 // .el-form-item__content {
514 // color: #fff;
515 // }
508 } 516 }
509 517
510 .item-content-input { 518 .item-content-input {
...@@ -645,6 +653,14 @@ ...@@ -645,6 +653,14 @@
645 653
646 // 登簿日志弹出框 654 // 登簿日志弹出框
647 .entryJournal { 655 .entryJournal {
656 .el-textarea__inner {
657 height: 67vh !important;
658 border: none !important;
659 background-color: #08346F !important;
660 color: #ffffff;
661 border: none !important;
662 }
663
648 .el-tabs__header { 664 .el-tabs__header {
649 margin: 0; 665 margin: 0;
650 } 666 }
...@@ -1065,12 +1081,15 @@ ...@@ -1065,12 +1081,15 @@
1065 .informationbase { 1081 .informationbase {
1066 margin: 0.1875rem 1.0417rem; 1082 margin: 0.1875rem 1.0417rem;
1067 overflow-y: auto; 1083 overflow-y: auto;
1084
1068 .form-wrapper { 1085 .form-wrapper {
1069 padding: 0px 120px 0px; 1086 padding: 0px 120px 0px;
1087
1070 .el-form-item { 1088 .el-form-item {
1071 /deep/.el-form-item__label { 1089 /deep/.el-form-item__label {
1072 color: #ffffff; 1090 color: #ffffff;
1073 } 1091 }
1092
1074 ::v-deep .el-input .el-input__inner { 1093 ::v-deep .el-input .el-input__inner {
1075 padding: 0 8px; 1094 padding: 0 8px;
1076 height: 40px; 1095 height: 40px;
...@@ -1078,13 +1097,131 @@ ...@@ -1078,13 +1097,131 @@
1078 border: 1px solid #6bc1fc; 1097 border: 1px solid #6bc1fc;
1079 } 1098 }
1080 } 1099 }
1100
1081 .el-form-item--small.el-form-item { 1101 .el-form-item--small.el-form-item {
1082 margin-bottom: 16px; 1102 margin-bottom: 16px;
1083 } 1103 }
1084 } 1104 }
1105
1085 .bottom-wrapper { 1106 .bottom-wrapper {
1086 padding: 0px 120px 0px; 1107 padding: 0px 120px 0px;
1087 text-align: center; 1108 text-align: center;
1088 } 1109 }
1089 } 1110 }
1090 1111
1112 // 权利人信息样式
1113 .itemForm {
1114 position: relative;
1115 padding: 10px;
1116
1117 /deep/.el-select {
1118 width: 100%;
1119 }
1120
1121 /deep/.el-form-item__error {
1122 right: 25px;
1123 top: 15px;
1124 text-align: right;
1125 pointer-events: none;
1126 }
1127
1128 /deep/.el-date-editor {
1129 width: 100%;
1130 }
1131
1132 /deep/.el-date-editor--date {
1133 width: 100%;
1134 }
1135
1136 /deep/.el-cascader {
1137 width: 100%;
1138 }
1139
1140 // table 样式
1141 /deep/.el-form-item__label {
1142 border-right: none;
1143 text-align: center;
1144 padding: 0;
1145 color: #05bbdb;
1146 line-height: 16px;
1147 font-size: 12px;
1148 margin-top: 8px !important;
1149 }
1150
1151 /deep/.el-form-item__content {
1152 display: flex;
1153 margin-right: -1px;
1154 }
1155
1156 .obligee-item-name,
1157 .receivingInfo-item-name,
1158 .auditInfo-item-name {
1159 background: url("~@/image/itembg.png") no-repeat;
1160 background-size: 100% 100%;
1161 color: #FFFFFF;
1162 }
1163
1164 /deep/.el-textarea__inner {
1165 margin: 5px;
1166 width: 96%;
1167 background: none;
1168 color: #FFFFFF;
1169 border-radius: 2px;
1170 border: 1px solid #6BC1FC;
1171 }
1172
1173 /deep/.el-input-number {
1174 width: 100%;
1175 }
1176
1177 /deep/.el-input-number__increase {
1178 background: #05275B;
1179 color: #FFFFFF;
1180 border: none;
1181 right: 7px;
1182 top: 2px;
1183 }
1184
1185 /deep/.el-input-number__decrease {
1186 background: #05275B;
1187 color: #FFFFFF;
1188 border: none;
1189 right: 7px;
1190 bottom: 10px;
1191 }
1192
1193 /deep/.el-input__inner {
1194 margin: 5px;
1195 width: 96%;
1196 background: #05275B;
1197 border-radius: 2px;
1198 border: 1px solid #6BC1FC;
1199 text-align: left;
1200
1201 }
1202
1203 /deep/.el-form-item {
1204 margin-bottom: 0;
1205 margin-top: -1px;
1206 }
1207
1208 .item-label {
1209 display: flex;
1210 align-items: flex-end;
1211 flex-direction: column;
1212 font-size: 12px;
1213 flex: 0 0 90px;
1214 margin-right: 3px;
1215
1216 p {
1217 line-height: 16px;
1218 white-space: nowrap;
1219 text-align: right;
1220 }
1221
1222 p:nth-child(1) {
1223 position: relative;
1224 right: 5px;
1225 }
1226 }
1227 }
......
...@@ -85,7 +85,6 @@ input[type="number"] { ...@@ -85,7 +85,6 @@ input[type="number"] {
85 // to fixed https://github.com/ElemeFE/element/issues/2461 85 // to fixed https://github.com/ElemeFE/element/issues/2461
86 // refine element ui upload 86 // refine element ui upload
87 .el-input.is-disabled .el-input__inner { 87 .el-input.is-disabled .el-input__inner {
88 color: #FFFFFF !important;
89 background-color: transparent !important; 88 background-color: transparent !important;
90 border: 1px solid #224C7C !important; 89 border: 1px solid #224C7C !important;
91 } 90 }
......
...@@ -34,9 +34,9 @@ ...@@ -34,9 +34,9 @@
34 padding: 15px; 34 padding: 15px;
35 } 35 }
36 36
37 .el-dialog__close { 37 // .el-dialog__close {
38 font-size: 0; 38 // font-size: 0;
39 } 39 // }
40 40
41 .el-form-item { 41 .el-form-item {
42 display: flex; 42 display: flex;
...@@ -200,233 +200,6 @@ ...@@ -200,233 +200,6 @@
200 font-weight: normal; 200 font-weight: normal;
201 } 201 }
202 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 { 203 .contentCenter {
431 position: absolute; 204 position: absolute;
432 top: 50%; 205 top: 50%;
...@@ -448,8 +221,32 @@ ...@@ -448,8 +221,32 @@
448 221
449 // 登簿日志弹出框 222 // 登簿日志弹出框
450 .entryJournal { 223 .entryJournal {
224 .el-textarea__inner {
225 height: 67vh !important;
226 border: none !important;
227 background-color: #ffffff !important;
228 color: #000000 !important;
229 }
230
231 /deep/.dialog-from_header {
232 margin: 0 !important;
233
234
235 }
236
237 .el-dialog__headerbtn .el-dialog__close {
238 font-size: 20px;
239 color: white;
240 }
241
242 .el-dialog__header {
243 text-align: center;
244 font-size: 24px;
245 background-color: #3D59C4;
246 }
247
451 .el-tabs__header { 248 .el-tabs__header {
452 margin: 0; 249 margin: 0 !important;
453 } 250 }
454 251
455 .el-dialog { 252 .el-dialog {
...@@ -460,6 +257,7 @@ ...@@ -460,6 +257,7 @@
460 .el-dialog__body { 257 .el-dialog__body {
461 display: flex; 258 display: flex;
462 flex-direction: column; 259 flex-direction: column;
260 padding-top: 0px;
463 padding-bottom: 30px; 261 padding-bottom: 30px;
464 height: 100%; 262 height: 100%;
465 flex: 1; 263 flex: 1;
...@@ -481,18 +279,20 @@ ...@@ -481,18 +279,20 @@
481 .d-center {} 279 .d-center {}
482 280
483 .dialog_title { 281 .dialog_title {
484 top: -6px 282 color: white;
283 margin-bottom: 10px;
485 } 284 }
486 285
487 .el-tabs__item { 286 .el-tabs__item {
488 color: #CEF8FF !important; 287 color: #CEF8FF !important;
489 288 background-color: #3D59C4;
490 display: flex; 289 display: flex;
491 flex-direction: row; 290 flex-direction: row;
492 justify-content: center; 291 justify-content: center;
493 background: url("~@/image/tabitem.png") no-repeat; 292 // background: url("~@/image/tabitem.png") no-repeat;
494 background-size: 100% 100%; 293 // background-size: 100% 100%;
495 border: none !important; 294 border-radius: 3px;
295 border: 1px solid blue !important;
496 } 296 }
497 297
498 .el-tabs__nav { 298 .el-tabs__nav {
...@@ -509,8 +309,8 @@ ...@@ -509,8 +309,8 @@
509 } 309 }
510 310
511 .el-tabs__item.is-active { 311 .el-tabs__item.is-active {
512 background: url("~@/image/tabitemse.png") no-repeat; 312 // background: url("~@/image/tabitemse.png") no-repeat;
513 background-size: 100% 100%; 313 // background-size: 100% 100%;
514 } 314 }
515 315
516 .from-clues-content { 316 .from-clues-content {
...@@ -522,13 +322,16 @@ ...@@ -522,13 +322,16 @@
522 .editDialogBox-box { 322 .editDialogBox-box {
523 position: relative; 323 position: relative;
524 top: 10px; 324 top: 10px;
525 height: 100%; 325 // height: 100%;
526 } 326 }
527 327
528 .dialog-from { 328 .dialog-from {
529 padding-top: 0; 329 padding-top: 0;
530 330
531 .el-col { 331 .el-col {
332 height: 40px;
333 line-height: 40px;
334 display: flex;
532 justify-content: space-between; 335 justify-content: space-between;
533 } 336 }
534 337
...@@ -549,12 +352,13 @@ ...@@ -549,12 +352,13 @@
549 } 352 }
550 353
551 &_header { 354 &_header {
552 margin: 0 -5px !important; 355 // margin: 0 -5px !important;
553 } 356 }
554 357
555 &_title { 358 &_title {
556 font-size: 14px; 359 font-size: 14px;
557 color: #d7eaee; 360 font-weight: 600;
361 color: #000000;
558 margin: 3px 0; 362 margin: 3px 0;
559 } 363 }
560 } 364 }
...@@ -562,10 +366,29 @@ ...@@ -562,10 +366,29 @@
562 366
563 // 数据上报弹出框 367 // 数据上报弹出框
564 .dataReporting { 368 .dataReporting {
369 .el-dialog__header {
370 width: 100%;
371 display: flex;
372 justify-content: center;
373 font-size: 24px;
374 background-color: #3D59C4;
375
376 .dialog_title {
377
378 color: white;
379 margin-bottom: 10px;
380 }
381 }
382
383 .el-dialog__headerbtn .el-dialog__close {
384 font-size: 20px;
385 color: white;
386 }
387
565 .el-dialog__body { 388 .el-dialog__body {
389 padding-top: 0px;
566 display: flex; 390 display: flex;
567 flex-direction: column; 391 flex-direction: column;
568 padding-bottom: 30px;
569 } 392 }
570 393
571 .el-tabs { 394 .el-tabs {
...@@ -604,22 +427,63 @@ ...@@ -604,22 +427,63 @@
604 display: flex; 427 display: flex;
605 flex-direction: row; 428 flex-direction: row;
606 justify-content: center; 429 justify-content: center;
607 background: url("~@/image/tabitem.png") no-repeat; 430 // background: url("~@/image/tabitem.png") no-repeat;
608 background-size: 100% 100%; 431 // background-size: 100% 100%;
609 border: none !important; 432 background-color: #3D59C4;
433 border-radius: 3px;
434 border: 1px solid blue !important;
610 } 435 }
611 436
612 .obligee-item-name { 437 .obligee-item-name {
613 background: #05275b; 438 // background: url("~@/image/itembg.png") no-repeat;
614 color: #ffffff; 439 // background-size: 100% 100%;
615 background: url("~@/image/itembg.png") no-repeat; 440 background-color: #3D59C4;
616 background-size: 100% 100%; 441 border-radius: 3px;
442 border: 1px solid blue !important;
617 } 443 }
618 444
619 .el-tabs__nav-scroll { 445 .el-tabs__nav-scroll {
620 background: none; 446 background: none;
621 } 447 }
622 448
449 .result {
450 padding: 15px;
451 height: 100%;
452
453 /deep/.el-textarea__inner {
454 height: 50%;
455 color: #ffffff;
456 border: none !important;
457 color: #ffffff;
458 }
459
460 &-con {
461 background: #ffffff;
462 border: 1px solid blue;
463 border-radius: 2px;
464 padding: 10px;
465 box-sizing: border-box;
466 height: 49%;
467
468 p {
469 color: #2997E8;
470 font-size: 14px;
471 position: relative;
472 padding-left: 10px;
473 }
474
475 p::before {
476 position: absolute;
477 content: '';
478 width: 3px;
479 height: 10px;
480 background-color: #2997E8;
481 left: 0;
482 top: 3px;
483 }
484 }
485 }
486
623 .el-tabs__nav { 487 .el-tabs__nav {
624 display: flex; 488 display: flex;
625 border: none !important; 489 border: none !important;
...@@ -645,8 +509,8 @@ ...@@ -645,8 +509,8 @@
645 } 509 }
646 510
647 .el-tabs__item.is-active { 511 .el-tabs__item.is-active {
648 background: url("~@/image/tabitemse.png") no-repeat; 512 // background: url("~@/image/tabitemse.png") no-repeat;
649 background-size: 100% 100%; 513 // background-size: 100% 100%;
650 } 514 }
651 515
652 .success-images { 516 .success-images {
...@@ -705,6 +569,9 @@ ...@@ -705,6 +569,9 @@
705 padding-top: 0; 569 padding-top: 0;
706 570
707 .el-col { 571 .el-col {
572 height: 40px;
573 line-height: 40px;
574 display: flex;
708 justify-content: space-between; 575 justify-content: space-between;
709 } 576 }
710 577
...@@ -750,13 +617,13 @@ ...@@ -750,13 +617,13 @@
750 } 617 }
751 } 618 }
752 619
753 // 人员管理上下移动按钮样式 620 // // 人员管理上下移动按钮样式
754 .el-button.is-disabled.el-button--text { 621 // .el-button.is-disabled.el-button--text {
755 width: 64px; 622 // width: 64px;
756 height: 28px; 623 // height: 28px;
757 background: rgba(255, 255, 255, 0.1); 624 // background: rgba(255, 255, 255, 0.1);
758 border-radius: 16px; 625 // border-radius: 16px;
759 } 626 // }
760 627
761 // 人员管理角色管理菜单管理修改新增弹框样式 628 // 人员管理角色管理菜单管理修改新增弹框样式
762 .PersonnelDialog { 629 .PersonnelDialog {
...@@ -795,18 +662,7 @@ ...@@ -795,18 +662,7 @@
795 662
796 .el-dialog__header { 663 .el-dialog__header {
797 .dialog_title { 664 .dialog_title {
798 // display: -webkit-box; 665
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 666
811 b { 667 b {
812 font-size: 16px; 668 font-size: 16px;
...@@ -892,3 +748,121 @@ ...@@ -892,3 +748,121 @@
892 text-align: center; 748 text-align: center;
893 } 749 }
894 } 750 }
751
752 // 权利人信息样式
753 .itemForm {
754 position: relative;
755 padding: 10px;
756
757 .el-select {
758 width: 100%;
759 }
760
761 .el-form-item__error {
762 right: 25px;
763 top: 15px;
764 text-align: right;
765 pointer-events: none;
766 }
767
768 .el-date-editor {
769 width: 100%;
770 }
771
772 .el-date-editor--date {
773 width: 100%;
774 }
775
776 .el-cascader {
777 width: 100%;
778 }
779
780 // table 样式
781 .el-form-item__label {
782 border-right: none;
783 text-align: center;
784 padding: 0;
785 color: #05bbdb;
786 line-height: 16px;
787 font-size: 12px;
788 margin-top: 8px !important;
789 }
790
791 .el-form-item__content {
792 display: flex;
793 margin-right: -1px;
794 }
795
796 .obligee-item-name,
797 .receivingInfo-item-name,
798 .auditInfo-item-name {
799 background-color: #3D59C4;
800 border-radius: 3px;
801 border: 1px solid blue !important;
802 color: #FFFFFF;
803 }
804
805 .el-textarea__inner {
806 margin: 5px;
807 width: 96%;
808 background: none;
809 color: #FFFFFF;
810 border-radius: 2px;
811 border: 1px solid #6BC1FC;
812 }
813
814 .el-input-number {
815 width: 100%;
816 }
817
818 .el-input-number__increase {
819 // background: #05275B;
820 color: #FFFFFF;
821 border: none;
822 right: 7px;
823 top: 2px;
824 }
825
826 .el-input-number__decrease {
827 // background: #05275B;
828 color: #FFFFFF;
829 border: none;
830 right: 7px;
831 bottom: 10px;
832 }
833
834 .el-input__inner {
835 margin: 5px;
836 width: 96%;
837 // background: #05275B;
838 border-radius: 2px;
839 border: 1px solid #6BC1FC;
840 text-align: left;
841
842 }
843
844 .el-form-item {
845 margin-bottom: 0;
846 margin-top: -1px;
847 }
848
849 .item-label {
850 display: flex;
851 align-items: flex-end;
852 flex-direction: column;
853 font-size: 12px;
854 flex: 0 0 90px;
855 margin-right: 3px;
856
857 p {
858 line-height: 16px;
859 white-space: nowrap;
860 text-align: right;
861 }
862
863 p:nth-child(1) {
864 position: relative;
865 right: 5px;
866 }
867 }
868 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-20 14:45:57 4 * @LastEditTime: 2023-03-28 14:11:01
5 --> 5 -->
6 <!-- 6 <!--
7 功能：结果 7 功能：结果
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 </div> 18 </div>
19 </template> 19 </template>
20 <script> 20 <script>
21 import { getReceiveDataReportResult } from "@/api/dataReport.js"; 21 import { getReceiveDataReportResult } from "@/api/dataReport.js";
22 export default { 22 export default {
23 components: {}, 23 components: {},
24 props: { 24 props: {
25 formData: { 25 formData: {
...@@ -40,10 +40,10 @@ export default { ...@@ -40,10 +40,10 @@ export default {
40 this.ERRORINFO = data.ERRORINFO 40 this.ERRORINFO = data.ERRORINFO
41 }) 41 })
42 } 42 }
43 } 43 }
44 </script> 44 </script>
45 <style scoped lang='scss'> 45 <style scoped lang='scss'>
46 .result { 46 .result {
47 padding: 15px; 47 padding: 15px;
48 48
49 p { 49 p {
...@@ -51,12 +51,12 @@ export default { ...@@ -51,12 +51,12 @@ export default {
51 line-height: 26px; 51 line-height: 26px;
52 font-size: 18px; 52 font-size: 18px;
53 } 53 }
54 } 54 }
55 55
56 /deep/.el-textarea__inner { 56 /deep/.el-textarea__inner {
57 min-height: 33vh !important; 57 min-height: 33vh !important;
58 background-color: #08346F !important; 58 background-color: #08346f !important;
59 color: #ffffff; 59 color: #ffffff;
60 border: none !important; 60 border: none !important;
61 } 61 }
62 </style> 62 </style>
......
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "name",
10 label: "区县代码",
11 width: 130
12 },
13 {
14 prop: "description",
15 label: "业务号"
16 },
17 {
18 prop: "description",
19 label: "受理业务名称"
20 },
21 {
22 prop: "description",
23 label: "受理业务编码"
24 },
25 {
26 prop: "description",
27 label: "受理时间"
28 },
29 {
30 prop: "description",
31 label: "登记时间"
32 },
33 {
34 prop: "description",
35 label: "接收时间"
36 },
37 {
38 prop: "description",
39 label: "读取时间"
40 }
41 ]
42 }
43 }
44 export default new data()
1 <!-- 新增 & 修改角色 -->
2 <template>
3 <dialogBox
4 class="PersonnelDialog"
5 :title="title"
6 :width="'567px'"
7 :isMain="true"
8 @closeDialog="close"
9 @submitForm="submitForm"
10 v-model="myValue">
11 <div class="dialogCon">
12 <el-form ref="form" :model="dialogForm" :rules="rules" label-width="82px">
13 <el-row :gutter="24">
14 <el-col :span="23">
15 <el-form-item label="角色名称:" prop="roleName">
16 <el-input
17 v-model="dialogForm.roleName"
18 clearable
19 placeholder="角色名称" />
20 </el-form-item>
21 </el-col>
22 </el-row>
23 <el-row>
24 <el-col :span="23">
25 <el-form-item label="备注:" class="form-item-mb0">
26 <el-input
27 v-model="dialogForm.roleTextArea"
28 clearable
29 :rows="10"
30 type="textarea"
31 placeholder="备注" />
32 </el-form-item>
33 </el-col>
34 </el-row>
35 </el-form>
36 </div>
37 <!-- <template slot="footer">
38 <el-button
39 class="cancel-button"
40 @click="handleCloseDialog">取消</el-button>
41
42 <el-button
43 type="primary"
44 @click="handleSaveRole()">保存</el-button>
45 </template> -->
46 </dialogBox>
47 </template>
48
49 <script>
50 import Dialog from "@/components/Dialog/";
51 import { api, httpAction } from '@/api/manageApi'
52 export default {
53 components: {
54 Dialog
55 },
56 props: {
57 value: { type: Boolean, default: false },
58 },
59 data () {
60 return {
61 myValue: this.value,
62 title: '',
63 showAddEditDialog: false,
64 menuType: '',
65 roleId: '',
66 sort: 0,
67 dialogForm: {
68 roleName: '',
69 roleType: '',
70 roleTextArea: ''
71 },
72 rules: {
73 roleName: [
74 { required: true, message: '请输入角色名称', trigger: 'blur' }
75 ],
76 },
77 roleTypeOptions: [
78 { name: '定制', value: '定制' },
79 { name: '其他', value: '其他' }
80 ]
81 }
82 },
83 watch: {
84 value (val) {
85 this.myValue = val
86 }
87 },
88 methods: {
89 // 保存新增或关闭事件
90 submitForm () {
91 this.$refs.form.validate((valid) => {
92 if (valid) {
93 try {
94 const params = {
95 category: 2,
96 description: this.dialogForm.roleTextArea,
97 name: this.dialogForm.roleName,
98 sort: this.sort,
99 type: this.dialogForm.roleType
100 }
101 if (this.roleId) {
102 params.id = this.roleId
103 httpAction(`${api.roles}/${params.id}`, params, 'post').then(
104 (res) => {
105 if (res.status === 1) {
106 this.$message.success({
107 message: '修改成功',
108 showClose: true
109 })
110 this.dialogForm = {
111 roleName: '',
112 }
113 // this.showAddEditDialog = val
114 this.$emit('ok')
115 } else {
116 this.$message.error({
117 message: res.message,
118 showClose: true
119 })
120 }
121 }
122 )
123 } else {
124 httpAction(api.roles, params, 'post').then((res) => {
125 if (res.status === 1) {
126 this.$message.success({
127 message: '新增成功',
128 showClose: true
129 })
130 this.close()
131
132 this.$emit('ok')
133 // this.showAddEditDialog = val
134 this.$emit('ok', this.menuType)
135 } else {
136 this.$message.error({
137 message: res.message,
138 showClose: true
139 })
140 }
141 })
142 }
143 } catch (e) {
144 console.error(e)
145 }
146 }
147 })
148 },
149 resetForm () {
150 this.dialogForm = {
151 roleName: '',
152 }
153 this.$refs.form.resetFields()
154 },
155 close () {
156 this.resetForm()
157 this.$emit('input', false)
158 }
159 }
160 }
161 </script>
162 <style scoped lang="scss">
163 </style>
1 <template>
2 <div class="timedTask from-clues">
3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb />
7 </el-form-item>
8 <el-row class="mb-5">
9 <el-col :span="4">
10 <el-form-item label="业务号：" prop="ywh">
11 <el-input v-model="form.ywh" class="width100" clearable placeholder="业务号"></el-input>
12 </el-form-item>
13 </el-col>
14 <el-col :span="4">
15 <el-form-item label="业务名称" prop="ywmc">
16 <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="业务名称"></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="6">
20 <el-form-item label="开始日期" prop="startTime">
21 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
22 clearable v-model="form.startTime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
23 </el-form-item>
24 </el-col>
25 <el-col :span="6">
26 <el-form-item label="结束日期" prop="endTime">
27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable
28 v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
29 </el-form-item>
30 </el-col>
31 <!-- 操作按钮 -->
32 <el-col :span="4" class="btnColRight">
33 <btn nativeType="cz" @click="resetForm">重置</btn>
34 <btn nativeType="cx" @click="handleSearch">查询</btn>
35 </el-col>
36 </el-row>
37 </el-form>
38 </div>
39 <div class="from-clues-content">
40 <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200"
41 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="listdata" :expand-row-keys="keyList"
42 row-key="dictid">
43 </lb-table>
44 </div>
45 </div>
46 </template>
47 <script>
48 import {
49 getUuid,
50 judgeSort,
51 realMove,
52 findParents,
53 removeTreeListItem,
54 } from "@/utils/operation";
55 import { getRolesById, getAuthorityListAction } from "@/api/authorityManage";
56 import { getUserRoles } from "@/api/personnelManage";
57 import data from "./data";
58 import { getMenuInfo } from "@/api/user";
59 import { api, getAction, deleteAction } from "@/api/manageApi";
60 import tableMixin from "@/mixins/tableMixin.js";
61 import EditDialog from "./edit-dialog.vue";
62 import Roleslistdiglog from "./roleslistdiglog.vue";
63 import { mapGetters } from "vuex";
64 import { updateOrder } from "@/api/orders"
65 export default {
66 name: "menus",
67 mixins: [tableMixin],
68 components: {
69 EditDialog,
70 Roleslistdiglog,
71 },
72 data () {
73 return {
74 // 开始结束日期限制
75 pickerOptionsStart: {
76 disabledDate: (time) => {
77 if (this.form.endTime) {
78 return time.getTime() >= new Date(this.form.endTime).getTime()
79 }
80 }
81 },
82 // 结束日期限制
83 pickerOptionsEnd: {
84 disabledDate: (time) => {
85 if (this.form.startTime) {
86 return time.getTime() < new Date(this.form.startTime).getTime()
87 }
88 }
89 },
90 listdata: [],
91 setlistdata: [],
92 // 表单
93 form: {
94 ywh: '',
95 ywmc: '',
96 startTime: '',
97 endTime: '',
98 currentPage: 1
99 },
100 tableData: {
101 columns: [
102 {
103 label: "序号",
104 type: "index",
105 width: "50",
106 index: this.indexMethod,
107 },
108 ]
109 .concat(data.columns())
110 .concat({
111 prop: "state",
112 label: "状态",
113 width: '120',
114 render: (h, scope) => {
115 return (
116 <div>
117 <span class='adopt' v-show={scope.row.state == 3}>上报失败</span>
118 <span class='adopt' v-show={scope.row.state == 2}>上报成功</span>
119 <span class='warehousing' v-show={scope.row.state == 1}>接入上报异常</span>
120 </div>
121 )
122 }
123 })
124 .concat([]),
125 },
126 data: [],
127 }
128 },
129 created () {
130 this.getTableData();
131 },
132 mounted () { },
133 methods: {
134 //查询
135 searchQuery () {
136 if (this.form.rolesName) {
137 this.listdata = this.childrenFn(this.setlistdata, this.form.rolesName);
138 } else {
139 this.getTableData()
140 }
141 },
142 childrenFn (arr, key) {
143 let searchTree = [];
144 arr.forEach((item, index) => {
145 if (item.name.indexOf(key) != -1) {
146
147 searchTree.push(item);
148 }
149 });
150 if (searchTree != undefined && searchTree.length != 0) {
151 return judgeSort(searchTree);
152 }
153 },
154 // 获取角色列表
155 getTableData () {
156 getRolesById([1, 2])
157 .then((res) => {
158 this.listdata = res.content;
159 this.listdata = judgeSort(this.listdata);
160 this.setlistdata = res.content;
161 })
162 .catch((e) => console.error(e));
163 },
164
165
166 },
167 };
168 </script>
169 <style scoped lang="scss">
170 @import "~@/styles/mixin.scss";
171 // @import "~@/styles/public.scss";
172
173 /deep/.el-button.is-disabled.el-button--text {
174 width: 64px;
175 height: 28px;
176 background: rgba(255, 255, 255, 0.1);
177 border-radius: 16px;
178 }
179 </style>
1 <template>
2 <el-dialog
3 :close-on-click-modal="false"
4 top="0"
5 @click="close()"
6 class="roleconfiguration"
7 custom-class="dialogBox editDialogBox mainCenter"
8 :visible.sync="visible"
9 width="85%">
10 <div slot="title" class="dialog_title" ref="dialogTitle">
11 {{ title || "标题" }}
12 </div>
13 <div class="editDialogBox-box">
14 <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
15 <el-tab-pane label="人员配置" name="first"></el-tab-pane>
16 <el-tab-pane label="菜单配置" name="second"></el-tab-pane>
17 </el-tabs>
18 <lb-table
19 v-if="activeName == 'first'"
20 ref="multipleTable"
21 :pagination="false"
22 :column="usertableData.column"
23 :data="lastuserList"
24 @selection-change="handleSelectionChange"
25 @row-click="handleClickTableRow">
26 >
27 </lb-table>
28 <lb-table
29 :key="menukey"
30 v-if="activeName == 'second'"
31 :pagination="false"
32 :column="menutableData.column"
33 :data="lastMenuList"
34 row-key="id"
35 default-expand-all
36 :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
37 </lb-table>
38 </div>
39 <template slot="footer">
40 <btn nativeType="cx" type="primary" @click="handleSaveMember()">保存</btn>
41 <btn nativeType="cz" @click="close()">取消</btn>
42 </template>
43 </el-dialog>
44 </template>
45
46 <script>
47 import { api } from "@/api/manageApi";
48 import { getRoleAuthorityList, roleAuthority } from "@/api/authorityManage";
49 import { updateUser } from "@/api/personnelManage";
50 export default {
51 name: "",
52 data () {
53 return {
54 title: "人员配置",
55 visible: false,
56 menutableData: {
57 column: [
58 {
59 prop: "name",
60 width: 830,
61 label: "菜单名称",
62 }
63 ].concat([
64 {
65 label: "权限",
66 render: (h, scope) => {
67 return (
68 <div>
69 <el-checkbox v-model={scope.row.checkArr[0].value}
70 disabled={scope.row.checkArr[0].disabled}
71 label={scope.row.checkArr[0].name} onChange={(checked) => {
72 this.changeCheck(checked, scope.row.checkArr[0].id, scope);
73 }} />
74 <el-checkbox v-model={scope.row.checkArr[1].value}
75 disabled={scope.row.checkArr[0].disabled}
76 label={scope.row.checkArr[1].name}
77 onChange={(checked) => {
78 this.changeCheck(checked, scope.row.checkArr[1].id, scope);
79 }} />
80 </div>
81 );
82 },
83 },
84 ]),
85 },
86 usertableData: {
87 column: [
88 {
89 type: "selection",
90 width: 330,
91 },
92 {
93 prop: "name",
94 width: 330,
95 label: "姓名",
96 },
97 {
98 prop: "loginName",
99 label: "用户名",
100 },
101 ],
102 },
103 // 角色id
104 roleId: "",
105 menuList: [], // 菜单列表
106 menukey: 0,
107 activeName: "first",
108 lastuserList: [], // 人员表格数据
109 lastMenuList: [], // 重构完成的菜单表格数据
110 usermultipleSelection: [],
111 // 选中菜单列表
112 checkArr: [], // 重构操作符列表
113 authorityList: [], // 授权回显数组
114 checklistbor: [],
115 // 授权对象数据
116 menuprams: {},
117 // 系统code
118 selectedSubsystemCode: ""
119 };
120 },
121 computed: {},
122
123 created () {
124 },
125 mounted () {
126 },
127 methods: {
128
129 // 人员配置点击行勾选数据
130 handleClickTableRow (row, event) {
131 this.checkNum = 0;
132 this.isCheck = false;
133 if (event.label == "操作") {
134 return;
135 } else {
136 if (row.status == "0") {
137 return;
138 } else {
139 if (this.usermultipleSelection.length > 0) {
140 if (
141 JSON.stringify(this.usermultipleSelection).indexOf(
142 JSON.stringify(row)
143 ) == -1
144 ) {
145 this.usermultipleSelection.push(row);
146 this.$refs.multipleTable.toggleRowSelection(row, true);
147 } else {
148 this.usermultipleSelection.map((item, index) => {
149 if (item.id == row.id) {
150 this.usermultipleSelection.splice(index, 1);
151 this.$refs.multipleTable.toggleRowSelection(row, false);
152 }
153 });
154 }
155 } else {
156 this.usermultipleSelection.push(row);
157 this.$refs.multipleTable.toggleRowSelection(row, true);
158 }
159 }
160 }
161 if (this.usermultipleSelection.length > 0) {
162 this.checkNum = this.usermultipleSelection.length;
163 this.isCheck = true;
164 } else {
165 this.isCheck = false;
166 }
167 },
168 // 获取授权主体的菜单权限
169 // getMenuAuthorityList
170 menulist (operationList, id, Code, menutablelistData, operationCodes) {
171 this.selectedSubsystemCode = Code
172 this.menuList = menutablelistData;
173 getRoleAuthorityList(
174 id,
175 operationList.toString(),
176 Code + '_MENU'
177 ).then(res => {
178 if (res.status === 1) {
179 this.authorityList = res.content
180 this.getRecursionTreeData(this.menuList, this.authorityList, operationCodes)
181 this.getAuthorizedInfo()
182 // this.setCheckAllArr()
183 // this.getAuthorizedInfo()
184 } else {
185 this.$message.error({ message: res.message, showClose: true })
186 }
187 })
188
189
190 },
191 /**
192 * 递归渲染列表数据
193 * list:原始数组
194 * authorityList:已授权数组
195 */
196 getRecursionTreeData (list, authorityList, operationCodes) {
197 ++this.menukey
198 this.checkArr = []
199 for (const k in operationCodes) {
200 const obj = {}
201 obj.name = operationCodes[k]
202 obj.id = k
203 obj.value = false
204 obj.disabled = false
205 // obj.isAll = false;
206 this.checkArr.push(obj)
207 }
208 for (const [index, item] of Object.entries(list)) {
209 this.setAuthorizedConditions(
210 authorityList,
211 this.$deepCopy(this.checkArr),
212 item
213 )
214 if (
215 item.children &&
216 item.children !== null &&
217 item.children.length !== 0
218 ) {
219 item.children.forEach((child, j) => {
220 this.setAuthorizedConditions(
221 authorityList,
222 this.$deepCopy(this.checkArr),
223 child
224 )
225 })
226 this.getRecursionTreeData(item.children, authorityList, operationCodes)
227 }
228 }
229 this.lastMenuList = list
230 // this.setCheckAllArr(list)
231 },
232 // 授权条件
233 setAuthorizedConditions (authorityList, checkArr, item) {
234 if (this.roleId === '') {
235 checkArr.forEach(ele => {
236 ele.disabled = true
237 ele.value = false
238 })
239 } else {
240 if (authorityList.length !== 0) {
241 if (authorityList[0].superPermission === true) {
242 checkArr.forEach(ele => {
243 ele.value = true
244 ele.disabled = true
245 })
246 } else {
247 const repeatArr = authorityList.filter(authorityItem => {
248 return authorityItem.resourceUri === item.id
249 })
250 repeatArr.forEach(element => {
251 checkArr.forEach(ele => {
252 if (element.operationCode === ele.id) {
253 ele.value = true
254 if (this.roleId !== element.subjectId) {
255 ele.disabled = true
256 }
257 }
258 })
259 })
260 }
261 }
262 }
263 this.$set(item, 'checkArr', this.$deepCopy(checkArr))
264 },
265 // 获取拼接授权信息
266 getAuthorizedInfo () {
267 const lastArr = []
268 const authorizedList = []
269 const wholeArr = this.$deepCopy(this.lastMenuList)
270 const arr = this.$treeConvertToArr(wholeArr)
271 arr.forEach(ele => {
272 ele.checkArr.forEach(val => {
273 if (val.value === true && val.disabled === false) {
274 const obj = {
275 operationCode: val.id,
276 name: ele.name,
277 id: ele.id
278 }
279 lastArr.push(obj)
280 }
281 })
282 })
283 lastArr.forEach(element => {
284 authorizedList.push({
285 operationCode: element.operationCode, // 标识符
286 productCode: this.selectedSubsystemCode, // 子系统code
287 resourceCategoryCode: this.selectedSubsystemCode + '_MENU', // 资源类别code默认为MENU
288 resourceName: element.name,
289 resourceUri: element.id, // 授权菜单id
290 subjectId: this.roleId, // 授权对象id
291 subjectType: 'ROLE' // 授权对象类别
292 })
293 })
294 this.menuprams = {
295 subjectId: this.roleId,
296 authorizedList: authorizedList
297 }
298 },
299 // 获取人员列表做筛选
300 personlist (a, rid) {
301 this.roleId = rid;
302 this.visible = true;
303 this.lastuserList = a;
304 this.lastuserList.forEach((item, index) => {
305 if (item.selectStatus === 0) {
306 this.$nextTick(async () => {
307 await this.$refs.multipleTable
308 if (this.$refs.multipleTable) {
309 this.$refs.multipleTable.toggleRowSelection(
310 this.lastuserList[index],
311 true
312 );
313 }
314
315 });
316 }
317 });
318 },
319 // 关闭事件
320 close () {
321 this.visible = false;
322 },
323 // 保存事件
324 handleSaveMember () {
325 // 人员授权
326 const idList = this.usermultipleSelection.map((item) => {
327 return item.id;
328 })
329 updateUser(this.roleId, idList).then((res) => {
330 if (res.status === 1) {
331 this.$message.success({ message: "保存成功", showClose: true });
332 this.visible = false;
333 } else this.$message.error({ message: res.message, showClose: true });
334 });
335 // 菜单授权
336 roleAuthority(
337 this.menuprams.subjectId,
338 this.menuprams.authorizedList
339 ).then((res) => {
340 if (res.status === 1) {
341 this.$message.success({
342 message: res.message,
343 })
344 // this.authorizedContChange()
345 } else {
346 this.$message.error({ message: res.message, showClose: true })
347 }
348 })
349 },
350 // 勾选人员事件
351 handleSelectionChange (val) {
352 this.lastuserList.forEach((element, index) => {
353 delete this.lastuserList[index].selectStatus
354 });
355 this.usermultipleSelection = val;
356 this.lastuserList.forEach((element, index) => {
357 this.usermultipleSelection.forEach(element1 => {
358 if (element.id == element1.id) {
359 this.lastuserList[index].selectStatus = 0
360 }
361 });
362 });
363 },
364 // 数据筛选
365 setarrdata (scope, arr) {
366
367 arr.forEach((item, index, arr) => {
368 if (item.id == scope.row.id) {
369 this.checklistbor = [...arr]
370 } else if (item.id !== scope.row.id && item.children) {
371 this.setarrdata(scope, item.children)
372 }
373
374 })
375
376 },
377 // 勾选菜单事件
378 changeCheck (flag, checkId, scope) {
379 this.checklistbor = []
380 this.setarrdata(scope, this.lastMenuList)
381 const parents = this.$findParent(this.lastMenuList, scope.row.parentId)
382 const childs = this.$findChildren(this.lastMenuList, scope.row.id)
383 this.$setChildArr(
384 this.lastMenuList,
385 scope.row.id,
386 checkId,
387 flag,
388 this.checklistbor,
389 parents,
390 childs
391 )
392 this.getAuthorizedInfo()
393 },
394 handleClick (tab, event) {
395 this.lastuserList.forEach((item, index) => {
396 if (item.selectStatus === 0) {
397 this.$nextTick(async () => {
398 await this.$refs.multipleTable
399 if (this.$refs.multipleTable) {
400 this.$refs.multipleTable.toggleRowSelection(
401 this.lastuserList[index],
402 true
403 );
404 }
405
406 });
407 }
408 });
409 }
410
411 },
412 };
413 </script>
414 <style scoped lang="scss">
415 /deep/.dialogBox .el-dialog__header {
416 height: 59px !important;
417 }
418 </style>
...@@ -159,13 +159,14 @@ ...@@ -159,13 +159,14 @@
159 }, 159 },
160 }, 160 },
161 { 161 {
162 width: "130", 162 width: "200",
163 label: "移动", 163 label: "移动",
164 render: (h, scope) => { 164 render: (h, scope) => {
165 return ( 165 return (
166 <div> 166 <div>
167 <el-button 167 <el-button
168 type="text" 168 type="text"
169 class='movebtnColor'
169 disabled={scope.row.isTop} 170 disabled={scope.row.isTop}
170 onClick={() => { 171 onClick={() => {
171 this.moveUpward(scope.$index, scope.row); 172 this.moveUpward(scope.$index, scope.row);
...@@ -175,6 +176,7 @@ ...@@ -175,6 +176,7 @@
175 </el-button> 176 </el-button>
176 <el-button 177 <el-button
177 type="text" 178 type="text"
179 class='movebtnColor'
178 disabled={scope.row.isBottom} 180 disabled={scope.row.isBottom}
179 onClick={() => { 181 onClick={() => {
180 this.moveDown(scope.$index, scope.row); 182 this.moveDown(scope.$index, scope.row);
...@@ -187,13 +189,14 @@ ...@@ -187,13 +189,14 @@
187 }, 189 },
188 }, 190 },
189 { 191 {
190 width: "100", 192 width: "200",
191 label: "操作", 193 label: "操作",
192 render: (h, scope) => { 194 render: (h, scope) => {
193 return ( 195 return (
194 <div> 196 <div>
195 <el-button 197 <el-button
196 type="text" 198 type="text"
199 class='resetbtnColor'
197 style="margin-right:10px" 200 style="margin-right:10px"
198 onClick={() => { 201 onClick={() => {
199 this.handleAddSubordinate(scope.row); 202 this.handleAddSubordinate(scope.row);
...@@ -203,6 +206,7 @@ ...@@ -203,6 +206,7 @@
203 </el-button> 206 </el-button>
204 <el-button 207 <el-button
205 type="text" 208 type="text"
209 class='delColor'
206 style="margin-left:0" 210 style="margin-left:0"
207 onClick={() => { 211 onClick={() => {
208 this.handleMinus(scope.$index, scope.row); 212 this.handleMinus(scope.$index, scope.row);
......
...@@ -208,9 +208,9 @@ ...@@ -208,9 +208,9 @@
208 message: res.message, 208 message: res.message,
209 showClose: true 209 showClose: true
210 }) 210 })
211 211 close()
212 this.resetForm()
213 this.$emit('ok') 212 this.$emit('ok')
213
214 } else { 214 } else {
215 this.$message.error({ message: res.message, showClose: true }) 215 this.$message.error({ message: res.message, showClose: true })
216 } 216 }
......
...@@ -29,20 +29,20 @@ ...@@ -29,20 +29,20 @@
29 </div> 29 </div>
30 </template> 30 </template>
31 <script> 31 <script>
32 // 定时任务 32 // 定时任务
33 import data from "./data"; 33 import data from "./data";
34 import { deleteAction, getAction, api } from "@/api/manageApi"; 34 import { deleteAction, getAction, api } from "@/api/manageApi";
35 import EditDialog from "./edit-dialog.vue"; 35 import EditDialog from "./edit-dialog.vue";
36 import { mapGetters } from "vuex"; 36 import { mapGetters } from "vuex";
37 import { getMenuInfo } from "@/api/user"; 37 import { getMenuInfo } from "@/api/user";
38 import { 38 import {
39 getUuid, 39 getUuid,
40 judgeSort, 40 judgeSort,
41 realMove, 41 realMove,
42 findParents, 42 findParents,
43 removeTreeListItem, 43 removeTreeListItem,
44 } from "@/utils/operation"; 44 } from "@/utils/operation";
45 export default { 45 export default {
46 name: "menus", 46 name: "menus",
47 components: { 47 components: {
48 EditDialog, 48 EditDialog,
...@@ -153,6 +153,7 @@ export default { ...@@ -153,6 +153,7 @@ export default {
153 // 加载表格数据 153 // 加载表格数据
154 getTableList () { 154 getTableList () {
155 getMenuInfo(this.BASE_API.CODE).then((res) => { 155 getMenuInfo(this.BASE_API.CODE).then((res) => {
156 console.log("/sthj", res);
156 if (res.code === 200) { 157 if (res.code === 200) {
157 this.tablelistData = judgeSort(res.result) 158 this.tablelistData = judgeSort(res.result)
158 this.listData = this.tablelistData 159 this.listData = this.tablelistData
...@@ -166,7 +167,7 @@ export default { ...@@ -166,7 +167,7 @@ export default {
166 conditions: [ 167 conditions: [
167 { 168 {
168 property: "code", 169 property: "code",
169 value: sessionStorage.getItem("products"), 170 value: this.BASE_API.CODE,
170 operator: "EQ", 171 operator: "EQ",
171 }, 172 },
172 ], 173 ],
...@@ -245,14 +246,14 @@ export default { ...@@ -245,14 +246,14 @@ export default {
245 this.getTableList() 246 this.getTableList()
246 }, 247 },
247 }, 248 },
248 }; 249 };
249 </script> 250 </script>
250 <style scoped lang="scss"> 251 <style scoped lang="scss">
251 @import "~@/styles/mixin.scss"; 252 @import "~@/styles/mixin.scss";
252 253
253 // @import "~@/styles/public.scss"; 254 // @import "~@/styles/public.scss";
254 255
255 /deep/.el-table__expand-icon { 256 /deep/.el-table__expand-icon {
256 color: #fff; 257 color: #fff;
257 } 258 }
258 </style> 259 </style>
......
...@@ -29,24 +29,24 @@ ...@@ -29,24 +29,24 @@
29 </div> 29 </div>
30 </template> 30 </template>
31 <script> 31 <script>
32 import { 32 import {
33 getUuid, 33 getUuid,
34 judgeSort, 34 judgeSort,
35 realMove, 35 realMove,
36 findParents, 36 findParents,
37 removeTreeListItem, 37 removeTreeListItem,
38 } from "@/utils/operation"; 38 } from "@/utils/operation";
39 import { getRolesById, getAuthorityListAction } from "@/api/authorityManage"; 39 import { getRolesById, getAuthorityListAction } from "@/api/authorityManage";
40 import { getUserRoles } from "@/api/personnelManage"; 40 import { getUserRoles } from "@/api/personnelManage";
41 import data from "./data"; 41 import data from "./data";
42 import { getMenuInfo } from "@/api/user"; 42 import { getMenuInfo } from "@/api/user";
43 import { api, getAction, deleteAction } from "@/api/manageApi"; 43 import { api, getAction, deleteAction } from "@/api/manageApi";
44 import tableMixin from "@/mixins/tableMixin.js"; 44 import tableMixin from "@/mixins/tableMixin.js";
45 import EditDialog from "./edit-dialog.vue"; 45 import EditDialog from "./edit-dialog.vue";
46 import Roleslistdiglog from "./roleslistdiglog.vue"; 46 import Roleslistdiglog from "./roleslistdiglog.vue";
47 import { mapGetters } from "vuex"; 47 import { mapGetters } from "vuex";
48 import { updateOrder } from "@/api/orders" 48 import { updateOrder } from "@/api/orders"
49 export default { 49 export default {
50 name: "menus", 50 name: "menus",
51 mixins: [tableMixin], 51 mixins: [tableMixin],
52 components: { 52 components: {
...@@ -431,7 +431,7 @@ export default { ...@@ -431,7 +431,7 @@ export default {
431 this.$refs.addEditDialog.menuType = this.menuType; 431 this.$refs.addEditDialog.menuType = this.menuType;
432 this.$refs.addEditDialog.roleId = value.id; 432 this.$refs.addEditDialog.roleId = value.id;
433 this.roleSort = value.sort ? value.sort : 0; 433 this.roleSort = value.sort ? value.sort : 0;
434 this.$refs.addEditDialog.dialogForm.roleType = sessionStorage.getItem("products"); 434 this.$refs.addEditDialog.dialogForm.roleType = this.BASE_API.CODE;
435 if (value.id) { 435 if (value.id) {
436 this.$refs.addEditDialog.dialogForm.roleName = value.name; 436 this.$refs.addEditDialog.dialogForm.roleName = value.name;
437 437
...@@ -503,16 +503,16 @@ export default { ...@@ -503,16 +503,16 @@ export default {
503 this.getTableData(); 503 this.getTableData();
504 }, 504 },
505 }, 505 },
506 }; 506 };
507 </script> 507 </script>
508 <style scoped lang="scss"> 508 <style scoped lang="scss">
509 @import "~@/styles/mixin.scss"; 509 @import "~@/styles/mixin.scss";
510 // @import "~@/styles/public.scss"; 510 // @import "~@/styles/public.scss";
511 511
512 /deep/.el-button.is-disabled.el-button--text { 512 /deep/.el-button.is-disabled.el-button--text {
513 width: 64px; 513 width: 64px;
514 height: 28px; 514 height: 28px;
515 background: rgba(255, 255, 255, 0.1); 515 background: rgba(255, 255, 255, 0.1);
516 border-radius: 16px; 516 border-radius: 16px;
517 } 517 }
518 </style> 518 </style>
......
...@@ -63,24 +63,24 @@ ...@@ -63,24 +63,24 @@
63 return ( 63 return (
64 <div> 64 <div>
65 <el-button type="text" 65 <el-button type="text"
66 size="mini"
66 v-show={scope.row.jobStatus === 0} 67 v-show={scope.row.jobStatus === 0}
67 class='btnColor' 68 class='btnColor'
68 icon="el-icon-video-pause"
69 onClick={() => { this.handleActive(scope.row) }}>激活 69 onClick={() => { this.handleActive(scope.row) }}>激活
70 </el-button> 70 </el-button>
71 <el-button type="text" 71 <el-button type="text"
72 size="mini"
72 v-show={scope.row.jobStatus === -1} 73 v-show={scope.row.jobStatus === -1}
73 class='btnColor' 74 class='btnColor'
74 icon="el-icon-video-pause"
75 onClick={() => { this.recover(scope.row) }}>恢复 75 onClick={() => { this.recover(scope.row) }}>恢复
76 </el-button> 76 </el-button>
77 <el-button type="text" 77 <el-button type="text"
78 icon="el-icon-edit" 78 size="mini"
79 class='btnColor' 79 class='successColor'
80 onClick={() => { this.handleEdit(scope.row) }}>编辑 80 onClick={() => { this.handleEdit(scope.row) }}>编辑
81 </el-button> 81 </el-button>
82 <el-button type="text" 82 <el-button type="text"
83 icon="el-icon-delete" 83 size="mini"
84 class='successColor' 84 class='successColor'
85 v-show={scope.row.jobStatus !== -1} 85 v-show={scope.row.jobStatus !== -1}
86 onClick={() => { this.handleDel(scope.row) }}>删除 86 onClick={() => { this.handleDel(scope.row) }}>删除
......