diff --git a/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue b/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue
index 080e624..67b9c98 100644
--- a/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue
+++ b/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue
@@ -15,11 +15,12 @@
               :canSelect="false"
             >
               <template slot="info" slot-scope="{ record }">
-                <div class="info-alarm">{{ record.alarmValue }}{{ JSON.parse(record.operator).units }}</div>
-                <div>
-                  {{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }}
-                  {{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}
-                </div>
+                <a-popover>
+                  <template slot="content">
+                    {{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
+                  </template>
+                  {{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
+                </a-popover>
               </template>
             </custom-table>
           </div>
@@ -91,6 +92,7 @@ const columns = [
   {
     title: 'ALARM INFO',
     align: 'left',
+    ellipsis: true,
     dataIndex: 'alarmInfo',
     scopedSlots: {
       customRender: 'info',
diff --git a/src/views/abnormalAlarm/emailMonitor/alarmHistory/index.vue b/src/views/abnormalAlarm/emailMonitor/alarmHistory/index.vue
index 2bac943..ee3e663 100644
--- a/src/views/abnormalAlarm/emailMonitor/alarmHistory/index.vue
+++ b/src/views/abnormalAlarm/emailMonitor/alarmHistory/index.vue
@@ -10,13 +10,15 @@
         :loading="loading"
         :pagination="false"
         :canSelect="false"
+        :scroll="{ y: 655 }"
       >
         <template slot="info" slot-scope="{ record }">
-          <div class="info-alarm">{{ record.alarmValue }}{{ JSON.parse(record.operator).units }}</div>
-          <div>
-            {{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }}
-            {{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}
-          </div>
+          <a-popover>
+            <template slot="content">
+              {{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
+            </template>
+            {{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
+          </a-popover>
         </template>
       </TableList>
       <a-pagination
@@ -60,6 +62,7 @@ const columns = [
   {
     title: 'ALARM INFO',
     align: 'left',
+    ellipsis: true,
     dataIndex: 'alarmInfo',
     scopedSlots: {
       customRender: 'info',
@@ -162,7 +165,7 @@ export default {
 
 <style lang="less" scoped>
 .server-main {
-  width: 100%;
+  // width: 100%;
   height: calc(100% - 50px);
   overflow: hidden;
   padding-top: 15px;
diff --git a/src/views/abnormalAlarm/serverMonitor/alarmHistory/index.vue b/src/views/abnormalAlarm/serverMonitor/alarmHistory/index.vue
index d421b2c..18c1ba1 100644
--- a/src/views/abnormalAlarm/serverMonitor/alarmHistory/index.vue
+++ b/src/views/abnormalAlarm/serverMonitor/alarmHistory/index.vue
@@ -10,13 +10,15 @@
         :loading="loading"
         :pagination="false"
         :canSelect="false"
+        :scroll="{ y: 655 }"
       >
         <template slot="info" slot-scope="{ record }">
-          <div class="info-alarm">{{ record.alarmValue }}{{ JSON.parse(record.operator).units }}</div>
-          <div>
-            {{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }}
-            {{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}
-          </div>
+          <a-popover>
+            <template slot="content">
+              {{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
+            </template>
+            {{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
+          </a-popover>
         </template>
       </TableList>
       <a-pagination
@@ -60,6 +62,7 @@ const columns = [
   {
     title: 'ALARM INFO',
     align: 'left',
+    ellipsis: true,
     dataIndex: 'alarmInfo',
     scopedSlots: {
       customRender: 'info',
@@ -162,7 +165,7 @@ export default {
 
 <style lang="less" scoped>
 .server-main {
-  width: 100%;
+  // width: 100%;
   height: calc(100% - 50px);
   overflow: hidden;
   padding-top: 15px;