学期报告 数据总览

src/views/learning/item-data-all.vue

@@ -22,6 +22,7 @@
         <!-- <div v-if="index+1 !== cardData.length" class="line"></div> -->
       </div>
     </div>
+    <div class="chart-title">证历分布情况</div>
     <div class="chart-distributeChart">
       <div class="distributeChart" id="distributeChart" ref="distributeChart"></div>
       <div class="data-text">
@@ -30,6 +31,7 @@
         </div>
       </div>
     </div>
+    <div class="chart-title">证书级别按学历发布情况</div>
     <div class="chart-recordChart">
       <div class="recordChart" id="recordChart" ref="recordChart"></div>
       <div class="data-text">
@@ -46,7 +48,9 @@
         :value="item.value"
       ></el-option>
     </el-select>-->
+    <div class="chart-title">培训情况排名</div>
     <div class="chart" id="certificateChart" ref="certificateChart"></div>
+    <div class="chart-title">在线培训完成时长情况</div>
     <div class="chart" id="durationChart" ref="durationChart"></div>
   </div>
 </template>
@@ -718,7 +722,7 @@ export default {
   .box-list {
     position: relative;
     // width: 100%;
-    height: 150px;
+    height: 110px;
     .box-card {
       position: relative;
       background-color: #e3efed;
@@ -791,6 +795,17 @@ export default {
   .chart-select {
     position: relative;
   }
+  .chart-title {
+    position: relative;
+    margin-top: 17px;
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight:600;
+    line-height: 60px;
+    color: #000000;
+    border-bottom: 1px solid #E4E7ED;
+  }
   .chart {
     position: relative;
     margin: 20px auto 0 auto;