diff --git a/src/assets/realtimeWarning/blue_c.png b/src/assets/realtimeWarning/blue_c.png
new file mode 100644
index 0000000..76691bc
Binary files /dev/null and b/src/assets/realtimeWarning/blue_c.png differ
diff --git a/src/assets/realtimeWarning/green_c.png b/src/assets/realtimeWarning/green_c.png
new file mode 100644
index 0000000..88f71dc
Binary files /dev/null and b/src/assets/realtimeWarning/green_c.png differ
diff --git a/src/assets/realtimeWarning/red_c.png b/src/assets/realtimeWarning/red_c.png
new file mode 100644
index 0000000..7fb97ab
Binary files /dev/null and b/src/assets/realtimeWarning/red_c.png differ
diff --git a/src/assets/realtimeWarning/yellow_c.png b/src/assets/realtimeWarning/yellow_c.png
new file mode 100644
index 0000000..553f63f
Binary files /dev/null and b/src/assets/realtimeWarning/yellow_c.png differ
diff --git a/src/views/realtimeWarning/components/allWarn.vue b/src/views/realtimeWarning/components/allWarn.vue
index ae7eb7e..18effc6 100644
--- a/src/views/realtimeWarning/components/allWarn.vue
+++ b/src/views/realtimeWarning/components/allWarn.vue
@@ -23,7 +23,13 @@
               <!-- 蓝色预警 -->
               <div v-else class="icon_blue"></div>
             </div>
-            <div class="company_name">{{ item.companyName }}</div>
+            <div
+              class="company_name"
+              @click="to_map_point(item)"
+              :style="{ color: border_change(item.color) }"
+            >
+              {{ item.companyName }}
+            </div>
           </div>
           <!-- 公司类型 -->
           <div class="item_types">
@@ -62,7 +68,9 @@
               <div class="item_time_value">{{ item.alarmTime }}</div>
             </div>
             <div class="item_btn">
-              <el-button icon="el-icon-s-promotion" @click="change(item)">转处置</el-button>
+              <el-button icon="el-icon-s-promotion" @click="change(item)"
+                >转处置</el-button
+              >
             </div>
           </div>
         </div>
@@ -89,10 +97,11 @@
 <script>
 import { mapList } from "@/api/realtimeWarning";
 import ChangeDialog from "./changeDialog";
+import bus from "@/assets/js/eventBus.js";
 export default {
   name: "AllWarn",
-  components:{
-    ChangeDialog
+  components: {
+    ChangeDialog,
   },
   props: {
     // 预警公司
@@ -126,9 +135,15 @@ export default {
         this.total = res.total;
       });
     },
+    // 点击联动地图
+    to_map_point(item) {
+      let company_arr = [item];
+      let is_flag = true; // 传给地图，告诉地图联动点击是否触发，触发则重新打点
+      bus.$emit("send_map", company_arr, is_flag);
+    },
     // 转处置弹窗
     change(val) {
-      this.$refs.changeDialog.open(val)
+      this.$refs.changeDialog.open(val);
     },
     handle_size_change(val) {
       this.pageNum = 1;
@@ -141,9 +156,9 @@ export default {
     },
     // 刷新
     reset() {
-      this.search()
+      this.search();
       // 去刷新整体查询
-      this.$emit('reset_search')
+      this.$emit("reset_search");
     },
     // 根据后端返回字段判断边框颜色
     border_change(val) {
@@ -268,10 +283,13 @@ export default {
             width: 90%;
             height: 4vh;
             line-height: 4vh;
-            color: #30c4ff;
             font-family: 黑体;
             letter-spacing: 2px;
             text-align: left;
+            cursor: pointer;
+          }
+          .company_name:hover {
+            filter: brightness(150%);
           }
         }
         /* 高度不确定 */
diff --git a/src/views/realtimeWarning/components/blueWarn.vue b/src/views/realtimeWarning/components/blueWarn.vue
index 1f39e5e..c059164 100644
--- a/src/views/realtimeWarning/components/blueWarn.vue
+++ b/src/views/realtimeWarning/components/blueWarn.vue
@@ -16,7 +16,9 @@
               <!-- 蓝色预警 -->
               <div class="icon_blue"></div>
             </div>
-            <div class="company_name">{{ item.companyName }}</div>
+            <div class="company_name" @click="to_map_point(item)">
+              {{ item.companyName }}
+            </div>
           </div>
           <!-- 公司类型 -->
           <div class="item_types">
@@ -84,6 +86,7 @@
 <script>
 import { mapList } from "@/api/realtimeWarning";
 import ChangeDialog from "./changeDialog";
+import bus from "@/assets/js/eventBus.js";
 export default {
   name: "BlueWarn",
   components: {
@@ -122,6 +125,12 @@ export default {
         this.total = res.total;
       });
     },
+    // 点击联动地图
+    to_map_point(item) {
+      let company_arr = [item];
+      let is_flag = true; // 传给地图，告诉地图联动点击是否触发，触发则重新打点
+      bus.$emit("send_map", company_arr, is_flag);
+    },
     // 转处置弹窗
     change(val) {
       this.$refs.changeDialog.open(val);
@@ -137,9 +146,9 @@ export default {
     },
     // 刷新
     reset() {
-      this.search()
+      this.search();
       // 去刷新整体查询
-      this.$emit('reset_search')
+      this.$emit("reset_search");
     },
   },
 };
@@ -221,10 +230,14 @@ export default {
             width: 90%;
             height: 4vh;
             line-height: 4vh;
-            color: #30c4ff;
+            color: #2eb9ef;
             font-family: 黑体;
             letter-spacing: 2px;
             text-align: left;
+            cursor: pointer;
+          }
+          .company_name:hover {
+            filter: brightness(150%);
           }
         }
         /* 高度不确定 */
