无人机管理后台前端(已迁走)
张含笑
2025-09-27 ef96f17f28f7b852b4c4e6bb5084816539b73674
src/views/system/helpCenter.vue
@@ -2,7 +2,8 @@
  <basic-container>
    <div class="helpContainer">
      <el-table
        class="custom-table"
        border
        class="custom-header"
        :data="helpData"
        style="width: 100%"
        :row-class-name="tableRowClassName"
@@ -60,20 +61,28 @@
  });
};
// 查看
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) => {
@@ -82,7 +91,6 @@
  const formData = new FormData();
  formData.append('file', file, file.name);
  uploadFileAPI(formData).then(res => {
    if (res.data.code === 200) {
      const params = {
@@ -103,12 +111,12 @@
</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">
@@ -151,5 +159,10 @@
    color: #19876d;
    cursor: pointer;
  }
  :deep(.custom-header th.el-table__cell) {
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
}
</style>