<template>
    <!-- 桌面 -->
    <div id="sds-desktop" :style="{display:display}">
        <Menu></Menu>
        <Shortcut :defaultZIndex='defaultZIndex'></Shortcut>
        <FixWindow :defaultZIndex='defaultZIndex'></FixWindow>
        <NotifyTrayPanel></NotifyTrayPanel>
        <NotifyTrayPanelDetail :defaultZIndex='defaultZIndex'></NotifyTrayPanelDetail>
        <NotifyShowall :defaultZIndex='defaultZIndex'></NotifyShowall>
        <NotifySetting></NotifySetting>
        <DeleteNotifyMessage></DeleteNotifyMessage>
        <Mask></Mask>
    </div>
</template>

<script>
import Menu from './Menu'
import Shortcut from './Shortcut'
import FixWindow from './FixWindow'
import NotifyTrayPanel from './NotifyTrayPanel'
import NotifyTrayPanelDetail from './NotifyTrayPanelDetail'
import NotifyShowall from './NotifyShowall'
import NotifySetting from './NotifySetting'
import DeleteNotifyMessage from './DeleteNotifyMessage'
import Mask from './Mask'


export default {
  props: ["defaultZIndex"],
  data() {
    return {
      display: 'block',
    }
  },
  mounted(){
    this.$bus.on('appViewIsOpen',this.appViewIsOpen)
  },
  methods:{
    //appView是否打开
    appViewIsOpen(bol){
      if(bol){
        this.display = 'none'
      }else{
        this.display = 'block'
      }
    }
  },
  components:{
    Menu,
    Shortcut,
    FixWindow,
    NotifyTrayPanel,
    NotifyTrayPanelDetail,
    NotifyShowall,
    NotifySetting,
    DeleteNotifyMessage,
    Mask
  },
  name:'Desktop',
}
</script>