diff --git a/src/views/realtimeWarning/components/changeDialog.vue b/src/views/realtimeWarning/components/changeDialog.vue
index 03f2ca3..f10dce6 100644
--- a/src/views/realtimeWarning/components/changeDialog.vue
+++ b/src/views/realtimeWarning/components/changeDialog.vue
@@ -40,7 +40,6 @@ export default {
       this.visible = true;
       this.change_data = val;
       deptList().then((res) => {
-        console.log(res, "res222222");
         this.deptList = res.data;
       });
     },
diff --git a/src/views/realtimeWarning/components/greenWarn.vue b/src/views/realtimeWarning/components/greenWarn.vue
index 1a40ee4..09f01c3 100644
--- a/src/views/realtimeWarning/components/greenWarn.vue
+++ b/src/views/realtimeWarning/components/greenWarn.vue
@@ -16,7 +16,7 @@
               <!-- 红色预警 -->
               <div class="icon_green"></div>
             </div>
-            <div class="company_name">{{ item.companyName }}</div>
+            <div class="company_name" @click="to_map_point(item)">{{ item.companyName }}</div>
           </div>
           <!-- 公司类型 -->
           <div class="item_types">
@@ -82,6 +82,7 @@
 <script>
 import { mapList } from "@/api/realtimeWarning";
 import ChangeDialog from "./changeDialog";
+import bus from "@/assets/js/eventBus.js";
 export default {
   name: "GreenWarn",
   components:{
@@ -120,6 +121,12 @@ export default {
         this.total = res.total;
       });
     },
+    // 点击联动地图
+    to_map_point(item) {
+      let company_arr = [item];
+      let is_flag = true; // 传给地图，告诉地图联动点击是否触发，触发则重新打点
+      bus.$emit("send_map", company_arr, is_flag);
+    },
     // 转处置弹窗
     change(val) {
       this.$refs.changeDialog.open(val)
@@ -219,10 +226,14 @@ export default {
             width: 90%;
             height: 4vh;
             line-height: 4vh;
-            color: #30c4ff;
+            color: #3eba75;
             font-family: 黑体;
             letter-spacing: 2px;
             text-align: left;
+            cursor: pointer;
+          }
+          .company_name:hover {
+            filter: brightness(150%);
           }
         }
         /* 高度不确定 */
diff --git a/src/views/realtimeWarning/components/redWarn.vue b/src/views/realtimeWarning/components/redWarn.vue
index ad7de4b..ebb9f4a 100644
--- a/src/views/realtimeWarning/components/redWarn.vue
+++ b/src/views/realtimeWarning/components/redWarn.vue
@@ -16,7 +16,9 @@
               <!-- 红色预警 -->
               <div class="icon_red"></div>
             </div>
-            <div class="company_name">{{ item.companyName }}</div>
+            <div class="company_name" @click="to_map_point(item)">
+              {{ item.companyName }}
+            </div>
           </div>
           <!-- 公司类型 -->
           <div class="item_types">
