<template>
  <div id="noticeright">
    <el-row>
      <span v-if="type === 'jobinfo'">
        <jobinfo :noticedetail="noticedetail"></jobinfo>
      </span>
      <span v-else-if="type === 'talk'">
        <talk :noticedetail="noticedetail"></talk>
      </span>
      <span v-else-if="type === 'jobfair'">
        <jobfair :noticedetail="noticedetail"></jobfair>
      </span>
      <span v-else-if="type === 'news'">
        <info :noticedetail="noticedetail"></info>
      </span>
    </el-row>
  </div>
</template>

<script>
import jobinfo from './jobinfo.vue';
import talk from './talk.vue';
import jobfair from './jobfair.vue';
import info from './info.vue';
export default {
  name: 'noticeright',
  props: {
    noticedetail: null,
    talkdetail: null,
    jobfairdetail: null,
    info: null,
    type: null,
  },
  components: {
    jobinfo,
    talk,
    jobfair,
    info,
  },
  data: () => ({}),
  created() {},
  computed: {},
  methods: {
    search(page) {
      this.$emit('search', page);
    },
  },
};
</script>

<style lang="less" scoped></style>
