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