ScheduleMatchMode

Introduction

import PressScheduleMatchMode from '@tencent/press-plus/press-schedule-match-mode/press-schedule-match-mode';

export default {
   components: {
     PressScheduleMatchMode,
   }
}

Code Demo

Basic usage

<PressScheMatchMode
   :all-sche-list="allScheList"
   :is-admin="isAdmin"
   :my-sche-list="myScheList"
   @onJumpToSetPage="onJumpToSetPage"
   @onClickScheId="onClickScheId"
/>

export default {
   data() {
     return {
       allScheList: [],
       myScheList: [],
       isAdmin: true,
     }
   },
   methods: {
     onClickScheId() {},
     onJumpToSetPage() {},
   }
  
}

API

Props

Parameters	Description	Type	Default value
list-view-mode	Whether it is a list view	boolean	false
is-admin	Whether to be an administrator	boolean	false
is-preview	Whether it is preview stage	number	0
my-team-id	My team id	string	-
sche-sub-status-map	Subscribed schedule mapping relationship	object	-
all-sche-list	All schedules	array	-
my-sche-list	My schedule	array	-
loading	Whether the schedule is loading	boolean	false
can-show-order-button	Whether the subscription button can be displayed	boolean	false

Events

Event name	Description	Callback parameters
clickRoundTab	click round tab	round.round_type, round
clickSche	Click schedule group	schId, scheGroup, schePair
clickVideoIcon	Click the small video icon	schId, scheGroup, schePair
scrollToLower	Triggered when scrolling to the bottom	scrollTime (current scrolling times, the leftmost is 0), roundTotal (total number of rounds)
clickScheItem	click list schedule	schId, scheGroup, schePair
clickScheItemButton	Click the middle button of the list schedule	{ schId, scheGroup, schePair, middleButtonStatus, middleButtonStatusMap }