修改现场测试问题

src/views/govern/analyze/DVR/index.vue

@@ -3,12 +3,19 @@
         <div class="analyze-dvr" v-show="!isWaveCharts" :style="{ height: pageHeight.height }" v-loading="loading">
             <DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
             <div class="analyze-dvr-right" v-if="tableStore.table.params.deviceId">
+                <TableHeader :showReset="false" showExport>
+                    <template v-slot:select>
+                        <el-form-item label="关键字">
+                            <el-input v-model.trim="tableStore.table.params.searchValue" placeholder="请输入关键字" />
+                        </el-form-item>
+                    </template>
+                </TableHeader>
                 <Table v-if="view" ref="tableRef"></Table>
             </div>
             <el-empty v-else description="请选择设备" class="analyze-dvr-right" />
         </div>
         <waveFormAnalysis v-loading="loading" v-if="isWaveCharts" ref="waveFormAnalysisRef"
-            @handleHideCharts="isWaveCharts = false" :wp="wp"  style="padding: 10px;"/>
+            @handleHideCharts="isWaveCharts = false" :wp="wp" style="padding: 10px;" />
         <!-- <div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
             <el-row>
                 <el-col :span="12">
@@ -52,8 +59,9 @@ import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import waveFormAnalysis from '@/views/govern/device/control/tabs/components/waveFormAnalysis.vue';
 import { analyseWave } from '@/api/common'
-import shushiboxi from '@/components/echarts/shushiboxi.vue'
-import rmsboxi from '@/components/echarts/rmsboxi.vue'
+import TableHeader from '@/components/table/header/index.vue'
+
+import { getFileZip } from '@/api/cs-harmonic-boot/datatrend'
 import { ElMessage } from 'element-plus'
 defineOptions({
     name: 'govern/analyze/DVR'
@@ -83,7 +91,7 @@ const tableStore = new TableStore({
     url: '/cs-harmonic-boot/eventUser/queryEventpageWeb',
     method: 'POST',
     column: [
-        { title: '事件描述', field: 'showName' },
+        { title: '事件描述', field: 'showName', sortable: true },
         { title: '发生位置', field: 'evtParamPosition' },
         { title: '持续时间(s)', field: 'evtParamTm' },
         { title: '暂降深度', field: 'evtParamVVaDepth' },
@@ -156,13 +164,17 @@ const tableStore = new TableStore({
                         return !row.wavePath
                     },
                     click: row => {
-                        row.loading2 = true
-                        const url = window.location.origin + '/api/cs-harmonic-boot/event/getFileZip?eventId=' + row.id
-                        window.open(url, '_self')
-                        setTimeout(() => {
-                            ElMessage.success('波形下载成功！')
-                            row.loading2 = false
-                        }, 1500)
+                        getFileZip({ eventId: row.id }).then(res => {
+                            let blob = new Blob([res], { type: 'application/zip' }) // console.log(blob) // var href = window.URL.createObjectURL(blob); //创建下载的链接
+                            const url = window.URL.createObjectURL(blob)
+                            const link = document.createElement('a') // 创建a标签
+                            link.href = url
+                            link.download = row.wavePath.split('/')[2] || '波形文件' // 设置下载的文件名
+                            document.body.appendChild(link)
+                            link.click() //执行下载
+                            document.body.removeChild(link) //释放标签
+
+                        })
                     }
                 },
             ]