Kaynağa Gözat

Merge branch 'master' of http://114.244.114.158:8802/siwei/real3d-portalsite

maxiaoxiao 1 yıl önce
ebeveyn
işleme
3f31005ca0
1 değiştirilmiş dosya ile 86 ekleme ve 9 silme
  1. 86 9
      src/views/cockpit/gdbh.vue

+ 86 - 9
src/views/cockpit/gdbh.vue

@@ -9,20 +9,97 @@
       </div>
     </div>
     <div class="content_index">
-      <!-- <div v-show="tab == options[2].value">
-        <pie3d id="gdbh_echart_gdlr" :legendFlag=false unit="" ref="gdbh_echart_gdlr"></pie3d>
-        <pie3d id="gdbh_echart_gdlc" :legendFlag=false unit="" ref="gdbh_echart_gdlc"></pie3d>
-        <div class="legend_gdlx">
-          <div class="gdbh_echart_gdlr_legend">
 
+      <div v-show="tab == options[1].value">
+        <div class="content">
+          <div class="item_back">
+            <div class="icon">
+              <div class="icon_jsyd">
+
+              </div>
+            </div>
+            <div class="text_back">
+              <p>建设用地占用耕地</p>
+              <span>43.94</span>公顷
+
+            </div>
           </div>
-          <div class="gdbh_echart_gdlc_legend">
+          <div class="item_back">
+            <div class="icon">
+              <div class="icon_bcyd">
+
+              </div>
+            </div>
+            <div class="text_back">
+              <p>补充耕地</p>
+              <span>43.94</span>公顷
 
+            </div>
           </div>
         </div>
-      </div> -->
+        <div class="info">
+          <div class="left_info">
 
-      <div v-show="tab == options[1].value">
+            <ul>
+              <li>
+                <div class="icon"></div>
+
+                <span class="zbph_label">其中水田</span>
+                <br>
+
+                <span class="zbph_value_unit">
+                  <span class="zbph_value">32.70</span>
+                  <span class="zbph_unit">公顷</span>
+                </span>
+              </li>
+
+              <li>
+                <div class="icon"></div>
+
+                <span class="zbph_label">损失粮食产能</span>
+                <br>
+
+                <span class="zbph_value_unit">
+                  <span class="zbph_value">623.11</span>
+                  <span class="zbph_unit">吨</span>
+                </span>
+              </li>
+
+            </ul>
+          </div>
+          <div class="right_info">
+            <ul>
+              <li>
+                <div class="icon"></div>
+
+                <span class="zbph_label">其中水田</span>
+                <br>
+
+                <span class="zbph_value_unit">
+                  <span class="zbph_value">32.70</span>
+                  <span class="zbph_unit">公顷</span>
+                </span>
+              </li>
+
+              <li>
+                <div class="icon"></div>
+
+                <span class="zbph_label">损失粮食产能</span>
+                <br>
+
+                <span class="zbph_value_unit">
+                  <span class="zbph_value">623.11</span>
+                  <span class="zbph_unit">吨</span>
+                </span>
+              </li>
+
+            </ul>
+          </div>
+
+        </div>
+      </div>
+
+      <!-- <div v-show="tab == options[1].value">
         <div class="content">
           <div class="item_back">
             <div class="icon">
@@ -109,7 +186,7 @@
           </div>
 
         </div>
-      </div>
+      </div> -->
       <div v-show="tab == options[0].value">
         <div class="content">
           <div class="item">