baoman / Ezquiz_Platform

Blame view

src/views/basic/ask/components/detail.vue 2.75 KB
Edit Raw Normal View History
d01c5799   梁保满   随堂问 报表开发 
1
2
3
4
5
6
 
  <template>
    <ul class="info" v-if="types == 1">
      <li class="info-item">科目：{{ detail.subjectName }}</li>
      <li class="info-item">课时：{{ detail.title }}</li>
      <li class="info-item">上课时间：{{ detail.startTime }}</li>
      <li class="info-item">下课时间：{{ detail.endTime }}</li>
a748171a   梁保满   随堂问签到人数参数修改 
7
 
      <li class="info-item">签到人数：{{ detail.checkInCount }}</li>
d01c5799   梁保满   随堂问 报表开发 
8
9
 
      <li class="info-item">题目总数：{{ detail.questionNum }}</li>
      <li class="info-item">答题总数：{{ detail.totalAnswersNum }}</li>
07bb99d4   梁保满   随堂问详情反馈时长 
10
 
      <li class="info-item">课时时长：{{ detail.duration }}</li>
6b3dde63   梁保满   随堂问，即时测没有数据显示-,其他... 
11
 
      <li class="info-item">总参与度：{{ detail.participationRate }}%</li>
07bb99d4   梁保满   随堂问详情反馈时长 
12
13
 
      <li class="info-item">班级总正确率：{{ detail.classCorrectRate }}%</li>
      <li class="info-item">已答总正确率：{{ detail.answerCorrectRate }}%</li>
d01c5799   梁保满   随堂问 报表开发 
14
15
16
17
18
19
 
      <li class="info-item">
        反馈时长：{{ setDuration(detail.consumingDuration) }}
      </li>
    </ul>
    <ul class="info" v-else-if="types == 2">
      <li class="info-item">科目：{{ detail.subjectName }}</li>
07bb99d4   梁保满   随堂问详情反馈时长 
20
21
22
 
      <li class="info-item" v-if="id.length == 1">
        课时名称：{{ detail.title }}
      </li>
049db2b2   梁保满   接口联调 
23
 
      <li class="info-item" v-else>课时总数：{{ id.length }}</li>
6b3dde63   梁保满   随堂问，即时测没有数据显示-,其他... 
24
 
      <li class="info-item">课时时长：{{ detail.duration }}</li>
d01c5799   梁保满   随堂问 报表开发 
25
26
27
28
29
 
      <li class="info-item">
        反馈时长：{{ setDuration(detail.consumingDuration) }}
      </li>
      <li class="info-item">题目总数：{{ detail.questionNum }}</li>
      <li class="info-item">答题总数：{{ detail.totalAnswersNum }}</li>
07bb99d4   梁保满   随堂问详情反馈时长 
30
31
32
 
      <li class="info-item">班级总正确率：{{ detail.classCorrectRate }}%</li>
      <li class="info-item">已答总正确率：{{ detail.answerCorrectRate }}%</li>
      <li class="info-item">总参与度：{{ detail.participationRate }}%</li>
d01c5799   梁保满   随堂问 报表开发 
33
34
35
36
37
 
    </ul>
  </template>
  <script>
  export default {
    props: {
049db2b2   梁保满   接口联调 
38
 
      id: Array,
d01c5799   梁保满   随堂问 报表开发 
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
      types: Number,
      detail: Object,
    },
    methods: {
      setDuration(times) {
        let m = parseInt(times / 1000 / 60);
        let s = parseInt((times / 1000) % 60);
        let ms = times;
        let aTime;
        if (times == 0) {
          aTime = `0`;
        } else {
          if (m == 0 && s == 0) {
            aTime = `${ms}毫秒`;
          } else if (m == 0 && s != 0) {
            aTime = `${s}秒`;
          } else if (m != 0 && s != 0) {
            aTime = `${m}分${s}秒`;
          }
        }
        return aTime;
      },
07bb99d4   梁保满   随堂问详情反馈时长 
61
62
 
    },
  };
d01c5799   梁保满   随堂问 报表开发 
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
  </script>
  <style lang="scss" scoped>
  .info {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    margin-bottom: 12px;
  
    .info-item {
      width: 25%;
      height: 50px;
      box-sizing: border-box;
      flex-shrink: 0;
      background: #f8f8f8;
      border-right: 1px solid #e2e2e2;
      border-bottom: 1px solid #e2e2e2;
      line-height: 50px;
      text-align: center;
    }
  }
  </style>