|
|
@@ -5,8 +5,14 @@
|
|
|
<div class="statistics-summary">
|
|
|
总提交：{{ statistics.totalSubmissions }} 人
|
|
|
</div>
|
|
|
- <div class="statistics-chart">
|
|
|
- <div class="tool45" v-if="statistics.tool=='45'">
|
|
|
+ </div>
|
|
|
+ <div v-else class="statistics-empty">
|
|
|
+ <div v-if="!isChoiceQuestion">当前页面不是选择题</div>
|
|
|
+ <div v-else-if="!statistics">暂无统计数据</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="statistics-chart">
|
|
|
+ <div class="tool45" v-if="statistics && statistics.tool=='45'">
|
|
|
<div v-for="(item,index) in statistics.titles" :key="index">
|
|
|
<div class="t45_title">
|
|
|
<span>{{ index+1 }}、</span>
|
|
|
@@ -38,19 +44,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div v-for="option in statistics.options" :key="option" class="statistics-item">
|
|
|
- <div class="option-label">{{ option }}</div>
|
|
|
- <div class="option-bar">
|
|
|
- <div class="option-fill" :style="{ width: (statistics.stats[option] / statistics.totalSubmissions * 100) + '%' }"></div>
|
|
|
- </div>
|
|
|
- <div class="option-count">{{ statistics.stats[option] }}人</div>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-else class="statistics-empty">
|
|
|
- <div v-if="!isChoiceQuestion">当前页面不是选择题</div>
|
|
|
- <div v-else-if="!statistics">暂无统计数据</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -243,7 +237,12 @@ const statistics = computed(() => {
|
|
|
&>div{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
- margin-bottom: 20px;
|
|
|
+ margin: 10px 0;
|
|
|
+ background-color: #F8F9FA;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #e9ecef;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 16px;
|
|
|
.t45_title{
|
|
|
width: 100%;
|
|
|
display: flex;
|
