需求完成

src/views/AppKeyGoods.vue

@@ -41,6 +41,9 @@ export default {
           this.tableData = res.data?.records || []
         }
       })
+    },
+    relevanceMapData(selectGoods) {
+      this.$set(this.$marketBoard, 'thirdGoods', selectGoods)
     }
   },
   watch: {
@@ -49,6 +52,17 @@ export default {
         this.getTableData()
       }
     }
+  },
+  mounted() {
+    document.addEventListener('click', evt => {
+      const mapElement = document.querySelector('.AppMap')
+      if (!this.$el.contains(evt.target) && !mapElement.contains(evt.target)) {
+        this.relevanceMapData()
+      }
+    })
+  },
+  beforeDestroy() {
+    document.removeEventListener('click', this.relevanceMapData)
   }
 }
 </script>
@@ -62,7 +76,7 @@ export default {
         </el-select>
       </template>
     </app-sub-title>
-    <scroll-table :table-data="tableData" :columns="columns"/>
+    <scroll-table :table-data="tableData" :columns="columns" @click="relevanceMapData" @click.native.stop/>
     <!--<dv-scroll-board :config="tableConfig"/>-->
   </section>
 </template>
@@ -72,6 +86,7 @@ export default {
   color: #fff;
   box-sizing: border-box;
 }
+
 .AppKeyGoods .dv-scroll-board, .AppKeyGoods .scrollTable {
   height: calc(100% - 60px) !important;
 }