档案管理-添加导出功能

gaoluyang

2 天以前 9aae2af6f3937a7d99ec619b51f457002cef969f

 src/views/qualityManagement/rawMaterialInspection/index.vue

@@ -41,7 +41,7 @@
    <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia>
    <FormDia ref="formDia" @close="handleQuery"></FormDia>
    <files-dia ref="filesDia" @close="handleQuery"></files-dia>
    <el-dialog v-model="dialogFormVisible" title="编辑检验员" width="70%"
    <el-dialog v-model="dialogFormVisible" title="编辑检验员" width="30%"
               @close="closeDia">
      <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef">
        <el-form-item label="检验员：" prop="checkName">
@@ -81,12 +81,9 @@
const data = reactive({
  searchForm: {
    supplier: "",
    entryDate: [
      dayjs().format("YYYY-MM-DD"),
      dayjs().add(1, "day").format("YYYY-MM-DD"),
    ], // 录入日期
    entryDateStart: dayjs().format("YYYY-MM-DD"),
    entryDateEnd: dayjs().add(1, "day").format("YYYY-MM-DD"),
    entryDate: undefined, // 录入日期
    entryDateStart: undefined,
    entryDateEnd: undefined,
  },
  rules: {
    checkName: [{required: true, message: "请选择", trigger: "change"}],
@@ -160,7 +157,7 @@
    label: "操作",
    align: "center",
    fixed: "right",
    width: 250,
    width: 280,
    operation: [
      {
        name: "编辑",
@@ -168,6 +165,9 @@
        clickFun: (row) => {
          openForm("edit", row);
        },
            disabled: (row) => {
               return row.inspectState == 1;
            }
      },
      {
        name: "附件",
@@ -182,6 +182,9 @@
        clickFun: (row) => {
          submit(row.id);
        },
            disabled: (row) => {
               return row.inspectState == 1;
            }
      },
      {
        name: "分配检验员",
@@ -193,6 +196,9 @@
            proxy.$modal.msgError("检验员已存在");
          }
        },
            disabled: (row) => {
               return row.inspectState == 1 || row.checkName;
            }
      },
      {
        name: "下载",
@@ -263,12 +269,6 @@
const openForm = (type, row) => {
  nextTick(() => {
    formDia.value?.openDialog(type, row)
  })
};
// 打开新增检验弹框
const openInspectionForm = (type, row) => {
  nextTick(() => {
    inspectionFormDia.value?.openDialog(type, row)
  })
};
// 打开附件弹框
@@ -354,19 +354,18 @@
}

const downLoadFile = (row) => {
  downloadQualityInspect({id: row.id}).then(res => {
    // 创建 blob 对象
    const blob = new Blob([res.data], {type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'})
  downloadQualityInspect({ id: row.id }).then((blobData) => {
    const blob = new Blob([blobData], {
      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
    })
    const downloadUrl = window.URL.createObjectURL(blob)

    // 创建临时 <a> 标签进行下载
    const link = document.createElement('a')
    link.href = downloadUrl
    link.download = '检验报告.docx' // 这里和后端一致
    link.download = '原材料检验报告.docx'
    document.body.appendChild(link)
    link.click()

    // 清理
    document.body.removeChild(link)
    window.URL.revokeObjectURL(downloadUrl)
  })