cwg_crm_person_front_vu_realse/info.js

// ES5 方式：通过全局变量使用 createUploadRequest（需要先加载 upload.js）

var content = {
  cn: {
    item1: "文档管理",
    item2: "身份证明",
    item3: "未验证",
    item4: "已通过",
    item5: "护照/身份证/驾照。",
    item6:
      "请上传PNG、JPEG、JPG或PDF格式的彩色身份证明文件，显示您的全名。图像必须是高质量的，畅通无阻，并显示整个文档页面。如属国家身份证件，须上传身份证正反两面。文件有效期必须超过3个月。",
    item7: "地址证明",
    item8: "请以PNG、JPEG、JPG或PDF格式上传地址证明。",
    item9:
      "住址证明必须不超过180天(水电帐单/银行对账单/其他财务文件)。文件必须以申请人的姓名发出，并显示申请人在登记时所提供的目前居住地址。图像必须是高质量的，畅通无阻，并显示整个文档页面。",
    item10: "其它补充材料",
    item11: "护照/身份证/驾照。",
    item12: "请上传我们支持团队要求的其他文件。",
    IMG: "上传头像图片大小不能超过 3MB!",
    JPG: "上传图片只能是 JPG、JPEG、PNG、PDF 格式!",
    btn: "确认上传",
    success: "上传成功，请在PC端查看...",
    Upload: "上传文件",
  },
  en: {
    item1: "Document management",
    item2: "ID",
    item3: "Not verified",
    item4: "Passed",
    item5: "Passport / ID card / driver's license.",
    item6:
      "Please upload your full name in PNG, JPEG, JPG or PDF format. Images must be high quality, unobstructed, and display the entire document page. If it is a national ID card, both sides of the ID card must be uploaded. Documents must be valid for more than 3 months.",
    item7: "Proof of address",
    item8:
      "Please upload the address Certificate in PNG, JPEG, JPG or PDF format.",
    item9:
      "Proof of address must not exceed 180 days (water and electricity bill / bank statement / other financial documents). The document must be issued in the name of the applicant and show the current residential address provided by the applicant at the time of registration. Images must be high quality, unobstructed, and display the entire document page.",
    item10: "Other supplementary materials",
    item11: "Passport / ID card / driver's license.",
    item12: "Please upload other documents as required by our support team.",
    IMG: "The size of the uploaded picture cannot exceed 3MB!",
    JPG: "Upload image can only be JPG, JPEG, PNG, PDF format!",
    btn: "Confirm upload",
    success: "Upload succeeded, please check on PC",
    Upload: "Upload Files",
  },
};