@@ -84,10 +86,11 @@
 <script>
 import { mapList } from "@/api/realtimeWarning";
 import ChangeDialog from "./changeDialog";
+import bus from "@/assets/js/eventBus.js";
 export default {
   name: "redWarn",
-  components:{
-    ChangeDialog
+  components: {
+    ChangeDialog,
   },
   props: {
     // 预警公司
@@ -122,9 +125,15 @@ export default {
         this.total = res.total;
       });
     },
+    // 点击联动地图
+    to_map_point(item) {
+      let company_arr = [item];
+      let is_flag = true; // 传给地图，告诉地图联动点击是否触发，触发则重新打点
+      bus.$emit("send_map", company_arr, is_flag);
+    },
     // 转处置弹窗
     change(val) {
-      this.$refs.changeDialog.open(val)
+      this.$refs.changeDialog.open(val);
     },
     handle_size_change(val) {
       this.pageNum = 1;
@@ -137,9 +146,9 @@ export default {
     },
     // 刷新
     reset() {
-      this.search()
+      this.search();
       // 去刷新整体查询
-      this.$emit('reset_search')
+      this.$emit("reset_search");
     },
   },
 };
@@ -221,10 +230,14 @@ export default {
             width: 90%;
             height: 4vh;
             line-height: 4vh;
-            color: #30c4ff;
+            color: #e55b5b;
             font-family: 黑体;
             letter-spacing: 2px;
             text-align: left;
+            cursor: pointer;
+          }
+          .company_name:hover {
+            filter: brightness(150%);
           }
         }
         /* 高度不确定 */
