diff --git a/src/views/index/workOrderDetail.vue b/src/views/index/workOrderDetail.vue
index b8a4f9c6..5b08c0c6 100644
--- a/src/views/index/workOrderDetail.vue
+++ b/src/views/index/workOrderDetail.vue
@@ -69,7 +69,9 @@
         </div>
       </div>
     </div>
-    <div class="map" @click="showPopup = false" v-show="showPopup"    id="container"></div>
+    <div class="map" v-show="showPopup"   id="container">
+      <img @click="showPopup = false"  src="@/assets/delKey.png" class="mapImg">
+    </div>
   </div>
 </template>
 <script>
@@ -205,20 +207,29 @@ export default {
   right: 0;
   margin: auto;
   @include wh(95%,350px);
+  .mapImg{
+    background-color: #FFFFFF;
+    position: absolute;
+    right: 0;
+    top: 0;
+    @include wh(25px,25px);
+    z-index: 1111111;
+  }
 }
-.map:before{
-  content: "";
-  background-color: #FFFFFF;
-  background: url('@/assets/delKey.png') no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  right: 0;
-  top: 0;
-  @include wh(25px,25px);
-  display: inline-block;
-  z-index: 1111;
-  pointer-events: auto;
-}
+//.map:before{
+//  content: "";
+//  background-color: #FFFFFF;
+//  background: url('@/assets/delKey.png') no-repeat;
+//  background-size: 100% 100%;
+//  position: absolute;
+//  right: 0;
+//  top: 0;
+//  @include wh(25px,25px);
+//  display: inline-block;
+//  z-index: 1111;
+//  pointer-events: auto;
+//}
+
 .common{
   background: #FFFFFF;
   @include radiusSizing(6px);