cwg_crm_person_front_vu_realse/js/index.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: "上传头像图片大小不能超过 10MB!",
      JPG: "上传图片只能是 JPG、JPEG、PNG、PDF 格式!"
  },
  'en':{
    item1:'Document Management',
      item2:'Identification',
      item3:'Unverified',
      item4:'Verified',
      item5:'Passport / National ID / Driving License.',
      item6:'Please upload an identification document in color in PNG, JPEG, JPG or PDF format displaying your full name.The image must be high quality, unobstructed and show the full document page. In cases of national ID document, both sides of the ID card must be uploaded. The document must have more than 3 months validity.',
      item7:'Proof Of Address',
      item8:'Please upload a proof of address in PNG, JPEG, JPG or PDF format.',
      item9:'Proof of address must be no more than 180 days old (utility bill / bank statement / other financial document).The document must be issued in the applicant’s name and show their current residential address as provided during the registration.The image must be high quality, unobstructed and show the full document page.',
      item10:'Additional Documents',
      item11:'Passport / National ID / Driving License.',
      item12:'Please upload any additional documents requested by our support team.',
    IMG: "The size of uploaded avatars should not exceed 10MB!",
    JPG: "Upload pictures can only be JPG, JPEG, PNG, PDF format!"
  }
}

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},
      fileListOther:{"againPath": "", "id": null, "path": "", "status": null, "type": null},

      actionID1:'',
      actionID2:'',
      actionAdd1:'',
      actionAdd2:'',
      actionOther:'',

      imgUrl:'http://47.75.159.72:8000'
    },
  computed: {
    AccessToken(){
      return{
        'Access-Token': window.location.href.split('=')[1]
      }
    }
  },
    methods: {
      // 语言切换函数
      chooseLang (key) {
        this.lang = content[key]
        this.language = key;
      },
        //获取上传文件信息
      async getCustomFileList () {
        let _this = this;
        axios.defaults.headers.common['Access-Token'] = window.location.href.split('=')[1]
        axios.post('http://47.75.159.72:8000/custom/file/list', {

          //参数
        }).then(res => {//请求成功后的处理函数
          if (res.data.code == 200) {
            let myData  = res.data.data;
            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.fileListOther = item;
              }
            });
            this.actionType();
          } else {

          }
        }).catch(err => {                 //请求失败后的处理函数

        })
      },

      //请求头
      actionType(){
        if (this.fileListID1.status == (3 || 4)) {
          this.actionID1 = 'http://47.75.159.72:8000/custom/file/upload/1/' + this.fileListID1.id;
        } else {
          this.actionID1 = 'http://47.75.159.72:8000/custom/file/upload/1';
        }
        if (this.fileListID2.status == (3 || 4)) {
          this.actionID2 = 'http://47.75.159.72:8000/custom/file/upload/2/' + this.fileListID2.id;
        } else {
          this.actionID2 = 'http://47.75.159.72:8000/custom/file/upload/2';
        }
        if (this.fileListAdd1.status == (3 || 4)) {
          this.actionAdd1 = 'http://47.75.159.72:8000/custom/file/upload/3/' + this.fileListAdd1.id;
        } else {
          this.actionAdd1 = 'http://47.75.159.72:8000/custom/file/upload/3';
        }
        if (this.fileListAdd2.status == (3 || 4)) {
          this.actionAdd2 = 'http://47.75.159.72:8000/custom/file/upload/4/' + this.fileListAdd2.id;
        } else {
          this.actionAdd2 = 'http://47.75.159.72:8000/custom/file/upload/4';
        }
        if (this.fileListOther.status == (3 || 4)) {
          this.actionOther = 'http://47.75.159.72:8000/custom/file/upload/10/' + this.fileListOther.id;
        } else {
          this.actionOther = 'http://47.75.159.72:8000/custom/file/upload/10';
        }
      },

      //图片上传
      handleAvatarSuccess1 (res, file) {
        this.imageUrl1 = URL.createObjectURL(file.raw);
      },
      handleAvatarSuccess2 (res, file) {
        this.imageUrl2 = URL.createObjectURL(file.raw);
      },
      handleAvatarSuccess3 (res, file) {
        this.imageUrl3 = URL.createObjectURL(file.raw);
      },
      handleAvatarSuccess4 (res, file) {
        this.imageUrl4 = URL.createObjectURL(file.raw);
      },
      handleAvatarSuccess5 (res, file) {
        this.imageUrl5 = URL.createObjectURL(file.raw);
      },
      beforeAvatarUpload (file) {
        const isJPG = file.type === 'image/jpeg' || 'image/JPEG' || 'image/png' || 'image/PNG' || 'image/jpg' || 'image/JPG' || 'image/pdf' || 'image/PDF';
        const isLt2M = file.size / 1024 / 1024 < 10;

        if (!isJPG) {
          this.$message.error(content[this.language].JPG);
        }
        if (!isLt2M) {
          this.$message.error(content[this.language].IMG);
        }
        return isJPG && isLt2M;
      },
    },
    mounted() {
      this.getCustomFileList();
      this.lang = content['cn']
    }
});