|
|
@@ -0,0 +1,435 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>心悦分销平台</title>
|
|
|
+ <link rel="shortcut icon" href="favicon.ico" />
|
|
|
+ <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/common.css">
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/popup.css">
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/style.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div id="home">
|
|
|
+ <div
|
|
|
+ class="alertbg"
|
|
|
+ v-show="
|
|
|
+ realNameShow ||
|
|
|
+ cardActiveShow ||
|
|
|
+ diamondActiveShow ||
|
|
|
+ incardShow ||
|
|
|
+ inDiamondShow ||
|
|
|
+ reviewShow
|
|
|
+ "
|
|
|
+ @click="closeAlert"
|
|
|
+ ></div>
|
|
|
+
|
|
|
+ <div class="userinfo" :class="isBig ? 'userinfobig' : ''">
|
|
|
+ <div class="userinfo-top">
|
|
|
+ <div class="headimg" bindtap="toInfo">
|
|
|
+ <!-- <router-link to="/info"> -->
|
|
|
+ <img
|
|
|
+ src="infoData.avatar || headbg"
|
|
|
+ title="头像"
|
|
|
+ alt="头像"
|
|
|
+ @click="gotoInfo"
|
|
|
+ />
|
|
|
+ <!-- </router-link> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-name">
|
|
|
+ 1
|
|
|
+ </div>
|
|
|
+ <ul class="info-bottom">
|
|
|
+ <li class="bottom-list">分销商ID 12345</li>
|
|
|
+ <li class="bottom-list">元宝 1</li>
|
|
|
+ <!-- <li class='bottom-list'>抽奖卡 {{infoData.lottery}}</li> -->
|
|
|
+ <!-- <li class='bottom-list'>
|
|
|
+ 领取上月赠卡
|
|
|
+ <img src='../assets/img/help.png' />
|
|
|
+ </li> -->
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="cardinfo">
|
|
|
+ <div class="table mg-t-b3" :class="isBig ? 'mg-t-b4' : ''">
|
|
|
+ <div class="tr bg-w">
|
|
|
+ <div class="th c-snow w-b20">aa</div>
|
|
|
+ <div class="th">上月进货</div>
|
|
|
+ <div class="th">本月进货</div>
|
|
|
+ <div class="th ">当前库存</div>
|
|
|
+ </div>
|
|
|
+ <div class="tr">
|
|
|
+ <div class="td w-b20">房卡</div>
|
|
|
+ <div class="td c-red">{{ infoData.preMonth.roomcard }}</div>
|
|
|
+ <div class="td c-blue">
|
|
|
+ {{ infoData.theMonth.roomcard }}
|
|
|
+ </div>
|
|
|
+ <div class="td c-red">{{ infoData.repertory }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="tr">
|
|
|
+ <div class="td w-b20">钻石</div>
|
|
|
+ <div class="td c-red">{{ infoData.preMonth.diamonds }}</div>
|
|
|
+ <div class="td c-blue">
|
|
|
+ {{ infoData.theMonth.diamonds }}
|
|
|
+ </div>
|
|
|
+ <div class="td c-red">{{ infoData.diamonds }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cardrecord pr" :class="isBig ? 'mg-t-b2' : ''">
|
|
|
+ <div class="des">
|
|
|
+ {{ info.awardInfo1Prefix }}
|
|
|
+ <span class="red">{{ infoData.monthBuyCount }}</span
|
|
|
+ >{{ info.awardInfo1Suffix }}
|
|
|
+ <span
|
|
|
+ class="red underline"
|
|
|
+ v-if="infoData.award"
|
|
|
+ @click="receiveAward"
|
|
|
+ >领取上月赠卡</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="des">
|
|
|
+ {{ info.awardInfo2Prefix }}
|
|
|
+ <span class="red">{{ infoData.nextTargetBuyCount }}</span
|
|
|
+ >{{ info.awardInfo2 }}
|
|
|
+ <span class="red">{{ infoData.nextAward }}</span
|
|
|
+ >{{ info.awardInfo2Suffix }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class='bd-b'></div> -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="domain">
|
|
|
+ <div class="domain-itembox">
|
|
|
+ <div class="domain-item" @click="clickPurchase('card')">
|
|
|
+ <img
|
|
|
+ src="../assets/img/index_icon1.png"
|
|
|
+ :class="isBig ? 'big' : ''"
|
|
|
+ />
|
|
|
+ <span>房卡进货</span>
|
|
|
+ </div>
|
|
|
+ <div class="domain-item" @click="showIncard('card')">
|
|
|
+ <img
|
|
|
+ src="../assets/img/index_icon2.png"
|
|
|
+ :class="isBig ? 'big' : ''"
|
|
|
+ />
|
|
|
+ <span>玩家充卡</span>
|
|
|
+ </div>
|
|
|
+ <router-link :to="searchUrl" tag="div" class="domain-item">
|
|
|
+ <img
|
|
|
+ src="../assets/img/index_icon3.png"
|
|
|
+ :class="isBig ? 'big' : ''"
|
|
|
+ title="用卡查询"
|
|
|
+ alt="用卡查询icon"
|
|
|
+ />
|
|
|
+ <span>用卡查询</span>
|
|
|
+ </router-link>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="domain-itembox">
|
|
|
+ <div class="domain-item" @click="clickPurchase('diamonds')">
|
|
|
+ <img
|
|
|
+ src="../assets/img/index_icon4.png"
|
|
|
+ :class="isBig ? 'big' : ''"
|
|
|
+ />
|
|
|
+ <span>钻石进货</span>
|
|
|
+ </div>
|
|
|
+ <div class="domain-item" @click="showIncard('diamonds')">
|
|
|
+ <img
|
|
|
+ src="../assets/img/index_icon5.png"
|
|
|
+ :class="isBig ? 'big' : ''"
|
|
|
+ />
|
|
|
+ <span>玩家充钻</span>
|
|
|
+ </div>
|
|
|
+ <router-link
|
|
|
+ :to="searchUrl_diamonds"
|
|
|
+ tag="div"
|
|
|
+ class="domain-item"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../assets/img/index_icon6.png"
|
|
|
+ :class="isBig ? 'big' : ''"
|
|
|
+ title="钻石查询"
|
|
|
+ alt="钻石查询icon"
|
|
|
+ />
|
|
|
+ <span>钻石查询</span>
|
|
|
+ </router-link>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 活动广告 -->
|
|
|
+ <div class="lottery-link" v-if="info.displayAdvertising">
|
|
|
+ <img :src="infoData.app_mg" alt="lottery" title="lottery" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 实名认证 -->
|
|
|
+ <transition enter-active-class="fadeIn" leave-active-class="fadeOut">
|
|
|
+ <div class="realname hide" v-show="realNameShow">
|
|
|
+ <div class="index-title">
|
|
|
+ 实名认证
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="index-inputs">
|
|
|
+ <div class="index-inputs-item">
|
|
|
+ <div class="inputs-label">姓 名</div>
|
|
|
+ <input
|
|
|
+ placeholder="请输入真实姓名"
|
|
|
+ name="name"
|
|
|
+ class="inputs-input"
|
|
|
+ type="text"
|
|
|
+ v-model="realName.name"
|
|
|
+ />
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="index-inputs-item">
|
|
|
+ <div class="inputs-label">身份证</div>
|
|
|
+ <input
|
|
|
+ placeholder="请输入身份证号码"
|
|
|
+ type="text"
|
|
|
+ name="idcard"
|
|
|
+ class="inputs-input"
|
|
|
+ v-model="realName.idcard"
|
|
|
+ />
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index-bottom">
|
|
|
+ <button @click="closeAlert">取消</button>
|
|
|
+ <button class="sure" @click="submitName">确定</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+
|
|
|
+ <!-- 进卡活动 -->
|
|
|
+ <transition
|
|
|
+ enter-active-class="slideInUp"
|
|
|
+ leave-active-class="slideOutDown"
|
|
|
+ >
|
|
|
+ <!-- 进卡活动 -->
|
|
|
+ <div class="incard" v-show="cardActiveShow">
|
|
|
+ <div class="title">
|
|
|
+ 进卡活动
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="rules">
|
|
|
+ <div class="rules-label">本月累计进卡</div>
|
|
|
+ <ul class="rules-des">
|
|
|
+ <li
|
|
|
+ v-for="(item, index) in awardActive.notice"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ {{ item }}
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <span class="rules-tip">{{ awardActive.tip }}</span>
|
|
|
+ <div class="now-advantage">{{ awardActive.tip2 }}</div>
|
|
|
+
|
|
|
+ <div class="price">
|
|
|
+ <div class="price-item">
|
|
|
+ <div class="left">套餐</div>
|
|
|
+ <div class="right">
|
|
|
+ {{ comboPropCount }}张， {{ needMoney }}元
|
|
|
+ </div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="price-item">
|
|
|
+ <div class="left">数量(套)</div>
|
|
|
+ <div class="right">
|
|
|
+ <span class="control" @click="reduceCard">-</span>
|
|
|
+ <span class="num">{{ goodsNum }}</span>
|
|
|
+ <span class="control" @click="addCard">+</span>
|
|
|
+ </div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="price-item">
|
|
|
+ <div class="left">总价(元)</div>
|
|
|
+ <div class="right">{{ totalMoney }}</div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="index-bottom">
|
|
|
+ <button @click="closeAlert">取消</button>
|
|
|
+ <button class="sure" @click="buyCard('card')">进卡</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+
|
|
|
+ <!-- 钻石进货 -->
|
|
|
+ <transition
|
|
|
+ enter-active-class="slideInUp"
|
|
|
+ leave-active-class="slideOutDown"
|
|
|
+ >
|
|
|
+ <!-- 钻石进货 -->
|
|
|
+ <div class="incard" v-show="diamondActiveShow">
|
|
|
+ <div class="title">
|
|
|
+ 钻石进货
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="price">
|
|
|
+ <div class="price-item">
|
|
|
+ <div class="left">套餐</div>
|
|
|
+ <div class="right">
|
|
|
+ {{ comboPropCount }}个， {{ needMoney }}元
|
|
|
+ </div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="price-item">
|
|
|
+ <div class="left">数量(套)</div>
|
|
|
+ <div class="right">
|
|
|
+ <span class="control" @click="reduceCard">-</span>
|
|
|
+ <span class="num">{{ goodsNum }}</span>
|
|
|
+ <span class="control" @click="addCard">+</span>
|
|
|
+ </div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="price-item">
|
|
|
+ <div class="left">总价(元)</div>
|
|
|
+ <div class="right">{{ totalMoney }}</div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="index-bottom">
|
|
|
+ <button @click="closeAlert">取消</button>
|
|
|
+ <button class="sure" @click="buyCard('diamonds')">
|
|
|
+ 进卡
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+
|
|
|
+ <!-- 玩家充卡 -->
|
|
|
+ <transition
|
|
|
+ enter-active-class="slideInUp"
|
|
|
+ leave-active-class="slideOutDown"
|
|
|
+ >
|
|
|
+ <div class="player-incard" v-if="incardShow || inDiamondShow">
|
|
|
+ <div class="index-title">
|
|
|
+ {{ incardShow ? "玩家充卡" : "玩家充钻" }}
|
|
|
+ </div>
|
|
|
+ <div class="index-inputs">
|
|
|
+ <div class="index-inputs-item">
|
|
|
+ <div class="inputs-label">游戏ID</div>
|
|
|
+ <input
|
|
|
+ id="playId"
|
|
|
+ placeholder="在此输入玩家ID"
|
|
|
+ class="inputs-input"
|
|
|
+ name="game_user_id"
|
|
|
+ type="number"
|
|
|
+ v-model="incard.game_user_id"
|
|
|
+ @focus="inputFocus"
|
|
|
+ @blur="inputBlur"
|
|
|
+ />
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="index-inputs-item">
|
|
|
+ <div class="inputs-label">数 量</div>
|
|
|
+ <input
|
|
|
+ id="number"
|
|
|
+ placeholder="在此输入充卡数量"
|
|
|
+ class="inputs-input"
|
|
|
+ name="number"
|
|
|
+ type="number"
|
|
|
+ v-model="incard.add_number"
|
|
|
+ @focus="inputFocus"
|
|
|
+ @blur="inputBlur"
|
|
|
+ />
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index-bottom">
|
|
|
+ <button
|
|
|
+ @click="
|
|
|
+ incardShow = false;
|
|
|
+ inDiamondShow = false;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 取消
|
|
|
+ </button>
|
|
|
+ <button class="sure" @click="showReview">充值</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+
|
|
|
+ <!-- 确认信息 -->
|
|
|
+ <transition
|
|
|
+ enter-active-class="slideInUp"
|
|
|
+ leave-active-class="slideOutDown"
|
|
|
+ >
|
|
|
+ <div class="player-incard" v-show="reviewShow">
|
|
|
+ <div class="index-title">
|
|
|
+ 请核对以下信息
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="playerInfo">
|
|
|
+ <div class="left">
|
|
|
+ <div class="playerInfo-item">
|
|
|
+ <div class="label">游戏ID</div>
|
|
|
+ <div class="content">{{ incard.game_user_id }}</div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ <div class="playerInfo-item">
|
|
|
+ <div class="label">昵 称</div>
|
|
|
+ <div class="content">{{ incard.name }}</div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <img
|
|
|
+ :src="incard.avatar || headbg"
|
|
|
+ alt="头像"
|
|
|
+ title="头像"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="playerInfo-item">
|
|
|
+ <div class="label">数 量</div>
|
|
|
+ <div class="content">{{ incard.add_number }}</div>
|
|
|
+ <div class="bd-b"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="index-bottom">
|
|
|
+ <button @click="reviewShow = false">取消</button>
|
|
|
+ <button class="sure" @click="palyerInCard">确定</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+
|
|
|
+ <!-- 公告弹窗 -->
|
|
|
+ <div class="mask hide" v-show="publicIsShow"></div>
|
|
|
+ <transition enter-active-class="fadeIn " leave-active-class="fadeOut">
|
|
|
+ <div class="agreetit hide" style="height: 8rem; top: 25%;" v-show="publicIsShow">
|
|
|
+ <div class="title">{{publicData.title || '公告'}}</div>
|
|
|
+ <div class="agreetit-main">
|
|
|
+ <p v-html="publicData.content || '暂无公告'"></p>
|
|
|
+ </div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="cancle" @click="closePublic">关闭</div>
|
|
|
+ <div class="sure" @click="gotoPublic">查看</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+ <div id="opacity">
|
|
|
+ <div class="ios">
|
|
|
+ <img src="../assets/img/ios-opacity_01.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: block; width:1px; height:1px; overflow: hidden;">
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
+ <script src="js/jquery-2.1.4.min.js"></script>
|
|
|
+ <script src="js/jweixin-1.3.2.js"></script>
|
|
|
+ <script src="js/vue.js"></script>
|
|
|
+ <script src="js/popup.js"></script>
|
|
|
+ <script src="js/rem.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ document.write('<script type="text/javascript" charset="UTF-8" src="js/common.js?v='+new Date().getTime()+'"><\/script>');
|
|
|
+ document.write('<script type="text/javascript" charset="UTF-8" src="js/page/fillin.js?v='+new Date().getTime()+'"><\/script>');
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
