@ -14,7 +14,7 @@
< span > < b -img src = "/static/image/system_icon2.png" / > < / span >
< span > 仿真交易 < / span >
< / div >
< div @ click = " tabId = 2 " : class = "tabId == 2 ?'tz-selected':''" >
< div @ click = " changeTab(2) " : class = "tabId == 2 ?'tz-selected':''" >
< span > < b -img src = "/static/image/system_icon3.png" / > < / span >
< span > 排行榜 < / span >
< / div >
@ -78,7 +78,7 @@
< div class = "tz-tab" >
< div >
< b -img @click ="sim" src = "/static/image/trade_sim.png" / >
< b -img @ click = " tabId = 2 " src = "/static/image/ranking_tab.png" / >
< b -img @ click = " changeTab(2) " src = "/static/image/ranking_tab.png" / >
< b -img @click ="jixiao" src = "/static/image/jixiaofenxi.png" / >
< b -img @ click = " tabId = 4" src = "/static/image/xingweihuaxiang.png" / >
< / div >
@ -116,16 +116,16 @@
< div class = "tz-filter" >
< div >
< span > 日期 < / span >
< b -datepicker placeholder= " " / >
< b -datepicker v-model = " rankQuery.date " / >
< span > 检索 < / span >
< b -input = "用户名/所属院校/所属团队" / >
< b -button class = "tz-button" > 查询 < / b - b u t t o n
< b -input v-model = " rankQuery.keyword " placeholder= "用户名/所属院校/所属团队" / >
< b -button class = "tz-button" @click ="rankSearch" > 查 询 < / b -button >
< b -button class = "tz-button" > 导出 < / b - b u t t o n >
< / div >
< div class = "online-info" >
<!-- < div class = "online-info" >
< span > 注册人数 ： 1090 < / span >
< span > 在线人数 ： 687 < / span >
< / div >
< / div > -- >
< / div >
< div >
< div class = "tz-table-header" >
@ -138,56 +138,56 @@
< div >
属属团队
< / div >
< div class = "tz-tabel-bg-blue" >
< div class = "tz-tabel-bg-blue" @click ="rankSort('score')" >
操作分
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
< div class = "triangle_down" > < / div >
< / div >
< / div >
< div >
< div @click ="rankSort('rank')" >
排名
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
< div class = "triangle_down" > < / div >
< / div >
< / div >
< div >
< div @click ="rankSort('found')" >
期初资金
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
< div class = "triangle_down" > < / div >
< / div >
< / div >
< div >
< div @click ="rankSort('nav')" >
总资产
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
< div class = "triangle_down" > < / div >
< / div >
< / div >
< div >
< div @click ="rankSort('avilable')" >
可用资金
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
< div class = "triangle_down" > < / div >
< / div >
< / div >
< div class = "tz-tabel-bg-blue" >
< div class = "tz-tabel-bg-blue" @click ="rankSort('market')" >
市值
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
< div class = "triangle_down" > < / div >
< / div >
< / div >
< div >
< div @click ="rankSort('profit')" >
累计盈亏
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
< div class = "triangle_down" > < / div >
< / div >
< / div >
< div class = "tz-tabel-bg-blue" >
< div class = "tz-tabel-bg-blue" @click ="rankSort('score')" >
浮动盈亏
< div class = "tz-inline-block" >
< div class = "triangle_up" > < / div >
@ -271,24 +271,24 @@
< div > { { item . name } } < / div >
< div class = "tz-table-color-blue" > { { item . school } } < / div >
< div > { { item . team } } < / div >
< div class = "tz-table-color-blue" > { { item. score } } < / div >
< div > { { item . ing } } < / div >
< div class = "tz-table-color-blue" > { { numberFixed( item . financeScore ) } } < / div >
< div > { { item . pe rsonalR ank} } < / div >
< div > { { item . founds } } < / div >
< div > { { . nav } } < / div >
< div > { { . av ilable} } < / div >
< div class = "tz-table-color-blue" > { { . marketValue } } < / div >
< div > { { item. totalRatio } } < / div >
< div class = "tz-table-color-blue" > { { item. overRatio } } < / div >
< div > { { . c ommsion} } < / div >
< div class = "tz-table-color-blue" > { { item. sumRatio } } < / div >
< div > { { . baseRatio } } < / div >
< div > { { item. yearRatio } } < / div >
< div > { { item. maxReturn } } < / div >
< div > { { item. kammaRatio } } < / div >
< div > { { . sharpRatio } } < / div >
< div > { { numberFixed( item. nav ) } } < / div >
< div > { { numberFixed( item. av a ilable) } } < / div >
< div class = "tz-table-color-blue" > { { numberFixed( item. marketValue ) } } < / div >
< div > { { numberFixed( item . profitLoss ) } } < / div >
< div class = "tz-table-color-blue" > { { numberFixed( item . fpnl ) } } < / div >
< div > { { numberFixed( item. c umC ommis sion) } } < / div >
< div class = "tz-table-color-blue" > { { numberFixed( item . pnlRatio ) } } < / div >
< div > { { numberFixed( item. baseRatio ) } } < / div >
< div > { { numberFixed( item . pnlRatioAnnual ) } } < / div >
< div > { { numberFixed( item . maxDrawdown ) } } < / div >
< div > { { numberFixed( item . calmarRatio ) } } < / div >
< div > { { numberFixed( item. sharpRatio ) } } < / div >
< div > { { item . openCount } } < / div >
< div > { { item . closeCount } } < / div >
< div > { { . winRatio } } < / div >
< div > { { numberFixed( item. winRatio ) } } < / div >
< / div >
< / div >
< / div >
@ -311,7 +311,7 @@
< / div >
< / div >
< div v-if ="tabId == 4" >
< tz -portrait / >
< tz -portrait :competition ="competition" :currentStage ="currentStage" :memberInfo ="memberInfo" :compId ="compId" :stageId ="stageId" / >
< / div >
< div v-if ="tabId == 5" >
@ -328,6 +328,7 @@ import * as echarts from 'echarts'
import { getInfo } from '@/utils/auth'
import * as competitionApi from '@/api/competition'
import * as memberApi from '@/api/member'
import * as rankingApi from '@/api/ranking'
export default {
components : {
'tz-footer' : Footer ,
@ -353,6 +354,19 @@ export default {
} ,
changeTab ( id ) {
this . tabId = id
console . log ( this . tabId )
if ( id == 2 ) {
this . loadRankinig2 ( )
}
} ,
numberFixed ( num ) {
if ( typeof ( num ) == 'number' ) {
return num . toFixed ( 4 )
}
return num
} ,
rankSearch ( ) {
this . loadRankinig2 ( )
} ,
loadData ( ) {
memberApi . getMemberInfo ( this . compId , this . stageId ) . then ( res => {
@ -361,18 +375,46 @@ export default {
}
} )
} ,
drawRanking ( ) {
loadRankinig2 ( ) {
this . rankQuery . compId = this . compId
this . rankQuery . stageId = this . stageId
rankingApi . list ( this . rankQuery ) . then ( res => {
if ( res . code == 200 ) {
this . list = res . data . list
}
} )
} ,
rankSort ( key ) {
} ,
loadRankinig ( ) {
rankingApi . listAll ( this . compId , this . stageId ) . then ( res => {
if ( res . code == 200 ) {
this . drawRanking ( res . data . list )
}
} )
} ,
drawRanking ( rankList ) {
let xData = [ ]
let yData = [ ]
rankList . forEach ( item => {
xData . push ( item . updateTime )
yData . push ( item . personalRank )
} )
let option = {
xAxis : {
type : 'category' ,
data : [ 'Mon' , 'Tue' , 'Wed' , 'Thu' , 'Fri' , 'Sat' , 'Sun' ]
data : xData
} ,
yAxis : {
type : 'value'
} ,
series : [
{
data : [ 150 , 230 , 224 , 218 , 135 , 147 , 260 ] ,
data : yData ,
type : 'line' ,
color : [ '#7c89ff' ]
}
@ -400,7 +442,16 @@ export default {
compId : 0 ,
stageId : 0 ,
currentStage : null ,
memberInfo : null
memberInfo : null ,
rankQuery : {
pageNo : 1 ,
date : '' ,
keyword : '' ,
sort : '' ,
direct : 1 ,
compId : 0 ,
stageId : 0
}
}
} ,
created ( ) {
@ -423,37 +474,11 @@ export default {
console . log ( "groupData:" , res )
} )
}
for ( var i = 0 ; i < 50 ; i + + ) {
this . list . push ( {
name : '王先生' ,
school : '天择金融大学' ,
team : '王老师团队' ,
score : 98 ,
ranking : ( i + 1 ) ,
founds : 1000000 ,
nav : 100000000 ,
avilable : 5000.00 ,
marketValue : 10000000000 ,
totalRatio : '10%' ,
overRatio : '90%' ,
commsion : 10000 ,
sumRatio : '150%' ,
baseRatio : '10%' ,
yearRatio : '12%' ,
maxReturn : 10 ,
kammaRatio : '10:5' ,
sharpRatio : '10:6' ,
openCount : 50 ,
closeCount : 10 ,
winRatio : '5%'
} )
}
} ,
updated ( ) {
if ( this . tabId == 0 ) {
this . $nextTick ( ( ) => {
this . drawRankin g( )
this . loadRankinig ( )
} )
}
}
tianea
3 years ago