Press Plus

# ScheduleSwissSystem 瑞士轮赛程

# 引入

import PressScheduleSwissSystem from 'press-plus/press-schedule-swiss-system/press-schedule-swiss-system';

export default {
  components: {
    PressScheduleSwissSystem,
  }
}

# 代码演示

# 基础用法

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

import { genScheList } from 'src/packages/press-schedule-tree/demo-helper/mock-data';


const mockData = genScheList({
  groupType: 'SWISS_SYSTEM',
  teamNumber: 64,
}).map(item => [item]);

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

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

# API

# Props

参数 说明 类型 默认值
list-view-mode 是否列表模式 boolean false
selected-sch-id 选中的赛程 id string -
all-sche-list 赛程列表 array -
round-list 轮次列表，仅用于点击切换轮次时的携带数据 array -
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
is-group-mode 是否开启分组 boolean false
group-num 分组总数 number 1
cur-tab 当前组 number 0

# Events

事件名 说明 参数
clickFilter 点击切换筛选轮次 { tags }
clickRoundTab 点击轮次tab round.round_type, round
clickSche 点击赛程组 schId, scheGroup, schePair
clickVideoIcon 点击视频小图标 schId, scheGroup, schePair
clickScheItemButton 点击赛程中间按钮 { schId，scheGroup，schePair, middleButtonStatus, middleButtonStatusMap }
clickGroup 切换分组 groupIndex

# 类型说明

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

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

← ScheduleTab →