<template>
  <div>
    <div class="box">
      <el-breadcrumb class="mt20" :separator-icon="ArrowRight">
        <el-breadcrumb-item>
          <el-icon>
            <HomeFilled/>
          </el-icon>
          首页
        </el-breadcrumb-item>
        <!--        <el-breadcrumb-item :to="{ name: 'vip' }">会员服务</el-breadcrumb-item>-->
        <el-breadcrumb-item>培训计划</el-breadcrumb-item>
      </el-breadcrumb>
      <el-card class="mt20 mb20">
        <h1 class="text-center">{{ currYear }}年度省级培训计划</h1>
        <br>
        <el-table
            border
            :data="dataList"
        >
          <!-- <el-table-column type="index" width="55" align="center" label="序号" /> -->
          <el-table-column label="计划单位" align="center" prop="a" />
          <el-table-column label="培训年度" align="center" prop="b" />
          <el-table-column label="培训省份" align="center" prop="c" />
          <el-table-column label="计划培训内容" min-width="120" align="center" prop="d" />
          <el-table-column label="负责人" align="center" prop="e" />
          <el-table-column label="联系电话" align="center" prop="f" />
        </el-table>
        <div style="margin-top: 15px;text-align: center;font-size: 15px">培训具体开展时间以各省通知为准。如需详细了解相关情况，请联系各省级协会咨询。</div>
      </el-card>
    </div>
  </div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import { ArrowRight } from '@element-plus/icons-vue'
import { dayjs } from 'element-plus'

const currYear = ref(null)

