style:统计样式修改
Showing
21 changed files
with
1659 additions
and
971 deletions
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 { |
... | @@ -518,4 +509,4 @@ aside { | ... | @@ -518,4 +509,4 @@ aside { |
518 | @font-face { | 509 | @font-face { |
519 | font-family: AliBold; | 510 | font-family: AliBold; |
520 | src: url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') | 511 | src: url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') |
521 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
512 | } | ... | ... |
... | @@ -535,8 +535,12 @@ table td { | ... | @@ -535,8 +535,12 @@ table td { |
535 | 535 | ||
536 | // 提示框 | 536 | // 提示框 |
537 | .el-message-box { | 537 | .el-message-box { |
538 | background-color: #031a46; | 538 | background: #031A46; |
539 | border: 1px solid #5f82c7; | 539 | -webkit-box-shadow: inset 0px 0px 12px 0px #02d9fd; |
540 | box-shadow: inset 0px 0px 12px 0px #02d9fd; | ||
541 | border-radius: 0px 2px 2px 2px; | ||
542 | border: 1px solid #6BC1FC; | ||
543 | padding: 15px; | ||
540 | 544 | ||
541 | .el-message-box__title { | 545 | .el-message-box__title { |
542 | color: white; | 546 | color: white; | ... | ... |
... | @@ -243,49 +243,6 @@ | ... | @@ -243,49 +243,6 @@ |
243 | text-align: right; | 243 | text-align: right; |
244 | } | 244 | } |
245 | 245 | ||
246 | // 修改弹框样式 | ||
247 | .modifydialog { | ||
248 | .el-dialog__header { | ||
249 | text-align: center; | ||
250 | margin-bottom: 10px; | ||
251 | |||
252 | .el-dialog__title { | ||
253 | color: white; | ||
254 | } | ||
255 | } | ||
256 | |||
257 | .el-form-item__label { | ||
258 | color: white; | ||
259 | } | ||
260 | |||
261 | .el-input__inner { | ||
262 | background-color: #07388b; | ||
263 | } | ||
264 | |||
265 | .el-input__inner { | ||
266 | background: #07388b; | ||
267 | border-radius: 2px; | ||
268 | border: 1px solid #6bc1fc; | ||
269 | } | ||
270 | |||
271 | .el-textarea__inner { | ||
272 | background: #07388b; | ||
273 | color: #fff; | ||
274 | } | ||
275 | |||
276 | .el-form-item__label { | ||
277 | color: #fff; | ||
278 | } | ||
279 | |||
280 | .el-dialog__header { | ||
281 | text-align: center; | ||
282 | margin-bottom: 10px; | ||
283 | |||
284 | .el-dialog__title { | ||
285 | color: white; | ||
286 | } | ||
287 | } | ||
288 | } | ||
289 | 246 | ||
290 | // 角色管理人员菜单配置弹框样式 | 247 | // 角色管理人员菜单配置弹框样式 |
291 | .roleconfiguration { | 248 | .roleconfiguration { |
... | @@ -1015,6 +972,39 @@ | ... | @@ -1015,6 +972,39 @@ |
1015 | 972 | ||
1016 | // 人员管理角色管理菜单管理修改新增弹框样式 | 973 | // 人员管理角色管理菜单管理修改新增弹框样式 |
1017 | .PersonnelDialog { | 974 | .PersonnelDialog { |
975 | |||
976 | .el-dialog__header { | ||
977 | text-align: center; | ||
978 | margin-bottom: 10px; | ||
979 | |||
980 | .el-dialog__title { | ||
981 | color: white; | ||
982 | } | ||
983 | } | ||
984 | |||
985 | .el-form-item__label { | ||
986 | color: white; | ||
987 | } | ||
988 | |||
989 | .el-input__inner { | ||
990 | background-color: #07388b; | ||
991 | } | ||
992 | |||
993 | .el-input__inner { | ||
994 | background: #07388b; | ||
995 | border-radius: 2px; | ||
996 | border: 1px solid #6bc1fc; | ||
997 | } | ||
998 | |||
999 | .el-textarea__inner { | ||
1000 | background: #07388b; | ||
1001 | color: #fff; | ||
1002 | } | ||
1003 | |||
1004 | .el-form-item__label { | ||
1005 | color: #fff; | ||
1006 | } | ||
1007 | |||
1018 | .el-dialog__header { | 1008 | .el-dialog__header { |
1019 | .dialog_title { | 1009 | .dialog_title { |
1020 | display: -webkit-box; | 1010 | display: -webkit-box; |
... | @@ -1044,4 +1034,72 @@ | ... | @@ -1044,4 +1034,72 @@ |
1044 | .selbig { | 1034 | .selbig { |
1045 | width: 500px; | 1035 | width: 500px; |
1046 | } | 1036 | } |
1047 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1037 | |||
1038 | } | ||
1039 | |||
1040 | // 弹框中间区域样式 | ||
1041 | .dialogCon { | ||
1042 | background: #031A46; | ||
1043 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
1044 | border-radius: 0px 2px 2px 2px; | ||
1045 | border: 1px solid #6BC1FC; | ||
1046 | padding: 15px; | ||
1047 | } | ||
1048 | |||
1049 | // 修改密码界面样式 | ||
1050 | .informationpassword { | ||
1051 | margin: 36px 200px; | ||
1052 | overflow-y: auto; | ||
1053 | |||
1054 | .form-wrapper { | ||
1055 | padding: 24px 120px 0px; | ||
1056 | |||
1057 | .el-form-item { | ||
1058 | margin-bottom: 24px; | ||
1059 | |||
1060 | .el-form-item__label { | ||
1061 | color: #ffffff; | ||
1062 | } | ||
1063 | |||
1064 | .el-input .el-input__inner { | ||
1065 | padding: 0 8px; | ||
1066 | height: 40px; | ||
1067 | line-height: 40px; | ||
1068 | border: 1px solid #6bc1fc; | ||
1069 | } | ||
1070 | } | ||
1071 | } | ||
1072 | |||
1073 | .bottom-wrapper { | ||
1074 | padding: 32px 120px 24px; | ||
1075 | text-align: center; | ||
1076 | } | ||
1077 | } | ||
1078 | |||
1079 | // 修改基本信息界面样式 | ||
1080 | .informationbase { | ||
1081 | margin: 0.1875rem 1.0417rem; | ||
1082 | overflow-y: auto; | ||
1083 | .form-wrapper { | ||
1084 | padding: 0px 120px 0px; | ||
1085 | .el-form-item { | ||
1086 | /deep/.el-form-item__label { | ||
1087 | color: #ffffff; | ||
1088 | } | ||
1089 | ::v-deep .el-input .el-input__inner { | ||
1090 | padding: 0 8px; | ||
1091 | height: 40px; | ||
1092 | line-height: 40px; | ||
1093 | border: 1px solid #6bc1fc; | ||
1094 | } | ||
1095 | } | ||
1096 | .el-form-item--small.el-form-item { | ||
1097 | margin-bottom: 16px; | ||
1098 | } | ||
1099 | } | ||
1100 | .bottom-wrapper { | ||
1101 | padding: 0px 120px 0px; | ||
1102 | text-align: center; | ||
1103 | } | ||
1104 | } | ||
1105 | ... | ... |
... | @@ -7,6 +7,7 @@ | ... | @@ -7,6 +7,7 @@ |
7 | padding: 0 7px !important; | 7 | padding: 0 7px !important; |
8 | } | 8 | } |
9 | 9 | ||
10 | |||
10 | .from-clues { | 11 | .from-clues { |
11 | height: 100%; | 12 | height: 100%; |
12 | width: 100%; | 13 | width: 100%; |
... | @@ -141,4 +142,753 @@ | ... | @@ -141,4 +142,753 @@ |
141 | .cz:focus { | 142 | .cz:focus { |
142 | background-color: white; | 143 | background-color: white; |
143 | background-size: cover; | 144 | background-size: cover; |
144 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
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,136 +42,136 @@ | ... | @@ -42,136 +42,136 @@ |
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: { |
50 | type: Object, | 50 | type: Object, |
51 | default: null | 51 | default: null |
52 | } | 52 | } |
53 | }, | ||
54 | data () { | ||
55 | return { | ||
56 | myValue: this.value, | ||
57 | ruleForm: { | ||
58 | jobName: '', | ||
59 | cronExpression: '', | ||
60 | beanName: '', | ||
61 | methodName: '', | ||
62 | methodParams: '', | ||
63 | remark: '' | ||
64 | }, | ||
65 | rules: { | ||
66 | jobName: [ | ||
67 | { required: true, message: '任务名', trigger: 'blur' } | ||
68 | ], | ||
69 | cronExpression: [ | ||
70 | { required: true, message: 'cron表达式', trigger: 'blur' } | ||
71 | ], | ||
72 | beanName: [ | ||
73 | { required: true, message: '任务类名', trigger: 'blur' } | ||
74 | ], | ||
75 | methodName: [ | ||
76 | { required: true, message: '任务方法名', trigger: 'blur' } | ||
77 | ] | ||
78 | }, | ||
79 | message: '' | ||
80 | } | ||
81 | }, | ||
82 | methods: { | ||
83 | handleSubmit () { | ||
84 | let _this = this | ||
85 | this.$refs['ruleForm'].validate(async (valid) => { | ||
86 | if (valid) { | ||
87 | if (!_this.taskData) { | ||
88 | try { | ||
89 | let res = await sjsbTask.sjsbTaskSave(_this.ruleForm) | ||
90 | if (res.code == 200) { | ||
91 | _this.loading = false | ||
92 | _this.$message({ | ||
93 | message: res.message, | ||
94 | type: 'success' | ||
95 | }) | ||
96 | _this.handleClose() | ||
97 | _this.$parent.featchData() | ||
98 | } | ||
99 | } catch (error) { | ||
100 | _this.message = error | ||
101 | _this.$refs.msg.messageShow() | ||
102 | } | ||
103 | } else { | ||
104 | try { | ||
105 | let res = await sjsbTask.updateCron(_this.ruleForm) | ||
106 | if (res.code == 200) { | ||
107 | _this.$message({ | ||
108 | message: res.message, | ||
109 | type: 'success' | ||
110 | }) | ||
111 | _this.handleClose() | ||
112 | _this.$parent.featchData() | ||
113 | } | ||
114 | } catch (error) { | ||
115 | _this.message = error | ||
116 | _this.$refs.msg.messageShow() | ||
117 | } | ||
118 | } | ||
119 | } else { | ||
120 | this.$message('请检查表单完整性') | ||
121 | return false; | ||
122 | } | ||
123 | }) | ||
124 | }, | ||
125 | handleClose () { | ||
126 | this.$emit("input", false); | ||
127 | } | ||
128 | }, | ||
129 | watch: { | ||
130 | value (val) { | ||
131 | this.myValue = val | ||
132 | }, | 53 | }, |
133 | taskData (val) { | 54 | data () { |
134 | if (val != null) { | 55 | return { |
135 | this.ruleForm = val | 56 | myValue: this.value, |
136 | } else { | 57 | ruleForm: { |
137 | this.ruleForm = { | ||
138 | jobName: '', | 58 | jobName: '', |
139 | cronExpression: '', | 59 | cronExpression: '', |
140 | beanName: '', | 60 | beanName: '', |
141 | methodName: '', | 61 | methodName: '', |
142 | methodParams: '', | 62 | methodParams: '', |
143 | remark: '' | 63 | remark: '' |
64 | }, | ||
65 | rules: { | ||
66 | jobName: [ | ||
67 | { required: true, message: '任务名', trigger: 'blur' } | ||
68 | ], | ||
69 | cronExpression: [ | ||
70 | { required: true, message: 'cron表达式', trigger: 'blur' } | ||
71 | ], | ||
72 | beanName: [ | ||
73 | { required: true, message: '任务类名', trigger: 'blur' } | ||
74 | ], | ||
75 | methodName: [ | ||
76 | { required: true, message: '任务方法名', trigger: 'blur' } | ||
77 | ] | ||
78 | }, | ||
79 | message: '' | ||
80 | } | ||
81 | }, | ||
82 | methods: { | ||
83 | handleSubmit () { | ||
84 | let _this = this | ||
85 | this.$refs['ruleForm'].validate(async (valid) => { | ||
86 | if (valid) { | ||
87 | if (!_this.taskData) { | ||
88 | try { | ||
89 | let res = await sjsbTask.sjsbTaskSave(_this.ruleForm) | ||
90 | if (res.code == 200) { | ||
91 | _this.loading = false | ||
92 | _this.$message({ | ||
93 | message: res.message, | ||
94 | type: 'success' | ||
95 | }) | ||
96 | _this.handleClose() | ||
97 | _this.$parent.featchData() | ||
98 | } | ||
99 | } catch (error) { | ||
100 | _this.message = error | ||
101 | _this.$refs.msg.messageShow() | ||
102 | } | ||
103 | } else { | ||
104 | try { | ||
105 | let res = await sjsbTask.updateCron(_this.ruleForm) | ||
106 | if (res.code == 200) { | ||
107 | _this.$message({ | ||
108 | message: res.message, | ||
109 | type: 'success' | ||
110 | }) | ||
111 | _this.handleClose() | ||
112 | _this.$parent.featchData() | ||
113 | } | ||
114 | } catch (error) { | ||
115 | _this.message = error | ||
116 | _this.$refs.msg.messageShow() | ||
117 | } | ||
118 | } | ||
119 | } else { | ||
120 | this.$message('请检查表单完整性') | ||
121 | return false; | ||
122 | } | ||
123 | }) | ||
124 | }, | ||
125 | handleClose () { | ||
126 | this.$emit("input", false); | ||
127 | } | ||
128 | }, | ||
129 | watch: { | ||
130 | value (val) { | ||
131 | this.myValue = val | ||
132 | }, | ||
133 | taskData (val) { | ||
134 | if (val != null) { | ||
135 | this.ruleForm = val | ||
136 | } else { | ||
137 | this.ruleForm = { | ||
138 | jobName: '', | ||
139 | cronExpression: '', | ||
140 | beanName: '', | ||
141 | methodName: '', | ||
142 | methodParams: '', | ||
143 | remark: '' | ||
144 | } | ||
144 | } | 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,372 +25,337 @@ | ... | @@ -25,372 +25,337 @@ |
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: { |
40 | type: Object, | 40 | type: Object, |
41 | default: {}, | 41 | default: {}, |
42 | }, | ||
43 | }, | ||
44 | data () { | ||
45 | return { | ||
46 | key: 0, | ||
47 | myValue: this.value, | ||
48 | keyList: [], | ||
49 | ruleForm: { | ||
50 | DCODE: "", | ||
51 | DNAME: "", | ||
52 | }, | 42 | }, |
53 | column: [], | 43 | }, |
54 | columns: [ | 44 | data () { |
55 | { | 45 | return { |
56 | width: "70", | 46 | key: 0, |
57 | renderHeader: (h, scope) => { | 47 | myValue: this.value, |
58 | return ( | 48 | keyList: [], |
59 | <div> | 49 | ruleForm: { |
60 | {this.details.ISENABLE === "0" ? ( | 50 | DCODE: "", |
61 | <span>序号</span> | 51 | DNAME: "", |
62 | ) : ( | ||
63 | <i | ||
64 | class="el-icon-plus" | ||
65 | onClick={() => { | ||
66 | this.handleAdd(); | ||
67 | }} | ||
68 | style="cursor:pointer;color:#409EFF" | ||
69 | ></i> | ||
70 | )} | ||
71 | </div> | ||
72 | ); | ||
73 | }, | ||
74 | render: (h, scope) => { | ||
75 | return <span>{scope.row.index}</span>; | ||
76 | }, | ||
77 | }, | 52 | }, |
78 | { | 53 | column: [], |
79 | prop: "DCODE", | 54 | columns: [ |
80 | width: "100", | 55 | { |
81 | label: "字典项编码", | 56 | width: "70", |
82 | render: (h, scope) => { | 57 | renderHeader: (h, scope) => { |
83 | return ( | 58 | return ( |
84 | <div> | 59 | <div> |
85 | <el-input | 60 | {this.details.ISENABLE === "0" ? ( |
86 | placeholder="字典项编码" | 61 | <span>序号</span> |
87 | v-show={scope.row.codeShow} | 62 | ) : ( |
88 | v-fo | 63 | <i |
89 | value={scope.row[scope.column.property]} | 64 | class="el-icon-plus" |
90 | onFocus={() => { | 65 | onClick={() => { |
91 | this.itemShowFalse(); | 66 | this.handleAdd(); |
92 | scope.row.codeShow = true; | 67 | }} |
93 | }} | 68 | style="cursor:pointer;color:#409EFF" |
94 | onInput={(val) => { | 69 | ></i> |
95 | scope.row[scope.column.property] = val; | 70 | )} |
96 | this.itemShowFalse(); | 71 | </div> |
97 | scope.row.codeShow = true; | 72 | ); |
98 | }} | 73 | }, |
99 | maxlength="8" | 74 | render: (h, scope) => { |
100 | ></el-input> | 75 | return <span>{scope.row.index}</span>; |
76 | }, | ||
77 | }, | ||
78 | { | ||
79 | prop: "DCODE", | ||
80 | width: "100", | ||
81 | label: "字典项编码", | ||
82 | render: (h, scope) => { | ||
83 | return ( | ||
84 | <div> | ||
85 | <el-input | ||
86 | placeholder="字典项编码" | ||
87 | v-show={scope.row.codeShow} | ||
88 | v-fo | ||
89 | value={scope.row[scope.column.property]} | ||
90 | onFocus={() => { | ||
91 | this.itemShowFalse(); | ||
92 | scope.row.codeShow = true; | ||
93 | }} | ||
94 | onInput={(val) => { | ||
95 | scope.row[scope.column.property] = val; | ||
96 | this.itemShowFalse(); | ||
97 | scope.row.codeShow = true; | ||
98 | }} | ||
99 | maxlength="8" | ||
100 | ></el-input> | ||
101 | 101 | ||
102 | <el-input | 102 | <el-input |
103 | placeholder="字典项编码" | 103 | placeholder="字典项编码" |
104 | v-show={!scope.row.codeShow} | 104 | v-show={!scope.row.codeShow} |
105 | value={scope.row[scope.column.property]} | 105 | value={scope.row[scope.column.property]} |
106 | onFocus={() => { | 106 | onFocus={() => { |
107 | this.itemShowFalse(); | 107 | this.itemShowFalse(); |
108 | scope.row.codeShow = true; | 108 | scope.row.codeShow = true; |
109 | }} | 109 | }} |
110 | onInput={(val) => { | 110 | onInput={(val) => { |
111 | scope.row[scope.column.property] = val; | 111 | scope.row[scope.column.property] = val; |
112 | this.itemShowFalse(); | 112 | this.itemShowFalse(); |
113 | scope.row.codeShow = true; | 113 | scope.row.codeShow = true; |
114 | }} | 114 | }} |
115 | maxlength="8" | 115 | maxlength="8" |
116 | ></el-input> | 116 | ></el-input> |
117 | </div> | 117 | </div> |
118 | ); | 118 | ); |
119 | }, | ||
119 | }, | 120 | }, |
120 | }, | 121 | { |
121 | { | 122 | prop: "DNAME", |
122 | prop: "DNAME", | 123 | label: "字典项名称", |
123 | label: "字典项名称", | 124 | render: (h, scope) => { |
124 | render: (h, scope) => { | 125 | return ( |
125 | return ( | 126 | <div> |
126 | <div> | 127 | <el-input |
127 | <el-input | 128 | placeholder="字典项编码" |
128 | placeholder="字典项编码" | 129 | v-show={scope.row.nameShow} |
129 | v-show={scope.row.nameShow} | 130 | v-fo |
130 | v-fo | 131 | value={scope.row[scope.column.property]} |
131 | value={scope.row[scope.column.property]} | 132 | onFocus={() => { |
132 | onFocus={() => { | 133 | this.itemShowFalse(); |
133 | this.itemShowFalse(); | 134 | scope.row.nameShow = true; |
134 | scope.row.nameShow = true; | 135 | }} |
135 | }} | 136 | onInput={(val) => { |
136 | onInput={(val) => { | 137 | scope.row[scope.column.property] = val; |
137 | scope.row[scope.column.property] = val; | 138 | this.itemShowFalse(); |
138 | this.itemShowFalse(); | 139 | scope.row.codeShow = true; |
139 | scope.row.codeShow = true; | 140 | }} |
140 | }} | 141 | ></el-input> |
141 | ></el-input> | ||
142 | 142 | ||
143 | <el-input | 143 | <el-input |
144 | placeholder="字典项名称" | 144 | placeholder="字典项名称" |
145 | v-show={!scope.row.nameShow} | 145 | v-show={!scope.row.nameShow} |
146 | value={scope.row[scope.column.property]} | 146 | value={scope.row[scope.column.property]} |
147 | onFocus={() => { | 147 | onFocus={() => { |
148 | this.itemShowFalse(); | 148 | this.itemShowFalse(); |
149 | scope.row.nameShow = true; | 149 | scope.row.nameShow = true; |
150 | }} | 150 | }} |
151 | onInput={(val) => { | 151 | onInput={(val) => { |
152 | scope.row[scope.column.property] = val; | 152 | scope.row[scope.column.property] = val; |
153 | this.itemShowFalse(); | 153 | this.itemShowFalse(); |
154 | scope.row.codeShow = true; | 154 | scope.row.codeShow = true; |
155 | }} | 155 | }} |
156 | ></el-input> | 156 | ></el-input> |
157 | </div> | 157 | </div> |
158 | ); | 158 | ); |
159 | }, | ||
159 | }, | 160 | }, |
160 | }, | 161 | { |
161 | { | 162 | width: "130", |
162 | width: "130", | 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 | disabled={scope.row.isTop} |
169 | disabled={scope.row.isTop} | 170 | onClick={() => { |
170 | onClick={() => { | 171 | this.moveUpward(scope.$index, scope.row); |
171 | this.moveUpward(scope.$index, scope.row); | 172 | }} |
172 | }} | 173 | > |
173 | > | 174 | 上移 |
174 | 上移 | 175 | </el-button> |
175 | </el-button> | 176 | <el-button |
176 | <el-button | 177 | type="text" |
177 | type="text" | 178 | disabled={scope.row.isBottom} |
178 | disabled={scope.row.isBottom} | 179 | onClick={() => { |
179 | onClick={() => { | 180 | this.moveDown(scope.$index, scope.row); |
180 | this.moveDown(scope.$index, scope.row); | 181 | }} |
181 | }} | 182 | > |
182 | > | 183 | 下移 |
183 | 下移 | 184 | </el-button> |
184 | </el-button> | 185 | </div> |
185 | </div> | 186 | ); |
186 | ); | 187 | }, |
187 | }, | 188 | }, |
188 | }, | 189 | { |
189 | { | 190 | width: "100", |
190 | width: "100", | 191 | label: "操作", |
191 | label: "操作", | 192 | render: (h, scope) => { |
192 | render: (h, scope) => { | 193 | return ( |
193 | return ( | 194 | <div> |
194 | <div> | 195 | <el-button |
195 | <el-button | 196 | type="text" |
196 | type="text" | 197 | style="margin-right:10px" |
197 | style="margin-right:10px" | 198 | onClick={() => { |
198 | onClick={() => { | 199 | this.handleAddSubordinate(scope.row); |
199 | this.handleAddSubordinate(scope.row); | 200 | }} |
200 | }} | 201 | > |
201 | > | 202 | 增加下级 |
202 | 增加下级 | 203 | </el-button> |
203 | </el-button> | 204 | <el-button |
204 | <el-button | 205 | type="text" |
205 | type="text" | 206 | style="margin-left:0" |
206 | style="margin-left:0" | 207 | onClick={() => { |
207 | onClick={() => { | 208 | this.handleMinus(scope.$index, scope.row); |
208 | this.handleMinus(scope.$index, scope.row); | 209 | }} |
209 | }} | 210 | > |
210 | > | 211 | 删除 |
211 | 删除 | 212 | </el-button> |
212 | </el-button> | 213 | </div> |
213 | </div> | 214 | ) |
214 | ) | 215 | } |
215 | } | 216 | } |
216 | } | 217 | ], |
217 | ], | 218 | tableData: [] |
218 | tableData: [] | 219 | } |
219 | } | ||
220 | }, | ||
221 | watch: { | ||
222 | value (val) { | ||
223 | this.myValue = val | ||
224 | }, | 220 | }, |
225 | "details.dictid": { | 221 | watch: { |
226 | handler: function (newValue) { | 222 | value (val) { |
227 | if (!this.value) return; | 223 | this.myValue = val |
228 | getChildDictList(newValue).then((res) => { | 224 | }, |
229 | this.$endLoading(); | 225 | "details.dictid": { |
230 | let { result } = res; | 226 | handler: function (newValue) { |
231 | this.tableData = result ? result : []; | 227 | if (!this.value) return; |
232 | this.tableData.forEach((item, index) => { | 228 | getChildDictList(newValue).then((res) => { |
233 | item.index = index + 1; | 229 | this.$endLoading(); |
230 | let { result } = res; | ||
231 | this.tableData = result ? result : []; | ||
232 | this.tableData.forEach((item, index) => { | ||
233 | item.index = index + 1; | ||
234 | }) | ||
235 | this.tableData = judgeSort(this.tableData) | ||
234 | }) | 236 | }) |
235 | this.tableData = judgeSort(this.tableData) | 237 | }, |
236 | }) | 238 | immediate: true |
237 | }, | 239 | }, |
238 | immediate: true | 240 | details: { |
239 | }, | 241 | handler: function (newValue) { |
240 | details: { | 242 | if (newValue.ISENABLE == 2) { |
241 | handler: function (newValue) { | 243 | this.column = this.columns.slice(0, 6); |
242 | if (newValue.ISENABLE == 2) { | 244 | } else { |
243 | this.column = this.columns.slice(0, 6); | 245 | this.column = this.columns; |
244 | } else { | 246 | } |
245 | this.column = this.columns; | 247 | this.ruleForm = newValue.rowData; |
246 | } | 248 | this.addIndexes(); |
247 | this.ruleForm = newValue.rowData; | 249 | this.key++; |
248 | this.addIndexes(); | 250 | }, |
249 | this.key++; | 251 | deep: true, |
250 | }, | 252 | }, |
251 | deep: true, | ||
252 | }, | 253 | }, |
253 | }, | 254 | methods: { |
254 | methods: { | 255 | // 添加索引 |
255 | // 添加索引 | 256 | addIndexes (data = this.tableData, isAdd = true) { |
256 | addIndexes (data = this.tableData, isAdd = true) { | 257 | data.forEach((item, index) => { |
257 | data.forEach((item, index) => { | 258 | if (index == 0) { |
258 | if (index == 0) { | 259 | item.codeShow = true; |
259 | item.codeShow = true; | 260 | item.nameShow = false; |
260 | item.nameShow = false; | 261 | item.normcodeShow = false; |
261 | item.normcodeShow = false; | 262 | item.normnameShow = false; |
262 | item.normnameShow = false; | 263 | } else { |
263 | } else { | 264 | item.codeShow = false; |
265 | item.nameShow = false; | ||
266 | item.normcodeShow = false; | ||
267 | item.normnameShow = false; | ||
268 | } | ||
269 | if (isAdd) { | ||
270 | item.index = index + 1; | ||
271 | } | ||
272 | if (item.children) { | ||
273 | this.addIndexes(item.children, false); | ||
274 | } | ||
275 | }); | ||
276 | }, | ||
277 | itemShowFalse () { | ||
278 | this.tableData.forEach((item, index) => { | ||
264 | item.codeShow = false; | 279 | item.codeShow = false; |
265 | item.nameShow = false; | 280 | item.nameShow = false; |
266 | item.normcodeShow = false; | 281 | item.normcodeShow = false; |
267 | item.normnameShow = false; | 282 | item.normnameShow = false; |
283 | }); | ||
284 | }, | ||
285 | handleMinus (index, row) { | ||
286 | removeTreeListItem(this.tableData, row.dictid, 'dictid'); | ||
287 | this.tableData = judgeSort(this.tableData) | ||
288 | this.key++; | ||
289 | }, | ||
290 | handleSubmit () { | ||
291 | editDictNode({ | ||
292 | dictid: this.details.rowData.dictid, | ||
293 | typeid: this.details.rowData.TYPEID, | ||
294 | children: this.tableData, | ||
295 | }).then((res) => { | ||
296 | if (res.code === 200) { | ||
297 | this.$message({ | ||
298 | message: "修改成功", | ||
299 | type: "success", | ||
300 | }); | ||
301 | this.$emit("input", false); | ||
302 | } | ||
303 | }); | ||
304 | }, | ||
305 | closeDialog () { | ||
306 | this.$emit("input", false); | ||
307 | }, | ||
308 | // 增加下级 | ||
309 | handleAddSubordinate (row) { | ||
310 | if (!row.children) { | ||
311 | row.children = []; | ||
268 | } | 312 | } |
269 | if (isAdd) { | 313 | row.children.push({ |
270 | item.index = index + 1; | 314 | DCODE: "", |
271 | } | 315 | DNAME: "", |
272 | if (item.children) { | 316 | ISENABLE: "1", |
273 | this.addIndexes(item.children, false); | 317 | NORMCODE: "", |
274 | } | 318 | NORMNAME: "", |
275 | }); | 319 | dictid: getUuid(32), |
276 | }, | 320 | typeid: row.typeid, |
277 | itemShowFalse () { | 321 | }); |
278 | this.tableData.forEach((item, index) => { | 322 | this.keyList = []; |
279 | item.codeShow = false; | 323 | this.keyList.push(row.dictid); |
280 | item.nameShow = false; | 324 | }, |
281 | item.normcodeShow = false; | 325 | // 增加 |
282 | item.normnameShow = false; | 326 | handleAdd () { |
283 | }); | 327 | this.$nextTick(() => { |
284 | }, | 328 | let container = this.$el.querySelector(".el-table__body-wrapper"); |
285 | handleMinus (index, row) { | 329 | container.scrollTop = container.scrollHeight; |
286 | removeTreeListItem(this.tableData, row.dictid, 'dictid'); | 330 | }); |
287 | this.tableData = judgeSort(this.tableData) | 331 | this.tableData.push({ |
288 | this.key++; | 332 | DCODE: "", |
289 | }, | 333 | DNAME: "", |
290 | handleSubmit () { | 334 | ISENABLE: "1", |
291 | editDictNode({ | 335 | normcode: "", |
292 | dictid: this.details.rowData.dictid, | 336 | normname: "", |
293 | typeid: this.details.rowData.TYPEID, | 337 | dictid: getUuid(32), |
294 | children: this.tableData, | 338 | typeid: this.ruleForm.typeid, |
295 | }).then((res) => { | 339 | }); |
296 | if (res.code === 200) { | 340 | this.addIndexes(); |
297 | this.$message({ | 341 | this.tableData = judgeSort(this.tableData) |
298 | message: "修改成功", | 342 | this.key++; |
299 | type: "success", | 343 | }, |
300 | }); | 344 | // 上移下移 |
301 | this.$emit("input", false); | 345 | moveUpward (index, row) { |
302 | } | 346 | realMove(row.dictid, "UP", this.tableData); |
303 | }); | 347 | let id = findParents(this.tableData, row.dictid); |
304 | }, | 348 | this.keyList = id; |
305 | closeDialog () { | 349 | this.key++; |
306 | this.$emit("input", false); | 350 | }, |
307 | }, | 351 | moveDown (index, row) { |
308 | // 增加下级 | 352 | realMove(row.dictid, "DOWN", this.tableData); |
309 | handleAddSubordinate (row) { | 353 | let id = findParents(this.tableData, row.dictid); |
310 | if (!row.children) { | 354 | this.keyList = id; |
311 | row.children = []; | 355 | this.key++; |
312 | } | 356 | }, |
313 | row.children.push({ | ||
314 | DCODE: "", | ||
315 | DNAME: "", | ||
316 | ISENABLE: "1", | ||
317 | NORMCODE: "", | ||
318 | NORMNAME: "", | ||
319 | dictid: getUuid(32), | ||
320 | typeid: row.typeid, | ||
321 | }); | ||
322 | this.keyList = []; | ||
323 | this.keyList.push(row.dictid); | ||
324 | }, | ||
325 | // 增加 | ||
326 | handleAdd () { | ||
327 | this.$nextTick(() => { | ||
328 | let container = this.$el.querySelector(".el-table__body-wrapper"); | ||
329 | container.scrollTop = container.scrollHeight; | ||
330 | }); | ||
331 | this.tableData.push({ | ||
332 | DCODE: "", | ||
333 | DNAME: "", | ||
334 | ISENABLE: "1", | ||
335 | normcode: "", | ||
336 | normname: "", | ||
337 | dictid: getUuid(32), | ||
338 | typeid: this.ruleForm.typeid, | ||
339 | }); | ||
340 | this.addIndexes(); | ||
341 | this.tableData = judgeSort(this.tableData) | ||
342 | this.key++; | ||
343 | }, | ||
344 | // 上移下移 | ||
345 | moveUpward (index, row) { | ||
346 | realMove(row.dictid, "UP", this.tableData); | ||
347 | let id = findParents(this.tableData, row.dictid); | ||
348 | this.keyList = id; | ||
349 | this.key++; | ||
350 | }, | ||
351 | moveDown (index, row) { | ||
352 | realMove(row.dictid, "DOWN", this.tableData); | ||
353 | let id = findParents(this.tableData, row.dictid); | ||
354 | this.keyList = id; | ||
355 | this.key++; | ||
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> | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | <el-form-item v-if="BASE_API.THEME == 'jg'"> | 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,101 +36,101 @@ | ... | @@ -36,101 +36,101 @@ |
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 |
47 | }, | ||
48 | mixins: [table], | ||
49 | mounted () { | ||
50 | sendThis(this); | ||
51 | this.queryClick() | ||
52 | }, | ||
53 | data () { | ||
54 | return { | ||
55 | isDialog: false, | ||
56 | details: { | ||
57 | dictid: '', | ||
58 | isenable: 1, | ||
59 | rowData: {} | ||
60 | }, | ||
61 | ruleForm: { | ||
62 | dcode: '', | ||
63 | dname: '' | ||
64 | }, | ||
65 | tableData: { | ||
66 | total: 0, | ||
67 | columns: datas.columns().concat([ | ||
68 | { | ||
69 | label: "操作", | ||
70 | render: (h, scope) => { | ||
71 | return ( | ||
72 | <el-button type="text" | ||
73 | class='successColor' | ||
74 | onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> | ||
75 | ) | ||
76 | } | ||
77 | } | ||
78 | ]), | ||
79 | data: [] | ||
80 | } | ||
81 | } | ||
82 | }, | ||
83 | methods: { | ||
84 | // 初始化数据 | ||
85 | queryClick () { | ||
86 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { | ||
87 | let { records, total } = res.result | ||
88 | this.tableData.data = records ? records : [] | ||
89 | this.tableData.total = total ? total : 0 | ||
90 | }) | ||
91 | }, | 47 | }, |
92 | handleSearch () { | 48 | mixins: [table], |
93 | this.pageData.currentPage = 1 | 49 | mounted () { |
94 | this.tableData.data = [] | 50 | sendThis(this); |
95 | this.queryClick() | 51 | this.queryClick() |
96 | }, | 52 | }, |
97 | handleRefresh () { | 53 | data () { |
98 | this.$confirm('是否确认刷新', '提示', { | 54 | return { |
99 | confirmButtonText: '确定', | 55 | isDialog: false, |
100 | cancelButtonText: '取消', | 56 | details: { |
101 | type: 'warning' | 57 | dictid: '', |
102 | }).then(() => { | 58 | isenable: 1, |
103 | refreshDictCache().then(res => { | 59 | rowData: {} |
104 | if (res.code == 200) { | 60 | }, |
105 | let refech = this.$store.dispatch('dict/generateDic') | 61 | ruleForm: { |
106 | this.$endLoading() | 62 | dcode: '', |
107 | refech && this.$message({ | 63 | dname: '' |
108 | message: '刷新成功', | 64 | }, |
109 | type: 'success' | 65 | tableData: { |
110 | }); | 66 | total: 0, |
111 | } else { | 67 | columns: datas.columns().concat([ |
112 | this.$message.error(res.message) | 68 | { |
113 | } | 69 | label: "操作", |
70 | render: (h, scope) => { | ||
71 | return ( | ||
72 | <el-button type="text" | ||
73 | class='successColor' | ||
74 | onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> | ||
75 | ) | ||
76 | } | ||
77 | } | ||
78 | ]), | ||
79 | data: [] | ||
80 | } | ||
81 | } | ||
82 | }, | ||
83 | methods: { | ||
84 | // 初始化数据 | ||
85 | queryClick () { | ||
86 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { | ||
87 | let { records, total } = res.result | ||
88 | this.tableData.data = records ? records : [] | ||
89 | this.tableData.total = total ? total : 0 | ||
114 | }) | 90 | }) |
115 | }).catch(() => { | 91 | }, |
116 | this.$message({ | 92 | handleSearch () { |
117 | type: 'info', | 93 | this.pageData.currentPage = 1 |
118 | message: '取消刷新' | 94 | this.tableData.data = [] |
95 | this.queryClick() | ||
96 | }, | ||
97 | handleRefresh () { | ||
98 | this.$confirm('是否确认刷新', '提示', { | ||
99 | confirmButtonText: '确定', | ||
100 | cancelButtonText: '取消', | ||
101 | type: 'warning' | ||
102 | }).then(() => { | ||
103 | refreshDictCache().then(res => { | ||
104 | if (res.code == 200) { | ||
105 | let refech = this.$store.dispatch('dict/generateDic') | ||
106 | this.$endLoading() | ||
107 | refech && this.$message({ | ||
108 | message: '刷新成功', | ||
109 | type: 'success' | ||
110 | }); | ||
111 | } else { | ||
112 | this.$message.error(res.message) | ||
113 | } | ||
114 | }) | ||
115 | }).catch(() => { | ||
116 | this.$message({ | ||
117 | type: 'info', | ||
118 | message: '取消刷新' | ||
119 | }); | ||
119 | }); | 120 | }); |
120 | }); | 121 | }, |
121 | }, | 122 | editClick (row, val) { |
122 | editClick (row, val) { | 123 | this.details.rowData = row |
123 | this.details.rowData = row | 124 | this.details.isenable = val |
124 | this.details.isenable = val | 125 | this.details.dictid = row.dictid |
125 | this.details.dictid = row.dictid | 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> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
3 | * @Date: 2023-03-09 20:54:28 | 3 | * @Date: 2023-03-09 20:54:28 |
4 | * @LastEditors: Please set LastEditors | 4 | * @LastEditors: xiaomiao 1158771342@qq.com |
5 | * @LastEditTime: 2023-03-27 09:13:22 | 5 | * @LastEditTime: 2023-03-27 14:26:49 |
6 | * @FilePath: \上报\bdcjg-web\src\views\system\information\index.vue | 6 | * @FilePath: \上报\bdcjg-web\src\views\system\information\index.vue |
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
8 | --> | 8 | --> |
... | @@ -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 v-if="BASE_API.THEME == 'jg'"> | 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"> |
... | @@ -34,64 +34,38 @@ | ... | @@ -34,64 +34,38 @@ |
34 | </div> | 34 | </div> |
35 | </template> | 35 | </template> |
36 | <script> | 36 | <script> |
37 | import "@/utils/flexible.js"; | 37 | import "@/utils/flexible.js"; |
38 | import BaseSet from "./base-set.vue"; | 38 | import BaseSet from "./base-set.vue"; |
39 | import PasswordEdit from "./password-edit.vue"; | 39 | import PasswordEdit from "./password-edit.vue"; |
40 | export default { | 40 | export default { |
41 | components: { | 41 | components: { |
42 | BaseSet, | 42 | BaseSet, |
43 | PasswordEdit, | 43 | PasswordEdit, |
44 | }, | ||
45 | data () { | ||
46 | return { | ||
47 | isshow: true, | ||
48 | }; | ||
49 | }, | ||
50 | computed: { | ||
51 | userData () { | ||
52 | return this.$store.state.user.userInfo; | ||
53 | }, | 44 | }, |
54 | }, | 45 | data () { |
55 | watch: {}, | 46 | return { |
56 | created () { }, | 47 | isshow: true, |
57 | mounted () { }, | 48 | }; |
58 | methods: { | ||
59 | information () { | ||
60 | this.isshow = true; | ||
61 | }, | 49 | }, |
62 | password () { | 50 | computed: { |
63 | this.isshow = false; | 51 | userData () { |
52 | return this.$store.state.user.userInfo; | ||
53 | }, | ||
64 | }, | 54 | }, |
65 | }, | 55 | watch: {}, |
66 | }; | 56 | created () { }, |
57 | mounted () { }, | ||
58 | methods: { | ||
59 | information () { | ||
60 | this.isshow = true; | ||
61 | }, | ||
62 | password () { | ||
63 | this.isshow = false; | ||
64 | }, | ||
65 | }, | ||
66 | }; | ||
67 | </script> | 67 | </script> |
68 | 68 | ||
69 | <style scoped lang="scss"> | 69 | <style scoped lang="scss"> |
70 | @import "~@/styles/mixin.scss"; | 70 | @import "~@/styles/mixin.scss"; |
71 | 71 | </style> | |
72 | .information { | ||
73 | display: flex; | ||
74 | flex-direction: column; | ||
75 | |||
76 | .btnColRight { | ||
77 | margin-top: 10px; | ||
78 | display: flex; | ||
79 | justify-content: center; | ||
80 | // background-color: cadetblue; | ||
81 | height: 30px; | ||
82 | } | ||
83 | |||
84 | /deep/.content { | ||
85 | .el-input__inner { | ||
86 | background: none; | ||
87 | } | ||
88 | |||
89 | .user-info { | ||
90 | background: none; | ||
91 | } | ||
92 | } | ||
93 | |||
94 | .boxin { | ||
95 | flex: 1; | ||
96 | } | ||
97 | }</style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="content"> | 2 | <div class="informationpassword"> |
3 | <div class="user-info"> | 3 | <el-form |
4 | <el-form | 4 | ref="form" |
5 | ref="form" | 5 | label-width="100px" |
6 | label-width="100px" | 6 | :model="form" |
7 | :model="form" | 7 | class="form-wrapper" |
8 | class="form-wrapper" | 8 | :rules="rules"> |
9 | :rules="rules"> | 9 | <el-form-item label="旧密码:" prop="oldPassword"> |
10 | <el-form-item label="旧密码:" prop="oldPassword"> | 10 | <el-input |
11 | <el-input | 11 | v-model="form.oldPassword" |
12 | v-model="form.oldPassword" | 12 | clearable |
13 | clearable | 13 | type="password" |
14 | type="password" | 14 | show-password /> |
15 | show-password /> | 15 | </el-form-item> |
16 | </el-form-item> | 16 | <el-form-item label="新密码:" prop="newPassword"> |
17 | <el-form-item label="新密码:" prop="newPassword"> | 17 | <el-input |
18 | <el-input | 18 | v-model="form.newPassword" |
19 | v-model="form.newPassword" | 19 | clearable |
20 | clearable | 20 | type="password" |
21 | type="password" | 21 | show-password /> |
22 | show-password /> | 22 | </el-form-item> |
23 | </el-form-item> | 23 | <el-form-item label="确认密码:" prop="confirmPassword"> |
24 | <el-form-item label="确认密码:" prop="confirmPassword"> | 24 | <el-input |
25 | <el-input | 25 | v-model="form.confirmPassword" |
26 | v-model="form.confirmPassword" | 26 | clearable |
27 | clearable | 27 | type="password" |
28 | type="password" | 28 | show-password /> |
29 | show-password /> | 29 | </el-form-item> |
30 | </el-form-item> | 30 | </el-form> |
31 | </el-form> | 31 | <div class="bottom-wrapper"> |
32 | <div class="bottom-wrapper"> | 32 | <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn> |
33 | <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn> | ||
34 | </div> | ||
35 | </div> | 33 | </div> |
36 | </div> | 34 | </div> |
37 | </template> | 35 | </template> |
... | @@ -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 v-if="BASE_API.THEME == 'jg'"> | 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"> | ... | ... |
... | @@ -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 v-if="BASE_API.THEME == 'jg'"> | 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 v-if="BASE_API.THEME == 'jg'"> | 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> |
... | @@ -29,227 +29,227 @@ | ... | @@ -29,227 +29,227 @@ |
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 sjsbTask from '@/api/sjsbTask.js' | 34 | import sjsbTask from '@/api/sjsbTask.js' |
35 | import tableMixin from '@/mixins/tableMixin.js' | 35 | import tableMixin from '@/mixins/tableMixin.js' |
36 | import addTask from '../components/addTask.vue' | 36 | import addTask from '../components/addTask.vue' |
37 | export default { | 37 | export default { |
38 | name: "timedTask", | 38 | name: "timedTask", |
39 | mixins: [tableMixin], | 39 | mixins: [tableMixin], |
40 | components: { | 40 | components: { |
41 | addTask | 41 | addTask |
42 | }, | ||
43 | data () { | ||
44 | return { | ||
45 | taskData: null, | ||
46 | isDialog: false, | ||
47 | form: { | ||
48 | jobName: '', | ||
49 | currentPage: 1 | ||
50 | }, | ||
51 | selectionList: [], | ||
52 | tableData: { | ||
53 | columns: [{ | ||
54 | label: '序号', | ||
55 | type: 'index', | ||
56 | width: '50', | ||
57 | index: this.indexMethod, | ||
58 | }].concat(data.columns()).concat([ | ||
59 | { | ||
60 | label: "操作", | ||
61 | width: 380, | ||
62 | render: (h, scope) => { | ||
63 | return ( | ||
64 | <div> | ||
65 | <el-button type="text" | ||
66 | v-show={scope.row.jobStatus === 0} | ||
67 | class='btnColor' | ||
68 | icon="el-icon-video-pause" | ||
69 | onClick={() => { this.handleActive(scope.row) }}>激活 | ||
70 | </el-button> | ||
71 | <el-button type="text" | ||
72 | v-show={scope.row.jobStatus === -1} | ||
73 | class='btnColor' | ||
74 | icon="el-icon-video-pause" | ||
75 | onClick={() => { this.recover(scope.row) }}>恢复 | ||
76 | </el-button> | ||
77 | <el-button type="text" | ||
78 | icon="el-icon-edit" | ||
79 | class='btnColor' | ||
80 | onClick={() => { this.handleEdit(scope.row) }}>编辑 | ||
81 | </el-button> | ||
82 | <el-button type="text" | ||
83 | icon="el-icon-delete" | ||
84 | class='successColor' | ||
85 | v-show={scope.row.jobStatus !== -1} | ||
86 | onClick={() => { this.handleDel(scope.row) }}>删除 | ||
87 | </el-button> | ||
88 | </div> | ||
89 | ); | ||
90 | }, | ||
91 | }, | ||
92 | ]), | ||
93 | data: [] | ||
94 | }, | ||
95 | pageData: { | ||
96 | total: 0, | ||
97 | pageSize: 15, | ||
98 | current: 1, | ||
99 | }, | ||
100 | } | ||
101 | }, | ||
102 | methods: { | ||
103 | handleAdd () { | ||
104 | this.taskData = null | ||
105 | this.isDialog = true | ||
106 | }, | 42 | }, |
107 | resetSe () { | 43 | data () { |
108 | this.form.jobName = '' | 44 | return { |
109 | this.featchData() | 45 | taskData: null, |
110 | }, | 46 | isDialog: false, |
111 | async featchData () { | 47 | form: { |
112 | try { | 48 | jobName: '', |
113 | this.form = Object.assign(this.form, this.formData) | 49 | currentPage: 1 |
114 | let { result } = await sjsbTask.getTaskListByName(this.form) | 50 | }, |
115 | this.tableData.data = result.list | 51 | selectionList: [], |
116 | } catch (error) { | 52 | tableData: { |
117 | this.message = error | 53 | columns: [{ |
54 | label: '序号', | ||
55 | type: 'index', | ||
56 | width: '50', | ||
57 | index: this.indexMethod, | ||
58 | }].concat(data.columns()).concat([ | ||
59 | { | ||
60 | label: "操作", | ||
61 | width: 380, | ||
62 | render: (h, scope) => { | ||
63 | return ( | ||
64 | <div> | ||
65 | <el-button type="text" | ||
66 | v-show={scope.row.jobStatus === 0} | ||
67 | class='btnColor' | ||
68 | icon="el-icon-video-pause" | ||
69 | onClick={() => { this.handleActive(scope.row) }}>激活 | ||
70 | </el-button> | ||
71 | <el-button type="text" | ||
72 | v-show={scope.row.jobStatus === -1} | ||
73 | class='btnColor' | ||
74 | icon="el-icon-video-pause" | ||
75 | onClick={() => { this.recover(scope.row) }}>恢复 | ||
76 | </el-button> | ||
77 | <el-button type="text" | ||
78 | icon="el-icon-edit" | ||
79 | class='btnColor' | ||
80 | onClick={() => { this.handleEdit(scope.row) }}>编辑 | ||
81 | </el-button> | ||
82 | <el-button type="text" | ||
83 | icon="el-icon-delete" | ||
84 | class='successColor' | ||
85 | v-show={scope.row.jobStatus !== -1} | ||
86 | onClick={() => { this.handleDel(scope.row) }}>删除 | ||
87 | </el-button> | ||
88 | </div> | ||
89 | ); | ||
90 | }, | ||
91 | }, | ||
92 | ]), | ||
93 | data: [] | ||
94 | }, | ||
95 | pageData: { | ||
96 | total: 0, | ||
97 | pageSize: 15, | ||
98 | current: 1, | ||
99 | }, | ||
118 | } | 100 | } |
119 | }, | 101 | }, |
120 | recover (row) { | 102 | methods: { |
121 | this.$confirm('此操将进行恢复操作, 是否继续?', '提示', { | 103 | handleAdd () { |
122 | confirmButtonText: '确定', | 104 | this.taskData = null |
123 | cancelButtonText: '取消', | 105 | this.isDialog = true |
124 | type: 'warning', | 106 | }, |
125 | }) | 107 | resetSe () { |
126 | .then(() => { | 108 | this.form.jobName = '' |
127 | sjsbTask.recover(row.jobId) | 109 | this.featchData() |
128 | .then((res) => { | 110 | }, |
129 | if ((res.code = 200)) { | 111 | async featchData () { |
130 | this.$message({ | 112 | try { |
131 | type: 'success', | 113 | this.form = Object.assign(this.form, this.formData) |
132 | message: res.message, | 114 | let { result } = await sjsbTask.getTaskListByName(this.form) |
115 | this.tableData.data = result.list | ||
116 | } catch (error) { | ||
117 | this.message = error | ||
118 | } | ||
119 | }, | ||
120 | recover (row) { | ||
121 | this.$confirm('此操将进行恢复操作, 是否继续?', '提示', { | ||
122 | confirmButtonText: '确定', | ||
123 | cancelButtonText: '取消', | ||
124 | type: 'warning', | ||
125 | }) | ||
126 | .then(() => { | ||
127 | sjsbTask.recover(row.jobId) | ||
128 | .then((res) => { | ||
129 | if ((res.code = 200)) { | ||
130 | this.$message({ | ||
131 | type: 'success', | ||
132 | message: res.message, | ||
133 | }) | ||
134 | this.featchData() | ||
135 | } | ||
136 | }) | ||
137 | .catch((error) => { | ||
138 | this.$alert(error, '提示', { | ||
139 | confirmButtonText: '确定', | ||
140 | type: 'error' | ||
133 | }) | 141 | }) |
134 | this.featchData() | ||
135 | } | ||
136 | }) | ||
137 | .catch((error) => { | ||
138 | this.$alert(error, '提示', { | ||
139 | confirmButtonText: '确定', | ||
140 | type: 'error' | ||
141 | }) | 142 | }) |
143 | }) | ||
144 | .catch(() => { | ||
145 | this.$message({ | ||
146 | type: 'info', | ||
147 | message: '已取消', | ||
142 | }) | 148 | }) |
143 | }) | ||
144 | .catch(() => { | ||
145 | this.$message({ | ||
146 | type: 'info', | ||
147 | message: '已取消', | ||
148 | }) | 149 | }) |
149 | }) | 150 | }, |
150 | }, | ||
151 | 151 | ||
152 | handleActive (row) { | 152 | handleActive (row) { |
153 | this.$confirm('此操将进行激活操作, 是否继续?', '提示', { | 153 | this.$confirm('此操将进行激活操作, 是否继续?', '提示', { |
154 | confirmButtonText: '确定', | 154 | confirmButtonText: '确定', |
155 | cancelButtonText: '取消', | 155 | cancelButtonText: '取消', |
156 | type: 'warning', | 156 | type: 'warning', |
157 | }) | 157 | }) |
158 | .then(() => { | 158 | .then(() => { |
159 | sjsbTask.active(row.jobId) | 159 | sjsbTask.active(row.jobId) |
160 | .then((res) => { | 160 | .then((res) => { |
161 | if ((res.code = 200)) { | 161 | if ((res.code = 200)) { |
162 | this.$message({ | 162 | this.$message({ |
163 | type: 'success', | 163 | type: 'success', |
164 | message: res.message, | 164 | message: res.message, |
165 | }) | ||
166 | this.featchData() | ||
167 | } | ||
168 | }) | ||
169 | .catch((error) => { | ||
170 | this.$alert(error, '提示', { | ||
171 | confirmButtonText: '确定', | ||
172 | type: 'error' | ||
165 | }) | 173 | }) |
166 | this.featchData() | ||
167 | } | ||
168 | }) | ||
169 | .catch((error) => { | ||
170 | this.$alert(error, '提示', { | ||
171 | confirmButtonText: '确定', | ||
172 | type: 'error' | ||
173 | }) | 174 | }) |
175 | }) | ||
176 | .catch(() => { | ||
177 | this.$message({ | ||
178 | type: 'info', | ||
179 | message: '已取消', | ||
174 | }) | 180 | }) |
175 | }) | ||
176 | .catch(() => { | ||
177 | this.$message({ | ||
178 | type: 'info', | ||
179 | message: '已取消', | ||
180 | }) | 181 | }) |
182 | }, | ||
183 | // 暂停 | ||
184 | handleSuspend (row) { | ||
185 | this.$confirm('此操将进行暂停操作, 是否继续?', '提示', { | ||
186 | confirmButtonText: '确定', | ||
187 | cancelButtonText: '取消', | ||
188 | type: 'warning', | ||
181 | }) | 189 | }) |
182 | }, | 190 | .then(() => { |
183 | // 暂停 | 191 | sjsbTask.pauseJob(row.id) |
184 | handleSuspend (row) { | 192 | .then((res) => { |
185 | this.$confirm('此操将进行暂停操作, 是否继续?', '提示', { | 193 | if ((res.code = 200)) { |
186 | confirmButtonText: '确定', | 194 | this.$message({ |
187 | cancelButtonText: '取消', | 195 | type: 'success', |
188 | type: 'warning', | 196 | message: res.message, |
189 | }) | 197 | }) |
190 | .then(() => { | 198 | this.featchData() |
191 | sjsbTask.pauseJob(row.id) | 199 | } |
192 | .then((res) => { | 200 | }) |
193 | if ((res.code = 200)) { | 201 | .catch((error) => { |
194 | this.$message({ | 202 | this.$alert(error, '提示', { |
195 | type: 'success', | 203 | confirmButtonText: '确定', |
196 | message: res.message, | 204 | type: 'error' |
197 | }) | 205 | }) |
198 | this.featchData() | ||
199 | } | ||
200 | }) | ||
201 | .catch((error) => { | ||
202 | this.$alert(error, '提示', { | ||
203 | confirmButtonText: '确定', | ||
204 | type: 'error' | ||
205 | }) | 206 | }) |
207 | }) | ||
208 | .catch(() => { | ||
209 | this.$message({ | ||
210 | type: 'info', | ||
211 | message: '已取消', | ||
206 | }) | 212 | }) |
207 | }) | ||
208 | .catch(() => { | ||
209 | this.$message({ | ||
210 | type: 'info', | ||
211 | message: '已取消', | ||
212 | }) | 213 | }) |
214 | }, | ||
215 | handleEdit (row) { | ||
216 | this.taskData = row | ||
217 | this.isDialog = true | ||
218 | }, | ||
219 | handleDel (row) { | ||
220 | this.$confirm('此操将进行删除操作, 是否继续?', '提示', { | ||
221 | confirmButtonText: '确定', | ||
222 | cancelButtonText: '取消', | ||
223 | type: 'warning', | ||
213 | }) | 224 | }) |
214 | }, | 225 | .then(() => { |
215 | handleEdit (row) { | 226 | sjsbTask.sjsbTaskRemove(row.jobId) |
216 | this.taskData = row | 227 | .then((res) => { |
217 | this.isDialog = true | 228 | if ((res.code = 200)) { |
218 | }, | 229 | this.$message({ |
219 | handleDel (row) { | 230 | type: 'success', |
220 | this.$confirm('此操将进行删除操作, 是否继续?', '提示', { | 231 | message: res.message, |
221 | confirmButtonText: '确定', | 232 | }) |
222 | cancelButtonText: '取消', | 233 | this.featchData() |
223 | type: 'warning', | 234 | } |
224 | }) | 235 | }) |
225 | .then(() => { | 236 | .catch((error) => { |
226 | sjsbTask.sjsbTaskRemove(row.jobId) | 237 | this.$alert(error, '提示', { |
227 | .then((res) => { | 238 | confirmButtonText: '确定', |
228 | if ((res.code = 200)) { | 239 | type: 'error' |
229 | this.$message({ | ||
230 | type: 'success', | ||
231 | message: res.message, | ||
232 | }) | 240 | }) |
233 | this.featchData() | ||
234 | } | ||
235 | }) | ||
236 | .catch((error) => { | ||
237 | this.$alert(error, '提示', { | ||
238 | confirmButtonText: '确定', | ||
239 | type: 'error' | ||
240 | }) | 241 | }) |
242 | }) | ||
243 | .catch(() => { | ||
244 | this.$message({ | ||
245 | type: 'info', | ||
246 | message: '已取消', | ||
241 | }) | 247 | }) |
242 | }) | ||
243 | .catch(() => { | ||
244 | this.$message({ | ||
245 | type: 'info', | ||
246 | message: '已取消', | ||
247 | }) | 248 | }) |
248 | }) | 249 | } |
249 | } | 250 | } |
250 | } | 251 | } |
251 | } | ||
252 | </script> | 252 | </script> |
253 | <style scoped lang="scss"> | 253 | <style scoped lang="scss"> |
254 | @import "~@/styles/mixin.scss"; | 254 | @import "~@/styles/mixin.scss"; |
255 | </style> | 255 | </style> | ... | ... |
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"> | ... | ... |
1 | <template> | 1 | <template> |
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="80px"> | 4 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> | 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> |
... | @@ -408,5 +408,5 @@ export default { | ... | @@ -408,5 +408,5 @@ export default { |
408 | }; | 408 | }; |
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 | </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> | ... | ... |
-
Please register or sign in to post a comment