--fix 项目概览

This commit is contained in:
yuping
2023-01-29 00:06:19 +08:00
parent b6856d7195
commit 97ff929bff
2 changed files with 54 additions and 49 deletions

View File

@@ -191,7 +191,7 @@
<a-tab-pane key="1" tab="概览">
<div class="split"></div>
<!-- 概览(无数据) -->
<div>
<div v-if="!hasTask">
<div class="onerow">
<div class="taskmain">快速创建项目详情</div>
</div>
@@ -266,7 +266,7 @@
</div>
<!-- 概览(无数据) -->
<!-- 概览(有数据) -->
<div style="display: none">
<div v-if="hasTask">
<div class="onerow">
<div class="taskmain">项目概览</div>
</div>
@@ -326,15 +326,15 @@
</div> -->
<div class="stagemess">
<div
v-for="item in stageList"
v-for="(item,index) in stageList"
:class="{
stage1: item.stageId == choosedStageId,
stage2: item.stageId != choosedStageId,
stage1: index === choosedStageIndex,
stage2: index !== choosedStageIndex,
}"
:key="item.stageId"
@click="choosedStageId = item.stageId"
@click="stageChange(item,index)"
>
{{ item.stage }}
{{ item.name || '无阶段' }}
</div>
<!-- <div class="stage1">阶段1</div>
<div class="stage2">阶段2</div> -->
@@ -348,7 +348,7 @@
<a-progress
type="dashboard"
gapDegree="0"
:percent="stageOverviewList.completeCourseRatio"
:percent="stageOverviewList[choosedStageIndex]?.completeCourseRatio"
:width="140"
/>
<div class="protext">课程完成率</div>
@@ -357,7 +357,7 @@
<a-progress
type="dashboard"
gapDegree="0"
:percent="stageOverviewList.completeExamRatio"
:percent="stageOverviewList[choosedStageIndex]?.completeExamRatio"
:width="140"
/>
<div class="protext">考试通过率</div>
@@ -366,39 +366,39 @@
<a-progress
type="dashboard"
gapDegree="0"
:percent="stageOverviewList.completeRatio"
:percent="stageOverviewList[choosedStageIndex]?.completeRatio"
:width="140"
/>
<div class="protext">作业完成率</div>
</div>
<div class="proright">
<div class="pronub" style="margin-left: 280px">
{{ stageOverviewList.totalTaskCnt }}
{{ stageOverviewList[choosedStageIndex]?.totalTaskCnt }}
</div>
<div class="proright1">
<span class="textpro">阶段任务总数</span>
<a-progress
:percent="stageOverviewList.totalTaskCnt"
:percent="stageOverviewList[choosedStageIndex]?.totalTaskCnt"
style="width: 369px"
/>
</div>
<div class="pronub" style="margin-left: 206px">
{{ stageOverviewList.totalReqCnt }}
{{ stageOverviewList[choosedStageIndex]?.totalReqCnt }}
</div>
<div class="proright1">
<span class="textpro">必修课</span>
<a-progress
:percent="stageOverviewList.totalReqCnt"
:percent="stageOverviewList[choosedStageIndex]?.totalReqCnt"
style="width: 369px"
/>
</div>
<div class="pronub" style="margin-left: 142px">
{{ stageOverviewList.totalOptCnt }}
{{ stageOverviewList[choosedStageIndex]?.totalOptCnt }}
</div>
<div class="proright1">
<span class="textpro">选修课</span>
<a-progress
:percent="stageOverviewList.totalOptCnt"
:percent="stageOverviewList[choosedStageIndex]?.totalOptCnt"
style="width: 369px"
/>
</div>
@@ -1826,6 +1826,8 @@ export default {
const route = useRoute();
const state = reactive({
editRecord: {},
choosedStageIndex:0,
hasTask:false,
tabFlag: true,
stage: [],
stuColumns: [
@@ -2513,25 +2515,19 @@ export default {
offLineCourseCnt: 0,
completeRatio: 0,
},
stageOverviewList: {
// 阶段数据概览
completeCourseRatio: 0,
completeExamRatio: 0,
completeRatio: 0,
totalTaskCnt: 0,
totalReqCnt: 0,
totalOptCnt: 0,
},
stageOverviewList: [
{
// 阶段数据概览
completeCourseRatio: 0,
completeExamRatio: 0,
completeRatio: 0,
totalTaskCnt: 0,
totalReqCnt: 0,
totalOptCnt: 0,
}
],
stageList: [
// 阶段列表
{
stageId: 1,
stage: "阶段一",
},
{
stageId: 2,
stage: "阶段二",
},
],
});
// 输入接入 -- start --
@@ -2569,7 +2565,7 @@ export default {
}
}
}
levelList.stageList = res.data.data.stageList
//暂时传个固定的id用 到时候看数据里面是否有在更换
// state.projectTaskId = res.data.data.stageList[0].taskList[0].projectTaskId
let leng = res.data.data.stageList.length;
@@ -3529,7 +3525,7 @@ export default {
state.noticeFlag = info.noticeFlag;
state.switchopen = info.attachSwitch == 1 ? true : false;
state.docChecked = info.attachSwitch == 1 ? true : false;
state.hasTask = !!res.data.data?.stageList.some(({taskList})=>taskList.length);
// state.attach = info.attach;
// state.templateId = info.templateId;
state.sourceBelong =
@@ -4172,10 +4168,15 @@ export default {
// x.send()
// }
}
function stageChange(item,index){
state.choosedStageId = item.stageId
state.choosedStageIndex = index;
}
return {
...toRefs(state),
...toRefs(levelList),
stageChange,
showStudent,
settingTopFlag,
totask,