mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 03:46:45 +08:00
feat:增加项目-排行榜-积分排行榜-列表/搜索/重置
This commit is contained in:
wyx
@@ -877,11 +877,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="btn btn1" @click="rankSearch">
|
||||
<div class="btn btn1" @click="rankSearch" style="cursor: pointer;">
|
||||
<div class="img1"></div>
|
||||
<div class="te">搜索</div>
|
||||
</div>
|
||||
<div class="btn btn2" @click="rankReset">
|
||||
<div class="btn btn2" @click="rankReset" style="cursor: pointer;">
|
||||
<div class="img2"></div>
|
||||
<div class="te">重置</div>
|
||||
</div>
|
||||
@@ -928,6 +928,7 @@
|
||||
<a-select
|
||||
v-model:value="valuestu3"
|
||||
style="width: 80px"
|
||||
@change="jfSelectChange"
|
||||
:options="rankxuefen"
|
||||
></a-select>
|
||||
</div>
|
||||
@@ -937,7 +938,7 @@
|
||||
<a-table
|
||||
:columns="xuefentablecolumns"
|
||||
:data-source="xuefentabledata"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:loading="scoreRankLoading"
|
||||
expandRowByClick="true"
|
||||
:scroll="{ y: 330 }"
|
||||
@expand="expandTable"
|
||||
@@ -2308,10 +2309,10 @@ export default {
|
||||
valuestu2: "第一阶段",
|
||||
//积分排行
|
||||
rankxuefen: [
|
||||
{ value: "学员", label: "学员" },
|
||||
{ value: "小组", label: "小组" },
|
||||
{ value: 0, label: "学员" },
|
||||
{ value: 1, label: "小组" },
|
||||
],
|
||||
valuestu3: "学员",
|
||||
valuestu3: 0,
|
||||
//学时排行
|
||||
rankxueshi: [
|
||||
{ value: "学员", label: "学员" },
|
||||
@@ -2359,7 +2360,7 @@ export default {
|
||||
checkedBOEU: false, //是否BOEU实施
|
||||
radioV1: "",
|
||||
radioV2: "",
|
||||
activeKey: "7", //1:概览 2.任务...
|
||||
activeKey: "6", //1:概览 2.任务...
|
||||
activeKey1: "8", //8:学员管理 9：小组管理
|
||||
activeKey2: "3",
|
||||
activeKeyNotice: "11",
|
||||
@@ -2514,84 +2515,35 @@ export default {
|
||||
className: "h",
|
||||
},
|
||||
],
|
||||
scoreRankLoading:true,
|
||||
//学分排行表
|
||||
xuefentabledata: [
|
||||
{
|
||||
rank: "1",
|
||||
name: "哈哈",
|
||||
jd: "80",
|
||||
},
|
||||
|
||||
{
|
||||
rank: "2",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "3",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "4",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "5",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "6",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "7",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "8",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "9",
|
||||
name: "哈哈",
|
||||
jd: "70",
|
||||
},
|
||||
{
|
||||
rank: "10",
|
||||
name: "哈哈",
|
||||
jd: "7",
|
||||
},
|
||||
|
||||
],
|
||||
xuefentablecolumns: [
|
||||
{
|
||||
title: "排名",
|
||||
dataIndex: "rank",
|
||||
key: "rank",
|
||||
dataIndex: "index",
|
||||
key: "index",
|
||||
width: 50,
|
||||
align: "center",
|
||||
className: "h",
|
||||
customRender: (text) => {
|
||||
if (text.record.rank == "1") {
|
||||
if (text.record.index == "1") {
|
||||
return (
|
||||
<img
|
||||
style={{ width: 24, height: 24 }}
|
||||
src={require("../../assets/images/taskpage/one.png")}
|
||||
/>
|
||||
);
|
||||
} else if (text.record.rank == "2") {
|
||||
} else if (text.record.index == "2") {
|
||||
return (
|
||||
<img
|
||||
style={{ width: 24, height: 24 }}
|
||||
src={require("../../assets/images/taskpage/two.png")}
|
||||
/>
|
||||
);
|
||||
} else if (text.record.rank == "3") {
|
||||
} else if (text.record.index == "3") {
|
||||
return (
|
||||
<img
|
||||
style={{ width: 24, height: 24 }}
|
||||
@@ -2599,7 +2551,7 @@ export default {
|
||||
/>
|
||||
);
|
||||
} else {
|
||||
return <div>{text.record.rank}</div>;
|
||||
return <div>{text.record.index}</div>;
|
||||
}
|
||||
},
|
||||
},
|
||||
@@ -2614,8 +2566,8 @@ export default {
|
||||
|
||||
{
|
||||
title: "积分",
|
||||
dataIndex: "jd",
|
||||
key: "jd",
|
||||
dataIndex: "pointsCountStr",
|
||||
key: "pointsCountStr",
|
||||
width: 50,
|
||||
align: "center",
|
||||
className: "h",
|
||||
@@ -2890,50 +2842,57 @@ export default {
|
||||
// 排行榜 - start
|
||||
|
||||
// 积分排行榜 Top10
|
||||
// 项目积分切换查询 -- 学员 小组
|
||||
const jfSelectChange = (e) => {
|
||||
console.log(e)
|
||||
scoreRank();
|
||||
}
|
||||
//项目积分榜单
|
||||
// const scoreRank = (period, type) => {
|
||||
// state.scoreRankLoading = true;
|
||||
// state.datascore = [];
|
||||
// state.datascoreg = [];
|
||||
// console.log("projectId----->", props.projectId,period, type);
|
||||
// console.log('我是查询榜单传递的数据',{
|
||||
// projectId: props.projectId, // 项目id
|
||||
// name: state.searchRankName, // 名字，没有则传空字符串
|
||||
// startTime:state.startTime, // 数据查询的起始时间 10位时间戳
|
||||
// size: 5, // 前多少名
|
||||
// type: Number(state.stuValue), // 查询类型 0 学员积分榜 1 小组积分榜
|
||||
// })
|
||||
// let obj = {
|
||||
// projectId: props.projectId, // 项目id
|
||||
// name: state.searchRankName, // 名字，没有则传空字符串
|
||||
// startTime: state.startTime, // 数据查询的起始时间 10位时间戳
|
||||
// size: 5, // 前多少名
|
||||
// type: Number(state.stuValue), // 查询类型 0 学员积分榜 1 小组积分榜
|
||||
// };
|
||||
const scoreRank = (period, type) => {
|
||||
state.scoreRankLoading = true;
|
||||
state.datascore = [];
|
||||
state.datascoreg = [];
|
||||
console.log("projectId----->", state.projectId,period, type);
|
||||
console.log('我是查询榜单传递的数据',{
|
||||
projectId: state.projectId, // 项目id
|
||||
name: "", // 名字，没有则传空字符串
|
||||
startTime: state.rankStartTime?state.rankStartTime:0, // 数据查询的起始时间 10位时间戳
|
||||
endTime: state.rankEndTime?state.rankEndTime:0,
|
||||
size: 10, // 前多少名
|
||||
type: Number(state.valuestu3), // 查询类型 0 学员积分榜 1 小组积分榜
|
||||
})
|
||||
let obj = {
|
||||
projectId: state.projectId, // 项目id
|
||||
name: "", // 名字，没有则传空字符串
|
||||
startTime: state.rankStartTime?state.rankStartTime:0, // 数据查询的起始时间 10位时间戳
|
||||
endTime: state.rankEndTime?state.rankEndTime:0,
|
||||
size: 10, // 前多少名
|
||||
type: Number(state.valuestu3), // 查询类型 0 学员积分榜 1 小组积分榜
|
||||
};
|
||||
|
||||
// api
|
||||
// .scoreRank(obj)
|
||||
// .then((res) => {
|
||||
// console.log("获取项目积分-榜单", res);
|
||||
// if(res.data.code==200){
|
||||
// state.datascore = res.data.data;
|
||||
// state.datascoreg = res.data.data;
|
||||
// state.scoreRankLoading = false;
|
||||
// }else{
|
||||
// state.datascore = [];
|
||||
// state.datascoreg = [];
|
||||
// state.scoreRankLoading = false;
|
||||
// }
|
||||
// })
|
||||
// .catch((err) => {
|
||||
// console.log("获取项目积分-榜单失败", err);
|
||||
// message.destroy();
|
||||
// message.error('榜单获取失败');
|
||||
// state.datascore = [];
|
||||
// state.datascoreg = [];
|
||||
// state.scoreRankLoading = false;
|
||||
// });
|
||||
// };
|
||||
api
|
||||
.scoreRank(obj)
|
||||
.then((res) => {
|
||||
console.log("获取项目积分-榜单", res);
|
||||
if(res.data.code==200){
|
||||
state.datascore = res.data.data;
|
||||
state.datascoreg = res.data.data;
|
||||
state.scoreRankLoading = false;
|
||||
}else{
|
||||
state.datascore = [];
|
||||
state.datascoreg = [];
|
||||
state.scoreRankLoading = false;
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取项目积分-榜单失败", err);
|
||||
message.destroy();
|
||||
message.error('榜单获取失败');
|
||||
state.datascore = [];
|
||||
state.datascoreg = [];
|
||||
state.scoreRankLoading = false;
|
||||
});
|
||||
};
|
||||
|
||||
// 排行榜 - end
|
||||
|
||||
@@ -3651,11 +3610,15 @@ export default {
|
||||
//排行榜
|
||||
if (e == 6) {
|
||||
//获取进度榜
|
||||
getbillboard(1, 1);
|
||||
// getbillboard(1, 1);
|
||||
//获取学分榜
|
||||
getbillboard(2, 1);
|
||||
// getbillboard(2, 1);
|
||||
//获取学时榜
|
||||
getbillboard(3, 1);
|
||||
// getbillboard(3, 1);
|
||||
|
||||
// 获取积分排行榜
|
||||
scoreRank();
|
||||
|
||||
} else if (e == 3) {
|
||||
state.tabFlag = true;
|
||||
} else {
|
||||
@@ -3702,11 +3665,14 @@ state.ischeckCertificate=false
|
||||
//搜索
|
||||
const rankSearch = () => {
|
||||
//获取进度榜
|
||||
getbillboard(1, 1);
|
||||
// getbillboard(1, 1);
|
||||
//获取学分榜
|
||||
getbillboard(2, 1);
|
||||
// getbillboard(2, 1);
|
||||
//获取学时榜
|
||||
getbillboard(3, 1);
|
||||
// getbillboard(3, 1);
|
||||
|
||||
// 获取积分排行
|
||||
scoreRank();
|
||||
};
|
||||
//重置
|
||||
const rankReset = () => {
|
||||
@@ -3714,6 +3680,9 @@ state.ischeckCertificate=false
|
||||
state.rankEndTime = null;
|
||||
state.valueDate = null;
|
||||
state.valueName = null;
|
||||
|
||||
// 获取积分排行
|
||||
scoreRank()
|
||||
};
|
||||
|
||||
// end -----排行榜----------------排行榜----------------------排行榜-----------排行榜----------
|
||||
@@ -4826,6 +4795,10 @@ state.ischeckCertificate=false
|
||||
previewPic,
|
||||
getCertificate,
|
||||
checkCertificate,
|
||||
|
||||
scoreRank,
|
||||
jfSelectChange,
|
||||
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user