cwg_crm_person_front_vu_realse/activity/common/js/active2.js

var content = {
  'cn': {
    headers1: '登陆',
    headers2: '在线客服',
    headers3: '创建账户',
    box1item1: '与全球150多国家的交易者一起在CWG开启您的交易之旅',
    box1item2: '一键交易全球外汇、股票、贵金属、指数、期货，享受低成本、极速执行和多重优惠',
    box1item3: '*活动受条款约束。请在我们的网站上查看优惠活动详情。',
    box1item4: '注册！',
    box1item5: '国家地区',
    box1item6: '联系电话',
    box1item7: '电子邮箱',
    box1item8: '邮箱验证码',
    box1item9: '设置密码',
    box1item10: '本人声明并确认本人并非美国公民或居民。',
    box1item11: '确认',
    box2item1: '最低入金',
    box2item2: '最高杠杆',
    box2item3: '点差低至',
    box2item4: '交易产品',
    box3: '为什么选择CWG？',
    box3item1: '产品丰富 交易全球',
    box3item2: 'CWG为全球交易者提供外汇、股票、贵金属、指数、期货等多达500多种金融衍生品交易',
    box3item3: '全面账户 极速交易',
    box3item4: '四种账户类型，极致交易速度，点差低至0，满足不同客户的多种选择',
    box3item5: '交易平台 全球领先',
    box3item6: 'CWG采用全球领先的MT4/5交易平台，适应于多种终端设备，随时随地开启交易',
    box3item7: '分析培训 交易护航',
    box3item8: 'CWG拥有雄厚的师资团队及专业的策略分析，为您的交易保驾护航',
    box3item9: '科技创新 技术领先',
    box3item10: 'CWG拥有MAM/PAMM/API技术支持，满足交易员跨平台多账号管理系统需求',
    box3item11: '顶级流动 透明交易',
    box3item12: 'CWG作为用户与顶级银行报价的中介，直接接入顶级流动性的全球外汇交易市场',
    box4: '简单三部，开户即得50美金真仓账户，盈利可取！！！',
    box4item1: '开立“极速账户”领取礼遇金',
    box4item2: '注册客户专区，开立“极速账户” ',
    box4item3: '领取$50,开始交易旅程',
    box4item4: '进入“客户专区 – 活动中心”点击“申请”,获取$50礼遇金',
    box4item5: '完成交易，提现盈利',
    box4item6: '完成交易要求，盈利随时提现',
    box5: '在CWG进行交易您能获得',
    box5item1: '多种账户类型满足不同交易需求',
    box5item2: '平均订单执行速度低于40毫秒',
    box5item3: '严格监管保障资金安全无忧',
    box5item4: '专业的分析研究和交易工具',
    box6item1: '立即领取$50礼遇金',
    box6item2: '开启您的无风险交易之旅！',
    box6item3: '立即领取',
    box7item1: 'CWG Markets是CWG集团的商标。',
    box7item2: 'Cwgvu.com由CWG集团所有并运营。CWG集团包括：',
    box7item3: 'CWG Markets Ltd(UK)，在英格兰和威尔士注册，公司编号为08888720。该公司是一家730K投资公司，由英国金融行为监管局（FCA）完全授权和监管，公司监管编号 FRN 785129 。',
    box7item4: 'CWG Markets Ltd(VU)，是一家证券及金融衍生品交易商，接受瓦努阿图金融服务委员会（VFSC）监管，监管编号为41694，获得授权从事证券交易业务。',
    box7item5: '客户必须年满18周岁才能使用CWG Markets的服务。',
    box7item6: '外汇和杠杆化金融产品是复杂的工具，并且由于杠杆而有快速亏损的风险。您应该考虑是否了解差价合约是如何运作的，以及您是否有能力承担损失资金的风险。您应该了解与差价合约(CFD)相关的所有风险，如果您有任何疑问，请寻求独立顾问的建议。请仔细阅读我们的',
    box7item7: '风险披露',
    box7item8: '。',
    box7item9: '受限地区： CWG Markets Ltd无法为特定国家/地区提供服务，例如：美国，以色列和伊朗。如果此类分发或使用违反当地法律或法规，则本网站上的信息不是分发或用于此类国家或地区的任何人。',
    box7item10: '本网站使用cookies为您提供最佳体验并更好地了解您。通过访问我们的网站并将您的浏览器设置为允许cookie，即表示您同意我们使用我们的隐私政策中所述的cookie。',
    box7item11: '© 2020 CWG MARKETS',
    box7item12: 'cookies政策',
    box7item13: '和',
    box7item14: ' 隐私政策',
    box7item15: '.',
    code: '获取验证码',
    country: "请选择您所在国家",
    email: "邮箱格式错误",
    phone: "电话格式错误",
    password: "使用8到15个字符,同时使用大写和小写字母,使用数字和英文字母的组合",
    codeInput: "请输入验证码",
    agree: "请同意声明",
    CodeSuccess: "验证码获取成功",
    emailempty: "邮箱不能为空",
    waitCode1: "等待 ",
    waitCode2: "s ",
    registerSuc: "注册成功,正在登录...",
    SystemError: "系统错误，请稍后再试。",
    LoginSuccess: "登录成功，马上进入系统。",
  },
  'en': {
    headers1: 'Login',
    headers2: 'Live Chat',
    headers3: 'Create Account',
    box1item1: 'Start your trading journey at CWG with traders 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 trading speed, spread as low as 0, 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，Trade Support',
    box3item8: 'CWG has a strong team of consultants and professional strategy analysis to support your trading',
    box3item9: 'Technological Innovation, Leading Technology',
    box3item10: 'CWG has MAM/PAMM/API technical support to meet the needs of cross platform multi account management system for investment traders',
    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: 'Three simple steps to open an account with a welcome deposit of USD $50 for our new clients! ! !',
    box4item1: 'Open a "instant account" to receive the welcome deposit.',
    box4item2: 'Register at the customer zone',
    box4item3: 'Receive the $50 and start your trading journey',
    box4item4: 'Enter "Customer Area-Activity Center" and click "Apply" ',
    box4item5: 'Complete the transaction',
    box4item6: 'Complete the transaction requirements and withdraw profits at any time',
    box5: 'Trading with CWG you can get:',
    box5item1: 'Multiple account types to meet your trading needs',
    box5item2: 'The average order execution speed is less than 40 milliseconds',
    box5item3: 'Strict supervision to ensure the safety of funds',
    box5item4: 'Professional analytical research and trading 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: 'CWG Markets Ltd(VU), authorized and regulated by the Vanuatu Financial Services Commission (VFSC), with registration no. 41694. and the address is 1276, Govant Building, Kumul Highway, PORT VILA, VANUATU.It is a licensed financial dealer authorized to carry on the business of dealing in securities.',
    box7item5: 'Clients must be at least 18 years old to use the services of CWG Markets.',
    box7item6: 'Forex and Leveraged Financial Instruments are complex instruments and come with a high risk of losing money rapidly due to leverage. Please ensure you fully understand the risks and take appropriate care to manage your own risk. Please read our',
    box7item7: ' Risk Disclosure ',
    box7item8: 'carefully.',
    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: 'This website uses cookies to provide you with the very best experience and to know you better. By visiting our website with your browser set to allow cookies, you consent to our cookies policy and Privacy Policy .',
    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);
  },
});