Browse Source

--增加交通气象监测规范文件下载

develop
mengff 3 weeks ago
parent
commit
deee1d94ca
  1. BIN
      ruoyi-ui/public/documents/规范文件.pdf
  2. 27
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/noStakeWaning/index.vue

BIN
ruoyi-ui/public/documents/规范文件.pdf

Binary file not shown.

27
ruoyi-ui/src/views/JiHeExpressway/pages/perception/noStakeWaning/index.vue

@ -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`,

Loading…
Cancel
Save