diff --git a/src/views/realtimeWarning/components/warnCompany.vue b/src/views/realtimeWarning/components/warnCompany.vue
index d1fc699..065f651 100644
--- a/src/views/realtimeWarning/components/warnCompany.vue
+++ b/src/views/realtimeWarning/components/warnCompany.vue
@@ -221,6 +221,7 @@ export default {
       this.yellow_warn_search();
       this.green_warn_search();
       this.blue_warn_search();
+      console.log('1231231231231');
     },
     dealWithData(data) {
       let c = [];
diff --git a/src/views/realtimeWarning/components/warnMap.vue b/src/views/realtimeWarning/components/warnMap.vue
index 7fee625..5d3c6b8 100644
--- a/src/views/realtimeWarning/components/warnMap.vue
+++ b/src/views/realtimeWarning/components/warnMap.vue
@@ -5,6 +5,7 @@
 import styleJson from "../../../../public/custom_map_config.json";
 import MapLine from "../../../../public/zhenhaiLine.json";
 import MapPoint from "../../../../public/zhenhaiPoint.json";
+import bus from "@/assets/js/eventBus.js";
 export default {
   name: "WarnMap",
   props: {
@@ -16,10 +17,20 @@ export default {
   data() {
     return {
       center_point: [121.604192, 29.977299],
+      trans_list: [], // 接收右边展示页点击传过来的公司进行重新打点
+      is_flag: false, // 判断右边是否点击传输公司信息，没传则正常全区域打点，传了则重新打点
     };
   },
   mounted() {
     // 创建地图
+    bus.$on("send_map", (list, is_flag) => {
+      console.log("list22", list);
+      this.center_point[0] = list[0].longitude;
+      this.center_point[1] = list[0].latitude;
+      this.trans_list = list;
+      this.is_flag = is_flag;
+      this.init_map();
+    });
     this.init_map();
   },
   methods: {
@@ -32,6 +43,143 @@ export default {
         },
       });
       let label = new BMap.Label();
+      // 直接点位上图，无需点击多边形触发///////////////
+      setTimeout(() => {
+        let list_item = [];
+        if (!this.is_flag) {
+          list_item = this.company_list;
+        } else {
+          list_item = this.trans_list;
+        }
+        console.log("list_item", list_item);
+        list_item.forEach((item) => {
+          var point = new BMap.Point(item.longitude, item.latitude);
+          // 打点的同时，判断预警等级，四种等级打四种点
+          // 自定义图标
+          var myIcon = {};
+          // 红色预警等级公司
+          if (item.color == "red") {
+            myIcon = new BMap.Icon(
+              require("@/assets/realtimeWarning/red_c.png"),
+              new BMap.Size(40, 65),
+              {
+                imageOffset: new BMap.Size(0, 0, 5), // 设置图片偏移
+              }
+            );
+            // 黄色预警等级公司
+          } else if (item.color == "yellow") {
+            myIcon = new BMap.Icon(
+              require("@/assets/realtimeWarning/yellow_c.png"),
+              new BMap.Size(40, 60),
+              {
+                imageOffset: new BMap.Size(0, 0, 5), // 设置图片偏移
+              }
+            );
+            // 绿色预警等级公司
+          } else if (item.color == "green") {
+            myIcon = new BMap.Icon(
+              require("@/assets/realtimeWarning/green_c.png"),
+              new BMap.Size(40, 60),
+              {
+                imageOffset: new BMap.Size(0, 0, 5), // 设置图片偏移
+              }
+            );
+            // 蓝色预警等级公司
+          } else if (item.color == "blue") {
+            myIcon = new BMap.Icon(
+              require("@/assets/realtimeWarning/blue_c.png"),
+              new BMap.Size(40, 60),
+              {
+                imageOffset: new BMap.Size(0, 0, 5), // 设置图片偏移
+              }
+            );
+          }
+
+          var marker = new BMap.Marker(point, { icon: myIcon }); // 创建点位
+          marker.disableMassClear();
+          map.addOverlay(marker);
+
+          var content = item.companyName;
+          var label = new BMap.Label(content, {
+            // 创建文本标注
+            position: point, // 设置标注的地理位置
+            offset: new BMap.Size(-20, -50), // 设置标注的偏移量
+          });
+          label.setStyle({
+            backgroundColor: "#f9d2e4",
+            border: "0",
+            color: "#01847f",
+            fontSize: "16px",
+            cursor: "pointer",
+          });
+          label.disableMassClear();
+          map.addOverlay(label);
+
+          label.addEventListener("click", function () {
+            map.clearOverlays(); // 为保证始终只有一个文本覆盖物弹出，每次创造文本覆盖物时，先清楚所有的文本覆盖物
+            // 注意 ！ clearOverlays会清除地图所有的覆盖物，所以要给不想清除的覆盖物加上disableMassClear以做到禁止删除
+            var point_text = new BMap.Label(); // 创建公司详情文本覆盖物
+            point_text.setStyle({
+              color: "blue",
+              borderRadius: "5px",
+              borderColor: "#ccc",
+              padding: "10px",
+              fontSize: "16px",
+              fontFamily: "微软雅黑",
+              backgroundColor: "#b5ebff",
+              transform: "translateX(-50%) translateY(calc(-100% - 10px))",
+            });
+            // 点位点击转处置弹窗
+            point_text.setPosition(
+              new BMap.Point(item.longitude, item.latitude)
+            );
+            point_text.setOffset(new BMap.Size(130, -10));
+            point_text.setStyle({
+              width: "340px",
+              height: "238px",
+              background: "url(pbImg/气泡弹窗1.png) no-repeat",
+              backgroundSize: "100% 100%",
+              border: "0",
+              color: "#fff",
+              zIndex: 2000000000,
+            });
+            point_text.setContent(`
+                     <div style='width:100%;display:flex;justify-content: space-between;align-items: center;'>
+                     <h4 style='margin:12px;font-size: 14px;color: #FFE6D9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; cursor: pointer;'>${item.companyName}</h4>
+                     <div class='closeBtn' style='background: url(pbImg/关闭.png)  no-repeat;width:20px;height:20px;background-size: 100% 100%;margin-right:10px; cursor: pointer;"'></div></div>
+                     <div style='margin:0 auto;font-size: 14px;width:316px;height:108px;padding:0 12px;background: rgba(108,128,151,0.20);border: 1px solid rgba(73,84,97,1);'>
+                     <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">一级指标：</span>${item.levelIndexOne}</h4>
+                     <div title="${item.levelIndexThree}" style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;overflow:hidden; text-overflow: ellipsis;white-space: nowrap'><span style="color:#D0DEEE;">预警指标：</span>"${item.levelIndexThree}"异常</div>
+                     <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警时间：</span>${item.alarmTime}</h4>
+                     <div class='changeBtn' style='width:80px;height:34px;font-size: 14px;
+                          color: #FFFFFF;
+                          text-align:center;
+                          line-height:34px;
+                          cursor: pointer;
+                          background: rgba(0,0,0,0); 
+                          border: 0.1px solid #54a972;
+                          border-radius: 4px;
+                          margin-top:20px;
+                          background-size: 100% 100%;
+                          letter-spacing: 0;
+                          margin-left:100px;
+                          font-weight: 400;
+                          '>转处置</div>
+                                </div>
+                              `);
+            map.addOverlay(point_text);
+            let btn = document.querySelector(".changeBtn");
+            btn.addEventListener("click", () => {
+              that.$emit("open_change", item);
+            });
+            let closebtn = document.querySelector(".closeBtn");
+            closebtn.addEventListener("click", () => {
+              map.removeOverlay(point_text);
+            });
+          });
+        });
+      }, 500);
+      //////////////////////////////////////////
       let that = this;
       map.centerAndZoom(
         new BMap.Point(this.center_point[0], this.center_point[1]),
@@ -64,6 +212,7 @@ export default {
               fillOpacity: 0.6,
               strokeWeight: 1,
             }); //创建多边形
+            polygon.disableMassClear()
             map.addOverlay(polygon); //增加多边形
           }
         } else {
@@ -78,6 +227,7 @@ export default {
             fillOpacity: 0.6,
             strokeWeight: 1,
           }); //创建多边形
+          polygon.disableMassClear()
           map.addOverlay(polygon); //增加多边形
         }
         polygon.infowindow = new BMap.InfoWindow();