let vm = new Vue({
  el: "#index",
  data: {
    //多语言
    langList: {
      en: "ENGLISH",
      cn: "中文简体",
    },
    language: "cn",
    lang: {},
    imageUrl1: "",
    imageUrl2: "",
    imageUrl3: "",
    imageUrl4: "",
    imageUrl5: "",

    //文件
    fileListID1: {
      againPath: "",
      id: null,
      path: "",
      status: null,
      type: null,
    },
    fileListID2: {
      againPath: "",
      id: null,
      path: "",
      status: null,
      type: null,
    },
    fileListAdd1: {
      againPath: "",
      id: null,
      path: "",
      status: null,
      type: null,
    },
    fileListAdd2: {
      againPath: "",
      id: null,
      path: "",
      status: null,
      type: null,
    },
    fileListOthers: [],
    fileListOther: {
      againPath: "",
      id: null,
      path: "",
      status: null,
      type: null,
    },
    actionID1: "",
    actionID2: "",
    actionAdd1: "",
    actionAdd2: "",
    actionOtherAdd: "",
    actionOther: "",

    imgUrl: "",
    ho: "",
  },
  computed: {
    AccessToken() {
      return {
        "Access-Token": window.location.href.split("=")[1],
      };
    },
  },
  methods: {
    // 语言切换函数
    chooseLang(key) {
      this.lang = content[key];
      this.language = key;
    },
    //确认上传按钮
    update() {
      if (
        !this.fileListID1.path &&
        !this.fileListID2.path &&
        !this.fileListAdd1.path &&
        !this.fileListAdd2.path &&
        !this.fileListOthers.length
      ) {
        return;
      }
      this.$message({
        message: content[this.language].success,
        type: "success",
      });
    },
    //获取上传文件信息
    async getCustomFileList() {
      let _this = this;
      axios.defaults.headers.common["Access-Token"] =
        window.location.href.split("=")[1];
      axios
        .post(this.imgUrl + "/custom/file/list", {
          //参数
        })
        .then((res) => {
          //请求成功后的处理函数
          if (res.data.code == 200) {
            let myData = res.data.data;
            this.fileListOthers = [];
            myData.forEach((item) => {
              if (item.type == 1) {
                _this.fileListID1 = item;
              } else if (item.type == 2) {
                _this.fileListID2 = item;
              } else if (item.type == 3) {
                _this.fileListAdd1 = item;
              } else if (item.type == 4) {
                _this.fileListAdd2 = item;
              } else if (item.type == 10) {
                _this.fileListOthers.push(item);
              }
            });
            this.actionType();
          } 
        })
        .catch((err) => {
          console.log(err)
          //请求失败后的处理函数
        });
    },

    //请求头
    actionType() {
      if (this.fileListID1.id) {
        this.actionID1 =
          this.imgUrl + "/custom/file/upload/1/" + this.fileListID1.id;
      } else {
        this.actionID1 = this.imgUrl + "/custom/file/upload/1";
      }
      if (this.fileListID2.id) {
        this.actionID2 =
          this.imgUrl + "/custom/file/upload/2/" + this.fileListID2.id;
      } else {
        this.actionID2 = this.imgUrl + "/custom/file/upload/2";
      }
      if (this.fileListAdd1.id) {
        this.actionAdd1 =
          this.imgUrl + "/custom/file/upload/3/" + this.fileListAdd1.id;
      } else {
        this.actionAdd1 = this.imgUrl + "/custom/file/upload/3";
      }
      if (this.fileListAdd2.id) {
        this.actionAdd2 =
          this.imgUrl + "/custom/file/upload/4/" + this.fileListAdd2.id;
      } else {
        this.actionAdd2 = this.imgUrl + "/custom/file/upload/4";
      }

      this.actionOtherAdd = this.imgUrl + "/custom/file/upload/10";
    },

    

    // 自定义上传方法
    handleUploadID1(options) {
      const originalUrl =
        this.actionID1 || this.imgUrl + "/custom/file/upload/1";
      return createUploadRequest(originalUrl, this.AccessToken)(options);
    },
    handleUploadID2(options) {
      const originalUrl =
        this.actionID2 || this.imgUrl + "/custom/file/upload/2";
      return createUploadRequest(originalUrl, this.AccessToken)(options);
    },
    handleUploadAdd1(options) {
      const originalUrl =
        this.actionAdd1 || this.imgUrl + "/custom/file/upload/3";
      return createUploadRequest(originalUrl, this.AccessToken)(options);
    },
    handleUploadAdd2(options) {
      const originalUrl =
        this.actionAdd2 || this.imgUrl + "/custom/file/upload/4";
      return createUploadRequest(originalUrl, this.AccessToken)(options);
    },
    handleUploadOtherAdd(options) {
      const originalUrl =
        this.actionOtherAdd || this.imgUrl + "/custom/file/upload/10";
      return createUploadRequest(originalUrl, this.AccessToken)(options);
    },
    handleUploadOtherWithId(options, id) {
      const originalUrl = this.imgUrl + "/custom/file/upload/10/" + id;
      return createUploadRequest(originalUrl, this.AccessToken)(options);
    },

    //图片上传
    beforeAvatarUpload(file) {
      const imageType = ["image/jpeg", "image/png", "image/jpg", "image/pdf"];
      const isJPG =
        imageType.indexOf(file.type.toLocaleLowerCase()) == -1 ? false : true;
      const isLt2M = file.size / 1024 / 1024 < 3;

      if (!isJPG) {
        this.$message.error(content[this.language].JPG);
      }
      if (!isLt2M) {
        this.$message.error(content[this.language].IMG);
      }
      return isJPG && isLt2M;
    },
    handleAvatarSuccess1(res) {
      if (res.code == 200) {
        this.$message({
          message: res.msg,
          type: "success",
        });
        this.fileListID1.path = res.data.path;
      } else {
        this.$message.error(res.msg);
      }
    },
    handleAvatarSuccess2(res) {
      if (res.code == 200) {
        this.$message({
          message: res.msg,
          type: "success",
        });
        this.fileListID2.path = res.data.path;
      } else {
        this.$message.error(res.msg);
      }
    },
    handleAvatarSuccess3(res) {
      if (res.code == 200) {
        this.$message({
          message: res.msg,
          type: "success",
        });
        this.fileListAdd1.path = res.data.path;
      } else {
        this.$message.error(res.msg);
      }
    },
    handleAvatarSuccess4(res) {
      if (res.code == 200) {
        this.$message({
          message: res.msg,
          type: "success",
        });
        this.fileListAdd2.path = res.data.path;
      } else {
        this.$message.error(res.msg);
      }
    },
    handleAvatarSuccess5(res) {
      if (res.code == 200) {
        this.$message({
          message: res.msg,
          type: "success",
        });
        this.fileListOther.path = res.data.path;
      } else {
        this.$message.error(res.msg);
      }
    },
    handleAvatarSuccessOther(res) {
      if (res.code == 200) {
        this.$message({
          message: res.msg,
          type: "success",
        });
        this.getCustomFileList();
      } else {
        this.$message.error(res.msg);
      }
    },
  },
  mounted() {
    this.ho = window.location.host.split(".")[1];
    this.imgUrl = "https://secure." + this.ho + ".com";
    this.host05 = "https://file." + this.ho + ".com";
    this.getCustomFileList();

    var jsSrc = (navigator.language || navigator.browserLanguage).toLowerCase();
    if (jsSrc.indexOf("zh") >= 0) {
      this.language = "cn";
      this.lang = content["cn"];
    } else {
      this.language = "en";
      this.lang = content["en"];
    }
  },
});