orchestra-app/src/school/train-report/index.tsx

import { Tab, Tabs } from 'vant'
import { defineComponent } from 'vue'
import List from './components/list'
import styles from './index.module.less'

export default defineComponent({
  name: 'train-report',
  setup() {
    return () => (
      <div class={styles.train}>
        <Tabs sticky lineWidth={20} lineHeight={4} swipeable animated>
          <Tab title="周报" name="WEEKLY">
            <List type="WEEKLY" />
          </Tab>
          <Tab title="月报" name="MONTHLY">
            <List type="MONTHLY" />
          </Tab>
        </Tabs>
      </div>
    )
  }
})