ScheduleCycle 循环赛程

# ScheduleCycle 循环赛程

# 引入

import PressScheduleCycle from 'press-plus/press-schedule-cycle/press-schedule-cycle';

export default {
  components: {
    PressScheduleCycle,
  }
}

# 代码演示

# 基础用法

<PressScheduleCycle
  :all-sche-list="mockData"
  :round-list="roundList"
  :group-num="groupNum"
  :list-view-mode="listViewMode"
  :cur-round-filter="curRoundFilter"
  :cur-tab="curTab"
  :is-admin="isAdmin"
  @clickGroup="clickGroup"
  @clickRoundTab="clickRoundTab"
  @clickSche="clickSche"
  @clickFilter="clickFilter"
  @clickVideoIcon="clickVideoIcon"
  @loadMoreCycleSche="loadMoreCycleSche"
  @clickScheItemButton="clickScheItemButton"
/>

const mockData = getMockData();
const roundList = mockData.map(item => item[0][0].roundInfo);


export default {
  data() {
    return {
      mockData,
      roundList,
      groupNum: 10,
      listViewMode: false,
      curRoundFilter: '全部',
      curTab: 0,
      isAdmin: true,
    };
  },
  methods: {
    clickGroup(index) {
      console.log('[clickGroup]', index);
      this.onGTip(`[clickGroup] ${index}`);
      this.curTab = index;
      this.listViewMode = !this.listViewMode;
    },
    clickRoundTab(...args) {
      console.log('[clickRoundTab]', ...args);
    },
    clickSche(...args) {
      console.log('[clickSche]', ...args);
    },
    clickFilter(...args) {
      console.log('[clickFilter]', ...args);
    },
    clickVideoIcon(...args) {
      console.log('[clickVideoIcon]', ...args);
    },
    loadMoreCycleSche(...args) {
      console.log('[loadMoreCycleSche]', ...args);
    },
    clickScheItemButton(...args) {
      console.log('[clickScheItemButton]', ...args);
    },
  },
}

# API

# Props

参数	说明	类型	默认值
list-view-mode	是否列表模式	boolean	`false`
selected-sch-id	选中的赛程 id	string	-
all-sche-list	赛程列表	array	-
round-list	轮次列表，仅用于点击切换轮次时的携带数据	array	-
group-num	分组总数	number	`1`
cur-tab	当前组	number	`0`
cur-round-filter	当前轮次过滤状态	string	-
is-admin	是否为管理员	boolean	`false`
is-preview	是否为预览阶段，`0` 不是， `1` 普通预览，`2` 预览，且自定义了赛程	number	`0`
my-team-id	我的队伍id	string	-
sche-sub-status-map	已订阅的赛程`uni-id`对象，判断是否已订阅	object	-
can-show-order-button	是否可以显示订阅按钮，可根据环境设置	boolean	`true`
show-empty	是否显示空状态	boolean	`false`

# Events

事件名	说明	参数
clickFilter	点击切换筛选轮次	{ tags }
clickRoundTab	点击轮次tab	round.round_type, round
clickSche	点击赛程组	schId, scheGroup, schePair
clickVideoIcon	点击视频小图标	schId, scheGroup, schePair
clickScheItemButton	点击赛程中间按钮	{ schId，scheGroup，schePair, middleButtonStatus, middleButtonStatusMap }
loadMoreCycleSche	左右滚动时触发	scrollTime（当前滚动次数，最左侧为0）, roundTotal（轮次总数）
clickGroup	切换分组	groupIndex

# 类型说明

allScheList 的数据结构同 press-schedule-match-mode，比 press-schedule-tree 的 scheList 多了一层数组。

[[[ { battleList: [] } ]]]

← ScheduleContent ScheduleDoubleFail →