<template>
  <div class="notice-editor-wrap" id="screenSet">
      <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird" :jumPathThird="jumPathThird"></bread-crumb>

      <div class="add-content screenSet" >
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="发送公告" name="first">
            <SendNotice></SendNotice>
          </el-tab-pane>
          <el-tab-pane label="发送推送" name="second">
            <PushNotice></PushNotice>
          </el-tab-pane>
        </el-tabs>
      </div>
  </div>
</template>

<script>
import BreadCrumb from "@/components/breadcrumb.vue";
import SendNotice from "@/components/education/notice/sendNotice";
import PushNotice from "@/components/education/notice/pushNotice";
import { openLoading, closeLoading } from "@/utils/utils";
import * as commonUtil from "@/utils/utils";
export default {
  data() {
    return {
      curmbFirst: "教培项目",
      curmbSecond: "项目管理",
      jumPathThird: 'template-manager',
      curmbThird: '发送通知',
      activeName: 'first',
    }
  },
  components: {
    BreadCrumb,
    SendNotice,
    PushNotice
  },
  created() {
      this.projectId = this.$route.query.projectId;
  },
  mounted() {
    commonUtil.resizeHeight();
  },
  methods: {
    handleClick(tab) {
      console.log(tab);
    }
  },
}
</script>

<style lang="scss" scoped>
  .notice-editor-wrap {
    background: #fff;
  }
</style>
