jinna
2 years ago
parent
1df8b976c1
commit
7aa283ebdf
11 changed files with 513 additions and 153 deletions
@ -0,0 +1,214 @@ |
||||
<template> |
||||
<!-- 图纸分类管理 --> |
||||
<basic-container> |
||||
<div style="font-size: 28px;margin-bottom: 20px;">故障上报列表</div> |
||||
<el-row> |
||||
<el-col :span="24"> |
||||
<avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="form" |
||||
:permission="permissionList" @search-change="searchChange" @search-reset="searchReset" |
||||
@current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" |
||||
@on-load="onLoad" :page.sync="page" @row-save="rowSave" @row-del="rowDel" @row-update="rowUpdate"> |
||||
<template slot-scope="scope" slot="ipSearch"> |
||||
<el-input v-model="ip" placeholder="故障上报IP" clearable /> |
||||
</template> |
||||
<template slot-scope="scope" slot="isDeplaySearch"> |
||||
<el-select v-model="isDeplay" placeholder="是否已处理"> |
||||
<el-option label="未处理" :value="1"></el-option> |
||||
<el-option label="已处理" :value="2"></el-option> |
||||
</el-select> |
||||
</template> |
||||
<template slot-scope="scope" slot="dateRangeSearch"> |
||||
<el-date-picker v-model="dateRange" type="daterange" placeholder="选择日期" |
||||
value-format="yyyy-MM-dd" format="yyyy-MM-dd" start-placeholder="开始日期" |
||||
end-placeholder="结束日期">> |
||||
</el-date-picker> |
||||
</template> |
||||
<template slot="status" slot-scope="scope"> |
||||
<el-tag v-if="scope.row.status == 2" type="success">已处理</el-tag> |
||||
<el-tag v-if="scope.row.status == 1" type="danger">未处理</el-tag> |
||||
</template> |
||||
<template slot-scope="{type,size,row}" slot="menu"> |
||||
<el-button :disabled="row.status == 2" :size="size" :type="type" @click="handleDispose(row)">处理</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
</el-col> |
||||
</el-row> |
||||
</basic-container> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
import {getAlarmList,disposeAlarm} from "@/api/alarm/alarm" |
||||
export default{ |
||||
data(){ |
||||
return { |
||||
area: "1", |
||||
equipName:'', |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
ip:'', |
||||
isDeplay:'', |
||||
dateRange:[], |
||||
option: { |
||||
lazy: true, |
||||
tip: false, |
||||
searchLabelWidth: 80, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
tree: true, |
||||
border: true, |
||||
index: true, |
||||
dialogClickModal: false, |
||||
viewBtn: false, |
||||
addBtn:false, |
||||
editBtn:false, |
||||
delBtn:false, |
||||
menu: true, |
||||
column: [ |
||||
{ |
||||
label: "故障上报IP", |
||||
prop: "deviceId", |
||||
align: "center", |
||||
}, |
||||
{ |
||||
label: "故障上报IP", |
||||
prop: "ip", |
||||
searchLabelWidth:100, |
||||
align: "center", |
||||
search: true, |
||||
searchslot: true, |
||||
type: "select", |
||||
hide: true, |
||||
row: false, |
||||
display: false, |
||||
viewDisplay: false, |
||||
}, |
||||
{ |
||||
label: "故障详情", |
||||
prop: "content", |
||||
align: "center", |
||||
}, |
||||
{ |
||||
label: "是否已处理", |
||||
prop: "status", |
||||
align: "center", |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入分类名称", |
||||
trigger: "blur" |
||||
}] |
||||
}, |
||||
{ |
||||
label: "是否已处理", |
||||
searchLabelWidth:100, |
||||
prop: "isDeplay", |
||||
searchslot: true, |
||||
search: true, |
||||
type: "select", |
||||
hide: true, |
||||
row: false, |
||||
display: false, |
||||
viewDisplay: false, |
||||
}, |
||||
{ |
||||
label: "故障上报时间", |
||||
prop: "createTime", |
||||
align: "center", |
||||
addDisplay:false, |
||||
editDisplay:false |
||||
}, |
||||
{ |
||||
label: "日期范围", |
||||
prop: "dateRange", |
||||
type: 'datetimerange', |
||||
searchslot: true, |
||||
searchRange: true, |
||||
hide: true, |
||||
search: true, |
||||
row: false, |
||||
display: false, |
||||
viewDisplay: false, |
||||
}, |
||||
], |
||||
}, |
||||
data:[], |
||||
loading:false |
||||
} |
||||
}, |
||||
created(){}, |
||||
methods:{ |
||||
searchChange(params, done) { |
||||
this.page.currentPage = 1; |
||||
this.onLoad(); |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.ip = '' |
||||
this.isDeplay = '' |
||||
this.dateRange = [] |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(); |
||||
}, |
||||
onLoad() { |
||||
let params = {} |
||||
if(this.dateRange.length == 0){ |
||||
params = { |
||||
deviceId:this.ip ? this.ip : null, |
||||
status:this.isDeplay ? this.isDeplay : null, |
||||
current:this.page.currentPage, |
||||
size:this.page.pageSize, |
||||
type:5 |
||||
} |
||||
}else{ |
||||
params = { |
||||
deviceId:this.ip ? this.ip : null, |
||||
status:this.isDeplay ? this.isDeplay : null, |
||||
current:this.page.currentPage, |
||||
size:this.page.pageSize, |
||||
type:5, |
||||
startTime:this.dateRange[0] + ' 00:00:00', |
||||
endTime:this.dateRange[1] + ' 23:59:59' |
||||
} |
||||
} |
||||
this.loading = true; |
||||
getAlarmList(params).then(res =>{ |
||||
this.data = res.data.data.records; |
||||
this.page.total = res.data.data.total; |
||||
this.loading = false |
||||
}) |
||||
}, |
||||
handleDispose(val){ |
||||
console.log('val ====>',val) |
||||
this.$confirm('确定处理该故障?', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}).then(() => { |
||||
let tmp = {id:val.id,status:2} |
||||
console.log(JSON.stringify(tmp)) |
||||
disposeAlarm(JSON.stringify(tmp)).then(res =>{ |
||||
console.log('res ====>',res) |
||||
if(res.data.code == 200){ |
||||
this.$message.success('处理成功') |
||||
this.onLoad() |
||||
} |
||||
}) |
||||
}) |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue