| | |
| | | <template> |
| | | <div id="app" @contextmenu.prevent> |
| | | <tools></tools> |
| | | <tools @jumpToDock="onJumpToDock"></tools> |
| | | <desktop></desktop> |
| | | <tools-entry ref="dock_model"></tools-entry> |
| | | <tools-entry @changeBg="onChangeBg" ref="dock_model"></tools-entry> |
| | | <notice-tip ref="notice_tip_model"></notice-tip> |
| | | <notification-center></notification-center> |
| | | </div> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | buttonAuthority: sessionStorage.getItem('buttonAuthoritys') || [] |
| | | buttonAuthority: sessionStorage.getItem('buttonAuthoritys') || [], |
| | | defaultBgUrl:"/images/desktop/background.png" |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | } |
| | | }, |
| | | mounted() { |
| | | document.getElementById('app').style.backgroundImage = process.env.VUE_APP_MAIN_URL; |
| | | // document.getElementById('app').style.backgroundImage = process.env.VUE_APP_MAIN_URL; |
| | | document.getElementById('app').style.backgroundImage = `url(${this.defaultBgUrl})` |
| | | |
| | | this.showApps(); |
| | | |
| | | let _that = this; |
| | |
| | | }); |
| | | }, |
| | | methods: { |
| | | onJumpToDock(item){ |
| | | debugger |
| | | this.$refs.dock_model.onJumpToDock(item) |
| | | }, |
| | | onChangeBg(v){ |
| | | document.getElementById('app').style.backgroundImage = "url(" + v + ")" |
| | | this.defaultBgUrl = v |
| | | }, |
| | | showApps() { |
| | | let _that = this; |
| | | |