|
@@ -98,12 +98,57 @@
|
|
|
<span>{{item.name}}</span>
|
|
|
<span>{{item.points}}</span>
|
|
|
<div class="mainFourImg">
|
|
|
- <img :src="item.jiaA === 0 ? cenImg : item.jiaA === 1 ? topImg : botImg" alt="">
|
|
|
- <img :src="item.jiaB === 0 ? cenImg : item.jiaB === 1 ? topImg : botImg" alt="">
|
|
|
- <img :src="item.guanA === 0 ? cenImg : item.guanA === 1 ? topImg : botImg" alt="">
|
|
|
- <img :src="item.guanB === 0 ? cenImg : item.guanB === 1 ? topImg : botImg" alt="">
|
|
|
- <img :src="item.gaoA === 0 ? cenImg : item.gaoA === 1 ? topImg : botImg" alt="">
|
|
|
- <img :src="item.gaoB === 0 ? cenImg : item.gaoB === 1 ? topImg : botImg" alt="">
|
|
|
+ <el-popover
|
|
|
+ placement="right-start"
|
|
|
+ title="Title"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ content="this is content, this is content, this is content"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img :src="item.jiaA === 0 ? cenImg : item.jiaA === 1 ? topImg : botImg" alt="">
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ <el-tooltip
|
|
|
+ class="box-item"
|
|
|
+ effect="customized"
|
|
|
+ content="scope.row.des"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <img :src="item.jiaB === 0 ? cenImg : item.jiaB === 1 ? topImg : botImg" alt="">
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip
|
|
|
+ class="box-item"
|
|
|
+ effect="customized"
|
|
|
+ content="scope.row.des"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <img :src="item.guanA === 0 ? cenImg : item.guanA === 1 ? topImg : botImg" alt="">
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip
|
|
|
+ class="box-item"
|
|
|
+ effect="customized"
|
|
|
+ content="scope.row.des"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <img :src="item.guanB === 0 ? cenImg : item.guanB === 1 ? topImg : botImg" alt="">
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip
|
|
|
+ class="box-item"
|
|
|
+ effect="customized"
|
|
|
+ content="scope.row.des"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <img :src="item.gaoA === 0 ? cenImg : item.gaoA === 1 ? topImg : botImg" alt="">
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip
|
|
|
+ class="box-item"
|
|
|
+ effect="customized"
|
|
|
+ content="scope.row.des"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <img :src="item.gaoB === 0 ? cenImg : item.gaoB === 1 ? topImg : botImg" alt="">
|
|
|
+ </el-tooltip>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -168,9 +213,9 @@ import cup1 from '../assets/getwayImg/cup1.png'
|
|
|
import cup2 from '../assets/getwayImg/cup2.png'
|
|
|
import cup3 from '../assets/getwayImg/cup3.png'
|
|
|
|
|
|
-import topImg from '../assets/getwayImg/top.png'
|
|
|
-import botImg from '../assets/getwayImg/bot.png'
|
|
|
-import cenImg from '../assets/getwayImg/cen.png'
|
|
|
+import topImg from '../assets/getwayImg/topNew.png'
|
|
|
+import botImg from '../assets/getwayImg/botNew.png'
|
|
|
+import cenImg from '../assets/getwayImg/cenNew.png'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|