|
|
|
|
<template>
|
|
|
|
|
<div class="wrap index">
|
|
|
|
|
<div class="banner" :style="{backgroundImage: 'url(' + (form.carouselUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220613/png/1536269450851409920.png') + ')'}"></div>
|
|
|
|
|
<div class="center-con">
|
|
|
|
|
<div class="center-wrap">
|
|
|
|
|
<breadcrumb ref="breadcrumb" :data="'全部赛事/' + form.name"></breadcrumb>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="tool flex-between">
|
|
|
|
|
<el-tabs v-model="curType" @tab-click="typeChange">
|
|
|
|
|
<el-tab-pane v-for="(item, index) in typeList" :key="index" :label="item.name" :name="item.id"></el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
<div class="action">
|
|
|
|
|
<p class="end-text" v-if="status != 5">
|
|
|
|
|
距离{{ endList[status] }}还有
|
|
|
|
|
<template v-if="end > 0"><em>{{ end }}</em> 天</template>
|
|
|
|
|
<em v-else-if="end" v-countdown>{{ end }}</em>
|
|
|
|
|
</p>
|
|
|
|
|
<a v-if="status != 4 || (status == 4 && curStage)" class="status" :class="{wait: status == 0 || status == 4,signing: status == 2,signed: status == 1,finish: status == 3 || status == 5}" @click.stop="signup">{{ statusList[status] }}</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<h6 class="title">{{ form.name }}</h6>
|
|
|
|
|
<div class="meta">最近编辑时间：{{ form.updateTime }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div v-show="curType != 4 && curType != 5">
|
|
|
|
|
<div class="l-title" id="part1"><img src="@/assets/img/label.png" alt=""> 竞赛信息</div>
|
|
|
|
|
<div v-if="form.description" class="texts ql-editor" v-html="form.description"></div>
|
|
|
|
|
<template v-if="form.contestAnnexList">
|
|
|
|
|
<h6 class="p-title">附件下载</h6>
|
|
|
|
|
<ul class="files">
|
|
|
|
|
<li v-for="(item, i) in form.contestAnnexList" :key="i">
|
|
|
|
|
<el-link v-if="item.canPreview" class="m-r-10" type="primary" @click="preview(item)">{{ item.fileName }}</el-link>
|
|
|
|
|
<span v-else class="fileName">{{ item.fileName }}</span>
|
|
|
|
|
<el-link type="primary" :underline="false" @click="download(item)">下载</el-link>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="l-title"><img src="@/assets/img/label.png" alt=""> 赛程、规则与内容</div>
|
|
|
|
|
<h6 class="rule-title">共{{ form.competitionStage.length }}个竞赛阶段，同一个团队每个成员只能参加一个阶段赛项</h6>
|
|
|
|
|
<div v-for="(rule, i) in form.competitionStage" :key="i" class="rule">
|
|
|
|
|
<p style="font-size: 16px;color: #333;">{{ rule.stageName }}</p>
|
|
|
|
|
<p>比赛时间：{{ rule.startTime && rule.startTime + ' ~ ' + rule.endTime }}</p>
|
|
|
|
|
<p>比赛方式：{{ methods.find(e => e.id == rule.method) && methods.find(e => e.id == rule.method).name }}</p>
|
|
|
|
|
<p v-if="!rule.method">课程系统：{{ rule.systemName }}</p>
|
|
|
|
|
<template v-if="rule.method === 2">
|
|
|
|
|
<p>比赛内容：</p>
|
|
|
|
|
<div v-html="form.description"></div>
|
|
|
|
|
<p class="m-t-10">评分规则：专家打分</p>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-if="form.completeCompetitionSetup.competitionType">
|
|
|
|
|
<p>团队参赛人数限制：{{ rule.teamNumLimit }}</p>
|
|
|
|
|
<p>团队成绩计算方式：{{ teamCalculationMethods.find(e => e.id == rule.teamCalculationMethod) && teamCalculationMethods.find(e => e.id == rule.teamCalculationMethod).name }}</p>
|
|
|
|
|
</template>
|
|
|
|
|
<p>阶段比赛结束后{{ rule.resultAnnouncementTime }}小时，公布阶段比赛成绩。</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 进展 -->
|
|
|
|
|
<div class="l-title" id="part2"><img src="@/assets/img/label.png" alt=""> 竞赛进展</div>
|
|
|
|
|
<ul class="progress" v-if="progress.length">
|
|
|
|
|
<li v-for="(item,index) in progress" :key="index" :class="item.status == 0 ? 'not' : (item.status == 1 ? 'ing' : 'done')">
|
|
|
|
|
<i class="dot"></i>
|
|
|
|
|
<p class="name">{{item.title}}</p>
|
|
|
|
|
<p class="desc">{{item.description}}</p>
|
|
|
|
|
</li>
|
|
|
|
|
<img class="rocket" src="@/assets/img/rocket.png" alt="">
|
|
|
|
|
</ul>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<div class="empty">
|
|
|
|
|
<div>
|
|
|
|
|
<img src="@/assets/img/none.png" alt="">
|
|
|
|
|
<p>暂无数据</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<!-- 公告 -->
|
|
|
|
|
<div class="l-title" id="part3"><img src="@/assets/img/label.png" alt=""> 通知公告</div>
|
|
|
|
|
<ul class="notice-list" v-if="notices.length">
|
|
|
|
|
<li v-for="(item, i) in notices" :key="i" @click="toNotice(item)">
|
|
|
|
|
<h6>{{ item.announcementTitle }}</h6>
|
|
|
|
|
<p class="meta">{{ item.updateTime }}</p>
|
|
|
|
|
<div class="des" v-html="item.announcementText"></div>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<div class="empty">
|
|
|
|
|
<div>
|
|
|
|
|
<img src="@/assets/img/none.png" alt="">
|
|
|
|
|
<p>暂无通知公告</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 竞赛排名 -->
|
|
|
|
|
<template v-if="curType == 4 && form.competitionRegistration && form.competitionRegistration.teamId">
|
|
|
|
|
<div class="l-title"><img src="@/assets/img/label.png" alt=""> 竞赛排名</div>
|
|
|
|
|
<el-tabs v-model="curArch" @tab-click="getRank">
|
|
|
|
|
<el-tab-pane v-for="(item, index) in arches" :key="index" :label="item.stageName + '排名'" :name="item.stageId"></el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
<el-table ref="table" :data="ranks" stripe header-align="center">
|
|
|
|
|
<el-table-column type="index" width="60" label="排名" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="teamName" label="团队名称"></el-table-column>
|
|
|
|
|
<el-table-column prop="leaderName" label="队长"></el-table-column>
|
|
|
|
|
<el-table-column prop="schoolName" label="学校"></el-table-column>
|
|
|
|
|
<el-table-column prop="school" label="用时">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.timeSum }}min
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="score" label="分数"></el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-if="curType == 5">
|
|
|
|
|
<div class="l-title m-t-20"><img src="@/assets/img/label.png" alt=""> 参赛信息</div>
|
|
|
|
|
<table class="table">
|
|
|
|
|
<template v-if="!form.completeCompetitionSetup.competitionType || info.team.captain">
|
|
|
|
|
<tr>
|
|
|
|
|
<th width="150">姓名：</th>
|
|
|
|
|
<td>{{ info.person.userName }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>学号：</th>
|
|
|
|
|
<td>{{ info.person.workNumber }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>学校：</th>
|
|
|
|
|
<td>{{ info.person.schoolName }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="form.completeCompetitionSetup.competitionType">
|
|
|
|
|
<tr>
|
|
|
|
|
<th width="150">团队名称：</th>
|
|
|
|
|
<td>
|
|
|
|
|
<el-input v-if="info.team.captain === 0" :disabled="!editing" v-model="info.team.teamName"></el-input>
|
|
|
|
|
<span v-else>{{ info.team.teamName }}</span>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<template v-if="info.team.captain">
|
|
|
|
|
<tr>
|
|
|
|
|
<th>队长：</th>
|
|
|
|
|
<td>{{ info.caption.userName }}{{ info.caption.schoolName && '，' + info.caption.schoolName }}{{ info.caption.workNumber && '，' + info.caption.workNumber }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>团队成员：</th>
|
|
|
|
|
<td>
|
|
|
|
|
<el-tag v-for="(item, i) in info.teamDetail" :key="i" style="margin-right: 5px">{{ item.userName }}</el-tag>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>指导老师：</th>
|
|
|
|
|
<td v-if="info.team.captain === 0 || !form.completeCompetitionSetup.competitionType">
|
|
|
|
|
<div class="plus">
|
|
|
|
|
<i class="el-icon-circle-plus-outline icon" @click="addAdvisor"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-for="(item, i) in info.teamInstructors" :key="i" class="line">
|
|
|
|
|
<el-input placeholder="请输入姓名" v-model="item.name" clearable size="mini"></el-input>
|
|
|
|
|
<el-input placeholder="请输入职务" maxlength="10" v-model="item.position" clearable size="mini"></el-input>
|
|
|
|
|
<el-input placeholder="请输入手机号" maxlength="11" v-model="item.phone" clearable size="mini"></el-input>
|
|
|
|
|
<i class="el-icon-check icon" @click="submitAdvisor(item)"></i>
|
|
|
|
|
<i class="el-icon-delete icon" @click="delAdvisor(item, i)"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
<td v-else>
|
|
|
|
|
{{ info.teamInstructors.map(e => e.name).join('，')}}
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr v-if="form.completeCompetitionSetup.competitionType">
|
|
|
|
|
<th>团队邀请码：</th>
|
|
|
|
|
<td>
|
|
|
|
|
<el-input v-if="info.team.captain === 0" :disabled="!editing" v-model="info.team.invitationCode"></el-input>
|
|
|
|
|
<span v-else>{{ info.team.invitationCode }}</span>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>竞赛阶段：</th>
|
|
|
|
|
<td>
|
|
|
|
|
<table class="table tc">
|
|
|
|
|
<tr>
|
|
|
|
|
<th width="80">序号</th>
|
|
|
|
|
<th>赛项阶段名称</th>
|
|
|
|
|
<template v-if="form.completeCompetitionSetup.competitionType">
|
|
|
|
|
<th width="110">参赛人数限制</th>
|
|
|
|
|
<th>允许参赛人员</th>
|
|
|
|
|
<th v-if="info.team.captain === 0 && form.rule === 0">总分</th>
|
|
|
|
|
</template>
|
|
|
|
|
<th>竞赛成绩</th>
|
|
|
|
|
</tr>
|
|
|
|
|
<template v-if="info.stages.length">
|
|
|
|
|
<tr v-for="(item, i) in info.stages" :key="i">
|
|
|
|
|
<td>{{ i + 1 }}</td>
|
|
|
|
|
<td>{{ item.stageName }}</td>
|
|
|
|
|
<template v-if="form.completeCompetitionSetup.competitionType">
|
|
|
|
|
<td>{{ item.teamNumLimit || 0 }}</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span class="m-r-5">{{ item.teamParticipantIds }}</span>
|
|
|
|
|
<el-button type="danger" size="mini" @click="selectPar(item)">修改</el-button>
|
|
|
|
|
</td>
|
|
|
|
|
<td v-if="info.team.captain === 0 && form.rule === 0 && !i" :rowspan="info.stages.length">{{ info.totalScore }}</td>
|
|
|
|
|
</template>
|
|
|
|
|
<td>
|
|
|
|
|
<span v-if="item.score" class="m-r-10">分数{{item.score}}</span>
|
|
|
|
|
<el-button type="text" :disabled="item.resultsDetails === 1" @click="show(item)">查看成绩详情</el-button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
<tr v-else>
|
|
|
|
|
<td colspan="6">暂无数据</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
<el-alert
|
|
|
|
|
v-if="form.completeCompetitionSetup.competitionType && info.team.captain === 0"
|
|
|
|
|
style="margin-top: 10px;"
|
|
|
|
|
title="注：请团长（团队创建人）设置各阶段参赛成员，只有被选择的允许参赛成员可进入对应阶段比赛，每个团队成员只能参加一个赛项阶段！"
|
|
|
|
|
type="warning"
|
|
|
|
|
show-icon>
|
|
|
|
|
</el-alert>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
<div v-if="form.completeCompetitionSetup.competitionType && info.team.captain === 0" class="m-t-20 text-center">
|
|
|
|
|
<el-button type="primary" @click="edit">{{ editing ? '保存' : '编辑' }}</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<template v-if="form.completeCompetitionSetup.competitionType && info.team.captain === 0">
|
|
|
|
|
<div class="l-title m-t-20">团队成员</div>
|
|
|
|
|
<div class="flex-center">
|
|
|
|
|
<p>队长：{{ info.caption.userName }}</p>
|
|
|
|
|
<el-button type="primary" :disabled="status > 3" @click="transfer">转让队长</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table :data="info.teamDetail" stripe header-align="center">
|
|
|
|
|
<el-table-column prop="userName" label="成员姓名" min-width="100" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="schoolName" label="学校" min-width="100" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="workNumber" label="学号" min-width="100" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="createTime" label="加入时间" width="180" align="center"></el-table-column>
|
|
|
|
|
<el-table-column label="操作" align="center" width="160">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button v-if="scope.row.captain" type="text" :disabled="status > 3" @click="removeLine(scope.row)">踢出团队</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-dialog title="报名" :visible.sync="enterVisible" :close-on-click-modal="false" width="300px" @close="enterClose">
|
|
|
|
|
<el-form class="dia-form">
|
|
|
|
|
<p style="margin-bottom: 5px">请选择要加入的团队</p>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-select class="w-100" v-model="enterForm.teamId">
|
|
|
|
|
<el-option v-for="(item, i) in teams" :key="i" :label="item.teamName" :value="item.teamId"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-input placeholder="请输入团队邀请码" maxlength="6" v-model="enterForm.invitationCode"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="form.completeCompetitionSetup.isNeedCode">
|
|
|
|
|
<el-input placeholder="请输入大赛邀请码" maxlength="6" v-model="enterForm.registrationInvitationCode"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<p class="tips">
|
|
|
|
|
查找不到团队？点击 <el-link :underline="false" type="primary" @click="toTeam">创建团队</el-link>
|
|
|
|
|
</p>
|
|
|
|
|
</el-form>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button size="small" type="primary" @click="enterSubmit">报名</el-button>
|
|
|
|
|
<el-button size="small" @click="enterVisible = false">取消</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<el-dialog title="创建团队" :visible.sync="teamVisible" :close-on-click-modal="false" width="300px" @close="teamClose">
|
|
|
|
|
<el-form class="dia-form">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-input placeholder="请输入团队名称" maxlength="10" v-model="teamForm.teamName"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-input placeholder="请设置团队邀请码" maxlength="6" v-model="teamForm.invitationCode"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="form.completeCompetitionSetup.isNeedCode">
|
|
|
|
|
<el-input placeholder="请输入大赛邀请码" maxlength="6" v-model="teamForm.registrationInvitationCode"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button size="small" type="primary" @click="teamSubmit">创建并报名</el-button>
|
|
|
|
|
<el-button size="small" @click="teamVisible = false">取消</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<el-dialog title="选择参赛成员" :visible.sync="transferVisible" :close-on-click-modal="false" width="400px">
|
|
|
|
|
<template v-for="(item, i) in info.teamDetail">
|
|
|
|
|
<el-radio v-if="item.captain" :key="i" v-model="checkedPlayer" :label="item.teamId">{{ item.userName }}</el-radio>
|
|
|
|
|
</template>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button size="small" type="primary" @click="transferSubmit">确定</el-button>
|
|
|
|
|
<el-button size="small" @click="transferVisible = false">取消</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<el-dialog title="选择参赛成员" :visible.sync="chooseVisible" :close-on-click-modal="false" width="400px">
|
|
|
|
|
<template v-if="info.teamLimit">
|
|
|
|
|
<el-radio v-for="(item, i) in info.teamDetail" :key="i" v-model="checkedMember" :label="item.accountId">{{ item.userName }}</el-radio>
|
|
|
|
|
</template>
|
|
|
|
|
<el-checkbox-group v-else v-model="checkedMembers">
|
|
|
|
|
<el-checkbox v-for="(item, i) in info.teamDetail" :key="i" :label="item.accountId">{{ item.userName }}</el-checkbox>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
<p v-if="info.teamLimit" style="margin-top: 15px;font-size: 12px;">注：当前阶段限制1人参赛，且此竞赛每个成员只能参加一个阶段赛项。</p>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button size="small" type="primary" @click="chooseSubmit">确定</el-button>
|
|
|
|
|
<el-button size="small" @click="chooseVisible = false">取消</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<el-dialog title="团队得分详情" :visible.sync="memberVisible" width="900px" :close-on-click-modal="false">
|
|
|
|
|
<h6 v-if="members.length" style="margin-bottom: 10px;font-size: 16px;">团队名称：{{ members[0].teamName }} 阶段名称：{{ curRow.stageName }}</h6>
|
|
|
|
|
<table class="table tc">
|
|
|
|
|
<tr>
|
|
|
|
|
<th width="60">序号</th>
|
|
|
|
|
<th width="100">姓名</th>
|
|
|
|
|
<th width="100">学校</th>
|
|
|
|
|
<th width="100">用时</th>
|
|
|
|
|
<th width="100">分数</th>
|
|
|
|
|
<th width="100">得分详情</th>
|
|
|
|
|
</tr>
|
|
|
|
|
<template v-if="members.length">
|
|
|
|
|
<tr v-for="(item, i) in members" :key="i">
|
|
|
|
|
<td>{{ i + 1 }}</td>
|
|
|
|
|
<td>{{ item.userName }}</td>
|
|
|
|
|
<td>{{ item.schoolName }}</td>
|
|
|
|
|
<td>{{ item.timeSum }}min</td>
|
|
|
|
|
<td>{{ item.score }}</td>
|
|
|
|
|
<td>
|
|
|
|
|
<el-button type="text" @click="toReport(item)">查看</el-button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</template>
|
|
|
|
|
<tr v-else>
|
|
|
|
|
<td colspan="6">暂无数据</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button size="small" type="primary" @click="memberVisible = false">确定</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { mapMutations } from "vuex";
|
|
|
|
|
import breadcrumb from '@/components/breadcrumb'
|
|
|
|
|
import util from '@/libs/util'
|
|
|
|
|
import Setting from "@/setting"
|
|
|
|
|
import Const from '@/const/match'
|
|
|
|
|
export default {
|
|
|
|
|
name: 'matchdetail',
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
id: +this.$route.query.id,
|
|
|
|
|
end: '',
|
|
|
|
|
status: '',
|
|
|
|
|
statusList: ["等待报名", "取消报名", "立即报名", "报名截止", "进入初赛", "已结束"],
|
|
|
|
|
endList: ["报名开始", "报名截止", "报名截止", "竞赛开始", "竞赛结束", ""],
|
|
|
|
|
rules: Const.rules,
|
|
|
|
|
methods: Const.methods,
|
|
|
|
|
teamCalculationMethods: Const.teamCalculationMethods,
|
|
|
|
|
form: {
|
|
|
|
|
name: '',
|
|
|
|
|
coverUrl: '',
|
|
|
|
|
description: '',
|
|
|
|
|
signUpStartTime: '',
|
|
|
|
|
signUpEndTime: '',
|
|
|
|
|
playStartTime: '',
|
|
|
|
|
playEndTime: '',
|
|
|
|
|
competitionStage: [],
|
|
|
|
|
completeCompetitionSetup: {},
|
|
|
|
|
competitionRegistration: {}
|
|
|
|
|
},
|
|
|
|
|
curType: '1',
|
|
|
|
|
typeList: [
|
|
|
|
|
{
|
|
|
|
|
id: '1',
|
|
|
|
|
name: '竞赛信息'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '2',
|
|
|
|
|
name: '竞赛进展'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '3',
|
|
|
|
|
name: '通知公告'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '4',
|
|
|
|
|
name: '竞赛排名'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '5',
|
|
|
|
|
name: '参赛信息'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
progress: [],
|
|
|
|
|
timer: null,
|
|
|
|
|
notices: [],
|
|
|
|
|
noticeDetail: {},
|
|
|
|
|
curArch: '0',
|
|
|
|
|
arches: [],
|
|
|
|
|
ranks: [],
|
|
|
|
|
|
|
|
|
|
enterVisible: false,
|
|
|
|
|
enterForm: {
|
|
|
|
|
competitionId: this.$route.query.id,
|
|
|
|
|
teamId: '',
|
|
|
|
|
invitationCode: '',
|
|
|
|
|
registrationInvitationCode: '',
|
|
|
|
|
whetherSignUp: 1
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
teamVisible: false,
|
|
|
|
|
teams: [],
|
|
|
|
|
teamNameRepeat: false,
|
|
|
|
|
teamForm: {
|
|
|
|
|
competitionId: this.$route.query.id,
|
|
|
|
|
registrationInvitationCode: '',
|
|
|
|
|
teamName: '',
|
|
|
|
|
invitationCode: '',
|
|
|
|
|
whetherSignUp: 1
|
|
|
|
|
},
|
|
|
|
|
curStage: null,
|
|
|
|
|
info: {
|
|
|
|
|
isCaption: 0,
|
|
|
|
|
person: {},
|
|
|
|
|
caption: {},
|
|
|
|
|
team: {
|
|
|
|
|
captain: 1,
|
|
|
|
|
invitationCode: ''
|
|
|
|
|
},
|
|
|
|
|
stages: [],
|
|
|
|
|
teamDetail: [],
|
|
|
|
|
teamInstructors: []
|
|
|
|
|
},
|
|
|
|
|
originIns: {
|
|
|
|
|
position: '',
|
|
|
|
|
name: '',
|
|
|
|
|
phone: '',
|
|
|
|
|
},
|
|
|
|
|
checkedPlayer: '',
|
|
|
|
|
transferVisible: false,
|
|
|
|
|
editing: false,
|
|
|
|
|
memberVisible: false,
|
|
|
|
|
members: [],
|
|
|
|
|
curRow: {},
|
|
|
|
|
chooseVisible: false,
|
|
|
|
|
checkedMember: '',
|
|
|
|
|
checkedMembers: []
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
breadcrumb
|
|
|
|
|
},
|
|
|
|
|
directives: {
|
|
|
|
|
countdown: {
|
|
|
|
|
bind: function(el, binding, vnode) {
|
|
|
|
|
let that = vnode.context
|
|
|
|
|
const { form } = that
|
|
|
|
|
let time = ''
|
|
|
|
|
let second = 1000;
|
|
|
|
|
let minute = second * 60;
|
|
|
|
|
let hour = minute * 60;
|
|
|
|
|
let now = new Date().getTime();
|
|
|
|
|
let signUpStartTime = new Date(that.core.dateCompatible(form.signUpStartTime)).getTime(); // 报名开始时间
|
|
|
|
|
let signUpEndTime = new Date(that.core.dateCompatible(form.signUpEndTime)).getTime(); // 报名结束时间
|
|
|
|
|
let playStartTime = new Date(that.core.dateCompatible(form.playStartTime)).getTime(); // 比赛开始时间
|
|
|
|
|
let playEndTime = new Date(that.core.dateCompatible(form.playEndTime)).getTime(); // 比赛结束时间
|
|
|
|
|
switch (that.status) {
|
|
|
|
|
// status每个值的解释请看getData方法
|
|
|
|
|
case 0:
|
|
|
|
|
if (now > signUpStartTime) {
|
|
|
|
|
that.status = 1;
|
|
|
|
|
} else {
|
|
|
|
|
time = signUpStartTime - now;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 1:
|
|
|
|
|
if (now > signUpEndTime) {
|
|
|
|
|
that.status = 3;
|
|
|
|
|
} else {
|
|
|
|
|
time = signUpEndTime - now;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 2:
|
|
|
|
|
if (now > signUpEndTime) {
|
|
|
|
|
that.status = 3;
|
|
|
|
|
} else {
|
|
|
|
|
time = signUpEndTime - now;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 3:
|
|
|
|
|
if (now > playStartTime) {
|
|
|
|
|
that.status = 4;
|
|
|
|
|
} else {
|
|
|
|
|
time = playStartTime - now;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 4:
|
|
|
|
|
if (now > playEndTime) {
|
|
|
|
|
that.status = 5;
|
|
|
|
|
} else {
|
|
|
|
|
time = playEndTime - now;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
time = `${Math.floor(time / hour)}:${Math.floor(time % hour / minute)}:${Math.floor(time % hour % minute / second)}`;
|
|
|
|
|
that.timer = setInterval(() => {
|
|
|
|
|
let timeList = time.split(":");
|
|
|
|
|
let total = Number.parseInt(timeList[0] * 60 * 60) + Number.parseInt(timeList[1] * 60) + Number.parseInt(timeList[2]);
|
|
|
|
|
if (total > 0) {
|
|
|
|
|
--total;
|
|
|
|
|
let hours = Math.floor(total / (60 * 60));
|
|
|
|
|
let minutes = Math.floor(total % (60 * 60) / 60);
|
|
|
|
|
let seconds = Math.floor(total % (60 * 60) % 60);
|
|
|
|
|
time = `${that.core.formateTime(hours)}:${that.core.formateTime(minutes)}:${that.core.formateTime(seconds)}`;
|
|
|
|
|
} else {
|
|
|
|
|
clearInterval(that.timer);
|
|
|
|
|
}
|
|
|
|
|
el.innerHTML = time;
|
|
|
|
|
}, 1000)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getData()
|
|
|
|
|
this.getProgress()
|
|
|
|
|
this.getNotice()
|
|
|
|
|
this.getTeam()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
...mapMutations('match', [
|
|
|
|
|
'SET_SOURCE'
|
|
|
|
|
]),
|
|
|
|
|
getData() { // 获取竞赛信息
|
|
|
|
|
this.$post(`${this.api.getCompetition}?competitionId=${this.id}`).then(({ competition }) => {
|
|
|
|
|
this.handleStatus(competition)
|
|
|
|
|
const list = competition.competitionAnnexList
|
|
|
|
|
// 附件
|
|
|
|
|
if (list) {
|
|
|
|
|
list.map(e => {
|
|
|
|
|
const { filePath } = e
|
|
|
|
|
e.canPreview = util.canPreview(filePath.substr(filePath.lastIndexOf('.') + 1))
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const arches = []
|
|
|
|
|
// 积分赛才有总分排名
|
|
|
|
|
competition.rule === 0 && arches.push({
|
|
|
|
|
stageId: '0',
|
|
|
|
|
stageName: '总分'
|
|
|
|
|
})
|
|
|
|
|
arches.push(...competition.competitionStage)
|
|
|
|
|
arches.map(e => e.stageId = e.stageId + '')
|
|
|
|
|
this.arches = arches
|
|
|
|
|
this.form = competition
|
|
|
|
|
const type = competition.completeCompetitionSetup.competitionType
|
|
|
|
|
const reg = competition.competitionRegistration
|
|
|
|
|
reg || this.typeList.pop()
|
|
|
|
|
if (!type || (type && reg)) this.getInfo()
|
|
|
|
|
reg && reg.teamId && this.getRank()
|
|
|
|
|
this.$refs.breadcrumb.update('全部赛事/' + competition.name)
|
|
|
|
|
}).catch(err => {})
|
|
|
|
|
},
|
|
|
|
|
// 报名时间、比赛时间、状态处理
|
|
|
|
|
handleStatus(form) {
|
|
|
|
|
const second = 1000;
|
|
|
|
|
const minute = second * 60;
|
|
|
|
|
const hour = minute * 60;
|
|
|
|
|
let status
|
|
|
|
|
const n = form
|
|
|
|
|
let now = new Date().getTime();
|
|
|
|
|
let signUpStartTime = new Date(this.core.dateCompatible(n.signUpStartTime)).getTime(); // 报名开始时间
|
|
|
|
|
let signUpEndTime = new Date(this.core.dateCompatible(n.signUpEndTime)).getTime(); // 报名结束时间
|
|
|
|
|
let playStartTime = new Date(this.core.dateCompatible(n.playStartTime)).getTime(); // 比赛开始时间
|
|
|
|
|
let playEndTime = new Date(this.core.dateCompatible(n.playEndTime)).getTime(); // 比赛结束时间
|
|
|
|
|
let total = 0
|
|
|
|
|
if (now < signUpStartTime) { // 报名没开始
|
|
|
|
|
status = 0;
|
|
|
|
|
total = signUpStartTime - now
|
|
|
|
|
} else if (now > signUpStartTime && now < signUpEndTime) { // 报名进行中
|
|
|
|
|
status = n.competitionRegistration ? 1 : 2 // 1已报名，2立即报名
|
|
|
|
|
total = signUpEndTime - now
|
|
|
|
|
} else if (now > signUpEndTime && now < playStartTime) { // 报名结束了,但比赛没开始
|
|
|
|
|
status = 3;
|
|
|
|
|
total = playStartTime - now
|
|
|
|
|
} else if (now > playStartTime && now < playEndTime) { // 比赛进行中
|
|
|
|
|
// 赛事阶段
|
|
|
|
|
if (n.competitionStage && n.competitionRegistration) {
|
|
|
|
|
for (const e of n.competitionStage) {
|
|
|
|
|
if (now > new Date(e.startTime) && now < new Date(e.endTime) && !e.count && e.method !== 2) {
|
|
|
|
|
this.curStage = e
|
|
|
|
|
this.statusList[4] = '进入' + e.stageName
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
status = 4
|
|
|
|
|
total = playEndTime - now
|
|
|
|
|
} else if (now > playEndTime) { // 比赛结束
|
|
|
|
|
status = 5;
|
|
|
|
|
}
|
|
|
|
|
this.status = status
|
|
|
|
|
if (total > 0) {
|
|
|
|
|
const day = Math.floor(total / (60 * 60 * 1000 * 24))
|
|
|
|
|
const time = `${this.core.formateTime(Math.floor(total / hour))}:${this.core.formateTime(Math.floor(total % hour / minute))}:${this.core.formateTime(Math.floor(total % hour % minute / second))}`
|
|
|
|
|
this.end = day ? day + '天' : time
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 获取竞赛信息
|
|
|
|
|
getInfo() {
|
|
|
|
|
this.$post(`${this.api.entryInformation}?competitionId=${this.id}`).then(res => {
|
|
|
|
|
const info = res.entryInformation
|
|
|
|
|
if (!info.teamInstructors.length) info.teamInstructors.push(JSON.parse(JSON.stringify(this.originIns)))
|
|
|
|
|
if (info.personalDetail) {
|
|
|
|
|
info.team = {}
|
|
|
|
|
info.teamDetail = []
|
|
|
|
|
} else {
|
|
|
|
|
info.isCaption = info.team.caption
|
|
|
|
|
}
|
|
|
|
|
const caption = info.teamDetail.find(e => !e.caption)
|
|
|
|
|
info.caption = caption ? caption : {}
|
|
|
|
|
info.person = info.personalDetail || info.teamDetail.find(e => e.accountId == info.team.accountId)
|
|
|
|
|
this.info = info
|
|
|
|
|
}).catch(err => {});
|
|
|
|
|
},
|
|
|
|
|
// 编辑保存
|
|
|
|
|
edit() {
|
|
|
|
|
if (this.editing) {
|
|
|
|
|
const { teamId, teamName, invitationCode } = this.info.team
|
|
|
|
|
this.$post(this.api.editCompetitionTeam, {
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
teamId,
|
|
|
|
|
teamName,
|
|
|
|
|
invitationCode,
|
|
|
|
|
whetherSignUp: 0
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.getInfo()
|
|
|
|
|
util.successMsg('保存成功')
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
} else {
|
|
|
|
|
this.editing = !this.editing
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getProgress() { // 获取竞赛进展
|
|
|
|
|
this.$get(this.api.getCompetitionProgress, {
|
|
|
|
|
competitionId: this.id
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.progress = res.competitionProgressList.reverse()
|
|
|
|
|
}).catch(err => {});
|
|
|
|
|
},
|
|
|
|
|
// 公告列表
|
|
|
|
|
getNotice() {
|
|
|
|
|
this.$post(`${this.api.queryAnnouncementByCompetitionId}?pageNum=1&pageSize=1000&competitionId=${this.id}`).then(({ data }) => {
|
|
|
|
|
const records = data.records.filter(e => e.status) // 只显示已发布的（status 0草稿 1为已发布）
|
|
|
|
|
records.map(e => {
|
|
|
|
|
e.announcementText = e.announcementText.replace(/<img.*?(?:>|\/>)/gi, '')
|
|
|
|
|
})
|
|
|
|
|
this.notices = records
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 预览附件
|
|
|
|
|
preview(item) {
|
|
|
|
|
const { filePath } = item
|
|
|
|
|
const suffix = filePath.substr(filePath.lastIndexOf('.') + 1)
|
|
|
|
|
window.open((util.isDoc(suffix) ? 'https://view.officeapps.live.com/op/view.aspx?src=' : '') + item.filePath)
|
|
|
|
|
},
|
|
|
|
|
// 下载附件
|
|
|
|
|
download(item) {
|
|
|
|
|
util.downloadFile(item.fileName, item.filePath)
|
|
|
|
|
},
|
|
|
|
|
// tab切换
|
|
|
|
|
typeChange() {
|
|
|
|
|
// 前三个滚动，后两个切换
|
|
|
|
|
const type = +this.curType
|
|
|
|
|
if (type > 3) {
|
|
|
|
|
this.editing = false
|
|
|
|
|
} else {
|
|
|
|
|
document.querySelector(`#part${type}`).scrollIntoView()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 跳转公告详情
|
|
|
|
|
toNotice(item) {
|
|
|
|
|
this.$router.push(`noticeDetail?id=${item.id}&matchId=${this.id}&name=${this.form.name}&end=${this.end}&status=${this.status}`)
|
|
|
|
|
},
|
|
|
|
|
// 获取排名
|
|
|
|
|
getRank() {
|
|
|
|
|
const cur = +this.curArch
|
|
|
|
|
const data = {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 1000,
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
isOverallRanking: cur ? 0 : 1
|
|
|
|
|
}
|
|
|
|
|
// if (cur) { // 阶段
|
|
|
|
|
// data.stageIds = cur ? cur: this.form.competitionStage.map(e => +e.stageId).join()
|
|
|
|
|
data.stageIds = cur ? cur: ''
|
|
|
|
|
this.$post(this.api.frontOfficeCompetitionRanking, data).then(({ list }) => {
|
|
|
|
|
this.ranks = list
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
// } else { // 总分
|
|
|
|
|
// data.stageIds = this.form.competitionStage.map(e => +e.stageId).join()
|
|
|
|
|
// data.isOverallRanking = 1
|
|
|
|
|
// this.$post(this.api.frontDeskOverallRanking, data).then(({ page }) => {
|
|
|
|
|
// this.ranks = page
|
|
|
|
|
// }).catch(res => {})
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 删除指导老师
|
|
|
|
|
delAdvisor(row, i) {
|
|
|
|
|
if (row.id) {
|
|
|
|
|
this.$confirm('确定要删除吗？', '提示', {
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(() => {
|
|
|
|
|
this.$post(`${this.api.deleteAnAdvisor}?id=${row.id}`).then(res => {
|
|
|
|
|
util.successMsg('删除成功')
|
|
|
|
|
this.getInfo()
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
}).catch(() => {})
|
|
|
|
|
} else {
|
|
|
|
|
this.info.teamInstructors.splice(i, 1)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 添加指导老师
|
|
|
|
|
addAdvisor() {
|
|
|
|
|
if (this.info.teamInstructors.length > 4) return util.errorMsg('指导老师仅限添加5个！')
|
|
|
|
|
this.info.teamInstructors.push(JSON.parse(JSON.stringify(this.originIns)))
|
|
|
|
|
},
|
|
|
|
|
// 提交指导老师
|
|
|
|
|
submitAdvisor(row) {
|
|
|
|
|
if (!row.name) return util.errorMsg('请输入姓名')
|
|
|
|
|
const { phone } = row
|
|
|
|
|
if (phone && !/^1[3456789]\d{9}$/.test(phone)) return util.errorMsg('请输入正确手机号格式')
|
|
|
|
|
this.$post(this.api.addAnAdvisor, {
|
|
|
|
|
name: row.name,
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
id: row.id,
|
|
|
|
|
teamId: this.form.competitionRegistration ? this.form.competitionRegistration.teamId : '',
|
|
|
|
|
phone: row.phone,
|
|
|
|
|
position: row.position,
|
|
|
|
|
}).then(res => {
|
|
|
|
|
util.successMsg((row.id ? '修改' : '新增') + '成功')
|
|
|
|
|
this.getInfo()
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 显示转让队长
|
|
|
|
|
transfer() {
|
|
|
|
|
this.transferVisible = true
|
|
|
|
|
},
|
|
|
|
|
// 转让队长提交
|
|
|
|
|
transferSubmit() {
|
|
|
|
|
if (!this.checkedPlayer) return util.errorMsg('请选择成员')
|
|
|
|
|
this.$post(this.api.captainOfTransfer, {
|
|
|
|
|
captainId: this.info.caption.teamId,
|
|
|
|
|
playerId: this.checkedPlayer
|
|
|
|
|
}).then(res => {
|
|
|
|
|
util.successMsg('转让成功')
|
|
|
|
|
this.transferVisible = false
|
|
|
|
|
this.getInfo()
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 踢出团队
|
|
|
|
|
removeLine(row) {
|
|
|
|
|
this.$post(`${this.api.removeTheLine}?teamId=${row.teamId}`).then(res => {
|
|
|
|
|
util.successMsg('移除成功')
|
|
|
|
|
this.getInfo()
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 选择参赛人员
|
|
|
|
|
selectPar(row) {
|
|
|
|
|
const item = this.form.competitionStage.find(e => e.stageId == row.stageId)
|
|
|
|
|
if (item) {
|
|
|
|
|
// 该阶段已经开始比赛则不能修改
|
|
|
|
|
const now = new Date()
|
|
|
|
|
if (now >= new Date(item.startTime) && now <= new Date(item.endTime)) {
|
|
|
|
|
return util.errorMsg('该阶段比赛已经开始，无法修改允许参赛人员！')
|
|
|
|
|
} else {
|
|
|
|
|
this.curRow = row
|
|
|
|
|
this.chooseVisible = true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 选择参赛人员提交
|
|
|
|
|
chooseSubmit() {
|
|
|
|
|
this.$post(this.api.stageSelectParticipants, {
|
|
|
|
|
accountIds: this.info.teamLimit ? [this.checkedMember] : this.checkedMembers,
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
stageId: this.curRow.stageId,
|
|
|
|
|
teamId: this.form.competitionRegistration.teamId
|
|
|
|
|
}).then(res => {
|
|
|
|
|
util.successMsg('修改成功')
|
|
|
|
|
this.getInfo()
|
|
|
|
|
this.chooseVisible = false
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 查看成绩详情
|
|
|
|
|
show(row) {
|
|
|
|
|
// 团队展示弹框，个人跳转实验报告
|
|
|
|
|
if (this.form.completeCompetitionSetup.competitionType && this.info.team.captain === 0) { // 团队比赛并且是团队，则展示团队成员成绩详情
|
|
|
|
|
this.curRow = row
|
|
|
|
|
this.memberVisible = true
|
|
|
|
|
const teamId = this.form.competitionRegistration.teamId
|
|
|
|
|
if (teamId) {
|
|
|
|
|
this.$post(this.api.stageGradeManagementList, {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 1000,
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
stageId: row.stageId,
|
|
|
|
|
isNakadai: 0
|
|
|
|
|
}).then(({ page }) => {
|
|
|
|
|
this.members = page.records.filter(e => e.teamId === teamId)
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
} else {
|
|
|
|
|
this.members = []
|
|
|
|
|
}
|
|
|
|
|
} else if (row.reportId) { // 团员或者个人比赛，并且有reportId，则进入实验报告
|
|
|
|
|
this.toReport(row)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 跳转实验报告
|
|
|
|
|
toReport(row) {
|
|
|
|
|
this.$router.push(`/record/show?reportId=${row.reportId}`)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 报名提交
|
|
|
|
|
enterSubmit() {
|
|
|
|
|
const form = this.enterForm
|
|
|
|
|
if (!form.teamId) return util.errorMsg('请选择团队')
|
|
|
|
|
if (!form.invitationCode) return util.errorMsg('请输入团队邀请码')
|
|
|
|
|
if (this.form.completeCompetitionSetup.isNeedCode && !form.registrationInvitationCode) return util.errorMsg('请输入大赛邀请码')
|
|
|
|
|
this.$post(this.api.joinCompetitionTeam, form).then(({ status, data, message }) => {
|
|
|
|
|
this.enterVisible = false
|
|
|
|
|
this.getData()
|
|
|
|
|
util.successMsg('报名成功！')
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 团队关闭
|
|
|
|
|
enterClose() {
|
|
|
|
|
this.enterForm = {
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
teamId: '',
|
|
|
|
|
registrationInvitationCode: '',
|
|
|
|
|
invitationCode: '',
|
|
|
|
|
whetherSignUp: 1
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 创建团队
|
|
|
|
|
toTeam() {
|
|
|
|
|
this.teamVisible = true
|
|
|
|
|
},
|
|
|
|
|
// 获取团队列表
|
|
|
|
|
getTeam() {
|
|
|
|
|
this.$get(this.api.searchTeam, {
|
|
|
|
|
teamName: '',
|
|
|
|
|
competitionId: this.id
|
|
|
|
|
}).then(({ teamList }) => {
|
|
|
|
|
this.teams = teamList
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 团队提交
|
|
|
|
|
teamSubmit() {
|
|
|
|
|
const form = this.teamForm
|
|
|
|
|
if (!form.teamName) return util.errorMsg('请输入团队名称')
|
|
|
|
|
if (this.teamNameRepeat) return util.errorMsg('团队名称重复，请重新输入')
|
|
|
|
|
if (form.invitationCode.length !== 6) return util.errorMsg('请输入6位数团队邀请码')
|
|
|
|
|
if (this.form.completeCompetitionSetup.isNeedCode && !form.registrationInvitationCode) return util.errorMsg('请输入大赛邀请码')
|
|
|
|
|
this.$post(this.api.addCompetitionTeam, form).then(({ status, data, message }) => {
|
|
|
|
|
this.teamVisible = false
|
|
|
|
|
this.enterVisible = false
|
|
|
|
|
this.getData()
|
|
|
|
|
util.successMsg('报名成功！')
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
},
|
|
|
|
|
// 团队关闭
|
|
|
|
|
teamClose() {
|
|
|
|
|
this.teamForm = {
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
teamName: '',
|
|
|
|
|
invitationCode: '',
|
|
|
|
|
registrationInvitationCode: '',
|
|
|
|
|
whetherSignUp: 1
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 判断是否能进赛事
|
|
|
|
|
getAllow() {
|
|
|
|
|
// 是否允许参加赛事（淘汰赛制）
|
|
|
|
|
if (this.form.rule === 1) {
|
|
|
|
|
this.$post(this.api.allowedParticipateCompetition, {
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
number: this.curStage.number,
|
|
|
|
|
stageId: this.curStage.stageId,
|
|
|
|
|
teamId: this.form.competitionRegistration.teamId,
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.toSub()
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
} else {
|
|
|
|
|
this.toSub()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 立即报名
|
|
|
|
|
signup(){
|
|
|
|
|
const { status, form } = this
|
|
|
|
|
// 如果登录了
|
|
|
|
|
if (util.local.get(Setting.tokenKey)) {
|
|
|
|
|
const { competitionType } = form.completeCompetitionSetup
|
|
|
|
|
if (status == 4) { // 进入比赛
|
|
|
|
|
if (form.competitionRegistration.isDisable === 1) return util.errorMsg('当前用户已被禁赛，如有疑问，请联系平台管理员。') // 被禁用的用户不能进入大赛
|
|
|
|
|
// 团队赛，则判断是否为参赛人员
|
|
|
|
|
if (competitionType) {
|
|
|
|
|
this.$post(this.api.isParticipant, {
|
|
|
|
|
competitionId: this.id,
|
|
|
|
|
stageId: this.curStage.stageId,
|
|
|
|
|
teamId: form.competitionRegistration.teamId,
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.getAllow()
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
} else {
|
|
|
|
|
this.getAllow()
|
|
|
|
|
}
|
|
|
|
|
} else if (status == 2) { // 报名
|
|
|
|
|
// 团队赛报名
|
|
|
|
|
if (competitionType) {
|
|
|
|
|
this.enterVisible = true
|
|
|
|
|
} else { // 个人赛报名
|
|
|
|
|
this.$post(this.api.addCompetitionRegistration, {
|
|
|
|
|
competitionId: this.id
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.getData()
|
|
|
|
|
this.$message.success('报名成功')
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
}
|
|
|
|
|
} else if (status == 1) {
|
|
|
|
|
// 已报名，点击取消报名
|
|
|
|
|
this.$confirm('是否要取消报名？', '提示', {
|
|
|
|
|
type: 'success'
|
|
|
|
|
}).then(() => {
|
|
|
|
|
this.$post(`${this.api.cancelRegistration}?competitionId=${this.id}`).then(res => {
|
|
|
|
|
this.getData()
|
|
|
|
|
this.$message.success('取消报名成功')
|
|
|
|
|
}).catch(res => {})
|
|
|
|
|
}).catch(() => {})
|
|
|
|
|
}
|
|
|
|
|
} else { // 如果没登录，提示去登录
|
|
|
|
|
this.$confirm('请先登录，是否直接前往登录？', "提示", {
|
|
|
|
|
type: 'success'
|
|
|
|
|
}).then(() => {
|
|
|
|
|
this.SET_SOURCE(this.id)
|
|
|
|
|
this.$router.push('/login')
|
|
|
|
|
}).catch(() => {})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 进入python系统
|
|
|
|
|
toPython() {
|
|
|
|
|
const form = this.curStage
|
|
|
|
|
let token = util.local.get(Setting.tokenKey);
|
|
|
|
|
util.cookies.set('assessmentId', '', -1)
|
|
|
|
|
util.cookies.set('startTime', '', -1)
|
|
|
|
|
util.cookies.set('stopTime', '', -1)
|
|
|
|
|
util.cookies.set('projectId', form.projectId)
|
|
|
|
|
util.cookies.set('token', token)
|
|
|
|
|
util.cookies.set('courseId', form.cid)
|
|
|
|
|
util.cookies.set('curriculumName', escape(form.systemName))
|
|
|
|
|
util.cookies.set('systemId', form.systemId)
|
|
|
|
|
util.cookies.set('competitionId', this.form.id)
|
|
|
|
|
util.cookies.set('stageId', form.stageId)
|
|
|
|
|
util.cookies.set('teamId', this.form.competitionRegistration.teamId)
|
|
|
|
|
util.cookies.set('fromManager', '', -1)
|
|
|
|
|
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统
|
|
|
|
|
location.href = process.env.NODE_ENV === 'development' ?
|
|
|
|
|
`http://${location.hostname}:8085/#/` :
|
|
|
|
|
Setting.isPro ?
|
|
|
|
|
`https://${location.hostname}/pyTrials` :
|
|
|
|
|
`${location.origin}/pyTrials`
|
|
|
|
|
},
|
|
|
|
|
// 进入子系统
|
|
|
|
|
toSub() {
|
|
|
|
|
const { form } = this
|
|
|
|
|
const { systemId, projectId, cid, stageId } = this.curStage
|
|
|
|
|
const competitionId = form.id
|
|
|
|
|
const teamId = form.competitionRegistration.teamId
|
|
|
|
|
let token = util.local.get(Setting.tokenKey);
|
|
|
|
|
if (systemId == 11) {
|
|
|
|
|
// 银行系统
|
|
|
|
|
location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${cid}&systemId=${systemId}&projectId=${projectId}&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&assessmentId=&classId=&stopTime=&test=true`
|
|
|
|
|
} else if (systemId == 12) {
|
|
|
|
|
// 众筹系统
|
|
|
|
|
window.open(`http://120.78.139.126:8879?systemId=${systemId}&courseId=${cid}&projectId=${projectId}&token=${token}&userId=${this.userId}&classId=1&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}`);
|
|
|
|
|
} else {
|
|
|
|
|
// python系统
|
|
|
|
|
this.toPython(this.curProject)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.banner{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 350px;
|
|
|
|
|
padding: 120px 0 0 20%;
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-size: 100% 350px;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
}
|
|
|
|
|
.l-title {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
}
|
|
|
|
|
.main .center-con {
|
|
|
|
|
background: url(../../../assets/img/match-bg1.png) (0px 95px)/auto auto no-repeat,
|
|
|
|
|
url(../../../assets/img/match-bg2.png) (98% 300px)/auto auto no-repeat;
|
|
|
|
|
}
|
|
|
|
|
.main .center-wrap {
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
}
|
|
|
|
|
.rule-title {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
.rule {
|
|
|
|
|
padding: 15px;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
border: 1px solid #dfdfdf;
|
|
|
|
|
p {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
color: #6e6e6e;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.content{
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: 20px 40px;
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
.title{
|
|
|
|
|
width: 67%;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #0B1D30;
|
|
|
|
|
}
|
|
|
|
|
.tool {
|
|
|
|
|
position: sticky;
|
|
|
|
|
top: 64px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.info .meta{
|
|
|
|
|
padding: 16px 0;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #999;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.action {
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.status {
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
line-height: 34px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-color: #52C41A;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&.wait {
|
|
|
|
|
background-color: #FAAD14;
|
|
|
|
|
}
|
|
|
|
|
&.signing {
|
|
|
|
|
background-color: $main-color;
|
|
|
|
|
}
|
|
|
|
|
&.signed {
|
|
|
|
|
background-color: #52C41A;
|
|
|
|
|
}
|
|
|
|
|
&.finish {
|
|
|
|
|
background-color: #ccc;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.end-text {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #666;
|
|
|
|
|
em {
|
|
|
|
|
font-style: normal;
|
|
|
|
|
color: #f00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.texts{
|
|
|
|
|
margin: 20px 0 50px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
line-height: 1.6;
|
|
|
|
|
text-indent: 2em;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
/deep/img{
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.progress{
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 95%;
|
|
|
|
|
padding: 50px 0;
|
|
|
|
|
margin: 40px auto 80px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
&:before{
|
|
|
|
|
content: '';
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 50%;
|
|
|
|
|
width: 2px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background-color: #E1E6F2;
|
|
|
|
|
}
|
|
|
|
|
&:after {
|
|
|
|
|
content: '';
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -10px;
|
|
|
|
|
left: 430px;
|
|
|
|
|
border: 8px solid transparent;
|
|
|
|
|
border-bottom-color: #E1E6F2;
|
|
|
|
|
}
|
|
|
|
|
.rocket {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: -50px;
|
|
|
|
|
left: 425px;
|
|
|
|
|
}
|
|
|
|
|
li{
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 400px;
|
|
|
|
|
margin-bottom: 42px;
|
|
|
|
|
.dot{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 12px;
|
|
|
|
|
left: 431px;
|
|
|
|
|
width: 15px;
|
|
|
|
|
height: 15px;
|
|
|
|
|
background-color: #DCDCDC;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
.name{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 0 19px;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
background-color: #C4C4C4;
|
|
|
|
|
}
|
|
|
|
|
.desc{
|
|
|
|
|
position: relative;
|
|
|
|
|
color: #333;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
&.ing, &.done {
|
|
|
|
|
.dot {
|
|
|
|
|
top: 8px;
|
|
|
|
|
background-color: #007EFF;
|
|
|
|
|
}
|
|
|
|
|
.name {
|
|
|
|
|
background-color: #007EFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.ing {
|
|
|
|
|
.dot {
|
|
|
|
|
width: 27px;
|
|
|
|
|
height: 27px;
|
|
|
|
|
border: 6px solid #E2F1FB;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:nth-child(odd) {
|
|
|
|
|
text-align: right;
|
|
|
|
|
&.ing {
|
|
|
|
|
.dot {
|
|
|
|
|
left: auto;
|
|
|
|
|
right: -51px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.name {
|
|
|
|
|
&:before {
|
|
|
|
|
content: '';
|
|
|
|
|
z-index: 2;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 14px;
|
|
|
|
|
right: -35px;
|
|
|
|
|
border: 18px solid transparent;
|
|
|
|
|
border-top-width: 6px;
|
|
|
|
|
border-bottom-width: 6px;
|
|
|
|
|
border-left-color: #C4C4C4;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.desc {
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
&.ing, &.done {
|
|
|
|
|
.name {
|
|
|
|
|
&:before {
|
|
|
|
|
border-left-color: #007EFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:nth-child(even) {
|
|
|
|
|
margin-left: 482px;
|
|
|
|
|
.dot {
|
|
|
|
|
left: -51px;
|
|
|
|
|
}
|
|
|
|
|
&.ing {
|
|
|
|
|
.dot {
|
|
|
|
|
left: -57px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.name {
|
|
|
|
|
text-align: left;
|
|
|
|
|
&:after {
|
|
|
|
|
content: '';
|
|
|
|
|
z-index: 2;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 14px;
|
|
|
|
|
left: -35px;
|
|
|
|
|
border: 18px solid transparent;
|
|
|
|
|
border-top-width: 6px;
|
|
|
|
|
border-bottom-width: 6px;
|
|
|
|
|
border-right-color: #C4C4C4;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.desc {
|
|
|
|
|
&:before {
|
|
|
|
|
left: auto;
|
|
|
|
|
right: -16px;
|
|
|
|
|
border: 8px solid transparent;
|
|
|
|
|
border-left-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
&:after {
|
|
|
|
|
left: auto;
|
|
|
|
|
right: -18px;
|
|
|
|
|
border: 9px solid transparent;
|
|
|
|
|
border-left-color: #E6E6E6;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.ing, &.done {
|
|
|
|
|
.name {
|
|
|
|
|
&:after {
|
|
|
|
|
border-right-color: #007EFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:last-child{
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.files {
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
li {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
}
|
|
|
|
|
.fileName {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.notice-list {
|
|
|
|
|
text-align: left;
|
|
|
|
|
li {
|
|
|
|
|
padding: 16px;
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
transition: all 0.3s;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-bottom: 1px dashed #ebebeb;
|
|
|
|
|
&:last-child {
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
h6 {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #0B1D30;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #007EFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.meta {
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #666;
|
|
|
|
|
}
|
|
|
|
|
.des {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #333;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display:-moz-box;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-moz-box-orient: vertical;
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
|
-moz-line-clamp: 2;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.table {
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
th, td {
|
|
|
|
|
padding: 12px;
|
|
|
|
|
border: 1px solid #ebeef5;
|
|
|
|
|
}
|
|
|
|
|
&.tc {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
th {
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: #f8faff;
|
|
|
|
|
}
|
|
|
|
|
.icon {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #7a7a7a;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.plus {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
.line {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
.el-input {
|
|
|
|
|
margin-right: 15px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.flex-center {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
}
|
|
|
|
|
/deep/.dia-form {
|
|
|
|
|
.w-100 {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.tips {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
