cwg_crm_person_front_vu_realse/activity/RegistrationForm/js/active1.js

var content = {
  'cn': {
    headers1: '展会客户登记表',
    headers2: '请留下您的联系信息和需求，展会结束后我司将安排商务人员向您发送产品资料，加深了解和合作!',
    headers3: '客人信息',
    table1: '姓名',
    table5: '电子邮件',
    table4: '电话号码',
    table2: '推荐人',
    table6: '请输入',
    table7: '请选择',
    email: "邮箱格式错误",
    phone: "电话格式错误",
    item1: "提交",
    item2: "提交成功，感谢您的合作"
  },
  'en': {
    headers1: 'Exhibition Guest Registration Form',
    headers2: 'Please leave your contact information. After the exhibition, the company will arrange for business personnel to contact you to deepen understanding and cooperation!',
    headers3: 'Guest Information',
    table1: 'Name',
    table5: 'Email',
    table4: 'Phone Number',
    table2: 'Referrer',
    table6: 'Please enter',
    table7: 'Please select',
    email: "Email format error",
    phone: "Phone Number format error",
    item1: "Sumbit",
    item2: "Successfully submit , thank you for your cooperation!"
  },
  'zhHant': {
    headers1: '展會顧客登記表',
    headers2: '請留下您的聯絡資訊和需求，展會結束後我司將安排商務人員向您發送產品資料，加深了解和合作!',
    headers3: '客人資訊',
    table1: '姓名',
    table5: '電子郵件',
    table4: '電話號碼',
    table2: '推薦人',
    table6: '請輸入',
    table7: '請選擇',
    email: "郵件信箱格式錯誤",
    phone: "電話格式錯誤",
    item1: "提交",
    item2: "提交成功，感謝您的合作"
  },
  'vn': {
    headers1: 'Mẫu Đăng Ký Khách Tham Dự Triển Lãm',
    headers2: 'Vui lòng để lại thông tin liên lạc của bạn. Sau triển lãm, công ty sẽ sắp xếp nhân viên kinh doanh liên hệ với bạn để tăng cường hiểu biết và hợp tác!',
    headers3: 'Thông Tin Khách Tham Dự',
    table1: 'Tên',
    table5: 'Email',
    table4: 'Số Điện Thoại',
    table2: 'Người Giới Thiệu',
    table6: 'Vui lòng nhập',
    table7: 'Vui lòng chọn',
    email: "Lỗi định dạng Email",
    phone: "Lỗi định dạng Số điện thoại",
    item1: "Gửi",
    item2: "Gửi thành công, cảm ơn bạn đã hợp tác!"
  },
  'de': {
    headers1: 'Ausstellungsbesucher-Anmeldeformular',
    headers2: 'Bitte hinterlassen Sie Ihre Kontaktinformationen. Nach der Ausstellung wird das Unternehmen das Geschäftspersonal damit beauftragen, Sie zu kontaktieren, um das Verständnis und die Zusammenarbeit zu vertiefen!',
    headers3: 'Gastinformationen',
    table1: 'Name',
    table5: 'E-Mail',
    table4: 'Telefonnummer',
    table2: 'Empfehler',
    table6: 'Bitte eingeben',
    table7: 'Bitte auswählen',
    email: "E-Mail-Formatfehler",
    phone: "Formatfehler der Telefonnummer",
    item1: "Einreichen",
    item2: "Erfolgreich eingereicht, vielen Dank für Ihre Mitarbeit!"
  },
  'es': {
    headers1: 'Formulario de Registro de Invitados a la Exposición',
    headers2: 'Por favor, deje su información de contacto. Después de la exposición, la empresa organizará para que el personal comercial se comunique con usted para profundizar en la comprensión y la cooperación!',
    headers3: 'Información del Invitado',
    table1: 'Nombre',
    table5: 'Correo Electrónico',
    table4: 'Número de Teléfono',
    table2: 'Referente',
    table6: 'Por favor ingrese',
    table7: 'Por favor seleccione',
    email: "Error de formato de correo electrónico",
    phone: "Error de formato de número de teléfono",
    item1: "Enviar",
    item2: "¡Enviado exitosamente, gracias por su cooperación!"
  },
  'id': {
    headers1: 'Formulir Pendaftaran Tamu Pameran',
    headers2: 'Silakan tinggalkan informasi kontak Anda. Setelah pameran, perusahaan akan mengatur staf bisnis untuk menghubungi Anda untuk memperdalam pemahaman dan kerja sama!',
    headers3: 'Informasi Tamu',
    table1: 'Nama',
    table5: 'Email',
    table4: 'Nomor Telepon',
    table2: 'Pengarah',
    table6: 'Silakan masukkan',
    table7: 'Silakan pilih',
    email: "Kesalahan format Email",
    phone: "Kesalahan format Nomor Telepon",
    item1: "Kirim",
    item2: "Berhasil dikirim, terima kasih atas kerja samanya!"
  },
  'ms': {
    headers1: 'Borang Pendaftaran Tetamu Pameran',
    headers2: 'Sila tinggalkan maklumat hubungan anda. Selepas pameran, syarikat akan mengatur staf perniagaan untuk menghubungi anda untuk meningkatkan pemahaman dan kerjasama!',
    headers3: 'Maklumat Tetamu',
    table1: 'Nama',
    table5: 'Emel',
    table4: 'Nombor Telefon',
    table2: 'Rujuk',
    table6: 'Sila masukkan',
    table7: 'Sila pilih',
    email: "Ralat format Emel",
    phone: "Ralat format Nombor Telefon",
    item1: "Hantar",
    item2: "Berjaya dihantar, terima kasih atas kerjasamanya!"
  },
  'th': {
    headers1: 'แบบฟอร์มลงทะเบียนผู้เข้าชมนิทรรศการ',
    headers2: 'กรุณาทิ้งข้อมูลติดต่อของคุณ หลังจากนิทรรศการ บริษัทจะจัดการติดต่อบุคลากรทางธุรกิจเพื่อเสริมความเข้าใจและความร่วมมือ!',
    headers3: 'ข้อมูลผู้เข้าชม',
    table1: 'ชื่อ',
    table5: 'อีเมล',
    table4: 'หมายเลขโทรศัพท์',
    table2: 'ผู้แนะนำ',
    table6: 'โปรดระบุ',
    table7: 'โปรดเลือก',
    email: "ข้อผิดพลาดรูปแบบอีเมล",
    phone: "ข้อผิดพลาดรูปแบบหมายเลขโทรศัพท์",
    item1: "ส่ง",
    item2: "ส่งสำเร็จแล้ว ขอบคุณสำหรับความร่วมมือของคุณ!"
  },
  'ar': {
    headers1: 'نموذج تسجيل ضيوف المعرض',
    headers2: 'يرجى ترك معلومات الاتصال الخاصة بك. بعد المعرض، ستقوم الشركة بترتيب موظفي الأعمال للاتصال بك لتعميق الفهم والتعاون!',
    headers3: 'معلومات الضيف',
    table1: 'الاسم',
    table5: 'البريد الإلكتروني',
    table4: 'رقم الهاتف',
    table2: 'المحال',
    table6: 'يرجى إدخال',
    table7: 'يرجى التحديد',
    email: "خطأ في تنسيق البريد الإلكتروني",
    phone: "خطأ في تنسيق رقم الهاتف",
    item1: "إرسال",
    item2: "تم الإرسال بنجاح، شكرًا لتعاونك!"
  },
  'ko': {
    headers1: '전시회 참가자 등록 양식',
    headers2: '귀하의 연락처 정보를 남겨주세요. 전시회 이후, 회사는 비즈니스 인력이 귀하에게 연락하여 이해를 깊이 있게 하고 협력을 강화할 수 있도록 조치를 취할 것입니다!',
    headers3: '참가자 정보',
    table1: '이름',
    table5: '이메일',
    table4: '전화 번호',
    table2: '추천인',
    table6: '입력해주세요',
    table7: '선택해주세요',
    email: "이메일 형식 오류",
    phone: "전화 번호 형식 오류",
    item1: "제출",
    item2: "성공적으로 제출되었습니다. 협조해 주셔서 감사합니다!"
  },
  'pt': {
    headers1: 'Formulário de Registro de Convidados para a Exposição',
    headers2: 'Por favor, deixe suas informações de contato. Após a exposição, a empresa organizará para que o pessoal de negócios entre em contato com você para aprofundar a compreensão e a cooperação!',
    headers3: 'Informações do Convidado',
    table1: 'Nome',
    table5: 'E-mail',
    table4: 'Número de Telefone',
    table2: 'Referente',
    table6: 'Por favor insira',
    table7: 'Por favor selecione',
    email: "Erro de formato de e-mail",
    phone: "Erro de formato de número de telefone",
    item1: "Enviar",
    item2: "Enviado com sucesso, obrigado pela sua cooperação!"
  },
  'fa': {
    headers1: 'فرم ثبت نام مهمان نمایشگاه',
    headers2: 'لطفاً اطلاعات تماس خود را وارد کنید. پس از نمایشگاه، شرکت مربوطه کارکنان تجاری را برای تماس با شما جهت تعمیق درک و همکاری مرتب می کند!',
    headers3: 'اطلاعات مهمان',
    table1: 'نام',
    table5: 'ایمیل',
    table4: 'شماره تلفن',
    table2: 'معرف',
    table6: 'لطفاً وارد کنید',
    table7: 'لطفاً انتخاب کنید',
    email: "خطای فرمت ایمیل",
    phone: "خطای فرمت شماره تلفن",
    item1: "ارسال",
    item2: "با موفقیت ارسال شد، از همکاری شما سپاسگزاریم!"
  },
  'tr': {
    headers1: 'Fuar Konuk Kayıt Formu',
    headers2: 'Lütfen iletişim bilgilerinizi bırakın. Fuar sonrası, şirket iş personelini sizinle iletişim kurmak ve anlayışınızı derinleştirmek ve işbirliğini artırmak için düzenleyecektir!',
    headers3: 'Misafir Bilgileri',
    table1: 'Ad',
    table5: 'E-posta',
    table4: 'Telefon Numarası',
    table2: 'Yönlendirici',
    table6: 'Lütfen girin',
    table7: 'Lütfen seçin',
    email: "E-posta format hatası",
    phone: "Telefon Numarası format hatası",
    item1: "Gönder",
    item2: "Başarıyla gönderildi, işbirliğiniz için teşekkür ederiz!"
  },
}

