|
|
|
@ -35,23 +35,23 @@
|
|
|
|
|
<div v-if="tabId == 0">
|
|
|
|
|
<div class="comp-info">
|
|
|
|
|
<div class="comp-thumbnail">
|
|
|
|
|
<b-img src="/static/image/pic_1_340x190.png" />
|
|
|
|
|
<b-img fluid :src="competition.thumbnail" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<div class="comp-info-title">
|
|
|
|
|
<span class="comp-type">团队赛</span>
|
|
|
|
|
<span class="comp-title">2020年全国高职财经大数据分析大赛--初赛--证券投资赛项</span>
|
|
|
|
|
<span class="comp-type">{{ competition&&competition.type == 1?'团队赛':'个人赛' }}</span>
|
|
|
|
|
<span class="comp-title">{{ competition.name }}--{{ currentStage.name }}--证券投资赛项</span>
|
|
|
|
|
</div>
|
|
|
|
|
<hr />
|
|
|
|
|
<div class="comp-info-title">
|
|
|
|
|
<div class="comp-info-content">
|
|
|
|
|
<div>
|
|
|
|
|
<b-img src="/static/image/system_cmp_icon1.png"/>
|
|
|
|
|
<div>开始时间: 2019-01-18</div>
|
|
|
|
|
<div>开始时间: {{ new Date(currentStage.startTime).Format('yyyy-MM-dd')}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<b-img src="/static/image/system_cmp_icon2.png"/>
|
|
|
|
|
<div>结束时间: 2019-01-18</div>
|
|
|
|
|
<div>结束时间: {{ new Date(currentStage.endTime).Format('yyyy-MM-dd')}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<b-img src="/static/image/system_cmp_icon3.png"/>
|
|
|
|
@ -65,7 +65,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<b-img src="/static/image/system_cmp_icon5.png"/>
|
|
|
|
|
<div>参赛人数: 24人</div>
|
|
|
|
|
<div>参赛人数: {{competition.peopleCount}}人</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<b-img src="/static/image/system_cmp_icon6.png"/>
|
|
|
|
@ -94,13 +94,13 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="main">
|
|
|
|
|
<div id="main" style="width:100%; height:100%">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="tabId == 2">
|
|
|
|
|
<div class="comp-info">
|
|
|
|
|
<div class="tz-bold"> >>2020年全国高职财经大数据分析大赛--初赛--证券投资赛项 </div>
|
|
|
|
|
<div class="tz-bold"> >>{{ competition.name }}--{{ currentStage.name }}--证券投资赛项 </div>
|
|
|
|
|
<div class="member-info">
|
|
|
|
|
<div>
|
|
|
|
|
<b-img src="/static/image/system_icon11.png"/>
|
|
|
|
@ -326,6 +326,8 @@ import Quotation from './quotation.vue'
|
|
|
|
|
import Portrait from './portrait.vue'
|
|
|
|
|
import * as echarts from 'echarts'
|
|
|
|
|
import { getInfo } from '@/utils/auth'
|
|
|
|
|
import * as competitionApi from '@/api/competition'
|
|
|
|
|
import * as memberApi from '@/api/member'
|
|
|
|
|
export default {
|
|
|
|
|
components:{
|
|
|
|
|
'tz-footer': Footer,
|
|
|
|
@ -333,21 +335,33 @@ export default {
|
|
|
|
|
'tz-portrait': Portrait
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
sim(){
|
|
|
|
|
let url = 'https://sim.sztzjy.com/user/login?token=157e2484a38880effebe57c4ee95d6c29984e2f8&redirect=https://sim.sztzjy.com/sim?acc=2e41a913-9dc1-11ec-89b3-00163e0e6ad0'
|
|
|
|
|
sim(){
|
|
|
|
|
if(!this.memberInfo.accountPwd){
|
|
|
|
|
alert("竞赛还未开始");
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
let url = 'https://sim.sztzjy.com/user/login?token='+this.memberInfo.accountPwd+'&redirect=https://sim.sztzjy.com/sim?acc='+this.memberInfo.accountId
|
|
|
|
|
window.open(url,"onlywin",'toolbar=no, location=no,directoryies=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=yes, height=600, width=1100, left=180, top=100')
|
|
|
|
|
},
|
|
|
|
|
jixiao(){
|
|
|
|
|
let url = 'https://sim.sztzjy.com/user/login?token=157e2484a38880effebe57c4ee95d6c29984e2f8&redirect=https://sim.sztzjy.com/perfweb/analysis/profile/10'
|
|
|
|
|
if(!this.memberInfo.accountPwd){
|
|
|
|
|
alert("竞赛还未开始");
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
let url = 'https://sim.sztzjy.com/user/login?token='+this.memberInfo.accountPwd+'&redirect=https://sim.sztzjy.com/perfweb/analysis/profile/'+this.memberInfo.reportId
|
|
|
|
|
window.open(url,"onlywin",'toolbar=no, location=no,directoryies=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=yes, height=600, width=1100, left=180, top=100')
|
|
|
|
|
},
|
|
|
|
|
changeTab(id){
|
|
|
|
|
this.tabId = id
|
|
|
|
|
},
|
|
|
|
|
loadData(){
|
|
|
|
|
memberApi.getMemberInfo(this.compId, this.stageId).then(res=>{
|
|
|
|
|
if(res.code == 200){
|
|
|
|
|
this.memberInfo = res.data
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
drawRanking(){
|
|
|
|
|
// 基于准备好的dom,初始化echarts实例
|
|
|
|
|
if(!this.rankingCharts){
|
|
|
|
|
this.rankingCharts = echarts.init(document.getElementById('main'));
|
|
|
|
|
let option = {
|
|
|
|
|
xAxis: {
|
|
|
|
|
type: 'category',
|
|
|
|
@ -365,12 +379,14 @@ export default {
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(!this.rankingCharts){
|
|
|
|
|
this.rankingCharts = echarts.init(document.getElementById('main'));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 绘制图表
|
|
|
|
|
this.rankingCharts.setOption(option,true);
|
|
|
|
|
}else{
|
|
|
|
|
console.log("resize")
|
|
|
|
|
this.rankingCharts.resize()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.rankingCharts.setOption(option);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data(){
|
|
|
|
@ -379,11 +395,35 @@ export default {
|
|
|
|
|
tabId: 0,
|
|
|
|
|
list:[
|
|
|
|
|
],
|
|
|
|
|
rankingCharts: null
|
|
|
|
|
rankingCharts: null,
|
|
|
|
|
competition: null,
|
|
|
|
|
compId: 0 ,
|
|
|
|
|
stageId: 0,
|
|
|
|
|
currentStage: null,
|
|
|
|
|
memberInfo: null
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created(){
|
|
|
|
|
|
|
|
|
|
this.userInfo = getInfo()
|
|
|
|
|
if(this.$route.query){
|
|
|
|
|
this.compId = this.$route.query.id
|
|
|
|
|
this.stageId = this.$route.query.stageId
|
|
|
|
|
this.loadData()
|
|
|
|
|
competitionApi.get({compId: this.compId}).then(res =>{
|
|
|
|
|
if(res.code == 200 ){
|
|
|
|
|
this.competition = res.data
|
|
|
|
|
let stage = this.competition.stageList.filter(s=>s.id == this.stageId)
|
|
|
|
|
if(stage.length>0){
|
|
|
|
|
this.currentStage = stage[0]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
competitionApi.getGroup(this.compId,this.stageId).then(res=>{
|
|
|
|
|
console.log("groupData:",res)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for(var i = 0 ;i<50;i++){
|
|
|
|
|
this.list.push({
|
|
|
|
|
name: '王先生',
|
|
|
|
@ -411,7 +451,17 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
this.drawRanking()
|
|
|
|
|
this.$nextTick(function(){
|
|
|
|
|
this.drawRanking()
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
updated(){
|
|
|
|
|
console.log(this.tabId)
|
|
|
|
|
if(this.tabId == 0 ){
|
|
|
|
|
this.$nextTick(()=>{
|
|
|
|
|
this.drawRanking()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
@ -557,9 +607,7 @@ export default {
|
|
|
|
|
color: white;
|
|
|
|
|
margin-left: 25rem;
|
|
|
|
|
}
|
|
|
|
|
.tz-bold{
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tz-flex div{
|
|
|
|
|
min-height: 80px;
|
|
|
|
|
align-items: center;
|
|
|
|
@ -657,6 +705,7 @@ export default {
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
border: 2px solid white;
|
|
|
|
|
margin-right: 1rem;
|
|
|
|
|
width: 18rem;
|
|
|
|
|
}
|
|
|
|
|
.comp-type{
|
|
|
|
|
display: inline-block;
|
|
|
|
@ -672,8 +721,6 @@ export default {
|
|
|
|
|
min-height: 387px;
|
|
|
|
|
max-width: 86rem;
|
|
|
|
|
background: white;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-bottom-left-radius: 10px;
|
|
|
|
|
border-bottom-right-radius: 10px;
|
|
|
|
|
}
|
|
|
|
|