|
@@ -3,16 +3,31 @@
|
|
|
<div style="position:relative;">
|
|
|
<mallki class-name="mallki-text" text="报告数据情况" />
|
|
|
<div style="padding-top:35px;margin-top: 15px" class="progress-item">
|
|
|
- <span>点赞报告数</span>
|
|
|
- <el-progress :percentage="70" />
|
|
|
+ <span class="data-info-title">点赞次数:</span>
|
|
|
+ <el-tag
|
|
|
+ type="success"
|
|
|
+ effect="plain">
|
|
|
+ {{ getTaskData.likeNum }}次点赞
|
|
|
+ </el-tag>
|
|
|
+<!-- <el-progress :percentage="70" />-->
|
|
|
</div>
|
|
|
<div class="progress-item">
|
|
|
- <span>点踩报告数</span>
|
|
|
- <el-progress :percentage="18" />
|
|
|
+ <span class="data-info-title">点踩次数:</span>
|
|
|
+ <el-tag
|
|
|
+ type="danger"
|
|
|
+ effect="plain">
|
|
|
+ {{ getTaskData.dislikeNum }}次点踩
|
|
|
+ </el-tag>
|
|
|
+<!-- <el-progress :percentage="18" />-->
|
|
|
</div>
|
|
|
<div class="progress-item">
|
|
|
- <span>被fork报告数</span>
|
|
|
- <el-progress :percentage="12" />
|
|
|
+ <span class="data-info-title">fork次数:</span>
|
|
|
+ <el-tag
|
|
|
+ type=""
|
|
|
+ effect="plain">
|
|
|
+ {{ getTaskData.forkNum }}次fork
|
|
|
+ </el-tag>
|
|
|
+<!-- <el-progress :percentage="12" />-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
@@ -37,18 +52,11 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- statisticsData: {
|
|
|
- article_count: 1024,
|
|
|
- pageviews_count: 1024
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters([
|
|
|
- 'name',
|
|
|
- 'avatar',
|
|
|
- 'roles'
|
|
|
- ])
|
|
|
+ ...mapGetters(['getTaskData']),
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -109,4 +117,9 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.data-info-title {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 5px 20px;
|
|
|
+ width:80px;
|
|
|
+}
|
|
|
</style>
|