<el-upload
        :on-success="onSucess"
        :on-error="uploadError"
        :before-upload="beforeUpload"
        :multiple="false"
        class="upload-demo"
        action="/api/ZTMM/ntmm-mmacct/upload"
        :headers="headersParam"
        :data="tbmmacct"
        :show-file-list="false"
      >
        <el-tooltip
          class="item"
          effect="light"
          content="請上傳.xls格式文件"
          placement="right"
        >
          <el-button size="small" v-if="uploadBtn"
            ><span style="color: #66b1ff">選取文件</span></el-button
          >
        </el-tooltip>
      </el-upload>

   beforeUpload(file) {
      this.loading = true;
      const isXLS = file.type === "application/vnd.ms-excel";
      if (!isXLS) {
        this.$message.error("上傳文件只能是xls格式!");
        this.loading = false;
        return false;
      }
      // this.loading = true;
      // 使用 FileReader 讀取文件內(nèi)容進(jìn)行校驗(yàn)
      const reader = new FileReader();
      reader.onload = async (e) => {
        const fileContent = e.target.result;

        // 解析 Excel 文件內(nèi)容
        const workbook = XLSX.read(fileContent, { type: "array" });
        const sheet = workbook.Sheets[workbook.SheetNames[0]]; // 獲取第一個 sheet
        const data = XLSX.utils.sheet_to_json(sheet); // 將 sheet 轉(zhuǎn)為 JSON 數(shù)組

        // 進(jìn)行自定義的文件內(nèi)容校驗(yàn)
        if (await this.validateFileContent(data)) {
          this.$message.success("文件內(nèi)容校驗(yàn)通過");
          this.loading = false;
          this.uploadFile(file);
        } else {
          this.$message.error("文件為空或內(nèi)容格式不符合要求, 請重新檢查上傳!");
          this.loading = false;
          return false; // 校驗(yàn)失敗，阻止上傳
        }
      };

      // 讀取文件內(nèi)容
      reader.readAsArrayBuffer(file);
      // 返回 false，表示文件上傳暫時被阻止，等待校驗(yàn)完成
      return false;
    },

    uploadFile(file) {
      // 手動觸發(fā)上傳，這里可以通過修改 `action` 或直接調(diào)用 `upload` 方法上傳
      const formData = new FormData();
      formData.append("file", file);

      // 進(jìn)行自定義的上傳請求
      this.$axios
        .post("/api/ZTMM/ntmm-mmacct/upload", formData, {
          headers: {
            "Content-Type": "multipart/form-data",
            ...this.headersParam, // 如果有額外的頭部信息
          },
          params: this.tbmmacct, // 如果有額外的請求數(shù)據(jù)
        })
        .then((response) => {
          this.$message.success("文件上傳成功");
          this.getFiles();
          // 處理成功邏輯
        })
        .catch((error) => {
          this.$message.error("文件上傳失敗");
          // 處理錯誤邏輯
        });
    },
    async validateFileContent(data) {
      console.log(data, "daat");

      if (data && data.length > 0) {
        let newArr = data.slice(1);
        // 轉(zhuǎn)換數(shù)據(jù)格式
        const transformedData = newArr.map((item) => ({
          itemId: item["盤條到貨記錄導(dǎo)入模版"],
          itemName: item["__EMPTY"],
          arrivalQuantity: item["__EMPTY_1"],
          expectedArrivalTime: item["__EMPTY_2"],
          creUser: item["__EMPTY_3"],
          creTime: item["__EMPTY_4"],
        }));
        return this.validateData(transformedData);
      }
      return false; // 如果文件沒有符合的內(nèi)容，返回 false
    },
    validateData(data) {
      if (data.length === 0) {
        return false;
      }

      for (const item of data) {
        // 校驗(yàn) itemId
        if (
          typeof item.itemId !== "string" ||
          item.itemId.length < 1 ||
          item.itemId.length > 14 ||
          item.itemId === null ||
          item.itemId === undefined
        ) {
          return false;
        }

        // 校驗(yàn) itemName
        if (
          typeof item.itemName !== "string" ||
          item.itemName.length < 1 ||
          item.itemName.length > 10 ||
          item.itemName === null ||
          item.itemName === undefined
        ) {
          return false;
        }

        // 校驗(yàn) arrivalQuantity
        const arrivalQuantity = parseInt(item.arrivalQuantity, 10);
        if (
          isNaN(arrivalQuantity) ||
          arrivalQuantity < 1 ||
          item.arrivalQuantity.length < 1 ||
          item.arrivalQuantity.length > 2 ||
          item.arrivalQuantity === null ||
          item.arrivalQuantity === undefined
        ) {
          return false;
        }

        // 校驗(yàn) expectedArrivalTime
        const expectedArrivalTime = new Date(item.expectedArrivalTime);
        if (
          isNaN(expectedArrivalTime.getTime()) ||
          item.expectedArrivalTime === null ||
          item.expectedArrivalTime === undefined
        ) {
          return false;
        }

        // // 校驗(yàn) creUser
        // if (typeof item.creUser !== "string" || item.creUser.length < 1 || item.creUser === null || item.creUser === undefined) {
        //   return false;
        // }

        // // 校驗(yàn) creTime
        // if (typeof item.creTime !== "string" || item.creTime.length < 1 || item.creTime === null || item.creTime === undefined) {
        //   return false;
        // }
      }
      return true; // 所有校驗(yàn)通過
    },

?// 使用 FileReader 讀取文件內(nèi)容進(jìn)行校驗(yàn)
? ? ? const reader = new FileReader();
? ? ? reader.onload = async (e) => {
? ? ? ? const fileContent = e.target.result;
? ? ? ? // 解析 Excel 文件內(nèi)容
? ? ? ? const workbook = XLSX.read(fileContent, { type: "array" });
? ? ? ? const sheet = workbook.Sheets[workbook.SheetNames[0]]; // 獲取第一個 sheet
? ? ? ? const data = XLSX.utils.sheet_to_json(sheet); // 將 sheet 轉(zhuǎn)為 JSON 數(shù)組
? ? ? ? // 進(jìn)行自定義的文件內(nèi)容校驗(yàn)
? ? ? ? if (await this.validateFileContent(data)) {
? ? ? ? ? this.$message.success("文件內(nèi)容校驗(yàn)通過");
? ? ? ? ? this.loading = false;
? ? ? ? ? this.uploadFile(file);
? ? ? ? } else {
? ? ? ? ? this.$message.error("文件為空或內(nèi)容格式不符合要求, 請重新檢查上傳!");
? ? ? ? ? this.loading = false;
? ? ? ? ? return false; // 校驗(yàn)失敗，阻止上傳
? ? ? ? }
? ? ? };
? ? ? // 讀取文件內(nèi)容
? ? ? reader.readAsArrayBuffer(file);
? ? ? // 返回 false，表示文件上傳暫時被阻止，等待校驗(yàn)完成
? ? ? return false;