模块更改

src/views/cockpitNew1/jsyd.vue

@@ -2,7 +2,7 @@
   <div class="jsyd">
     <div class="title">
       <div class="icon"></div>
-      <span>建设用地规划指标</span>
+      <span>管控指标</span>
     </div>
     <div class="content">
       <div class="item">
@@ -12,8 +12,8 @@
           </div>
         </div>
         <div class="text">
-          <p>在线控规</p>
-          <span>64</span>个
+          <p>耕地保护目标</p>
+          <span>64</span>平方干米
 
         </div>
       </div>
@@ -24,8 +24,8 @@
           </div>
         </div>
         <div class="text">
-          <p>已入库控规</p>
-          <span>45</span>个
+          <p>永久基本农田保护</p>
+          <span>45</span>平方干米
 
         </div>
       </div>
@@ -36,8 +36,8 @@
           </div>
         </div>
         <div class="text">
-          <p>建设用地总指标</p>
-          <span>39</span>公顷
+          <p>生态保护红线</p>
+          <span>39</span>平方干米
 
         </div>
       </div>
@@ -48,7 +48,7 @@
           </div>
         </div>
         <div class="text">
-          <p>新增建设用地</p>
+          <p>城市开发边界</p>
           <span>123</span>公顷
 
         </div>
@@ -60,7 +60,7 @@
           </div>
         </div>
         <div class="text">
-          <p>已使用指标</p>
+          <p>陆域生态保护红线</p>
           <span>299</span>公顷
 
         </div>
@@ -72,13 +72,41 @@
           </div>
         </div>
         <div class="text">
-          <p>剩余指标
+          <p>己入库控规范国
+
+          </p>
+          <span>66</span>平方干米
+
+        </div>
+      </div>
+      <div class="item">
+        <div class="icon">
+          <div class="icon_syzb">
+
+          </div>
+        </div>
+        <div class="text">
+          <p>近岸海述海洋生态保护红线
 
           </p>
           <span>66</span>公顷
 
         </div>
       </div>
+      <div class="item">
+        <div class="icon">
+          <div class="icon_syzb">
+
+          </div>
+        </div>
+        <div class="text">
+          <p>覆盖城镇开发边界
+
+          </p>
+          <span>66.32</span>%
+
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -158,11 +186,9 @@ export default {
 }
 
 .content {
-  // border: #00FFFF 1px solid;
   position: absolute;
-  left: 5%;
-  width: 400px;
-  height: 190px;
+  left: 1%;
+  width: 500px;
   top: 18%;
 }
 
@@ -191,6 +217,7 @@ export default {
   display: inline-block;
 
 }
+
 .icon_yrkkg {
   background: no-repeat 50%;
   background-image: url("/static/images/overview/icon_yrkkg.png");
@@ -199,7 +226,9 @@ export default {
   height: 45px;
   display: inline-block;
 
-}.icon_jsydzzb {
+}
+
+.icon_jsydzzb {
   background: no-repeat 50%;
   background-image: url("/static/images/overview/icon_jsydzzb.png");
   /* border: #00FFFF 1px solid; */
@@ -207,7 +236,9 @@ export default {
   height: 45px;
   display: inline-block;
 
-}.icon_xzjsyd {
+}
+
+.icon_xzjsyd {
   background: no-repeat 50%;
   background-image: url("/static/images/overview/icon_jsydzzb.png");
   /* border: #00FFFF 1px solid; */
@@ -215,7 +246,9 @@ export default {
   height: 45px;
   display: inline-block;
 
-}.icon_ysyzb {
+}
+
+.icon_ysyzb {
   background: no-repeat 50%;
   background-image: url("/static/images/overview/icon_jsydzzb.png");
   /* border: #00FFFF 1px solid; */
@@ -223,7 +256,9 @@ export default {
   height: 45px;
   display: inline-block;
 
-}.icon_syzb {
+}
+
+.icon_syzb {
   background: no-repeat 50%;
   background-image: url("/static/images/overview/icon_jsydzzb.png");
   /* border: #00FFFF 1px solid; */
@@ -232,10 +267,11 @@ export default {
   display: inline-block;
 
 }
+
 .text {
   display: inline-block;
   // border: #00FFFF 1px solid;
-  width: 100px;
+  width: 170px;
 
   p {
     font-kerning: normal;
@@ -260,5 +296,4 @@ export default {
   // border: #00FFFF 1px solid;
   width: 50px;
 
-}
-</style>
+}</style>

src/views/cockpitNew1/tdsc.vue

@@ -4,8 +4,6 @@
       <div class="icon"></div>
       <span>土地收储</span>
     </div>
-    {{ !store.state.cockpit_tdsc.flag + "asdasdas" }}
-    <!-- <div v-if="is_xzqh"> -->
     <div v-show="store.state.cockpit_tdsc.flag">
 
       <div class="content">