上报弹框样式调整整理
Showing
17 changed files
with
1910 additions
and
1156 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 |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-17 10:25:19 | 4 | * @LastEditTime: 2023-03-17 10:25:19 |
| 5 | --> | 5 | --> |
| ... | @@ -18,65 +18,29 @@ | ... | @@ -18,65 +18,29 @@ |
| 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: { |
| 26 | type: Object, | 26 | type: Object, |
| 27 | default: {} | 27 | default: {} |
| 28 | } | ||
| 29 | }, | ||
| 30 | data () { | ||
| 31 | return { | ||
| 32 | REPMSGXML: '', | ||
| 33 | ERRORINFO: '', | ||
| 34 | } | ||
| 35 | }, | ||
| 36 | created () { | ||
| 37 | getReceiveDataReportResult(this.formData.bsmReport).then(res => { | ||
| 38 | let data = res.result | ||
| 39 | this.REPMSGXML = data.REPMSGXML | ||
| 40 | this.ERRORINFO = data.ERRORINFO | ||
| 41 | }) | ||
| 28 | } | 42 | } |
| 29 | }, | ||
| 30 | data () { | ||
| 31 | return { | ||
| 32 | REPMSGXML: '', | ||
| 33 | ERRORINFO: '', | ||
| 34 | } | ||
| 35 | }, | ||
| 36 | created () { | ||
| 37 | getReceiveDataReportResult(this.formData.bsmReport).then(res => { | ||
| 38 | let data = res.result | ||
| 39 | this.REPMSGXML = data.REPMSGXML | ||
| 40 | this.ERRORINFO = data.ERRORINFO | ||
| 41 | }) | ||
| 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 { | ||
| 20 | height: 67vh !important; | ||
| 21 | border: none !important; | ||
| 22 | background-color: #08346F !important; | ||
| 23 | color: #ffffff; | ||
| 24 | border: none !important; | ||
| 25 | } | ||
| 26 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 19 | |||
| 20 | </style> | ... | ... |
| ... | @@ -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 | } |
| ... | @@ -218,4 +217,4 @@ input[type="number"] { | ... | @@ -218,4 +217,4 @@ input[type="number"] { |
| 218 | 217 | ||
| 219 | .el-form-item__content { | 218 | .el-form-item__content { |
| 220 | flex: 1; | 219 | flex: 1; |
| 221 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 220 | } | ... | ... |
| ... | @@ -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,45 +18,45 @@ | ... | @@ -18,45 +18,45 @@ |
| 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: { |
| 26 | type: Object, | 26 | type: Object, |
| 27 | default: {} | 27 | default: {} |
| 28 | } | ||
| 29 | }, | ||
| 30 | data () { | ||
| 31 | return { | ||
| 32 | REPMSGXML: '', | ||
| 33 | ERRORINFO: '', | ||
| 34 | } | ||
| 35 | }, | ||
| 36 | created () { | ||
| 37 | getReceiveDataReportResult(this.formData.bsmReport).then(res => { | ||
| 38 | let data = res.result | ||
| 39 | this.REPMSGXML = data.REPMSGXML | ||
| 40 | this.ERRORINFO = data.ERRORINFO | ||
| 41 | }) | ||
| 28 | } | 42 | } |
| 29 | }, | ||
| 30 | data () { | ||
| 31 | return { | ||
| 32 | REPMSGXML: '', | ||
| 33 | ERRORINFO: '', | ||
| 34 | } | ||
| 35 | }, | ||
| 36 | created () { | ||
| 37 | getReceiveDataReportResult(this.formData.bsmReport).then(res => { | ||
| 38 | let data = res.result | ||
| 39 | this.REPMSGXML = data.REPMSGXML | ||
| 40 | this.ERRORINFO = data.ERRORINFO | ||
| 41 | }) | ||
| 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 { |
| 50 | color: #ffffff; | 50 | color: #ffffff; |
| 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 { | ||
| 57 | min-height: 33vh !important; | ||
| 58 | background-color: #08346F !important; | ||
| 59 | color: #ffffff; | ||
| 60 | border: none !important; | ||
| 61 | } | ||
| 62 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 56 | /deep/.el-textarea__inner { | ||
| 57 | min-height: 33vh !important; | ||
| 58 | background-color: #08346f !important; | ||
| 59 | color: #ffffff; | ||
| 60 | border: none !important; | ||
| 61 | } | ||
| 62 | </style> | ... | ... |
src/views/sthj/ywjr/data/index.js
0 → 100644
| 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() |
src/views/sthj/ywjr/edit-dialog.vue
0 → 100644
| 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> |
src/views/sthj/ywjr/index.vue
0 → 100644
| 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> |
src/views/sthj/ywjr/roleslistdiglog.vue
0 → 100644
| 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,181 +29,182 @@ | ... | @@ -29,181 +29,182 @@ |
| 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, |
| 49 | }, | 49 | }, |
| 50 | data () { | 50 | data () { |
| 51 | return { | 51 | return { |
| 52 | isDialog: false, | 52 | isDialog: false, |
| 53 | tablelistData: [], | 53 | tablelistData: [], |
| 54 | listData: [], | 54 | listData: [], |
| 55 | resourceCategoryId: "", | 55 | resourceCategoryId: "", |
| 56 | taskData: null, | 56 | taskData: null, |
| 57 | form: { | 57 | form: { |
| 58 | menuName: "", | 58 | menuName: "", |
| 59 | }, | 59 | }, |
| 60 | title: "", | 60 | title: "", |
| 61 | queryParam: {}, | 61 | queryParam: {}, |
| 62 | selectType: "0", | 62 | selectType: "0", |
| 63 | queryName: "", | 63 | queryName: "", |
| 64 | organizationId: "", // 组织机构ID | 64 | organizationId: "", // 组织机构ID |
| 65 | departmentId: "", // 部门ID | 65 | departmentId: "", // 部门ID |
| 66 | departmentList: [], // 部门列表 | 66 | departmentList: [], // 部门列表 |
| 67 | levelList: [], // 职务级别 | 67 | levelList: [], // 职务级别 |
| 68 | sexList: [], | 68 | sexList: [], |
| 69 | 69 | ||
| 70 | selectionList: [], | 70 | selectionList: [], |
| 71 | tableData: { | 71 | tableData: { |
| 72 | columns: [].concat(data.columns()).concat([ | 72 | columns: [].concat(data.columns()).concat([ |
| 73 | { | 73 | { |
| 74 | label: "操作", | 74 | label: "操作", |
| 75 | width: 380, | 75 | width: 380, |
| 76 | render: (h, scope) => { | 76 | render: (h, scope) => { |
| 77 | return ( | 77 | return ( |
| 78 | <div> | 78 | <div> |
| 79 | <el-button | 79 | <el-button |
| 80 | type="text" | 80 | type="text" |
| 81 | class='successColor' | 81 | class='successColor' |
| 82 | onClick={() => { | 82 | onClick={() => { |
| 83 | this.handleEdit(scope.row); | 83 | this.handleEdit(scope.row); |
| 84 | }} | 84 | }} |
| 85 | > | 85 | > |
| 86 | 修改 | 86 | 修改 |
| 87 | </el-button> | 87 | </el-button> |
| 88 | 88 | ||
| 89 | <el-button | 89 | <el-button |
| 90 | type="text" | 90 | type="text" |
| 91 | class='delColor' | 91 | class='delColor' |
| 92 | onClick={() => { | 92 | onClick={() => { |
| 93 | this.handleDelete(scope.row.id, scope.row.name); | 93 | this.handleDelete(scope.row.id, scope.row.name); |
| 94 | }} | 94 | }} |
| 95 | > | 95 | > |
| 96 | 删除 | 96 | 删除 |
| 97 | </el-button> | 97 | </el-button> |
| 98 | </div> | 98 | </div> |
| 99 | ); | 99 | ); |
| 100 | }, | ||
| 100 | }, | 101 | }, |
| 101 | }, | 102 | ]), |
| 102 | ]), | 103 | data: [], |
| 103 | data: [], | 104 | }, |
| 104 | }, | 105 | tableUrl: api.menus, // 菜单接口地址 |
| 105 | tableUrl: api.menus, // 菜单接口地址 | 106 | meumurlid: api.subsystem,// 项目id接口地址 |
| 106 | meumurlid: api.subsystem,// 项目id接口地址 | 107 | productId: ""//项目id |
| 107 | productId: ""//项目id | 108 | }; |
| 108 | }; | 109 | }, |
| 109 | }, | 110 | created () { |
| 110 | created () { | 111 | this.getTableList(); |
| 111 | this.getTableList(); | ||
| 112 | }, | ||
| 113 | computed: { | ||
| 114 | ...mapGetters(["products"]) | ||
| 115 | }, | ||
| 116 | methods: { | ||
| 117 | //查询 | ||
| 118 | searchQuery () { | ||
| 119 | if (this.form.menuName) { | ||
| 120 | this.tablelistData = this.childrenFn(this.listData, this.form.menuName); | ||
| 121 | } else { | ||
| 122 | this.getTableList() | ||
| 123 | } | ||
| 124 | }, | 112 | }, |
| 125 | childrenFn (arr, key) { | 113 | computed: { |
| 126 | const that = this; | 114 | ...mapGetters(["products"]) |
| 127 | let searchTree = []; | 115 | }, |
| 128 | arr.forEach((item, index) => { | 116 | methods: { |
| 129 | if (item.children != undefined && item.children.length != 0) { | 117 | //查询 |
| 130 | let leaf = that.childrenFn(item.children, key); | 118 | searchQuery () { |
| 131 | if (leaf != undefined) { | 119 | if (this.form.menuName) { |
| 132 | let { name, code, resourceCategoryId, id, iproductId, operations, metadata } = item; | 120 | this.tablelistData = this.childrenFn(this.listData, this.form.menuName); |
| 133 | let parentObj = { | 121 | } else { |
| 134 | code, name, resourceCategoryId, id, iproductId, operations, metadata, children: leaf | 122 | this.getTableList() |
| 135 | }; | 123 | } |
| 136 | searchTree.push(parentObj); | 124 | }, |
| 125 | childrenFn (arr, key) { | ||
| 126 | const that = this; | ||
| 127 | let searchTree = []; | ||
| 128 | arr.forEach((item, index) => { | ||
| 129 | if (item.children != undefined && item.children.length != 0) { | ||
| 130 | let leaf = that.childrenFn(item.children, key); | ||
| 131 | if (leaf != undefined) { | ||
| 132 | let { name, code, resourceCategoryId, id, iproductId, operations, metadata } = item; | ||
| 133 | let parentObj = { | ||
| 134 | code, name, resourceCategoryId, id, iproductId, operations, metadata, children: leaf | ||
| 135 | }; | ||
| 136 | searchTree.push(parentObj); | ||
| 137 | } else { | ||
| 138 | if (item.name.indexOf(key) != -1) { | ||
| 139 | searchTree.push(item); | ||
| 140 | } | ||
| 141 | } | ||
| 137 | } else { | 142 | } else { |
| 138 | if (item.name.indexOf(key) != -1) { | 143 | if (item.name.indexOf(key) != -1) { |
| 144 | |||
| 139 | searchTree.push(item); | 145 | searchTree.push(item); |
| 140 | } | 146 | } |
| 141 | } | 147 | } |
| 142 | } else { | 148 | }); |
| 143 | if (item.name.indexOf(key) != -1) { | 149 | if (searchTree != undefined && searchTree.length != 0) { |
| 144 | 150 | return searchTree; | |
| 145 | searchTree.push(item); | ||
| 146 | } | ||
| 147 | } | 151 | } |
| 148 | }); | 152 | }, |
| 149 | if (searchTree != undefined && searchTree.length != 0) { | 153 | // 加载表格数据 |
| 150 | return searchTree; | 154 | getTableList () { |
| 151 | } | 155 | getMenuInfo(this.BASE_API.CODE).then((res) => { |
| 152 | }, | 156 | console.log("/sthj", res); |
| 153 | // 加载表格数据 | 157 | if (res.code === 200) { |
| 154 | getTableList () { | 158 | this.tablelistData = judgeSort(res.result) |
| 155 | getMenuInfo(this.BASE_API.CODE).then((res) => { | 159 | this.listData = this.tablelistData |
| 156 | if (res.code === 200) { | 160 | } else { |
| 157 | this.tablelistData = judgeSort(res.result) | 161 | this.$message.error({ message: res.message, showClose: true }) |
| 158 | this.listData = this.tablelistData | 162 | } |
| 159 | } else { | ||
| 160 | this.$message.error({ message: res.message, showClose: true }) | ||
| 161 | } | ||
| 162 | }) | ||
| 163 | const queryOptionsid = { | ||
| 164 | conditionGroup: { | ||
| 165 | queryRelation: "AND", | ||
| 166 | conditions: [ | ||
| 167 | { | ||
| 168 | property: "code", | ||
| 169 | value: sessionStorage.getItem("products"), | ||
| 170 | operator: "EQ", | ||
| 171 | }, | ||
| 172 | ], | ||
| 173 | }, | ||
| 174 | }; | ||
| 175 | const params = { | ||
| 176 | queryOptions: queryOptionsid, | ||
| 177 | }; | ||
| 178 | // 获取系统id | ||
| 179 | getAction(this.meumurlid, params) | ||
| 180 | .then((res) => { | ||
| 181 | this.productId = res.content[0].id; | ||
| 182 | this.getAuthorityList(res.content[0].id, res.content[0].code) | ||
| 183 | this.selectedSubsystemCode = res.content[0].code | ||
| 184 | |||
| 185 | }) | ||
| 186 | .catch((error) => { | ||
| 187 | console.log("er", error); | ||
| 188 | }) | 163 | }) |
| 189 | }, | 164 | const queryOptionsid = { |
| 190 | // 新增菜单 | 165 | conditionGroup: { |
| 191 | handleAdd () { | 166 | queryRelation: "AND", |
| 192 | this.isDialog = true | 167 | conditions: [ |
| 193 | this.$refs.dialogForm.add(); | 168 | { |
| 194 | this.$refs.dialogForm.title = "新增"; | 169 | property: "code", |
| 195 | }, | 170 | value: this.BASE_API.CODE, |
| 171 | operator: "EQ", | ||
| 172 | }, | ||
| 173 | ], | ||
| 174 | }, | ||
| 175 | }; | ||
| 176 | const params = { | ||
| 177 | queryOptions: queryOptionsid, | ||
| 178 | }; | ||
| 179 | // 获取系统id | ||
| 180 | getAction(this.meumurlid, params) | ||
| 181 | .then((res) => { | ||
| 182 | this.productId = res.content[0].id; | ||
| 183 | this.getAuthorityList(res.content[0].id, res.content[0].code) | ||
| 184 | this.selectedSubsystemCode = res.content[0].code | ||
| 196 | 185 | ||
| 197 | // 修改 | 186 | }) |
| 198 | handleEdit (record) { | 187 | .catch((error) => { |
| 199 | this.isDialog = true | 188 | console.log("er", error); |
| 200 | this.$refs.dialogForm.edit(record); | 189 | }) |
| 201 | this.$refs.dialogForm.title = "修改"; | 190 | }, |
| 202 | }, | 191 | // 新增菜单 |
| 203 | // 删除 | 192 | handleAdd () { |
| 204 | handleDelete (id, content) { | 193 | this.isDialog = true |
| 205 | this.$confirm( | 194 | this.$refs.dialogForm.add(); |
| 206 | `<div class="customer-message-wrapper"> | 195 | this.$refs.dialogForm.title = "新增"; |
| 196 | }, | ||
| 197 | |||
| 198 | // 修改 | ||
| 199 | handleEdit (record) { | ||
| 200 | this.isDialog = true | ||
| 201 | this.$refs.dialogForm.edit(record); | ||
| 202 | this.$refs.dialogForm.title = "修改"; | ||
| 203 | }, | ||
| 204 | // 删除 | ||
| 205 | handleDelete (id, content) { | ||
| 206 | this.$confirm( | ||
| 207 | `<div class="customer-message-wrapper"> | ||
| 207 | <h5 class="title">您确认要执行该操作用于以下信息:</h5> | 208 | <h5 class="title">您确认要执行该操作用于以下信息:</h5> |
| 208 | <p class="content" aria-controls="${content}">${content} | 209 | <p class="content" aria-controls="${content}">${content} |
| 209 | </p> | 210 | </p> |
| ... | @@ -211,48 +212,48 @@ export default { | ... | @@ -211,48 +212,48 @@ export default { |
| 211 | <span >无法恢复</span> | 212 | <span >无法恢复</span> |
| 212 | </p> | 213 | </p> |
| 213 | </div>`, | 214 | </div>`, |
| 214 | '执行确认', | 215 | '执行确认', |
| 215 | { | 216 | { |
| 216 | dangerouslyUseHTMLString: true, | 217 | dangerouslyUseHTMLString: true, |
| 217 | customClass: 'customer-delete', | 218 | customClass: 'customer-delete', |
| 218 | confirmButtonText: '确定', | 219 | confirmButtonText: '确定', |
| 219 | cancelButtonText: '取消', | 220 | cancelButtonText: '取消', |
| 220 | type: 'warning' | 221 | type: 'warning' |
| 221 | } | ||
| 222 | ) | ||
| 223 | .then(() => { | ||
| 224 | if (!this.tableUrl) { | ||
| 225 | this.$message.error({ | ||
| 226 | message: '请设置tableUrl属性为接口地址!', | ||
| 227 | showClose: true | ||
| 228 | }) | ||
| 229 | return | ||
| 230 | } | 222 | } |
| 231 | const url = this.tableUrl + '/' + id | 223 | ) |
| 232 | deleteAction(url).then(res => { | 224 | .then(() => { |
| 233 | if (res.status === 1) { | 225 | if (!this.tableUrl) { |
| 234 | this.$message.success({ message: res.message, showClose: true }) | 226 | this.$message.error({ |
| 235 | this.reloadTableData() | 227 | message: '请设置tableUrl属性为接口地址!', |
| 236 | } else { | 228 | showClose: true |
| 237 | this.$message.error({ message: res.message, showClose: true }) | 229 | }) |
| 230 | return | ||
| 238 | } | 231 | } |
| 232 | const url = this.tableUrl + '/' + id | ||
| 233 | deleteAction(url).then(res => { | ||
| 234 | if (res.status === 1) { | ||
| 235 | this.$message.success({ message: res.message, showClose: true }) | ||
| 236 | this.reloadTableData() | ||
| 237 | } else { | ||
| 238 | this.$message.error({ message: res.message, showClose: true }) | ||
| 239 | } | ||
| 240 | }) | ||
| 239 | }) | 241 | }) |
| 240 | }) | 242 | .catch(() => { }) |
| 241 | .catch(() => { }) | 243 | }, |
| 242 | }, | 244 | // 新增、编辑回显 |
| 243 | // 新增、编辑回显 | 245 | reloadTableData () { |
| 244 | reloadTableData () { | 246 | this.getTableList() |
| 245 | this.getTableList() | 247 | }, |
| 246 | }, | 248 | }, |
| 247 | }, | 249 | }; |
| 248 | }; | ||
| 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,439 +29,439 @@ | ... | @@ -29,439 +29,439 @@ |
| 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: { |
| 53 | EditDialog, | 53 | EditDialog, |
| 54 | Roleslistdiglog, | 54 | Roleslistdiglog, |
| 55 | }, | 55 | }, |
| 56 | data () { | 56 | data () { |
| 57 | return { | 57 | return { |
| 58 | isDialog: false, | 58 | isDialog: false, |
| 59 | personlist: null, | 59 | personlist: null, |
| 60 | waitMemberList: [], | 60 | waitMemberList: [], |
| 61 | keyList: [], | 61 | keyList: [], |
| 62 | listdata: [], | 62 | listdata: [], |
| 63 | setlistdata: [], | 63 | setlistdata: [], |
| 64 | tableUrlroles: api.roles, | 64 | tableUrlroles: api.roles, |
| 65 | form: { | 65 | form: { |
| 66 | rolesName: "", | 66 | rolesName: "", |
| 67 | }, | ||
| 68 | // 当前所选角色id | ||
| 69 | roleId: "", | ||
| 70 | title: "", | ||
| 71 | queryParam: {}, | ||
| 72 | multipleSelection: [], | ||
| 73 | // 菜单列表 | ||
| 74 | menutablelistData: [], | ||
| 75 | tableUrl: api.menus, // 菜单接口地址 | ||
| 76 | meumurlid: api.subsystem, // 项目id接口地址 | ||
| 77 | selectType: "0", | ||
| 78 | queryName: "", | ||
| 79 | organizationId: "", // 组织机构ID | ||
| 80 | departmentId: "", // 部门ID | ||
| 81 | departmentList: [], // 部门列表 | ||
| 82 | levelList: [], // 职务级别 | ||
| 83 | sexList: [], | ||
| 84 | operationCodes: null, // 操作符对象 | ||
| 85 | operationList: [], // 获取授权列表需要提交的操作符数组 | ||
| 86 | typeOptions: [ | ||
| 87 | { | ||
| 88 | value: "0", | ||
| 89 | label: "姓名", | ||
| 90 | }, | ||
| 91 | { | ||
| 92 | value: "1", | ||
| 93 | label: "工号", | ||
| 94 | }, | ||
| 95 | { | ||
| 96 | value: "2", | ||
| 97 | label: "部门", | ||
| 98 | }, | ||
| 99 | { | ||
| 100 | value: "3", | ||
| 101 | label: "机构", | ||
| 102 | }, | 67 | }, |
| 103 | ], | 68 | // 当前所选角色id |
| 104 | 69 | roleId: "", | |
| 105 | selectionList: [], | 70 | title: "", |
| 106 | tableData: { | 71 | queryParam: {}, |
| 107 | columns: [ | 72 | multipleSelection: [], |
| 73 | // 菜单列表 | ||
| 74 | menutablelistData: [], | ||
| 75 | tableUrl: api.menus, // 菜单接口地址 | ||
| 76 | meumurlid: api.subsystem, // 项目id接口地址 | ||
| 77 | selectType: "0", | ||
| 78 | queryName: "", | ||
| 79 | organizationId: "", // 组织机构ID | ||
| 80 | departmentId: "", // 部门ID | ||
| 81 | departmentList: [], // 部门列表 | ||
| 82 | levelList: [], // 职务级别 | ||
| 83 | sexList: [], | ||
| 84 | operationCodes: null, // 操作符对象 | ||
| 85 | operationList: [], // 获取授权列表需要提交的操作符数组 | ||
| 86 | typeOptions: [ | ||
| 108 | { | 87 | { |
| 109 | label: "序号", | 88 | value: "0", |
| 110 | type: "index", | 89 | label: "姓名", |
| 111 | width: "50", | ||
| 112 | index: this.indexMethod, | ||
| 113 | }, | 90 | }, |
| 114 | ] | 91 | { |
| 115 | .concat(data.columns()) | 92 | value: "1", |
| 116 | .concat([ | 93 | label: "工号", |
| 94 | }, | ||
| 95 | { | ||
| 96 | value: "2", | ||
| 97 | label: "部门", | ||
| 98 | }, | ||
| 99 | { | ||
| 100 | value: "3", | ||
| 101 | label: "机构", | ||
| 102 | }, | ||
| 103 | ], | ||
| 104 | |||
| 105 | selectionList: [], | ||
| 106 | tableData: { | ||
| 107 | columns: [ | ||
| 117 | { | 108 | { |
| 118 | label: "排序", | 109 | label: "序号", |
| 119 | width: 300, | 110 | type: "index", |
| 120 | render: (h, scope) => { | 111 | width: "50", |
| 121 | return ( | 112 | index: this.indexMethod, |
| 122 | <div> | ||
| 123 | <el-button | ||
| 124 | type="text" | ||
| 125 | class='movebtnColor' | ||
| 126 | disabled={scope.row.isTop} | ||
| 127 | onClick={() => { | ||
| 128 | this.updateOrder(scope.row, 'TOP'); | ||
| 129 | }} | ||
| 130 | > | ||
| 131 | 置顶 | ||
| 132 | </el-button> | ||
| 133 | <el-button | ||
| 134 | type="text" | ||
| 135 | class='movebtnColor' | ||
| 136 | disabled={scope.row.isTop} | ||
| 137 | onClick={() => { | ||
| 138 | this.updateOrder(scope.row, 'UP'); | ||
| 139 | }} | ||
| 140 | > | ||
| 141 | 上移 | ||
| 142 | </el-button> | ||
| 143 | <el-button | ||
| 144 | type="text" | ||
| 145 | class='movebtnColor' | ||
| 146 | disabled={scope.row.isBottom} | ||
| 147 | onClick={() => { | ||
| 148 | this.updateOrder(scope.row, 'DOWN'); | ||
| 149 | }} | ||
| 150 | > | ||
| 151 | 下移 | ||
| 152 | </el-button> | ||
| 153 | <el-button | ||
| 154 | type="text" | ||
| 155 | class='movebtnColor' | ||
| 156 | disabled={scope.row.isBottom} | ||
| 157 | onClick={() => { | ||
| 158 | this.updateOrder(scope.row, 'BOTTOM'); | ||
| 159 | }} | ||
| 160 | > | ||
| 161 | 置底 | ||
| 162 | </el-button> | ||
| 163 | </div> | ||
| 164 | ); | ||
| 165 | }, | ||
| 166 | }, | 113 | }, |
| 167 | ]) | 114 | ] |
| 168 | .concat([ | 115 | .concat(data.columns()) |
| 169 | { | 116 | .concat([ |
| 170 | label: "操作", | 117 | { |
| 171 | width: 280, | 118 | label: "排序", |
| 172 | render: (h, scope) => { | 119 | width: 300, |
| 173 | return ( | 120 | render: (h, scope) => { |
| 174 | <div> | 121 | return ( |
| 175 | <el-tooltip | 122 | <div> |
| 176 | class="item" | 123 | <el-button |
| 177 | effect="dark" | 124 | type="text" |
| 178 | disabled={scope.row.type !== "Everyone"} | 125 | class='movebtnColor' |
| 179 | content="没有点击的权限" | 126 | disabled={scope.row.isTop} |
| 180 | placement="top" | 127 | onClick={() => { |
| 181 | > | 128 | this.updateOrder(scope.row, 'TOP'); |
| 182 | <span> | 129 | }} |
| 183 | <el-button | 130 | > |
| 184 | disabled={scope.row.type === "Everyone"} | 131 | 置顶 |
| 185 | type="text" | 132 | </el-button> |
| 186 | size="mini" | 133 | <el-button |
| 187 | class="configurationbtnColor" | 134 | type="text" |
| 188 | onClick={() => { | 135 | class='movebtnColor' |
| 189 | this.getList(scope.row); | 136 | disabled={scope.row.isTop} |
| 190 | }} | 137 | onClick={() => { |
| 191 | > | 138 | this.updateOrder(scope.row, 'UP'); |
| 192 | 配置 | 139 | }} |
| 193 | </el-button> | 140 | > |
| 194 | </span> | 141 | 上移 |
| 195 | </el-tooltip> | 142 | </el-button> |
| 196 | <el-tooltip | 143 | <el-button |
| 197 | class="item" | 144 | type="text" |
| 198 | effect="dark" | 145 | class='movebtnColor' |
| 199 | disabled={scope.row.category !== 1} | 146 | disabled={scope.row.isBottom} |
| 200 | content="系统内置角色 不允许修改" | 147 | onClick={() => { |
| 201 | placement="top" | 148 | this.updateOrder(scope.row, 'DOWN'); |
| 202 | > | 149 | }} |
| 203 | <span> | 150 | > |
| 204 | <el-button | 151 | 下移 |
| 205 | disabled={scope.row.category === 1} | 152 | </el-button> |
| 206 | type="text" | 153 | <el-button |
| 207 | size="mini" | 154 | type="text" |
| 208 | class='successColor' | 155 | class='movebtnColor' |
| 209 | onClick={() => { | 156 | disabled={scope.row.isBottom} |
| 210 | this.handleAddEdit(scope.row); | 157 | onClick={() => { |
| 211 | }} | 158 | this.updateOrder(scope.row, 'BOTTOM'); |
| 212 | > | 159 | }} |
| 213 | 修改 | 160 | > |
| 214 | </el-button> | 161 | 置底 |
| 215 | </span> | 162 | </el-button> |
| 216 | </el-tooltip> | 163 | </div> |
| 217 | <el-tooltip | 164 | ); |
| 218 | class="item" | 165 | }, |
| 219 | effect="dark" | ||
| 220 | disabled={scope.row.category !== 1} | ||
| 221 | content="系统内置角色 不允许删除" | ||
| 222 | placement="top" | ||
| 223 | > | ||
| 224 | <span> | ||
| 225 | <el-button | ||
| 226 | type="text" | ||
| 227 | disabled={scope.row.category === 1} | ||
| 228 | size="mini" | ||
| 229 | class='delColor' | ||
| 230 | // style="color:#F56C6C" | ||
| 231 | onClick={() => { | ||
| 232 | this.handleDelete(scope.row.id, scope.row.name); | ||
| 233 | }} | ||
| 234 | > | ||
| 235 | 删除 | ||
| 236 | </el-button> | ||
| 237 | </span> | ||
| 238 | </el-tooltip> | ||
| 239 | </div> | ||
| 240 | ); | ||
| 241 | }, | 166 | }, |
| 167 | ]) | ||
| 168 | .concat([ | ||
| 169 | { | ||
| 170 | label: "操作", | ||
| 171 | width: 280, | ||
| 172 | render: (h, scope) => { | ||
| 173 | return ( | ||
| 174 | <div> | ||
| 175 | <el-tooltip | ||
| 176 | class="item" | ||
| 177 | effect="dark" | ||
| 178 | disabled={scope.row.type !== "Everyone"} | ||
| 179 | content="没有点击的权限" | ||
| 180 | placement="top" | ||
| 181 | > | ||
| 182 | <span> | ||
| 183 | <el-button | ||
| 184 | disabled={scope.row.type === "Everyone"} | ||
| 185 | type="text" | ||
| 186 | size="mini" | ||
| 187 | class="configurationbtnColor" | ||
| 188 | onClick={() => { | ||
| 189 | this.getList(scope.row); | ||
| 190 | }} | ||
| 191 | > | ||
| 192 | 配置 | ||
| 193 | </el-button> | ||
| 194 | </span> | ||
| 195 | </el-tooltip> | ||
| 196 | <el-tooltip | ||
| 197 | class="item" | ||
| 198 | effect="dark" | ||
| 199 | disabled={scope.row.category !== 1} | ||
| 200 | content="系统内置角色 不允许修改" | ||
| 201 | placement="top" | ||
| 202 | > | ||
| 203 | <span> | ||
| 204 | <el-button | ||
| 205 | disabled={scope.row.category === 1} | ||
| 206 | type="text" | ||
| 207 | size="mini" | ||
| 208 | class='successColor' | ||
| 209 | onClick={() => { | ||
| 210 | this.handleAddEdit(scope.row); | ||
| 211 | }} | ||
| 212 | > | ||
| 213 | 修改 | ||
| 214 | </el-button> | ||
| 215 | </span> | ||
| 216 | </el-tooltip> | ||
| 217 | <el-tooltip | ||
| 218 | class="item" | ||
| 219 | effect="dark" | ||
| 220 | disabled={scope.row.category !== 1} | ||
| 221 | content="系统内置角色 不允许删除" | ||
| 222 | placement="top" | ||
| 223 | > | ||
| 224 | <span> | ||
| 225 | <el-button | ||
| 226 | type="text" | ||
| 227 | disabled={scope.row.category === 1} | ||
| 228 | size="mini" | ||
| 229 | class='delColor' | ||
| 230 | // style="color:#F56C6C" | ||
| 231 | onClick={() => { | ||
| 232 | this.handleDelete(scope.row.id, scope.row.name); | ||
| 233 | }} | ||
| 234 | > | ||
| 235 | 删除 | ||
| 236 | </el-button> | ||
| 237 | </span> | ||
| 238 | </el-tooltip> | ||
| 239 | </div> | ||
| 240 | ); | ||
| 241 | }, | ||
| 242 | 242 | ||
| 243 | }]), | 243 | }]), |
| 244 | }, | 244 | }, |
| 245 | data: [], | 245 | data: [], |
| 246 | } | ||
| 247 | }, | ||
| 248 | created () { | ||
| 249 | this.getTableData(); | ||
| 250 | this.getTableList() | ||
| 251 | }, | ||
| 252 | computed: { | ||
| 253 | ...mapGetters(["products"]) | ||
| 254 | }, | ||
| 255 | mounted () { }, | ||
| 256 | methods: { | ||
| 257 | //查询 | ||
| 258 | searchQuery () { | ||
| 259 | if (this.form.rolesName) { | ||
| 260 | this.listdata = this.childrenFn(this.setlistdata, this.form.rolesName); | ||
| 261 | } else { | ||
| 262 | this.getTableData() | ||
| 263 | } | 246 | } |
| 264 | }, | 247 | }, |
| 265 | childrenFn (arr, key) { | 248 | created () { |
| 266 | let searchTree = []; | 249 | this.getTableData(); |
| 267 | arr.forEach((item, index) => { | 250 | this.getTableList() |
| 268 | if (item.name.indexOf(key) != -1) { | ||
| 269 | |||
| 270 | searchTree.push(item); | ||
| 271 | } | ||
| 272 | }); | ||
| 273 | if (searchTree != undefined && searchTree.length != 0) { | ||
| 274 | return judgeSort(searchTree); | ||
| 275 | } | ||
| 276 | }, | 251 | }, |
| 277 | // 获取角色列表 | 252 | computed: { |
| 278 | getTableData () { | 253 | ...mapGetters(["products"]) |
| 279 | getRolesById([1, 2]) | ||
| 280 | .then((res) => { | ||
| 281 | this.listdata = res.content; | ||
| 282 | this.listdata = judgeSort(this.listdata); | ||
| 283 | this.setlistdata = res.content; | ||
| 284 | }) | ||
| 285 | .catch((e) => console.error(e)); | ||
| 286 | }, | 254 | }, |
| 287 | 255 | mounted () { }, | |
| 288 | // 获取菜单列表 | 256 | methods: { |
| 289 | getTableList () { | 257 | //查询 |
| 290 | getMenuInfo(this.BASE_API.CODE).then((res) => { | 258 | searchQuery () { |
| 291 | if (res.code === 200) { | 259 | if (this.form.rolesName) { |
| 292 | this.menutablelistData = judgeSort(res.result) | 260 | this.listdata = this.childrenFn(this.setlistdata, this.form.rolesName); |
| 293 | } else { | 261 | } else { |
| 294 | this.$message.error({ message: res.message, showClose: true }) | 262 | this.getTableData() |
| 295 | } | 263 | } |
| 296 | }) | 264 | }, |
| 297 | const queryOptionsid = { | 265 | childrenFn (arr, key) { |
| 298 | conditionGroup: { | 266 | let searchTree = []; |
| 299 | queryRelation: "AND", | 267 | arr.forEach((item, index) => { |
| 300 | conditions: [ | 268 | if (item.name.indexOf(key) != -1) { |
| 301 | { | 269 | |
| 302 | property: "code", | 270 | searchTree.push(item); |
| 303 | value: this.products, | 271 | } |
| 304 | operator: "EQ", | ||
| 305 | }, | ||
| 306 | ], | ||
| 307 | }, | ||
| 308 | }; | ||
| 309 | const params = { | ||
| 310 | queryOptions: queryOptionsid, | ||
| 311 | }; | ||
| 312 | // 获取系统id | ||
| 313 | getAction(this.meumurlid, params) | ||
| 314 | .then((res) => { | ||
| 315 | this.productId = res.content[0].id; | ||
| 316 | this.getAuthorityList(res.content[0].id, res.content[0].code) | ||
| 317 | this.selectedSubsystemCode = res.content[0].code | ||
| 318 | // let queryOptions = { | ||
| 319 | // conditionGroup: { | ||
| 320 | // conditions: [ | ||
| 321 | // { | ||
| 322 | // property: "productId", | ||
| 323 | // value: this.productId, | ||
| 324 | // operator: "EQ", | ||
| 325 | // }, | ||
| 326 | // ], | ||
| 327 | // queryRelation: "AND", | ||
| 328 | // }, | ||
| 329 | // orderBys: [{ property: "sort", direction: "desc" }], | ||
| 330 | // }; | ||
| 331 | // if (!this.tableUrl) { | ||
| 332 | // console.log("请设置tableUrl属性为接口地址!"); | ||
| 333 | // return; | ||
| 334 | // } | ||
| 335 | // if (this.queryOptions !== "") { | ||
| 336 | // this.queryParam.queryOptions = JSON.stringify(queryOptions); | ||
| 337 | // } | ||
| 338 | // 查询系统菜单 | ||
| 339 | // getAction(this.tableUrl, this.queryParam) | ||
| 340 | // .then((res) => { | ||
| 341 | // if (res.status === 1) { | ||
| 342 | // this.loading = false; | ||
| 343 | // // this.menutablelistData = res.content; | ||
| 344 | // console.log("res.content菜单", res.content); | ||
| 345 | // } else { | ||
| 346 | // this.$message.error({ message: res.message, showClose: true }); | ||
| 347 | // this.loading = false; | ||
| 348 | // } | ||
| 349 | // }) | ||
| 350 | // .catch((error) => { | ||
| 351 | // console.log("er", error); | ||
| 352 | // this.loading = false; | ||
| 353 | // }); | ||
| 354 | }) | ||
| 355 | .catch((error) => { | ||
| 356 | console.log("er", error); | ||
| 357 | }); | 272 | }); |
| 358 | }, | 273 | if (searchTree != undefined && searchTree.length != 0) { |
| 359 | // 获取权限列表 | 274 | return judgeSort(searchTree); |
| 360 | getAuthorityList (productId, code) { | 275 | } |
| 361 | getAuthorityListAction(productId, code).then( | 276 | }, |
| 362 | res => { | 277 | // 获取角色列表 |
| 363 | if (res.status === 1) { | 278 | getTableData () { |
| 364 | if (res.content.length !== 0) { | 279 | getRolesById([1, 2]) |
| 365 | this.operationCodes = res.content[0].operations | 280 | .then((res) => { |
| 366 | this.operationList = [] | 281 | this.listdata = res.content; |
| 367 | for (var k in this.operationCodes) { | 282 | this.listdata = judgeSort(this.listdata); |
| 368 | this.operationList.push(k) | 283 | this.setlistdata = res.content; |
| 369 | } | 284 | }) |
| 370 | } | 285 | .catch((e) => console.error(e)); |
| 286 | }, | ||
| 287 | |||
| 288 | // 获取菜单列表 | ||
| 289 | getTableList () { | ||
| 290 | getMenuInfo(this.BASE_API.CODE).then((res) => { | ||
| 291 | if (res.code === 200) { | ||
| 292 | this.menutablelistData = judgeSort(res.result) | ||
| 371 | } else { | 293 | } else { |
| 372 | this.$message.error({ message: res.message, showClose: true }) | 294 | this.$message.error({ message: res.message, showClose: true }) |
| 373 | } | 295 | } |
| 374 | } | 296 | }) |
| 375 | ) | 297 | const queryOptionsid = { |
| 376 | }, | 298 | conditionGroup: { |
| 377 | 299 | queryRelation: "AND", | |
| 378 | // 配置 | 300 | conditions: [ |
| 379 | getList (row) { | 301 | { |
| 380 | this.getTableList() | 302 | property: "code", |
| 381 | const params = {}; | 303 | value: this.products, |
| 382 | const queryOptions = { | 304 | operator: "EQ", |
| 383 | conditionGroup: { | 305 | }, |
| 384 | conditions: [ | 306 | ], |
| 385 | { | 307 | }, |
| 386 | property: "organizationId", | 308 | }; |
| 387 | value: row.organizationId, | 309 | const params = { |
| 388 | operator: "EQ", | 310 | queryOptions: queryOptionsid, |
| 389 | }, | 311 | }; |
| 390 | { | 312 | // 获取系统id |
| 391 | property: "departmentId", | 313 | getAction(this.meumurlid, params) |
| 392 | value: row.departmentId, | 314 | .then((res) => { |
| 393 | operator: "EQ", | 315 | this.productId = res.content[0].id; |
| 394 | }, | 316 | this.getAuthorityList(res.content[0].id, res.content[0].code) |
| 395 | ], | 317 | this.selectedSubsystemCode = res.content[0].code |
| 396 | queryRelation: "AND", | 318 | // let queryOptions = { |
| 397 | }, | 319 | // conditionGroup: { |
| 398 | orderBys: [{ property: "sort", direction: "desc" }], | 320 | // conditions: [ |
| 399 | }; | 321 | // { |
| 400 | params.queryOptions = JSON.stringify(queryOptions); | 322 | // property: "productId", |
| 401 | 323 | // value: this.productId, | |
| 402 | getUserRoles(row.id).then((res) => { | 324 | // operator: "EQ", |
| 403 | if (res.status === 1) { | 325 | // }, |
| 404 | this.personlist = res.content; | 326 | // ], |
| 405 | getAction(api.users, params).then((res) => { | 327 | // queryRelation: "AND", |
| 328 | // }, | ||
| 329 | // orderBys: [{ property: "sort", direction: "desc" }], | ||
| 330 | // }; | ||
| 331 | // if (!this.tableUrl) { | ||
| 332 | // console.log("请设置tableUrl属性为接口地址!"); | ||
| 333 | // return; | ||
| 334 | // } | ||
| 335 | // if (this.queryOptions !== "") { | ||
| 336 | // this.queryParam.queryOptions = JSON.stringify(queryOptions); | ||
| 337 | // } | ||
| 338 | // 查询系统菜单 | ||
| 339 | // getAction(this.tableUrl, this.queryParam) | ||
| 340 | // .then((res) => { | ||
| 341 | // if (res.status === 1) { | ||
| 342 | // this.loading = false; | ||
| 343 | // // this.menutablelistData = res.content; | ||
| 344 | // console.log("res.content菜单", res.content); | ||
| 345 | // } else { | ||
| 346 | // this.$message.error({ message: res.message, showClose: true }); | ||
| 347 | // this.loading = false; | ||
| 348 | // } | ||
| 349 | // }) | ||
| 350 | // .catch((error) => { | ||
| 351 | // console.log("er", error); | ||
| 352 | // this.loading = false; | ||
| 353 | // }); | ||
| 354 | }) | ||
| 355 | .catch((error) => { | ||
| 356 | console.log("er", error); | ||
| 357 | }); | ||
| 358 | }, | ||
| 359 | // 获取权限列表 | ||
| 360 | getAuthorityList (productId, code) { | ||
| 361 | getAuthorityListAction(productId, code).then( | ||
| 362 | res => { | ||
| 406 | if (res.status === 1) { | 363 | if (res.status === 1) { |
| 407 | this.waitMemberList = res.content; | 364 | if (res.content.length !== 0) { |
| 408 | if (this.personlist) { | 365 | this.operationCodes = res.content[0].operations |
| 409 | this.waitMemberList.forEach((item, i) => { | 366 | this.operationList = [] |
| 410 | this.personlist.forEach((val) => { | 367 | for (var k in this.operationCodes) { |
| 411 | if (item.id === val.id) { | 368 | this.operationList.push(k) |
| 412 | this.waitMemberList[i].selectStatus = 0; | 369 | } |
| 413 | } | ||
| 414 | }); | ||
| 415 | }); | ||
| 416 | } | 370 | } |
| 417 | |||
| 418 | this.$refs.rolesForm.personlist(this.waitMemberList, row.id); | ||
| 419 | this.$refs.rolesForm.menulist(this.operationList, row.id, this.selectedSubsystemCode, this.menutablelistData, this.operationCodes); | ||
| 420 | } else { | 371 | } else { |
| 421 | this.$message.error({ message: res.message, showClose: true }); | 372 | this.$message.error({ message: res.message, showClose: true }) |
| 422 | } | 373 | } |
| 423 | }); | 374 | } |
| 424 | this.$refs.rolesForm.title = "人员配置"; | 375 | ) |
| 425 | } else this.$message.error({ message: res.message, showClose: true }); | 376 | }, |
| 426 | }); | ||
| 427 | }, | ||
| 428 | // 新增、修改角色 | ||
| 429 | handleAddEdit (value) { | ||
| 430 | this.isDialog = true | ||
| 431 | this.$refs.addEditDialog.menuType = this.menuType; | ||
| 432 | this.$refs.addEditDialog.roleId = value.id; | ||
| 433 | this.roleSort = value.sort ? value.sort : 0; | ||
| 434 | this.$refs.addEditDialog.dialogForm.roleType = sessionStorage.getItem("products"); | ||
| 435 | if (value.id) { | ||
| 436 | this.$refs.addEditDialog.dialogForm.roleName = value.name; | ||
| 437 | 377 | ||
| 438 | this.$refs.addEditDialog.dialogForm.roleTextArea = value.description; | 378 | // 配置 |
| 439 | } | 379 | getList (row) { |
| 440 | this.$refs.addEditDialog.showAddEditDialog = true; | 380 | this.getTableList() |
| 441 | this.$refs.addEditDialog.title = value.id ? "修改" : "新增"; | 381 | const params = {}; |
| 442 | }, | 382 | const queryOptions = { |
| 443 | //排序 | 383 | conditionGroup: { |
| 444 | updateOrder (record, operate) { | 384 | conditions: [ |
| 445 | const findIndex = this.listdata.findIndex(item => item.id === record.id) | 385 | { |
| 446 | let swapId = '' | 386 | property: "organizationId", |
| 447 | if (operate === 'UP') { | 387 | value: row.organizationId, |
| 448 | swapId = this.listdata[findIndex - 1].id | 388 | operator: "EQ", |
| 449 | } else if (operate === 'DOWN') { | 389 | }, |
| 450 | swapId = this.listdata[findIndex + 1].id | 390 | { |
| 451 | } | 391 | property: "departmentId", |
| 452 | updateOrder('/rest/roles', record, operate, swapId).then(res => { | 392 | value: row.departmentId, |
| 453 | if (res.status === 1) { | 393 | operator: "EQ", |
| 454 | this.$message.success({ message: res.message, showClose: true }) | 394 | }, |
| 455 | this.getTableData(); | 395 | ], |
| 456 | } else { | 396 | queryRelation: "AND", |
| 457 | this.$message.error({ message: res.message, showClose: true }) | 397 | }, |
| 398 | orderBys: [{ property: "sort", direction: "desc" }], | ||
| 399 | }; | ||
| 400 | params.queryOptions = JSON.stringify(queryOptions); | ||
| 401 | |||
| 402 | getUserRoles(row.id).then((res) => { | ||
| 403 | if (res.status === 1) { | ||
| 404 | this.personlist = res.content; | ||
| 405 | getAction(api.users, params).then((res) => { | ||
| 406 | if (res.status === 1) { | ||
| 407 | this.waitMemberList = res.content; | ||
| 408 | if (this.personlist) { | ||
| 409 | this.waitMemberList.forEach((item, i) => { | ||
| 410 | this.personlist.forEach((val) => { | ||
| 411 | if (item.id === val.id) { | ||
| 412 | this.waitMemberList[i].selectStatus = 0; | ||
| 413 | } | ||
| 414 | }); | ||
| 415 | }); | ||
| 416 | } | ||
| 417 | |||
| 418 | this.$refs.rolesForm.personlist(this.waitMemberList, row.id); | ||
| 419 | this.$refs.rolesForm.menulist(this.operationList, row.id, this.selectedSubsystemCode, this.menutablelistData, this.operationCodes); | ||
| 420 | } else { | ||
| 421 | this.$message.error({ message: res.message, showClose: true }); | ||
| 422 | } | ||
| 423 | }); | ||
| 424 | this.$refs.rolesForm.title = "人员配置"; | ||
| 425 | } else this.$message.error({ message: res.message, showClose: true }); | ||
| 426 | }); | ||
| 427 | }, | ||
| 428 | // 新增、修改角色 | ||
| 429 | handleAddEdit (value) { | ||
| 430 | this.isDialog = true | ||
| 431 | this.$refs.addEditDialog.menuType = this.menuType; | ||
| 432 | this.$refs.addEditDialog.roleId = value.id; | ||
| 433 | this.roleSort = value.sort ? value.sort : 0; | ||
| 434 | this.$refs.addEditDialog.dialogForm.roleType = this.BASE_API.CODE; | ||
| 435 | if (value.id) { | ||
| 436 | this.$refs.addEditDialog.dialogForm.roleName = value.name; | ||
| 437 | |||
| 438 | this.$refs.addEditDialog.dialogForm.roleTextArea = value.description; | ||
| 458 | } | 439 | } |
| 459 | }) | 440 | this.$refs.addEditDialog.showAddEditDialog = true; |
| 460 | }, | 441 | this.$refs.addEditDialog.title = value.id ? "修改" : "新增"; |
| 461 | // 删除 | 442 | }, |
| 462 | handleDelete: function (id, content = "") { | 443 | //排序 |
| 463 | this.$confirm( | 444 | updateOrder (record, operate) { |
| 464 | `<div class="customer-message-wrapper"> | 445 | const findIndex = this.listdata.findIndex(item => item.id === record.id) |
| 446 | let swapId = '' | ||
| 447 | if (operate === 'UP') { | ||
| 448 | swapId = this.listdata[findIndex - 1].id | ||
| 449 | } else if (operate === 'DOWN') { | ||
| 450 | swapId = this.listdata[findIndex + 1].id | ||
| 451 | } | ||
| 452 | updateOrder('/rest/roles', record, operate, swapId).then(res => { | ||
| 453 | if (res.status === 1) { | ||
| 454 | this.$message.success({ message: res.message, showClose: true }) | ||
| 455 | this.getTableData(); | ||
| 456 | } else { | ||
| 457 | this.$message.error({ message: res.message, showClose: true }) | ||
| 458 | } | ||
| 459 | }) | ||
| 460 | }, | ||
| 461 | // 删除 | ||
| 462 | handleDelete: function (id, content = "") { | ||
| 463 | this.$confirm( | ||
| 464 | `<div class="customer-message-wrapper"> | ||
| 465 | <h5 class="title">您确认要执行该操作用于以下信息:</h5> | 465 | <h5 class="title">您确认要执行该操作用于以下信息:</h5> |
| 466 | <p class="content" aria-controls="${content}">${content} | 466 | <p class="content" aria-controls="${content}">${content} |
| 467 | </p> | 467 | </p> |
| ... | @@ -469,50 +469,50 @@ export default { | ... | @@ -469,50 +469,50 @@ export default { |
| 469 | <span >无法恢复</span> | 469 | <span >无法恢复</span> |
| 470 | </p> | 470 | </p> |
| 471 | </div>`, | 471 | </div>`, |
| 472 | "执行确认", | 472 | "执行确认", |
| 473 | { | 473 | { |
| 474 | dangerouslyUseHTMLString: true, | 474 | dangerouslyUseHTMLString: true, |
| 475 | customClass: "customer-delete", | 475 | customClass: "customer-delete", |
| 476 | confirmButtonText: "确定", | 476 | confirmButtonText: "确定", |
| 477 | cancelButtonText: "取消", | 477 | cancelButtonText: "取消", |
| 478 | type: "warning", | 478 | type: "warning", |
| 479 | } | ||
| 480 | ) | ||
| 481 | .then(() => { | ||
| 482 | if (!this.tableUrlroles) { | ||
| 483 | this.$message.error({ | ||
| 484 | message: "请设置tableUrl属性为接口地址!", | ||
| 485 | showClose: true, | ||
| 486 | }); | ||
| 487 | return; | ||
| 488 | } | 479 | } |
| 489 | const url = this.tableUrlroles + "/" + id; | 480 | ) |
| 490 | deleteAction(url).then((res) => { | 481 | .then(() => { |
| 491 | if (res.status === 1) { | 482 | if (!this.tableUrlroles) { |
| 492 | this.$message.success({ message: res.message, showClose: true }); | 483 | this.$message.error({ |
| 493 | this.getTableData(); | 484 | message: "请设置tableUrl属性为接口地址!", |
| 494 | } else { | 485 | showClose: true, |
| 495 | this.$message.error({ message: res.message, showClose: true }); | 486 | }); |
| 487 | return; | ||
| 496 | } | 488 | } |
| 497 | }); | 489 | const url = this.tableUrlroles + "/" + id; |
| 498 | }) | 490 | deleteAction(url).then((res) => { |
| 499 | .catch(() => { }); | 491 | if (res.status === 1) { |
| 500 | }, | 492 | this.$message.success({ message: res.message, showClose: true }); |
| 501 | // 新增回显 | 493 | this.getTableData(); |
| 502 | reloadTableData () { | 494 | } else { |
| 503 | this.getTableData(); | 495 | this.$message.error({ message: res.message, showClose: true }); |
| 496 | } | ||
| 497 | }); | ||
| 498 | }) | ||
| 499 | .catch(() => { }); | ||
| 500 | }, | ||
| 501 | // 新增回显 | ||
| 502 | reloadTableData () { | ||
| 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) }}>删除 | ... | ... |
-
Please register or sign in to post a comment