style:监管
Showing
4 changed files
with
38 additions
and
48 deletions
| ... | @@ -24,6 +24,11 @@ Vue.prototype.$endLoading = endLoadingSubCount | ... | @@ -24,6 +24,11 @@ Vue.prototype.$endLoading = endLoadingSubCount |
| 24 | 24 | ||
| 25 | import { theme } from "@/directive/theme.js" | 25 | import { theme } from "@/directive/theme.js" |
| 26 | Vue.directive("theme", theme) | 26 | Vue.directive("theme", theme) |
| 27 | Vue.directive('fo', { | ||
| 28 | inserted (el, binding, vnode) { | ||
| 29 | el.querySelector('input').focus() | ||
| 30 | } | ||
| 31 | }) | ||
| 27 | import './image/icons' // icon | 32 | import './image/icons' // icon |
| 28 | import store from './store' | 33 | import store from './store' |
| 29 | import router from './router' | 34 | import router from './router' | ... | ... |
| ... | @@ -344,8 +344,7 @@ aside { | ... | @@ -344,8 +344,7 @@ aside { |
| 344 | .prohibit .suspend { | 344 | .prohibit .suspend { |
| 345 | position: relative; | 345 | position: relative; |
| 346 | margin: 0 auto; | 346 | margin: 0 auto; |
| 347 | text-align: left; | 347 | text-align: center; |
| 348 | padding-left: 13px; | ||
| 349 | } | 348 | } |
| 350 | 349 | ||
| 351 | .allow { | 350 | .allow { |
| ... | @@ -360,42 +359,6 @@ aside { | ... | @@ -360,42 +359,6 @@ aside { |
| 360 | color: $yellow; | 359 | color: $yellow; |
| 361 | } | 360 | } |
| 362 | 361 | ||
| 363 | .allow::before { | ||
| 364 | content: ''; | ||
| 365 | position: absolute; | ||
| 366 | left: 5px; | ||
| 367 | top: 45%; | ||
| 368 | background-color: $green; | ||
| 369 | display: inline-block; // 此句为css样式展示重点🏁 | ||
| 370 | width: 5px; | ||
| 371 | height: 5px; | ||
| 372 | border-radius: 50%; | ||
| 373 | } | ||
| 374 | |||
| 375 | .prohibit::before { | ||
| 376 | content: ''; | ||
| 377 | position: absolute; | ||
| 378 | left: 5px; | ||
| 379 | top: 45%; | ||
| 380 | background-color: $pink; | ||
| 381 | display: inline-block; // 此句为css样式展示重点🏁 | ||
| 382 | width: 5px; | ||
| 383 | height: 5px; | ||
| 384 | border-radius: 50%; | ||
| 385 | } | ||
| 386 | |||
| 387 | .suspend::before { | ||
| 388 | content: ''; | ||
| 389 | position: absolute; | ||
| 390 | left: 5px; | ||
| 391 | top: 45%; | ||
| 392 | background-color: $yellow; | ||
| 393 | display: inline-block; // 此句为css样式展示重点🏁 | ||
| 394 | width: 5px; | ||
| 395 | height: 5px; | ||
| 396 | border-radius: 50%; | ||
| 397 | } | ||
| 398 | |||
| 399 | //错误日志样式 后期超优化 | 362 | //错误日志样式 后期超优化 |
| 400 | .item-cwnr { | 363 | .item-cwnr { |
| 401 | white-space: pre-wrap; | 364 | white-space: pre-wrap; | ... | ... |
| ... | @@ -16,15 +16,15 @@ | ... | @@ -16,15 +16,15 @@ |
| 16 | </el-col> | 16 | </el-col> |
| 17 | </el-row> | 17 | </el-row> |
| 18 | </el-form> | 18 | </el-form> |
| 19 | <lb-table :column="column" :heightNum="420" :key="key" :expand-row-keys="keyList" row-key="bsmDict" | 19 | <lb-table :column="column" class="loadingtext" :heightNum="420" :key="key" :expand-row-keys="keyList" |
| 20 | :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> | 20 | row-key="bsmDict" :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> |
| 21 | </lb-table> | 21 | </lb-table> |
| 22 | </dialogBox> | 22 | </dialogBox> |
| 23 | </template> | 23 | </template> |
| 24 | 24 | ||
| 25 | <script> | 25 | <script> |
| 26 | import { getUuid, judgeSort, realMove, findParents, removeTreeListItem } from '@/utils/operation' | 26 | import { getUuid, judgeSort, realMove, findParents, removeTreeListItem } from '@/utils/operation' |
| 27 | import { editDictNode } from '@/api/user' | 27 | import { editDictNode, getChildDictList } from '@/api/user' |
| 28 | export default { | 28 | export default { |
| 29 | props: { | 29 | props: { |
| 30 | value: { type: Boolean, default: false }, | 30 | value: { type: Boolean, default: false }, |
| ... | @@ -177,9 +177,23 @@ export default { | ... | @@ -177,9 +177,23 @@ export default { |
| 177 | value (val) { | 177 | value (val) { |
| 178 | this.myValue = val | 178 | this.myValue = val |
| 179 | }, | 179 | }, |
| 180 | 'details.bsmDict': { | ||
| 181 | handler: function (newValue) { | ||
| 182 | if (!this.value) return | ||
| 183 | this.$startLoading(); | ||
| 184 | getChildDictList(newValue).then(res => { | ||
| 185 | this.$endLoading(); | ||
| 186 | let { result } = res | ||
| 187 | this.tableData = result ? result : [] | ||
| 188 | this.tableData.forEach((item, index) => { | ||
| 189 | item.index = index + 1 | ||
| 190 | }) | ||
| 191 | }) | ||
| 192 | }, | ||
| 193 | immediate: true | ||
| 194 | }, | ||
| 180 | details: { | 195 | details: { |
| 181 | handler: function (newValue) { | 196 | handler: function (newValue) { |
| 182 | this.tableData = judgeSort(_.cloneDeep(newValue.dataList)) | ||
| 183 | if (newValue.isenable == 2) { | 197 | if (newValue.isenable == 2) { |
| 184 | this.column = this.columns.slice(0, 6) | 198 | this.column = this.columns.slice(0, 6) |
| 185 | } else { | 199 | } else { |
| ... | @@ -317,6 +331,17 @@ export default { | ... | @@ -317,6 +331,17 @@ export default { |
| 317 | <style rel="stylesheet/scss" lang="scss" scoped> | 331 | <style rel="stylesheet/scss" lang="scss" scoped> |
| 318 | /deep/.el-radio { | 332 | /deep/.el-radio { |
| 319 | margin-right: 5px !important; | 333 | margin-right: 5px !important; |
| 334 | display: flex; | ||
| 335 | } | ||
| 336 | |||
| 337 | /deep/.el-radio__label { | ||
| 338 | display: block; | ||
| 339 | } | ||
| 340 | |||
| 341 | /deep/.el-radio-group { | ||
| 342 | display: flex; | ||
| 343 | align-items: center; | ||
| 344 | justify-content: center; | ||
| 320 | } | 345 | } |
| 321 | </style> | 346 | </style> |
| 322 | 347 | ... | ... |
| ... | @@ -52,7 +52,7 @@ export default { | ... | @@ -52,7 +52,7 @@ export default { |
| 52 | return { | 52 | return { |
| 53 | isDialog: false, | 53 | isDialog: false, |
| 54 | details: { | 54 | details: { |
| 55 | dataList: [], | 55 | bsmDict: '', |
| 56 | isenable: 1, | 56 | isenable: 1, |
| 57 | rowData: {} | 57 | rowData: {} |
| 58 | }, | 58 | }, |
| ... | @@ -107,11 +107,8 @@ export default { | ... | @@ -107,11 +107,8 @@ export default { |
| 107 | editClick (row, val) { | 107 | editClick (row, val) { |
| 108 | this.details.rowData = row | 108 | this.details.rowData = row |
| 109 | this.details.isenable = val | 109 | this.details.isenable = val |
| 110 | getChildDictList(row.bsmDict).then(res => { | 110 | this.details.bsmDict = row.bsmDict |
| 111 | this.isDialog = true | 111 | this.isDialog = true |
| 112 | let { result } = res | ||
| 113 | this.details.dataList = result ? result : [] | ||
| 114 | }) | ||
| 115 | } | 112 | } |
| 116 | } | 113 | } |
| 117 | }; | 114 | }; | ... | ... |
-
Please register or sign in to post a comment