const dataList = ref([
  {
    'a': '北京市跆拳道协会',
    'b': 2026,
    'c': '北京市',
    'd': '教练员、裁判员；段位',
    'e': '冯晓晶',
    'f': '13810819230'
  },
  {
    'a': '天津市跆拳道运动协会',
    'b': 2026,
    'c': '天津市',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '潘颖',
    'f': '13502071133'
  },
  {
    'a': '河北省跆拳道协会',
    'b': 2026,
    'c': '河北省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '张凯',
    'f': '13930465200'
  },
  {
    'a': '山西省跆拳道协会',
    'b': 2026,
    'c': '山西省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '王夏生',
    'f': '13753131427'
  },
  {
    'a': '内蒙古跆拳道协会',
    'b': 2026,
    'c': '内蒙古',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '刘文静',
    'f': '15690933620'
  },
  {
    'a': '辽宁省跆拳道协会',
    'b': 2026,
    'c': '辽宁省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '赵艺程',
    'f': '13998111431'
  },
  {
    'a': '吉林省跆拳道协会',
    'b': 2026,
    'c': '吉林省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '张皓',
    'f': '17390003030'
  },
  {
    'a': '黑龙江省跆拳道协会',
    'b': 2026,
    'c': '黑龙江省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '李照国',
    'f': '18045061887'
  },
  {
    'a': '上海市跆拳道协会',
    'b': 2026,
    'c': '上海市',
    'd': '教练员、晋级官；段位',
    'e': '梁伟',
    'f': '15800872275'
  },
  {
    'a': '江苏省跆拳道协会',
    'b': 2026,
    'c': '江苏省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '曹绿梅',
    'f': '15755938825'
  },
  {
    'a': '浙江省跆拳道协会',
    'b': 2026,
    'c': '浙江省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '邵佳宁',
    'f': '15869007328'
  },
  {
    'a': '安徽省跆拳道运动协会',
    'b': 2026,
    'c': '安徽省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '葛厚猛',
    'f': '18963718688'
  },
  {
    'a': '福建省跆拳道协会',
    'b': 2026,
    'c': '福建省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '林炜',
    'f': '18859107858'
  },
  {
    'a': '江西省跆拳道协会',
    'b': 2026,
    'c': '江西省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '肖舒鹏',
    'f': '13607006835'
  },
  {
    'a': '山东省跆拳道运动协会',
    'b': 2026,
    'c': '山东省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '赵霞',
    'f': '13953132119'
  },
  {
    'a': '河南省跆拳道运动协会',
    'b': 2026,
    'c': '河南省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '会员部',
    'f': '18595513686'
  },
  {
    'a': '湖北省跆拳道协会',
    'b': 2026,
    'c': '湖北省',
    'd': '教练员、裁判员；段位',
    'e': '毕佳丽',
    'f': '18627876033'
  },
  {
    'a': '湖南省跆拳道协会',
    'b': 2026,
    'c': '湖南省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '黄晓',
    'f': '13395117391'
  },
  {
    'a': '广东省跆拳道协会',
    'b': 2026,
    'c': '广东省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '关忠',
    'f': '13802519364'
  },
  {
    'a': '广西跆拳道协会',
    'b': 2026,
    'c': '广西壮族自治区',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '周玲玲',
    'f': '15578967702'
  },
  {
    'a': '海南省跆拳道协会',
    'b': 2026,
    'c': '海南省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '刘璐',
    'f': '17786997811'
  },
  {
    'a': '重庆市跆拳道协会',
    'b': 2026,
    'c': '重庆市',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '王大炜',
    'f': '18908381207'
  },
  {
    'a': '四川省跆拳道协会',
    'b': 2026,
    'c': '四川省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '邓明萱',
    'f': '18981538154'
  },
  {
    'a': '贵州省跆拳道协会',
    'b': 2026,
    'c': '贵州省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '金晔',
    'f': '13511982380'
  },
  {
    'a': '云南省跆拳道协会',
    'b': 2026,
    'c': '云南省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '何飞',
    'f': '13700665681'
  },
  {
    'a': '西藏自治区跆拳道协会',
    'b': 2026,
    'c': '西藏自治区',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '陈云峰',
    'f': '15509001761'
  },
  {
    'a': '陕西省跆拳道协会',
    'b': 2026,
    'c': '陕西省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '程飞哲',
    'f': '18392640239'
  },
  {
    'a': '甘肃省跆拳道拳击运动协会',
    'b': 2026,
    'c': '甘肃省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '芦涛',
    'f': '18089439207'
  },
  {
    'a': '青海省跆拳道运动协会',
    'b': 2026,
    'c': '青海省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '马文瑞',
    'f': '17697170034'
  },
  {
    'a': '宁夏跆拳道协会',
    'b': 2026,
    'c': '宁夏回族自治区',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '余宁涛',
    'f': '13323526893'
  },
  {
    'a': '新疆生产建设兵团重竞技体育运动协会',
    'b': 2026,
    'c': '新疆维吾尔自治区',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '周丽',
    'f': '15809913970'
  },
  {
    'a': '新疆维吾尔自治区跆拳道协会',
    'b': 2026,
    'c': '新疆维吾尔自治区',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '高振钢',
    'f': '18609916541'
  },
  {
    'a': '大连市跆拳道协会',
    'b': 2026,
    'c': '辽宁省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '杨冬',
    'f': '13942044077'
  },
  {
    'a': '青岛市跆拳道运动协会',
    'b': 2026,
    'c': '山东省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '董旭滨',
    'f': '13405324747'
  },
  {
    'a': '深圳市跆拳道协会',
    'b': 2026,
    'c': '广东省',
    'd': '教练员、裁判员、晋级官；段位',
    'e': '芮启盛',
    'f': '13902929190'
  }
])

onMounted(() => {
  currYear.value = dayjs().year()
})

</script>

<style scoped lang="scss">
.table {    border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  td,th{    padding: 8px;    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;}
}
.filterBar{display: flex;align-items: center;
  label{color: #000;}
  ul{display: flex;margin: 0;
    li{padding: 4px 15px;margin-left: 15px;cursor: pointer;}
    .active{background: #C5161E;color: #fff;cursor: default}
  }
}
</style>