diff --git a/src/views/main/BookingLedger/list/index.vue b/src/views/main/BookingLedger/list/index.vue
index 29b9d86..3a7362c 100644
--- a/src/views/main/BookingLedger/list/index.vue
+++ b/src/views/main/BookingLedger/list/index.vue
@@ -141,6 +141,7 @@
                 </div>
               </template>
               <template #bookremark="{ row }">
+                <!-- @mouseover="remarkhover($event, row)" -->
                 <div class="bookremark" @mouseover="remarkhover($event, row)" @mouseleave="remarkLeave($event, row)">
                   <span class="reamrk-label">
                     <template v-for="remark in row.bookremark">
@@ -763,8 +764,15 @@ export default {
     },
     remarkhover (e, data) {
       if (data.bookremark.length > 0) {
-        this.remarkScreenX = e.pageX + 20
+        const maxWidth = window.innerWidth
+        const maxHeight = window.innerHeight
+        if (maxWidth - e.pageX > 230) {
+          this.remarkScreenX = e.pageX + 20
+        } else {
+          this.remarkScreenX = e.pageX - 300
+        }
         this.remarkScreenY = e.pageY + 20
+        console.log(this.remarkScreenX, this.remarkScreenY, maxWidth, maxHeight)
         this.remarkData = data.bookremark
         this.remarkShow = true
       }
@@ -1303,6 +1311,7 @@ export default {
     line-height: 18px;
     font-size: 12px;
     color: #666;
+    word-break:break-all;
     &:nth-last-of-type(1){
       border: none;
     }