mengqingchuang
/
k8swebapi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435
							<!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>