|
|
|
@ -11,7 +11,7 @@ |
|
|
|
</template> |
|
|
|
新增 |
|
|
|
</ButtonGradient> |
|
|
|
<ButtonGradient> |
|
|
|
<ButtonGradient @click="onExport"> |
|
|
|
<template #prefix> |
|
|
|
<img src="./images/export.svg" /> |
|
|
|
</template> |
|
|
|
@ -43,7 +43,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- "详情"弹出框 --> |
|
|
|
<EventDetailDialog :visible="eventDetailDialogVisible" @update:value="handleClose" /> |
|
|
|
<EventDetailDialog :visible="eventDetailDialogVisible" :formData="detailDialogFormData" @update:value="handleClose" /> |
|
|
|
<!-- "新增"弹出框 --> |
|
|
|
<FormEvent :visible="isShowAddNew" @close="onCloseAddNew" /> |
|
|
|
|
|
|
|
@ -115,7 +115,8 @@ export default { |
|
|
|
pageSize: 12, |
|
|
|
pageNum: 1, |
|
|
|
eventState: null |
|
|
|
} |
|
|
|
}, |
|
|
|
detailDialogFormData: {} |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -127,7 +128,7 @@ export default { |
|
|
|
|
|
|
|
this.searchData.eventState = activeName == '-1' ? null : activeName; |
|
|
|
|
|
|
|
// this.data = getMockData(); |
|
|
|
this.getData(); |
|
|
|
}, |
|
|
|
getStateCardBind(item) { |
|
|
|
const { state, textColor, text } = tabMap[this.activeName] |
|
|
|
@ -162,24 +163,58 @@ export default { |
|
|
|
onAddNew() { |
|
|
|
this.isShowAddNew = true; |
|
|
|
}, |
|
|
|
onExport() { |
|
|
|
let loadingInstance = Loading.service({ fullscreen: true, background: "#00000052", text: "文件正在下载..." }); |
|
|
|
request({ |
|
|
|
url: '/dc/system/event/export', |
|
|
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, |
|
|
|
responseType: 'blob' |
|
|
|
}).then((res) => { |
|
|
|
console.log(res); |
|
|
|
const url = window.URL.createObjectURL(new Blob([res])) |
|
|
|
let link = document.createElement('a') |
|
|
|
link.style.display = 'none' |
|
|
|
link.href = url |
|
|
|
link.setAttribute('download', '事件信息列表.xlsx') |
|
|
|
document.body.appendChild(link) |
|
|
|
link.click() |
|
|
|
URL.revokeObjectURL(link.href) // 释放URL 对象 |
|
|
|
document.body.removeChild(link) |
|
|
|
link = null |
|
|
|
loadingInstance.close(); |
|
|
|
}).catch(err => { |
|
|
|
Message.error(err); |
|
|
|
loadingInstance.close(); |
|
|
|
}) |
|
|
|
}, |
|
|
|
onCloseAddNew() { |
|
|
|
this.isShowAddNew = false; |
|
|
|
}, |
|
|
|
firstBtnClick() { |
|
|
|
this.eventDetailDialogVisible = true |
|
|
|
firstBtnClick(id) { |
|
|
|
console.log('id', id) |
|
|
|
request({ |
|
|
|
url: `/dc/system/event/${id}`, |
|
|
|
method: "get", |
|
|
|
}).then(result => { |
|
|
|
if (result.code != 200) return Message.error(result?.msg); |
|
|
|
this.detailDialogFormData = result.data; |
|
|
|
|
|
|
|
this.eventDetailDialogVisible = true |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
handleClose() { |
|
|
|
this.eventDetailDialogVisible = false; |
|
|
|
}, |
|
|
|
handleSearch(data) { |
|
|
|
console.log('data',data); |
|
|
|
console.log('data', data); |
|
|
|
let daterange = data.daterange; |
|
|
|
|
|
|
|
let dStakeMark = data.stakeMark; |
|
|
|
let dendStakeMark = data.endStakeMark; |
|
|
|
|
|
|
|
let stakeMark = `K${dStakeMark[0]}+${dStakeMark[1]}` |
|
|
|
let endStakeMark = `K${dendStakeMark[0]}+${dendStakeMark[1]}` |
|
|
|
let endStakeMark = `K${dendStakeMark[0]}+${dendStakeMark[1]}` |
|
|
|
|
|
|
|
this.searchData = { |
|
|
|
...this.searchData, |
|
|
|
@ -192,7 +227,21 @@ export default { |
|
|
|
} |
|
|
|
this.getData(); |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
resultMapping(type, value) { |
|
|
|
const keyMap = { |
|
|
|
'eventSource': { |
|
|
|
1: '96659', |
|
|
|
2: '交警转接', |
|
|
|
3: '道路巡查', |
|
|
|
4: '视频巡查', |
|
|
|
5: '视频AI', |
|
|
|
6: '一键救援', |
|
|
|
7: '其他', |
|
|
|
} |
|
|
|
} |
|
|
|
return keyMap[type][value]; |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
zhoule
1 year ago