土地供应美化

src/views/cockpit/gdbh.vue

@@ -582,7 +582,7 @@ export default {
 }
 
 .legend_gdlx {
-  margin-top: 2rem;
+  margin-top: 9rem;
   width: 25rem;
   height: 4rem;
 

src/views/cockpit/tdsy.vue

@@ -105,8 +105,20 @@
 
       </div>
       <div v-show="left_value == left_options[1].value && right_value == right_options[1].value">
-        集体/结构
-        <pie3d id="tdgy_echart_sfyd" unit="公顷" :legendFlag=true ref="tdgy_echart_sfyd"></pie3d>
+        <div class="legend_jtgy">
+          <div class="legend_jtgy_left">
+            商业商服
+            <br>
+            完成率 <span class="legend_jtgy_unit">24%</span>
+          </div>
+          <div class="legend_jtgy_right">
+            工业用地
+            <br>
+            完成率 <span class="legend_jtgy_unit">24%</span>
+          </div>
+        </div>
+        <pie3d id="tdgy_echart_sfyd" unit="公顷" :legendFlag=true ref="tdgy_echart_sfyd">
+        </pie3d>
         <pie3d id="tdgy_echart_gyyd" unit="公顷" :legendFlag=true ref="tdgy_echart_gyyd"></pie3d>
       </div>
     </div>
@@ -962,7 +974,6 @@ export default {
 
   .item_tdgy {
     width: 100%;
-    margin-top: 1rem;
 
     .icon_tdgy {
       width: 10px;
@@ -973,6 +984,8 @@ export default {
       border: 1px solid rgba(100, 218, 255, 0.5);
       opacity: 0.6;
       display: inline-block;
+      position: relative;
+      top: 1.5rem;
     }
 
     .text {
@@ -1070,8 +1083,7 @@ export default {
 
 .text {
   display: inline-block;
-  width: 100px;
-  // margin-top: 10px;
+  width: 100%;
   margin-left: 15px;
 
   margin-top: 3px;
@@ -1110,7 +1122,7 @@ export default {
   margin-bottom: 0rem;
   position: fixed;
   top: 40rem;
-  left: 2rem;
+  left: 9rem;
   z-index: -1;
 }
 
@@ -1123,7 +1135,7 @@ export default {
   margin-bottom: 0rem;
   position: fixed;
   top: 47rem;
-  left: 2rem;
+  left: 9rem;
 }
 
 #gy_jg_echart {
@@ -1133,4 +1145,25 @@ export default {
   width: 30rem;
   height: 13rem;
 }
+
+.legend_jtgy {
+  width: 30%;
+  margin-top: 4rem;
+  margin-left: 2rem;
+
+  font-weight: bold;
+  font-size: 14px;
+  color: #ECF6FF;
+
+  .legend_jtgy_left {}
+
+  .legend_jtgy_right {
+    margin-top: 4rem;
+  }
+
+  .legend_jtgy_unit {
+    font-size: 14px;
+    color: #64DAFF;
+  }
+}
 </style>