cwg-crm
/
cwg_crm_person_front_vu_realse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444
							<!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 Invitational Championship</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 fixed-top bg-menu" 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">
                <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">
                <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-menu>
                </el-dropdown>
              </li>
              <li class="nav-item">
                <a class="nav-link ms-4 btn btn-primary" target="_blank" :href="'https://secure.'+ho+'.com'">{{lang.nav2}}</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
      <header class="bg-header">
        <div class="container px-4 text-center">
          <div class="row text-center justify-content-center">
            <div class="col-lg-8">
              <h1 class="main-heading mt-2 text-center">{{lang.headers1}}</h1>
              <h2>{{lang.headers2}}</h2>
              <h1 class="main-heading-2">{{lang.headers3}}<span class="text-danger"> {{CompetitionData.currentLottery || '0'}}</span> {{lang.headers4}}
              </h1>
            </div>
            <div class="row text-center justify-content-center mt-5">
              <div class="col-lg-12">
                <div id="countdown">
                  <ul>
                    <li class="count-1 active">{{lang.headers7}}</li>
                    <li class="count">
                      <span id="days-1" class="d-block main-heading-3">{{CompetitionData.startDate&&CompetitionData.startDate.split('-')[0]}}</span>{{lang.headers9}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="hours-1" class="d-block main-heading-3">{{CompetitionData.startDate&&CompetitionData.startDate.split('-')[1]}}</span>{{lang.headers10}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="minutes-1" class="d-block main-heading-3">{{CompetitionData.startDate&&CompetitionData.startDate.split('-')[2]}}</span>{{lang.headers11}}
                    </li>
                    <li class="count-1 active1">-</li>
                    <li class="count">
                      <span id="days-2" class="d-block main-heading-3">{{CompetitionData.endDate&&CompetitionData.endDate.split('-')[0]}}</span>{{lang.headers9}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="hours-2" class="d-block main-heading-3">{{CompetitionData.endDate&&CompetitionData.endDate.split('-')[1]}}</span>{{lang.headers10}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="minutes-2" class="d-block main-heading-3">{{CompetitionData.endDate&&CompetitionData.endDate.split('-')[2]}}</span>{{lang.headers11}}
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-12">
                <div id="countdown">
                  <ul v-if="CountdownFlag">
                    <li class="count-1 active">{{lang.headers6}}</li>
                    <li class="count">
                      <span id="days" class="d-block main-heading-3">{{Countdown.d}}</span>{{lang.headers11}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="hours" class="d-block main-heading-3">{{Countdown.h}}</span>{{lang.headers12}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="minutes" class="d-block main-heading-3">{{Countdown.m}}</span>{{lang.headers13}}
                    </li>
                    <li class="count-1 active1">:</li>
                    <li class="count">
                      <span id="seconds" class="d-block main-heading-3">{{Countdown.s}}</span>{{lang.headers14}}
                    </li>
                  </ul>
                  <ul v-else>
                    <li class="count-1 active">{{lang.headers6}}</li>
                    <li class="count">
                      <span id="days-1" class="d-block main-heading-3">{{CompetitionData.signStartDate&&CompetitionData.signStartDate.split('-')[0]}}</span>{{lang.headers9}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="hours-1" class="d-block main-heading-3">{{CompetitionData.signStartDate&&CompetitionData.signStartDate.split('-')[1]}}</span>{{lang.headers10}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="minutes-1" class="d-block main-heading-3">{{CompetitionData.signStartDate&&CompetitionData.signStartDate.split('-')[2]}}</span>{{lang.headers11}}
                    </li>
                    <li class="count-1 active1">-</li>
                    <li class="count">
                      <span id="days-2" class="d-block main-heading-3">{{CompetitionData.signEndDate&&CompetitionData.signEndDate.split('-')[0]}}</span>{{lang.headers9}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="hours-2" class="d-block main-heading-3">{{CompetitionData.signEndDate&&CompetitionData.signEndDate.split('-')[1]}}</span>{{lang.headers10}}
                    </li>
                    <li class="count-1">:</li>
                    <li class="count">
                      <span id="minutes-2" class="d-block main-heading-3">{{CompetitionData.signEndDate&&CompetitionData.signEndDate.split('-')[2]}}</span>{{lang.headers11}}
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-5">
                <a class="btn btn-gradient" target="_blank" :href="'https://secure.'+ho+'.com'">
                  <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.nav2}} </a>
              </div>
              <div class="col-lg-8 mt-3">
                <p>{{lang.headers8}}</p>
              </div>
            </div>
          </div>
        </div>
      </header>
      <section class="container  text-center">
        <div class="row text-center justify-content-center">
          <div class="col-lg-6">
            <h1 class="fw-semibold mt-2 text-center">{{lang.table1}}</h1>
            <h6 class="mt-4">{{lang.table2}}</h6>
          </div>
          <div class="col-lg-12 mt-5 main-heading-4">
            <table class="table table-striped mb-0">
              <thead class="bg-danger">
                <tr>
                  <th>{{lang.table3}}</th>
                  <th>{{lang.table4}}</th>
                  <th>{{lang.table5}}</th>
                  <th>{{lang.table6}}</th>
                  <th>{{lang.table7}}</th>
                  <th>{{lang.table8}}</th>
                  <th>{{lang.table9}}</th>
                </tr>
              </thead>
              <tbody class="bg-white">
                <tr  :class="{gold:item.ranking==1,silver:item.ranking==2,platnium:item.ranking==3,}" v-for="(item,index) in mock_options.list" :key="index">
                  <td v-if="item.ranking == 1||item.ranking == 2||item.ranking == 3">
                    <div style="display: flex;align-items: center;justify-content: center;position: relative;">
                      <i class="el-icon-bottom" v-if="item.compareYesterday == 2"></i>
                      <i class="el-icon-top" v-if="item.compareYesterday == 1"></i>
                      <img v-if="item.ranking == 1" src="imgs/gold.png" class="img-fluid" alt="gold">
                      <img v-if="item.ranking == 2" src="imgs/silver.png" class="img-fluid" alt="gold">
                      <img v-if="item.ranking == 3" src="imgs/platnium.png" class="img-fluid" alt="gold">
                    </div>
                  </td>
                  <td v-else>
                    <div style="display: flex;align-items: center;justify-content: center;position: relative;">
                      <i class="el-icon-bottom" v-if="item.compareYesterday == 2"></i>
                      <i class="el-icon-top" v-if="item.compareYesterday == 1"></i>
                      <span style="width: 30px;">{{item.ranking}}</span>
                    </div>
                  </td>
                  <td>{{item.nickname}}</td>
                  <td>{{item.login}}</td>
                  <td>{{item.equity}}</td>
                  <td>{{item.maxWithdrawalRate}}</td>
                  <td>{{item.principalRate}}</td>
                  <td>{{item.totalScore}}</td>
                </tr>
              </tbody>
            </table>
            <div class="notData" v-if="!pagerInfo.rowTotal">{{lang.table10}}</div>
          </div>
          <div style="text-align: initial;margin-top: 10px;">{{lang.table11}}</div>
          <div class="crm_pagination" v-if="pagerInfo.rowTotal">
            <el-pagination class="page"
                          background
                          pager-count="4"
                          layout="prev, pager, next"
                          @current-change="handleCurrentChange"
                          :page-size="pagerInfo.row"
                          :total="pagerInfo.rowTotal">
            </el-pagination>
          </div>
        </div>
      </section>
      <div class="step-bg">
        <section class="container   text-center">
          <div class="row text-center justify-content-center">
            <div class="col-lg-6">
              <h1 class="fw-semibold mt-2 text-center">{{lang.step1}}</h1>
            </div>
          </div>
          <div class="row text-center justify-content-center">
            <div class="col-lg-4 mt-5 p-5 main-heading-4">
              <img src="imgs/step-1.png" class="img-fluid" alt="step-1">
              <h6 class="mt-5">{{lang.step2}}</h6>
            </div>
            <div class="col-lg-4 mt-5 p-5 main-heading-4">
              <img src="imgs/step-2.png" class="img-fluid" alt="step-2">
              <h6 class="mt-5">{{lang.step3}}</h6>
            </div>
            <div class="col-lg-4 mt-5 p-5 main-heading-4">
              <img src="imgs/step-3.png" class="img-fluid" alt="step-3">
              <h6 class="mt-5">{{lang.step4}}</h6>
            </div>
            <div class="col-lg-5 mt-5 mb-5">
              <a class="btn btn-gradient" target="_blank" :href="'https://secure.'+ho+'.com'">
                <img src="imgs/check.png" class="img-fluid" alt="check">  {{lang.nav2}}  </a>
            </div>
          </div>
        </section>
      </div>
      <div class="footer-bg">
        <section class="container  text-center ">
          <div class="row text-center justify-content-center">
            <div class="col-lg-8">
              <h1 class="fw-semibold mt-2 text-center">{{lang.footer1}}</h1>
              <h6 class="mt-4">{{lang.footer2}}</h6>
              <p>{{lang.footer3}}</p>
              <div class="luckyLoginBox">
                <img src="imgs/winner-name-cn.png" class="img-fluid mt-5" alt="winner-name" v-if="language == 'cn'">
                <img src="imgs/winner-name.png" class="img-fluid mt-5" alt="winner-name" v-else>
                <div class="luckyLogin">
                  <p>{{CompetitionData.luckyLogin}}</p>
                  <p>{{CompetitionData.luckyNickname}}</p>
                </div>
              </div>
            </div>
          </div>
          <div class="row text-center justify-content-center">
            <div class="col-lg-5 mt-5 mb-3">
              <a class="btn btn-gradient" target="_blank" :href="'https://secure.'+ho+'.com'">
                <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.nav2}} </a>
            </div>
            <p>{{lang.footer4}}</p>
          </div>
        </section>
      </div>
    </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>
<script>
  // (function() {
  //   const second = 1000,
  //     minute = second * 60,
  //     hour = minute * 60,
  //     day = hour * 24;
  //   //I'm adding this section so I don't have to keep updating this pen every year :-)
  //   //remove this if you don't need it
  //   let today = new Date(),
  //     dd = String(today.getDate()).padStart(2, "0"),
  //     mm = String(today.getMonth() + 1).padStart(2, "0"),
  //     yyyy = today.getFullYear(),
  //     nextYear = yyyy + 1,
  //     dayMonth = "09/30/",
  //     birthday = dayMonth + yyyy;
  //   today = mm + "/" + dd + "/" + yyyy;
  //   if (today > birthday) {
  //     birthday = dayMonth + nextYear;
  //   }
  //   //end
  //   const countDown = new Date(birthday).getTime(),
  //     x = setInterval(function() {
  //       const now = new Date().getTime(),
  //         distance = countDown - now;
  //       document.getElementById("days").innerText = Math.floor(distance / (day)),
  //         document.getElementById("days-1").innerText = Math.floor(distance / (day)),
  //         document.getElementById("days-2").innerText = Math.floor(distance / (day)),
  //         document.getElementById("hours").innerText = Math.floor((distance % (day)) / (hour)),
  //         document.getElementById("hours-1").innerText = Math.floor((distance % (day)) / (hour)),
  //         document.getElementById("hours-2").innerText = Math.floor((distance % (day)) / (hour)),
  //         document.getElementById("minutes").innerText = Math.floor((distance % (hour)) / (minute)),
  //         document.getElementById("minutes-1").innerText = Math.floor((distance % (hour)) / (minute)),
  //         document.getElementById("minutes-2").innerText = Math.floor((distance % (hour)) / (minute)),
  //         document.getElementById("seconds").innerText = Math.floor((distance % (minute)) / second);
  //       //do something later when date is reached
  //       if (distance < 0) {
  //         document.getElementById("headline").innerText = "Competition Time";
  //         document.getElementById("countdown").style.display = "none";
  //         document.getElementById("content").style.display = "block";
  //         clearInterval(x);
  //       }
  //       //seconds
  //     }, 0)
  // }());
</script>