diff --git a/public/dongtai/red.png b/public/dongtai/red.png
new file mode 100644
index 0000000..a69a5d6
Binary files /dev/null and b/public/dongtai/red.png differ
diff --git a/src/api/applySupermarket/policeReport/index.js b/src/api/applySupermarket/policeReport/index.js
new file mode 100644
index 0000000..eb7e2c8
--- /dev/null
+++ b/src/api/applySupermarket/policeReport/index.js
@@ -0,0 +1,10 @@
+// 应用超市 ---> 警情通报
+import request from '@/utils/request'
+// 警情通报主页查询 
+export function get_report_data(params) {
+    return request({
+        url: '/safety/store/personnelReview/safeCompanyInstantAlarm',
+        method: 'get',
+        params
+    })
+}
\ No newline at end of file
diff --git a/src/api/realtimeWarning/index.js b/src/api/realtimeWarning/index.js
index 0ccdd41..8d49091 100644
--- a/src/api/realtimeWarning/index.js
+++ b/src/api/realtimeWarning/index.js
@@ -23,3 +23,11 @@ export function addCommonApprovalProcess(data) {
         data
     })
 }
+// 地图上图点位公司
+export function get_company_list(params) {
+    return request({
+        url: '/safety/system/tbSafeCompanyAlarm/map/companyInfoList',
+        method: 'get',
+        params
+    })
+}
diff --git a/src/assets/applySupermarket/green.png b/src/assets/applySupermarket/green.png
new file mode 100644
index 0000000..6f08f42
Binary files /dev/null and b/src/assets/applySupermarket/green.png differ
diff --git a/src/assets/applySupermarket/red.png b/src/assets/applySupermarket/red.png
new file mode 100644
index 0000000..a69a5d6
Binary files /dev/null and b/src/assets/applySupermarket/red.png differ
diff --git a/src/views/applySupermarket/counterfraud/index.vue b/src/views/applySupermarket/counterfraud/index.vue
new file mode 100644
index 0000000..af6edfe
--- /dev/null
+++ b/src/views/applySupermarket/counterfraud/index.vue
@@ -0,0 +1,432 @@
+<!-- 网络反诈 -->
+<template>
+  <div>
+    <!-- 查询 -->
+    <div class="item_search">
+      <el-form :model="search" class="search_form">
+        <el-form-item label="通报时间">
+          <el-date-picker
+            v-model="search.search_time"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="关键字">
+          <el-input v-model="search.word" placeholder="请选择关键词"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button icon="el-icon-search" @click="search_data">搜索</el-button>
+          <el-button icon="el-icon-refresh-right" @click="reset"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </div>
+    <!-- 通报展示 -->
+    <div class="item_list">
+      <div
+        v-for="item in counterfraud_list"
+        :key="item.id"
+        class="counterfraud_item"
+      >
+        <div class="counterfraud_title">
+          <div class="text">通报概述</div>
+          <div class="counterfraud_content">
+            <!-- 警情简要 -->
+            <div class="counterfraud_glossary">
+              <div class="counterfraud_glossary_icon">
+                <div class="icon_green"></div>
+              </div>
+              <div class="counterfraud_glossary_text">警情简要:</div>
+              <div class="counterfraud_glossary_value">
+                {{ item.counterfraud }}
+              </div>
+            </div>
+            <!-- 警情时间 -->
+            <div class="counterfraud_time">
+              <div class="counterfraud_time_icon">
+                <i class="el-icon-alarm-clock"></i>
+              </div>
+              <div class="counterfraud_time_text">警情时间:</div>
+              <div class="counterfraud_time_value">{{ item.time }}</div>
+              <!-- 查看详情按钮 -->
+              <div class="counterfraud_btn">
+                <el-button size="small" icon="el-icon-s-promotion"
+                  >查看详情</el-button
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+// import { get_counterfraud_data } from "@/api/applySupermarket/policecounterfraud";
+export default {
+  data() {
+    return {
+      search: {
+        search_time: [this.get_today(), this.get_tomorrow()],
+        word: "",
+      },
+      counterfraud_list: [
+        {
+          id: "2",
+          counterfraud: "于该日在辖区内发生两起盗窃事件",
+          time: "2023 08 29",
+        },
+        {
+          id: "4",
+        },
+        {
+          id: "5",
+        },
+        {
+          id: "6",
+        },
+        {
+          id: "7",
+        },
+        {
+          id: "8",
+        },
+        {
+          id: "9",
+        },
+        {
+          id: "10",
+        },
+        {
+          id: "11",
+        },
+        {
+          id: "12",
+        },
+        {
+          id: "13",
+        },
+        {
+          id: "14",
+        },
+        {
+          id: "15",
+        },
+      ],
+      pageSize: 16,
+      pageNum: 1,
+      total: 0,
+    };
+  },
+  methods: {
+    // 转换时间格式
+    dateConversion(value) {
+      let date = new Date(value);
+      let y = date.getFullYear();
+      let m = date.getMonth() + 1;
+      m = m < 10 ? "0" + m : m;
+      let d = date.getDate();
+      d = d < 10 ? "0" + d : d;
+      let h = date.getHours();
+      h = h < 10 ? "0" + h : h;
+      let M = date.getMinutes();
+      M = M < 10 ? "0" + M : M;
+      let s = date.getSeconds();
+      s = s < 10 ? "0" + s : s;
+      let dateTime = y + "-" + m + "-" + d + " " + h + ":" + M + ":" + s;
+      return dateTime;
+    },
+    // 获取当前时间
+    get_today() {
+      let date = new Date();
+      let y = date.getFullYear();
+      let m = date.getMonth() + 1;
+      m = m < 10 ? "0" + m : m;
+      let d = date.getDate();
+      d = d < 10 ? "0" + d : d;
+      let dateTime =
+        y + "-" + m + "-" + d + " " + "00" + ":" + "00" + ":" + "00";
+      return dateTime;
+    },
+    // 获取明天时间
+    get_tomorrow() {
+      let date = new Date();
+      let y = date.getFullYear();
+      let m = date.getMonth() + 1;
+      m = m < 10 ? "0" + m : m;
+      let d = date.getDate() + 1;
+      d = d < 10 ? "0" + d : d;
+      let dateTime =
+        y + "-" + m + "-" + d + " " + "00" + ":" + "00" + ":" + "00";
+      return dateTime;
+    },
+    // 查询
+    search_data() {
+    //   get_counterfraud_data().then();
+    },
+    // 重置查询
+    reset() {
+      this.search.course_time = [this.get_today(), this.get_tomorrow()];
+      this.search.word = "";
+      this.search_data();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.item_search {
+  width: 94vw;
+  display: flex;
+  flex-direction: row-reverse;
+  /deep/.el-form {
+    display: flex;
+    .el-form-item {
+      display: flex;
+      margin-left: 0.5vw;
+      .el-date-editor--daterange.el-input__inner {
+        width: 440px;
+      }
+    }
+    .el-form-item__label {
+      text-align: center;
+      color: #fff;
+    }
+    .el-form-item__content {
+      .el-date-editor.el-range-editor.el-input__inner.el-date-editor--datetimerange {
+        background: rgba(0, 0, 0, 0);
+        border: 0.1px solid #28847e;
+      }
+      .el-input__inner {
+        background: rgba(0, 0, 0, 0);
+        border: 0.1px solid #28847e;
+        color: #fff;
+      }
+
+      /* 查询框点击颜色变化 */
+      .el-input__inner:focus,
+      .el-input__inner:hover {
+        border-color: #2a968f;
+      }
+      .el-range-input {
+        color: #fff;
+        background: #283436;
+      }
+    }
+    .el-button {
+      border: 0.1px solid #28847e;
+      color: #fff;
+      background: rgba(0, 0, 0, 0);
+      position: relative;
+      overflow: hidden;
+      &:before {
+        content: "";
+        position: absolute;
+        top: -100%;
+        left: -50%;
+        width: 150%;
+        height: 2px;
+        background-color: #fff;
+        box-shadow: 0 0 4px 1px #fff;
+        transform: rotateZ(-45deg);
+      }
+      &:hover::before {
+        transition: 0.7s;
+        top: 200%;
+        left: 50%;
+      }
+    }
+    .el-button:focus,
+    .el-button:hover {
+      color: #34e1b3;
+      background: #4d8f89;
+      border: 0.1px solid #137868;
+    }
+  }
+  /deep/.el-range-separator {
+    color: #fff;
+    width: 10%;
+  }
+  /deep/.el-input__icon.el-range__close-icon {
+    display: none;
+  }
+}
+.item_list {
+  width: 94vw;
+  height: 62vh;
+  border: 0.1px solid #28847e;
+  display: flex;
+  justify-content: flex-start;
+  align-content: flex-start;
+  flex-wrap: wrap;
+  .counterfraud_item {
+    width: 22vw;
+    height: 14vh;
+    border: 0.1px solid #28847e;
+    margin-left: 0.7vw;
+    margin-right: 0.7vw;
+    margin-top: 0.7vh;
+    margin-bottom: 0.7vh;
+    .counterfraud_title {
+      width: 22vw;
+      height: 4vh;
+      background: linear-gradient(
+        to right,
+        rgba(0, 255, 247, 0.37),
+        rgba(0, 255, 247, 0)
+      );
+      .text {
+        color: aliceblue;
+        text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+        width: 5vw;
+        text-align: center;
+        height: 4vh;
+        line-height: 4vh;
+      }
+      .counterfraud_content {
+        width: 22vw;
+        height: 10vh;
+        .counterfraud_glossary {
+          width: 22vw;
+          height: 5vh;
+          display: flex;
+          .counterfraud_glossary_icon {
+            width: 2vw;
+            height: 5vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .icon_green {
+              width: 30px;
+              height: 30px;
+              background: url("~@/assets/applySupermarket/green.png") no-repeat !important;
+              background-size: 100% 100% !important;
+              animation-name: scale, high;
+              animation-duration: 3s;
+              animation-iteration-count: infinite;
+              animation-timing-function: ease-in-out;
+            }
+            @keyframes scale {
+              /*定义关键帧、scale是需要绑定到选择器的关键帧名称*/
+              0% {
+                transform: scale(0.8); /*开始为原始大小*/
+              }
+              25% {
+                transform: scale(1); /*放大1.1倍*/
+              }
+              50% {
+                transform: scale(0.8);
+              }
+              75% {
+                transform: scale(1);
+              }
+              100% {
+                transform: scale(0.8);
+              }
+            }
+            @keyframes high {
+              0% {
+                filter: brightness(80%);
+              }
+              25% {
+                filter: brightness(200%);
+              }
+              50% {
+                filter: brightness(80%);
+              }
+              75% {
+                filter: brightness(200%);
+              }
+              100% {
+                filter: brightness(80%);
+              }
+            }
+          }
+          .counterfraud_glossary_text {
+            width: 4.3vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: aliceblue;
+            text-align: center;
+          }
+          .counterfraud_glossary_value {
+            width: 15.7vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: #fff;
+            text-align: left;
+          }
+        }
+        .counterfraud_time {
+          width: 22vw;
+          height: 5vh;
+          display: flex;
+          .counterfraud_time_icon {
+            width: 2vw;
+            height: 5vh;
+            text-align: center;
+            line-height: 5vh;
+            color: #fff;
+            text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+            font-size: 20px;
+          }
+          .counterfraud_time_text {
+            width: 4.3vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: aliceblue;
+            text-align: center;
+          }
+          .counterfraud_time_value {
+            width: 8.7vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: #fff;
+            text-align: left;
+          }
+          .counterfraud_btn {
+            width: 7vw;
+            height: 5vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .el-button {
+              display: flex;
+              align-items: center;
+              font-size: 13px;
+              height: 4vh;
+              color: #fff;
+              background: rgba(0, 0, 0, 0);
+              border: 0.1px solid rgba(0, 0, 0, 0);
+              position: relative;
+              overflow: hidden;
+              &:before {
+                content: "";
+                position: absolute;
+                top: -100%;
+                left: -50%;
+                width: 150%;
+                height: 2px;
+                background-color: #fff;
+                box-shadow: 0 0 4px 1px #fff;
+                transform: rotateZ(-45deg);
+              }
+              &:hover::before {
+                transition: 0.7s;
+                top: 200%;
+                left: 50%;
+              }
+            }
+            .el-button:hover {
+              text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/applySupermarket/index.vue b/src/views/applySupermarket/index.vue
index 9e37ff5..aee2cc0 100644
--- a/src/views/applySupermarket/index.vue
+++ b/src/views/applySupermarket/index.vue
@@ -3,8 +3,13 @@
   <div class="supermarket_body">
     <div class="supermarket_title">
       <div class="supermarket_title_01" @click="back_list">安商惠企</div>
-      <div v-if="is_flag == '1'" class="supermarket_title_02">>>人员背景审核</div>
+      <div v-if="is_flag == '1'" class="supermarket_title_02">
+        >>人员背景审核
+      </div>
       <div v-if="is_flag == '3'" class="supermarket_title_02">>>警情通报</div>
+      <div v-if="is_flag == '5'" class="supermarket_title_02">
+        >>网络反诈提醒
+      </div>
     </div>
     <div class="supermarket_list">
       <div v-if="is_flag === '0'" class="list_boxs">
@@ -45,7 +50,7 @@
           <div class="company_dispute_text">道路拥堵提醒</div>
         </div>
         <!-- 网络反诈提醒 -->
-        <div class="list_box company_notification">
+        <div class="list_box company_notification" @click="fraud_back_change">
           <div class="company_notification_icon_box">
             <!-- 遮罩层 负责旋转动画 -->
             <div class="yellow_mark turn"></div>
@@ -107,17 +112,23 @@
       <div v-else-if="is_flag === '3'" class="person_back_boxs">
         <PoliceReport ref="policeReport"></PoliceReport>
       </div>
+      <!-- 跳转至网络反诈提醒 -->
+      <div v-else-if="is_flag === '5'" class="person_back_boxs">
+        <Counterfraud ref="counterfraud"></Counterfraud>
+      </div>
     </div>
   </div>
 </template>
 <script>
-import PersonBack from './personBack/index';
-import PoliceReport from './policeReport/index';
+import PersonBack from "./personBack/index";
+import PoliceReport from "./policeReport/index";
+import Counterfraud from "./counterfraud/index";
 export default {
   name: "ApplySupermarket",
-  components:{
+  components: {
     PersonBack,
-    PoliceReport
+    PoliceReport,
+    Counterfraud,
   },
   data() {
     return {
@@ -127,7 +138,7 @@ export default {
   methods: {
     // 回归到安商惠企首页
     back_list() {
-        this.is_flag = '0'
+      this.is_flag = "0";
     },
     // 跳转至人员背景审查
     person_back_change() {
@@ -135,8 +146,11 @@ export default {
     },
     // 跳转至警情通报
     police_back_change() {
-      this.is_flag = '3';
-    }
+      this.is_flag = "3";
+    },
+    fraud_back_change() {
+      this.is_flag = "5";
+    },
   },
 };
 </script>
diff --git a/src/views/applySupermarket/policeReport/index.vue b/src/views/applySupermarket/policeReport/index.vue
index 9ff20ff..22cfdea 100644
--- a/src/views/applySupermarket/policeReport/index.vue
+++ b/src/views/applySupermarket/policeReport/index.vue
@@ -6,7 +6,7 @@
       <el-form :model="search" class="search_form">
         <el-form-item label="通报时间">
           <el-date-picker
-            v-model="search.course_time"
+            v-model="search.search_time"
             type="datetimerange"
             range-separator="至"
             start-placeholder="开始日期"
@@ -25,9 +25,42 @@
         </el-form-item>
       </el-form>
     </div>
+    <!-- 通报展示 -->
+    <div class="item_list">
+      <div v-for="item in report_list" :key="item.id" class="report_item">
+        <div class="report_title">
+          <div class="text">通报概述</div>
+          <div class="report_content">
+            <!-- 警情简要 -->
+            <div class="report_glossary">
+              <div class="report_glossary_icon">
+                <div class="icon_green"></div>
+              </div>
+              <div class="report_glossary_text">警情简要:</div>
+              <div class="report_glossary_value">{{ item.report }}</div>
+            </div>
+            <!-- 警情时间 -->
+            <div class="report_time">
+             <div class="report_time_icon">
+                <i class="el-icon-alarm-clock"></i>
+             </div>
+             <div class="report_time_text">警情时间:</div>
+             <div class="report_time_value">{{ item.time }}</div>
+             <!-- 查看详情按钮 -->
+             <div class="report_btn">
+                <el-button size="small" icon="el-icon-s-promotion"
+                >查看详情</el-button
+              >
+             </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
+import {get_report_data} from '@/api/applySupermarket/policeReport'
 export default {
   data() {
     return {
@@ -35,6 +68,52 @@ export default {
         search_time: [this.get_today(), this.get_tomorrow()],
         word: "",
       },
+      report_list: [
+        {
+          id: "2",
+          report: "于该日在辖区内发生两起盗窃事件",
+          time: "2023 08 29",
+        },
+        {
+          id: "4",
+        },
+        {
+          id: "5",
+        },
+        {
+          id: "6",
+        },
+        {
+          id: "7",
+        },
+        {
+          id: "8",
+        },
+        {
+          id: "9",
+        },
+        {
+          id: "10",
+        },
+        {
+          id: "11",
+        },
+        {
+          id: "12",
+        },
+        {
+          id: "13",
+        },
+        {
+          id: "14",
+        },
+        {
+          id: "15",
+        },
+      ],
+      pageSize: 16,
+      pageNum: 1,
+      total: 0,
     };
   },
   methods: {
@@ -79,6 +158,16 @@ export default {
         y + "-" + m + "-" + d + " " + "00" + ":" + "00" + ":" + "00";
       return dateTime;
     },
+    // 查询
+    search_data() {
+       get_report_data().then()
+    },
+    // 重置查询
+    reset() {
+      this.search.course_time = [this.get_today(), this.get_tomorrow()];
+      this.search.word = "";
+      this.search_data();
+    },
   },
 };
 </script>
@@ -163,4 +252,179 @@ export default {
     display: none;
   }
 }
+.item_list {
+  width: 94vw;
+  height: 62vh;
+  border: 0.1px solid #28847e;
+  display: flex;
+  justify-content: flex-start;
+  align-content: flex-start;
+  flex-wrap: wrap;
+  .report_item {
+    width: 22vw;
+    height: 14vh;
+    border: 0.1px solid #28847e;
+    margin-left: 0.7vw;
+    margin-right: 0.7vw;
+    margin-top: 0.7vh;
+    margin-bottom: 0.7vh;
+    .report_title {
+      width: 22vw;
+      height: 4vh;
+      background: linear-gradient(
+        to right,
+        rgba(0, 255, 247, 0.37),
+        rgba(0, 255, 247, 0)
+      );
+      .text {
+        color: aliceblue;
+        text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+        width: 5vw;
+        text-align: center;
+        height: 4vh;
+        line-height: 4vh;
+      }
+      .report_content {
+        width: 22vw;
+        height: 10vh;
+        .report_glossary {
+          width: 22vw;
+          height: 5vh;
+          display: flex;
+          .report_glossary_icon {
+            width: 2vw;
+            height: 5vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .icon_green {
+              width: 30px;
+              height: 30px;
+              background: url("~@/assets/applySupermarket/green.png") no-repeat !important;
+              background-size: 100% 100% !important;
+              animation-name: scale, high;
+              animation-duration: 3s;
+              animation-iteration-count: infinite;
+              animation-timing-function: ease-in-out;
+            }
+            @keyframes scale {
+              /*定义关键帧、scale是需要绑定到选择器的关键帧名称*/
+              0% {
+                transform: scale(0.8); /*开始为原始大小*/
+              }
+              25% {
+                transform: scale(1); /*放大1.1倍*/
+              }
+              50% {
+                transform: scale(0.8);
+              }
+              75% {
+                transform: scale(1);
+              }
+              100% {
+                transform: scale(0.8);
+              }
+            }
+            @keyframes high {
+              0% {
+                filter: brightness(80%);
+              }
+              25% {
+                filter: brightness(200%);
+              }
+              50% {
+                filter: brightness(80%);
+              }
+              75% {
+                filter: brightness(200%);
+              }
+              100% {
+                filter: brightness(80%);
+              }
+            }
+          }
+          .report_glossary_text {
+            width: 4.3vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: aliceblue;
+            text-align: center;
+          }
+          .report_glossary_value {
+            width: 15.7vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: #fff;
+            text-align: left;
+          }
+        }
+        .report_time {
+          width: 22vw;
+          height: 5vh;
+          display: flex;
+          .report_time_icon {
+            width: 2vw;
+            height: 5vh;
+            text-align: center;
+            line-height: 5vh;
+            color: #fff;
+            text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+            font-size: 20px;
+          }
+          .report_time_text {
+            width: 4.3vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: aliceblue;
+            text-align: center;
+          }
+          .report_time_value {
+            width: 8.7vw;
+            height: 5vh;
+            line-height: 5vh;
+            color: #fff;
+            text-align: left;
+          }
+          .report_btn {
+            width: 7vw;
+            height: 5vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .el-button {
+              display: flex;
+              align-items: center;
+              font-size: 13px;
+              height: 4vh;
+              color: #fff;
+              background: rgba(0, 0, 0, 0);
+              border: 0.1px solid rgba(0, 0, 0, 0);
+              position: relative;
+              overflow: hidden;
+              &:before {
+                content: "";
+                position: absolute;
+                top: -100%;
+                left: -50%;
+                width: 150%;
+                height: 2px;
+                background-color: #fff;
+                box-shadow: 0 0 4px 1px #fff;
+                transform: rotateZ(-45deg);
+              }
+              &:hover::before {
+                transition: 0.7s;
+                top: 200%;
+                left: 50%;
+              }
+            }
+            .el-button:hover {
+              text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/realtimeWarning/index.vue b/src/views/realtimeWarning/index.vue
index d64a411..24bff96 100644
--- a/src/views/realtimeWarning/index.vue
+++ b/src/views/realtimeWarning/index.vue
@@ -12,8 +12,8 @@
         <Map
           class="map"
           :waringList="waringList"
+          :company_list="company_list"
           @zhuanchuzhi="chuzhi"
-          v-if="waringList && waringList.length"
         >
         </Map>
       </div>
@@ -27,8 +27,8 @@
           <span
             >( <span class="redText">{{ total }}</span> )</span
           > -->
-          <!-- 搜索框 -->
-          <!-- <div class="searchBox">
+      <!-- 搜索框 -->
+      <!-- <div class="searchBox">
             <el-form :model="formInline" class="search">
               <el-form-item class="formItem">
                 <el-input
@@ -42,8 +42,8 @@
             </el-form>
           </div>
         </div> -->
-        <!-- 公司展示区域 -->
-        <!-- <div class="bottomBody">
+      <!-- 公司展示区域 -->
+      <!-- <div class="bottomBody">
           <div
             class="yujingItem"
             v-for="(item, index) in waringList"
@@ -54,8 +54,8 @@
                 <div class="companyName_icon"></div>
                 <div class="companyName_text">{{ item.companyName }}</div>
               </div> -->
-              <!-- <div class="companyName">{{ item.companyName }}</div> -->
-              <!-- <div class="impBtnList">
+      <!-- <div class="companyName">{{ item.companyName }}</div> -->
+      <!-- <div class="impBtnList">
                 <div
                   :class="{
                     shewei: a == '剧毒' || a == '易制毒',
@@ -96,7 +96,7 @@
             <div class="chuzhi" @click="chuzhi(item)">转处置</div>
           </div>
         </div> -->
-        <!-- <div class="block">
+      <!-- <div class="block">
           <el-pagination
             style="float: right; margin: 5px"
             class="msg-pagination-container"
@@ -142,13 +142,14 @@ import {
   mapList,
   deptList,
   addCommonApprovalProcess,
+  get_company_list,
 } from "@/api/realtimeWarning";
 import Map from "./map";
-import WarnCompany from './components/warnCompany'
+import WarnCompany from "./components/warnCompany";
 export default {
   components: {
     Map,
-    WarnCompany
+    WarnCompany,
   },
   data() {
     return {
@@ -161,10 +162,12 @@ export default {
       pageNum: 1,
       total: 0,
       formInline: {},
+      company_list:[], // 传输给map的上图的公司数据
     };
   },
   created() {
     this.getList();
+    this.get_warn_data();
   },
   methods: {
     getList() {
@@ -177,6 +180,18 @@ export default {
         this.total = res.total;
       });
     },
+    // 获取地图上图点位公司
+    get_warn_data() {
+      get_company_list().then((res) => {
+        console.log("333", res);
+        let companyName = "companyName"; // 1、定义按照过滤的对象的属性名称
+        this.company_list = res.data.reduce(
+          (all, next) =>
+            all.some((item) => item[companyName] == next[companyName]) ? all : [...all, next],
+          []
+        ); // 2、数组属性对象 去重
+      });
+    },
     handleSizeChange(val) {
       this.pageNum = 1;
       this.pageSize = val;
@@ -289,10 +304,10 @@ export default {
         width: 100%;
       }
     }
-      .warning_box {
-        width: 30vw;
-        height: 100%;
-      }
+    .warning_box {
+      width: 30vw;
+      height: 100%;
+    }
     // .rightBox {
     //   width: 570px;
     //   height: 100%;
diff --git a/src/views/realtimeWarning/map.vue b/src/views/realtimeWarning/map.vue
index 27f8967..5bab3f1 100644
--- a/src/views/realtimeWarning/map.vue
+++ b/src/views/realtimeWarning/map.vue
@@ -11,7 +11,17 @@ import styleJson from "../../../public/custom_map_config.json";
 import { topMap } from "@/api/offLineMap";
 export default {
   name: "Map",
-  props: ["waringList"],
+
+  props: {
+    waringList: {
+      type: Array,
+      default: () => [],
+    },
+    company_list: {
+      type: Array,
+      default: () => [],
+    },
+  },
   data() {
     return {
       dongtaiPoint: [121.604192, 29.977299],
@@ -28,7 +38,7 @@ export default {
     });
     topMap({ scoreType: "season" }).then((res) => {
       this.companyList = res.data;
-      console.log('companyList',this.companyList);
+      console.log("companyList", this.companyList);
     });
   },
   methods: {
@@ -121,6 +131,7 @@ export default {
           polygon.setFillColor("#3b4c44");
         });
         // 点击多边形展示公司点位_1
+        // 银州大桥 宝隆
         polygon.addEventListener("click", function () {
           if (city.properties.name == "骆驼街道") {
             map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
@@ -138,9 +149,15 @@ export default {
             map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
           }
           // 点击多边形展示公司点位_2
-          that.companyList.forEach((item) => {
+          // 点位上图
+          console.log("that.company_list", that.company_list);
+          that.company_list.forEach((item) => {
             var point = new BMap.Point(item.longitude, item.latitude);
-            var marker = new BMap.Marker(point); // 创建标注
+            // 自定义图标
+            var myIcon = new BMap.Icon(
+              require("@/assets/realtimeWarning/red.png"), new BMap.Size(23, 25)
+            );
+            var marker = new BMap.Marker(point,{icon:myIcon}); // 创建点位
             map.addOverlay(marker);
             var content = item.companyName;
             var label = new BMap.Label(content, {