生态修复数量事件与定位按钮的添加

src/views/cockpit/stxf.vue

@@ -13,7 +13,7 @@
       <div class="item" v-for="(sd, index) in sdlist[tab]" :key="index">
         <div class="itembg"></div>
         <div class="text">{{ sd.name }}</div>
-        <span>{{ sdata[tab][sd.prop] || 0 }}</span>
+        <span style="cursor: pointer;" @click="goTableList(sd)">{{ sdata[tab][sd.prop] || 0 }}</span>
         {{ sd.unit }}
       </div>
     </div>
@@ -25,7 +25,7 @@
       <div class="content">
 
         <div class="infoLIst content" ref="contentRef">
-          <div class="infoItem" v-for="(item, index) in store.state.cockpit_stxf.ssgc.list" :key="index">
+          <div class="infoItem" v-for="(item, index) in store.state.cockpit_stxf.ssgc.list" :key="index" >
             <div class="itemIcon">
               <span>
                 {{ index + 1 }}
@@ -38,6 +38,7 @@
                 <span><span class="font_color">投资金额</span>{{ item.tzje }}万元</span>
               </p>
             </div>
+            <div :class="item.geom != '' ? 'itemAdress' : 'itemAdress2'" @click="goDetail(item)"></div>
           </div>
         </div>
       </div>
@@ -213,6 +214,15 @@ export default {
       self.$refs.contentRef.addEventListener('mouseout', function () {
         self.timer = setInterval(setInter, 100)
       })
+    },
+    goDetail(item){
+      console.log(item,'/////')
+    },
+    goTableList(sd){
+      // console.log(sd,']]]]')
+      store.setViewerFlagb(false);
+      store.setToolBarShow(false);
+      store.setXzqh_flag(false);
     }
   },
   mounted() {
@@ -256,6 +266,7 @@ export default {
     left: 10px;
     background: no-repeat;
     background-image: url("/static/images/overview/Tab.png");
+    pointer-events: none;
   }
 
   .text {
@@ -323,8 +334,7 @@ export default {
     }
 
     .itemCon {
-
-      // width: 13.5rem;
+      width: 21rem;
       // height: 1.55rem;
       // background-color: #faa012;
       // line-height: 1.55rem;
@@ -358,6 +368,21 @@ export default {
       }
     }
 
+    .itemAdress {
+      width: 1.5rem;
+      height: 1.7rem;
+      background: url("/static/images/overview/iconDW.png") no-repeat;
+      background-size: 100% 100%;
+      margin: 0.5rem;
+      cursor: pointer;
+    }
+
+    .itemAdress2 {
+      width: 1.5rem;
+      height: 1.7rem;
+      margin: 0.5rem;
+    }
+
     .itemStatus1 {
       background: url("/static/images/overview/yrsIcon.png") no-repeat;
       background-size: 100% 100%;