Skip to content

P
pica.cloud.web-education-admin
提交 ae9ebb42 编写于 作者: zhentian.jia's avatar zhentian.jia
浏览文件
操作

考试分析页对接api

上级 cf9b7f36
显示空白字符变更
内嵌 并排
正在显示 包含 216 行增加 和 100 行删除
src/views/learning/item-examination-analysis.vue
浏览文件 @ ae9ebb42
<template> <template>
<div class="examination-analysis"> <div class="examination-analysis">
<div class="box-list">
<div v-for="(item , index) in cardData" :key="index" class="box"> <div v-for="(item , index) in cardData" :key="index" class="box">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="title"> <!-- <el-tooltip class="item-tool" placement="bottom-end" effect="light">
<span class="weight">{{ item.title }}</span> <div slot="content">
<p v-for="text in item.content">{{ text }}</p>
</div> </div>
<div class="box-content"> <i class="el-icon-question notice"></i>
<span class="weight">{{ item.num }}</span> </el-tooltip>-->
{{ item.unit }} <div class="left-content">
<p class="value">{{ item.value }}</p>
<p class="title">{{ item.title }}</p>
</div> </div>
<!-- <div class="vertical"></div>
<div class="right-content">
<p class="has">{{ item.hasKey }}:{{ item.hasNum }}</p>
<p class="should">{{ item.shouldKey }}:{{ item.shouldNum }}</p>
</div>-->
</el-card> </el-card>
<div v-if="index+1 !== cardData.length" class="line"></div>
</div> </div>
</div>
<!-- <div class="chart-title">完成项目考试次数情况</div>
<div class="chart" id="durationChart" ref="durationChart"></div>
<div class="chart-title">完成项目考试分数情况</div>
<div class="chart" id="durationChart" ref="durationChart"></div> -->
<div class="table"> <div class="table">
<el-table :data="tableData" style="width: 100%" border> <el-table :data="tableData" style="width: 100%" border>
<el-table-column prop="examName" label="考试名" min-width="150" align="center"></el-table-column> <el-table-column prop="examName" label="考试名" min-width="150" align="center"></el-table-column>
<el-table-column prop="examUserCount" label="参与考试人数" min-width="100" align="center"></el-table-column> <el-table-column prop="examUserCount" label="参与考试人数" min-width="100" align="center"></el-table-column>
<el-table-column prop="userCountForPassExam" label="通过考试人数" min-width="80" align="center"></el-table-column> <el-table-column prop="userCountForPassExam" label="通过考试人数" min-width="80" align="center"></el-table-column>
<el-table-column v-if="showTd[0]" prop="userCountList[0]" :label="labelTd[0]" min-width="80" align="center"></el-table-column> <el-table-column
<el-table-column v-if="showTd[1]" prop="userCountList[1]" :label="labelTd[1]" min-width="80" align="center"></el-table-column> v-if="showTd[0]"
<el-table-column v-if="showTd[2]" prop="userCountList[2]" :label="labelTd[2]" min-width="80" align="center"></el-table-column> prop="userCountList[0]"
<el-table-column v-if="showTd[3]" prop="userCountList[3]" :label="labelTd[3]" min-width="80" align="center"></el-table-column> :label="labelTd[0]"
min-width="80"
align="center"
></el-table-column>
<el-table-column
v-if="showTd[1]"
prop="userCountList[1]"
:label="labelTd[1]"
min-width="80"
align="center"
></el-table-column>
<el-table-column
v-if="showTd[2]"
prop="userCountList[2]"
:label="labelTd[2]"
min-width="80"
align="center"
></el-table-column>
<el-table-column
v-if="showTd[3]"
prop="userCountList[3]"
:label="labelTd[3]"
min-width="80"
align="center"
></el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="100"> <el-table-column label="操作" fixed="right" align="center" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="goPage(scope.row)">查看名单</el-button> <el-button type="text" size="small" @click="goPage(scope.row)">查看名单</el-button>
...@@ -28,7 +65,7 @@ ...@@ -28,7 +65,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png"> <img src="../../assets/image/no-content1.png" />
<p>没有相关数据，请重新选择查询范围</p> <p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
...@@ -51,11 +88,11 @@ ...@@ -51,11 +88,11 @@
</template> </template>
<script> <script>
import { log } from 'util'; import { log } from "util";
import * as operationData from "../../utils/operation"; import * as operationData from "../../utils/operation";
import { openLoading, closeLoading } from "../../utils/utils"; import { openLoading, closeLoading } from "../../utils/utils";
import * as commonUtil from "../../utils/utils"; import * as commonUtil from "../../utils/utils";
let vm let vm;
export default { export default {
props: { props: {
formInline: { formInline: {
...@@ -73,14 +110,14 @@ export default { ...@@ -73,14 +110,14 @@ export default {
}, },
data() { data() {
return { return {
projectId: '', projectId: "",
tableData: [], tableData: [],
cardData: [], cardData: [],
totalRows: 0, //数据总数 totalRows: 0, //数据总数
pageNo: 1, //当前是第几页 pageNo: 1, //当前是第几页
pageSize: 20, //页面总数 pageSize: 20, //页面总数
labelTd: [], labelTd: [],
showTd: [false,false,false,false], showTd: [false, false, false, false]
}; };
}, },
created() { created() {
...@@ -89,7 +126,7 @@ export default { ...@@ -89,7 +126,7 @@ export default {
}, },
// 挂载到Dom完成时 // 挂载到Dom完成时
mounted: function() { mounted: function() {
this.$on('search',()=>{ this.$on("search", () => {
// console.log(this.formInline); // console.log(this.formInline);
this.pageNo = 1; this.pageNo = 1;
this.search(); this.search();
...@@ -101,7 +138,7 @@ export default { ...@@ -101,7 +138,7 @@ export default {
} }
}); });
}); });
this.$on("reset",() =>{ this.$on("reset", () => {
this.pageNo = 1; this.pageNo = 1;
this.pageSize = 20; this.pageSize = 20;
this.tableData = []; this.tableData = [];
...@@ -109,33 +146,20 @@ export default { ...@@ -109,33 +146,20 @@ export default {
}); });
}, },
methods: { methods: {
setCardData(data) {
vm.totalRows = data.projectExamCount;
vm.cardData = [
{
title: "项目所有考试数",
num: data.projectExamCount,
unit: "门考试"
},
{
title: "项目所有考题数",
num: data.projectExamQuestionCount,
unit: "道题"
}
];
// vm.cardData[0].num = data.projectExamCount;
// vm.cardData[1].num = data.projectExamQuestionCount;
},
// 搜索列表 // 搜索列表
search() { search() {
if (vm.formInline.region.length == 0) { if (vm.formInline.region.length == 0) {
const h = this.$createElement; const h = this.$createElement;
vm.$message({ vm.$message({
message: h('p', { style: 'color: #FF3399' }, '请先选择地区后再进行查询 ') message: h(
"p",
{ style: "color: #FF3399" },
"请先选择地区后再进行查询 "
)
}); });
return; return;
} }
let checkAll = operationData.hasAll(vm.formInline.organization) let checkAll = operationData.hasAll(vm.formInline.organization);
let req = { let req = {
projectId: vm.projectId, projectId: vm.projectId,
beginDate: operationData.setDuringTime(vm.formInline.during, "begin"), beginDate: operationData.setDuringTime(vm.formInline.during, "begin"),
...@@ -147,72 +171,103 @@ export default { ...@@ -147,72 +171,103 @@ export default {
}; };
// console.log("4 req", req); // console.log("4 req", req);
openLoading(vm); openLoading(vm);
vm.reportGET("report/portalProjectExam/getTotal", req).then(res => { vm.POST("stats/report/exam", req).then(res => {
closeLoading(vm); closeLoading(vm);
if (res.code == "000000") { if (res.code == "000000") {
if(res.data.projectExamCount == 0 ) { // if(res.data.projectExamCount == 0 ) {
vm.$message("没有相关数据，请重新选择查询范围"); // vm.$message("没有相关数据，请重新选择查询范围");
} // }
vm.setCardData(res.data); vm.setCardData(res.data);
vm.labelTd = res.data.gradeNameList; // vm.labelTd = res.data.gradeNameList;
} else { } else {
vm.$message(res.message); vm.$message(res.message);
} }
}); });
let reqList = req;
reqList.pageNo = vm.pageNo; // let reqList = req;
reqList.pageSize = vm.pageSize; // reqList.pageNo = vm.pageNo;
vm.reportGET("report/portalProjectExam/getExamList", req).then(res => { // reqList.pageSize = vm.pageSize;
closeLoading(vm); // vm.reportGET("report/portalProjectExam/getExamList", req).then(res => {
if (res.code == "000000") { // closeLoading(vm);
vm.tableData = res.data.list; // if (res.code == "000000") {
if(res.data.list.length == 0) { // vm.tableData = res.data.list;
return; // if(res.data.list.length == 0) {
} // return;
if(res.data.list[0].userCountList == null || res.data.list[0].userCountList.length == 0) { // }
vm.showTd = [false,false,false,false]; // if(res.data.list[0].userCountList == null || res.data.list[0].userCountList.length == 0) {
} else if (res.data.list[0].userCountList.length == 1){ // vm.showTd = [false,false,false,false];
vm.showTd = [true,false,false,false]; // } else if (res.data.list[0].userCountList.length == 1){
} else if (res.data.list[0].userCountList.length == 2){ // vm.showTd = [true,false,false,false];
vm.showTd = [true,true,false,false]; // } else if (res.data.list[0].userCountList.length == 2){
} else if (res.data.list[0].userCountList.length == 3){ // vm.showTd = [true,true,false,false];
vm.showTd = [true,true,true,false]; // } else if (res.data.list[0].userCountList.length == 3){
} else if (res.data.list[0].userCountList.length == 4){ // vm.showTd = [true,true,true,false];
vm.showTd = [true,true,true,true]; // } else if (res.data.list[0].userCountList.length == 4){
} // vm.showTd = [true,true,true,true];
} // }
}); // }
// });
// //
}, },
setCardData(data) {
vm.totalRows = data.projectExamCount;
vm.cardData = [
{
title: "项目正式考试数",
value: "0门"
},
{
title: "项目摸底考试数",
value: "0门"
},
{
title: "项目所有考题数",
value: "0道"
}
];
vm.cardData[0].value = data.afterExamCount + "门";
vm.cardData[1].value = data.beforeExamCount + "门";
vm.cardData[2].value = data.examTitleCount + "道";
},
// 跳转查看名单页面 // 跳转查看名单页面
goPage(data) { goPage(data) {
let checkAll = operationData.hasAll(vm.formInline.organization) let checkAll = operationData.hasAll(vm.formInline.organization);
let routerData = {}; let routerData = {};
routerData = this.dialogData; routerData = this.dialogData;
routerData.projectId = vm.projectId; routerData.projectId = vm.projectId;
routerData.projectName = vm.getUrlSearch(window.location.href, "projectName"); routerData.projectName = vm.getUrlSearch(
window.location.href,
"projectName"
);
routerData.tableType = 2; routerData.tableType = 2;
routerData.examId = data.examId; routerData.examId = data.examId;
routerData.ids = operationData.getIds(vm.formInline,vm.organizationList,checkAll); routerData.ids = operationData.getIds(
routerData.type = operationData.getSearchType(vm.formInline,checkAll), vm.formInline,
routerData.originalFlag = vm.formInline.checked == false ? 0 : 1 vm.organizationList,
checkAll
);
(routerData.type = operationData.getSearchType(vm.formInline, checkAll)),
(routerData.originalFlag = vm.formInline.checked == false ? 0 : 1);
// this.$router.push({ path: '/name-list', query: routerData}); // this.$router.push({ path: '/name-list', query: routerData});
let routeData = this.$router.resolve({ path: '/name-list', query: routerData}); let routeData = this.$router.resolve({
window.open(routeData.href, '_blank'); path: "/name-list",
query: routerData
});
window.open(routeData.href, "_blank");
}, },
// 更改数据显示数量 // 更改数据显示数量
handleSizeChange(val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`) console.log(`每页 ${val} 条`);
vm.pageSize = val vm.pageSize = val;
vm.search() vm.search();
}, },
// 换页 // 换页
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`) console.log(`当前页: ${val}`);
vm.pageNo = val vm.pageNo = val;
vm.search() vm.search();
} }
} }
}; };
...@@ -239,25 +294,85 @@ export default { ...@@ -239,25 +294,85 @@ export default {
float: left; float: left;
margin-top: 20px; margin-top: 20px;
} }
.box {
}
.table { .table {
margin-top: 30px; margin-top: 30px;
} }
.box-list {
position: relative;
// width: 100%;
height: 110px;
.box-card { .box-card {
width: 48%; position: relative;
margin-right: 1%; background-color: #e3efed;
color: #449284;
width: 31%;
margin-right: 2%;
height: 110px;
float: left; float: left;
.notice {
position: absolute;
z-index: 999;
top: 21px;
right: 14px;
width: 16px;
height: 16px;
}
.el-card__header { .el-card__header {
border-bottom-width: 0; border-bottom-width: 0;
} }
.el-card__body {
padding: 0px;
}
.left-content {
position: relative;
float: left;
width: 100%;
height: 110px;
text-align: left;
padding: 23px 0 0 20px;
.title { .title {
text-align: center; font-size: 14px;
height: 14px;
line-height: 14px;
} }
.box-content { .value {
text-align: center; margin-top: 20px;
height: 40px; margin-bottom: 20px;
font-size: 15px; height: 22px;
font-size: 30px;
line-height: 22px;
font-weight: 500;
}
}
.vertical {
position: absolute;
left: 34%;
float: left;
margin-top: 23px;
width: 1px;
height: 57px;
background-color: #c1d8d4;
}
.right-content {
position: relative;
float: left;
width: 64%;
height: 110px;
text-align: left;
font-size: 14px;
padding: 23px 0 0 29px;
p {
height: 14px;
line-height: 14px;
}
.should {
margin-top: 28px;
}
}
}
.box-card2 {
width: 48%;
margin-right: 1%;
} }
} }
} }
......
src/views/learning/item-list.vue
浏览文件 @ ae9ebb42
...@@ -243,7 +243,7 @@ export default { ...@@ -243,7 +243,7 @@ export default {
// organizationData: "", // organizationData: "",
}, },
tags: [], tags: [],
activeName: "fifth", activeName: "fourth",
organizationNum: 0, organizationNum: 0,
dialogVisible: false, dialogVisible: false,
dialogUpdate: false, dialogUpdate: false,
...@@ -482,6 +482,7 @@ export default { ...@@ -482,6 +482,7 @@ export default {
this.$refs.childDataAll.$emit("search"); this.$refs.childDataAll.$emit("search");
this.$refs.childCrowd.$emit("search"); this.$refs.childCrowd.$emit("search");
this.$refs.childCourse.$emit("search"); this.$refs.childCourse.$emit("search");
this.$refs.childExam.$emit("search");
this.$refs.childEffect.$emit("search"); this.$refs.childEffect.$emit("search");
// if (this.activeName == "first") { // if (this.activeName == "first") {
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或