cwg_crm_person_front_vu_realse/activity/1-en/js/active1.js

var content = {
  'cn': {
    headers1: 'Login',
    headers2: 'Live Chat',
    headers3: 'Create Account',
    box1item1: 'Start your journey at CWG with friends from more than 150 countries around the world',
    box1item2: 'Just a click away to trade global forex, stocks, precious metals, index, futures, enjoy low cost, fast execution and multiple discounts',
    box1item3: '*T&Cs apply. Full details of our promotions are on our website.',
    box1item4: 'Signup！',
    box1item5: 'Country',
    box1item6: 'Phone',
    box1item7: 'Email',
    box1item8: 'Email Varification Code',
    box1item9: 'Password',
    box1item10: 'I declared and confirmed that I am not a citizen or resident of the United States.',
    box1item11: 'Submit',
    box2item1: 'Minimum deposit',
    box2item2: 'Highest leverage',
    box2item3: 'Spread as low as',
    box2item4: 'Trading instruments',
    box3: 'Why Choose CWG?',
    box3item1: 'Wide-Range of Global Trading Products',
    box3item2: 'CWG provides global traders with more than 500 kinds of financial derivatives such as foreign exchange, stocks, precious metals, indexes and futures',
    box3item3: 'Dynamic Account, Instant Trading',
    box3item4: 'Four types of accounts, the ultimate speed, to meet the various choices of different customers',
    box3item5: 'Global Leading Trading Platform',
    box3item6: "CWG adopts the world's leading MT4 / 5 trading platform, which is suitable for a variety of terminal devices to start trading anytime and anywhere",
    box3item7: 'Analysis Training，Your Support',
    box3item8: 'CWG has a strong team of consultants and professional strategy analysis to support you',
    box3item9: 'Technological Innovation, Leading Technology',
    box3item10: 'CWG has technical support to meet the needs of cross platform multi account management system for all customers',
    box3item11: 'Top Liquidity With Transparency',
    box3item12: 'CWG act as an intermediary between users and top banks and has direct access to the top liquid global foreign exchange market',
    box4: 'The trilogy of benefits: ',
    box4item1: 'Get Welcome Bouns',
    box4item2: 'Get the Welcome Bouns Hi Account for free',
    box4item3: 'Enjoy attractive bonus',
    box4item4: 'You can enjoy attractive bonus',
    box4item5: 'Join LP300 program',
    box4item6: 'Compensation to protect your Account',
    box5: 'At CWG you can get:',
    box5item1: 'Multiple solutions to meet your needs',
    box5item2: 'The average order execution speed is less than 40 milliseconds',
    box5item3: 'Strict supervision',
    box5item4: 'Professional analytical research and instruments',
    box6item1: 'Get the $50 bonus now',
    box6item2: 'Start your risk-free trading journey!',
    box6item3: 'Claim Bonus',
    box7item1: 'CWG Markets is the trading name of CWG Group of companies.',
    box7item2: 'Cwgvu.com is owned and operated within the CWG Group of companies. CWG Group consists of:',
    box7item3: 'CWG Markets Ltd(UK), which is registered in England and Wales with company number 08888720. It is an investment firm fully authorised and regulated by the Financial Conduct Authority (FCA), under the firm reference number FRN 785129.',
    box7item4: '',
    box7item5: 'Clients must be at least 18 years old to use the services of CWG Markets.',
    box7item6: '',
    box7item7: '',
    box7item8: '',
    box7item9: 'Restricted Regions: CWG Markets Ltd does not provide services for the residents of certain countries, such as the United States of America, Israel and the Islamic Republic of Iran. If such distribution or use violates local laws or regulations, the information on this website is not intended to be distributed or used to anyone in such countries or regions.',
    box7item10: '',
    box7item11: '© 2020 CWG MARKETS',
    box7item12: 'Privacy Policy',
    box7item13: '.',
    box7item14: ' Terms & Conditions',
    box7item15: '.',
    code: 'Get Code',
    country: "Please select your country",
    email: "Email Address Format Error",
    phone: "Phone Format Error",
    password: "Must be between 8 to 15 characters,Contain both uppercase and lowercase letter,Use a combination of numbers and letters",
    codeInput: "Please enter the Email verification code",
    agree: "Please agree to the declaration",
    CodeSuccess: "Verification code has been successfully obtained ",
    emailempty: "Email Address cannot be empty",
    waitCode1: "Please wait ",
    waitCode2: "s ",
    registerSuc: "Registration successful, log in now...",
    SystemError: "System Error, please try again.",
    LoginSuccess: "Login Successful",
  },
  'en': {
    headers1: 'Login',
    headers2: 'Live Chat',
    headers3: 'Create Account',
    box1item1: 'Start your journey at CWG with friends from more than 150 countries around the world',
    box1item2: 'Just a click away to trade global forex, stocks, precious metals, index, futures, enjoy low cost, fast execution and multiple discounts',
    box1item3: '*T&Cs apply. Full details of our promotions are on our website.',
    box1item4: 'Signup！',
    box1item5: 'Country',
    box1item6: 'Phone',
    box1item7: 'Email',
    box1item8: 'Email Varification Code',
    box1item9: 'Password',
    box1item10: 'I declared and confirmed that I am not a citizen or resident of the United States.',
    box1item11: 'Submit',
    box2item1: 'Minimum deposit',
    box2item2: 'Highest leverage',
    box2item3: 'Spread as low as',
    box2item4: 'Trading instruments',
    box3: 'Why Choose CWG?',
    box3item1: 'Wide-Range of Global Trading Products',
    box3item2: 'CWG provides global traders with more than 500 kinds of financial derivatives such as foreign exchange, stocks, precious metals, indexes and futures',
    box3item3: 'Dynamic Account, Instant Trading',
    box3item4: 'Four types of accounts, the ultimate speed, to meet the various choices of different customers',
    box3item5: 'Global Leading Trading Platform',
    box3item6: "CWG adopts the world's leading MT4 / 5 trading platform, which is suitable for a variety of terminal devices to start trading anytime and anywhere",
    box3item7: 'Analysis Training，Your Support',
    box3item8: 'CWG has a strong team of consultants and professional strategy analysis to support you',
    box3item9: 'Technological Innovation, Leading Technology',
    box3item10: 'CWG has technical support to meet the needs of cross platform multi account management system for all customers',
    box3item11: 'Top Liquidity With Transparency',
    box3item12: 'CWG act as an intermediary between users and top banks and has direct access to the top liquid global foreign exchange market',
    box4: 'The trilogy of benefits: ',
    box4item1: 'Get Welcome Bouns',
    box4item2: 'Get the Welcome Bouns Hi Account for free',
    box4item3: 'Enjoy attractive bonus',
    box4item4: 'You can enjoy attractive bonus',
    box4item5: 'Join LP300 program',
    box4item6: 'Compensation to protect your Account',
    box5: 'At CWG you can get:',
    box5item1: 'Multiple solutions to meet your needs',
    box5item2: 'The average order execution speed is less than 40 milliseconds',
    box5item3: 'Strict supervision',
    box5item4: 'Professional analytical research and instruments',
    box6item1: 'Get the $50 bonus now',
    box6item2: 'Start your risk-free trading journey!',
    box6item3: 'Claim Bonus',
    box7item1: 'CWG Markets is the trading name of CWG Group of companies.',
    box7item2: 'Cwgvu.com is owned and operated within the CWG Group of companies. CWG Group consists of:',
    box7item3: 'CWG Markets Ltd(UK), which is registered in England and Wales with company number 08888720. It is an investment firm fully authorised and regulated by the Financial Conduct Authority (FCA), under the firm reference number FRN 785129.',
    box7item4: '',
    box7item5: 'Clients must be at least 18 years old to use the services of CWG Markets.',
    box7item6: '',
    box7item7: '',
    box7item8: '',
    box7item9: 'Restricted Regions: CWG Markets Ltd does not provide services for the residents of certain countries, such as the United States of America, Israel and the Islamic Republic of Iran. If such distribution or use violates local laws or regulations, the information on this website is not intended to be distributed or used to anyone in such countries or regions.',
    box7item10: '',
    box7item11: '© 2020 CWG MARKETS',
    box7item12: 'Privacy Policy',
    box7item13: '.',
    box7item14: ' Terms & Conditions',
    box7item15: '.',
    code: 'Get Code',
    country: "Please select your country",
    email: "Email Address Format Error",
    phone: "Phone Format Error",
    password: "Must be between 8 to 15 characters,Contain both uppercase and lowercase letter,Use a combination of numbers and letters",
    codeInput: "Please enter the Email verification code",
    agree: "Please agree to the declaration",
    CodeSuccess: "Verification code has been successfully obtained ",
    emailempty: "Email Address cannot be empty",
    waitCode1: "Please wait ",
    waitCode2: "s ",
    registerSuc: "Registration successful, log in now...",
    SystemError: "System Error, please try again.",
    LoginSuccess: "Login Successful",
  }
}

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


    flag: false,
    loading: false,
    mock_options: [],
    // img_logo: logo,
    timer: 59,
    interval: null,
    getCodeString: "",
    notCountry:[
      'AF','AI','AG','BS','BY',
      'BZ','BA','BI','CF','CD','CU',
      'ET','FJ','PS','GN','GW','HT',
      'IR','IQ','LB','LY','ML','MM',
      'NI','KP','PW','RU','SO','SS',
      'SD','SY','UA','US','VE','YE','ZW','MY'
    ],
    // 表单参数
    params: {
      agentId: null,
      comPoint: null,
      sourceCode:null,
      subId: "",
      email: "",
      password: "",
      country: "",
      emailCode: "",
      agree: false,
      linkValue: null,
    },
    // 验证规则
    rules: {
      country: [
        {
          validator: (rule, value, callback) => {
            if (value != "" && value != null) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].country));
            }
          },
          trigger: "blur",
        },
      ],
      email: [
        {
          validator: (rule, value, callback) => {
            if (/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(value)) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].email));
            }
          },
          trigger: "blur",
        },
      ],
      emailCode: [
        {
          validator: (rule, value, callback) => {
            if (
              value != "" &&
              value != null
            ) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].codeInput));
            }
          },
          trigger: "blur",
        },
      ],
      password: [
        {
          validator: (rule, value, callback) => {
            if (/^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?!.*([~!@&%$^\\(\\)#_]).*\\1.*\\1.*\\1)[A-Za-z0-9~!@&%$^\\(\\)#_]{8,16}$/.test(value)) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].password));
            }
          },
          trigger: "blur",
        },
      ],
      agree: [
        {
          validator: (rule, value, callback) => {
            if (value) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].agree));
            }
          },
          trigger: "change",
        },
      ],
      phone: [
        {
          validator: (rule, value, callback) => {
            if (/^[0-9]\d*$/.test(value)) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].phone));
            }
          },
          trigger: "blur",
        },
      ],
    },
    notRegisterMsg:"",
    notRegisterMsgOpen:false,
    imgUrl: '',
    ho: ''
  },
  computed: {

  },
  methods: {
    // 语言切换函数
    chooseLang(key) {
      this.lang = content[key];
      this.language = key;
      sessionStorage.setItem("lang", this.language);
      location.reload();
      this.initTimer();
    },


    //获取国家列表
    async getCountry() {
      axios.post(this.imgUrl + '/country/get', {
        ...this.params
        //参数
      }).then(res => {//请求成功后的处理函数
        if (res.data.code == 200) {
          this.mock_options = res.data.data;
        } else {
          this.$message.error(res.data.msg);
        }
      }).catch(err => {//请求失败后的处理函数

      })
    },
    
    //获取当前国家编码
    async getCountryMsg() {
      axios.get(this.imgUrl + '/country/get', {

        //参数
      }).then(res => {//请求成功后的处理函数
        if (res.data.code == 200) {
          this.notRegisterMsg = res.data.msg
          
          if ((res.data.msg == "GB"||res.data.msg == "IE")&&res.data.data.indexOf('//195.224.141.218') == -1) {
            window.location.href = 'https://www.cwgmarkets.co.uk';
          } else {
            document.getElementById("pre").style.display = 'none'
          }

        } else {
          document.getElementById("pre").style.display = 'none'
          this.$message.error(res.data.msg);
        }
      }).catch(err => {//请求失败后的处理函数

      })
    },
    //获取当前国家编码
    async getCountryCode() {
      axios.post(this.imgUrl + '/country/getCodeByIp', {

        //参数
      }).then(res => {//请求成功后的处理函数
        if (res.data.code == 200) {
          if (this.notCountry.indexOf(res.data.msg)==-1) {
            this.params.country = res.data.msg;
          }


          if (!sessionStorage.getItem("timer")) {
            let lang = sessionStorage.getItem("lang")
              ? sessionStorage.getItem("lang")
              : this.params.country == "CN"
                ? "cn"
                : "en";
            sessionStorage.clear();
            sessionStorage.setItem("lang", lang);
          } else {
            let timer = sessionStorage.getItem("timer");
            let lang = sessionStorage.getItem("lang")
              ? sessionStorage.getItem("lang")
              : this.params.country == "CN"
                ? "cn"
                : "en";
            sessionStorage.clear();
            sessionStorage.setItem("lang", lang);
            sessionStorage.setItem("timer", timer);
          }

          this.language = sessionStorage.getItem("lang");
          this.lang = content[this.language];

          this.initTimer();

        } else {
          this.$message.error(res.data.msg);
        }
      }).catch(err => {//请求失败后的处理函数

      })
    },

    // 注册
    register: async function () {
      if (this.notRegisterMsg == 'MY') {
        this.notRegisterMsgOpen = true;
        return
      }
      this.$refs["params"].validate(async (valid) => {
        if (valid) {
          if (this.flag) {
            return;
          } else {
            this.flag = true;
          }

          axios.post(this.imgUrl + '/custom/register', {
            ...this.params
            //参数
          }).then(res => {//请求成功后的处理函数
            if (res.data.code == 200) {
              this.loading = true;
              this.$message({
                message: this.lang.registerSuc,
                type: 'success'
              });
              this.login();
              this.flag = false;
            } else {
              this.$message.error(res.data.msg);
              this.flag = false;
            }
          }).catch(err => {//请求失败后的处理函数

          })
        } else {
          return false;
        }
      });
    },
    // 登陆
    login: async function () {
      axios.post(this.imgUrl + '/custom/login', {
        loginName: this.params.email,
        password: this.params.password,
        //参数
      }).then(res => {//请求成功后的处理函数
        if (res.data.code == 200) {
          sessionStorage.setItem("access_token", res.data.data);
          axios.defaults.headers.common["Access-Token"] = res.data.data;
          this.getLoginInfo();
        } else {
          this.$message.error(res.data.msg);
        }
      }).catch(err => {//请求失败后的处理函数

      })
    },
    //获取登录信息
    async getLoginInfo() {
      axios.post(this.imgUrl + '/custom/info', {

        //参数
      }).then(res => {//请求成功后的处理函数
        if (res.data.code == 200) {
          this.loading = true;
          // this.$store.commit("InitInfo", res.data.data);
          this.$message({
            message: this.lang.LoginSuccess,
            type: 'success'
          });
          setTimeout(() => {
            this.loading = false;
            Session.Set("user", JSON.stringify(res.data.data), true)
            window.location.href = this.imgUrl + '/#/customer/index'; 
          }, 1000);
        } else {
          this.$message.error(this.lang.SystemError);
        }
      }).catch(err => {//请求失败后的处理函数

      })
    },

    // 获取验证码
    getCode: async function (val) {
      if (val) {
        if (!this.params.country) {
          this.$message.error(content[sessionStorage.getItem("lang")].country);
          return;
        }
        if (!this.params.email) {
          this.$message.error(content[sessionStorage.getItem("lang")].emailempty);
          return;
        }
        if (!/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(this.params.email)) {
          this.$message.error(content[sessionStorage.getItem("lang")].email);
          return;
        }
      }

      this.getCodeString =
        content[sessionStorage.getItem("lang")].waitCode1 +
        this.timer +
        content[sessionStorage.getItem("lang")].waitCode2;
      let that = this;
      if (!this.interval) {
        this.getCode1(val);
        this.interval = setInterval(() => {
          that.timer--;
          sessionStorage.setItem("timer", that.timer);
          that.getCodeString =
            content[sessionStorage.getItem("lang")].waitCode1 +
            that.timer +
            content[sessionStorage.getItem("lang")].waitCode2;
          if (that.timer == 0) {
            this.getCodeString = content[sessionStorage.getItem("lang")].code;
            clearInterval(that.interval);
            that.interval = null;
            that.timer = 59;
            sessionStorage.setItem("timer", that.timer);
          }
        }, 1000);
      }
    },
    //验证码
    async getCode1(val) {
      if (val) {
        axios.post(this.imgUrl + '/custom/register/send/code', {
          ...this.params
          //参数
        }).then(res => {//请求成功后的处理函数
          if (res.data.code == 200) {
            this.$message({
              message: this.lang.CodeSuccess,
              type: 'success'
            });
          } else {
            this.$message.error(res.data.msg);
          }
        }).catch(err => {//请求失败后的处理函数

        })
      }
    },
    // 初始化定时器
    initTimer: function () {
      let t = sessionStorage.getItem("timer") || this.timer;
      if (t == 59) {
        this.getCodeString = content[sessionStorage.getItem("lang")].code;
      } else {
        this.timer = sessionStorage.getItem("timer");
        this.getCode(0);
      }
    },

    getQueryStringRegExp(name){
      var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); 
      if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
    },
    getCodeQuery(){
      this.params.sourceCode = this.getQueryStringRegExp('ex')
      this.params.w = this.getQueryStringRegExp('w')
      this.params.subId = this.getQueryStringRegExp('SUBID')

      this.params.agentId = Number(this.getQueryStringRegExp('mmdi')) || null;
      this.params.linkValue = this.getQueryStringRegExp('mmF')
      switch (this.getQueryStringRegExp('mmF')) {
        case "F0":
          this.params.comPoint = 0;
          break;
        case "F1":
          this.params.comPoint = 10;
          break;
        case "F2":
          this.params.comPoint = 20;
          break;
        case "F3":
          this.params.comPoint = 30;
          break;
      }
      switch (this.getQueryStringRegExp('mmB')) {
        case "B0":
          this.params.ibInvalid = 0;
          break;
        case "B1":
          this.params.ibInvalid = 1;
          break;
      }
    }
  },
  mounted() {
    // console.log(document.body.clientWidth);
    // this.clientWidth = document.body.clientWidth;
    // if (window.location.search.indexOf('&ex=') != '-1') {
    //   this.params.sourceCode = window.location.search.split('&ex=')[1] || null;
    // } else if (window.location.search.indexOf('?ex=') != '-1') {
    //   this.params.sourceCode = window.location.search.split('?ex=')[1] || null;
    // }
    
    this.getCodeQuery();
    

    this.ho = window.location.host.split('.')[1];
    this.imgUrl = window.location.origin;

    // this.imgUrl = 'http://8.210.194.53:8000';
    this.getCountryMsg()

    if (sessionStorage.getItem("lang")) {
      this.language = sessionStorage.getItem("lang"),
      this.lang = content[sessionStorage.getItem("lang")];
    } else {
      this.language = 'en',
      this.lang = content['en'];
    }
    

    //获取国家
    this.getCountryCode();
    this.getCountry();
    // this.initTimer();


  },
  destroyed() {
    clearInterval(this.interval);
  },
});