diff --git a/src/views/abnormalAlarm/alarmCenter/alarmContactGroup/index.vue b/src/views/abnormalAlarm/alarmCenter/alarmContactGroup/index.vue
index 897e80e..237f7c2 100644
--- a/src/views/abnormalAlarm/alarmCenter/alarmContactGroup/index.vue
+++ b/src/views/abnormalAlarm/alarmCenter/alarmContactGroup/index.vue
@@ -13,6 +13,7 @@
         <a-collapse-panel :key="item.id" :style="customStyle" v-for="item in contactGroups" >
           <template slot="header">
             {{ item.name }}
+            <span class="header-sub">Create Date: {{ item.updateTime }} , Number of people: {{ item.personNumber }}</span>
           </template>
           <template slot="extra">
             <a-button class="actions" shape="circle" @click.stop="editGroup(item.id)">
@@ -31,9 +32,13 @@
             :canSelect="false"
             :scroll="{ y: 200 }"
           >
+            <template slot="name" slot-scope="{text}">
+              <img src="@/assets/images/abnormalAlarm/user.png" alt=""><span style="margin-left: 8px;padding-top: 2px;">{{ text }}</span>
+            </template>
             <template slot="role" slot-scope="{record}">
               <span v-for="(role,index) in record.roles" :key="role.id">{{ role.roleName }}<i v-if="index!=record.roles.length-1">,</i></span>
             </template>
+            
             <template slot="action" slot-scope="{record}">
               <a-button class="actions" style="margin-right: 15px;" shape="circle" @click="deleteUser(item.id,record.id)">
                 <img class="icon-delete" src="@/assets/images/abnormalAlarm/delete.png" alt="" />
@@ -109,7 +114,10 @@ const columns = [
   {
     title: 'NAME',
     align: 'left',
-    dataIndex: 'username'
+    dataIndex: 'username',
+    scopedSlots: {
+      customRender: 'name',
+    }
   },
   {
     title: 'ROLE',
@@ -363,6 +371,12 @@ export default {
   height: calc(100% - 65px);
   margin-left: 20px;
   position: relative;
+  .header-sub{
+    margin-left: 20px;
+    font-family: MicrosoftYaHei;
+    font-size: 16px;
+    color: #ade6ee;
+  }
   .ant-collapse{
     height: calc(100% - 30px);
     overflow: auto;
@@ -390,6 +404,7 @@ export default {
     color: #fff !important;
     line-height: 50px !important;
     padding-left: 35px !important;
+    font-size: 18px;
   }
   .ant-collapse-content-box{
     padding: 15px !important;
diff --git a/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue b/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue
index d3cd355..47fc4ef 100644
--- a/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue
+++ b/src/views/abnormalAlarm/alarmCenter/alarmHistory/index.vue
@@ -138,10 +138,10 @@ export default {
     getUid() {
       return (Math.random()+new Date().getTime()).toString(32).slice(0,8)
     },
-    handleSearch({ startDate, endDate }) {
+    handleSearch({ startDate, endDate,types }) {
       this.getAlarmLogBar({ startDate, endDate })
       this.getTypeAlarmPie({ startDate, endDate })
-      this.getAlarmLogTable()
+      this.getAlarmLogTable({ startDate, endDate, types })
       this.getAlarmTop({ startDate, endDate })
     },
     getAlarmLogBar(obj) {
@@ -159,12 +159,13 @@ export default {
         }
       })
     },
-    getAlarmLogTable() {
+    getAlarmLogTable(obj) {
       let params = {
         pageNo: this.ipagination.current,
         pageSize: this.ipagination.pageSize,
-        // pageSize: 2,
-        // type: "Database"
+        type:obj.types,
+        startDate:obj.startDate,
+        endDate:obj.endDate
       }
       postAction("/alarmLog/findPage", params).then(res => {
         if (res.success) {