home.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873
  1. <<<<<<< HEAD
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>心悦分销平台</title>
  7. <link rel="shortcut icon" href="favicon.ico" />
  8. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  9. <link rel="stylesheet" type="text/css" href="css/common.css">
  10. <link rel="stylesheet" type="text/css" href="css/popup.css">
  11. <link rel="stylesheet" type="text/css" href="css/style.css">
  12. </head>
  13. <body>
  14. <div id="home">
  15. <div
  16. class="alertbg"
  17. v-show="
  18. realNameShow ||
  19. cardActiveShow ||
  20. diamondActiveShow ||
  21. incardShow ||
  22. inDiamondShow ||
  23. reviewShow
  24. "
  25. @click="closeAlert"
  26. ></div>
  27. <div class="userinfo" :class="isBig ? 'userinfobig' : ''">
  28. <div class="userinfo-top">
  29. <div class="headimg" bindtap="toInfo">
  30. <!-- <router-link to="/info"> -->
  31. <img
  32. src="infoData.avatar || headbg"
  33. title="头像"
  34. alt="头像"
  35. @click="gotoInfo"
  36. />
  37. <!-- </router-link> -->
  38. </div>
  39. </div>
  40. <div class="info-name">
  41. 1
  42. </div>
  43. <ul class="info-bottom">
  44. <li class="bottom-list">分销商ID 12345</li>
  45. <li class="bottom-list">元宝 1</li>
  46. <!-- <li class='bottom-list'>抽奖卡 {{infoData.lottery}}</li> -->
  47. <!-- <li class='bottom-list'>
  48. 领取上月赠卡
  49. <img src='../assets/img/help.png' />
  50. </li> -->
  51. </ul>
  52. </div>
  53. <div class="cardinfo">
  54. <div class="table mg-t-b3" :class="isBig ? 'mg-t-b4' : ''">
  55. <div class="tr bg-w">
  56. <div class="th c-snow w-b20">aa</div>
  57. <div class="th">上月进货</div>
  58. <div class="th">本月进货</div>
  59. <div class="th ">当前库存</div>
  60. </div>
  61. <div class="tr">
  62. <div class="td w-b20">房卡</div>
  63. <div class="td c-red">{{ infoData.preMonth.roomcard }}</div>
  64. <div class="td c-blue">
  65. {{ infoData.theMonth.roomcard }}
  66. </div>
  67. <div class="td c-red">{{ infoData.repertory }}</div>
  68. </div>
  69. <div class="tr">
  70. <div class="td w-b20">钻石</div>
  71. <div class="td c-red">{{ infoData.preMonth.diamonds }}</div>
  72. <div class="td c-blue">
  73. {{ infoData.theMonth.diamonds }}
  74. </div>
  75. <div class="td c-red">{{ infoData.diamonds }}</div>
  76. </div>
  77. </div>
  78. <div class="cardrecord pr" :class="isBig ? 'mg-t-b2' : ''">
  79. <div class="des">
  80. {{ info.awardInfo1Prefix }}
  81. <span class="red">{{ infoData.monthBuyCount }}</span
  82. >{{ info.awardInfo1Suffix }}
  83. <span
  84. class="red underline"
  85. v-if="infoData.award"
  86. @click="receiveAward"
  87. >领取上月赠卡</span
  88. >
  89. </div>
  90. <div class="des">
  91. {{ info.awardInfo2Prefix }}
  92. <span class="red">{{ infoData.nextTargetBuyCount }}</span
  93. >{{ info.awardInfo2 }}
  94. <span class="red">{{ infoData.nextAward }}</span
  95. >{{ info.awardInfo2Suffix }}
  96. </div>
  97. </div>
  98. <!-- <div class='bd-b'></div> -->
  99. </div>
  100. <div class="domain">
  101. <div class="domain-itembox">
  102. <div class="domain-item" @click="clickPurchase('card')">
  103. <img
  104. src="../assets/img/index_icon1.png"
  105. :class="isBig ? 'big' : ''"
  106. />
  107. <span>房卡进货</span>
  108. </div>
  109. <div class="domain-item" @click="showIncard('card')">
  110. <img
  111. src="../assets/img/index_icon2.png"
  112. :class="isBig ? 'big' : ''"
  113. />
  114. <span>玩家充卡</span>
  115. </div>
  116. <router-link :to="searchUrl" tag="div" class="domain-item">
  117. <img
  118. src="../assets/img/index_icon3.png"
  119. :class="isBig ? 'big' : ''"
  120. title="用卡查询"
  121. alt="用卡查询icon"
  122. />
  123. <span>用卡查询</span>
  124. </router-link>
  125. </div>
  126. <div class="domain-itembox">
  127. <div class="domain-item" @click="clickPurchase('diamonds')">
  128. <img
  129. src="../assets/img/index_icon4.png"
  130. :class="isBig ? 'big' : ''"
  131. />
  132. <span>钻石进货</span>
  133. </div>
  134. <div class="domain-item" @click="showIncard('diamonds')">
  135. <img
  136. src="../assets/img/index_icon5.png"
  137. :class="isBig ? 'big' : ''"
  138. />
  139. <span>玩家充钻</span>
  140. </div>
  141. <router-link
  142. :to="searchUrl_diamonds"
  143. tag="div"
  144. class="domain-item"
  145. >
  146. <img
  147. src="../assets/img/index_icon6.png"
  148. :class="isBig ? 'big' : ''"
  149. title="钻石查询"
  150. alt="钻石查询icon"
  151. />
  152. <span>钻石查询</span>
  153. </router-link>
  154. </div>
  155. </div>
  156. <!-- 活动广告 -->
  157. <div class="lottery-link" v-if="info.displayAdvertising">
  158. <img :src="infoData.app_mg" alt="lottery" title="lottery" />
  159. </div>
  160. <!-- 实名认证 -->
  161. <transition enter-active-class="fadeIn" leave-active-class="fadeOut">
  162. <div class="realname hide" v-show="realNameShow">
  163. <div class="index-title">
  164. 实名认证
  165. <div class="bd-b"></div>
  166. </div>
  167. <div class="index-inputs">
  168. <div class="index-inputs-item">
  169. <div class="inputs-label">姓 名</div>
  170. <input
  171. placeholder="请输入真实姓名"
  172. name="name"
  173. class="inputs-input"
  174. type="text"
  175. v-model="realName.name"
  176. />
  177. <div class="bd-b"></div>
  178. </div>
  179. <div class="index-inputs-item">
  180. <div class="inputs-label">身份证</div>
  181. <input
  182. placeholder="请输入身份证号码"
  183. type="text"
  184. name="idcard"
  185. class="inputs-input"
  186. v-model="realName.idcard"
  187. />
  188. <div class="bd-b"></div>
  189. </div>
  190. </div>
  191. <div class="index-bottom">
  192. <button @click="closeAlert">取消</button>
  193. <button class="sure" @click="submitName">确定</button>
  194. </div>
  195. </div>
  196. </transition>
  197. <!-- 进卡活动 -->
  198. <transition
  199. enter-active-class="slideInUp"
  200. leave-active-class="slideOutDown"
  201. >
  202. <!-- 进卡活动 -->
  203. <div class="incard" v-show="cardActiveShow">
  204. <div class="title">
  205. 进卡活动
  206. <div class="bd-b"></div>
  207. </div>
  208. <div class="rules">
  209. <div class="rules-label">本月累计进卡</div>
  210. <ul class="rules-des">
  211. <li
  212. v-for="(item, index) in awardActive.notice"
  213. :key="index"
  214. >
  215. {{ item }}
  216. </li>
  217. </ul>
  218. </div>
  219. <span class="rules-tip">{{ awardActive.tip }}</span>
  220. <div class="now-advantage">{{ awardActive.tip2 }}</div>
  221. <div class="price">
  222. <div class="price-item">
  223. <div class="left">套餐</div>
  224. <div class="right">
  225. {{ comboPropCount }}张, {{ needMoney }}元
  226. </div>
  227. <div class="bd-b"></div>
  228. </div>
  229. <div class="price-item">
  230. <div class="left">数量(套)</div>
  231. <div class="right">
  232. <span class="control" @click="reduceCard">-</span>
  233. <span class="num">{{ goodsNum }}</span>
  234. <span class="control" @click="addCard">+</span>
  235. </div>
  236. <div class="bd-b"></div>
  237. </div>
  238. <div class="price-item">
  239. <div class="left">总价(元)</div>
  240. <div class="right">{{ totalMoney }}</div>
  241. <div class="bd-b"></div>
  242. </div>
  243. </div>
  244. <div class="index-bottom">
  245. <button @click="closeAlert">取消</button>
  246. <button class="sure" @click="buyCard('card')">进卡</button>
  247. </div>
  248. </div>
  249. </transition>
  250. <!-- 钻石进货 -->
  251. <transition
  252. enter-active-class="slideInUp"
  253. leave-active-class="slideOutDown"
  254. >
  255. <!-- 钻石进货 -->
  256. <div class="incard" v-show="diamondActiveShow">
  257. <div class="title">
  258. 钻石进货
  259. <div class="bd-b"></div>
  260. </div>
  261. <div class="price">
  262. <div class="price-item">
  263. <div class="left">套餐</div>
  264. <div class="right">
  265. {{ comboPropCount }}个, {{ needMoney }}元
  266. </div>
  267. <div class="bd-b"></div>
  268. </div>
  269. <div class="price-item">
  270. <div class="left">数量(套)</div>
  271. <div class="right">
  272. <span class="control" @click="reduceCard">-</span>
  273. <span class="num">{{ goodsNum }}</span>
  274. <span class="control" @click="addCard">+</span>
  275. </div>
  276. <div class="bd-b"></div>
  277. </div>
  278. <div class="price-item">
  279. <div class="left">总价(元)</div>
  280. <div class="right">{{ totalMoney }}</div>
  281. <div class="bd-b"></div>
  282. </div>
  283. </div>
  284. <div class="index-bottom">
  285. <button @click="closeAlert">取消</button>
  286. <button class="sure" @click="buyCard('diamonds')">
  287. 进卡
  288. </button>
  289. </div>
  290. </div>
  291. </transition>
  292. <!-- 玩家充卡 -->
  293. <transition
  294. enter-active-class="slideInUp"
  295. leave-active-class="slideOutDown"
  296. >
  297. <div class="player-incard" v-if="incardShow || inDiamondShow">
  298. <div class="index-title">
  299. {{ incardShow ? "玩家充卡" : "玩家充钻" }}
  300. </div>
  301. <div class="index-inputs">
  302. <div class="index-inputs-item">
  303. <div class="inputs-label">游戏ID</div>
  304. <input
  305. id="playId"
  306. placeholder="在此输入玩家ID"
  307. class="inputs-input"
  308. name="game_user_id"
  309. type="number"
  310. v-model="incard.game_user_id"
  311. @focus="inputFocus"
  312. @blur="inputBlur"
  313. />
  314. <div class="bd-b"></div>
  315. </div>
  316. <div class="index-inputs-item">
  317. <div class="inputs-label">数 量</div>
  318. <input
  319. id="number"
  320. placeholder="在此输入充卡数量"
  321. class="inputs-input"
  322. name="number"
  323. type="number"
  324. v-model="incard.add_number"
  325. @focus="inputFocus"
  326. @blur="inputBlur"
  327. />
  328. <div class="bd-b"></div>
  329. </div>
  330. </div>
  331. <div class="index-bottom">
  332. <button
  333. @click="
  334. incardShow = false;
  335. inDiamondShow = false;
  336. "
  337. >
  338. 取消
  339. </button>
  340. <button class="sure" @click="showReview">充值</button>
  341. </div>
  342. </div>
  343. </transition>
  344. <!-- 确认信息 -->
  345. <transition
  346. enter-active-class="slideInUp"
  347. leave-active-class="slideOutDown"
  348. >
  349. <div class="player-incard" v-show="reviewShow">
  350. <div class="index-title">
  351. 请核对以下信息
  352. </div>
  353. <div class="playerInfo">
  354. <div class="left">
  355. <div class="playerInfo-item">
  356. <div class="label">游戏ID</div>
  357. <div class="content">{{ incard.game_user_id }}</div>
  358. <div class="bd-b"></div>
  359. </div>
  360. <div class="playerInfo-item">
  361. <div class="label">昵 称</div>
  362. <div class="content">{{ incard.name }}</div>
  363. <div class="bd-b"></div>
  364. </div>
  365. </div>
  366. <div class="right">
  367. <img
  368. :src="incard.avatar || headbg"
  369. alt="头像"
  370. title="头像"
  371. />
  372. </div>
  373. <div class="playerInfo-item">
  374. <div class="label">数 量</div>
  375. <div class="content">{{ incard.add_number }}</div>
  376. <div class="bd-b"></div>
  377. </div>
  378. </div>
  379. <div class="index-bottom">
  380. <button @click="reviewShow = false">取消</button>
  381. <button class="sure" @click="palyerInCard">确定</button>
  382. </div>
  383. </div>
  384. </transition>
  385. <!-- 公告弹窗 -->
  386. <div class="mask hide" v-show="publicIsShow"></div>
  387. <transition enter-active-class="fadeIn " leave-active-class="fadeOut">
  388. <div class="agreetit hide" style="height: 8rem; top: 25%;" v-show="publicIsShow">
  389. <div class="title">{{publicData.title || '公告'}}</div>
  390. <div class="agreetit-main">
  391. <p v-html="publicData.content || '暂无公告'"></p>
  392. </div>
  393. <div class="bottom">
  394. <div class="cancle" @click="closePublic">关闭</div>
  395. <div class="sure" @click="gotoPublic">查看</div>
  396. </div>
  397. </div>
  398. </transition>
  399. <div id="opacity">
  400. <div class="ios">
  401. <img src="../assets/img/ios-opacity_01.png" alt="">
  402. </div>
  403. </div>
  404. </div>
  405. <div style="display: block; width:1px; height:1px; overflow: hidden;">
  406. <a target="cyxyv" href="https://v.yunaq.com/certificate?domain=mpa.xinyueyouxi.com&from=label&code=90020"><img src="https://aqyzmedia.yunaq.com/labels/label_sm_90020.png"></a>
  407. </div>
  408. <script src="js/jquery-2.1.4.min.js"></script>
  409. <script src="js/jweixin-1.3.2.js"></script>
  410. <script src="js/vue.js"></script>
  411. <script src="js/popup.js"></script>
  412. <script src="js/rem.js"></script>
  413. <script type="text/javascript">
  414. document.write('<script type="text/javascript" charset="UTF-8" src="js/common.js?v='+new Date().getTime()+'"><\/script>');
  415. document.write('<script type="text/javascript" charset="UTF-8" src="js/page/fillin.js?v='+new Date().getTime()+'"><\/script>');
  416. </script>
  417. </body>
  418. </html>
  419. =======
  420. <!DOCTYPE html>
  421. <html lang="en">
  422. <head>
  423. <meta charset="utf-8">
  424. <title>心悦分销平台</title>
  425. <link rel="shortcut icon" href="favicon.ico" />
  426. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  427. <link rel="stylesheet" type="text/css" href="css/common.css">
  428. <link rel="stylesheet" type="text/css" href="css/popup.css">
  429. <link rel="stylesheet" type="text/css" href="css/style.css">
  430. </head>
  431. <body>
  432. <div id="home">
  433. <div
  434. class="alertbg"
  435. v-show="
  436. realNameShow ||
  437. cardActiveShow ||
  438. diamondActiveShow ||
  439. incardShow ||
  440. inDiamondShow ||
  441. reviewShow
  442. "
  443. @click="closeAlert"
  444. ></div>
  445. <div class="userinfo" :class="isBig ? 'userinfobig' : ''">
  446. <div class="userinfo-top">
  447. <div class="headimg" bindtap="toInfo">
  448. <!-- <router-link to="/info"> -->
  449. <img
  450. src="infoData.avatar || headbg"
  451. title="头像"
  452. alt="头像"
  453. @click="gotoInfo"
  454. />
  455. <!-- </router-link> -->
  456. </div>
  457. </div>
  458. <div class="info-name">
  459. 1
  460. </div>
  461. <ul class="info-bottom">
  462. <li class="bottom-list">分销商ID 12345</li>
  463. <li class="bottom-list">元宝 1</li>
  464. <!-- <li class='bottom-list'>抽奖卡 {{infoData.lottery}}</li> -->
  465. <!-- <li class='bottom-list'>
  466. 领取上月赠卡
  467. <img src='../assets/img/help.png' />
  468. </li> -->
  469. </ul>
  470. </div>
  471. <div class="cardinfo">
  472. <div class="table mg-t-b3" :class="isBig ? 'mg-t-b4' : ''">
  473. <div class="tr bg-w">
  474. <div class="th c-snow w-b20">aa</div>
  475. <div class="th">上月进货</div>
  476. <div class="th">本月进货</div>
  477. <div class="th ">当前库存</div>
  478. </div>
  479. <div class="tr">
  480. <div class="td w-b20">房卡</div>
  481. <div class="td c-red">{{ infoData.preMonth.roomcard }}</div>
  482. <div class="td c-blue">
  483. {{ infoData.theMonth.roomcard }}
  484. </div>
  485. <div class="td c-red">{{ infoData.repertory }}</div>
  486. </div>
  487. <div class="tr">
  488. <div class="td w-b20">钻石</div>
  489. <div class="td c-red">{{ infoData.preMonth.diamonds }}</div>
  490. <div class="td c-blue">
  491. {{ infoData.theMonth.diamonds }}
  492. </div>
  493. <div class="td c-red">{{ infoData.diamonds }}</div>
  494. </div>
  495. </div>
  496. <div class="cardrecord pr" :class="isBig ? 'mg-t-b2' : ''">
  497. <div class="des">
  498. {{ info.awardInfo1Prefix }}
  499. <span class="red">{{ infoData.monthBuyCount }}</span
  500. >{{ info.awardInfo1Suffix }}
  501. <span
  502. class="red underline"
  503. v-if="infoData.award"
  504. @click="receiveAward"
  505. >领取上月赠卡</span
  506. >
  507. </div>
  508. <div class="des">
  509. {{ info.awardInfo2Prefix }}
  510. <span class="red">{{ infoData.nextTargetBuyCount }}</span
  511. >{{ info.awardInfo2 }}
  512. <span class="red">{{ infoData.nextAward }}</span
  513. >{{ info.awardInfo2Suffix }}
  514. </div>
  515. </div>
  516. <!-- <div class='bd-b'></div> -->
  517. </div>
  518. <div class="domain">
  519. <div class="domain-itembox">
  520. <div class="domain-item" @click="clickPurchase('card')">
  521. <img
  522. src="../assets/img/index_icon1.png"
  523. :class="isBig ? 'big' : ''"
  524. />
  525. <span>房卡进货</span>
  526. </div>
  527. <div class="domain-item" @click="showIncard('card')">
  528. <img
  529. src="../assets/img/index_icon2.png"
  530. :class="isBig ? 'big' : ''"
  531. />
  532. <span>玩家充卡</span>
  533. </div>
  534. <router-link :to="searchUrl" tag="div" class="domain-item">
  535. <img
  536. src="../assets/img/index_icon3.png"
  537. :class="isBig ? 'big' : ''"
  538. title="用卡查询"
  539. alt="用卡查询icon"
  540. />
  541. <span>用卡查询</span>
  542. </router-link>
  543. </div>
  544. <div class="domain-itembox">
  545. <div class="domain-item" @click="clickPurchase('diamonds')">
  546. <img
  547. src="../assets/img/index_icon4.png"
  548. :class="isBig ? 'big' : ''"
  549. />
  550. <span>钻石进货</span>
  551. </div>
  552. <div class="domain-item" @click="showIncard('diamonds')">
  553. <img
  554. src="../assets/img/index_icon5.png"
  555. :class="isBig ? 'big' : ''"
  556. />
  557. <span>玩家充钻</span>
  558. </div>
  559. <router-link
  560. :to="searchUrl_diamonds"
  561. tag="div"
  562. class="domain-item"
  563. >
  564. <img
  565. src="../assets/img/index_icon6.png"
  566. :class="isBig ? 'big' : ''"
  567. title="钻石查询"
  568. alt="钻石查询icon"
  569. />
  570. <span>钻石查询</span>
  571. </router-link>
  572. </div>
  573. </div>
  574. <!-- 活动广告 -->
  575. <div class="lottery-link" v-if="info.displayAdvertising">
  576. <img :src="infoData.app_mg" alt="lottery" title="lottery" />
  577. </div>
  578. <!-- 实名认证 -->
  579. <transition enter-active-class="fadeIn" leave-active-class="fadeOut">
  580. <div class="realname hide" v-show="realNameShow">
  581. <div class="index-title">
  582. 实名认证
  583. <div class="bd-b"></div>
  584. </div>
  585. <div class="index-inputs">
  586. <div class="index-inputs-item">
  587. <div class="inputs-label">姓 名</div>
  588. <input
  589. placeholder="请输入真实姓名"
  590. name="name"
  591. class="inputs-input"
  592. type="text"
  593. v-model="realName.name"
  594. />
  595. <div class="bd-b"></div>
  596. </div>
  597. <div class="index-inputs-item">
  598. <div class="inputs-label">身份证</div>
  599. <input
  600. placeholder="请输入身份证号码"
  601. type="text"
  602. name="idcard"
  603. class="inputs-input"
  604. v-model="realName.idcard"
  605. />
  606. <div class="bd-b"></div>
  607. </div>
  608. </div>
  609. <div class="index-bottom">
  610. <button @click="closeAlert">取消</button>
  611. <button class="sure" @click="submitName">确定</button>
  612. </div>
  613. </div>
  614. </transition>
  615. <!-- 进卡活动 -->
  616. <transition
  617. enter-active-class="slideInUp"
  618. leave-active-class="slideOutDown"
  619. >
  620. <!-- 进卡活动 -->
  621. <div class="incard" v-show="cardActiveShow">
  622. <div class="title">
  623. 进卡活动
  624. <div class="bd-b"></div>
  625. </div>
  626. <div class="rules">
  627. <div class="rules-label">本月累计进卡</div>
  628. <ul class="rules-des">
  629. <li
  630. v-for="(item, index) in awardActive.notice"
  631. :key="index"
  632. >
  633. {{ item }}
  634. </li>
  635. </ul>
  636. </div>
  637. <span class="rules-tip">{{ awardActive.tip }}</span>
  638. <div class="now-advantage">{{ awardActive.tip2 }}</div>
  639. <div class="price">
  640. <div class="price-item">
  641. <div class="left">套餐</div>
  642. <div class="right">
  643. {{ comboPropCount }}张, {{ needMoney }}元
  644. </div>
  645. <div class="bd-b"></div>
  646. </div>
  647. <div class="price-item">
  648. <div class="left">数量(套)</div>
  649. <div class="right">
  650. <span class="control" @click="reduceCard">-</span>
  651. <span class="num">{{ goodsNum }}</span>
  652. <span class="control" @click="addCard">+</span>
  653. </div>
  654. <div class="bd-b"></div>
  655. </div>
  656. <div class="price-item">
  657. <div class="left">总价(元)</div>
  658. <div class="right">{{ totalMoney }}</div>
  659. <div class="bd-b"></div>
  660. </div>
  661. </div>
  662. <div class="index-bottom">
  663. <button @click="closeAlert">取消</button>
  664. <button class="sure" @click="buyCard('card')">进卡</button>
  665. </div>
  666. </div>
  667. </transition>
  668. <!-- 钻石进货 -->
  669. <transition
  670. enter-active-class="slideInUp"
  671. leave-active-class="slideOutDown"
  672. >
  673. <!-- 钻石进货 -->
  674. <div class="incard" v-show="diamondActiveShow">
  675. <div class="title">
  676. 钻石进货
  677. <div class="bd-b"></div>
  678. </div>
  679. <div class="price">
  680. <div class="price-item">
  681. <div class="left">套餐</div>
  682. <div class="right">
  683. {{ comboPropCount }}个, {{ needMoney }}元
  684. </div>
  685. <div class="bd-b"></div>
  686. </div>
  687. <div class="price-item">
  688. <div class="left">数量(套)</div>
  689. <div class="right">
  690. <span class="control" @click="reduceCard">-</span>
  691. <span class="num">{{ goodsNum }}</span>
  692. <span class="control" @click="addCard">+</span>
  693. </div>
  694. <div class="bd-b"></div>
  695. </div>
  696. <div class="price-item">
  697. <div class="left">总价(元)</div>
  698. <div class="right">{{ totalMoney }}</div>
  699. <div class="bd-b"></div>
  700. </div>
  701. </div>
  702. <div class="index-bottom">
  703. <button @click="closeAlert">取消</button>
  704. <button class="sure" @click="buyCard('diamonds')">
  705. 进卡
  706. </button>
  707. </div>
  708. </div>
  709. </transition>
  710. <!-- 玩家充卡 -->
  711. <transition
  712. enter-active-class="slideInUp"
  713. leave-active-class="slideOutDown"
  714. >
  715. <div class="player-incard" v-if="incardShow || inDiamondShow">
  716. <div class="index-title">
  717. {{ incardShow ? "玩家充卡" : "玩家充钻" }}
  718. </div>
  719. <div class="index-inputs">
  720. <div class="index-inputs-item">
  721. <div class="inputs-label">游戏ID</div>
  722. <input
  723. id="playId"
  724. placeholder="在此输入玩家ID"
  725. class="inputs-input"
  726. name="game_user_id"
  727. type="number"
  728. v-model="incard.game_user_id"
  729. @focus="inputFocus"
  730. @blur="inputBlur"
  731. />
  732. <div class="bd-b"></div>
  733. </div>
  734. <div class="index-inputs-item">
  735. <div class="inputs-label">数 量</div>
  736. <input
  737. id="number"
  738. placeholder="在此输入充卡数量"
  739. class="inputs-input"
  740. name="number"
  741. type="number"
  742. v-model="incard.add_number"
  743. @focus="inputFocus"
  744. @blur="inputBlur"
  745. />
  746. <div class="bd-b"></div>
  747. </div>
  748. </div>
  749. <div class="index-bottom">
  750. <button
  751. @click="
  752. incardShow = false;
  753. inDiamondShow = false;
  754. "
  755. >
  756. 取消
  757. </button>
  758. <button class="sure" @click="showReview">充值</button>
  759. </div>
  760. </div>
  761. </transition>
  762. <!-- 确认信息 -->
  763. <transition
  764. enter-active-class="slideInUp"
  765. leave-active-class="slideOutDown"
  766. >
  767. <div class="player-incard" v-show="reviewShow">
  768. <div class="index-title">
  769. 请核对以下信息
  770. </div>
  771. <div class="playerInfo">
  772. <div class="left">
  773. <div class="playerInfo-item">
  774. <div class="label">游戏ID</div>
  775. <div class="content">{{ incard.game_user_id }}</div>
  776. <div class="bd-b"></div>
  777. </div>
  778. <div class="playerInfo-item">
  779. <div class="label">昵 称</div>
  780. <div class="content">{{ incard.name }}</div>
  781. <div class="bd-b"></div>
  782. </div>
  783. </div>
  784. <div class="right">
  785. <img
  786. :src="incard.avatar || headbg"
  787. alt="头像"
  788. title="头像"
  789. />
  790. </div>
  791. <div class="playerInfo-item">
  792. <div class="label">数 量</div>
  793. <div class="content">{{ incard.add_number }}</div>
  794. <div class="bd-b"></div>
  795. </div>
  796. </div>
  797. <div class="index-bottom">
  798. <button @click="reviewShow = false">取消</button>
  799. <button class="sure" @click="palyerInCard">确定</button>
  800. </div>
  801. </div>
  802. </transition>
  803. <!-- 公告弹窗 -->
  804. <div class="mask hide" v-show="publicIsShow"></div>
  805. <transition enter-active-class="fadeIn " leave-active-class="fadeOut">
  806. <div class="agreetit hide" style="height: 8rem; top: 25%;" v-show="publicIsShow">
  807. <div class="title">{{publicData.title || '公告'}}</div>
  808. <div class="agreetit-main">
  809. <p v-html="publicData.content || '暂无公告'"></p>
  810. </div>
  811. <div class="bottom">
  812. <div class="cancle" @click="closePublic">关闭</div>
  813. <div class="sure" @click="gotoPublic">查看</div>
  814. </div>
  815. </div>
  816. </transition>
  817. <div id="opacity">
  818. <div class="ios">
  819. <img src="../assets/img/ios-opacity_01.png" alt="">
  820. </div>
  821. </div>
  822. </div>
  823. <div style="display: block; width:1px; height:1px; overflow: hidden;">
  824. <a target="cyxyv" href="https://v.yunaq.com/certificate?domain=mpa.xinyueyouxi.com&from=label&code=90020"><img src="https://aqyzmedia.yunaq.com/labels/label_sm_90020.png"></a>
  825. </div>
  826. <script src="js/jquery-2.1.4.min.js"></script>
  827. <script src="js/jweixin-1.3.2.js"></script>
  828. <script src="js/vue.js"></script>
  829. <script src="js/popup.js"></script>
  830. <script src="js/rem.js"></script>
  831. <script type="text/javascript">
  832. document.write('<script type="text/javascript" charset="UTF-8" src="js/common.js?v='+new Date().getTime()+'"><\/script>');
  833. document.write('<script type="text/javascript" charset="UTF-8" src="js/page/fillin.js?v='+new Date().getTime()+'"><\/script>');
  834. </script>
  835. </body>
  836. </html>
  837. >>>>>>> cb3d90368273b7ba0ce18e05382d00be6933949f