中建四局(进度管理)：完成布局

src/views/projectAdmin/zjsj/progress/index.vue

@@ -1,16 +1,45 @@
 <template>
-  <div class="progress">progress</div>
+  <div class="progress">
+    <div class="top">
+      <div class="left"></div>
+      <div class="right">
+        <TopRight />
+      </div>
+    </div>
+    <div class="bottom"></div>
+  </div>
 </template>
 
 <script>
-export default {}
+import TopRight from './topRight.vue'
+export default {
+  components: { TopRight }
+}
 </script>
 
 <style lang="less" scoped>
 .progress {
   width: 100%;
   height: 100%;
-  background: url(../assets/temp/4.png) no-repeat;
+  // background: url(../assets/temp/4.png) no-repeat;
-  background-size: 100% 100%;
+  // background-size: 100% 100%;
+  .top {
+    height: 74%;
+    display: flex;
+    justify-content: space-between;
+    .left {
+      width: 76%;
+      height: 100%;
+      border: 1px solid skyblue;
+    }
+    .right {
+      width: calc(24% - 20px);
+      height: 100%;
+    }
+  }
+  .bottom {
+    height: 26%;
+    border: 1px solid skyblue;
+  }
 }
 </style>

src/views/projectAdmin/zjsj/progress/topRight.vue

@@ -0,0 +1,14 @@
+<template>
+  <Card title="进度任务">
+    进度任务
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>