|
@ -9,22 +9,28 @@ |
|
|
</template> |
|
|
</template> |
|
|
刷新 |
|
|
刷新 |
|
|
</ButtonGradient> |
|
|
</ButtonGradient> |
|
|
|
|
|
<ButtonGradient @click="downloadPDF" class="refresh-btn"> |
|
|
|
|
|
<template #prefix> |
|
|
|
|
|
<img src="@screen/images/export.svg" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
规范文件 |
|
|
|
|
|
</ButtonGradient> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<InputSearch ref="searchComp" style="width: 400px" :formList="searchFormList" |
|
|
<InputSearch ref="searchComp" style="width: 400px" :formList="searchFormList" |
|
|
:formConfigOptions="{ dFormData: { eventState: '0' } }" @handleSearch="handleSearch" /> |
|
|
:formConfigOptions="{ dFormData: { eventState: '0' } }" @handleSearch="handleSearch" /> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<!-- 内容 --> |
|
|
<!-- 内容 --> |
|
|
<div class="body"> |
|
|
<div class="body"> |
|
|
|
|
|
|
|
|
<Table :data="tableData" height="75vh" @cell-click="onCellClick"> |
|
|
<Table :data="tableData" height="75vh" @cell-click="onCellClick"> |
|
|
<el-table-column label="序号" type="index" :index="indexMethod" width="100" align="center" |
|
|
<el-table-column label="序号" type="index" :index="indexMethod" width="100" align="center" |
|
|
header-align="center" /> |
|
|
header-align="center" /> |
|
|
<ElTableColumn label="预警类型" prop="warningType" width="160" align="center" header-align="center" /> |
|
|
<ElTableColumn label="预警类型" prop="warningType" width="160" align="center" header-align="center" /> |
|
|
<ElTableColumn label="报警内容" show-overflow-tooltip prop="warningDescription" header-align="center" /> |
|
|
<ElTableColumn label="报警内容" show-overflow-tooltip prop="warningDescription" header-align="center" /> |
|
|
<ElTableColumn label="报警时间" prop="warningTime" width="220" align="center" header-align="center" /> |
|
|
<ElTableColumn label="报警时间" prop="warningTime" width="220" align="center" header-align="center" /> |
|
|
|
|
|
|
|
|
</Table> |
|
|
</Table> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -90,7 +96,7 @@ export default { |
|
|
mounted(){ |
|
|
mounted(){ |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
|
|
|
onCellClick(row, column, cell, event) { |
|
|
onCellClick(row, column, cell, event) { |
|
|
if(row.warningType === '交通流预警'){ |
|
|
if(row.warningType === '交通流预警'){ |
|
|
this.dialogWarningVisible = true; |
|
|
this.dialogWarningVisible = true; |
|
@ -101,6 +107,15 @@ export default { |
|
|
this.searchData.pageNum = 1; |
|
|
this.searchData.pageNum = 1; |
|
|
this.$refs.searchComp.handleResetForm(); |
|
|
this.$refs.searchComp.handleResetForm(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
downloadPDF() { |
|
|
|
|
|
const filePath = '/documents/规范文件.pdf'; |
|
|
|
|
|
const link = document.createElement('a'); |
|
|
|
|
|
link.href = filePath; |
|
|
|
|
|
link.download = '规范文件.pdf'; |
|
|
|
|
|
document.body.appendChild(link); |
|
|
|
|
|
link.click(); |
|
|
|
|
|
document.body.removeChild(link); |
|
|
|
|
|
}, |
|
|
handleSearch(data) { |
|
|
handleSearch(data) { |
|
|
let startTime = null; |
|
|
let startTime = null; |
|
|
let endTime = null; |
|
|
let endTime = null; |
|
@ -121,7 +136,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// |
|
|
// |
|
|
|
|
|
|
|
|
handleDelete(row){ |
|
|
handleDelete(row){ |
|
|
const self = this; |
|
|
const self = this; |
|
|
this.$confirm('是否确认删除?', "警告", { |
|
|
this.$confirm('是否确认删除?', "警告", { |
|
@ -138,7 +153,7 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}).catch(function() {}); |
|
|
}).catch(function() {}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
initData() { |
|
|
initData() { |
|
|
request({ |
|
|
request({ |
|
|
url: `/business/dcNoStakeWarningTable/list`, |
|
|
url: `/business/dcNoStakeWarningTable/list`, |
|
|