<template>
  <div style="padding: 0 20px 20px">
    <!--赛事详情-->
    <div class="indexTitle"><h3 class="leftboderTT">组织机构</h3></div>
    <div class="xzbox">
      1.各单位限报1支队伍，每队需报领队1名（运动员可兼任），运动员限报4名<br>
      2.参赛运动员必须是参赛企业的员工（包括劳务派遣和外籍员工）<br>
      3.参赛运动员必须年满18至50周岁，50周岁以上者不建议参加此次比赛<br>
      4.参赛运动员必须身体健康
    </div>
    <div class="indexTitle"><h3 class="leftboderTT">报名须知</h3></div>
    <div class="xzbox" v-html="form.signKnow">

    </div>
    <div class="indexTitle" v-if="form.type==0"><h3 class="leftboderTT">赛事规程</h3></div>
    <div class="xzbox" v-if="form.type==0" v-html="form.ruleUrl"></div>
    <div class="indexTitle" v-if="form.type==1"><h3 class="leftboderTT">竞赛项目</h3></div>
    <div class="collapsebox" v-if="form.type==1">
      <el-collapse v-if="form.cptProjectList?.length > 0">
        <el-collapse-item :title="p.name" :name="index" :key="index" v-for="(p,index) in form.cptProjectList">
          <div class="pd20">
            <table class="table">
              <tr>
                <td>日期</td>
                <td>单元</td>
                <td>组别</td>
                <td>时间</td>
                <td>阶段</td>
              </tr>
              <tr>
                <td rowspan="4">2023/10/6(星期五)</td>
                <td rowspan="4">BRK01</td>
                <td>男子</td>
                <td>14：30 - 15：30</td>
                <td>资格赛</td>
              </tr>
              <tr>
                <td>女子</td>
                <td>14：30 - 15：30</td>
                <td>资格赛</td>
              </tr>
              <tr>
                <td>男子</td>
                <td>14：30 - 15：30</td>
                <td>循环赛</td>
              </tr>
              <tr>
                <td>女子</td>
                <td>14：30 - 15：30</td>
                <td>循环赛</td>
              </tr>
              <tr>
                <td rowspan="8">2023/10/7(星期六)</td>
                <td rowspan="8">BRK02</td>
                <td>男子</td>
                <td>14：30 - 15：30</td>
                <td>四分之一决赛</td>
              </tr>
              <tr>
                <td>男子</td>
                <td>14：30 - 15：30</td>
                <td>四分之一决赛</td>
              </tr>
              <tr>
                <td>女子</td>
                <td>14：30 - 15：30</td>
                <td>半决赛</td>
              </tr>
              <tr>
                <td>女子</td>
                <td>14：30 - 15：30</td>
                <td>半决赛</td>
              </tr>
              <tr>
                <td>男子</td>
                <td>14：30 - 15：30</td>
                <td>季军赛</td>
              </tr>
              <tr>
                <td>女子</td>
                <td>14：30 - 15：30</td>
                <td>季军赛</td>
              </tr>
              <tr>
                <td>男子</td>
                <td>14：30 - 15：30</td>
                <td>决赛</td>
              </tr>
              <tr>
                <td>女子</td>
                <td>14：30 - 15：30</td>
                <td>决赛</td>
              </tr>
              <tr>
                <td colspan="5" style="text-align: left">
                  注：竞赛日程将根据最终参赛人数和电视转播的要求进行调整
                </td>
              </tr>
            </table>
          </div>
        </el-collapse-item>
      </el-collapse>
      <el-empty image="@/assets/img/order_no.png" image-size="228"  v-if="form.cptProjectList?.length == 0" description=" "/>
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  form:{
    type:Object,
    required:true
  }
})
</script>

<style scoped lang="scss">
.indexTitle{margin: 20px 0 12px;
  h3{
    font-size: 20px;
    color:var(--el-color-primary);
  }
}
.table{width: 100%;border-left: 1px solid #e1e1e1;border-top:1px solid #e1e1e1;
  th{background: #eee;padding: 6px 10px;
    border-right: 1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
    font-size: 15px;
  }
  td{padding: 6px 10px;border-right: 1px solid #e1e1e1;font-size: 15px;
    border-bottom:1px solid #e1e1e1;vertical-align: middle;text-align: center;
    span{margin-right: 10px}
    span::after{content: ','}
    span:last-child::after{content: ''}
  }
}
</style>