Merge branch 'master' into dev
Showing
21 changed files
with
1394 additions
and
555 deletions
| ... | @@ -4,6 +4,6 @@ | ... | @@ -4,6 +4,6 @@ |
| 4 | "CODE": "BDCJGPT", | 4 | "CODE": "BDCJGPT", |
| 5 | "SERVERAPI": "/bdcsjsb", | 5 | "SERVERAPI": "/bdcsjsb", |
| 6 | "calcHeight": 160, | 6 | "calcHeight": 160, |
| 7 | "echartTextColor": "#FFFFFF", | 7 | "echartTextColor": "#4A4A4A", |
| 8 | "MANAGEMENTAPI": "http://192.168.2.38:8090/management" | 8 | "MANAGEMENTAPI": "http://192.168.2.38:8090/management" |
| 9 | } | 9 | } | ... | ... |
| 1 | .itemForm { | ||
| 2 | position: relative; | ||
| 3 | padding: 10px; | ||
| 4 | |||
| 5 | /deep/.el-select { | ||
| 6 | width: 100%; | ||
| 7 | } | ||
| 8 | |||
| 9 | /deep/.el-form-item__error { | ||
| 10 | right: 25px; | ||
| 11 | top: 15px; | ||
| 12 | text-align: right; | ||
| 13 | pointer-events: none; | ||
| 14 | } | ||
| 15 | |||
| 16 | /deep/.el-date-editor { | ||
| 17 | width: 100%; | ||
| 18 | } | ||
| 19 | |||
| 20 | /deep/.el-date-editor--date { | ||
| 21 | width: 100%; | ||
| 22 | } | ||
| 23 | |||
| 24 | /deep/.el-cascader { | ||
| 25 | width: 100%; | ||
| 26 | } | ||
| 27 | |||
| 28 | // table 样式 | ||
| 29 | /deep/.el-form-item__label { | ||
| 30 | border-right: none; | ||
| 31 | text-align: center; | ||
| 32 | padding: 0; | ||
| 33 | color: #05bbdb; | ||
| 34 | line-height: 16px; | ||
| 35 | font-size: 12px; | ||
| 36 | margin-top: 8px !important; | ||
| 37 | } | ||
| 38 | |||
| 39 | /deep/.el-form-item__content { | ||
| 40 | display: flex; | ||
| 41 | margin-right: -1px; | ||
| 42 | } | ||
| 43 | |||
| 44 | .obligee-item-name, | ||
| 45 | .receivingInfo-item-name, | ||
| 46 | .auditInfo-item-name { | ||
| 47 | background: url("~@/image/itembg.png") no-repeat; | ||
| 48 | background-size: 100% 100%; | ||
| 49 | color: #FFFFFF; | ||
| 50 | } | ||
| 51 | |||
| 52 | /deep/.el-textarea__inner { | ||
| 53 | margin: 5px; | ||
| 54 | width: 96%; | ||
| 55 | background: none; | ||
| 56 | color: #FFFFFF; | ||
| 57 | border-radius: 2px; | ||
| 58 | border: 1px solid #6BC1FC; | ||
| 59 | } | ||
| 60 | |||
| 61 | /deep/.el-input-number { | ||
| 62 | width: 100%; | ||
| 63 | } | ||
| 64 | |||
| 65 | /deep/.el-input-number__increase { | ||
| 66 | background: #05275B; | ||
| 67 | color: #FFFFFF; | ||
| 68 | border: none; | ||
| 69 | right: 7px; | ||
| 70 | top: 2px; | ||
| 71 | } | ||
| 72 | |||
| 73 | /deep/.el-input-number__decrease { | ||
| 74 | background: #05275B; | ||
| 75 | color: #FFFFFF; | ||
| 76 | border: none; | ||
| 77 | right: 7px; | ||
| 78 | bottom: 10px; | ||
| 79 | } | ||
| 80 | |||
| 81 | /deep/.el-input__inner { | ||
| 82 | margin: 5px; | ||
| 83 | width: 96%; | ||
| 84 | background: #05275B; | ||
| 85 | border-radius: 2px; | ||
| 86 | border: 1px solid #6BC1FC; | ||
| 87 | text-align: left; | ||
| 88 | |||
| 89 | } | ||
| 90 | |||
| 91 | /deep/.el-form-item { | ||
| 92 | margin-bottom: 0; | ||
| 93 | margin-top: -1px; | ||
| 94 | } | ||
| 95 | |||
| 96 | .item-label { | ||
| 97 | display: flex; | ||
| 98 | align-items: flex-end; | ||
| 99 | flex-direction: column; | ||
| 100 | font-size: 12px; | ||
| 101 | flex: 0 0 90px; | ||
| 102 | margin-right: 3px; | ||
| 103 | |||
| 104 | p { | ||
| 105 | line-height: 16px; | ||
| 106 | white-space: nowrap; | ||
| 107 | text-align: right; | ||
| 108 | } | ||
| 109 | |||
| 110 | p:nth-child(1) { | ||
| 111 | position: relative; | ||
| 112 | right: 5px; | ||
| 113 | } | ||
| 114 | } | ||
| 115 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -18,8 +18,8 @@ | ... | @@ -18,8 +18,8 @@ |
| 18 | </div> | 18 | </div> |
| 19 | </template> | 19 | </template> |
| 20 | <script> | 20 | <script> |
| 21 | import { getReceiveDataReportResult } from "@/api/dataReport.js"; | 21 | import { getReceiveDataReportResult } from "@/api/dataReport.js"; |
| 22 | export default { | 22 | export default { |
| 23 | components: {}, | 23 | components: {}, |
| 24 | props: { | 24 | props: { |
| 25 | formData: { | 25 | formData: { |
| ... | @@ -40,43 +40,7 @@ export default { | ... | @@ -40,43 +40,7 @@ export default { |
| 40 | this.ERRORINFO = data.ERRORINFO | 40 | this.ERRORINFO = data.ERRORINFO |
| 41 | }) | 41 | }) |
| 42 | } | 42 | } |
| 43 | } | 43 | } |
| 44 | </script> | 44 | </script> |
| 45 | <style scoped lang='scss'> | 45 | <style scoped lang='scss'> |
| 46 | .result { | ||
| 47 | padding: 15px; | ||
| 48 | height: 100%; | ||
| 49 | |||
| 50 | /deep/.el-textarea__inner { | ||
| 51 | height: 50%; | ||
| 52 | color: #ffffff; | ||
| 53 | border: none !important; | ||
| 54 | color: #ffffff; | ||
| 55 | } | ||
| 56 | |||
| 57 | &-con { | ||
| 58 | background: #04275B; | ||
| 59 | border-radius: 2px; | ||
| 60 | padding: 10px; | ||
| 61 | box-sizing: border-box; | ||
| 62 | height: 49%; | ||
| 63 | |||
| 64 | p { | ||
| 65 | color: #2997E8; | ||
| 66 | font-size: 14px; | ||
| 67 | position: relative; | ||
| 68 | padding-left: 10px; | ||
| 69 | } | ||
| 70 | |||
| 71 | p::before { | ||
| 72 | position: absolute; | ||
| 73 | content: ''; | ||
| 74 | width: 3px; | ||
| 75 | height: 10px; | ||
| 76 | background-color: #2997E8; | ||
| 77 | left: 0; | ||
| 78 | top: 3px; | ||
| 79 | } | ||
| 80 | } | ||
| 81 | } | ||
| 82 | </style> | 46 | </style> | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox dataReporting editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" |
| 3 | :visible.sync="dialogVisible" width="92%"> | 3 | custom-class="dialogBox dataReporting editDialogBox sbdialog commonDialog mainCenter" :visible.sync="dialogVisible" |
| 4 | width="92%"> | ||
| 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 5 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
| 5 | {{ title || '详情' }} | 6 | {{ title || '详情' }} |
| 6 | </div> | 7 | </div> |
| ... | @@ -111,7 +112,7 @@ | ... | @@ -111,7 +112,7 @@ |
| 111 | </div> | 112 | </div> |
| 112 | </div> | 113 | </div> |
| 113 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'"> | 114 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'"> |
| 114 | <JsonEditor :resultInfo="resultInfo" /> | 115 | <JsonEditor class="editXML" :resultInfo="resultInfo" /> |
| 115 | </div> | 116 | </div> |
| 116 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'"> | 117 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'"> |
| 117 | <Xyjg :form-data='dataReport'></Xyjg> | 118 | <Xyjg :form-data='dataReport'></Xyjg> |
| ... | @@ -128,14 +129,14 @@ | ... | @@ -128,14 +129,14 @@ |
| 128 | </template> | 129 | </template> |
| 129 | 130 | ||
| 130 | <script> | 131 | <script> |
| 131 | import axios from "axios"; | 132 | import axios from "axios"; |
| 132 | import SERVER from '@/api/config' | 133 | import SERVER from '@/api/config' |
| 133 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' | 134 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' |
| 134 | import { mapGetters } from "vuex"; | 135 | import { mapGetters } from "vuex"; |
| 135 | import JsonEditor from "@/components/JsonEditor.vue"; | 136 | import JsonEditor from "@/components/JsonEditor.vue"; |
| 136 | import Xyjg from "./Result"; | 137 | import Xyjg from "./Result"; |
| 137 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; | 138 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; |
| 138 | export default { | 139 | export default { |
| 139 | components: { JsonEditor, Xyjg }, | 140 | components: { JsonEditor, Xyjg }, |
| 140 | props: { | 141 | props: { |
| 141 | title: { | 142 | title: { |
| ... | @@ -332,14 +333,5 @@ | ... | @@ -332,14 +333,5 @@ |
| 332 | } | 333 | } |
| 333 | } | 334 | } |
| 334 | } | 335 | } |
| 335 | } | 336 | } |
| 336 | </script> | 337 | </script> |
| 337 | <style scoped lang="scss"> | ||
| 338 | /deep/.editDialogBox { | ||
| 339 | .el-dialog__header { | ||
| 340 | display: flex; | ||
| 341 | margin-bottom: 10px; | ||
| 342 | } | ||
| 343 | } | ||
| 344 | </style> | ||
| 345 | ... | ... |
| ... | @@ -12,15 +12,4 @@ export default { | ... | @@ -12,15 +12,4 @@ export default { |
| 12 | } | 12 | } |
| 13 | } | 13 | } |
| 14 | } | 14 | } |
| 15 | |||
| 16 | </script> | 15 | </script> |
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 17 | |||
| 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 | ... | ... |
| ... | @@ -526,6 +526,14 @@ | ... | @@ -526,6 +526,14 @@ |
| 526 | border-radius: 2px; | 526 | border-radius: 2px; |
| 527 | border: 1px solid #6BC1FC; | 527 | border: 1px solid #6BC1FC; |
| 528 | margin: 0 18px 10px 18px; | 528 | margin: 0 18px 10px 18px; |
| 529 | |||
| 530 | // .el-form-item__label { | ||
| 531 | // color: #fff; | ||
| 532 | // } | ||
| 533 | |||
| 534 | // .el-form-item__content { | ||
| 535 | // color: #fff; | ||
| 536 | // } | ||
| 529 | } | 537 | } |
| 530 | 538 | ||
| 531 | .item-content-input { | 539 | .item-content-input { |
| ... | @@ -666,6 +674,14 @@ | ... | @@ -666,6 +674,14 @@ |
| 666 | 674 | ||
| 667 | // 登簿日志弹出框 | 675 | // 登簿日志弹出框 |
| 668 | .entryJournal { | 676 | .entryJournal { |
| 677 | .el-textarea__inner { | ||
| 678 | height: 67vh !important; | ||
| 679 | border: none !important; | ||
| 680 | background-color: #08346F !important; | ||
| 681 | color: #ffffff; | ||
| 682 | border: none !important; | ||
| 683 | } | ||
| 684 | |||
| 669 | .el-tabs__header { | 685 | .el-tabs__header { |
| 670 | margin: 0; | 686 | margin: 0; |
| 671 | } | 687 | } |
| ... | @@ -1113,3 +1129,120 @@ | ... | @@ -1113,3 +1129,120 @@ |
| 1113 | text-align: center; | 1129 | text-align: center; |
| 1114 | } | 1130 | } |
| 1115 | } | 1131 | } |
| 1132 | |||
| 1133 | // 权利人信息样式 | ||
| 1134 | .itemForm { | ||
| 1135 | position: relative; | ||
| 1136 | padding: 10px; | ||
| 1137 | |||
| 1138 | /deep/.el-select { | ||
| 1139 | width: 100%; | ||
| 1140 | } | ||
| 1141 | |||
| 1142 | /deep/.el-form-item__error { | ||
| 1143 | right: 25px; | ||
| 1144 | top: 15px; | ||
| 1145 | text-align: right; | ||
| 1146 | pointer-events: none; | ||
| 1147 | } | ||
| 1148 | |||
| 1149 | /deep/.el-date-editor { | ||
| 1150 | width: 100%; | ||
| 1151 | } | ||
| 1152 | |||
| 1153 | /deep/.el-date-editor--date { | ||
| 1154 | width: 100%; | ||
| 1155 | } | ||
| 1156 | |||
| 1157 | /deep/.el-cascader { | ||
| 1158 | width: 100%; | ||
| 1159 | } | ||
| 1160 | |||
| 1161 | // table 样式 | ||
| 1162 | /deep/.el-form-item__label { | ||
| 1163 | border-right: none; | ||
| 1164 | text-align: center; | ||
| 1165 | padding: 0; | ||
| 1166 | color: #05bbdb; | ||
| 1167 | line-height: 16px; | ||
| 1168 | font-size: 12px; | ||
| 1169 | margin-top: 8px !important; | ||
| 1170 | } | ||
| 1171 | |||
| 1172 | /deep/.el-form-item__content { | ||
| 1173 | display: flex; | ||
| 1174 | margin-right: -1px; | ||
| 1175 | } | ||
| 1176 | |||
| 1177 | .obligee-item-name, | ||
| 1178 | .receivingInfo-item-name, | ||
| 1179 | .auditInfo-item-name { | ||
| 1180 | background: url("~@/image/itembg.png") no-repeat; | ||
| 1181 | background-size: 100% 100%; | ||
| 1182 | color: #FFFFFF; | ||
| 1183 | } | ||
| 1184 | |||
| 1185 | /deep/.el-textarea__inner { | ||
| 1186 | margin: 5px; | ||
| 1187 | width: 96%; | ||
| 1188 | background: none; | ||
| 1189 | color: #FFFFFF; | ||
| 1190 | border-radius: 2px; | ||
| 1191 | border: 1px solid #6BC1FC; | ||
| 1192 | } | ||
| 1193 | |||
| 1194 | /deep/.el-input-number { | ||
| 1195 | width: 100%; | ||
| 1196 | } | ||
| 1197 | |||
| 1198 | /deep/.el-input-number__increase { | ||
| 1199 | background: #05275B; | ||
| 1200 | color: #FFFFFF; | ||
| 1201 | border: none; | ||
| 1202 | right: 7px; | ||
| 1203 | top: 2px; | ||
| 1204 | } | ||
| 1205 | |||
| 1206 | /deep/.el-input-number__decrease { | ||
| 1207 | background: #05275B; | ||
| 1208 | color: #FFFFFF; | ||
| 1209 | border: none; | ||
| 1210 | right: 7px; | ||
| 1211 | bottom: 10px; | ||
| 1212 | } | ||
| 1213 | |||
| 1214 | /deep/.el-input__inner { | ||
| 1215 | margin: 5px; | ||
| 1216 | width: 96%; | ||
| 1217 | background: #05275B; | ||
| 1218 | border-radius: 2px; | ||
| 1219 | border: 1px solid #6BC1FC; | ||
| 1220 | text-align: left; | ||
| 1221 | |||
| 1222 | } | ||
| 1223 | |||
| 1224 | /deep/.el-form-item { | ||
| 1225 | margin-bottom: 0; | ||
| 1226 | margin-top: -1px; | ||
| 1227 | } | ||
| 1228 | |||
| 1229 | .item-label { | ||
| 1230 | display: flex; | ||
| 1231 | align-items: flex-end; | ||
| 1232 | flex-direction: column; | ||
| 1233 | font-size: 12px; | ||
| 1234 | flex: 0 0 90px; | ||
| 1235 | margin-right: 3px; | ||
| 1236 | |||
| 1237 | p { | ||
| 1238 | line-height: 16px; | ||
| 1239 | white-space: nowrap; | ||
| 1240 | text-align: right; | ||
| 1241 | } | ||
| 1242 | |||
| 1243 | p:nth-child(1) { | ||
| 1244 | position: relative; | ||
| 1245 | right: 5px; | ||
| 1246 | } | ||
| 1247 | } | ||
| 1248 | } | ... | ... |
| ... | @@ -85,9 +85,7 @@ input[type="number"] { | ... | @@ -85,9 +85,7 @@ 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; | ||
| 91 | } | 89 | } |
| 92 | 90 | ||
| 93 | .upload-container { | 91 | .upload-container { | ... | ... |
| ... | @@ -32,9 +32,9 @@ | ... | @@ -32,9 +32,9 @@ |
| 32 | padding: 15px; | 32 | padding: 15px; |
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | .el-dialog__close { | 35 | // .el-dialog__close { |
| 36 | font-size: 0; | 36 | // font-size: 0; |
| 37 | } | 37 | // } |
| 38 | 38 | ||
| 39 | .el-form-item { | 39 | .el-form-item { |
| 40 | display: flex; | 40 | display: flex; |
| ... | @@ -150,8 +150,31 @@ | ... | @@ -150,8 +150,31 @@ |
| 150 | 150 | ||
| 151 | // 角色管理人员菜单配置弹框样式 | 151 | // 角色管理人员菜单配置弹框样式 |
| 152 | .roleconfiguration { | 152 | .roleconfiguration { |
| 153 | .el-dialog__close { | 153 | .el-tabs__item { |
| 154 | font-size: 16px !important; | 154 | color: #cef8ff !important; |
| 155 | // background: url("~@/image/tabitem.png") no-repeat; | ||
| 156 | // background-size: 100% 100%; | ||
| 157 | background-color: #3D59C4; | ||
| 158 | border-radius: 3px; | ||
| 159 | } | ||
| 160 | |||
| 161 | .el-dialog__headerbtn .el-dialog__close { | ||
| 162 | font-size: 20px; | ||
| 163 | color: white; | ||
| 164 | } | ||
| 165 | |||
| 166 | .el-dialog__header { | ||
| 167 | width: 100%; | ||
| 168 | display: flex; | ||
| 169 | justify-content: center; | ||
| 170 | font-size: 24px; | ||
| 171 | background-color: #3D59C4; | ||
| 172 | |||
| 173 | .dialog_title { | ||
| 174 | |||
| 175 | color: white; | ||
| 176 | margin-bottom: 10px; | ||
| 177 | } | ||
| 155 | } | 178 | } |
| 156 | 179 | ||
| 157 | } | 180 | } |
| ... | @@ -173,7 +196,6 @@ | ... | @@ -173,7 +196,6 @@ |
| 173 | width: 2px; | 196 | width: 2px; |
| 174 | position: relative; | 197 | position: relative; |
| 175 | left: 10px; | 198 | left: 10px; |
| 176 | color: #FFFFFF; | ||
| 177 | } | 199 | } |
| 178 | 200 | ||
| 179 | .el-breadcrumb__inner { | 201 | .el-breadcrumb__inner { |
| ... | @@ -204,233 +226,6 @@ | ... | @@ -204,233 +226,6 @@ |
| 204 | font-weight: normal; | 226 | font-weight: normal; |
| 205 | } | 227 | } |
| 206 | 228 | ||
| 207 | // .button { | ||
| 208 | // width: 76px; | ||
| 209 | // height: 32px; | ||
| 210 | // color: #ffffff; | ||
| 211 | // cursor: pointer; | ||
| 212 | // border: 0; | ||
| 213 | // font-size: 12px; | ||
| 214 | // } | ||
| 215 | |||
| 216 | // // 按钮样式 | ||
| 217 | // .cx { | ||
| 218 | // background: url("../image/btn.png") no-repeat 0 -34px; | ||
| 219 | // background-size: cover; | ||
| 220 | // } | ||
| 221 | |||
| 222 | // .cx:hover { | ||
| 223 | // background: url("../image/btn.png") no-repeat 0 -34px; | ||
| 224 | // background-size: cover; | ||
| 225 | // color: white; | ||
| 226 | // } | ||
| 227 | |||
| 228 | // .cz { | ||
| 229 | // background: url("../image/btn.png") no-repeat 0 0; | ||
| 230 | // background-size: cover; | ||
| 231 | // } | ||
| 232 | |||
| 233 | // .cz:hover { | ||
| 234 | // background: url("../image/btn.png") no-repeat 0 0; | ||
| 235 | // background-size: cover; | ||
| 236 | // color: white; | ||
| 237 | // } | ||
| 238 | |||
| 239 | // .el-button:focus { | ||
| 240 | // background: none; | ||
| 241 | // } | ||
| 242 | |||
| 243 | // .cx:focus { | ||
| 244 | // background: url("../image/btn.png") no-repeat 0 -34px; | ||
| 245 | // background-size: cover; | ||
| 246 | // color: white; | ||
| 247 | // } | ||
| 248 | |||
| 249 | // .cz:focus { | ||
| 250 | // background: url("../image/btn.png") no-repeat 0 0; | ||
| 251 | // background-size: cover; | ||
| 252 | // color: white; | ||
| 253 | // } | ||
| 254 | |||
| 255 | // 监管弹框样式 | ||
| 256 | .dialogBox { | ||
| 257 | overflow: hidden; | ||
| 258 | // min-height: 90vh; | ||
| 259 | |||
| 260 | .dialog_title { | ||
| 261 | // display: flex; | ||
| 262 | // position: relative; | ||
| 263 | // font-size: 22px; | ||
| 264 | // top: -10px; | ||
| 265 | // width: 38%; | ||
| 266 | // height: 40px; | ||
| 267 | // margin-left: 28px; | ||
| 268 | // justify-content: center; | ||
| 269 | // white-space: nowrap; | ||
| 270 | |||
| 271 | b { | ||
| 272 | // font-weight: 200; | ||
| 273 | // display: inline-block; | ||
| 274 | // position: relative; | ||
| 275 | font-size: 24px; | ||
| 276 | // top: -11px; | ||
| 277 | // width: 38%; | ||
| 278 | // height: 40px; | ||
| 279 | // margin-left: 28px; | ||
| 280 | // // @include flex-center; | ||
| 281 | display: flex; | ||
| 282 | justify-content: center; | ||
| 283 | } | ||
| 284 | } | ||
| 285 | |||
| 286 | .dialog_full { | ||
| 287 | position: absolute; | ||
| 288 | top: 0; | ||
| 289 | right: 30px; | ||
| 290 | } | ||
| 291 | |||
| 292 | .el-dialog__body { | ||
| 293 | max-height: 88vh; | ||
| 294 | overflow-x: hidden; | ||
| 295 | overflow-y: hidden; | ||
| 296 | } | ||
| 297 | |||
| 298 | .dialog_footer { | ||
| 299 | margin-bottom: 8px; | ||
| 300 | display: flex; | ||
| 301 | justify-content: center; | ||
| 302 | align-items: center; | ||
| 303 | } | ||
| 304 | |||
| 305 | .dialogBox-content { | ||
| 306 | height: auto | ||
| 307 | } | ||
| 308 | |||
| 309 | .editDialogBox-box { | ||
| 310 | border-radius: 3px; | ||
| 311 | border: 1px solid #6BC1FC; | ||
| 312 | |||
| 313 | .el-form-item__label { | ||
| 314 | color: #000000; | ||
| 315 | } | ||
| 316 | |||
| 317 | .el-form-item__content { | ||
| 318 | color: #000000; | ||
| 319 | } | ||
| 320 | } | ||
| 321 | |||
| 322 | .item-content-input { | ||
| 323 | .el-input__inner { | ||
| 324 | border: none !important; | ||
| 325 | text-align: right; | ||
| 326 | } | ||
| 327 | } | ||
| 328 | |||
| 329 | .regularHeight { | ||
| 330 | display: flex; | ||
| 331 | flex-direction: column; | ||
| 332 | height: 87vh; | ||
| 333 | |||
| 334 | .editDialogBox-con, | ||
| 335 | .JsonEditor { | ||
| 336 | flex: 1; | ||
| 337 | height: 100%; | ||
| 338 | } | ||
| 339 | } | ||
| 340 | |||
| 341 | .dialog-from { | ||
| 342 | padding: 13px; | ||
| 343 | border-radius: 2px; | ||
| 344 | box-sizing: border-box; | ||
| 345 | |||
| 346 | .el-row { | ||
| 347 | display: flex; | ||
| 348 | flex-wrap: nowrap; | ||
| 349 | } | ||
| 350 | |||
| 351 | .el-col { | ||
| 352 | line-height: 18px; | ||
| 353 | display: flex; | ||
| 354 | align-items: center; | ||
| 355 | margin-bottom: 3px; | ||
| 356 | color: #000000; | ||
| 357 | border-radius: 2px; | ||
| 358 | border: 1px solid #224C7C; | ||
| 359 | |||
| 360 | span { | ||
| 361 | display: inline-block; | ||
| 362 | padding: 3px; | ||
| 363 | border-radius: 3px; | ||
| 364 | overflow: hidden; | ||
| 365 | white-space: nowrap; | ||
| 366 | text-align: left; | ||
| 367 | color: #02D9FD; | ||
| 368 | } | ||
| 369 | |||
| 370 | p { | ||
| 371 | flex: 1; | ||
| 372 | width: 100%; | ||
| 373 | padding-left: 5px; | ||
| 374 | line-height: 20px; | ||
| 375 | color: #000307; | ||
| 376 | cursor: not-allowed; | ||
| 377 | white-space: nowrap; | ||
| 378 | margin-right: 5px; | ||
| 379 | text-align: right; | ||
| 380 | } | ||
| 381 | } | ||
| 382 | |||
| 383 | } | ||
| 384 | |||
| 385 | .el-textarea__inner { | ||
| 386 | // border: 1px solid #224C7C; | ||
| 387 | // margin: 0 0 10px 0 !important; | ||
| 388 | // width: 100% !important; | ||
| 389 | // color: #dadde3 !important; | ||
| 390 | // background: transparent !important; | ||
| 391 | } | ||
| 392 | |||
| 393 | .el-input__inner { | ||
| 394 | // border: 1px solid #224C7C !important; | ||
| 395 | // margin: 0 !important; | ||
| 396 | // width: 100% !important; | ||
| 397 | // color: #111111 !important; | ||
| 398 | // background: transparent !important; | ||
| 399 | } | ||
| 400 | |||
| 401 | .el-dialog__header { | ||
| 402 | color: #070000; | ||
| 403 | // height: 46px !important; | ||
| 404 | // width: 97%; | ||
| 405 | // margin: 0 auto; | ||
| 406 | // margin-top: 2px; | ||
| 407 | } | ||
| 408 | |||
| 409 | .el-dialog__body { | ||
| 410 | padding-top: 0; | ||
| 411 | padding-bottom: 0; | ||
| 412 | // height: 95vh; | ||
| 413 | } | ||
| 414 | |||
| 415 | // .el-dialog__headerbtn { | ||
| 416 | // right: 40px; | ||
| 417 | // top: 33px; | ||
| 418 | |||
| 419 | // &:hover { | ||
| 420 | // // background: rgb(4, 172, 250); | ||
| 421 | // right: 40px; | ||
| 422 | // top: 33px; | ||
| 423 | // } | ||
| 424 | // } | ||
| 425 | |||
| 426 | |||
| 427 | .el-form-item { | ||
| 428 | display: flex; | ||
| 429 | width: 100%; | ||
| 430 | } | ||
| 431 | |||
| 432 | } | ||
| 433 | |||
| 434 | .contentCenter { | 229 | .contentCenter { |
| 435 | position: absolute; | 230 | position: absolute; |
| 436 | top: 50%; | 231 | top: 50%; |
| ... | @@ -451,9 +246,24 @@ | ... | @@ -451,9 +246,24 @@ |
| 451 | } | 246 | } |
| 452 | 247 | ||
| 453 | // 登簿日志弹出框 | 248 | // 登簿日志弹出框 |
| 454 | .entryJournal { | 249 | .commonDialog { |
| 250 | /deep/.dialog-from_header { | ||
| 251 | margin: 0 !important; | ||
| 252 | } | ||
| 253 | |||
| 254 | .el-dialog__headerbtn .el-dialog__close { | ||
| 255 | font-size: 20px; | ||
| 256 | color: white; | ||
| 257 | } | ||
| 258 | |||
| 259 | .el-dialog__header { | ||
| 260 | text-align: center; | ||
| 261 | font-size: 24px; | ||
| 262 | background-color: #3D59C4; | ||
| 263 | } | ||
| 264 | |||
| 455 | .el-tabs__header { | 265 | .el-tabs__header { |
| 456 | margin: 0; | 266 | margin: 0 !important; |
| 457 | } | 267 | } |
| 458 | 268 | ||
| 459 | .el-dialog { | 269 | .el-dialog { |
| ... | @@ -464,6 +274,7 @@ | ... | @@ -464,6 +274,7 @@ |
| 464 | .el-dialog__body { | 274 | .el-dialog__body { |
| 465 | display: flex; | 275 | display: flex; |
| 466 | flex-direction: column; | 276 | flex-direction: column; |
| 277 | padding-top: 0px; | ||
| 467 | padding-bottom: 30px; | 278 | padding-bottom: 30px; |
| 468 | height: 100%; | 279 | height: 100%; |
| 469 | flex: 1; | 280 | flex: 1; |
| ... | @@ -473,30 +284,36 @@ | ... | @@ -473,30 +284,36 @@ |
| 473 | .regularHeight { | 284 | .regularHeight { |
| 474 | display: flex; | 285 | display: flex; |
| 475 | flex-direction: column; | 286 | flex-direction: column; |
| 476 | height: 87vh; | 287 | height: 80vh; |
| 477 | margin-bottom: 5px; | 288 | margin-bottom: 5px; |
| 478 | 289 | ||
| 479 | .editDialogBox-con, | 290 | .editDialogBox-con, |
| 480 | .JsonEditor { | 291 | .JsonEditor { |
| 481 | flex: 1; | 292 | flex: 1; |
| 482 | } | 293 | } |
| 483 | } | ||
| 484 | 294 | ||
| 485 | .d-center {} | 295 | .editXML { |
| 296 | border: 1px solid blue; | ||
| 297 | margin-top: 10px; | ||
| 298 | |||
| 299 | .el-textarea__inner { | ||
| 300 | height: 68vh !important; | ||
| 301 | } | ||
| 302 | } | ||
| 303 | } | ||
| 486 | 304 | ||
| 487 | .dialog_title { | 305 | .dialog_title { |
| 488 | top: -6px | 306 | color: white; |
| 307 | margin-bottom: 10px; | ||
| 489 | } | 308 | } |
| 490 | 309 | ||
| 491 | .el-tabs__item { | 310 | .el-tabs__item { |
| 492 | color: #CEF8FF !important; | 311 | color: #CEF8FF !important; |
| 493 | 312 | background-color: none; | |
| 494 | display: flex; | 313 | display: flex; |
| 495 | flex-direction: row; | 314 | flex-direction: row; |
| 496 | justify-content: center; | 315 | justify-content: center; |
| 497 | background: url("~@/image/tabitem.png") no-repeat; | 316 | border-radius: 3px; |
| 498 | background-size: 100% 100%; | ||
| 499 | border: none !important; | ||
| 500 | } | 317 | } |
| 501 | 318 | ||
| 502 | .el-tabs__nav { | 319 | .el-tabs__nav { |
| ... | @@ -513,8 +330,7 @@ | ... | @@ -513,8 +330,7 @@ |
| 513 | } | 330 | } |
| 514 | 331 | ||
| 515 | .el-tabs__item.is-active { | 332 | .el-tabs__item.is-active { |
| 516 | background: url("~@/image/tabitemse.png") no-repeat; | 333 | background-color: #3D59C4; |
| 517 | background-size: 100% 100%; | ||
| 518 | } | 334 | } |
| 519 | 335 | ||
| 520 | .from-clues-content { | 336 | .from-clues-content { |
| ... | @@ -526,13 +342,15 @@ | ... | @@ -526,13 +342,15 @@ |
| 526 | .editDialogBox-box { | 342 | .editDialogBox-box { |
| 527 | position: relative; | 343 | position: relative; |
| 528 | top: 10px; | 344 | top: 10px; |
| 529 | height: 100%; | ||
| 530 | } | 345 | } |
| 531 | 346 | ||
| 532 | .dialog-from { | 347 | .dialog-from { |
| 533 | padding-top: 0; | 348 | padding-top: 0; |
| 534 | 349 | ||
| 535 | .el-col { | 350 | .el-col { |
| 351 | height: 40px; | ||
| 352 | line-height: 40px; | ||
| 353 | display: flex; | ||
| 536 | justify-content: space-between; | 354 | justify-content: space-between; |
| 537 | } | 355 | } |
| 538 | 356 | ||
| ... | @@ -553,23 +371,62 @@ | ... | @@ -553,23 +371,62 @@ |
| 553 | } | 371 | } |
| 554 | 372 | ||
| 555 | &_header { | 373 | &_header { |
| 556 | margin: 0 -5px !important; | 374 | // margin: 0 -5px !important; |
| 557 | } | 375 | } |
| 558 | 376 | ||
| 559 | &_title { | 377 | &_title { |
| 560 | font-size: 14px; | 378 | font-size: 14px; |
| 561 | color: #d7eaee; | 379 | font-weight: 600; |
| 380 | color: #000000; | ||
| 562 | margin: 3px 0; | 381 | margin: 3px 0; |
| 563 | } | 382 | } |
| 564 | } | 383 | } |
| 565 | } | 384 | } |
| 566 | 385 | ||
| 386 | .entryJournal { | ||
| 387 | .el-textarea__inner { | ||
| 388 | height: 67vh !important; | ||
| 389 | border: none !important; | ||
| 390 | background-color: #ffffff !important; | ||
| 391 | color: #000000 !important; | ||
| 392 | } | ||
| 393 | } | ||
| 394 | |||
| 395 | // 上报日志弹出框 | ||
| 396 | .sbdialog { | ||
| 397 | .el-textarea__inner { | ||
| 398 | height: 30vh !important; | ||
| 399 | border: none !important; | ||
| 400 | background-color: #ffffff !important; | ||
| 401 | color: #000000 !important; | ||
| 402 | } | ||
| 403 | } | ||
| 404 | |||
| 567 | // 数据上报弹出框 | 405 | // 数据上报弹出框 |
| 568 | .dataReporting { | 406 | .dataReporting { |
| 407 | .el-dialog__header { | ||
| 408 | width: 100%; | ||
| 409 | display: flex; | ||
| 410 | justify-content: center; | ||
| 411 | font-size: 24px; | ||
| 412 | background-color: #3D59C4; | ||
| 413 | |||
| 414 | .dialog_title { | ||
| 415 | |||
| 416 | color: white; | ||
| 417 | margin-bottom: 10px; | ||
| 418 | } | ||
| 419 | } | ||
| 420 | |||
| 421 | .el-dialog__headerbtn .el-dialog__close { | ||
| 422 | font-size: 20px; | ||
| 423 | color: white; | ||
| 424 | } | ||
| 425 | |||
| 569 | .el-dialog__body { | 426 | .el-dialog__body { |
| 427 | padding-top: 0px; | ||
| 570 | display: flex; | 428 | display: flex; |
| 571 | flex-direction: column; | 429 | flex-direction: column; |
| 572 | padding-bottom: 30px; | ||
| 573 | } | 430 | } |
| 574 | 431 | ||
| 575 | .el-tabs { | 432 | .el-tabs { |
| ... | @@ -604,26 +461,63 @@ | ... | @@ -604,26 +461,63 @@ |
| 604 | 461 | ||
| 605 | .el-tabs__item { | 462 | .el-tabs__item { |
| 606 | color: #cef8ff !important; | 463 | color: #cef8ff !important; |
| 607 | |||
| 608 | display: flex; | 464 | display: flex; |
| 609 | flex-direction: row; | 465 | flex-direction: row; |
| 610 | justify-content: center; | 466 | justify-content: center; |
| 611 | background: url("~@/image/tabitem.png") no-repeat; | 467 | background-color: #3D59C4; |
| 612 | background-size: 100% 100%; | 468 | border-radius: 3px; |
| 613 | border: none !important; | ||
| 614 | } | 469 | } |
| 615 | 470 | ||
| 616 | .obligee-item-name { | 471 | .obligee-item-name { |
| 617 | background: #05275b; | 472 | // background: url("~@/image/itembg.png") no-repeat; |
| 618 | color: #ffffff; | 473 | // background-size: 100% 100%; |
| 619 | background: url("~@/image/itembg.png") no-repeat; | 474 | background-color: #3D59C4; |
| 620 | background-size: 100% 100%; | 475 | border-radius: 3px; |
| 476 | border: 1px solid blue !important; | ||
| 621 | } | 477 | } |
| 622 | 478 | ||
| 623 | .el-tabs__nav-scroll { | 479 | .el-tabs__nav-scroll { |
| 624 | background: none; | 480 | background: none; |
| 625 | } | 481 | } |
| 626 | 482 | ||
| 483 | .result { | ||
| 484 | padding: 15px; | ||
| 485 | height: 100%; | ||
| 486 | |||
| 487 | /deep/.el-textarea__inner { | ||
| 488 | height: 50%; | ||
| 489 | color: #ffffff; | ||
| 490 | border: none !important; | ||
| 491 | color: #ffffff; | ||
| 492 | } | ||
| 493 | |||
| 494 | &-con { | ||
| 495 | background: #ffffff; | ||
| 496 | border: 1px solid blue; | ||
| 497 | border-radius: 2px; | ||
| 498 | padding: 10px; | ||
| 499 | box-sizing: border-box; | ||
| 500 | height: 49%; | ||
| 501 | |||
| 502 | p { | ||
| 503 | color: #2997E8; | ||
| 504 | font-size: 14px; | ||
| 505 | position: relative; | ||
| 506 | padding-left: 10px; | ||
| 507 | } | ||
| 508 | |||
| 509 | p::before { | ||
| 510 | position: absolute; | ||
| 511 | content: ''; | ||
| 512 | width: 3px; | ||
| 513 | height: 10px; | ||
| 514 | background-color: #2997E8; | ||
| 515 | left: 0; | ||
| 516 | top: 3px; | ||
| 517 | } | ||
| 518 | } | ||
| 519 | } | ||
| 520 | |||
| 627 | .el-tabs__nav { | 521 | .el-tabs__nav { |
| 628 | display: flex; | 522 | display: flex; |
| 629 | border: none !important; | 523 | border: none !important; |
| ... | @@ -649,8 +543,8 @@ | ... | @@ -649,8 +543,8 @@ |
| 649 | } | 543 | } |
| 650 | 544 | ||
| 651 | .el-tabs__item.is-active { | 545 | .el-tabs__item.is-active { |
| 652 | background: url("~@/image/tabitemse.png") no-repeat; | 546 | background-color: #1c3294; |
| 653 | background-size: 100% 100%; | 547 | color: #FFFFFF; |
| 654 | } | 548 | } |
| 655 | 549 | ||
| 656 | .success-images { | 550 | .success-images { |
| ... | @@ -709,6 +603,9 @@ | ... | @@ -709,6 +603,9 @@ |
| 709 | padding-top: 0; | 603 | padding-top: 0; |
| 710 | 604 | ||
| 711 | .el-col { | 605 | .el-col { |
| 606 | height: 40px; | ||
| 607 | line-height: 40px; | ||
| 608 | display: flex; | ||
| 712 | justify-content: space-between; | 609 | justify-content: space-between; |
| 713 | } | 610 | } |
| 714 | 611 | ||
| ... | @@ -754,28 +651,34 @@ | ... | @@ -754,28 +651,34 @@ |
| 754 | } | 651 | } |
| 755 | } | 652 | } |
| 756 | 653 | ||
| 757 | // 人员管理上下移动按钮样式 | 654 | // // 人员管理上下移动按钮样式 |
| 758 | .el-button.is-disabled.el-button--text { | 655 | // .el-button.is-disabled.el-button--text { |
| 759 | width: 64px; | 656 | // width: 64px; |
| 760 | height: 28px; | 657 | // height: 28px; |
| 761 | background: rgba(255, 255, 255, 0.1); | 658 | // background: rgba(255, 255, 255, 0.1); |
| 762 | border-radius: 16px; | 659 | // border-radius: 16px; |
| 763 | } | 660 | // } |
| 764 | 661 | ||
| 765 | // 人员管理角色管理菜单管理修改新增弹框样式 | 662 | // 人员管理角色管理菜单管理修改新增弹框样式 |
| 766 | .PersonnelDialog { | 663 | .PersonnelDialog { |
| 664 | .el-dialog__headerbtn .el-dialog__close { | ||
| 665 | font-size: 20px; | ||
| 666 | color: white; | ||
| 667 | } | ||
| 767 | 668 | ||
| 768 | .el-dialog__header { | 669 | .el-dialog__header { |
| 769 | text-align: center; | 670 | text-align: center; |
| 770 | margin-bottom: 10px; | 671 | margin-bottom: 10px; |
| 672 | font-size: 24px; | ||
| 673 | background-color: #3D59C4; | ||
| 771 | 674 | ||
| 772 | .el-dialog__title { | 675 | .dialog_title { |
| 773 | color: rgb(0, 0, 0); | 676 | b { |
| 774 | } | 677 | color: white !important; |
| 775 | } | 678 | } |
| 776 | 679 | ||
| 777 | .el-form-item__label { | 680 | margin-bottom: 10px; |
| 778 | color: rgb(0, 0, 0); | 681 | } |
| 779 | } | 682 | } |
| 780 | 683 | ||
| 781 | .el-input__inner { | 684 | .el-input__inner { |
| ... | @@ -793,29 +696,8 @@ | ... | @@ -793,29 +696,8 @@ |
| 793 | // color: rgb(0, 0, 0); | 696 | // color: rgb(0, 0, 0); |
| 794 | } | 697 | } |
| 795 | 698 | ||
| 796 | .el-form-item__label { | ||
| 797 | color: rgb(2, 0, 0); | ||
| 798 | } | ||
| 799 | |||
| 800 | .el-dialog__header { | 699 | .el-dialog__header { |
| 801 | .dialog_title { | ||
| 802 | // display: -webkit-box; | ||
| 803 | // display: -ms-flexbox; | ||
| 804 | // display: flex; | ||
| 805 | // position: relative; | ||
| 806 | // top: -7px; | ||
| 807 | // width: 29%; | ||
| 808 | // height: 40px; | ||
| 809 | // margin-left: 28px; | ||
| 810 | // -webkit-box-pack: center; | ||
| 811 | // -ms-flex-pack: center; | ||
| 812 | // justify-content: center; | ||
| 813 | // white-space: nowrap; | ||
| 814 | 700 | ||
| 815 | b { | ||
| 816 | font-size: 16px; | ||
| 817 | } | ||
| 818 | } | ||
| 819 | 701 | ||
| 820 | .el-dialog__headerbtn { | 702 | .el-dialog__headerbtn { |
| 821 | right: 20px !important; | 703 | right: 20px !important; |
| ... | @@ -896,3 +778,143 @@ | ... | @@ -896,3 +778,143 @@ |
| 896 | text-align: center; | 778 | text-align: center; |
| 897 | } | 779 | } |
| 898 | } | 780 | } |
| 781 | |||
| 782 | // 权利人信息样式 | ||
| 783 | .itemForm { | ||
| 784 | position: relative; | ||
| 785 | padding: 10px; | ||
| 786 | |||
| 787 | .el-select { | ||
| 788 | width: 100%; | ||
| 789 | } | ||
| 790 | |||
| 791 | .el-form-item__error { | ||
| 792 | right: 25px; | ||
| 793 | top: 15px; | ||
| 794 | text-align: right; | ||
| 795 | pointer-events: none; | ||
| 796 | } | ||
| 797 | |||
| 798 | .el-date-editor { | ||
| 799 | width: 100%; | ||
| 800 | } | ||
| 801 | |||
| 802 | .el-date-editor--date { | ||
| 803 | width: 100%; | ||
| 804 | } | ||
| 805 | |||
| 806 | .el-cascader { | ||
| 807 | width: 100%; | ||
| 808 | } | ||
| 809 | |||
| 810 | // table 样式 | ||
| 811 | .el-form-item__label { | ||
| 812 | border-right: none; | ||
| 813 | text-align: center; | ||
| 814 | padding: 0; | ||
| 815 | line-height: 16px; | ||
| 816 | font-size: 12px; | ||
| 817 | text-align: right; | ||
| 818 | margin-top: 8px !important; | ||
| 819 | } | ||
| 820 | |||
| 821 | .el-form-item__content { | ||
| 822 | display: flex; | ||
| 823 | margin-right: -1px; | ||
| 824 | } | ||
| 825 | |||
| 826 | .obligee-item-name, | ||
| 827 | .receivingInfo-item-name, | ||
| 828 | .auditInfo-item-name { | ||
| 829 | background-color: #3D59C4; | ||
| 830 | border-radius: 3px; | ||
| 831 | border: 1px solid blue !important; | ||
| 832 | color: #FFFFFF; | ||
| 833 | } | ||
| 834 | |||
| 835 | .el-textarea__inner { | ||
| 836 | margin: 5px; | ||
| 837 | width: 96%; | ||
| 838 | background: none; | ||
| 839 | color: #FFFFFF; | ||
| 840 | border-radius: 2px; | ||
| 841 | border: 1px solid #6BC1FC; | ||
| 842 | } | ||
| 843 | |||
| 844 | .el-input-number { | ||
| 845 | width: 100%; | ||
| 846 | } | ||
| 847 | |||
| 848 | .el-input-number__increase { | ||
| 849 | // background: #05275B; | ||
| 850 | color: #FFFFFF; | ||
| 851 | border: none; | ||
| 852 | right: 7px; | ||
| 853 | top: 2px; | ||
| 854 | } | ||
| 855 | |||
| 856 | .el-input-number__decrease { | ||
| 857 | // background: #05275B; | ||
| 858 | color: #FFFFFF; | ||
| 859 | border: none; | ||
| 860 | right: 7px; | ||
| 861 | bottom: 10px; | ||
| 862 | } | ||
| 863 | |||
| 864 | .el-input__inner { | ||
| 865 | margin: 5px; | ||
| 866 | width: 96%; | ||
| 867 | // background: #05275B; | ||
| 868 | border-radius: 2px; | ||
| 869 | border: 1px solid #6BC1FC; | ||
| 870 | text-align: left; | ||
| 871 | |||
| 872 | } | ||
| 873 | |||
| 874 | .el-form-item { | ||
| 875 | margin-bottom: 0; | ||
| 876 | margin-top: -1px; | ||
| 877 | } | ||
| 878 | |||
| 879 | .item-label { | ||
| 880 | display: flex; | ||
| 881 | align-items: flex-end; | ||
| 882 | flex-direction: column; | ||
| 883 | font-size: 12px; | ||
| 884 | flex: 0 0 90px; | ||
| 885 | margin-right: 3px; | ||
| 886 | |||
| 887 | p { | ||
| 888 | line-height: 16px; | ||
| 889 | white-space: nowrap; | ||
| 890 | text-align: right; | ||
| 891 | } | ||
| 892 | |||
| 893 | p:nth-child(1) { | ||
| 894 | position: relative; | ||
| 895 | right: 5px; | ||
| 896 | } | ||
| 897 | } | ||
| 898 | } | ||
| 899 | |||
| 900 | // 字典管理弹框 | ||
| 901 | .dictionary { | ||
| 902 | .el-dialog__header { | ||
| 903 | width: 100%; | ||
| 904 | display: flex; | ||
| 905 | justify-content: center; | ||
| 906 | font-size: 24px; | ||
| 907 | background-color: #3D59C4; | ||
| 908 | |||
| 909 | .dialog_title { | ||
| 910 | |||
| 911 | color: white; | ||
| 912 | margin-bottom: 10px; | ||
| 913 | } | ||
| 914 | } | ||
| 915 | |||
| 916 | .el-dialog__headerbtn .el-dialog__close { | ||
| 917 | font-size: 20px; | ||
| 918 | color: white; | ||
| 919 | } | ||
| 920 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-20 14:45:57 | 4 | * @LastEditTime: 2023-03-28 14:11:01 |
| 5 | --> | 5 | --> |
| 6 | <!-- | 6 | <!-- |
| 7 | 功能:结果 | 7 | 功能:结果 |
| ... | @@ -18,8 +18,8 @@ | ... | @@ -18,8 +18,8 @@ |
| 18 | </div> | 18 | </div> |
| 19 | </template> | 19 | </template> |
| 20 | <script> | 20 | <script> |
| 21 | import { getReceiveDataReportResult } from "@/api/dataReport.js"; | 21 | import { getReceiveDataReportResult } from "@/api/dataReport.js"; |
| 22 | export default { | 22 | export default { |
| 23 | components: {}, | 23 | components: {}, |
| 24 | props: { | 24 | props: { |
| 25 | formData: { | 25 | formData: { |
| ... | @@ -40,10 +40,10 @@ export default { | ... | @@ -40,10 +40,10 @@ export default { |
| 40 | this.ERRORINFO = data.ERRORINFO | 40 | this.ERRORINFO = data.ERRORINFO |
| 41 | }) | 41 | }) |
| 42 | } | 42 | } |
| 43 | } | 43 | } |
| 44 | </script> | 44 | </script> |
| 45 | <style scoped lang='scss'> | 45 | <style scoped lang='scss'> |
| 46 | .result { | 46 | .result { |
| 47 | padding: 15px; | 47 | padding: 15px; |
| 48 | 48 | ||
| 49 | p { | 49 | p { |
| ... | @@ -51,12 +51,12 @@ export default { | ... | @@ -51,12 +51,12 @@ export default { |
| 51 | line-height: 26px; | 51 | line-height: 26px; |
| 52 | font-size: 18px; | 52 | font-size: 18px; |
| 53 | } | 53 | } |
| 54 | } | 54 | } |
| 55 | 55 | ||
| 56 | /deep/.el-textarea__inner { | 56 | /deep/.el-textarea__inner { |
| 57 | min-height: 33vh !important; | 57 | min-height: 33vh !important; |
| 58 | background-color: #08346F !important; | 58 | background-color: #08346f !important; |
| 59 | color: #ffffff; | 59 | color: #ffffff; |
| 60 | border: none !important; | 60 | border: none !important; |
| 61 | } | 61 | } |
| 62 | </style> | 62 | </style> | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox entryJournal editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" |
| 3 | :visible.sync="dialogVisible" width="90%"> | 3 | custom-class="dialogBox entryJournal commonDialog editDialogBox mainCenter" :visible.sync="dialogVisible" width="90%"> |
| 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
| 5 | {{ title || '登薄日志' }} | 5 | {{ title || '登薄日志' }} |
| 6 | </div> | 6 | </div> |
| ... | @@ -193,12 +193,12 @@ | ... | @@ -193,12 +193,12 @@ |
| 193 | </template> | 193 | </template> |
| 194 | 194 | ||
| 195 | <script> | 195 | <script> |
| 196 | import { sbdata, sendThis } from './data/sbdata' | 196 | import { sbdata, sendThis } from './data/sbdata' |
| 197 | import { dbdata, sendThis1 } from './data/dbdata' | 197 | import { dbdata, sendThis1 } from './data/dbdata' |
| 198 | import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" | 198 | import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" |
| 199 | import JsonEditor from "@/components/JsonEditor.vue"; | 199 | import JsonEditor from "@/components/JsonEditor.vue"; |
| 200 | import { judgeListComplete } from "@/utils/tools.js" | 200 | import { judgeListComplete } from "@/utils/tools.js" |
| 201 | export default { | 201 | export default { |
| 202 | components: { JsonEditor }, | 202 | components: { JsonEditor }, |
| 203 | data () { | 203 | data () { |
| 204 | return { | 204 | return { |
| ... | @@ -455,8 +455,7 @@ | ... | @@ -455,8 +455,7 @@ |
| 455 | } | 455 | } |
| 456 | } | 456 | } |
| 457 | } | 457 | } |
| 458 | } | 458 | } |
| 459 | </script> | 459 | </script> |
| 460 | <style scoped lang="scss"> | 460 | |
| 461 | </style> | ||
| 462 | 461 | ... | ... |
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> |
| 1 | <template> | 1 | <template> |
| 2 | <!-- 编辑 --> | 2 | <!-- 编辑 --> |
| 3 | <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit" width="60%" | 3 | <dialogBox submitForm="submitForm" class="tableClass dictionary" @closeDialog="closeDialog" @submitForm="handleSubmit" width="60%" |
| 4 | v-model="myValue" :isMain="true" title="字典信息"> | 4 | v-model="myValue" :isMain="true" title="字典信息"> |
| 5 | <div class="editDialogBox-box "> | 5 | <div class="editDialogBox-box "> |
| 6 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> | 6 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> |
| ... | @@ -159,13 +159,14 @@ | ... | @@ -159,13 +159,14 @@ |
| 159 | }, | 159 | }, |
| 160 | }, | 160 | }, |
| 161 | { | 161 | { |
| 162 | width: "130", | 162 | width: "200", |
| 163 | label: "移动", | 163 | label: "移动", |
| 164 | render: (h, scope) => { | 164 | render: (h, scope) => { |
| 165 | return ( | 165 | return ( |
| 166 | <div> | 166 | <div> |
| 167 | <el-button | 167 | <el-button |
| 168 | type="text" | 168 | type="text" |
| 169 | class='movebtnColor' | ||
| 169 | disabled={scope.row.isTop} | 170 | disabled={scope.row.isTop} |
| 170 | onClick={() => { | 171 | onClick={() => { |
| 171 | this.moveUpward(scope.$index, scope.row); | 172 | this.moveUpward(scope.$index, scope.row); |
| ... | @@ -175,6 +176,7 @@ | ... | @@ -175,6 +176,7 @@ |
| 175 | </el-button> | 176 | </el-button> |
| 176 | <el-button | 177 | <el-button |
| 177 | type="text" | 178 | type="text" |
| 179 | class='movebtnColor' | ||
| 178 | disabled={scope.row.isBottom} | 180 | disabled={scope.row.isBottom} |
| 179 | onClick={() => { | 181 | onClick={() => { |
| 180 | this.moveDown(scope.$index, scope.row); | 182 | this.moveDown(scope.$index, scope.row); |
| ... | @@ -187,13 +189,14 @@ | ... | @@ -187,13 +189,14 @@ |
| 187 | }, | 189 | }, |
| 188 | }, | 190 | }, |
| 189 | { | 191 | { |
| 190 | width: "100", | 192 | width: "200", |
| 191 | label: "操作", | 193 | label: "操作", |
| 192 | render: (h, scope) => { | 194 | render: (h, scope) => { |
| 193 | return ( | 195 | return ( |
| 194 | <div> | 196 | <div> |
| 195 | <el-button | 197 | <el-button |
| 196 | type="text" | 198 | type="text" |
| 199 | class='resetbtnColor' | ||
| 197 | style="margin-right:10px" | 200 | style="margin-right:10px" |
| 198 | onClick={() => { | 201 | onClick={() => { |
| 199 | this.handleAddSubordinate(scope.row); | 202 | this.handleAddSubordinate(scope.row); |
| ... | @@ -203,6 +206,7 @@ | ... | @@ -203,6 +206,7 @@ |
| 203 | </el-button> | 206 | </el-button> |
| 204 | <el-button | 207 | <el-button |
| 205 | type="text" | 208 | type="text" |
| 209 | class='delColor' | ||
| 206 | style="margin-left:0" | 210 | style="margin-left:0" |
| 207 | onClick={() => { | 211 | onClick={() => { |
| 208 | this.handleMinus(scope.$index, scope.row); | 212 | this.handleMinus(scope.$index, scope.row); | ... | ... |
| ... | @@ -208,9 +208,9 @@ | ... | @@ -208,9 +208,9 @@ |
| 208 | message: res.message, | 208 | message: res.message, |
| 209 | showClose: true | 209 | showClose: true |
| 210 | }) | 210 | }) |
| 211 | 211 | close() | |
| 212 | this.resetForm() | ||
| 213 | this.$emit('ok') | 212 | this.$emit('ok') |
| 213 | |||
| 214 | } else { | 214 | } else { |
| 215 | this.$message.error({ message: res.message, showClose: true }) | 215 | this.$message.error({ message: res.message, showClose: true }) |
| 216 | } | 216 | } | ... | ... |
| ... | @@ -29,20 +29,20 @@ | ... | @@ -29,20 +29,20 @@ |
| 29 | </div> | 29 | </div> |
| 30 | </template> | 30 | </template> |
| 31 | <script> | 31 | <script> |
| 32 | // 定时任务 | 32 | // 定时任务 |
| 33 | import data from "./data"; | 33 | import data from "./data"; |
| 34 | import { deleteAction, getAction, api } from "@/api/manageApi"; | 34 | import { deleteAction, getAction, api } from "@/api/manageApi"; |
| 35 | import EditDialog from "./edit-dialog.vue"; | 35 | import EditDialog from "./edit-dialog.vue"; |
| 36 | import { mapGetters } from "vuex"; | 36 | import { mapGetters } from "vuex"; |
| 37 | import { getMenuInfo } from "@/api/user"; | 37 | import { getMenuInfo } from "@/api/user"; |
| 38 | import { | 38 | import { |
| 39 | getUuid, | 39 | getUuid, |
| 40 | judgeSort, | 40 | judgeSort, |
| 41 | realMove, | 41 | realMove, |
| 42 | findParents, | 42 | findParents, |
| 43 | removeTreeListItem, | 43 | removeTreeListItem, |
| 44 | } from "@/utils/operation"; | 44 | } from "@/utils/operation"; |
| 45 | export default { | 45 | export default { |
| 46 | name: "menus", | 46 | name: "menus", |
| 47 | components: { | 47 | components: { |
| 48 | EditDialog, | 48 | EditDialog, |
| ... | @@ -153,6 +153,7 @@ export default { | ... | @@ -153,6 +153,7 @@ export default { |
| 153 | // 加载表格数据 | 153 | // 加载表格数据 |
| 154 | getTableList () { | 154 | getTableList () { |
| 155 | getMenuInfo(this.BASE_API.CODE).then((res) => { | 155 | getMenuInfo(this.BASE_API.CODE).then((res) => { |
| 156 | console.log("/sthj", res); | ||
| 156 | if (res.code === 200) { | 157 | if (res.code === 200) { |
| 157 | this.tablelistData = judgeSort(res.result) | 158 | this.tablelistData = judgeSort(res.result) |
| 158 | this.listData = this.tablelistData | 159 | this.listData = this.tablelistData |
| ... | @@ -166,7 +167,7 @@ export default { | ... | @@ -166,7 +167,7 @@ export default { |
| 166 | conditions: [ | 167 | conditions: [ |
| 167 | { | 168 | { |
| 168 | property: "code", | 169 | property: "code", |
| 169 | value: sessionStorage.getItem("products"), | 170 | value: this.BASE_API.CODE, |
| 170 | operator: "EQ", | 171 | operator: "EQ", |
| 171 | }, | 172 | }, |
| 172 | ], | 173 | ], |
| ... | @@ -245,14 +246,14 @@ export default { | ... | @@ -245,14 +246,14 @@ export default { |
| 245 | this.getTableList() | 246 | this.getTableList() |
| 246 | }, | 247 | }, |
| 247 | }, | 248 | }, |
| 248 | }; | 249 | }; |
| 249 | </script> | 250 | </script> |
| 250 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
| 251 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
| 252 | 253 | ||
| 253 | // @import "~@/styles/public.scss"; | 254 | // @import "~@/styles/public.scss"; |
| 254 | 255 | ||
| 255 | /deep/.el-table__expand-icon { | 256 | /deep/.el-table__expand-icon { |
| 256 | color: #fff; | 257 | color: #fff; |
| 257 | } | 258 | } |
| 258 | </style> | 259 | </style> | ... | ... |
| ... | @@ -29,24 +29,24 @@ | ... | @@ -29,24 +29,24 @@ |
| 29 | </div> | 29 | </div> |
| 30 | </template> | 30 | </template> |
| 31 | <script> | 31 | <script> |
| 32 | import { | 32 | import { |
| 33 | getUuid, | 33 | getUuid, |
| 34 | judgeSort, | 34 | judgeSort, |
| 35 | realMove, | 35 | realMove, |
| 36 | findParents, | 36 | findParents, |
| 37 | removeTreeListItem, | 37 | removeTreeListItem, |
| 38 | } from "@/utils/operation"; | 38 | } from "@/utils/operation"; |
| 39 | import { getRolesById, getAuthorityListAction } from "@/api/authorityManage"; | 39 | import { getRolesById, getAuthorityListAction } from "@/api/authorityManage"; |
| 40 | import { getUserRoles } from "@/api/personnelManage"; | 40 | import { getUserRoles } from "@/api/personnelManage"; |
| 41 | import data from "./data"; | 41 | import data from "./data"; |
| 42 | import { getMenuInfo } from "@/api/user"; | 42 | import { getMenuInfo } from "@/api/user"; |
| 43 | import { api, getAction, deleteAction } from "@/api/manageApi"; | 43 | import { api, getAction, deleteAction } from "@/api/manageApi"; |
| 44 | import tableMixin from "@/mixins/tableMixin.js"; | 44 | import tableMixin from "@/mixins/tableMixin.js"; |
| 45 | import EditDialog from "./edit-dialog.vue"; | 45 | import EditDialog from "./edit-dialog.vue"; |
| 46 | import Roleslistdiglog from "./roleslistdiglog.vue"; | 46 | import Roleslistdiglog from "./roleslistdiglog.vue"; |
| 47 | import { mapGetters } from "vuex"; | 47 | import { mapGetters } from "vuex"; |
| 48 | import { updateOrder } from "@/api/orders" | 48 | import { updateOrder } from "@/api/orders" |
| 49 | export default { | 49 | export default { |
| 50 | name: "menus", | 50 | name: "menus", |
| 51 | mixins: [tableMixin], | 51 | mixins: [tableMixin], |
| 52 | components: { | 52 | components: { |
| ... | @@ -431,7 +431,7 @@ export default { | ... | @@ -431,7 +431,7 @@ export default { |
| 431 | this.$refs.addEditDialog.menuType = this.menuType; | 431 | this.$refs.addEditDialog.menuType = this.menuType; |
| 432 | this.$refs.addEditDialog.roleId = value.id; | 432 | this.$refs.addEditDialog.roleId = value.id; |
| 433 | this.roleSort = value.sort ? value.sort : 0; | 433 | this.roleSort = value.sort ? value.sort : 0; |
| 434 | this.$refs.addEditDialog.dialogForm.roleType = sessionStorage.getItem("products"); | 434 | this.$refs.addEditDialog.dialogForm.roleType = this.BASE_API.CODE; |
| 435 | if (value.id) { | 435 | if (value.id) { |
| 436 | this.$refs.addEditDialog.dialogForm.roleName = value.name; | 436 | this.$refs.addEditDialog.dialogForm.roleName = value.name; |
| 437 | 437 | ||
| ... | @@ -503,16 +503,16 @@ export default { | ... | @@ -503,16 +503,16 @@ export default { |
| 503 | this.getTableData(); | 503 | this.getTableData(); |
| 504 | }, | 504 | }, |
| 505 | }, | 505 | }, |
| 506 | }; | 506 | }; |
| 507 | </script> | 507 | </script> |
| 508 | <style scoped lang="scss"> | 508 | <style scoped lang="scss"> |
| 509 | @import "~@/styles/mixin.scss"; | 509 | @import "~@/styles/mixin.scss"; |
| 510 | // @import "~@/styles/public.scss"; | 510 | // @import "~@/styles/public.scss"; |
| 511 | 511 | ||
| 512 | /deep/.el-button.is-disabled.el-button--text { | 512 | /deep/.el-button.is-disabled.el-button--text { |
| 513 | width: 64px; | 513 | width: 64px; |
| 514 | height: 28px; | 514 | height: 28px; |
| 515 | background: rgba(255, 255, 255, 0.1); | 515 | background: rgba(255, 255, 255, 0.1); |
| 516 | border-radius: 16px; | 516 | border-radius: 16px; |
| 517 | } | 517 | } |
| 518 | </style> | 518 | </style> | ... | ... |
| ... | @@ -29,12 +29,12 @@ | ... | @@ -29,12 +29,12 @@ |
| 29 | </div> | 29 | </div> |
| 30 | </template> | 30 | </template> |
| 31 | <script> | 31 | <script> |
| 32 | // 定时任务 | 32 | // 定时任务 |
| 33 | import data from "./data" | 33 | import data from "./data" |
| 34 | import sjsbTask from '@/api/sjsbTask.js' | 34 | import sjsbTask from '@/api/sjsbTask.js' |
| 35 | import tableMixin from '@/mixins/tableMixin.js' | 35 | import tableMixin from '@/mixins/tableMixin.js' |
| 36 | import addTask from '../components/addTask.vue' | 36 | import addTask from '../components/addTask.vue' |
| 37 | export default { | 37 | export default { |
| 38 | name: "timedTask", | 38 | name: "timedTask", |
| 39 | mixins: [tableMixin], | 39 | mixins: [tableMixin], |
| 40 | components: { | 40 | components: { |
| ... | @@ -63,6 +63,62 @@ export default { | ... | @@ -63,6 +63,62 @@ export default { |
| 63 | return ( | 63 | return ( |
| 64 | <div> | 64 | <div> |
| 65 | <el-button type="text" | 65 | <el-button type="text" |
| 66 | size="mini" | ||
| 67 | v-show={scope.row.jobStatus === 0} | ||
| 68 | class='btnColor' | ||
| 69 | onClick={() => { this.handleActive(scope.row) }}>激活 | ||
| 70 | </el-button> | ||
| 71 | <el-button type="text" | ||
| 72 | size="mini" | ||
| 73 | v-show={scope.row.jobStatus === -1} | ||
| 74 | class='btnColor' | ||
| 75 | onClick={() => { this.recover(scope.row) }}>恢复 | ||
| 76 | </el-button> | ||
| 77 | <el-button type="text" | ||
| 78 | size="mini" | ||
| 79 | class='successColor' | ||
| 80 | onClick={() => { this.handleEdit(scope.row) }}>编辑 | ||
| 81 | </el-button> | ||
| 82 | <el-button type="text" | ||
| 83 | size="mini" | ||
| 84 | class='successColor' | ||
| 85 | v-show={scope.row.jobStatus !== -1} | ||
| 86 | onClick={() => { this.handleDel(scope.row) }}>删除 | ||
| 87 | </el-button> | ||
| 88 | </div> | ||
| 89 | ); | ||
| 90 | }, | ||
| 91 | }, | ||
| 92 | ]), | ||
| 93 | data: [] | ||
| 94 | }, | ||
| 95 | pageData: { | ||
| 96 | total: 0, | ||
| 97 | pageSize: 15, | ||
| 98 | current: 1, | ||
| 99 | }, | ||
| 100 | } | ||
| 101 | }, | ||
| 102 | methods: { | ||
| 103 | handleAdd () { | ||
| 104 | this.taskData = null | ||
| 105 | this.isDialog = true | ||
| 106 | }, | ||
| 107 | selectionList: [], | ||
| 108 | tableData: { | ||
| 109 | columns: [{ | ||
| 110 | label: '序号', | ||
| 111 | type: 'index', | ||
| 112 | width: '50', | ||
| 113 | index: this.indexMethod, | ||
| 114 | }].concat(data.columns()).concat([ | ||
| 115 | { | ||
| 116 | label: "操作", | ||
| 117 | width: 380, | ||
| 118 | render: (h, scope) => { | ||
| 119 | return ( | ||
| 120 | <div> | ||
| 121 | <el-button type="text" | ||
| 66 | v-show={scope.row.jobStatus === 0} | 122 | v-show={scope.row.jobStatus === 0} |
| 67 | class='btnColor' | 123 | class='btnColor' |
| 68 | icon="el-icon-video-pause" | 124 | icon="el-icon-video-pause" |
| ... | @@ -97,7 +153,6 @@ export default { | ... | @@ -97,7 +153,6 @@ export default { |
| 97 | pageSize: 15, | 153 | pageSize: 15, |
| 98 | current: 1, | 154 | current: 1, |
| 99 | }, | 155 | }, |
| 100 | } | ||
| 101 | }, | 156 | }, |
| 102 | methods: { | 157 | methods: { |
| 103 | handleAdd () { | 158 | handleAdd () { | ... | ... |
-
Please register or sign in to post a comment