动态考试成绩展示

src/views/learning/item-examination-analysis.vue

@@ -17,8 +17,10 @@
         <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="userCountForPassExam" label="通过考试人数" min-width="80" align="center"></el-table-column>
-        <el-table-column v-if="showGood" prop="userCountList[0]" label="成绩优秀人数" min-width="80" align="center"></el-table-column>
-        <el-table-column v-if="showPass" prop="userCountList[1]" 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 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">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click="goPage(scope.row)">查看名单</el-button>
@@ -77,8 +79,8 @@ export default {
       totalRows: 0, //数据总数
       pageNo: 1, //当前是第几页
       pageSize: 10, //页面总数
-      showGood: false,
-      showPass: false,
+      labelTd: [],
+      showTd: [false,false,false,false],
     };
   },
   created() {
@@ -146,6 +148,7 @@ export default {
             vm.$message("没有相关数据，请重新选择查询范围");
           }
           vm.setCardData(res.data);
+          vm.labelTd = res.data.gradeNameList;
         } else {
           vm.$message(res.message);
         }
@@ -161,14 +164,15 @@ export default {
             return;
           }
           if(res.data.list[0].userCountList == null || res.data.list[0].userCountList.length == 0) {
-            vm.showGood = false;
-            vm.showPass = false;
+            vm.showTd = [false,false,false,false];
           } else if (res.data.list[0].userCountList.length == 1){
-            vm.showGood = true;
-            vm.showPass = false;
-          } else {
-            vm.showGood = true;
-            vm.showPass = true;
+            vm.showTd = [true,false,false,false];
+          } else if (res.data.list[0].userCountList.length == 2){
+            vm.showTd = [true,true,false,false];
+          } else if (res.data.list[0].userCountList.length == 3){
+            vm.showTd = [true,true,true,false];
+          } else if (res.data.list[0].userCountList.length == 4){
+            vm.showTd = [true,true,true,true];
           }
         }
       });