土地供应ui完成

src/components/echartsTemplate/3dPie.vue

@@ -20,11 +20,11 @@ let option = {
     data: [],
     bottom: "20%",
     right: "-3%",
-
+    left: "50%",
     itemGap: 10,
     textStyle: {
       color: "#fff",
-      fontSize: 14,
+      fontSize: 12,
     },
     textStyle: {
       rich: {

src/views/cockpit/tdsy.vue

@@ -101,12 +101,13 @@
 
       </div>
       <div v-show="left_value == left_options[0].value && right_value == right_options[1].value">
-        国有/结构
         <div id="gy_jg_echart"></div>
 
       </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>
+        <pie3d id="tdgy_echart_gyyd" unit="公顷" :legendFlag=true ref="tdgy_echart_gyyd"></pie3d>
       </div>
     </div>
 
@@ -717,6 +718,14 @@ export default {
         { name: "以划拨", value: 21 },
         { name: "已出让", value: 24 },
       ]);
+      this.$refs.tdgy_echart_sfyd.setOptions([
+        { name: "未供应", value: 12.86 },
+        { name: "已供应", value: 21.56 },
+      ]);
+      this.$refs.tdgy_echart_gyyd.setOptions([
+        { name: "未供应", value: 12.65 },
+        { name: "已供应", value: 21.21 },
+      ]);
     });
   },
   beforeUpdate() { }, //生命周期 - 更新之前
@@ -1086,7 +1095,30 @@ export default {
 
 #tdgy_echart_gyjd {
 
-  width: 17rem;
+  width: 20rem;
+  height: 10rem;
+  margin-bottom: 0rem;
+  position: fixed;
+  top: 47rem;
+  left: 2rem;
+}
+
+#tdgy_echart_sfyd {
+
+  width: 20rem;
+  height: 10rem;
+  margin-bottom: 0rem;
+  position: fixed;
+  top: 40rem;
+  left: 2rem;
+  z-index: -1;
+}
+
+
+#tdgy_echart_gyyd {
+  z-index: -1;
+
+  width: 20rem;
   height: 10rem;
   margin-bottom: 0rem;
   position: fixed;

src/views/map3d.vue

@@ -82,7 +82,7 @@
     <div class="routerContainer">
       <router-view ref="routeViewRef"></router-view>
     </div>
-    <sm-viewer @viewerChange="viewerChange" :isdefaultbig="true"> </sm-viewer>
+    <!-- <sm-viewer @viewerChange="viewerChange" :isdefaultbig="true"> </sm-viewer> -->
     <!-- <div class="masking_top">
       <div class="top_left"></div>
       <div class="top_right"></div>