|
|
@@ -97,8 +97,9 @@
|
|
|
:width="width"
|
|
|
:height="height"
|
|
|
class="team-rect"
|
|
|
- :style="{fill:finalData&&finalData.user1===highlightUser?'#F15436':''}"></rect>
|
|
|
- <text :x="finalX + 40" :y="finalY - height + height/2 + 4" class="team-name">{{finalData.applyInfo1 ? finalData.applyInfo1.gameId : '暂无'}}</text>
|
|
|
+ :class="{highlight:finalData.highlight[0],isMe:finalData.isMe[0]}"></rect>
|
|
|
+ <text :x="finalX + 40" :y="finalY - height + height/2 + 4"
|
|
|
+ class="team-name" :class="{highlight:finalData.highlight[0],isMe:finalData.isMe[0]}">{{finalData.applyInfo1 ? finalData.applyInfo1.gameId : '暂无'}}</text>
|
|
|
<text :x="finalX + width - 20"
|
|
|
:y="finalY - height + height/2 + 4"
|
|
|
text-anchor="end"
|
|
|
@@ -108,8 +109,9 @@
|
|
|
:width="width"
|
|
|
:height="height"
|
|
|
class="team-rect"
|
|
|
- :style="{fill:finalData&&finalData.user2===highlightUser?'#F15436':''}"></rect>
|
|
|
- <text :x="finalX + 40" :y="finalY + height/2 + 4" class="team-name">{{finalData.applyInfo2 ? finalData.applyInfo2.gameId : '暂无'}}</text>
|
|
|
+ :class="{highlight:finalData.highlight[1],isMe:finalData.isMe[1]}"></rect>
|
|
|
+ <text :x="finalX + 40" :y="finalY + height/2 + 4"
|
|
|
+ class="team-name" :class="{highlight:finalData.highlight[1],isMe:finalData.isMe[1]}">{{finalData.applyInfo2 ? finalData.applyInfo2.gameId : '暂无'}}</text>
|
|
|
<text :x="finalX + width - 20"
|
|
|
:y="finalY + height/2 + 4"
|
|
|
text-anchor="end"
|
|
|
@@ -132,20 +134,29 @@
|
|
|
:width="width"
|
|
|
:height="height"
|
|
|
style="fill: rgba(0,0,0,0)"
|
|
|
- @mouseover="mouseover(0,1)"
|
|
|
- @mouseout="mouseleave"></rect>
|
|
|
- <rect :x="finalX" :y="finalY" :width="width" :height="height" style="fill: rgba(0,0,0,0)" @mouseover="mouseover(0,2)" @mouseout="mouseleave"></rect>
|
|
|
+ @click="mouseover(0,1)"
|
|
|
+ @mouseout="mouseleave"
|
|
|
+ :copy-data="finalData.applyInfo1 ? finalData.applyInfo1.gameId : '暂无'"></rect>
|
|
|
+ <rect :x="finalX"
|
|
|
+ :y="finalY"
|
|
|
+ :width="width"
|
|
|
+ :height="height"
|
|
|
+ style="fill: rgba(0,0,0,0)"
|
|
|
+ @click="mouseover(0,2)"
|
|
|
+ @mouseout="mouseleave"
|
|
|
+ :copy-data="finalData.applyInfo2 ? finalData.applyInfo2.gameId : '暂无'"></rect>
|
|
|
</g>
|
|
|
<g>
|
|
|
<rect :x="finalX + width + xGap"
|
|
|
:y="finalY - height"
|
|
|
:width="width"
|
|
|
:height="height"
|
|
|
- :style="{fill:extraData&&extraData.user1===highlightUser?'#F15436':''}"
|
|
|
- class="team-rect"></rect>
|
|
|
+ class="team-rect"
|
|
|
+ :class="{highlight:finalData.highlight[0],isMe:finalData.isMe[0]}"></rect>
|
|
|
<text :x="finalX + width + xGap + 40"
|
|
|
:y="finalY - height + height/2 + 4"
|
|
|
- class="team-name">{{extraData.applyInfo1 ? extraData.applyInfo1.gameId : '暂无'}}</text>
|
|
|
+ class="team-name"
|
|
|
+ :class="{highlight:finalData.highlight[0],isMe:finalData.isMe[0]}">{{extraData.applyInfo1 ? extraData.applyInfo1.gameId : '暂无'}}</text>
|
|
|
<text :x="finalX + width + xGap + width - 20"
|
|
|
:y="finalY - height + height/2 + 4"
|
|
|
text-anchor="end"
|
|
|
@@ -154,11 +165,12 @@
|
|
|
:y="finalY"
|
|
|
:width="width"
|
|
|
:height="height"
|
|
|
- :style="{fill:extraData&&extraData.user2===highlightUser?'#F15436':''}"
|
|
|
- class="team-rect"></rect>
|
|
|
+ class="team-rect"
|
|
|
+ :class="{highlight:finalData.highlight[1],isMe:finalData.isMe[1]}"></rect>
|
|
|
<text :x="finalX + width + xGap + 40"
|
|
|
:y="finalY + height/2 + 4"
|
|
|
- class="team-name">{{extraData.applyInfo2 ? extraData.applyInfo2.gameId : '暂无'}}</text>
|
|
|
+ class="team-name"
|
|
|
+ :class="{highlight:finalData.highlight[1],isMe:finalData.isMe[1]}">{{extraData.applyInfo2 ? extraData.applyInfo2.gameId : '暂无'}}</text>
|
|
|
<text :x="finalX + width + xGap + width - 20"
|
|
|
:y="finalY + height/2 + 4"
|
|
|
text-anchor="end"
|
|
|
@@ -180,15 +192,17 @@
|
|
|
:width="width"
|
|
|
:height="height"
|
|
|
style="fill: rgba(0,0,0,0)"
|
|
|
- @mouseover="mouseover(1,1)"
|
|
|
- @mouseout="mouseleave"></rect>
|
|
|
+ @click="mouseover(1,1)"
|
|
|
+ @mouseout="mouseleave"
|
|
|
+ :copy-data="extraData.applyInfo1 ? extraData.applyInfo1.gameId : '暂无'"></rect>
|
|
|
<rect :x="finalX + width + xGap"
|
|
|
:y="finalY"
|
|
|
:width="width"
|
|
|
:height="height"
|
|
|
style="fill: rgba(0,0,0,0)"
|
|
|
- @mouseover="mouseover(1,2)"
|
|
|
- @mouseout="mouseleave"></rect>
|
|
|
+ @click="mouseover(1,2)"
|
|
|
+ @mouseout="mouseleave"
|
|
|
+ :copy-data="extraData.applyInfo2 ? extraData.applyInfo2.gameId : '暂无'"></rect>
|
|
|
</g>
|
|
|
<image v-if="showUploadIcon(null,null,null,finalNum)"
|
|
|
class="upload-icon"
|
|
|
@@ -274,14 +288,20 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
finalData() {
|
|
|
- return this.matchData.find(i => {
|
|
|
+ let data = this.matchData.find(i => {
|
|
|
return i.round === this.finalNum;
|
|
|
- }) || {}
|
|
|
+ }) || {};
|
|
|
+ data.highlight = [data.user1 === this.highlightUser, data.user2 === this.highlightUser];
|
|
|
+ data.isMe = [this.userInfo && this.userInfo.id === data.user1, this.userInfo && this.userInfo.id === data.user2];
|
|
|
+ return data
|
|
|
},
|
|
|
extraData() {
|
|
|
- return this.matchData.find(i => {
|
|
|
+ let data = this.matchData.find(i => {
|
|
|
return i.round === this.finalNum + 1;
|
|
|
- }) || {}
|
|
|
+ }) || {};
|
|
|
+ data.highlight = [data.user1 === this.highlightUser, data.user2 === this.highlightUser];
|
|
|
+ data.isMe = [this.userInfo && this.userInfo.id === data.user1, this.userInfo && this.userInfo.id === data.user2];
|
|
|
+ return data;
|
|
|
},
|
|
|
finalX() {
|
|
|
return this.xGap / 2 + (this.xGap + this.width) * this.loserRound;
|
|
|
@@ -516,10 +536,19 @@ export default {
|
|
|
}
|
|
|
.team-rect {
|
|
|
fill: #192836;
|
|
|
+ &.highlight {
|
|
|
+ fill: #f15436;
|
|
|
+ }
|
|
|
}
|
|
|
.team-name {
|
|
|
font-size: 13px;
|
|
|
fill: #f2f3f4;
|
|
|
+ &.isMe {
|
|
|
+ fill: #f15436;
|
|
|
+ }
|
|
|
+ &.highlight {
|
|
|
+ fill: #f2f3f4;
|
|
|
+ }
|
|
|
}
|
|
|
.team-score {
|
|
|
font-size: 13px;
|