1.查询报警日志的参数调整
2.报警联系人组增加副标题及人员icon
This commit is contained in:
		
							parent
							
								
									20da2c2e3c
								
							
						
					
					
						commit
						c4f890fd2c
					
				|  | @ -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; | ||||
|  |  | |||
|  | @ -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) { | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	Block a user