From a64aa98165aecece2d26c18dab9b562431c3b09b Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Wed, 24 Aug 2022 19:01:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E8=BF=9B?=
 =?UTF-8?q?=E5=BA=A6=E7=AE=A1=E7=90=86)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectAdmin/zjsj/progress/index.vue      | 37 +++++++++++++++++--
 .../projectAdmin/zjsj/progress/topRight.vue   | 14 +++++++
 2 files changed, 47 insertions(+), 4 deletions(-)
 create mode 100644 src/views/projectAdmin/zjsj/progress/topRight.vue

diff --git a/src/views/projectAdmin/zjsj/progress/index.vue b/src/views/projectAdmin/zjsj/progress/index.vue
index ef2f5c60..1f8188f4 100644
--- a/src/views/projectAdmin/zjsj/progress/index.vue
+++ b/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-size: 100% 100%;
+  // background: url(../assets/temp/4.png) no-repeat;
+  // 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>
diff --git a/src/views/projectAdmin/zjsj/progress/topRight.vue b/src/views/projectAdmin/zjsj/progress/topRight.vue
new file mode 100644
index 00000000..0a41b0bc
--- /dev/null
+++ b/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>