hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-14 21:36:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

榜单

Browse Source
This commit is contained in:
zhangyc
2022-10-22 17:29:44 +08:00
parent bd266546f0
commit 7949a5281c
2 changed files with 80 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/components/drawers/ProjectScore.vue
View File

@@ -45,17 +45,21 @@
</a-tab-pane>
<a-tab-pane key="2" tab="榜单" force-render>
<div class="scorelist">
<div class="grouprightscore">
<div class="stuscore">
<img src="../../assets/images/taskpage/stu.png" />
<br/>
<span class="btn1text">学员积分榜</span>
<div class="sbutton" @click="stuValue=!stuValue">
<div class="wh" :class="stuValue?'sImage0':'sImage'"></div>
<div :class="stuValue?'':'btn1'">学员积分榜</div>
</div>
<div class="groupscore">
<img src="../../assets/images/taskpage/group0.png" />
<br/>
<span class="btn2text">小组积分榜</span>
<div class="sbutton" @click="stuValue=!stuValue">
<div class="wh" :class="stuValue?'group':'group0'" ></div>
<div :class="stuValue?'btn1':''">小组积分榜</div>
</div>
</div>
<div class="group" style="justify-content: center;">
<div class="groupleft">
@@ -86,7 +90,7 @@
</a-radio-group>
</div>
<div class="slist">
<a-list :data-source="datascore">
<a-list :data-source="stuValue?datascoreg:datascore">
<template #renderItem="{ item }">
<div class="item">
@@ -257,7 +261,36 @@ export default {
},
],
],
datascoreg:[
{
id:1,
name:"第一组的同学们",
score:"10分",
},
{
id:2,
name:"第2组的同学们",
score:"9分",
},
{
id:3,
name:"第3组的同学们",
score:"8分",
},
{
id:4,
name:"第4组的同学们",
score:"7分",
},
{
id:5,
name:"第五组的同学们",
score:"6分",
},
],
valueName: "", //排行榜输入姓名
valueDate: "", //排行榜输入日期
noticeChecked: true,
@@ -266,12 +299,13 @@ export default {
stuName:"请输入姓名",
todayvalue:"1",
tableDataTotal:30,
stuValue:false,
});
return{
...toRefs(state),
}
}
},
}
</script>
@@ -305,7 +339,32 @@ export default {
justify-content: space-evenly;
margin-bottom: 30px;
text-align: center;
.sbutton{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.wh{
width: 40px;
height: 40px;
}
.sImage0{
background-image: url(@/assets/images/taskpage/stu0.png);
}
.sImage{
background-image: url(@/assets/images/taskpage/stu.png);
}
.group0{
background-image: url(@/assets/images/taskpage/group0.png);
}
.group{
background-image: url(@/assets/images/taskpage/group.png);
}
.btn1{
color: #409EFF;
}
}
.radiobutton{
margin-top: 23px;
@@ -346,7 +405,7 @@ export default {
font-family: math;
font-style: italic;
font-weight: 700;
color: #2c90ff;
color: #409EFF;
margin-left: 5px;
}
.elseid{
@@ -406,7 +465,7 @@ export default {
}
}
.pjcb_content{
border: 1px solid #388BE1;
border: 1px solid #409EFF;
padding: 32px;
.pjcb_content :last-child{
margin-bottom:0px;