| | |
| | | <!-- 按钮区域 --> |
| | | <div class="main-btns"> |
| | | <div class="main-btns-left"> |
| | | <el-button icon="el-icon-download">下载图片</el-button> |
| | | <!-- <el-button icon="el-icon-download">下载图片</el-button>--> |
| | | <el-button icon="el-icon-folder" @click="exportTableData">导出</el-button> |
| | | </div> |
| | | <div class="main-btns-right"> |
| | |
| | | </div> |
| | | <!-- 数据展示 --> |
| | | <el-table ref="multipleTable" |
| | | :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', 'font-weight': '650', 'line-height': '45px' }" |
| | | :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }" |
| | | :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> |
| | | <el-table-column type="selection" min-width="5"> |
| | | </el-table-column> |
| | |
| | | }, |
| | | exportTableData() { |
| | | basecase.exportViolationData({ current: 1 }) |
| | | .then(() => { |
| | | this.$message.success('操作成功'); |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | .then((res) => { |
| | | console.log(res) |
| | | this.$message.success('操作成功'); |
| | | // let res = basecase.exportUserOperationLogAjax({ |
| | | // startLogTime: transDate(this.searchQuery.date[0], "YYYY-MM-DD"), |
| | | // endLogTime: transDate(this.searchQuery.date[1], "YYYY-MM-DD"), |
| | | // systemName: this.searchQuery.systemName, |
| | | // userName: this.searchQuery.user, |
| | | // }).then((res)=>{ |
| | | // console.log(res) |
| | | // }); |
| | | |
| | | let time = new Date() |
| | | let deathdate =time.toLocaleDateString() |
| | | const blob = new Blob([res.data], { |
| | | type: "application/vnd.ms-excel;charset=utf-8", |
| | | }); |
| | | if (window.navigator.msSaveBlob) { |
| | | window.navigator.msSaveBlob(blob, deathdate+"违规数据" + ".xlsx"); |
| | | } else { |
| | | const url = window.URL.createObjectURL(blob); |
| | | const link = document.createElement("a"); |
| | | link.style.display = "none"; |
| | | link.href = url; |
| | | link.download = deathdate+"违规数据" + ".xlsx"; |
| | | document.body.appendChild(link); |
| | | link.click(); |
| | | document.body.removeChild(link); |
| | | } |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | } |
| | | } |
| | | } |
| | |
| | | color: #4b9bb7; |
| | | |
| | | header { |
| | | background-color: #09152f; |
| | | background-color: white; |
| | | |
| | | .headerContent { |
| | | padding: 20px 40px; |
| | |
| | | } |
| | | |
| | | main { |
| | | background-color: #09152f; |
| | | background-color: #ffffff; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | |
| | |
| | | padding: 0 20px; |
| | | |
| | | .el-button { |
| | | background-color: #17324c; |
| | | background-color: #2f91ec; |
| | | border: 1px solid #17324c; |
| | | color: #4b9bb7; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | |
| | | .el-table { |
| | | color: #4b9bb7; |
| | | // color: #4b9bb7; |
| | | } |
| | | |
| | | .tools { |
| | |
| | | |
| | | &::v-deep .el-input__inner { |
| | | border: none; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | } |
| | | } |
| | | } |