| | |
| | | <basic-container> |
| | | <div class="helpContainer"> |
| | | <el-table |
| | | class="custom-table" |
| | | border |
| | | class="custom-header" |
| | | :data="helpData" |
| | | style="width: 100%" |
| | | :row-class-name="tableRowClassName" |
| | |
| | | }); |
| | | }; |
| | | // 查看 |
| | | const clickDetail = row => { |
| | | if (!row.filePath) { |
| | | // const clickDetail = row => { |
| | | // if (!row.filePath) { |
| | | // ElMessage.warning('没有可预览的文件'); |
| | | // return; |
| | | // } |
| | | // fetch(row.filePath) |
| | | // .then(response => response.blob()) |
| | | // .then(res => { |
| | | // let blob = new Blob([res], { type: 'application/pdf' }); |
| | | // // pdfurl即转化后的结果 |
| | | // let pdfurl = window.URL.createObjectURL(blob); |
| | | // // 新标签页打开,即可预览并下载 |
| | | // window.open(pdfurl); |
| | | // }); |
| | | // }; |
| | | const clickDetail = val => { |
| | | const filePath = val.filePath; |
| | | if (!val.filePath) { |
| | | ElMessage.warning('没有可预览的文件'); |
| | | return; |
| | | } |
| | | fetch(row.filePath) |
| | | .then(response => response.blob()) |
| | | .then(res => { |
| | | let blob = new Blob([res], { type: 'application/pdf' }); |
| | | // pdfurl即转化后的结果 |
| | | let pdfurl = window.URL.createObjectURL(blob); |
| | | // 新标签页打开,即可预览并下载 |
| | | window.open(pdfurl); |
| | | }); |
| | | window.open(filePath, '_blank'); |
| | | }; |
| | | // 文件上传 |
| | | const onUploadFileBefore = (file, row) => { |
| | |
| | | const formData = new FormData(); |
| | | formData.append('file', file, file.name); |
| | | |
| | | |
| | | uploadFileAPI(formData).then(res => { |
| | | if (res.data.code === 200) { |
| | | const params = { |
| | |
| | | </script> |
| | | <style lang="scss"> |
| | | .helpContainer { |
| | | .el-table .success-row { |
| | | --el-table-tr-bg-color: #fff; |
| | | } |
| | | .el-table .warning-row { |
| | | --el-table-tr-bg-color: #f3f6ff; |
| | | } |
| | | // .el-table .success-row { |
| | | // --el-table-tr-bg-color: #fff; |
| | | // } |
| | | // .el-table .warning-row { |
| | | // --el-table-tr-bg-color: #f3f6ff; |
| | | // } |
| | | } |
| | | </style> |
| | | <style scoped lang="scss"> |
| | |
| | | color: #19876d; |
| | | cursor: pointer; |
| | | } |
| | | :deep(.custom-header th.el-table__cell) { |
| | | color: rgba(0, 0, 0, 0.85); |
| | | background: #fafafa; |
| | | |
| | | } |
| | | } |
| | | </style> |