index2.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  6. <meta name="description" content="" />
  7. <meta name="author" content="" />
  8. <title>CWG Markets Cash Carnival</title>
  9. <link rel="icon" type="image/x-icon" href="imgs/favicon.ico" />
  10. <link href="css/bootstrap.min.css" rel="stylesheet" />
  11. <link href="css/style2.css" rel="stylesheet" />
  12. <link rel="stylesheet" href="../../css/element-ui.css" />
  13. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  14. <link rel="stylesheet" href="../../css/preloading.css" />
  15. <!-- <link rel="stylesheet" href="css/active5.css" /> -->
  16. <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
  17. <script>
  18. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  19. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  20. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  21. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  22. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  23. </script>
  24. </head>
  25. <style>
  26. [v-cloak] {
  27. display: none;
  28. }
  29. </style>
  30. <body id="page-top">
  31. <div
  32. id="pre"
  33. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  34. >
  35. <div
  36. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  37. >
  38. <div
  39. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  40. >
  41. <div class="line-scale">
  42. <div></div>
  43. <div></div>
  44. <div></div>
  45. <div></div>
  46. <div></div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <div id="active1" v-cloak v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
  52. <nav class="navbar navbar-expand-lg navbar-dark bg-menu fixed-top" id="mainNav">
  53. <div class="container-fluid px-4"> <a class="navbar-brand" href="#"> <img src="imgs/cwg-logo.png" class="img-responsive" alt="cwg-logo"> </a>
  54. <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>
  55. <div class="collapse navbar-collapse" id="navbarResponsive">
  56. <ul class="navbar-nav ms-auto">
  57. <li class="nav-item">
  58. <el-dropdown trigger="click" @command="chooseLang">
  59. <span class="menu language-box">
  60. {{langList[language]}}
  61. <i class="el-icon-arrow-down el-icon--right"></i>
  62. </span>
  63. <el-dropdown-menu slot="dropdown">
  64. <!-- <el-dropdown-item command="cn"
  65. >中文简体</el-dropdown-item
  66. >
  67. <el-dropdown-item command="en"
  68. >English</el-dropdown-item
  69. > -->
  70. <el-dropdown-item command="cn">中文简体</el-dropdown-item>
  71. <el-dropdown-item command="zhHant">中文繁体</el-dropdown-item>
  72. <el-dropdown-item command="en">English</el-dropdown-item>
  73. <el-dropdown-item command="vn">Tiếng Việt</el-dropdown-item>
  74. <el-dropdown-item command="de">Deutsch</el-dropdown-item>
  75. <el-dropdown-item command="es">Español</el-dropdown-item>
  76. <el-dropdown-item command="id">Indonesian</el-dropdown-item>
  77. <el-dropdown-item command="ms">Melayu</el-dropdown-item>
  78. <el-dropdown-item command="th">ภาษาไทย</el-dropdown-item>
  79. <el-dropdown-item command="ar">العربية</el-dropdown-item>
  80. <el-dropdown-item command="ko">한국어</el-dropdown-item>
  81. <el-dropdown-item command="pt">Português</el-dropdown-item>
  82. <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
  83. </el-dropdown-menu>
  84. </el-dropdown>
  85. </li>
  86. <li class="nav-item">
  87. <a class="nav-link ms-4 btn btn-primary" target="_blank" :href="'https://secure.'+ho+'.com'">{{lang.nav2}}</a>
  88. </li>
  89. </ul>
  90. </div>
  91. </div>
  92. </nav>
  93. <div class="container">
  94. <div class="Va-document">
  95. <div class="titleAll">{{lang.headers1}}</div>
  96. <div class="content-box">
  97. <el-row>
  98. <el-col :span="24" class="upload-box">
  99. <el-form ref="params" :rules="rules" :model="params">
  100. <div class="upload">
  101. <div class="crm-title-box">
  102. <div class="tit">
  103. <span>{{lang.headers2}}</span>
  104. </div>
  105. </div>
  106. <div class="con-box">
  107. <div class="box">
  108. <el-row>
  109. <el-col :span="12" :xs="24">
  110. <el-form-item prop="nickname">
  111. <div class="select">
  112. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers3}}</span></div>
  113. <el-input v-model.trim="params.answer.nickname" :placeholder="lang.input"></el-input>
  114. </div>
  115. </el-form-item>
  116. </el-col>
  117. <el-col :span="12" :xs="24">
  118. <el-form-item prop="">
  119. <div class="select">
  120. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers4}}</span></div>
  121. <el-input v-model.trim="params.answer.answers[0].email" :placeholder="lang.input"></el-input>
  122. </div>
  123. </el-form-item>
  124. </el-col>
  125. <el-col :span="12" :xs="24">
  126. <el-form-item prop="checkPass">
  127. <div class="select">
  128. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers5}}</span></div>
  129. <el-select filterable class="crm_search_down crm_select_icon" v-model="params.answer.answers[0].gender"
  130. :placeholder="lang.select">
  131. <el-option :label="lang.headers5_1" :value="lang.headers5_1"></el-option>
  132. <el-option :label="lang.headers5_2" :value="lang.headers5_2"></el-option>
  133. </el-select>
  134. </div>
  135. </el-form-item>
  136. </el-col>
  137. <el-col :span="12" :xs="24">
  138. <el-form-item prop="checkPass">
  139. <div class="select">
  140. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers6}}</span></div>
  141. <el-select filterable class="crm_search_down crm_select_icon" v-model="params.answer.answers[0].age"
  142. :placeholder="lang.select">
  143. <el-option :label="lang.headers6_1" :value="lang.headers6_1"></el-option>
  144. <el-option :label="lang.headers6_2" :value="lang.headers6_2"></el-option>
  145. <el-option :label="lang.headers6_3" :value="lang.headers6_3"></el-option>
  146. <el-option :label="lang.headers6_4" :value="lang.headers6_4"></el-option>
  147. <el-option :label="lang.headers6_5" :value="lang.headers6_5"></el-option>
  148. </el-select>
  149. </div>
  150. </el-form-item>
  151. </el-col>
  152. <el-col :span="24">
  153. <el-form-item prop="checkPass">
  154. <div class="select">
  155. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers7}}</span></div>
  156. <el-select filterable class="crm_search_down crm_select_icon" v-model="params.answer.answers[0].nationality"
  157. :placeholder="lang.select">
  158. <el-option
  159. v-for="item in mock_options"
  160. :key="item.id"
  161. :label="item.enName"
  162. :value="item.enName"
  163. ></el-option>
  164. </el-select>
  165. </div>
  166. </el-form-item>
  167. </el-col>
  168. </el-row>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="upload">
  173. <div class="crm-title-box">
  174. <div class="tit">
  175. <span>{{lang.headers8}}</span>
  176. </div>
  177. </div>
  178. <div class="con-box">
  179. <div class="box">
  180. <el-row>
  181. <el-col :span="24">
  182. <el-form-item prop="checkPass">
  183. <div class="select yidong">
  184. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers9}}</span></div>
  185. <el-select filterable class="crm_search_down crm_select_icon" v-model="params.answer.answers[0].experience"
  186. :placeholder="lang.select">
  187. <el-option :label="lang.headers9_1" :value="lang.headers9_1"></el-option>
  188. <el-option :label="lang.headers9_2" :value="lang.headers9_2"></el-option>
  189. <el-option :label="lang.headers9_3" :value="lang.headers9_3"></el-option>
  190. <el-option :label="lang.headers9_4" :value="lang.headers9_4"></el-option>
  191. </el-select>
  192. </div>
  193. </el-form-item>
  194. </el-col>
  195. </el-row>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="upload">
  200. <div class="crm-title-box">
  201. <div class="tit">
  202. <span>{{lang.headers10}}</span>
  203. </div>
  204. </div>
  205. <div class="con-box">
  206. <div class="box">
  207. <el-row>
  208. <el-col :span="24">
  209. <el-form-item prop="checkPass">
  210. <div class="select yidong">
  211. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers11}}</span></div>
  212. <el-select filterable class="crm_search_down crm_select_icon" v-model="params.answer.answers[0].like1"
  213. :placeholder="lang.select">
  214. <el-option :label="lang.headers11_1" :value="lang.headers11_1"></el-option>
  215. <el-option :label="lang.headers11_2" :value="lang.headers11_2"></el-option>
  216. </el-select>
  217. </div>
  218. </el-form-item>
  219. </el-col>
  220. <el-col :span="24">
  221. <el-form-item prop="checkPass">
  222. <div class="select yidong">
  223. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers12}}</span></div>
  224. <el-select filterable class="crm_search_down crm_select_icon" v-model="params.answer.answers[0].like2"
  225. :placeholder="lang.select">
  226. <el-option :label="lang.headers12_1" :value="lang.headers12_1"></el-option>
  227. <el-option :label="lang.headers12_2" :value="lang.headers12_2"></el-option>
  228. <el-option :label="lang.headers12_3" :value="lang.headers12_3"></el-option>
  229. <el-option :label="lang.headers12_4" :value="lang.headers12_4"></el-option>
  230. </el-select>
  231. </div>
  232. </el-form-item>
  233. </el-col>
  234. <el-col :span="24" v-if="params.answer.answers[0].like2 == lang.headers12_4">
  235. <el-form-item prop="checkPass">
  236. <div class="select yidong">
  237. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers12_4}}</span></div>
  238. <el-input v-model.trim="params.answer.answers[0].like3" :placeholder="lang.input"></el-input>
  239. </div>
  240. </el-form-item>
  241. </el-col>
  242. </el-row>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="upload">
  247. <div class="crm-title-box">
  248. <div class="tit">
  249. <span>{{lang.headers13}}</span>
  250. </div>
  251. </div>
  252. <div class="con-box">
  253. <div class="box">
  254. <el-row>
  255. <el-col :span="24">
  256. <el-form-item prop="checkPass">
  257. <div class="select yidong">
  258. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers14}}</span></div>
  259. <el-select filterable class="crm_search_down crm_select_icon" v-model="params.answer.answers[0].participate1"
  260. :placeholder="lang.select">
  261. <el-option :label="lang.headers14_1" :value="lang.headers14_1"></el-option>
  262. <el-option :label="lang.headers14_2" :value="lang.headers14_2"></el-option>
  263. <el-option :label="lang.headers14_3" :value="lang.headers14_3"></el-option>
  264. <el-option :label="lang.headers14_4" :value="lang.headers14_4"></el-option>
  265. <el-option :label="lang.headers14_5" :value="lang.headers14_5"></el-option>
  266. <el-option :label="lang.headers14_6" :value="lang.headers14_6"></el-option>
  267. </el-select>
  268. </div>
  269. </el-form-item>
  270. </el-col>
  271. <el-col :span="24" v-if="params.answer.answers[0].participate1 == lang.headers14_6">
  272. <el-form-item prop="checkPass">
  273. <div class="select yidong">
  274. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers14_6}}</span></div>
  275. <el-input v-model.trim="params.answer.answers[0].participate2" :placeholder="lang.input"></el-input>
  276. </div>
  277. </el-form-item>
  278. </el-col>
  279. </el-row>
  280. </div>
  281. </div>
  282. </div>
  283. <div class="upload">
  284. <div class="crm-title-box">
  285. <div class="tit">
  286. <span>{{lang.headers16}}</span>
  287. </div>
  288. </div>
  289. <div class="con-box">
  290. <div class="box">
  291. <el-row>
  292. <el-col :span="24">
  293. <el-form-item prop="checkPass">
  294. <div class="select spece yidong">
  295. <div class="prepend" style="min-width: 135px;"><span>{{lang.headers17}}</span></div>
  296. <el-input type="textarea" :rows="5" v-model.trim="params.answer.answers[0].suggest" :placeholder="lang.input"></el-input>
  297. </div>
  298. </el-form-item>
  299. </el-col>
  300. </el-row>
  301. </div>
  302. </div>
  303. </div>
  304. <div class="upload">
  305. <div class="crm-title-box">
  306. <div class="tit">
  307. <span>{{lang.headers18}}</span>
  308. </div>
  309. </div>
  310. <div class="con-box">
  311. <div class="box">
  312. <el-row>
  313. <el-col :span="24">
  314. <el-form-item prop="checkPass">
  315. <div class="select uploader yidong">
  316. <el-upload
  317. class="avatar-uploader"
  318. :show-file-list="false"
  319. :on-success="handleAvatarSuccess"
  320. :action="imgUrl+ '/custom/activity/deposit/raffle/week/custom/submit/upload'"
  321. :data="loadFileParams"
  322. multiple>
  323. <img v-if="imageUrl" :src="imageUrl" class="avatar">
  324. <i v-if="!imageUrl" class="el-icon-upload"></i>
  325. <div v-if="!imageUrl" class="el-upload__text">{{lang.headers19}}</em></div>
  326. <!-- <div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div> -->
  327. <div class="el-upload__tip" slot="tip">{{lang.headers20}}</div>
  328. </el-upload>
  329. </div>
  330. </el-form-item>
  331. </el-col>
  332. </el-row>
  333. </div>
  334. </div>
  335. </div>
  336. </el-form>
  337. <div class="btn-bottom">
  338. <el-button class="btn" type="primary" @click="toUpdatePassword">{{lang.btn}}</el-button>
  339. </div>
  340. </el-col>
  341. </el-row>
  342. </div>
  343. </div>
  344. </div>
  345. <el-dialog
  346. title=""
  347. :visible.sync="centerDialogVisible"
  348. width="50%"
  349. center>
  350. <div class="centerDialogVisibleTile">
  351. {{lang.btn2}}
  352. </div>
  353. <div class="btn-centerDialogVisibleTile">
  354. <el-button class="btn" type="primary" @click="centerDialogVisible = false">{{lang.btn1}}</el-button>
  355. </div>
  356. </el-dialog>
  357. </div>
  358. <script src="js/bootstrap.bundle.min.js"></script>
  359. <script src="js/scripts.js"></script>
  360. <script src="../common/js/jquery.js"></script>
  361. <script src="../common/js/app.js"></script>
  362. <script src="../common/js/chunk-vendors.js"></script>
  363. <script src="../../js/vue.min.js"></script>
  364. <script src="../../js/axios.min.js"></script>
  365. <script src="../../js/element-ui.js"></script>
  366. <script src="../../js/element@2.12.2.js"></script>
  367. <script src="js/active2.js"></script>
  368. <!-- Google Tag Manager (noscript) -->
  369. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  370. <!-- End Google Tag Manager (noscript) -->
  371. </body>
  372. </html>