1111

src/styles/view/datav.scss

@@ -71,5 +71,26 @@
                 font-weight: bold;
             }
         }
+        .hc-datav-row-charts {
+            .row-charts {
+                .title-box {
+                    .num {
+
+                    }
+                    &.a1 {
+
+                    }
+                    &.a2 {
+
+                    }
+                    &.a3 {
+
+                    }
+                }
+            }
+        }
+        .hc-datav-row-line {
+
+        }
     }
 }

src/views/home/datav.vue

@@ -43,7 +43,25 @@
                     </div>
                 </el-col>
                 <el-col :span="8" class="h-full">
-                    222
+                    <div class="hc-datav-row-charts">
+                        <div class="row-charts">
+                            <div class="title-box a1">
+                                <span>常规项目</span>
+                                <span class="num">122</span>
+                            </div>
+                            <div class="title-box a2">
+                                <span>超进度项目</span>
+                                <span class="num">33</span>
+                            </div>
+                            <div class="title-box a3">
+                                <span>滞后项目</span>
+                                <span class="num">21</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="hc-datav-row-line">
+                        222
+                    </div>
                 </el-col>
                 <el-col :span="8" class="h-full">
                     <div class="hc-datav-row-column h-full">