cwg-crm
/
cwg_crm_person_front_vu_realse


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569
							<!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 Cash Carnival</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="#"> <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">
              <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="en"
                    >English</el-dropdown-item
                  > -->
                  <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="vn">Tiếng Việt</el-dropdown-item>
                  <el-dropdown-item command="de">Deutsch</el-dropdown-item>
                  <el-dropdown-item command="es">Español</el-dropdown-item>
                  <el-dropdown-item command="id">Indonesian</el-dropdown-item>
                  <el-dropdown-item command="ms">Melayu</el-dropdown-item>
                  <el-dropdown-item command="th">ภาษาไทย</el-dropdown-item>
                  <el-dropdown-item command="ar">العربية</el-dropdown-item>
                  <el-dropdown-item command="ko">한국어</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"  @click="dialogFormVisible = true">{{lang.nav2}}</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 banner_box">
          <div class="">
            <h1 class="main-heading text-center">{{lang.headers1}}</h1>
          </div>
          
          <img class="banner_img" src="imgs/hb_cn.png" alt="" v-if="['cn'].indexOf(language)!=-1">
          <img class="banner_img" src="imgs/hb_en.png" alt="" v-else>
          <!-- <div class="col-lg-10 mt-3 spring-bg">
            <div class="row">
              <div class="col-lg-4 spring-bg-box">
                <h1 class="spring-box-text">{{lang.headers4}}</h1>
              </div>
              <div class="col-lg-4 spring-bg-box">
                <h1 class="spring-box-text">{{lang.headers5}}</h1>
              </div>
              <div class="col-lg-4 spring-bg-box">
                <h1 class="spring-box-text">{{lang.headers6}}</h1>
              </div>
              <div class="col-lg-3 spring-bg-box">
                <h1 class="spring-box-text">{{lang.headers7}}</h1>
              </div>
              <div class="col-lg-3 spring-bg-box-red" @click="toDrawRaffle">
                <h1 class="spring-box-text spring-box-text-s">{{lang.headers8}}</h1>
                <p class="spring-box-text1">{{lang.headers13}} {{curLuckyDrawTimes}}</p>
              </div>
              <div class="col-lg-3 spring-bg-box">
                <h1 class="spring-box-text">{{lang.headers9}}</h1>
              </div>
              <div class="col-lg-3 spring-bg-box">
                <h1 class="spring-box-text">{{lang.headers10}}</h1>
              </div>
              <div class="col-lg-3 spring-bg-box">
                <h1 class="spring-box-text">{{lang.headers11}}</h1>
              </div>
              <div class="col-lg-3 spring-bg-box">
                <h1 class="spring-box-text spring-box-text-s">{{lang.headers12}}</h1>
              </div>
            </div>

            <div class="w-turntable-content row">
              <div v-for="(item,index) in prizeList" :key="index" :class="index === 4 ? 'turntable-btn spring-bg-box-red' : 'turntable-item'" class="col-lg-3 spring-bg-box">
                <template v-if="index === 4">
                  抽奖按钮
                  <div  @click="toDrawRaffle" style="display: flex;flex-direction: column;">
                    <h1 class="item-btn-img spring-box-text spring-box-text-s" :class="curIndex===index && 'active-img'">{{item.prizeName}}</h1>
                    <p class="spring-box-text1">{{lang.headers13}} {{curLuckyDrawTimes}}</p>
                  </div>
                  
                </template>
                <template v-else>
                  奖品展示
                  <h1 class="name spring-box-text" :class="{'spring-box-text-s' : index === 8}">{{item.prizeName}}</h1>
                  抽奖活动开始时的遮罩层: 开始抽奖 || 抽奖结束
                  <div v-if="(prizeFlag === 1 && curIndex !== index) || (prizeFlag === 2 && prizeIndex !== index)" class="start-activity-bg"></div>
                </template>
              </div>
            </div>
          </div> -->
        </div>
      </div>
    </header>
    <section>
      <div class="container">
        <div class="row gx-4">
          <div class="col-lg-6 text-center" style="position: relative;">
            <img src="imgs/500-winner.png" class="img-fluid" alt="Followers-img"> 
            <p class="my-winner-dec1">{{lang.headers2}}</p>
            <p class="my-winner-dec">{{mock_options.account}}-{{mock_options.name}}</p>
          </div>
          <div class="col-lg-6">
            <h1 class="main-heading mt-1">{{lang.table2}}</h1>
            <h2 class="mt-4">{{lang.table1}}</h2>
            <a class="btn btn-gradient mt-4"  @click="dialogFormVisible = true"> {{lang.nav2}}</a> </div>
        </div>
      </div>
    </section>
    <section>
      <div class="container">
        <div class="row gx-4 justify-content-center">
          <div class="col-lg-5">
            <h1 class="main-heading mt-1">{{lang.table3}}</h1>
            <h2 class="mt-4">{{lang.table4}}</h2>
          </div>
          <div class="col-lg-5 text-center"> <img src="imgs/bonus.png" class="img-fluid" alt="bonus"> </div>
        </div>
      </div>
    </section>
    <section class="section-bg-2">
      <div class="container">
        <div class="row gx-4">
          <div class="col-lg-10 text-center">
            <h1 class="main-heading mt-1">{{lang.table5}}</h1>
            <h1 class="text-white fw-bolder mt-5">{{lang.table6}}</h1>
          </div>
          <div class="col-lg-5 mt-5">
            <div class="followers-section mt-3">
              <div class="container__text">
                <h5>{{lang.table7}}</h5>
                <p>{{lang.table8}}</p>
              </div>
            </div>
            <div class="followers-section mt-3">
              <div class="container__text">
                <h5>{{lang.table9}}</h5>
                <p>{{lang.table10}}</p>
              </div>
            </div>
            <div class="followers-section mt-3">
              <div class="container__text">
                <h5>{{lang.table11}}</h5>
                <p>{{lang.table12}}</p>
              </div>
            </div>
            <a class="btn btn-gradient mt-4 mb-4 w-100"  @click="dialogFormVisible = true"> {{lang.nav2}}</a>
            <p>{{lang.table13}}</p>
          </div>
        </div>
      </div>
    </section>
    <section>
      <div class="container">
        <div class="row gx-4 justify-content-center">
          <div class="col-lg-10 text-center mb-5">
            <h1 class="main-heading mt-1">{{lang.step1}}</h1>
          </div>
          <div class="col-lg-3 step-bg-con">
            <div class="step-bg">
              <h1 class="fw-bold p-4">{{lang.step2}}</h1>
              <h4>{{lang.step3}}</h4>
            </div>
          </div>
          <div class="col-lg-3 step-bg-con">
            <div class="step-bg">
              <h1 class="fw-bold p-4">{{lang.step4}}</h1>
              <h4>{{lang.step5}}</h4>
            </div>
          </div>
          <div class="col-lg-3 step-bg-con">
            <div class="step-bg">
              <h1 class="fw-bold p-4">{{lang.step6}}</h1>
              <h4>{{lang.step7}}</h4>
            </div>
          </div>
        </div>
        <div class="row gx-4 justify-content-center"> <a class="btn btn-gradient mt-5 w-25"  @click="dialogFormVisible = true"> {{lang.nav2}}</a> </div>
      </div>
    </section>
    <section>
      <div class="container">
        <div class="row gx-4  justify-content-center">
          <div class="text-center">
            <h1 class="main-heading mt-1">{{lang.step1_1}}</h1>
          </div>
          <div class="col-lg-6 mt-5 main-heading-4">
            <table class="table table-striped mb-0 text-center">
              <thead class="bg-danger">
                <tr>
                  <th>{{lang.step1_2}}</th>
                  <th>{{lang.step1_7}}</th>
                </tr>
              </thead>
              <tbody class="bg-white">
                <tr>
                  <td>{{lang.step1_3}}</td>
                  <td>{{lang.step1_8}}</td>
                </tr>
                <tr>
                  <td>{{lang.step1_4}}</td>
                  <td>{{lang.step1_9}}</td>
                </tr>
                <tr>
                  <td>{{lang.step1_5}}</td>
                  <td>{{lang.step1_10}}</td>
                </tr>
                <tr>
                  <td>{{lang.step1_6}}</td>
                  <td>{{lang.step1_11}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </section>
    <section class="bg-footer">
      <div class="container">
        <div class="row gx-4  justify-content-center">
          <div class="text-center">
            <h1 class="main-heading text-black mt-1"><span class="text-danger">$500</span> {{lang.footer1}}</h1>
          </div>

          <el-carousel :interval="5000" arrow="always" height="550px" :autoplay="false" v-if="mock_options.list.length">
            <el-carousel-item v-for="item in mock_options.list" :key="item.id">
              
              <div class="mt-5" style="position: relative;">
                <div class="Avatar">
                  <img :src="imgUrl+item.coverImage" alt="">
                </div>
                <form class="bg-white p-5 rounded-5 text-black" style="position: relative; border: 5px solid #E8A534;">
                  <div class="form-group mt-4">
                    <label for="exampleFormControlInput1">{{lang.footer3}}</label>
                    <el-input
                      :placeholder="lang.footer3"
                      v-model="item.title">
                    </el-input>
                  </div>
                  <div class="form-group mt-3">
                    <label for="exampleFormControlInput1">{{lang.footer4}}</label>
                    <el-input
                      :placeholder="lang.footer4"
                      v-model="item.account">
                    </el-input>
                  </div>
                  <div class="form-group mt-3">
                    <label for="exampleFormControlInput1">{{lang.footer5}}</label>
                    <!-- <input type="text" class="form-control" :placeholder="lang.footer5"> -->
                    <div style="height: 100px;overflow-y: scroll;" class="form-control" v-html="item.content"></div>
                    <!-- <el-input
                      type="textarea"
                      :autosize="{minRows: 5, maxRows: 5}"
                      :placeholder="lang.footer5"
                      v-model="item.content">
                    </el-input> -->
                  </div>
                </form>
              </div>

            </el-carousel-item>
          </el-carousel>

          <div class="col-lg-5 mt-5" v-else>
            <form class="bg-white p-5 rounded-5 text-black" style="position: relative; border: 5px solid #E8A534;">
              <div class="form-group mt-4">
                <label for="exampleFormControlInput1">{{lang.footer3}}</label>
                <input type="text" disabled class="form-control" :placeholder="lang.footer3">
              </div>
              <div class="form-group mt-3">
                <label for="exampleFormControlInput1">{{lang.footer4}}</label>
                <input type="text" disabled class="form-control" :placeholder="lang.footer4">
              </div>
              <div class="form-group mt-3">
                <label for="exampleFormControlInput1">{{lang.footer5}}</label>
                <input type="text" disabled class="form-control" :placeholder="lang.footer5">
              </div>
            </form>
          </div>

          
          <div class="row gx-4  justify-content-center">
            <div class="col-lg-8 mt-5 text-center">
              <h1>{{lang.footer6}}</h1>
              <a class="btn btn-gradient mt-5"  @click="dialogFormVisible = true"> {{lang.nav2}}</a> </div>
          </div>
        </div>
      </div>
    </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_optionsC"
                :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" 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>