作者:管理员  历史版本:1  最后编辑:龚清  更新时间:2024-06-15 15:03

基础的配置

页面代码

ibps-fullcalendar基本默认的配置代码展示。直接写入模板内。

<template>
  <div>
      <ibps-fullcalendar
      @action-event="(command,data)=> handleActionEvent(command,data,index)"
      />
  </div>
</template>
<script>
...
import ibpsFullcalendar from '@/components/ibps-fullcalendar'
...
export default {
  components: {
   ...
   ibpsFullcalendar,
   ...
  },
  data() {
    ...
  },
  methods:{
    handleActionEvent(command, params, index) {
      this.layoutIndex = index
      this.alias = params.$alias
      switch (command) {
        case 'fullscreen':
          this.handleFullscreen(params.id)
          break
        case 'collapse':
        case 'expansion':
          this.handleCollapseExpansion(index, command === 'collapse')
          break
        case 'flow':
          this.handleFlow(params)
          break
        case 'approve':
          this.handleApprove(params)
          break
        case 'unRead':
          this.handleUnreadMessage(params)
          break

        default:
          break
      }
    }
  }
}
</script>

详细的请查看API进行使用。