diff --git a/src/views/vehicle-maintenance/vehicle-alarm-list.vue b/src/views/vehicle-maintenance/vehicle-alarm-list.vue
index fc27f5cc..e4a6c1f5 100644
--- a/src/views/vehicle-maintenance/vehicle-alarm-list.vue
+++ b/src/views/vehicle-maintenance/vehicle-alarm-list.vue
@@ -25,12 +25,12 @@
               <div class="label">{{item.startTime}}</div>
             </div>
             <div class="alarm_content">
-              <div class="label">车辆名称:</div>
-              <div class="content">{{item.vehicleName}}</div>
+              <div class="label flexLabel">车辆名称:</div>
+              <div class="content flexContent">{{item.vehicleName}}</div>
             </div>
             <div class="alarm_content">
-              <div class="label">报警详情:</div>
-              <div class="content">{{item.alarmRemark}}</div>
+              <div class="label flexLabel">报警详情:</div>
+              <div class="content flexContent">{{item.alarmRemark}}ddsfsafasfasfsdafasfsdfsdafsdafadsfafafafafafafafasfasdfa</div>
             </div>
           </div>
         </div>
@@ -200,6 +200,14 @@
       .label {
         color: rgba(0, 0, 0, 0.5);
       }
+      .flexLabel {
+        width: 60px;
+        flex-shrink: 0;
+      }
+      .flexContent {
+        flex: 1;
+        word-break: break-all;
+      }
       .title_left {
         display: flex;
         align-items: center;