From 9b5c4738c589c341d1c41384f67e4d1fb6d8dc63 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Mon, 31 Aug 2020 18:35:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E7=AE=A1=E6=8E=A7=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/data-analysis/org-control.vue | 74 ++++++++++++-------------
 1 file changed, 36 insertions(+), 38 deletions(-)

diff --git a/src/pages/data-analysis/org-control.vue b/src/pages/data-analysis/org-control.vue
index 2f6c4ed..7efedba 100644
--- a/src/pages/data-analysis/org-control.vue
+++ b/src/pages/data-analysis/org-control.vue
@@ -19,30 +19,32 @@
               style="height:540px;"
             >
               <div style="height:25px;"></div>
-              <gk-circle
-                ref="left_1_r"
-                :data="controlData[0]"
-                :is_word="true"
-                class="left_1_r"
-              ></gk-circle>
-              <gk-circle
-                ref="left_1_r"
-                :data="controlData[1]"
-                :is_word="true"
-                class="left_1_r"
-              ></gk-circle>
-              <gk-circle
-                ref="left_1_r"
-                :data="controlData[2]"
-                :is_word="true"
-                class="left_1_r"
-              ></gk-circle>
-              <gk-circle
-                ref="left_1_r"
-                :data="controlData[3]"
-                :is_word="true"
-                class="left_1_r"
-              ></gk-circle>
+              <div class="block-radius-content circle_container">
+                <gk-circle
+                  ref="left_1_r"
+                  :data="controlData[0]"
+                  :is_word="true"
+                  class="left_1_r"
+                ></gk-circle>
+                <gk-circle
+                  ref="left_1_r"
+                  :data="controlData[1]"
+                  :is_word="true"
+                  class="left_1_r"
+                ></gk-circle>
+                <gk-circle
+                  ref="left_1_r"
+                  :data="controlData[2]"
+                  :is_word="true"
+                  class="left_1_r"
+                ></gk-circle>
+                <gk-circle
+                  ref="left_1_r"
+                  :data="controlData[3]"
+                  :is_word="true"
+                  class="left_1_r"
+                ></gk-circle>
+              </div>
             </block-radius>
           </el-col>
         </el-row>
@@ -314,12 +316,17 @@ export default {
   height: calc(100% - 36px);
   margin-top: 15px;
 }
-.left_1_r {
-  width: 49%;
-  height: 43%;
-  display: inline-block;
+.circle_container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
+.circle_container > .left_1_r {
+  width: calc(50% - 20px);
+  height: calc(50% - 20px);
+  margin: 10px;
 }
-
 .default {
   text-align: center;
 }
@@ -328,12 +335,3 @@ export default {
   height: 230px;
 }
 </style>
-<style>
-.service-control .left_1_r canvas {
-  bottom: 0;
-  right: 0;
-  width: 160px !important;
-  height: 190px !important;
-  margin: 0 auto !important;
-}
-</style>
-- 
2.26.0