管控指标ui更新

src/views/cockpit/gkzb.vue

@@ -86,6 +86,22 @@
         </div>
       </div> -->
       <div class="box_bottom"></div>
+      <div class="box_text">
+        <div class="text box_bottom_text">
+          <p>己入库控规范围
+
+          </p>
+          <span>123.124</span>k㎡
+
+        </div>
+        <div class="text">
+          <p>覆盖城镇开发边界
+
+          </p>
+          <span>123.23</span>k㎡
+
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -241,10 +257,16 @@ export default {
 
 .box_bottom {
   position: fixed;
-  border: 1px solid red;
-  width: 16rem;
-  height: 4rem;
+  width: 19rem;
+  height: 6rem;
   left: 4%;
+  top: 15rem;
+  background: no-repeat;
+  background-size: 100%;
+
+  background-image: url("/static/images/overview/jsyd_back.png");
+
+
 }
 
 .icon_zxkg {
@@ -257,6 +279,20 @@ export default {
 
 }
 
+.box_bottom_text {
+  width: 115px;
+}
+
+.box_text {
+  width: 15rem;
+  margin-left: 6rem;
+
+  .text {
+    width: 115px;
+
+  }
+}
+
 .icon_yrkkg {
   background: no-repeat 50%;
   background-image: url("/static/images/overview/icon_yrkkg.png");