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,6 +112,22 @@ export default { | ||
| 112 | }, | 112 | }, |
| 113 | created() { | 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 | let dep = {type: "CSUserDepartmentType"}; | 131 | let dep = {type: "CSUserDepartmentType"}; |
| 116 | 132 | ||
| 117 | getDict(dep).then(res => { | 133 | getDict(dep).then(res => { |
| @@ -346,6 +362,9 @@ export default { | @@ -346,6 +362,9 @@ export default { | ||
| 346 | /** 重置按钮操作 */ | 362 | /** 重置按钮操作 */ |
| 347 | resetQuery() { | 363 | resetQuery() { |
| 348 | this.resetForm("queryForm"); | 364 | this.resetForm("queryForm"); |
| 365 | + this.queryParams.activateStatus = null; | ||
| 366 | + this.queryParams.construction = null; | ||
| 367 | + | ||
| 349 | this.handleQuery(); | 368 | this.handleQuery(); |
| 350 | }, | 369 | }, |
| 351 | // 多选框选中数据 | 370 | // 多选框选中数据 |
trash-ui/src/layout/index.vue
| 1 | <template> | 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 | </template> | 3 | </template> |
| 11 | 4 | ||
| 12 | <script> | 5 | <script> |
| 13 | import RightPanel from '@/components/RightPanel' | 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 | import ResizeMixin from './mixin/ResizeHandler' | 8 | import ResizeMixin from './mixin/ResizeHandler' |
| 16 | -import {mapState} from 'vuex' | 9 | +import { mapState } from 'vuex' |
| 17 | 10 | ||
| 18 | export default { | 11 | export default { |
| 19 | name: 'Layout', | 12 | name: 'Layout', |
| @@ -45,63 +38,52 @@ export default { | @@ -45,63 +38,52 @@ export default { | ||
| 45 | }, | 38 | }, |
| 46 | methods: { | 39 | methods: { |
| 47 | handleClickOutside() { | 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 | </script> | 45 | </script> |
| 53 | 46 | ||
| 54 | <style lang="scss" scoped> | 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 | </style> | 89 | </style> |
trash-ui/src/layout/index5.vue renamed to trash-ui/src/layout/index44.vue
| 1 | <template> | 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 | </template> | 10 | </template> |
| 4 | 11 | ||
| 5 | <script> | 12 | <script> |
| 6 | import RightPanel from '@/components/RightPanel' | 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 | import ResizeMixin from './mixin/ResizeHandler' | 15 | import ResizeMixin from './mixin/ResizeHandler' |
| 9 | -import { mapState } from 'vuex' | 16 | +import {mapState} from 'vuex' |
| 10 | 17 | ||
| 11 | export default { | 18 | export default { |
| 12 | name: 'Layout', | 19 | name: 'Layout', |
| @@ -38,52 +45,63 @@ export default { | @@ -38,52 +45,63 @@ export default { | ||
| 38 | }, | 45 | }, |
| 39 | methods: { | 46 | methods: { |
| 40 | handleClickOutside() { | 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 | </script> | 52 | </script> |
| 46 | 53 | ||
| 47 | <style lang="scss" scoped> | 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 | position: fixed; | 65 | position: fixed; |
| 75 | top: 0; | 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 | </style> | 107 | </style> |
trash-ui/src/main.js
| @@ -37,8 +37,8 @@ Vue.prototype.handleTree = handleTree | @@ -37,8 +37,8 @@ Vue.prototype.handleTree = handleTree | ||
| 37 | Vue.prototype.parseStatus = parseStatus | 37 | Vue.prototype.parseStatus = parseStatus |
| 38 | Vue.prototype.checkPer = checkPermi | 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 | Vue.prototype.msgSuccess = function (msg) { | 43 | Vue.prototype.msgSuccess = function (msg) { |
| 44 | this.$message({ showClose: true, message: msg, type: "success" }); | 44 | this.$message({ showClose: true, message: msg, type: "success" }); |