cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.60

package/src/components/excelImport/mixins.js

@@ -1,850 +1,904 @@
 /**version-1.0*/
-import { read, utils } from "xlsx";
+import { loadXlsx } from "@base/utils/xlsxLoader";
 
 let tmixins = {};
-var XLSX = window.XLSX || { read, utils };
-import { getToken } from "../../utils/auth";
-import XEUtils from "xe-utils";
-import { getErrorMsg } from "@base/utils/index.js";
-
+import { getToken } from "../../utils/auth";
+import XEUtils from "xe-utils";
+import { getErrorMsg } from "@base/utils/index.js";
+import {
+  getImportCellText,
+  getImportFileSizeLimit,
+  getImportRowLimit,
+  isImportFileOversize,
+  isImportRowsOverLimit,
+  toFileSizeMb,
+} from "../../utils/importLimit";
+
 let configUtil = {
   baseUrl: process.env.VUE_APP_BASE_API,
-  XLSX,
   getToken,
 };
-let importTimer = null;
-let loadingObj = null;
-tmixins = {
-  name: "excelImport",
-  props: ["param"],
-  data() {
-    return {
-      excTime: 0,
-      showImportDialog: false,
-      showImportDialog2: false,
-      falseValue: false,
-      fileRaw: false,
-      isEnd: false,
-      currentIndex: 0,
-      excelTemplate: "",
-      prefix: "/user",
-      dataSize: 0,
-      totalSuccessNum: 0,
-      totalErrorNum: 0,
-      percentageNum: 0,
-      successRows: [],
-      failRows: [],
-      oriCols: [],
-      showImportResult: false,
-      resultType: "",
-      option: {},
-      showContent: false,
-      resOption: {},
-    };
-  },
-  created() {},
-  beforeDestroy() {
-    this.clearImportTimer();
-  },
-  methods: {
-    initResGird() {
-      var that = this;
-      let tableRef = "resGrid";
-      let columns = [
-        {
-          type: "checkbox",
-          fixed: "left",
-          width: 48,
-          resizable: false,
-          headerClassName: "vxe-hcs",
-          className: "vxe-hcs",
-        },
-        {
-          field: "impNumber",
-          title: this.$t2("行号", "components.excelImport.impNumber"),
-          width: 100,
-          fixed: "left",
-        },
-        {
-          field: "_resultContent",
-          title: this.$t2("结果", "components.excelImport.resultContent"),
-          width: 250,
-          fixed: "left",
-          slots: {
-            default: ({ row, $rowIndex, $table }) => {
-              return that.handleRes(row._resultContent);
-            },
-          },
-        },
-      ];
-      let cCols = this.oriCols.map((oriCol, index) => {
-        let col = {
-          field: oriCol.field,
-          title: oriCol.title,
-          width: 150,
-        };
-        if (index === 0) {
-          col.fixed = "left";
-        }
-        return col;
-      });
-      columns = columns.concat(cCols);
-
-      let tableOption = {
-        vue: this,
-        tableRef: tableRef,
-        tableNameRequired: false,
-        columns: columns,
-        config: {
-          toolbarConfig: {
-            custom: false,
-          },
-        },
-      };
-
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
-        this.resOption = opts;
-      });
-    },
-    exc() {
-      this.option = this.param;
-      this.showContent = true;
-      this.showImportDialog = true;
-      this.showImportDialog2 = false;
-    },
-    showSuccessResult() {
-      this.showImportResult = true;
-      this.resultType = 1;
-      this.$nextTick(() => {
-        this.initResGird();
-        this.$nextTick(() => {
-          let tDatas = this.successRows.map((item, index) => {
-            item.id = index;
-            return item;
-          });
-          this.$refs.resGrid.loadData(tDatas);
-        });
-      });
-    },
-    showErrorResult() {
-      this.showImportResult = true;
-      this.resultType = 0;
-      this.$nextTick(() => {
-        this.initResGird();
-        this.$nextTick(() => {
-          let tDatas = this.failRows.map((item, index) => {
-            item.id = index;
-            return item;
-          });
-          this.$refs.resGrid.loadData(tDatas);
-        });
-      });
-    },
-    fileChange(file) {
-      if (file) {
-        this.fileRaw = file.raw;
-      } else {
-        this.fileRaw = false;
-      }
-    },
-    dialogClose1() {
-      this.$emit("update:visiable", false);
-      this.showContent = false;
-    },
-    async dialogPrimary1() {
+// 计时器与遮罩句柄必须挂实例：模块级单例在 tagsView 同时开两个导入页时会被后开的
+// 那个覆盖，先开的 100ms interval 永远停不掉，还会把整个组件钉住不被回收。
+tmixins = {
+  name: "excelImport",
+  props: ["param"],
+  data() {
+    return {
+      excTime: 0,
+      showImportDialog: false,
+      showImportDialog2: false,
+      falseValue: false,
+      fileRaw: false,
+      isEnd: false,
+      currentIndex: 0,
+      excelTemplate: "",
+      prefix: "/user",
+      dataSize: 0,
+      totalSuccessNum: 0,
+      totalErrorNum: 0,
+      percentageNum: 0,
+      successRows: [],
+      failRows: [],
+      oriCols: [],
+      showImportResult: false,
+      resultType: "",
+      option: {},
+      showContent: false,
+      resOption: {},
+      importTimer: null,
+      loadingObj: null,
+    };
+  },
+  created() {},
+  beforeDestroy() {
+    this.clearImportTimer();
+  },
+  methods: {
+    initResGird() {
+      var that = this;
+      let tableRef = "resGrid";
+      let columns = [
+        {
+          type: "checkbox",
+          fixed: "left",
+          width: 48,
+          resizable: false,
+          headerClassName: "vxe-hcs",
+          className: "vxe-hcs",
+        },
+        {
+          field: "impNumber",
+          title: this.$t2("行号", "components.excelImport.impNumber"),
+          width: 100,
+          fixed: "left",
+        },
+        {
+          field: "_resultContent",
+          title: this.$t2("结果", "components.excelImport.resultContent"),
+          width: 250,
+          fixed: "left",
+          slots: {
+            default: ({ row, $rowIndex, $table }) => {
+              return that.handleRes(row._resultContent);
+            },
+          },
+        },
+      ];
+      let cCols = this.oriCols.map((oriCol, index) => {
+        let col = {
+          field: oriCol.field,
+          title: oriCol.title,
+          width: 150,
+        };
+        if (index === 0) {
+          col.fixed = "left";
+        }
+        return col;
+      });
+      columns = columns.concat(cCols);
+
+      let tableOption = {
+        vue: this,
+        tableRef: tableRef,
+        tableNameRequired: false,
+        columns: columns,
+        config: {
+          toolbarConfig: {
+            custom: false,
+          },
+        },
+      };
+
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.resOption = opts;
+      });
+    },
+    exc() {
+      this.option = this.param;
+      this.showContent = true;
+      this.showImportDialog = true;
+      this.showImportDialog2 = false;
+    },
+    showSuccessResult() {
+      this.showImportResult = true;
+      this.resultType = 1;
+      this.$nextTick(() => {
+        this.initResGird();
+        this.$nextTick(() => {
+          let tDatas = this.successRows.map((item, index) => {
+            item.id = index;
+            return item;
+          });
+          this.$refs.resGrid.loadData(tDatas);
+        });
+      });
+    },
+    showErrorResult() {
+      this.showImportResult = true;
+      this.resultType = 0;
+      this.$nextTick(() => {
+        this.initResGird();
+        this.$nextTick(() => {
+          let tDatas = this.failRows.map((item, index) => {
+            item.id = index;
+            return item;
+          });
+          this.$refs.resGrid.loadData(tDatas);
+        });
+      });
+    },
+    fileChange(file) {
+      if (file) {
+        this.fileRaw = file.raw;
+      } else {
+        this.fileRaw = false;
+      }
+    },
+    dialogClose1() {
+      this.$emit("update:visiable", false);
+      this.showContent = false;
+    },
+    async dialogPrimary1() {
+      let that = this;
+      let option = this.option;
+      let saveUrl = option.saveUrl;
+      if (!saveUrl) {
+        this.dialogPrimary3();
+        return false;
+      }
+
+      if (!this.fileRaw) {
+        this.$baseAlert(
+          this.$t2("请上传附件", "components.excelImport.warmMsg1")
+        );
+        return false;
+      }
+      this.createImportTimer();
+      this.showImportDialog = false;
+      if (!option.onConfirm) {
+        this.showImportDialog2 = true;
+      }
+      this.$nextTick(() => {
+        try {
+          this.readExcel(this.fileRaw, function (resultData) {
+            if (option.onConfirm) {
+              option.onConfirm(resultData.data, that.fileRaw);
+            } else {
+              that.syncDataForImport({
+                multi: false,
+                data: resultData,
+                saveUrl: saveUrl,
+              });
+            }
+          });
+        } catch (et) {
+          that.clearImportTimer();
+          console.error(et);
+        }
+      });
+    },
+    handleBeforeClose(hide) {
+      this.option.onCancel
+        && this.option.onCancel(this.getCallbackData(), this.fileRaw);
+      hide();
+    },
+    dialogClose2() {
+      this.showImportDialog2 = false;
+      this.option.onBeforeCancel
+        && this.option.onBeforeCancel(this.getCallbackData(), this.fileRaw);
+    },
+    handleClose2() {
+      this.clearImportTimer();
+      this.showImportDialog2 = false;
+      this.showContent = false;
+      this.option.onClose
+        && this.option.onClose(this.getCallbackData(), this.fileRaw);
+      this.option.callback
+        && this.option.callback(this.getCallbackData(), this.fileRaw);
+    },
+    dialogPrimary2() {
+      this.showImportDialog2 = false;
+      this.option.onBeforeConfirm
+        && this.option.onBeforeConfirm(this.getCallbackData(), this.fileRaw);
+    },
+    getCallbackData() {
+      return {
+        ...this.resultData,
+        successRows: this.successRows,
+        failRows: this.failRows,
+      };
+    },
+    async readExcel(file, callback) {
       let that = this;
       let option = this.option;
-      let saveUrl = option.saveUrl;
-      if (!saveUrl) {
-        this.dialogPrimary3();
+
+      // 整文件读进内存前先卡一刀：下面的 readAsBinaryString + XLSX.read 是同步的，
+      // 占用约为文件体积的 5~20 倍，超限时崩在库内部，连提示都给不出来。
+      if (isImportFileOversize(file, option)) {
+        this.showImportDialog2 = false;
+        this.showContent = false;
+        this.clearImportTimer();
+        this.$baseAlert(
+          this.$t1(
+            "导入文件过大（{size}MB），当前最多支持 {limit}MB，请拆分后分批导入",
+            {
+              size: toFileSizeMb(file.size),
+              limit: toFileSizeMb(getImportFileSizeLimit(option)),
+            }
+          )
+        );
         return false;
       }
 
-      if (!this.fileRaw) {
-        this.$baseAlert(
-          this.$t2("请上传附件", "components.excelImport.warmMsg1")
-        );
+      let XLSX;
+      try {
+        XLSX = await loadXlsx();
+      } catch (error) {
+        this.$baseAlert(this.$t1("Excel解析组件加载失败，请刷新页面后重试"));
         return false;
       }
-      this.createImportTimer();
-      this.showImportDialog = false;
-      if (!option.onConfirm) {
-        this.showImportDialog2 = true;
-      }
-      this.$nextTick(() => {
-        try {
-          this.readExcel(this.fileRaw, function (resultData) {
-            if (option.onConfirm) {
-              option.onConfirm(resultData.data, that.fileRaw);
-            } else {
-              that.syncDataForImport({
-                multi: false,
-                data: resultData,
-                saveUrl: saveUrl,
-              });
-            }
-          });
-        } catch (et) {
-          that.clearImportTimer();
-          console.error(et);
-        }
-      });
-    },
-    handleBeforeClose(hide) {
-      this.option.onCancel
-        && this.option.onCancel(this.getCallbackData(), this.fileRaw);
-      hide();
-    },
-    dialogClose2() {
-      this.showImportDialog2 = false;
-      this.option.onBeforeCancel
-        && this.option.onBeforeCancel(this.getCallbackData(), this.fileRaw);
-    },
-    handleClose2() {
-      this.clearImportTimer();
-      this.showImportDialog2 = false;
-      this.showContent = false;
-      this.option.onClose
-        && this.option.onClose(this.getCallbackData(), this.fileRaw);
-      this.option.callback
-        && this.option.callback(this.getCallbackData(), this.fileRaw);
-    },
-    dialogPrimary2() {
-      this.showImportDialog2 = false;
-      this.option.onBeforeConfirm
-        && this.option.onBeforeConfirm(this.getCallbackData(), this.fileRaw);
-    },
-    getCallbackData() {
-      return {
-        ...this.resultData,
-        successRows: this.successRows,
-        failRows: this.failRows,
-      };
-    },
-    async readExcel(file, callback) {
-      let that = this;
-      let option = this.option;
 
       const fileReader = new FileReader();
-      fileReader.onload = async (ev) => {
-        var resultData;
-        try {
-          const data = ev.target.result;
-          const workbook = configUtil.XLSX.read(data, {
-            type: "binary",
-          });
-
-          var sheet = workbook.Sheets[workbook.SheetNames[0]];
-          if (sheet["!ref"] === undefined) {
-            that.showImportDialog2 = false;
-            that.showContent = false;
-            that.clearImportTimer();
-            that.$baseAlert(
-              this.$t2(
-                "请使用正确的导入模版！",
-                "components.excelImport.warmMsg2"
-              )
-            );
-            return false;
-          }
-          var range = configUtil.XLSX.utils.decode_range(sheet["!ref"]);
-          var dataSize = range.e.r + 1; //行数
-          that.dataSize = dataSize - 3 >= 0 ? dataSize - 3 : 0;
-          var titles = [];
-          var fields = [];
-
-          const ws = workbook.Sheets[sheet];
-
-          let prefix = option.prefix;
-          let excelUrl = option.excel;
-
-          var excelRows = [];
-          var row;
-          var rowNum;
-          var colNum;
-          for (rowNum = range.s.r; rowNum <= range.e.r; rowNum++) {
-            row = [];
-            for (colNum = range.s.c; colNum <= range.e.c; colNum++) {
-              var nextCell
-                = sheet[
-                  configUtil.XLSX.utils.encode_cell({
-                    r: rowNum,
-                    c: colNum,
-                  })
-                ];
-              if (typeof nextCell === "undefined") {
-                row.push(void 0);
-              } else {
-                row.push(nextCell.w.trim());
-              }
-            }
-            if (rowNum === 1) {
-              titles = row;
-            }
-            if (rowNum === 2) {
-              fields = row;
-              let checkResult = true;
-              if (!option.importAttachCode) {
-                await that
-                  .checkExcelForImport(titles, fields, excelUrl, prefix)
-                  .then((res) => {
-                    if (res.type != "success") {
-                      checkResult = false;
-                    }
-                  });
-                if (!checkResult) {
-                  that.showContent = false;
-                  that.clearImportTimer();
-                  return false;
-                }
-              }
-            }
-            if (rowNum > 2) {
-              let item = {};
-              for (let i = 0; i < fields.length; i++) {
-                let field = fields[i];
-                item[field] = row[i];
-              }
-              excelRows.push(item);
-            }
-          }
-          if (
-            !titles.length
-            || !fields.length
-            || titles.length != fields.length
-          ) {
-            that.showContent = false;
-            that.clearImportTimer();
-            that.$baseAlert(
-              this.$t2(
-                "请使用正确的导入模版！",
-                "components.excelImport.warmMsg2"
-              )
-            );
-            return false;
-          }
-
-          var columns = [];
-          var cols = [];
-          let uniqueFields = [];
-          for (let i = 0; i < titles.length; i++) {
-            let title = titles[i];
-            if (title) {
-              let field = fields[i];
-              if (field === null) {
-                that.showContent = false;
-                that.clearImportTimer();
-                that.$baseAlert(
-                  this.$t2(
-                    "请使用正确的导入模版！",
-                    "components.excelImport.warmMsg2"
-                  )
-                );
-                return false;
-              }
-              let t = title.substr(-1);
-              let u = title.length >= 2 ? title.substr(-2) : title;
-              let isNeed = false;
-              if (t === "*") {
-                isNeed = true;
-              }
-              let isUnique = false;
-              if (u === "**") {
-                uniqueFields.push(field);
-                isUnique = true;
-              }
-              let col = {
-                field: field,
-                title: title,
-                width: 100,
-                isNeed: isNeed,
-                isUnique: isUnique,
-              };
-              cols.push(col);
-            }
-          }
-
-          var oriCols = JSON.parse(JSON.stringify(cols)); //列信息
-          if (uniqueFields.length) {
-            //分组唯一字段为空时，全部不发包。
-            for (let i = 0; i < oriCols.length; i++) {
-              let oriCol = oriCols[i];
-              if (oriCol.isNeed) {
-                for (let j = 0; j < excelRows.length; j++) {
-                  let data = excelRows[j];
-                  let value = data[oriCol.field];
-                  if (value === null || value === "") {
-                    that.clearImportTimer();
-                    that.$baseAlert(
-                      this.$t2(
-                        "第" + (j + 4) + "行[" + oriCol.title + "]不能为空;",
-                        "components.excelImport.warmMsg3",
-                        {
-                          lineNo: j + 4,
-                          title: oriCol.title,
-                        }
-                      )
-                    );
-                    return false;
-                  }
-                }
-              }
-            }
-          }
-
-          this.oriCols = oriCols;
-
-          resultData = {
-            data: excelRows,
-            titles: titles,
-            fields: fields,
-            uniqueFields: uniqueFields,
-            oriCols: oriCols,
-          };
-          this.resultData = resultData;
-          callback(resultData);
-        } catch (et) {
-          that.showContent = false;
-          that.clearImportTimer();
-          console.error(et);
-        }
-      };
-      fileReader.readAsBinaryString(file);
-    },
-    async checkExcelForImport(titles, fields, turl, prefix) {
-      let that = this;
-      var data = {
-        filed_name: fields,
-        field_note: titles,
-        url: turl,
-      };
-      var param = JSON.stringify(data);
-      return this.$http({
-        url: prefix + "/sf_common/compareExcelFields",
-        method: "post",
-        headers: {
-          "Content-Type": "application/json;charset=utf-8",
-        },
-        // data: param,
-        data: data,
-      });
-    },
-    syncDataForImport(opts) {
-      let that = this;
-      var multi = this.option.multi;
-      var resultData = opts.data;
-      var datas = resultData.data;
-      var titles = resultData.titles;
-      var fields = resultData.fields;
-      let uniqueFields = resultData.uniqueFields;
-      var saveUrl = opts.saveUrl;
-      var size = datas.length;
-      var index = 0;
-      var successNum = 0;
-      var failNum = 0;
-      var dialogObj = this.$refs.importDialog.$el;
-      var successNumObj = dialogObj.querySelector(".successNum");
-      var failNumObj = dialogObj.querySelector(".failNum");
-      var percentageObj = dialogObj.querySelector(".percentage");
-      var doneNumObj = dialogObj.querySelector(".doneNum");
-      dialogObj.querySelector(".dataSize").innerText = size;
-
-      that.successRows = [];
-      that.failRows = [];
-
-      var multiSize = opts.multiSize || 2;
-
-      let groupIndex = 0;
-      let groupDatas = [];
-      if (uniqueFields.length) {
-        let d = XEUtils.groupBy(datas, function (item, itemIndex, items) {
-          let keyArr = [];
-          uniqueFields.forEach((field) => {
-            keyArr.push(item[field]);
-          });
-          return keyArr.join("&_&");
-        });
-        for (let key in d) {
-          groupDatas.push(d[key]);
-        }
-        datas.forEach((item, itemIndex) => {
-          item.impSeq = itemIndex;
-          item.impNumber = itemIndex + 4;
-        });
-      }
-
-      var compareV = function (property) {
-        return function (a, b) {
-          var value1 = a[property];
-          var value2 = b[property];
-          return value1 - value2;
-        };
-      };
-
-      var prevHandleData = function (percentageStr, excNum) {
-        successNumObj.innerText = successNum;
-        failNumObj.innerText = failNum;
-        doneNumObj.innerText = successNum + failNum;
-        that.percentageNum = percentageStr;
-        let isEnd = false;
-        if (uniqueFields.length) {
-          isEnd = groupIndex + 1 >= groupDatas.length;
-        } else {
-          isEnd = index + excNum >= size;
-        }
-        if (!isEnd) {
-          index = index + excNum;
-          groupIndex = groupIndex + 1;
-          setTimeout(function () {
-            handleData();
-          }, 1);
-        } else {
-          setTimeout(function () {
-            that.clearImportTimer();
-          }, 300);
-        }
-      };
-
-      let getDefaultValue = (row) => {
-        let value = null;
-        let defaultValue = this.option.defaultValue;
-        if (defaultValue) {
-          if (typeof defaultValue === "function") {
-            value = defaultValue(row) || {};
-          } else {
-            value = defaultValue || {};
-          }
-        }
-        return value;
-      };
-
-      let handleData = () => {
-        if (!that.isEnd && index < size) {
-          var param;
-          var excNum;
-          if (multi) {
-            if (!uniqueFields.length) {
-              if (index + multiSize < size) {
-                excNum = multiSize;
-              } else {
-                excNum = size - index;
-              }
-
-              let dataList = [];
-              for (let i = 0; i < excNum; i++) {
-                var mIndex = index + i;
-                let mData = datas[mIndex];
-                mData.impSeq = mIndex;
-                mData.impNumber = mIndex + 4;
-
-                let errorInfo = that.vailData(mData, opts);
-                if (errorInfo.length > 0) {
-                  mData._resultType = "error";
-                  mData._resultContent = errorInfo;
-                  failNum++;
-                  that.failRows.push(mData);
-                } else {
-                  let defaultValue = getDefaultValue(mData);
-                  if (defaultValue) {
-                    Object.assign(mData, defaultValue);
-                  }
-                  dataList.push(mData);
-                }
-
-                datas[mIndex] = mData;
-              }
-              if (dataList.length > 0) {
-                param = dataList;
-              }
-            } else {
-              excNum = groupDatas[groupIndex].length;
-              param = groupDatas[groupIndex];
-            }
-          } else {
-            var data = datas[index];
-            data.impSeq = index;
-            data.impNumber = index + 4;
-            excNum = 1;
-            datas[index] = data;
-
-            let errorInfo = that.vailData(data, opts);
-            if (errorInfo.length > 0) {
-              data._resultType = "error";
-              data._resultContent = errorInfo;
-              failNum++;
-              that.failRows.push(data);
-            } else {
-              param = data;
-              let defaultValue = getDefaultValue(data);
-              if (defaultValue) {
-                Object.assign(param, defaultValue);
-              }
-            }
-          }
-
-          var percentageStr = parseInt(((index + excNum) * 100) / size);
-          if (param === null || param.length === 0) {
-            if (that.showContent) {
-              prevHandleData(percentageStr, excNum);
-            }
-            return;
-          }
-
-          that
-            .$http({
-              url: saveUrl,
-              method: "post",
-              data: param,
-              resultType: "special",
-              modal: false,
-              callback: (resultMsg) => {
-                if (multi) {
-                  if (resultMsg.type === "success") {
-                    var multiRows = resultMsg.objx;
-                    for (let i = 0; i < multiRows.length; i++) {
-                      var multiRow = multiRows[i];
-                      var data = { ...datas[multiRow.impSeq] };
-                      data._rqeData = { ...datas[multiRow.impSeq] };
-                      data._resultData = multiRow;
-                      data._resultType = multiRow.impReturnType;
-                      data._resultContent
-                        = multiRow.impReturnType === "success"
-                          ? this.$t2(
-                              "导入成功",
-                              "components.excelImport.importSucess"
-                            )
-                          : multiRow.impReturnMsg;
-                      if (multiRow.impReturnType === "success") {
-                        successNum++;
-                        that.successRows.push(data);
-                      } else {
-                        failNum++;
-                        that.failRows.push(data);
-                      }
-                    }
-
-                    that.failRows = that.failRows.sort(compareV("impSeq"));
-                  } else {
-                    // error_win(resultMsg);
-                    // layer.close(opts.dialogObjIndex);
-                    that.$errorMsg(resultMsg);
-                    that.showContent = false;
-                    that.clearImportTimer();
-                    return;
-                  }
-                } else {
-                  var data = { ...datas[index] };
-                  data._resultType = resultMsg.type;
-                  data._resultContent
-                    = resultMsg.type === "success"
-                      ? this.$t2(
-                          "导入成功",
-                          "components.excelImport.importSucess"
-                        )
-                      : this.handleRes(resultMsg.content);
-                  data._rqeData = { ...datas[index] };
-                  data._resultData = resultMsg.objx;
-                  if (resultMsg.type === "success") {
-                    successNum++;
-                    that.successRows.push(data);
-                  } else {
-                    failNum++;
-                    that.failRows.push(data);
-                  }
-                }
-                if (that.showContent) {
-                  prevHandleData(percentageStr, excNum);
-                }
-              },
-            })
-            .catch(function (et) {
-              that.isEnd = true;
-              that.clearImportTimer();
-              console.error(et);
-            });
-        }
-      };
-      handleData();
-    },
-    commonLocalDownload() {
-      if (this.option.importAttachCode) {
-        this.commonLocalDownload2();
-        return;
-      }
-      let path = this.option.excel;
-      let prefix = this.option.prefix;
-      prefix = prefix || "";
-      var url = configUtil.baseUrl + prefix + "/sf_common/download";
-      if (path) {
-        var params = {
-          url: path,
-        };
-        params["access_token"] = configUtil.getToken();
-
-        var form = document.createElement("form");
-
-        let randomNum
-          = new Date().valueOf() + Math.floor(Math.random() * 1000000);
-        let formId = "formId-" + randomNum;
-        let formName = "formName-" + randomNum;
-
-        form.id = formId;
-        form.name = formName;
-        form.target = "_blank";
-        document.body.appendChild(form);
-        for (let obj in params) {
-          if (params.hasOwnProperty(obj)) {
-            let input = document.createElement("input");
-            input.tpye = "hidden";
-            input.name = obj;
-            input.value = params[obj];
-            form.appendChild(input);
-          }
-        }
-        form.method = "post"; //请求方式
-        form.action = url;
-        form.submit();
-        document.body.removeChild(form);
-      }
-    },
-    commonLocalDownload2() {
-      let importAttachCode = this.option.importAttachCode;
-      if (!importAttachCode) return;
-      this.$http({
-        url: USER_PREFIX + "/bd_attach_setting/getByCode",
-        method: "post",
-        data: {
-          stringOne: importAttachCode,
-        },
-        success: (res) => {
-          let fileObj = res.objx;
-          let url = fileObj?.url;
-          if (fileObj && url) {
-            this.$commonFileUtil.downloadFile(url, fileObj.name);
-          }
-        },
-      });
-    },
-    vailData(data, opts) {
-      var oriCols = opts.data.oriCols;
-      var errorInfo = [];
-      for (let i = 0; i < oriCols.length; i++) {
-        let oriCol = oriCols[i];
-        if (oriCol.isNeed) {
-          let value = data[oriCol.field];
-          if (value === null || value === "") {
-            errorInfo.push(
-              this.$t2(
-                "[" + oriCol.title + "]不能为空;",
-                "components.excelImport.warmMsg4",
-                { title: oriCol.title }
-              )
-            );
-          }
-        }
-      }
-      return errorInfo.join("");
-    },
-    handleRes(val) {
-      /* var content = val;
-      var text = content;
-      if (content && content.indexOf("Exception") >= 0) {
-        var index0 = content.lastIndexOf("*]");
-        if (index0 >= 0) {
-          text = content.substr(index0);
-          if (text) {
-            var index1 = text.indexOf("Exception:");
-            if (index1 >= 0) {
-              text = text.substr(index1 + 10);
-            }
-          }
-        }
-      } */
-      let text = getErrorMsg(val);
-      return text;
-    },
-    exportToExcel() {
-      let str
-        = this.resultType === 1
-          ? this.$t2("成功", "components.excelImport.success")
-          : this.$t2("失败", "components.excelImport.fail");
-      let fileName
-        = this.$t2("导入结果导出", "components.excelImport.exportFileName")
-        + "（"
-        + str
-        + "）";
-      let $grid = this.$refs.resGrid;
-      let columns = $grid.getColumns();
-      if (columns && columns.length) {
-        let fields = columns
-          .filter((item, index) => {
-            return index > 0 && item.property;
-          })
-          .map((item, index) => {
-            return item.property;
-          });
-        this.$refs.resGrid.exportData({
-          filename: fileName,
-          mode: "all",
-          type: "csv",
-          columns: fields,
-        });
-      }
-    },
-    createImportTimer() {
-      this.excTime = 0;
-      let beginTime = new Date().getTime();
-      importTimer = setInterval(() => {
-        let nowTime = new Date().getTime();
-        let diffTime = (nowTime - beginTime) / 1000;
-        this.$set(this, "excTime", this.$baseLodash.round(diffTime, 2));
-      }, 100);
-    },
-    clearImportTimer() {
-      clearInterval(importTimer);
-      loadingObj && loadingObj.close();
-    },
-    async dialogPrimary3() {
-      if (!this.fileRaw) {
-        this.$baseAlert(
-          this.$t2("请上传附件", "components.excelImport.warmMsg1")
-        );
-        return false;
-      }
-      let that = this;
-      let option = this.option;
-      let done = () => {
-        that.showImportDialog = false;
-      };
-      if (!option.excel) {
-        if (
-          option.callback
-          && option.callback(null, this.fileRaw, done) !== false
-        ) {
-          that.showImportDialog = false;
-        }
-        return;
-      }
-      loadingObj = this.$baseLoading({
-        target: document.body,
-        background: "unset",
-      });
-      this.readExcel(this.fileRaw, function (resultData) {
-        try {
-          if (
-            option.callback
-            && option.callback(resultData, that.fileRaw, done) !== false
-          ) {
-            that.showImportDialog = false;
-          }
-        } catch (et) {
-          console.error(et);
-        }
-        setTimeout(function () {
-          loadingObj && loadingObj.close();
-        }, 200);
-      });
-    },
-  },
-};
-export const mixins = tmixins;
+      fileReader.onload = async (ev) => {
+        var resultData;
+        try {
+          const data = ev.target.result;
+          const workbook = XLSX.read(data, {
+            type: "binary",
+          });
+
+          var sheet = workbook.Sheets[workbook.SheetNames[0]];
+          if (sheet["!ref"] === undefined) {
+            that.showImportDialog2 = false;
+            that.showContent = false;
+            that.clearImportTimer();
+            that.$baseAlert(
+              this.$t2(
+                "请使用正确的导入模版！",
+                "components.excelImport.warmMsg2"
+              )
+            );
+            return false;
+          }
+          var range = XLSX.utils.decode_range(sheet["!ref"]);
+          var dataSize = range.e.r + 1; //行数
+          that.dataSize = dataSize - 3 >= 0 ? dataSize - 3 : 0;
+          // 行数闸门：下面逐格取值、建行对象、再整批发包全是同步的，行数失控时
+          // 主线程会被占死甚至 OOM。文件本身不大但行极多（窄表）时只有这一道能拦。
+          if (isImportRowsOverLimit(that.dataSize, option)) {
+            that.showImportDialog2 = false;
+            that.showContent = false;
+            that.clearImportTimer();
+            that.$baseAlert(
+              that.$t1(
+                "导入数据 {size} 行，超过单次上限 {limit} 行，请拆分后分批导入",
+                {
+                  size: that.dataSize,
+                  limit: getImportRowLimit(option),
+                }
+              )
+            );
+            return false;
+          }
+          var titles = [];
+          var fields = [];
+
+          const ws = workbook.Sheets[sheet];
+
+          let prefix = option.prefix;
+          let excelUrl = option.excel;
+
+          var excelRows = [];
+          var row;
+          var rowNum;
+          var colNum;
+          for (rowNum = range.s.r; rowNum <= range.e.r; rowNum++) {
+            row = [];
+            for (colNum = range.s.c; colNum <= range.e.c; colNum++) {
+              var nextCell
+                = sheet[
+                  XLSX.utils.encode_cell({
+                    r: rowNum,
+                    c: colNum,
+                  })
+                ];
+              if (typeof nextCell === "undefined") {
+                row.push(void 0);
+              } else {
+                row.push(getImportCellText(nextCell));
+              }
+            }
+            if (rowNum === 1) {
+              titles = row;
+            }
+            if (rowNum === 2) {
+              fields = row;
+              let checkResult = true;
+              if (!option.importAttachCode) {
+                await that
+                  .checkExcelForImport(titles, fields, excelUrl, prefix)
+                  .then((res) => {
+                    if (res.type != "success") {
+                      checkResult = false;
+                    }
+                  });
+                if (!checkResult) {
+                  that.showContent = false;
+                  that.clearImportTimer();
+                  return false;
+                }
+              }
+            }
+            if (rowNum > 2) {
+              let item = {};
+              for (let i = 0; i < fields.length; i++) {
+                let field = fields[i];
+                item[field] = row[i];
+              }
+              excelRows.push(item);
+            }
+          }
+          if (
+            !titles.length
+            || !fields.length
+            || titles.length != fields.length
+          ) {
+            that.showContent = false;
+            that.clearImportTimer();
+            that.$baseAlert(
+              this.$t2(
+                "请使用正确的导入模版！",
+                "components.excelImport.warmMsg2"
+              )
+            );
+            return false;
+          }
+
+          var columns = [];
+          var cols = [];
+          let uniqueFields = [];
+          for (let i = 0; i < titles.length; i++) {
+            let title = titles[i];
+            if (title) {
+              let field = fields[i];
+              if (field === null) {
+                that.showContent = false;
+                that.clearImportTimer();
+                that.$baseAlert(
+                  this.$t2(
+                    "请使用正确的导入模版！",
+                    "components.excelImport.warmMsg2"
+                  )
+                );
+                return false;
+              }
+              let t = title.substr(-1);
+              let u = title.length >= 2 ? title.substr(-2) : title;
+              let isNeed = false;
+              if (t === "*") {
+                isNeed = true;
+              }
+              let isUnique = false;
+              if (u === "**") {
+                uniqueFields.push(field);
+                isUnique = true;
+              }
+              let col = {
+                field: field,
+                title: title,
+                width: 100,
+                isNeed: isNeed,
+                isUnique: isUnique,
+              };
+              cols.push(col);
+            }
+          }
+
+          var oriCols = JSON.parse(JSON.stringify(cols)); //列信息
+          if (uniqueFields.length) {
+            //分组唯一字段为空时，全部不发包。
+            for (let i = 0; i < oriCols.length; i++) {
+              let oriCol = oriCols[i];
+              if (oriCol.isNeed) {
+                for (let j = 0; j < excelRows.length; j++) {
+                  let data = excelRows[j];
+                  let value = data[oriCol.field];
+                  if (value === null || value === "") {
+                    that.clearImportTimer();
+                    that.$baseAlert(
+                      this.$t2(
+                        "第" + (j + 4) + "行[" + oriCol.title + "]不能为空;",
+                        "components.excelImport.warmMsg3",
+                        {
+                          lineNo: j + 4,
+                          title: oriCol.title,
+                        }
+                      )
+                    );
+                    return false;
+                  }
+                }
+              }
+            }
+          }
+
+          this.oriCols = oriCols;
+
+          resultData = {
+            data: excelRows,
+            titles: titles,
+            fields: fields,
+            uniqueFields: uniqueFields,
+            oriCols: oriCols,
+          };
+          this.resultData = resultData;
+          callback(resultData);
+        } catch (et) {
+          that.showContent = false;
+          that.clearImportTimer();
+          console.error(et);
+        }
+      };
+      fileReader.readAsBinaryString(file);
+    },
+    async checkExcelForImport(titles, fields, turl, prefix) {
+      let that = this;
+      var data = {
+        filed_name: fields,
+        field_note: titles,
+        url: turl,
+      };
+      var param = JSON.stringify(data);
+      return this.$http({
+        url: prefix + "/sf_common/compareExcelFields",
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        // data: param,
+        data: data,
+      });
+    },
+    syncDataForImport(opts) {
+      let that = this;
+      var multi = this.option.multi;
+      var resultData = opts.data;
+      var datas = resultData.data;
+      var titles = resultData.titles;
+      var fields = resultData.fields;
+      let uniqueFields = resultData.uniqueFields;
+      var saveUrl = opts.saveUrl;
+      var size = datas.length;
+      var index = 0;
+      var successNum = 0;
+      var failNum = 0;
+      var dialogObj = this.$refs.importDialog.$el;
+      var successNumObj = dialogObj.querySelector(".successNum");
+      var failNumObj = dialogObj.querySelector(".failNum");
+      var percentageObj = dialogObj.querySelector(".percentage");
+      var doneNumObj = dialogObj.querySelector(".doneNum");
+      dialogObj.querySelector(".dataSize").innerText = size;
+
+      that.successRows = [];
+      that.failRows = [];
+
+      var multiSize = opts.multiSize || 2;
+
+      let groupIndex = 0;
+      let groupDatas = [];
+      if (uniqueFields.length) {
+        let d = XEUtils.groupBy(datas, function (item, itemIndex, items) {
+          let keyArr = [];
+          uniqueFields.forEach((field) => {
+            keyArr.push(item[field]);
+          });
+          return keyArr.join("&_&");
+        });
+        for (let key in d) {
+          groupDatas.push(d[key]);
+        }
+        datas.forEach((item, itemIndex) => {
+          item.impSeq = itemIndex;
+          item.impNumber = itemIndex + 4;
+        });
+      }
+
+      var compareV = function (property) {
+        return function (a, b) {
+          var value1 = a[property];
+          var value2 = b[property];
+          return value1 - value2;
+        };
+      };
+
+      var prevHandleData = function (percentageStr, excNum) {
+        successNumObj.innerText = successNum;
+        failNumObj.innerText = failNum;
+        doneNumObj.innerText = successNum + failNum;
+        that.percentageNum = percentageStr;
+        let isEnd = false;
+        if (uniqueFields.length) {
+          isEnd = groupIndex + 1 >= groupDatas.length;
+        } else {
+          isEnd = index + excNum >= size;
+        }
+        if (!isEnd) {
+          index = index + excNum;
+          groupIndex = groupIndex + 1;
+          setTimeout(function () {
+            handleData();
+          }, 1);
+        } else {
+          setTimeout(function () {
+            that.clearImportTimer();
+          }, 300);
+        }
+      };
+
+      let getDefaultValue = (row) => {
+        let value = null;
+        let defaultValue = this.option.defaultValue;
+        if (defaultValue) {
+          if (typeof defaultValue === "function") {
+            value = defaultValue(row) || {};
+          } else {
+            value = defaultValue || {};
+          }
+        }
+        return value;
+      };
+
+      let handleData = () => {
+        if (!that.isEnd && index < size) {
+          var param;
+          var excNum;
+          if (multi) {
+            if (!uniqueFields.length) {
+              if (index + multiSize < size) {
+                excNum = multiSize;
+              } else {
+                excNum = size - index;
+              }
+
+              let dataList = [];
+              for (let i = 0; i < excNum; i++) {
+                var mIndex = index + i;
+                let mData = datas[mIndex];
+                mData.impSeq = mIndex;
+                mData.impNumber = mIndex + 4;
+
+                let errorInfo = that.vailData(mData, opts);
+                if (errorInfo.length > 0) {
+                  mData._resultType = "error";
+                  mData._resultContent = errorInfo;
+                  failNum++;
+                  that.failRows.push(mData);
+                } else {
+                  let defaultValue = getDefaultValue(mData);
+                  if (defaultValue) {
+                    Object.assign(mData, defaultValue);
+                  }
+                  dataList.push(mData);
+                }
+
+                datas[mIndex] = mData;
+              }
+              if (dataList.length > 0) {
+                param = dataList;
+              }
+            } else {
+              excNum = groupDatas[groupIndex].length;
+              param = groupDatas[groupIndex];
+            }
+          } else {
+            var data = datas[index];
+            data.impSeq = index;
+            data.impNumber = index + 4;
+            excNum = 1;
+            datas[index] = data;
+
+            let errorInfo = that.vailData(data, opts);
+            if (errorInfo.length > 0) {
+              data._resultType = "error";
+              data._resultContent = errorInfo;
+              failNum++;
+              that.failRows.push(data);
+            } else {
+              param = data;
+              let defaultValue = getDefaultValue(data);
+              if (defaultValue) {
+                Object.assign(param, defaultValue);
+              }
+            }
+          }
+
+          var percentageStr = parseInt(((index + excNum) * 100) / size);
+          if (param === null || param.length === 0) {
+            if (that.showContent) {
+              prevHandleData(percentageStr, excNum);
+            }
+            return;
+          }
+
+          that
+            .$http({
+              url: saveUrl,
+              method: "post",
+              data: param,
+              resultType: "special",
+              modal: false,
+              callback: (resultMsg) => {
+                if (multi) {
+                  if (resultMsg.type === "success") {
+                    var multiRows = resultMsg.objx;
+                    for (let i = 0; i < multiRows.length; i++) {
+                      var multiRow = multiRows[i];
+                      var data = { ...datas[multiRow.impSeq] };
+                      data._rqeData = { ...datas[multiRow.impSeq] };
+                      data._resultData = multiRow;
+                      data._resultType = multiRow.impReturnType;
+                      data._resultContent
+                        = multiRow.impReturnType === "success"
+                          ? this.$t2(
+                              "导入成功",
+                              "components.excelImport.importSucess"
+                            )
+                          : multiRow.impReturnMsg;
+                      if (multiRow.impReturnType === "success") {
+                        successNum++;
+                        that.successRows.push(data);
+                      } else {
+                        failNum++;
+                        that.failRows.push(data);
+                      }
+                    }
+
+                    that.failRows = that.failRows.sort(compareV("impSeq"));
+                  } else {
+                    // error_win(resultMsg);
+                    // layer.close(opts.dialogObjIndex);
+                    that.$errorMsg(resultMsg);
+                    that.showContent = false;
+                    that.clearImportTimer();
+                    return;
+                  }
+                } else {
+                  var data = { ...datas[index] };
+                  data._resultType = resultMsg.type;
+                  data._resultContent
+                    = resultMsg.type === "success"
+                      ? this.$t2(
+                          "导入成功",
+                          "components.excelImport.importSucess"
+                        )
+                      : this.handleRes(resultMsg.content);
+                  data._rqeData = { ...datas[index] };
+                  data._resultData = resultMsg.objx;
+                  if (resultMsg.type === "success") {
+                    successNum++;
+                    that.successRows.push(data);
+                  } else {
+                    failNum++;
+                    that.failRows.push(data);
+                  }
+                }
+                if (that.showContent) {
+                  prevHandleData(percentageStr, excNum);
+                }
+              },
+            })
+            .catch(function (et) {
+              that.isEnd = true;
+              that.clearImportTimer();
+              console.error(et);
+            });
+        }
+      };
+      handleData();
+    },
+    commonLocalDownload() {
+      if (this.option.importAttachCode) {
+        this.commonLocalDownload2();
+        return;
+      }
+      let path = this.option.excel;
+      let prefix = this.option.prefix;
+      prefix = prefix || "";
+      var url = configUtil.baseUrl + prefix + "/sf_common/download";
+      if (path) {
+        var params = {
+          url: path,
+        };
+        params["access_token"] = configUtil.getToken();
+
+        var form = document.createElement("form");
+
+        let randomNum
+          = new Date().valueOf() + Math.floor(Math.random() * 1000000);
+        let formId = "formId-" + randomNum;
+        let formName = "formName-" + randomNum;
+
+        form.id = formId;
+        form.name = formName;
+        form.target = "_blank";
+        document.body.appendChild(form);
+        for (let obj in params) {
+          if (params.hasOwnProperty(obj)) {
+            let input = document.createElement("input");
+            input.tpye = "hidden";
+            input.name = obj;
+            input.value = params[obj];
+            form.appendChild(input);
+          }
+        }
+        form.method = "post"; //请求方式
+        form.action = url;
+        form.submit();
+        document.body.removeChild(form);
+      }
+    },
+    commonLocalDownload2() {
+      let importAttachCode = this.option.importAttachCode;
+      if (!importAttachCode) return;
+      this.$http({
+        url: USER_PREFIX + "/bd_attach_setting/getByCode",
+        method: "post",
+        data: {
+          stringOne: importAttachCode,
+        },
+        success: (res) => {
+          let fileObj = res.objx;
+          let url = fileObj?.url;
+          if (fileObj && url) {
+            this.$commonFileUtil.downloadFile(url, fileObj.name);
+          }
+        },
+      });
+    },
+    vailData(data, opts) {
+      var oriCols = opts.data.oriCols;
+      var errorInfo = [];
+      for (let i = 0; i < oriCols.length; i++) {
+        let oriCol = oriCols[i];
+        if (oriCol.isNeed) {
+          let value = data[oriCol.field];
+          if (value === null || value === "") {
+            errorInfo.push(
+              this.$t2(
+                "[" + oriCol.title + "]不能为空;",
+                "components.excelImport.warmMsg4",
+                { title: oriCol.title }
+              )
+            );
+          }
+        }
+      }
+      return errorInfo.join("");
+    },
+    handleRes(val) {
+      /* var content = val;
+      var text = content;
+      if (content && content.indexOf("Exception") >= 0) {
+        var index0 = content.lastIndexOf("*]");
+        if (index0 >= 0) {
+          text = content.substr(index0);
+          if (text) {
+            var index1 = text.indexOf("Exception:");
+            if (index1 >= 0) {
+              text = text.substr(index1 + 10);
+            }
+          }
+        }
+      } */
+      let text = getErrorMsg(val);
+      return text;
+    },
+    exportToExcel() {
+      let str
+        = this.resultType === 1
+          ? this.$t2("成功", "components.excelImport.success")
+          : this.$t2("失败", "components.excelImport.fail");
+      let fileName
+        = this.$t2("导入结果导出", "components.excelImport.exportFileName")
+        + "（"
+        + str
+        + "）";
+      let $grid = this.$refs.resGrid;
+      let columns = $grid.getColumns();
+      if (columns && columns.length) {
+        let fields = columns
+          .filter((item, index) => {
+            return index > 0 && item.property;
+          })
+          .map((item, index) => {
+            return item.property;
+          });
+        this.$refs.resGrid.exportData({
+          filename: fileName,
+          mode: "all",
+          type: "csv",
+          columns: fields,
+        });
+      }
+    },
+    createImportTimer() {
+      this.excTime = 0;
+      let beginTime = new Date().getTime();
+      this.importTimer = setInterval(() => {
+        let nowTime = new Date().getTime();
+        let diffTime = (nowTime - beginTime) / 1000;
+        this.$set(this, "excTime", this.$baseLodash.round(diffTime, 2));
+      }, 100);
+    },
+    clearImportTimer() {
+      if (this.importTimer) clearInterval(this.importTimer);
+      this.importTimer = null;
+      this.loadingObj && this.loadingObj.close();
+      this.loadingObj = null;
+    },
+    async dialogPrimary3() {
+      if (!this.fileRaw) {
+        this.$baseAlert(
+          this.$t2("请上传附件", "components.excelImport.warmMsg1")
+        );
+        return false;
+      }
+      let that = this;
+      let option = this.option;
+      let done = () => {
+        that.showImportDialog = false;
+      };
+      if (!option.excel) {
+        if (
+          option.callback
+          && option.callback(null, this.fileRaw, done) !== false
+        ) {
+          that.showImportDialog = false;
+        }
+        return;
+      }
+      this.loadingObj = this.$baseLoading({
+        target: document.body,
+        background: "unset",
+      });
+      this.readExcel(this.fileRaw, function (resultData) {
+        try {
+          if (
+            option.callback
+            && option.callback(resultData, that.fileRaw, done) !== false
+          ) {
+            that.showImportDialog = false;
+          }
+        } catch (et) {
+          console.error(et);
+        }
+        setTimeout(function () {
+          that.loadingObj && that.loadingObj.close();
+          that.loadingObj = null;
+        }, 200);
+      });
+    },
+  },
+};
+export const mixins = tmixins;