cwg-crm
/
cwg_crm_person_front_vu_realse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>CWG Markets</title>
    <link rel="icon" type="image/x-icon" href="imgs/favicon.ico" />
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/element-ui.css" />
    <link rel="stylesheet" href="../../css/element@2.12.2.css" />
    <link rel="stylesheet" href="../../css/preloading.css" />
    <!-- <link rel="stylesheet" href="css/active5.css" /> -->
    <link rel="stylesheet" href="assets/iconfont/iconfont.css" />

    <!-- Start of cwgmarkets Zendesk Widget script -->
     <!-- <script
      id="ze-snippet"
      src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
    ></script> -->
    <script type="text/javascript">
      window.__lc = window.__lc || {};
      window.__lc.license = 18945964;
      (function (n, t, c) {
        function i(n) {
          return e._h ? e._h.apply(null, n) : e._q.push(n);
        }
        var e = {
          _q: [],
          _h: null,
          _v: "2.0",
          on: function () {
            i(["on", c.call(arguments)]);
          },
          once: function () {
            i(["once", c.call(arguments)]);
          },
          off: function () {
            i(["off", c.call(arguments)]);
          },
          get: function () {
            if (!e._h)
              throw new Error(
                "[LiveChatWidget] You can't use getters before load."
              );
            return i(["get", c.call(arguments)]);
          },
          call: function () {
            i(["call", c.call(arguments)]);
          },
          init: function () {
            var n = t.createElement("script");
            (n.async = !0),
              (n.type = "text/javascript"),
              (n.src = "https://cdn.livechatinc.com/tracking.js"),
              t.head.appendChild(n);
          },
        };
        !n.__lc.asyncInit && e.init(),
          (n.LiveChatWidget = n.LiveChatWidget || e);
      })(window, document, [].slice);
    </script>
    <noscript>
      <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
        >Chat with us</a
      >, powered by
      <a
        href="https://www.livechat.com/?welcome"
        rel="noopener nofollow"
        target="_blank"
        >LiveChat</a
      >
    </noscript>
    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-T8P44WHV');
    </script>

  </head>
  <style>
    [v-cloak] {
      display: none;
    }
  </style>
  <body id="page-top">
    <div
        id="pre"
        style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
      >
        <div
          style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
        >
          <div
            style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
          >
            <div class="line-scale">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
            </div>
          </div>
        </div>
      </div>
    <div  id="active1" v-cloak  v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
      <nav class="navbar navbar-expand-lg navbar-dark bg-menu fixed-top" id="mainNav">
        <div class="container-fluid px-4">
          <a class="navbar-brand" href="javascript:;">
            <img src="imgs/cwg-logo.png" class="img-responsive" alt="cwg-logo">
          </a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ms-auto">
              <li class="nav-item">
                <a class="nav-link text-white ms-5" target="_blank" :href="'https://www.'+ho+'.com/about-cwg'">{{lang.nav1}}</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white ms-5" href="javascript:;" @click="dialogFormVisible = true">{{lang.nav2}}</a>
              </li>
              <li class="nav-item">
                <el-dropdown trigger="click" @command="chooseLang">
                  <span class="menu language-box">
                    {{langList[language]}}
                    <i class="el-icon-arrow-down el-icon--right"></i>
                  </span>
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item command="cn"
                      >中文简体</el-dropdown-item
                    >
                    <el-dropdown-item command="zhHant"
                      >中文繁體</el-dropdown-item
                    >
                    <el-dropdown-item command="en"
                      >English</el-dropdown-item
                    >
                    <el-dropdown-item command="es"
                      >Español</el-dropdown-item
                    >
                    <el-dropdown-item command="ar"
                      >العربية</el-dropdown-item
                    >
                    <el-dropdown-item command="de"
                      >Deutsch</el-dropdown-item
                    >
                    <el-dropdown-item command="id"
                      >Indonesian</el-dropdown-item
                    >
                    <el-dropdown-item command="ko"
                      >한국어</el-dropdown-item
                    >
                    <el-dropdown-item command="ms"
                      >Melayu</el-dropdown-item
                    >
                    <el-dropdown-item command="th"
                      >ภาษาไทย</el-dropdown-item
                    >
                    <el-dropdown-item command="vn"
                      >Tiếng Việt</el-dropdown-item
                    >
                    <el-dropdown-item command="pt">Português</el-dropdown-item>
                    <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </li>
              <li class="nav-item">
                <a class="nav-link ms-4 btn btn-primary" href="javascript:;" @click="dialogFormVisible = true">{{lang.nav3}}</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
      
      <header class="bg-header">
        <div class="container px-4 text-center">
          <div class="row gx-4 text-center justify-content-center">
            <div class="col-lg-10">
              <h1 class="text-primary fw-bolder">{{lang.header1}}</h1>
              <h1 class="main-heading mt-2 text-center">{{lang.header2}}</h1>
              <div class="row gx-4 justify-content-center mt-5">
                <div class="col-lg-5">
                  <a class="btn btn-gradient" href="javascript:;" @click="dialogFormVisible = true">
                    <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.JoinNow}} </a>
                </div>
              </div>
            </div>
            <div class="col-lg-12 mt-5">
              <img src="imgs/header-img.png" class="img-fluid" alt="header-img">
            </div>
          </div>
        </div>
      </header>
      
      <section class="section-bg">
        <div class="container">
          <div class="row gx-4 text-center justify-content-center">
            <div class="col-lg-10">
              <h1 class="text-primary fw-bolder mt-5">{{lang.section11}}</h1>
              <h1 class="main-heading mt-1">{{lang.section12}}</h1>
              <p class="lead mt-5">{{lang.section13}}</p>
            </div>
            <div class="col-lg-5 mt-4">
              <a class="btn btn-gradient" href="javascript:;" @click="dialogFormVisible = true">
                <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.JoinNow}} </a>
            </div>
          </div>
        </div>
      </section>
      
      <section class="section-bg-1 mt-5">
        <div class="container">
          <div class="row gx-4 text-center bg-white justify-content-center">
            <div class="col-lg-10">
              <h1 class="text-primary fw-bolder mt-5">{{lang.section21}}</h1>
              <h1 class="main-heading mt-1">{{lang.section22}}</h1>
            </div>
            <div class="col-lg-10 mt-5 crm_table">
              <table class="table table-striped">
                <thead class="bg-danger">
                  <tr>
                    <th>{{lang.section23}}</th>
                    <th>{{lang.section24}}</th>
                    <th>{{lang.section25}}</th>
                    <th>{{lang.section26}}</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(item,index) in top10" :key="index">
                    <td>{{item.nickname}}</td>
                    <td>{{item.income}}</td>
                    <td>{{item.winRate}}</td>
                    <td>${{item.followIncome}}</td>
                    <td>
                      <button type="button" class="btn btn-secondary" @click="dialogFormVisible = true">{{lang.section27}}</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="col-lg-5 mt-4 mb-5">
              <a class="btn btn-gradient" href="javascript:;" @click="dialogFormVisible = true">
                <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.JoinNow}} </a>
            </div>
          </div>
        </div>
      </section>
      
      <section class="section-bg-2">
        <div class="container">
          <div class="row gx-4  justify-content-center">
            <div class="col-lg-10 text-center">
              <h1 class="text-primary fw-bolder mt-5">CWG Markets</h1>
              <h1 class="main-heading mt-1">{{lang.section31}}</h1>
            </div>
            <div class="col-lg-6 mt-5">
              <h1 class="text-primary fw-bolder mt-5">{{lang.section32}}</h1>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-1.png" alt="followers-1">
                <div class="container__text">
                  <h5>{{lang.section33}}</h5>
                  <p>{{lang.section34}}</p>
                </div>
              </div>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-2.png" alt="followers-1">
                <div class="container__text">
                  <h5>{{lang.section35}}</h5>
                  <p>{{lang.section36}}</p>
                </div>
              </div>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-3.png" alt="followers-1">
                <div class="container__text">
                  <h5>{{lang.section37}}</h5>
                  <p>{{lang.section38}}</p>
                </div>
              </div>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-4.png" alt="followers-1">
                <div class="container__text">
                  <h5>{{lang.section39}}</h5>
                  <p>{{lang.section310}}</p>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mt-5">
              <img src="imgs/followers.png" class="img-fluid" alt="Followers-img">
            </div>
            <div class="col-lg-6 mt-5">
              <img src="imgs/followers-5.png" class="img-fluid" alt="Followers-img">
            </div>
            <div class="col-lg-6 mt-5">
              <h1 class="text-primary fw-bolder mt-5">{{lang.section311}}</h1>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-6.png" alt="followers-6">
                <div class="container__text">
                  <h5>{{lang.section312}}</h5>
                  <p>{{lang.section313}}</p>
                </div>
              </div>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-7.png" alt="followers-7">
                <div class="container__text">
                  <h5>{{lang.section314}}</h5>
                  <p>{{lang.section315}}</p>
                </div>
              </div>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-8.png" alt="followers-8">
                <div class="container__text">
                  <h5>{{lang.section316}}</h5>
                  <p>{{lang.section317}}</p>
                </div>
              </div>
              <div class="followers-section mt-3">
                <img class="container__image img-fluid" src="imgs/followers-9.png" alt="followers-9">
                <div class="container__text">
                  <h5>{{lang.section318}}</h5>
                  <p>{{lang.section319}}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      
      <section>
        <div class="container">
          <div class="row gx-4 justify-content-center">
            <div class="col-lg-10 text-center ">
              <h1 class="text-primary fw-bolder mt-5">CWG Markets</h1>
              <h1 class="main-heading mt-1">{{lang.section41}}</h1>
            </div>
            <div class="col-lg-5 mt-5">
              <div class="rt-container">
                <div class="Scriptcontent">
                  <div class="step" :class="{ 'step-active':isStep == 1}">
                    <div>
                      <div class="circle" @click="isStep = 1">01</div>
                    </div>
                    <div v-if="isStep == 1">
                      <h3 class="title">{{lang.section42}}</h3>
                      <div class="caption">{{lang.section43}}</div>
                    </div>
                  </div>
                  <div class="step" :class="{ 'step-active':isStep == 2}">
                    <div>
                      <div class="circle" @click="isStep = 2">02</div>
                    </div>
                    <div v-if="isStep == 2">
                      <h3 class="title">{{lang.section44}}</h3>
                      <div class="caption">{{lang.section45}}</div>
                    </div>
                  </div>
                  <div class="step" :class="{ 'step-active':isStep == 3}">
                    <div>
                      <div class="circle" @click="isStep = 3">03</div>
                    </div>
                    <div v-if="isStep == 3">
                      <h3 class="title">{{lang.section46}}</h3>
                      <div class="caption">{{lang.section47}}</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-5 video-play">
              <img src="imgs/video-bg.png" class="img-fluid" alt="video-bg">
              <div class="icon-video-play" @click="dialogvideoVisible = true">
                <i class="el-icon-video-play"></i>
              </div>
            </div>
          </div>
        </div>
      </section>
      
      <section class="bg-header">
        <div class="container">
          <div class="row gx-4  justify-content-center">
            <div class="col-lg-9 text-center">
              <img src="imgs/cwg-logo.png" class="img-fluid" alt="logo">
              <h1 class="main-heading mt-1">{{lang.section51}}</h1>
              <p class="lead mt-5">{{lang.section52}}</p>
              <img src="imgs/followers.png" class="img-fluid mt-5" alt="Followers-img">
              <h1 class="main-heading mt-1">{{lang.section53}}</h1>
              <a class="btn btn-gradient mt-5" href="javascript:;" @click="dialogFormVisible = true">
                <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.JoinNow}} </a>
            </div>
          </div>
        </div>
        <footer class="container  d-flex flex-wrap justify-content-between align-items-center py-1 my-4 border-top">
          <div class="col-md-4 d-flex align-items-center">
            <p class="mb-3 mb-md-0 text-muted">{{lang.footer1}}</p>
          </div>
          <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
            <li class="ms-3"><a class="text-muted" target="_blank" :href="'https://www.'+ho+'.com/doc/PrivacyPolicy2019-01.pdf'">
              <p class="mb-3 mb-md-0 text-muted">{{lang.footer2}}</p>
              </a></li>
            <li class="ms-3"><a class="text-muted" target="_blank" :href="'https://www.'+ho+'.com/doc/Terms-and-Conditions-2020-08.pdf'">
              <p class="mb-3 mb-md-0 text-muted">{{lang.footer3}}</p>
              </a></li>
          </ul>
        </footer>
      </section>


      <el-dialog custom-class="crm-signup" :show-close="false" :visible.sync="dialogFormVisible">
        <div class="banner-signup" v-loading="loading">
          <div class="close" @click="dialogFormVisible = false">
            <i class="el-icon-close"></i>
          </div>
          <div class="title">
            <img src="imgs/logo.png" class="img-responsive" alt="cwg-logo">
            <h1 class="text-primary fw-bolder">{{lang.box1item4}}</h1>
            <div class="title2">{{lang.box1item4_1}}</div>
          </div>
          <el-form
            :model="params"
            :rules="rules"
            ref="params"
            label-width="0"
            class="form"
          >
            <el-form-item prop="country" style="position: relative">
              <el-select
                filterable
                class="country"
                v-model="params.country"
                :placeholder="lang.box1item5"
              >
                <el-option
                  v-for="item in mock_options"
                  :key="item.id"
                  :label="item.enName"
                  :value="item.code"
                  :disabled="notCountry.indexOf(item.code)!==-1"
                ></el-option>
              </el-select>
              <i class="iconfont icondingwei"></i>
            </el-form-item>
            <el-form-item prop="phone">
              <el-input
                class="m-input"
                v-model.trim="params.phone"
                :placeholder="lang.box1item6"
                prefix-icon="iconfont iconshouji"
              >
              </el-input>
            </el-form-item>
            <el-form-item prop="email">
              <el-input
                class="m-input"
                v-model.trim="params.email"
                :placeholder="lang.box1item7"
                prefix-icon="iconfont iconyouxiang1"
              >
              </el-input>
            </el-form-item>
            <el-form-item prop="emailCode">
              <el-row>
                <el-col :span="14">
                  <el-input
                    class="code"
                    v-model.trim="params.emailCode"
                    prefix-icon="iconfont iconyanzhengma"
                    :placeholder="lang.box1item8"
                  ></el-input>
                </el-col>
                <el-col :span="9" :push="1">
                  <!-- <span @click="getCode(1)" class="getCode"
                    >{{getCodeString}}</span
                  > -->
                  <a class="btn btn-gradient getCode" href="javascript:;" @click="getCode(1)">
                     {{getCodeString}}
                  </a>
                </el-col>
              </el-row>
            </el-form-item>
            <el-form-item prop="password">
              <el-input
                class="m-input"
                show-password
                v-model.trim="params.password"
                autocomplete="off"
                prefix-icon="iconfont iconmima"
                :placeholder="lang.box1item9"
              ></el-input>
            </el-form-item>
            <el-form-item>
              <ul class="pwd">
                <li :class="{ fit: rule1 }">{{lang.st1}}</li>
                <li :class="{ fit: rule2 }">{{lang.nd2}}</li>
                <li :class="{ fit: rule3 }">{{lang.rd3}}</li>
              </ul>
            </el-form-item>
            <el-form-item class="agree" prop="agree">
              <el-checkbox v-model="params.agree"> </el-checkbox>
              <span class="agree_title">{{lang.box1item10}}</span>
            </el-form-item>
            <el-form-item>
              <div class="banner-signup-btnBox">
                <a class="btn btn-gradient mt-5 sign-btn" href="javascript:;" @click="register" style="margin-right: 5px;">
                  <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item11}}
                </a>
                <a class="btn btn-gradient mt-5 sign-btn"  target="_blank" :href="'https://secure.'+ho+'.com'" style="margin-left: 5px;background: #4CAF50;">
                  <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item12}}
                </a>
              </div>
            </el-form-item>
          </el-form>
        </div>
      </el-dialog>

      <el-dialog custom-class="crm-signup" :show-close="false" fullscreen :visible.sync="dialogvideoVisible">
        <div class="banner-signup" v-loading="loading">
          <div class="close" @click="dialogvideoVisible = false">
            <i class="el-icon-close"></i>
          </div>
          <div>
            <video id="videoplayer" controls = "true" width="100%" src="https://static.cwgchinese.com/video/IWbBlopCNv8eKxn9411233Rtcng.mp4" v-if="['cn','zhHant'].indexOf(language)!=-1"></video>
            <video id="videoplayer" controls = "true" width="100%" src="https://static.cwgchinese.com/video/IWbBlopxuej23837BGGYeeeteng.mp4" v-else></video>
            <!-- <iframe width="325" height="175" src="" /> -->
          </div>
        </div>
      </el-dialog>

      <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
        <div class="banner-signup">
          <div class="close" @click="notRegisterMsgOpen = false">
            <i class="el-icon-close"></i>
            </div>
            <span class="" v-if="language == 'cn'">
            <strong>重要声明:</strong>  <br> 根据本公司内部合规政策及适用地区监管机构的要求，CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符，且您并非马来西亚居民或法人，请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议，请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
          </span>
          <span class="" v-else>
            <strong>Important Notice:</strong><br> In accordance with CWG’s internal compliance policies and the requirements of applicable regional regulatory authorities, <strong>CWG does not offer any products or services to individuals or legal entities located in Malaysia</strong> .If this notice does not apply to your actual place of residence or registration, and you are <strong>not a Malaysian resident or entity</strong> , you may proceed with the relevant operations after confirming.If you have any questions or concerns regarding this statement, please <strong>immediately contact our Customer Support team</strong>  for further assistance.Thank you for your understanding and cooperation.
          </span>
        </div>
        </el-dialog>
	  
      
    </div>
    
    
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/scripts.js"></script>
    <script src="../common/js/jquery.js"></script>
    <script src="../common/js/app.js"></script>
    <script src="../common/js/chunk-vendors.js"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/axios.min.js"></script>
    <script src="../../js/element-ui.js"></script>
    <script src="../../js/element@2.12.2.js"></script>
    <script src="js/active1.js"></script>


    <script>
      var $zopim = null;
      rep = setInterval(aTimer, 10000);

      function aTimer() {
        if ($zopim) {
          $zopim(function() {
            if (sessionStorage.getItem("lang") == "cn") {
              $zopim.livechat.setLanguage("zh_CN");
            } else {
              $zopim.livechat.setLanguage("en");
            }
          });
        }
      }
    </script>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

  </body>
</html>