diff --git a/src/views/popup/board.vue b/src/views/popup/board.vue
index 668c370..611b058 100644
--- a/src/views/popup/board.vue
+++ b/src/views/popup/board.vue
@@ -2,6 +2,7 @@
   <div class="wrap">
     <div class="header">
       巡视人员轨迹处理
+      <svg-icon v-if="list.length > 0" icon-class="pop-cross" class="close-icon" @click="close" />
     </div>
     <el-form ref="ruleForm" :model="listQuery" :rules="rules" label-width="100px">
       <el-row :gutter="20">
@@ -241,6 +242,18 @@
     this.handlePointTreeData() // 获取点位数据
   },
   methods: {
+    // 关闭面板
+    close() {
+      const params = {
+        type: 'trail',
+        message: 'close'
+      }
+      repostSocket(params).then(response => {
+        if (response.code === 200) {
+          console.log('close')
+        }
+      })
+    },
     // 获取下拉树形点位数据
     getSelectedValue(val) {
       this.listQuery.cameraIndexCodes = val.map(item => { return item.indexCode })
@@ -288,7 +301,7 @@
         this.selectLoading = false
       })
     },
-     // 搜索请求发起
+    // 搜索请求发起
     fetchData() {
       const loading = this.$loading({
         lock: true,
@@ -634,4 +647,16 @@
     .list-wrap .main .list-item .title,.list-wrap .main .list-item .desc{
       left:62% !important;
     }
+    .close-icon{
+      z-index: 100;
+      position: absolute;
+      top:2px;
+      right:2px;
+      color:white;
+      background: #fc2323cc;
+      width:25px;
+      height:25px;
+      border-radius: 5px;
+      padding:3px;
+    }
 </style>