up

src/views/dashboard/index.vue

@@ -1,18 +1,40 @@
 <template>
-  <div>
+  <div style="margin-top: 20px;">
 
     <el-row :gutter="20">
       <el-col :span="12">
-        <Map :chartData="chartData" />
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>录取进度</span>
+          </div>
+          <div>
+
+            <Map :chartData="chartData" />
+          </div>
+        </el-card>
       </el-col>
       <el-col :span="12">
-        <DoughnutChart :chart-data="homeData.rate_list"></DoughnutChart>
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>录取进度</span>
+          </div>
+          <div>
+            <DoughnutChart :chart-data="homeData.rate_list"></DoughnutChart>
+          </div>
+        </el-card>
       </el-col>
     </el-row>
 
     <el-row>
       <el-col :span="24">
-        <AreaChat :chart-data="homeData.year_list"></AreaChat>
+        <el-card class="box-card" style="margin-top: 20px;">
+          <div slot="header" class="clearfix">
+            <span>统招人数环比</span>
+          </div>
+          <div>
+            <AreaChat :chart-data="homeData.year_list"></AreaChat>
+          </div>
+        </el-card>
       </el-col>
     </el-row>
   </div>
@@ -37,9 +59,9 @@
     },
     data() {
       return {
-        homeData:{
-          rate_list:[],
-          year_list:[]
+        homeData: {
+          rate_list: [],
+          year_list: []
         },
         chartData: {},
         colorArr: {
@@ -58,7 +80,7 @@
         this.loadPress()
         this.loadHomeData()
       },
-      loadHomeData(){
+      loadHomeData() {
         getChartsHome().then(res => this.homeData = res)
       },
       loadPress() {
@@ -72,7 +94,7 @@
               name: mod.province.name,
               itemStyle: {
                 areaColor: this.colorArr[mod.status_id],
-                status:mod.status_id
+                status: mod.status_id
               }
             })
           }
@@ -167,7 +189,6 @@
   .chart {
     display: flex;
 
-    margin-top: 20px;
 
 
     .chartItem {
@@ -202,4 +223,4 @@
 
 
   }
-</style>
+</style>