@@ -90,144 +240,23 @@ export default {
           polygon.setFillColor("#3b4c44");
         });
         // 点击多边形区域
-        polygon.addEventListener("click", function () {
-          if (city.properties.name == "骆驼街道") {
-            map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
-          } else if (city.properties.name == "招宝山街道") {
-            map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
-          } else if (city.properties.name == "蛟川街道") {
-            map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
-          } else if (city.properties.name == "庄市街道") {
-            map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
-          } else if (city.properties.name == "贵驷街道") {
-            map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
-          } else if (city.properties.name == "澥浦镇") {
-            map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
-          } else if (city.properties.name == "九龙湖镇") {
-            map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
-          }
-          // 点位上图
-          console.log("that.company_list", that.company_list);
-          that.company_list.forEach((item) => {
-            var point = new BMap.Point(item.longitude, item.latitude);
-            // 打点的同时，判断预警等级，四种等级打四种点
-            // 自定义图标
-            var myIcon = {};
-            // 红色预警等级公司
-            if (item.color == "red") {
-              myIcon = new BMap.Icon(
-                require("@/assets/realtimeWarning/redcity.png"),
-                new BMap.Size(40, 60),
-                {
-                  // anchor: new BMap.Size(-100, 25),
-                  imageOffset: new BMap.Size(0, 0 - 10), // 设置图片偏移
-                }
-              );
-              // 黄色预警等级公司
-            } else if (item.color == "yellow") {
-              myIcon = new BMap.Icon(
-                require("@/assets/realtimeWarning/yellowcity.png"),
-                new BMap.Size(40, 60),
-                {
-                  // anchor: new BMap.Size(-100, 25),
-                  imageOffset: new BMap.Size(0, 0 - 10), // 设置图片偏移
-                }
-              );
-              // 绿色预警等级公司
-            } else if (item.color == "green") {
-              myIcon = new BMap.Icon(
-                require("@/assets/realtimeWarning/greencity.png"),
-                new BMap.Size(40, 60),
-                {
-                  // anchor: new BMap.Size(-100, 25),
-                  imageOffset: new BMap.Size(0, 0 - 10), // 设置图片偏移
-                }
-              );
-              // 蓝色预警等级公司
-            } else if (item.color == "blue") {
-                myIcon = new BMap.Icon(
-                require("@/assets/realtimeWarning/bluecity.png"),
-                new BMap.Size(40, 60),
-                {
-                  // anchor: new BMap.Size(-100, 25),
-                  imageOffset: new BMap.Size(0, 0 - 10), // 设置图片偏移
-                }
-              );
-            }
-
-            var marker = new BMap.Marker(point, { icon: myIcon }); // 创建点位
-            map.addOverlay(marker);
-            var content = item.companyName;
-            var label = new BMap.Label(content, {
-              // 创建文本标注
-              position: point, // 设置标注的地理位置
-              offset: new BMap.Size(-10, -50), // 设置标注的偏移量
-            });
-            label.setStyle({
-              backgroundColor: " rgba(0, 0, 0, 0)",
-              border: "0",
-              color: "#409EFF",
-              fontSize: "16px",
-            });
-            map.addOverlay(label);
-            label.addEventListener("click", function () {
-              var label_ponit = new BMap.Label(); // 公司点位
-              label_ponit.setStyle({
-                color: "blue",
-                borderRadius: "5px",
-                borderColor: "#ccc",
-                padding: "10px",
-                fontSize: "16px",
-                fontFamily: "微软雅黑",
-                transform: "translateX(-50%) translateY(calc(-100% - 10px))",
-              });
-              // 点位点击转处置弹窗
-              label_ponit.setPosition(
-                new BMap.Point(item.longitude, item.latitude)
-              );
-              label_ponit.setOffset(new BMap.Size(130, -10));
-              label_ponit.setStyle({
-                width: "340px",
-                height: "238px",
-                background: "url(pbImg/气泡弹窗1.png) no-repeat",
-                backgroundSize: "100% 100%",
-                border: "0",
-                color: "#fff",
-                zIndex: 2000000000,
-              });
-              label_ponit.setContent(`
-                               <div style='width:100%;display:flex;justify-content: space-between;align-items: center;'> <h4 style='margin:12px;font-size: 14px;color: #FFE6D9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; '>${item.companyName}</h4><div class='closeBtn' style='background: url(pbImg/关闭.png)  no-repeat;width:20px;height:20px;background-size: 100% 100%;margin-right:10px;"'></div></div>
-                                <div style='margin:0 auto;font-size: 14px;width:316px;height:108px;padding:0 12px;background: rgba(108,128,151,0.20);border: 1px solid rgba(73,84,97,1);'>
-                                    <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">一级指标：</span>${item.levelIndexOne}</h4>
-                                    <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警指标：</span>"${item.levelIndexThree}"异常</h4>
-                                    <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警时间：</span>${item.alarmTime}</h4>
-<div class='zhuanchuzhiBtn' style='width:80px;height:34px;font-size: 14px;
-color: #FFFFFF;
-text-align:center;
-line-height:34px;
-background: url(pbImg/2121.png)  no-repeat;
-margin-top:20px;
-background-size: 100% 100%;
-letter-spacing: 0;
-margin-left:80px;
-font-weight: 400;'>转处置</div>
-                                </div>
-                              `);
-              map.addOverlay(label_ponit);
-              let btn = document.querySelector(".zhuanchuzhiBtn");
-              //console.log(btn, 'btn');
-              btn.addEventListener("click", () => {
-                //console.log(item, 'item');
-                that.$emit("zhuanchuzhi", item);
-              });
-              let closebtn = document.querySelector(".closeBtn");
-              //console.log(btn, 'btn');
-              closebtn.addEventListener("click", () => {
-                map.removeOverlay(label_ponit);
-              });
-            });
-          });
-        });
+        // polygon.addEventListener("click", function () {
+        //   if (city.properties.name == "骆驼街道") {
+        //     map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
+        //   } else if (city.properties.name == "招宝山街道") {
+        //     map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
+        //   } else if (city.properties.name == "蛟川街道") {
+        //     map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
+        //   } else if (city.properties.name == "庄市街道") {
+        //     map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
+        //   } else if (city.properties.name == "贵驷街道") {
+        //     map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
+        //   } else if (city.properties.name == "澥浦镇") {
+        //     map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
+        //   } else if (city.properties.name == "九龙湖镇") {
+        //     map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
+        //   }
+        // });
       }
 
       //////////////// 分区区名 /////////////////
