feat(report): 新增PDF报告预览功能并重构报告下载流程

liding

7 天以前 6eeb82e56306d645a290a0f5ba202efe3ef2385d

 src/views/CNAS/process/reportResults/index.vue

@@ -114,14 +114,18 @@
      </el-form>
      <template #footer><span  class="dialog-footer">
        <el-button @click="downloadDialogVisible = false">取 消</el-button>
        <el-button :disabled="!downloadRow" @click="previewReport(downloadRow)">预览有章报告</el-button>
        <el-button type="primary" :loading="downloadingReportId !== null"
                   @click="downloadSelectedReport">下 载</el-button>
      </span></template>
    </el-dialog>
    <report-preview ref="reportPreview" />
  </div>
</template>

<script>
import ReportPreview from '@/components/ReportPreview/index.vue'
import { reportFilename } from '@/utils/reportPreview'
import limsTable from "@/components/Table/lims-table.vue";
import {
  exportProcessReport,
@@ -137,7 +141,8 @@
export default {
  name: 'ReportResults',
  components: {
    limsTable
    limsTable,
    ReportPreview
  },
  data() {
    return {
@@ -171,8 +176,13 @@
          dataType: "action",
          fixed: "right",
          label: "操作",
          width: "180px",
          width: "230px",
          operation: [
            {
              name: "预览",
              type: "text",
              clickFun: row => this.previewReport(row),
            },
            {
              name: "下载",
              type: "text",
@@ -305,6 +315,13 @@
      this.addInfo = { ...row }
      this.addDialogVisible = true;
    },
    previewReport(row) {
      this.$refs.reportPreview.open([{
        key: 'stamped', label: '有章报告', format: 'pdf',
        filename: reportFilename(row.insReportCode || '有章报告', 'pdf'),
        load: signal => downloadStampedReport(row.id, 'pdf', signal)
      }])
    },
    handleDownload(row) {
      this.downloadRow = row
      this.selectedDownloadFormat = 'pdf'