| | |
|---|
| | | <!-- 数据展示 --> |
|---|
| | | <el-table |
|---|
| | | ref="multipleTable" |
|---|
| | | :default-sort="{ prop: 'createTime' }" |
|---|
| | | :header-cell-style="{ |
|---|
| | | background: '#06122c', |
|---|
| | | 'font-size': '12px', |
|---|
| | |
|---|
| | | <el-table-column type="selection" min-width="5"> </el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | prop="createTime" |
|---|
| | | sortable |
|---|
| | | label="日志时间" |
|---|
| | | min-width="10" |
|---|
| | | :sort-orders="['descending','ascending']" |
|---|
| | | sortable="custom" |
|---|
| | | > |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ changeTime(scope.row.createTime) }}</span> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | import {getNowDate} from '@/utils/helper' |
|---|
| | | import helper from "@/utils/mydate"; |
|---|
| | | import { parseTime } from "@/utils/index"; |
|---|
| | | import { createNamespacedHelpers } from "vuex"; |
|---|
| | |
|---|
| | | label: "批量删除", |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | mysort: 0, |
|---|
| | | mysort: 1, |
|---|
| | | tempList: [], |
|---|
| | | operationType: "全部", |
|---|
| | | operationTypeList: [], |
|---|
| | |
|---|
| | | }, |
|---|
| | | // 导出日志 |
|---|
| | | async handleExport() { |
|---|
| | | const { currentPage, pageSize, context, operationType } = this; |
|---|
| | | const { currentPage, pageSize, context, operationType, mysort, mytime } = |
|---|
| | | this; |
|---|
| | | console.log(mytime); |
|---|
| | | let arr = await this.exportLogs({ |
|---|
| | | content: context, |
|---|
| | | current: currentPage, |
|---|
| | | endTime: mytime[1] !== "" ? parseTime(mytime[1]) : "", |
|---|
| | | id: "", |
|---|
| | | operationType: operationType === "全部" ? "" : operationType, |
|---|
| | | portEquipment: "", |
|---|
| | | size: pageSize, |
|---|
| | | startTime: mytime[0] !== "" ? parseTime(mytime[0]) : "", |
|---|
| | | sort: mysort, |
|---|
| | | }); |
|---|
| | | let fileName = arr.headers["content-disposition"]; |
|---|
| | | console.log(fileName); |
|---|
| | | if (fileName) { |
|---|
| | | fileName = fileName.slice(fileName.indexOf("filename=") + 9); |
|---|
| | | } |
|---|
| | | let fileName = getNowDate(new Date()); |
|---|
| | | const blob = new Blob([arr.data], { |
|---|
| | | type: "application/octet-stream", |
|---|
| | | }); |
|---|
| | |
|---|
| | | const href = window.URL.createObjectURL(blob); |
|---|
| | | downloadElement.href = href; |
|---|
| | | // // 下载后文件名 |
|---|
| | | downloadElement.download = fileName; |
|---|
| | | downloadElement.download = fileName + '日志数据.xlsx'; |
|---|
| | | document.body.appendChild(downloadElement); |
|---|
| | | // 点击下载 |
|---|
| | | downloadElement.click(); |
|---|
| | |
|---|
| | | document.body.removeChild(downloadElement); |
|---|
| | | // 释放掉blob对象 |
|---|
| | | window.URL.revokeObjectURL(href); |
|---|
| | | this.setTableData(); |
|---|
| | | }, |
|---|
| | | // 设置操作类型 |
|---|
| | | async setOperationType() { |
|---|