let vm = new Vue({
  el: "#active1",
  data: {
    //多语言
    langList: {
      en: "ENGLISH",
      cn: "中文简体",
      zhHant: "中文繁體",
      vn: "Tiếng Việt",
      de: "Deutsch",
      es: "Español",
      id: "Indonesian",
      ms: "Melayu",
      th: "ภาษาไทย",
      ar: "العربية",
      ko: "한국어",
      pt: "Português",
      fa: "زبان پارسی",
      tr: "Türkçe",
    },
    language: "en",
    lang: {},

    pictLoading:false,
    loading: false,

    // 表单参数
    params: {
      email: "",
      number: "",
      name: "",
      referrer: "",
      areaCode:"",
      countryCode:"",
    },
    mock_options: [],
    // 验证规则
    rules: {
      email: [
        {
          validator: (rule, value, callback) => {
            if (/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(value)) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].email));
            }
          },
          trigger: "blur",
        },
      ],
      name: [
        {
          validator: (rule, value, callback) => {
            if (
              value != "" &&
              value != null
            ) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].table6));
            }
          },
          trigger: "blur",
        },
      ],
      areaCode: [
        {
          validator: (rule, value, callback) => {
            if ( 
              value != "" &&
              value != null
            ) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].table7));
            }
          },
          trigger: "change",
        },
      ],
      number: [
        {
          validator: (rule, value, callback) => {
            if (
              value != "" &&
              value != null
            ) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].table6));
            }
          },
          trigger: "blur",
        },
      ],
      referrer: [
        {
          validator: (rule, value, callback) => {
            if (
              value != "" &&
              value != null
            ) {
              callback();
            } else {
              callback(new Error(content[sessionStorage.getItem('lang')].table6));
            }
          },
          trigger: "blur",
        },
      ],
    },

    imgUrl: '',
    ho: '',
    isPc:null,
    centerDialogVisible:false,
  },
  computed: {
    
  },
  methods: {
    // 语言切换函数
    chooseLang(key) {
      this.lang = content[key];
      this.language = key;
      sessionStorage.setItem("lang", this.language);
      location.reload();
    },

    // 注册
    register: async function () {
      this.$refs["params"].validate(async (valid) => {
        if (valid) {
          if (this.flag) {
            return;
          } else {
            this.flag = true;
          }
          this.pictLoading = true;
          
          axios.post(this.imgUrl + '/activity/dubai/exhibition/add', {
            ...this.params
            //参数
          }).then(res => {//请求成功后的处理函数
            if (res.data.code == 200) {
              this.$message({
                message: this.lang.item2,
                type: 'success'
              });
              this.$refs['params'].resetFields();
              this.flag = false;
              this.pictLoading = false;
            } else {
              this.$message.error(res.data.msg);
              this.flag = false;
              this.pictLoading = false;
            }
          }).catch(err => {//请求失败后的处理函数
            this.pictLoading = false;
          })
        } else {
          return false;
        }
      });
    },
    //获取国家列表
    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) {
          
          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 => {//请求失败后的处理函数

      })
    },

    getQueryStringRegExp(name){
      var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); 
      if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
    },
    getCodeQuery(){
      this.params.referrer = this.getQueryStringRegExp('referrer');
      this.params.countryCode = this.getQueryStringRegExp('countryCode');
    },
    //判断pc、移动
    IsPC() {  
      var userAgentInfo = navigator.userAgent;  
      var Agents = ['Android', 'iPhone',  
          'SymbianOS', 'Windows Phone',  
          'iPad', 'iPod'  
      ];  
      var flag = true;  
      for (var i = 0; i < Agents.length; i++) {  
          if (userAgentInfo.indexOf(Agents[i]) != -1) {  
              flag = false;  
              break;  
          }  
      }  
      return flag;  
    },
  },
  mounted() {
    
    this.getCodeQuery();
    
    
    // || 'cwgvu'
    this.ho = window.location.host.split('.')[1];
    this.imgUrl = window.location.origin;

    // this.imgUrl = 'https://secure.cwgvu.com'

    this.getCountryMsg()
    
    
    this.getCountry();

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

      var jsSrc =(navigator.language || navigator.browserLanguage);
      // jsSrc = 'ko-IN'
      if(jsSrc.indexOf('zh-C') >= 0){
        this.language = 'cn'
        this.lang = content['cn'];
      }else if(jsSrc.indexOf('es') >= 0){
        this.language = 'es'
        this.lang = content['es'];
      }else if(jsSrc.indexOf('zh-') >= 0){
        this.language = 'zhHant'
        this.lang = content['zhHant'];
      }else if(jsSrc.indexOf('ar') >= 0){
        this.language = 'ar'
        this.lang = content['ar'];
      }else if(jsSrc.indexOf('de') >= 0){
        this.language = 'de'
        this.lang = content['de'];
      }else if(jsSrc.indexOf('id') >= 0){
        this.language = 'id'
        this.lang = content['id'];
      }else if(jsSrc.indexOf('ko') >= 0 && jsSrc.indexOf('kok') == -1){
        this.language = 'ko'
        this.lang = content['ko'];
      }else if(jsSrc.indexOf('ms') >= 0){
        this.language = 'ms'
        this.lang = content['ms'];
      }else if(jsSrc.indexOf('th') >= 0){
        this.language = 'th'
        this.lang = content['th'];
      }else if(jsSrc.indexOf('vi') >= 0){
        this.language = 'vn'
        this.lang = content['vn'];
      }else if(jsSrc.indexOf('fa') >= 0){
        this.language = 'fa'
        this.lang = content['fa'];
      }else if(jsSrc.indexOf('pt') >= 0){
        this.language = 'pt'
        this.lang = content['pt'];
      }else if(jsSrc.indexOf('tr') >= 0){
        this.language = 'tr'
        this.lang = content['tr'];
      }else{
        this.language = 'en'
        this.lang = content['en'];
      }

      // this.language = 'en'
      // this.lang = content['en'];

      sessionStorage.setItem("lang", this.language);
    }
  },
});