<template>
  <div>
    <el-row class="moudel" :gutter="24">
      <el-col :span="14">
        <MouduleNews class="moudel"></MouduleNews>
        <ModuleBacklog></ModuleBacklog>
      </el-col>
      <el-col :span="10">
        <CalendarRemind></CalendarRemind>
      </el-col>
    </el-row>
    <QuickEntry class="moudel"></QuickEntry>

    <!-- 紧急通知 -->
    <UrgentNotice ref="urgentNotice" />
  </div>
</template>

<script>
import MouduleNews from './components/ModuleNews.vue'
import QuickEntry from './components/QuickEntry.vue'
import CalendarRemind from './components/CalendarRemind.vue'
import ModuleBacklog from './components/ModuleBacklog.vue'
import UrgentNotice from './components/UrgentNotice.vue'

export default {
  components: {
    MouduleNews,
    QuickEntry,
    ModuleBacklog,
    CalendarRemind,
    UrgentNotice
  },
  // mounted(){
  //   this.$refs.urgentNotice.open()
  // }
}
</script>

<style lang="scss" scoped>
.moudel {
  margin-bottom: 24px;
}
</style>
