|
@@ -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">
|