diff --git a/src/views/dataManage/deviceData/listDigData.vue b/src/views/dataManage/deviceData/listDigData.vue index fa4bbc7..be4a9e4 100644 --- a/src/views/dataManage/deviceData/listDigData.vue +++ b/src/views/dataManage/deviceData/listDigData.vue @@ -8,8 +8,9 @@ @@ -26,44 +27,30 @@ -
- - -
- 数据列表 -
- - - - 导出记录 - - - - - - + + + + @@ -72,6 +59,7 @@ import DeptSelect from '../../../components/DeptSelect/index' import { parseUrl } from '@/utils/parseutils' import { getSearchLastWeekTime } from '@/utils/dateutils' +import { exportFile } from '@/utils/exportutils' export default { name: 'ListDigData', @@ -83,7 +71,7 @@ }, // 设备类型 name: { type: String, - default: '激光甲烷遥测云台' + default: '' } // 设备名称 }, data() { @@ -100,81 +88,24 @@ }, // 筛选条件 timeRange: [], // 时间范围 columns: [ - { - text: '设备编号', - value: 'devcode', - align: 'center' - }, - { - text: '点位编号', - value: 'wellCode', - align: 'center' - }, - { - text: '设备类型', - value: 'deviceTypeName', - align: 'center' - }, - { - text: '噪声值(mg)', - value: 'ddata', - align: 'center' - }, - { - text: '电量(%)', - value: 'cell', - width: 80, - align: 'center', - checkCell: true - }, - // { - // text: '状态描述', - // value: 'descn', - // width: 80, - // align: 'center', - // checkCell: true - // }, - { - text: '权属单位', - value: 'deptName', - align: 'center' - }, - { - text: '上传时间', - value: 'uptime', - width: 170, - align: 'center' - } + { text: '设备编号', value: 'devcode', align: 'center' }, + { text: '点位编号', value: 'wellCode', align: 'center' }, + { text: '设备类型', value: 'deviceTypeName', align: 'center' }, + { text: '噪声值(mg)', value: 'ddata', align: 'center' }, + { text: '电量(%)', value: 'cell', width: 80, align: 'center', checkCell: true }, + { text: '权属单位', value: 'deptName', align: 'center' }, + { text: '上传时间', value: 'uptime', width: 170, align: 'center' } ], // 显示列 - multipleSelection: [], // 多选选中项 + // multipleSelection: [], // 多选选中项 list: [], // 列表数据 total: 0, // 数据总数 - deviceTypeList: [], // 开挖配置类型列表 - deptProps: { - parent: 'pid', - value: 'id', - label: 'name', - children: 'children' - }, // 权属单位树形下拉菜单 - deptTreeList: null, // 组织树列表数据 - showDeptTree: 0, // 是否显示权属单位下拉 - showDeviceType: true, // 是否显示设备类型下拉 + options: { + needIndex: true, // 是否需要序号列 + border: true // 是否需要上方边框 + }, listLoading: true, // 加载动画 fullscreenLoading: false, // 全屏加载动画 - editShow: false, // 是否显示编辑框 - detailShow: false, // 是否显示编辑框 - deptShowTop: false - } - }, - watch: { - timeRange(val) { - if (val && val.length > 0) { - this.listQuery.beginTime = val[0] - this.listQuery.endTime = val[1] - } else { - this.listQuery.beginTime = '' - this.listQuery.endTime = '' - } + editShow: false // 是否显示编辑框 } }, mounted() { @@ -209,15 +140,12 @@ }) batchExportDigData(this.listQuery).then(res => { loading.close() // 关闭加载动画 + let fileName = `${this.name}数据-${this.listQuery.beginTime}-${this.listQuery.endTime}.xlsx` + fileName = fileName.replace(/-|:| /g, '') const blob = new Blob([res.data]) - const downloadElement = document.createElement('a') - const href = window.URL.createObjectURL(blob) // 创建下载的链接 - downloadElement.href = href - downloadElement.download = `开挖监测仪数据.xlsx` // 下载后文件名 - document.body.appendChild(downloadElement) - downloadElement.click() // 点击下载 - document.body.removeChild(downloadElement) // 下载完成移除元素 - window.URL.revokeObjectURL(href) // 释放blob对象 + exportFile(blob, fileName) + }).catch((res) => { + loading.close() }).catch((res) => { loading.close() }) @@ -232,6 +160,10 @@ if (!isNowPage) { // 是否显示当前页，否则跳转第一页 this.listQuery.offset = 1 } + this.handleDateTime() + }, + // 处理时间 + handleDateTime() { getDigData(this.listQuery).then(response => { this.list = response.data.rows this.total = parseInt(response.data.total) @@ -244,57 +176,22 @@ return 'warning-state' } }, - indexMethod(index) { - return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1 - }, - // 改变页容量 - handleSizeChange(val) { - this.listQuery.limit = val + // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写 + changePage(val) { + if (val && val.size) { + this.listQuery.limit = val.size + } + if (val && val.page) { + this.listQuery.offset = val.page + } this.fetchData() - }, - // 改变当前页 - handleCurrentChange(val) { - this.listQuery.offset = val - this.fetchData() - }, - // 多选触发方法 - handleSelectionChange(val) { - this.multipleSelection = val + // }, } } }