ScheduleEmpty 赛程空状态

# ScheduleEmpty 赛程空状态

# 引入

import PressScheduleEmpty from '@tencent/press-plus/press-schedule-empty/press-schedule-empty';

export default {
  components: {
    PressScheduleEmpty,
  }
}

# 代码演示

# 基础用法

<PressScheduleEmpty
  :stage-idx="stageIdx"
  :cur-going-stage-idx="curGoingStageIdx"
  :schedule-stage="scheduleStage"
  :is-admin="isAdmin"
  :not-finish-num="notFinishNum"
  @startNextStage="startNextStage"
/>

import { SCHEDULE_STAGE_MAP } from '@tencent/press-plus/press-schedule-empty/config';


export default {
  data() {
    return {
      curGoingStageIdx: 0,
      stageIdx: 1,
      isAdmin: true,
      notFinishNum: 1,
      scheduleStage: SCHEDULE_STAGE_MAP.CANCELED,
      stageScheMap: {
        0: {
          isPreview: false,
        },
        1: {
          isPreview: false,
        },
      },
    };
  },
  methods: {
    startNextStage() {
      this.onGTip('[startNextStage]');
    },
  },
};

# API

# Props

参数	说明	类型	默认值
stage-sche-map	不同阶段赛程映射表，这里仅取 isPreview 字段	object	-
schedule-stage	赛程阶段状态码，表明是否结束	number	`0`
stage-idx	激活的阶段索引值	number	`0`
cur-going-stage-idx	当前进行中的阶段索引值	number	`0`
is-admin	是否为管理员	boolean	`false`
not-finish-num	未完成数目	number	`0`

# Events

事件名	说明	参数
startNextStage	点击开启下一阶段	-

横屏

← ScheduleDoubleFail ScheduleKnockout →