Commit 4ee000684954cc58ce3569ecca7d79cea34fa2c9
1 parent
4abf4eea
m
Showing
5 changed files
with
115 additions
and
96 deletions
trash-ui/dist.rar
No preview for this file type
trash-ui/src/api/truck_active.js
| ... | ... | @@ -112,6 +112,22 @@ export default { |
| 112 | 112 | }, |
| 113 | 113 | created() { |
| 114 | 114 | |
| 115 | + | |
| 116 | + if(window.location.search){ | |
| 117 | + let params = window.location.search.replace("?",""); | |
| 118 | + let arr = params.split("&"); | |
| 119 | + let type = -1; | |
| 120 | + let name = null; | |
| 121 | + for(let j in arr){ | |
| 122 | + if(arr[j].split("=")[0] == "objType"){ | |
| 123 | + this.queryParams.activateStatus = arr[j].split("=")[1]; | |
| 124 | + } | |
| 125 | + if(arr[j].split("=")[0] == "objValue"){ | |
| 126 | + this.queryParams.construction = arr[j].split("=")[1]; | |
| 127 | + } | |
| 128 | + } | |
| 129 | + | |
| 130 | + | |
| 115 | 131 | let dep = {type: "CSUserDepartmentType"}; |
| 116 | 132 | |
| 117 | 133 | getDict(dep).then(res => { |
| ... | ... | @@ -346,6 +362,9 @@ export default { |
| 346 | 362 | /** 重置按钮操作 */ |
| 347 | 363 | resetQuery() { |
| 348 | 364 | this.resetForm("queryForm"); |
| 365 | + this.queryParams.activateStatus = null; | |
| 366 | + this.queryParams.construction = null; | |
| 367 | + | |
| 349 | 368 | this.handleQuery(); |
| 350 | 369 | }, |
| 351 | 370 | // 多选框选中数据 | ... | ... |
trash-ui/src/layout/index.vue
| 1 | 1 | <template> |
| 2 | - <div :class="classObj" class="app-wrapper"> | |
| 3 | - <sidebar class="sidebar-container"/> | |
| 4 | - <div :class="{hasTagsView:needTagsView}" class="main-container"> | |
| 5 | - <tags-view v-if="needTagsView"/> | |
| 6 | - <app-main/> | |
| 7 | - | |
| 8 | - </div> | |
| 9 | - </div> | |
| 2 | + <app-main /> | |
| 10 | 3 | </template> |
| 11 | 4 | |
| 12 | 5 | <script> |
| 13 | 6 | import RightPanel from '@/components/RightPanel' |
| 14 | -import {AppMain, Navbar, Settings, Sidebar, TagsView} from './components' | |
| 7 | +import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components' | |
| 15 | 8 | import ResizeMixin from './mixin/ResizeHandler' |
| 16 | -import {mapState} from 'vuex' | |
| 9 | +import { mapState } from 'vuex' | |
| 17 | 10 | |
| 18 | 11 | export default { |
| 19 | 12 | name: 'Layout', |
| ... | ... | @@ -45,63 +38,52 @@ export default { |
| 45 | 38 | }, |
| 46 | 39 | methods: { |
| 47 | 40 | handleClickOutside() { |
| 48 | - this.$store.dispatch('app/closeSideBar', {withoutAnimation: false}) | |
| 41 | + this.$store.dispatch('app/closeSideBar', { withoutAnimation: false }) | |
| 49 | 42 | } |
| 50 | 43 | } |
| 51 | 44 | } |
| 52 | 45 | </script> |
| 53 | 46 | |
| 54 | 47 | <style lang="scss" scoped> |
| 55 | -@import "~@/assets/styles/mixin.scss"; | |
| 56 | -@import "~@/assets/styles/variables.scss"; | |
| 48 | + @import "~@/assets/styles/mixin.scss"; | |
| 49 | + @import "~@/assets/styles/variables.scss"; | |
| 57 | 50 | |
| 58 | -.app-wrapper { | |
| 59 | - @include clearfix; | |
| 60 | - position: relative; | |
| 61 | - height: 100%; | |
| 62 | - width: 100%; | |
| 51 | + .app-wrapper { | |
| 52 | + @include clearfix; | |
| 53 | + position: relative; | |
| 54 | + height: 100%; | |
| 55 | + width: 100%; | |
| 63 | 56 | |
| 64 | - &.mobile.openSidebar { | |
| 65 | - position: fixed; | |
| 66 | - top: 0; | |
| 57 | + &.mobile.openSidebar { | |
| 58 | + position: fixed; | |
| 59 | + top: 0; | |
| 60 | + } | |
| 67 | 61 | } |
| 68 | -} | |
| 69 | 62 | |
| 70 | -.drawer-bg { | |
| 71 | - background: #000; | |
| 72 | - opacity: 0.3; | |
| 73 | - width: 100%; | |
| 74 | - top: 0; | |
| 75 | - height: 100%; | |
| 76 | - position: absolute; | |
| 77 | - z-index: 999; | |
| 78 | -} | |
| 79 | - | |
| 80 | -.fixed-header { | |
| 81 | - position: fixed; | |
| 82 | - top: 0; | |
| 83 | - right: 0; | |
| 84 | - z-index: 9; | |
| 85 | - width: calc(100% - #{$sideBarWidth}); | |
| 86 | - transition: width 0.28s; | |
| 87 | -} | |
| 88 | - | |
| 89 | -.hideSidebar .fixed-header { | |
| 90 | - width: calc(100% - 54px) | |
| 91 | -} | |
| 63 | + .drawer-bg { | |
| 64 | + background: #000; | |
| 65 | + opacity: 0.3; | |
| 66 | + width: 100%; | |
| 67 | + top: 0; | |
| 68 | + height: 100%; | |
| 69 | + position: absolute; | |
| 70 | + z-index: 999; | |
| 71 | + } | |
| 92 | 72 | |
| 93 | -.mobile .fixed-header { | |
| 94 | - width: 100%; | |
| 95 | -} | |
| 73 | + .fixed-header { | |
| 74 | + position: fixed; | |
| 75 | + top: 0; | |
| 76 | + right: 0; | |
| 77 | + z-index: 9; | |
| 78 | + width: calc(100% - #{$sideBarWidth}); | |
| 79 | + transition: width 0.28s; | |
| 80 | + } | |
| 96 | 81 | |
| 97 | -.preview figure { | |
| 98 | - float: left; | |
| 99 | - width: 30%; | |
| 100 | - height:calc(30vw - 0px); | |
| 101 | - margin: 1.5%; | |
| 102 | -} | |
| 82 | + .hideSidebar .fixed-header { | |
| 83 | + width: calc(100% - 54px) | |
| 84 | + } | |
| 103 | 85 | |
| 104 | -.preview figure img { | |
| 105 | - width: 400px; | |
| 106 | -} | |
| 86 | + .mobile .fixed-header { | |
| 87 | + width: 100%; | |
| 88 | + } | |
| 107 | 89 | </style> | ... | ... |
trash-ui/src/layout/index5.vue renamed to trash-ui/src/layout/index44.vue
| 1 | 1 | <template> |
| 2 | - <app-main /> | |
| 2 | + <div :class="classObj" class="app-wrapper"> | |
| 3 | + <sidebar class="sidebar-container"/> | |
| 4 | + <div :class="{hasTagsView:needTagsView}" class="main-container"> | |
| 5 | + <tags-view v-if="needTagsView"/> | |
| 6 | + <app-main/> | |
| 7 | + | |
| 8 | + </div> | |
| 9 | + </div> | |
| 3 | 10 | </template> |
| 4 | 11 | |
| 5 | 12 | <script> |
| 6 | 13 | import RightPanel from '@/components/RightPanel' |
| 7 | -import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components' | |
| 14 | +import {AppMain, Navbar, Settings, Sidebar, TagsView} from './components' | |
| 8 | 15 | import ResizeMixin from './mixin/ResizeHandler' |
| 9 | -import { mapState } from 'vuex' | |
| 16 | +import {mapState} from 'vuex' | |
| 10 | 17 | |
| 11 | 18 | export default { |
| 12 | 19 | name: 'Layout', |
| ... | ... | @@ -38,52 +45,63 @@ export default { |
| 38 | 45 | }, |
| 39 | 46 | methods: { |
| 40 | 47 | handleClickOutside() { |
| 41 | - this.$store.dispatch('app/closeSideBar', { withoutAnimation: false }) | |
| 48 | + this.$store.dispatch('app/closeSideBar', {withoutAnimation: false}) | |
| 42 | 49 | } |
| 43 | 50 | } |
| 44 | 51 | } |
| 45 | 52 | </script> |
| 46 | 53 | |
| 47 | 54 | <style lang="scss" scoped> |
| 48 | - @import "~@/assets/styles/mixin.scss"; | |
| 49 | - @import "~@/assets/styles/variables.scss"; | |
| 50 | - | |
| 51 | - .app-wrapper { | |
| 52 | - @include clearfix; | |
| 53 | - position: relative; | |
| 54 | - height: 100%; | |
| 55 | - width: 100%; | |
| 56 | - | |
| 57 | - &.mobile.openSidebar { | |
| 58 | - position: fixed; | |
| 59 | - top: 0; | |
| 60 | - } | |
| 61 | - } | |
| 55 | +@import "~@/assets/styles/mixin.scss"; | |
| 56 | +@import "~@/assets/styles/variables.scss"; | |
| 62 | 57 | |
| 63 | - .drawer-bg { | |
| 64 | - background: #000; | |
| 65 | - opacity: 0.3; | |
| 66 | - width: 100%; | |
| 67 | - top: 0; | |
| 68 | - height: 100%; | |
| 69 | - position: absolute; | |
| 70 | - z-index: 999; | |
| 71 | - } | |
| 58 | +.app-wrapper { | |
| 59 | + @include clearfix; | |
| 60 | + position: relative; | |
| 61 | + height: 100%; | |
| 62 | + width: 100%; | |
| 72 | 63 | |
| 73 | - .fixed-header { | |
| 64 | + &.mobile.openSidebar { | |
| 74 | 65 | position: fixed; |
| 75 | 66 | top: 0; |
| 76 | - right: 0; | |
| 77 | - z-index: 9; | |
| 78 | - width: calc(100% - #{$sideBarWidth}); | |
| 79 | - transition: width 0.28s; | |
| 80 | 67 | } |
| 68 | +} | |
| 81 | 69 | |
| 82 | - .hideSidebar .fixed-header { | |
| 83 | - width: calc(100% - 54px) | |
| 84 | - } | |
| 70 | +.drawer-bg { | |
| 71 | + background: #000; | |
| 72 | + opacity: 0.3; | |
| 73 | + width: 100%; | |
| 74 | + top: 0; | |
| 75 | + height: 100%; | |
| 76 | + position: absolute; | |
| 77 | + z-index: 999; | |
| 78 | +} | |
| 85 | 79 | |
| 86 | - .mobile .fixed-header { | |
| 87 | - width: 100%; | |
| 88 | - } | |
| 80 | +.fixed-header { | |
| 81 | + position: fixed; | |
| 82 | + top: 0; | |
| 83 | + right: 0; | |
| 84 | + z-index: 9; | |
| 85 | + width: calc(100% - #{$sideBarWidth}); | |
| 86 | + transition: width 0.28s; | |
| 87 | +} | |
| 88 | + | |
| 89 | +.hideSidebar .fixed-header { | |
| 90 | + width: calc(100% - 54px) | |
| 91 | +} | |
| 92 | + | |
| 93 | +.mobile .fixed-header { | |
| 94 | + width: 100%; | |
| 95 | +} | |
| 96 | + | |
| 97 | +.preview figure { | |
| 98 | + float: left; | |
| 99 | + width: 30%; | |
| 100 | + height:calc(30vw - 0px); | |
| 101 | + margin: 1.5%; | |
| 102 | +} | |
| 103 | + | |
| 104 | +.preview figure img { | |
| 105 | + width: 400px; | |
| 106 | +} | |
| 89 | 107 | </style> | ... | ... |
trash-ui/src/main.js
| ... | ... | @@ -37,8 +37,8 @@ Vue.prototype.handleTree = handleTree |
| 37 | 37 | Vue.prototype.parseStatus = parseStatus |
| 38 | 38 | Vue.prototype.checkPer = checkPermi |
| 39 | 39 | |
| 40 | -Vue.prototype.remoteFrame = "http://183.66.242.6:14601" | |
| 41 | -// Vue.prototype.remoteFrame = "http://175.6.47.84:8008" | |
| 40 | +// Vue.prototype.remoteFrame = "http://183.66.242.6:14601" | |
| 41 | +Vue.prototype.remoteFrame = "http://175.6.47.84:8008" | |
| 42 | 42 | |
| 43 | 43 | Vue.prototype.msgSuccess = function (msg) { |
| 44 | 44 | this.$message({ showClose: true, message: msg, type: "success" }); | ... | ... |