update

src/views/home.vue

@@ -1,9 +1,28 @@
 <template>
   <div id="home">
-    <el-card v-if="!loading">
-      <iscome :istrain="data.trainstu" :nottrain="data.notrainstu"></iscome>
-      <school :school="data.schs"></school>
-      <leave :qj="data.levelqj" :exit="data.levelexit"></leave>
+    <el-card v-if="!loading" shadow="hover">
+      <el-row type="flex" align="middle" justify="center" style="margin:10px">
+        <el-col :span="12">
+          <el-card shadow="hover" style="text-align:center">全年计划共计: {{ data.planstu }} 人 </el-card>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-card>
+            <iscome :istrain="data.trainstu" :nottrain="data.notrainstu"></iscome>
+          </el-card>
+        </el-col>
+        <el-col :span="12">
+          <el-card shadow="hover">
+            <school :school="data.schs"></school>
+          </el-card>
+        </el-col>
+        <el-col :span="24" style="margin-top:20px">
+          <el-card shadow="hover">
+            <leave :qj="data.levelqj" :exit="data.levelexit"></leave>
+          </el-card>
+        </el-col>
+      </el-row>
     </el-card>
   </div>
 </template>
@@ -39,6 +58,7 @@ export default {
       //trainstu:已参加学生数;
 
       //planstu:计划总人数;
+
       //饼形图,哪个学校多少人
       //schstu:学校上报人数;
       if (this.$checkRes(res)) this.$set(this, `data`, res.data);

src/views/home/iscome.vue

@@ -1,18 +1,6 @@
 <template>
   <div id="iscome">
-    <el-card style="padding:10px;margin:5px">
-      <el-row :gutter="20">
-        <el-col :span="14">
-          <div id="chartPie" style="height:350px;"></div>
-        </el-col>
-        <el-col :span="10">
-          <ul>
-            <li>已参加培训:{{ istrain }} 人</li>
-            <li>未参加培训:{{ nottrain }} 人</li>
-          </ul>
-        </el-col>
-      </el-row>
-    </el-card>
+    <div id="chartPie" style="height:350px;"></div>
   </div>
 </template>
 

src/views/home/leave.vue

@@ -1,18 +1,6 @@
 <template>
   <div id="leave">
-    <el-card style="padding:10px;margin:5px">
-      <el-row :gutter="20">
-        <el-col :span="14">
-          <div id="chartLinebar" style="height:350px;"></div>
-        </el-col>
-        <el-col :span="10">
-          <ul>
-            <li>请假:{{ qj }} 人</li>
-            <li>退出:{{ exit }} 人</li>
-          </ul>
-        </el-col>
-      </el-row>
-    </el-card>
+    <div id="chartLinebar" style="height:350px;"></div>
   </div>
 </template>
 

src/views/home/school.vue

@@ -1,17 +1,6 @@
 <template>
   <div id="school">
-    <el-card style="padding:10px;margin:5px">
-      <el-row :gutter="20">
-        <el-col :span="14">
-          <ul>
-            <li v-for="(i, index) in school" :key="index">{{ i.schname }}:{{ i.schnum }} 人</li>
-          </ul>
-        </el-col>
-        <el-col :span="10">
-          <div id="schoolPie" style="height:350px;"></div>
-        </el-col>
-      </el-row>
-    </el-card>
+    <div id="schoolPie" style="height:350px;"></div>
   </div>
 </template>