spring
2025-03-20 4ff4e1d736dff5434fcd28508df83af99b54a0d4
src/views/CNAS/process/method/standardMethod/index.vue
@@ -53,10 +53,12 @@
        <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
      </div>
      <div class="btn">
        <!-- <el-button size="small" @click="$refs.ValueTable.openUpload()" v-if="inPower">
          <i class="el-icon-upload2" style="color: #3a7bfa"></i>
          <span style="color: #3a7bfa">导入</span></el-button> -->
        <el-button size="small" type="primary" @click="openAdd" v-if="addPower">新增</el-button>
        <el-upload ref='upload' style="display: inline;margin-right: 8px" :action="uploadAction"
          :before-upload="beforeUpload" :headers="uploadHeader" :on-error="onError" :on-success="handleSuccessUp"
          :show-file-list="false" accept='.xls,.xlsx'>
          <el-button size="small" type="primary">导入</el-button>
        </el-upload>
        <el-button size="small" type="primary" @click="openAdd">新增</el-button>
      </div>
    </div>
    <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
@@ -130,6 +132,7 @@
  },
  data() {
    return {
      uploadAction: process.env.VUE_APP_BASE_API + '/standardMethod/importStandardDetails',
      addPower: true,
      title: "新增",
      inPower: true,
@@ -371,6 +374,29 @@
        })
        .catch(() => { });
    },
    // 上传文件
    beforeUpload(file, fileList) {
      if (file.size > 1024 * 1024 * 10) {
        this.$message.error('上传文件不超过10M');
        this.$refs.upload.clearFiles()
        return false;
      } else {
        return true;
      }
    },
    onError(err, file, fileList) {
      this.$message.error('上传失败')
      this.$refs.upload.clearFiles()
    },
    handleSuccessUp(response, file, fileList) {
      this.$refs.upload.clearFiles()
      if (response.code !== 200) {
        this.$message.error(response.msg)
        return
      }
      this.$message.success('上传成功')
      this.refreshTable()
    },
  },
};
</script>