@@ -242,12 +271,12 @@ font-weight: 400;'>转处置</div>
           };
 
           // 创建文本标注对象
-          var label1 = new BMap.Label(
+          var unit_name = new BMap.Label(
             MapPoint.features[i].properties.name,
             opts
           );
           // 自定义文本标注样式
-          label1.setStyle({
+          unit_name.setStyle({
             color: "orange",
             borderRadius: "5px",
             borderColor: "#ccc",
@@ -259,14 +288,26 @@ font-weight: 400;'>转处置</div>
             border: "0",
             fontFamily: "微软雅黑",
           });
-          map.addOverlay(label1);
+          unit_name.disableMassClear()
+          map.addOverlay(unit_name);
         }
       }
     },
+    // 重置刷新地图
+    reset_map(list, flag, point) {
+      this.company_list = list; // 完整城市点位赋值
+      this.is_flag = flag; // 打点时重新判断
+      this.center_point = point; // 地图初始加载中心点坐标
+      this.init_map();
+    },
   },
 };
 </script>
 <style lang="less" scoped>
+/* 去除百度地图logo */
+.anchorBL {
+  display: none;
+}
 .map {
   width: 100%;
   height: 100%;
diff --git a/src/views/realtimeWarning/components/yellowWarn.vue b/src/views/realtimeWarning/components/yellowWarn.vue
index 759f860..d81ab96 100644
--- a/src/views/realtimeWarning/components/yellowWarn.vue
+++ b/src/views/realtimeWarning/components/yellowWarn.vue
@@ -16,7 +16,9 @@
               <!-- 红色预警 -->
               <div class="icon_yellow"></div>
             </div>
-            <div class="company_name">{{ item.companyName }}</div>
+            <div class="company_name" @click="to_map_point(item)">
+              {{ item.companyName }}
+            </div>
           </div>
           <!-- 公司类型 -->
           <div class="item_types">
@@ -55,7 +57,9 @@
               <div class="item_time_value">{{ item.alarmTime }}</div>
             </div>
             <div class="item_btn">
-              <el-button icon="el-icon-s-promotion" @click="change(item)">转处置</el-button>
+              <el-button icon="el-icon-s-promotion" @click="change(item)"
+                >转处置</el-button
+              >
             </div>
           </div>
         </div>
@@ -82,10 +86,11 @@
 <script>
 import { mapList } from "@/api/realtimeWarning";
 import ChangeDialog from "./changeDialog";
+import bus from "@/assets/js/eventBus.js";
 export default {
   name: "YellowWarn",
-  components:{
-    ChangeDialog
+  components: {
+    ChangeDialog,
   },
   props: {
     // 预警公司
@@ -112,7 +117,7 @@ export default {
         pageSize: this.pageSize,
         pageNum: this.pageNum,
         searchParams: this.search_company,
-        color:"yellow"
+        color: "yellow",
       };
       mapList(param).then((res) => {
         this.yellow_warn_comapny_list = res.data;
@@ -120,9 +125,15 @@ export default {
         this.total = res.total;
       });
     },
+    // 点击联动地图
+    to_map_point(item) {
+      let company_arr = [item];
+      let is_flag = true; // 传给地图，告诉地图联动点击是否触发，触发则重新打点
+      bus.$emit("send_map", company_arr, is_flag);
+    },
     // 转处置弹窗
     change(val) {
-      this.$refs.changeDialog.open(val)
+      this.$refs.changeDialog.open(val);
     },
     handle_size_change(val) {
       this.pageNum = 1;
@@ -135,9 +146,9 @@ export default {
     },
     // 刷新
     reset() {
-      this.search()
+      this.search();
       // 去刷新整体查询
-      this.$emit('reset_search')
+      this.$emit("reset_search");
     },
   },
 };
@@ -154,7 +165,7 @@ export default {
       width: 100%;
       height: 18vh;
       border-radius: 6px;
-      border: 2px solid #FDA722;
+      border: 2px solid #fda722;
       margin-bottom: 1vh;
       background: rgba(108, 128, 151, 0.2);
       /* 上方高度活动变化 */
@@ -219,10 +230,14 @@ export default {
             width: 90%;
             height: 4vh;
             line-height: 4vh;
-            color: #30c4ff;
+            color: #FDA722;
             font-family: 黑体;
             letter-spacing: 2px;
             text-align: left;
+            cursor: pointer;
+          }
+          .company_name:hover {
+            filter: brightness(150%);
           }
         }
         /* 高度不确定 */
diff --git a/src/views/realtimeWarning/index.vue b/src/views/realtimeWarning/index.vue
index 64538ab..c732d4c 100644
--- a/src/views/realtimeWarning/index.vue
+++ b/src/views/realtimeWarning/index.vue
@@ -9,10 +9,10 @@
             实时预警根据平安指数配置的预警规则，辖区内的企业达到预警分值后产生即时预警
           </div>
         </div>
-        <WarnMap
-          class="map"
-          :company_list="company_list"
+        <el-button icon="el-icon-refresh" @click="refresh_list()"
+          >重置点位</el-button
         >
+        <WarnMap ref="warnMap" class="map" :company_list="company_list" @open_change="open_change">
         </WarnMap>
       </div>
       <!-- 右边预警公司区域 -->
@@ -132,6 +132,7 @@
         </div>
       </el-dialog> -->
     </div>
+    <ChangeDialog ref="changeDialog" @reset="reset"></ChangeDialog>
   </div>
 </template>
 
@@ -139,15 +140,17 @@
 import {
   mapList,
   deptList,
-  addCommonApprovalProcess,
+  // addCommonApprovalProcess,
   get_company_list,
 } from "@/api/realtimeWarning";
 import WarnMap from "./components/warnMap"; // 预警地图
 import WarnCompany from "./components/warnCompany";
+import ChangeDialog from "./components/changeDialog";
 export default {
   components: {
     WarnMap,
     WarnCompany,
+    ChangeDialog
   },
   data() {
     return {
@@ -160,7 +163,7 @@ export default {
       pageNum: 1,
       total: 0,
       formInline: {},
-      company_list:[], // 传输给map的上图的公司数据
+      company_list: [], // 传输给map的上图的公司数据
     };
   },
   created() {
@@ -185,11 +188,20 @@ export default {
         let companyName = "companyName"; // 1、定义按照过滤的对象的属性名称
         this.company_list = res.data.reduce(
           (all, next) =>
-            all.some((item) => item[companyName] == next[companyName]) ? all : [...all, next],
+            all.some((item) => item[companyName] == next[companyName])
+              ? all
+              : [...all, next],
           []
         ); // 2、数组属性对象 去重
       });
     },
+    // 联动事件过后，点击重置刷新城市点位
+    refresh_list() {
+      this.get_warn_data(); // 重新获取完整城市点位数量
+      let is_flag = false;
+      let center_point = [121.604192, 29.977299]; // 恢复初始地图中心点坐标
+      this.$refs.warnMap.reset_map(this.company_list, is_flag ,center_point);
+    },
     handleSizeChange(val) {
       this.pageNum = 1;
       this.pageSize = val;
@@ -199,6 +211,15 @@ export default {
       this.pageNum = val;
       this.getList();
     },
+    // 地图通过父级打开转处置弹窗
+    open_change(item) {
+      this.$refs.changeDialog.open(item)
+    },
+    // 地图转处置弹窗处置刷新后做两件事，1.地图重置 2.右方tab展示数据重置
+    reset() {
+      this.refresh_list()
+      this.$refs.warnCompany.reset_search()
+    },
     chuzhi(val) {
       //console.log(val)
       this.chuzhiData = val;
@@ -211,21 +232,21 @@ export default {
     closeDia() {
       this.checkedDepts = [];
     },
-    addForm() {
-      console.log(this.checkedDepts, "this.checkedDepts");
-      addCommonApprovalProcess({
-        approveDeptCodes: this.checkedDepts,
-        safeCompanyAlarm: { id: this.chuzhiData.id },
-      }).then((res) => {
-        if (res.code == 200) {
-          this.$message.success(res.msg);
-          this.diaVisible = false;
-          this.getList();
-        } else {
-          this.$message.error(res.msg);
-        }
-      });
-    },
+    // addForm() {
+    //   console.log(this.checkedDepts, "this.checkedDepts");
+    //   addCommonApprovalProcess({
+    //     approveDeptCodes: this.checkedDepts,
+    //     safeCompanyAlarm: { id: this.chuzhiData.id },
+    //   }).then((res) => {
+    //     if (res.code == 200) {
+    //       this.$message.success(res.msg);
+    //       this.diaVisible = false;
+    //       this.getList();
+    //     } else {
+    //       this.$message.error(res.msg);
+    //     }
+    //   });
+    // },
   },
 };
 </script>
@@ -268,7 +289,18 @@ export default {
       background-size: 100% 100%;
       padding: 20px;
       position: relative;
-
+      .el-button {
+        position: absolute;
+        z-index: 999999999;
+        bottom: 40px;
+        right: 40px;
+        border: 0.1px solid #54a972;
+        background: #263136;
+        color: #fff;
+      }
+      .el-button:hover {
+        background: #4d8f89;
+      }
       .shuoming {
         position: absolute;
         top: 20px;
diff --git a/src/views/realtimeWarning/map.vue b/src/views/realtimeWarning/map.vue
index 132382e..0f232fd 100644
--- a/src/views/realtimeWarning/map.vue
+++ b/src/views/realtimeWarning/map.vue
@@ -372,5 +372,6 @@ font-weight: 400;'>转处置</div>
   justify-content: center;
   align-items: center;
   z-index: 50;
+  
 }
 </style>
\ No newline at end of file