Database Monitor 列表修改取值字段，添加超出隐藏显示

添加悬浮提示框，及样式调整

src/views/abnormalAlarm/databaseMonitor/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>
+          <a-popover>
-          <div>
+            <template slot="content">
-            {{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }}
+              {{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
-            {{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}
+            </template>
-          </div>
+            {{ 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;
@@ -177,7 +180,7 @@ export default {
 }
 .info-alarm {
   font-family: ArialMT;
-  font-size: 18px;
+  font-size: 16px;
-  color: #f62424;
+  // color: #f62424;
 }
 </style>