import.html 8.58 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<style lang="scss">
  .row {
    display: flex;
  }

  .border-info {
    .item {
      margin: 5px 0;
      color: #4C5359;
      font-size: 14px;

      label {
        font-size: 14px;
        margin-right: 14px
      }
    }
  }
  .rowSummary{text-align: right;padding: 0 20px;
    height: 40px;line-height: 40px;
    background: #FAFBFD;font-size: 16px;
    color: #95A1A6;
    border: 1px solid #EEEFF0;
    span{font-size: 18px;font-family: DIN Alternate;
      color: #000;}
  }
</style>
<body>
<!--赛事信息/league/competition/PCDetail-->
<div class="border-info" style="margin: 20px">
    <div class="row" v-if="language==0">
        <div>
            <div class="item"><label>赛事名称</label>{{ matchInfo.name }}</div>
        </div>
        <div>
            <div class="item"><label>赛事类型</label>{{ matchInfo.level }}</div>
        </div>
        <div>
            <div class="item"><label>赛事时间</label>{{ matchInfo.beginTime?.slice(0, 10) }} 至
                {{ matchInfo.endTime?.slice(0, 10) }}
            </div>
        </div>
        <div>
            <div class="item"><label>报名时间</label>{{ matchInfo.signBeginTime?.slice(0, 10) }}
                至{{ matchInfo.signEndTime?.slice(0, 10) }}
            </div>
        </div>
        <div>
            <div class="item"><label>比赛地址</label>{{ matchInfo.address }}</div>
        </div>
    </div>
    <div v-else>
        <div>
            <div class="item"><label>Event Name</label>{{ matchInfo.name }}</div>
        </div>
        <div>
            <div class="item"><label>Event Type</label>{{ matchInfo.level }}</div>
        </div>
        <div>
            <div class="item"><label>Event Date</label>{{ matchInfo.beginTime?.slice(0, 10) }} ~
                {{ matchInfo.endTime?.slice(0, 10) }}
            </div>
        </div>
        <div>
            <div class="item"><label>Registration Period</label>{{ matchInfo.signBeginTime?.slice(0, 10) }}
                ~{{ matchInfo.signEndTime?.slice(0, 10) }}
            </div>
        </div>
        <div>
            <div class="item"><label>Event Address</label>{{ matchInfo.address }}</div>
        </div>
    </div>
</div>
<!--团队信息/league/group/getMyGroupForCpt/${groupId}/${cptId}-->
<div class="border-info gray" style="margin: 20px">
    <div class="row">
        <div>
            <div>
                <div>
                    <img class="w100" :src="fillImgUrl(groupInfo.imgUrl)"/>
                </div>
                <div>
                    <div class="item"><label>{{ language == 0 ? '团体名称' : 'Team Name' }}</label>{{ groupInfo.name }}
                    </div>
                    <div class="item"><label>{{ language == 0 ? '团体类型' : 'Group type' }}</label>{{
                            groupInfo.typeStr
                        }}
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="item"><label>{{
                    language == 0 ? '负责人姓名' : 'Contact Person'
                }}</label>{{ groupInfo.contactPerson }}
            </div>
            <div class="item"><label>{{
                    language == 0 ? '参赛队名称' : 'Name of participating team'
                }}</label>{{ groupInfo.abreviations }}
            </div>

        </div>
        <div>
            <div class="item"><label>{{ language == 0 ? '邮箱' : 'Email' }}</label>{{ groupInfo.contactEmail }}</div>
            <div class="item"><label>{{ language == 0 ? '详细地址' : 'Detailed Address' }}</label>{{
                    groupInfo.address
                }}
            </div>
        </div>
    </div>
</div>
<!--组别报项信息/league/sign/getMySignInfoList  zuData-->
<div>
    <table>
        <tr>
            <th>{{ language == 0 ? '序号' : 'Index' }}</th>
            <th>{{ language == 0 ? '组别代码' : 'Group code' }}</th>
            <th>{{ language == 0 ? '组别' : 'Group' }}</th>
            <th>{{ language == 0 ? '舞种' : 'Dance Style' }}</th>
            <th>{{ language == 0 ? '参赛说明' : 'Participation Instructions' }}</th>
            <th>{{ language == 0 ? '参赛运动员' : 'Participating athletes' }}</th>
            <th>{{ language == 0 ? '报名费' : 'Registration Fee' }}</th>
        </tr>
        <tr v-for="(row,index) in list">
            <td>{{ index + 1 }}</td>
            <td>{{ row.zuName }}</td>
            <td>{{ row.project.name }}</td>
            <td>{{ row.project.danceType }}</td>
            <td>{{ row.project.remarks }}</td>
            <td>
                <span v-for="s in row.athletes">{{ s.name }},</span>
            </td>
            <td> {{ language == 0 ? '¥' : '€' }}{{ row.project.serviceFee }}</td>
        </tr>
    </table>
</div>
<!--人员报名信息/league/sign/getMySignInfoList  singleData-->
<!--/league/competition/getCptExtraInfo/${cptId}  补充信息表头-->
<div>
    <table>
        <tr>
            <th>{{ language == 0 ? '序号' : 'Index' }}</th>
            <th>{{ language == 0 ? '姓氏' : 'Surname' }}</th>
            <th>{{ language == 0 ? '名' : 'Name' }}</th>
            <th>{{ language == 0 ? '所属国家' : 'Nationality' }}</th>
            <th>{{ language == 0 ? '性别' : 'Gender' }}</th>
            <th>{{ language == 0 ? '证件类型' : 'ID Type' }}</th>
            <th>{{ language == 0 ? '证件号码' : 'ID NO.' }}</th>
            <th>{{ language == 0 ? '出生日期' : 'Birth' }}</th>
            <th>{{ language == 0 ? '会员角色' : 'Role' }}</th>
            <th>{{ language==0?'报项':'Entries' }}</th>
            <th v-for="(e,index) in extraTableHead">{{e}}</th>
        </tr>
        <tr v-for="(row,index) in personList">
            <td>{{ index + 1 }}</td>
            <td>{{row.personInfo.xing}}</td>
            <td>{{row.personInfo.ming}}</td>
            <td>
                <span v-if="row.personInfo.countryName">{{row.personInfo.countryName}}</span>
                <span v-if="row.personInfo.representing">{{row.personInfo.representing}}</span>
            </td>
            <td>{{row.personInfo.sexStr}}</td>
            <td>{{row.personInfo.idcTypeStr}}</td>
            <td>{{row.personInfo.idcCode}}</td>
            <td>{{row.personInfo.birth}}</td>
            <td>
                <span v-for="item in row.personInfo.label?.split(',')" :key="item.id" class="text-primary">
                      <span v-if="item==='0'" class="ml5">{{ language == 0 ? '运动员' : 'Athletes' }}</span>
                      <span v-if="item==='1'" class="ml5">{{ language == 0 ? '教练' : 'Coach' }}</span>
                      <span v-if="item==='2'" class="ml5">{{ language == 0 ? '领队' : 'Leader' }}</span>
                      <span v-if="item==='4'" class="ml5">{{ language == 0 ? '队医' : 'Nurse' }}</span>
                      <span v-if="item==='5'" class="ml5">{{ language == 0 ? '翻译' : 'Translator' }}</span>
                      <span v-if="item==='6'" class="ml5">{{ language == 0 ? '官员' : 'Official' }}</span>
                      <span v-if="item==='3'" class="ml5">{{ language == 0 ? '其他' : 'Other' }}</span>
              </span>
            </td>
            <td>
                <ol>
                    <li v-for="s in row.signInfo">
                        {{ s.cptProjectName }}
                        {{ s.cptGroupName }}{{ s.cptLevelName }}
                        <span v-show="s.cptSonLevelName">[{{ s.cptSonLevelName }}]</span>
                        <span v-show="s.zu">-{{ s.zu }}</span>
                    </li>
                </ol>
            </td>
            <td v-for="(e,index) in extraTableHead" :key="index">
                    <a v-if="row.signInfo[0].extraPersonInfoMapList[index]?.type=='2'"
                             :href="row.signInfo[0].extraPersonInfoMapList[index].value.url">
                        {{ row.signInfo[0].extraPersonInfoMapList[index].value.name }}
                    </a>
                    <img v-else-if="row.signInfo[0].extraPersonInfoMapList[index]?.type=='3'" style="width: 50px;"
                         :src="row.signInfo[0].extraPersonInfoMapList[index].value.url||row.signInfo[0].extraPersonInfoMapList[index].value">
                    <span v-else>{{ row.signInfo[0].extraPersonInfoMapList[index]?.value }}</span>
            </td>
        </tr>
    </table>
    <div class="rowSummary">
        <div>
            {{  language==0?'总人数':'Count' }}:  <span class="mr20">{{ list.length }}</span>

            {{  language==0?'金额小计':'Amount' }}:  <span>{{ language==0?'¥':'€' }}{{ total }}</span>
        </div>
    </div>
</div>
</body>
</html>