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

src/views/cockpit/kjgh.vue

@@ -15,7 +15,7 @@
 
         </div>
       </div> -->
-      <div class="item">
+      <div class="item cursor" @click="draw_vector()">
         <div class="icon">
           <div class="icon_yrkkg">
 
@@ -24,10 +24,10 @@
         <div class="text">
           <p>永久基本农田</p>
           <span>{{ store.state.cockpit_gkzb.yjjbntmj.toFixed(2) }}</span>k㎡
-
+          <i style="pointer-events:all" :class="{ 'el-icon-view': true }"></i>
         </div>
       </div>
-      <div class="item">
+      <div class="item cursor" @click="draw_vector()">
         <div class="icon">
           <div class="icon_xzjsyd">
 
@@ -38,10 +38,10 @@
           <span>
             {{ store.state.cockpit_gkzb.mj.toFixed(2) }}
           </span>k㎡
-
+          <i style="pointer-events:all" :class="{ 'el-icon-view': true }"></i>
         </div>
       </div>
-      <div class="item">
+      <div class="item cursor" @click="draw_vector()">
         <div class="icon">
           <div class="icon_jsydzzb">
 
@@ -50,24 +50,24 @@
         <div class="text">
           <p>城市开发边界</p>
           <span>{{ store.state.cockpit_gkzb.kfbjmj.toFixed(2) }}</span>k㎡
-
+          <i style="pointer-events:all" :class="{ 'el-icon-view': true }"></i>
         </div>
       </div>
-      <div class="box_bottom"></div>
-      <div class="box_text">
+      <div class="box_bottom">
+        <div class="box_text">
         <div class="text box_bottom_text">
           <p>城镇开发边界内控规范围
 
           </p>
           <span>{{ store.state.cockpit_gkzb.ghdkmj.toFixed(2) }}</span>k㎡
-
+          <i style="pointer-events:all" :class="{ 'el-icon-view': true }"></i>
         </div>
         <div class="text">
           <p>城镇开发边界内覆盖度
 
           </p>
           <span>{{ store.state.cockpit_gkzb.bfb }}</span>%
-
+        </div>
         </div>
       </div>
     </div>
@@ -77,6 +77,7 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
 import { cockpitInfo } from '@/api/cockpit'
+import { QueryOne } from '@/api/cockpitNew'
 import Title from './common/Title.vue';
 
 export default {
@@ -136,7 +137,12 @@ export default {
         tbmj_ys: obj_gdbhmb_data.data[0].tbmj_ys,//耕地保护目标
         ghdkmj: obj_kfbjmj_data.data[0].ghdkmj//已入库管控范围
       });
-    }
+    },
+    async draw_vector(jscType) {
+      let res = await QueryOne({ jscType, id: "4602" });
+      this.layersData = { ...res.data, title: this.title };
+      tdsy.addLayer(this.layersData);
+    },
   },
   beforeCreate() { }, //生命周期 - 创建之前
   created() { }, //生命周期 - 创建完成（可以访问当前this实例）
@@ -179,11 +185,14 @@ export default {
 
 .item {
   width: 32%;
-  height: 30%;
+  height: 32%;
   display: inline-block;
   // border: #00FFFF 1px solid;
 
 }
+.cursor {
+  cursor: pointer;
+}
 .item100{
   margin-left: 25%;
 }
@@ -202,6 +211,7 @@ export default {
   height: 5vh;
   background: no-repeat;
   background-image: url("/static/images/overview/gkzb_back.png");
+  margin-top: 10px
 
 }
 
@@ -222,7 +232,6 @@ export default {
 .box_text {
   width: 23.4375vw;
   margin-left: 4.5rem;
-  margin-top: 10px;
 
   p {
     font-size: 12px;