更新主页系统使用情况板块

src/views/Home.vue

@@ -11,10 +11,10 @@
       <div slot="header" class="header">
         <span>系统使用情况</span>
       </div>
-      <div id="template">
+      <!-- <div id="template">
         <img id="homeLog" src="../assets/home_logo.png"/>
-      </div>
-      <!-- <div class="ax_default">
+      </div>     
+      <div class="ax_default">
         <span style="margin-left:-100px">系统启用时间</span>
         <span style="margin-left:100px">业主总数</span>
       </div>
@@ -38,6 +38,36 @@
         <span style="margin-left:-110px;font-size:28px"><b>12</b></span>起
         <span style="margin-left:130px;font-size:28px"><b>31</b></span>起
       </div> -->
+      <div class="ax_default xtsyqk_fyy">
+        <div class=" xtsyqk_fyy_60">
+          <span>系统启用时间</span>
+          <span style="color:#01447D"><b>2019-12-01</b></span>
+        </div>
+        <div class=" xtsyqk_fyy_40">
+          <span>业主总数</span>
+          <span style="color:#01447D"><b>8,000</b></span>
+        </div>
+      </div>
+      <div class="ax_default xtsyqk_fyy">
+        <div class=" xtsyqk_fyy_60">
+          <span>总收取物业费用</span>
+          <span style="color:#0099FF"><b>12,119,80.00</b></span>
+        </div>
+        <div class=" xtsyqk_fyy_40">
+          <span>总车位数</span>
+          <span style="color:#0099FF"><b>500</b></span>
+        </div>
+      </div>
+      <div class="ax_default xtsyqk_fyy">
+        <div class=" xtsyqk_fyy_60">
+          <span>待处理投诉</span>
+          <span style="color:#FF3300"><b>12</b></span>
+        </div>
+        <div class=" xtsyqk_fyy_40">
+          <span>业主总数</span>
+          <span style="color:#FF3300"><b>31</b></span>
+        </div>
+      </div>    
     </el-card>
 
     <el-card class="diagram_top">
@@ -385,6 +415,26 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.xtsyqk_fyy{
+  height:64px;
+  margin-bottom:40px
+}
+.xtsyqk_fyy span b{
+  font-size:28px;
+}
+.xtsyqk_fyy span{
+  display:block;
+  text-align: left;
+  margin:10px 0
+}
+.xtsyqk_fyy_60{
+width:60%;
+float:left
+}
+.xtsyqk_fyy_40{
+width:40%;
+float:left
+}
 .el-breadcrumb {
   margin: 10px;
   line-height: 20px;
@@ -427,5 +477,6 @@ export default {
   margin-left: -10px;
   margin-top: -10px;
 }
+
 </style>