
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PUBG礼包提货</title>
    <link rel="icon" type="image/png" href="/common/favicon.png">
    <link rel="stylesheet" href="/common/layui/css/layui.css">
    <link rel="stylesheet" href="/admin/css/style.css">
    <script src="/common/jquery-3.3.1.min.js"></script>
    <script src="/common/layer/layer.js"></script>
    <script src="/common/layui/layui.js"></script>
    <script src="/common/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>
    <script src="/common/jquery.qrcode.min.js"></script>
</head>
<body>
<style>
    /* 弹框内容的容器，确保内容居中 */
    .layer-content {
        text-align: center;
    }

    /* 提示信息的容器 */
    .msg-container {
        margin-bottom: 5px; /* 提示信息与二维码之间的间距 */
        font-size: 16px;
        color: #333;
    }

    /* 二维码容器 */
    .qrcode-container {
        margin-top: 5px;
    }

    /* 二维码 canvas 居中显示 */
    canvas {
        margin: 0 auto;
    }
    /* 二维码下方的提示文本样式 */
    .qrcode-text {
        font-size: 14px;
        color: #666;
        margin-top: 5px;
    }
    #qrcode {
        width: 50%; /* 相对于容器宽度 */
        height: auto; /* 自动调整高度，保持比例 */
    }
</style>
<style type="text/css">
    /*#centerdiv {*/
    /* position:absolute;*/
    /*top:50%;*/
    /*left:30%;*/
    /*margin:-250px 0 0 -100px;*/
    /*width:900px;*/
    /*height:600px;*/
    /*}*/
    /*.layui-input-block{*/
    /*    width: 80%;*/
    /*}*/

    .layui-input,.layui-textarea {
        display: block;
        width: 90%;
        padding-left: 10px;
    }
    .layui-btn{
        padding-right:10px;
        padding-left:10px;

    }
    .layui-form-item{
        margin-top: 10px;
    }
    #app {
        margin-top: 5%;
    }
    img{ padding:0; border:0;}
    /*.container {*/
    /*    overflow: hidden;*/
    /*    width: 100%;*/
    /*}*/
    .layui-progress-big, .layui-progress-big .layui-progress-bar {
        height: 36px;
        line-height: 36px;
    }
</style>
<div id="app" class="layui-container">
<div id="centerdiv"   lay-filter="giftTab" class="layui-tab layui-tab-card layui-row">
    <ul class="layui-tab-title">
        <li type="0" lay-id="1" >全球提货</li>
        <li type="1" lay-id="2" class="layui-this">steam提货</li>
        <li type="4" lay-id="4" >令牌扫码提货</li>
        <li type="3" lay-id="3" >订单查询</li>
    </ul>
    <div class="layui-tab-content" style="overflow-x: hidden">
        <div class="layui-tab-item">
            <div id="0_head"></div>
            <form class="layui-form" style="" lay-filter="form">
                <div class="layui-input-inline"></div>
                <div class="layui-form-item">
                    <label class="layui-form-label">激活码</label>
                    <div class="layui-input-block">
                        <input type="text" id="orderid" lay-filter="order" name="order" required  lay-verify="required" placeholder="请输入激活码" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                       全球账号
                    </label>
                    <div class="layui-input-block">
                        <input type="text" id="accUser" lay-filter="steamlink" name="accUser" required lay-verify="required" placeholder="请输入全球账号" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        全球密码
                    </label>
                    <div class="layui-input-block">
                        <input type="text" id="accPass" lay-filter="steamlink" name="accPass" required lay-verify="required" placeholder="请输入全球密码" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="send">立即提交</button>
                        <a class="layui-btn"  id="checkPubg" >查询结果</a>
                    </div>
                </div>
                <div class="layui-form-item" id="progressdiv1" style="display: none">
                    <label class="layui-form-label">处理进度</label>
                    <div class="layui-input-block" style="width: 50%;">
                        <div class="layui-progress layui-progress-big" lay-filter="progress1" lay-showPercent="true">
                            <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="layui-card" style="margin-top: 50px">
                <div id="0_content"></div>
            </div>
        </div>
        <div class="layui-tab-item layui-show">
            <div name="1_head"></div>
            <form class="layui-form" lay-filter="form">
                <div class="layui-input-inline"></div>
                <div class="layui-form-item">
                    <label class="layui-form-label">激活码</label>
                    <div class="layui-input-block">
                        <input type="text"  id="CNCrossregionOrderid" lay-filter="CNCrossregionOrderid" name="CNCrossregionOrderid" required  lay-verify="required" placeholder="请输入激活码" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        Steam账号
                    </label>
                    <div class="layui-input-block">
                        <input type="text" id="CNsteamUser" lay-filter="CNsteamUser" name="CNsteamUser" required lay-verify="required" placeholder="请输入steam账户" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        Steam密码
                    </label>
                    <div class="layui-input-block">
                        <input type="text" id="CNsteampassword" lay-filter="CNsteampassword" name="CNsteampassword" required lay-verify="required" placeholder="请输入steam密码" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="sendCNHelpCdeky">立即提交</button>
                        <button class="layui-btn"  id="checkOrderSteam" >查询结果</button>
                    </div>
                </div>
                <div class="layui-form-item" id="progressdiv2" style="display: none">
                    <label class="layui-form-label">处理进度</label>
                    <div class="layui-input-block" style="width: 50%;">
                        <div class="layui-progress layui-progress-big" lay-filter="progress2" lay-showPercent="true">
                            <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="layui-card" style="margin-top: 50px">
                <div name="1_content"></div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="layui-tab-item layui-show">
                <div name="4_head"></div>
                <form class="layui-form">
                    <div class="layui-form-item">
                        <label class="layui-input-block" id="qrresult" style="font-size: 17px;color: red" ></label>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">激活码</label>
                        <div class="layui-input-block">
                            <input type="text" id="qrcdkey"  name="qrcdkey" lay-filter="qrcdkey" required   lay-verify="required" placeholder="输入激活码再生成二维码" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
<!--                            <img id="qrimg" style="width: 50%">-->
                            <div class="container" id="imgcontainer" style="display: none">
<!--                                <img align="center" style="width: 250px;height: 250px;display:none" id="qrimg" height="" src="" alt="">-->
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="generQR">生成二维码</button>
                            <button class="layui-btn" lay-submit lay-filter="checkQR">查询结果</button>
                        </div>
                    </div>
                    <div class="layui-form-item" id="progressdiv3" style="display: none">
                        <label class="layui-form-label">处理进度</label>
                        <div class="layui-input-block" style="width: 50%;">
                            <div class="layui-progress layui-progress-big" lay-filter="progress3" lay-showPercent="true">
                                <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="layui-card" style="margin-top: 50px">
                    <div name="4_content"></div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="layui-tab-item layui-show">
                <div name="3_head"></div>
                <form class="layui-form" lay-filter="check">
                    <div class="layui-input-inline"></div>

                    <div class="layui-form-item">
                        <label class="layui-input-block" id="result" style="font-size: 17px;color: red" ></label>
                    </div>


                    <div class="layui-form-item">
                        <label class="layui-form-label">激活码</label>
                        <div class="layui-input-block">
                            <input type="text" id="checkKey2"  name="checkOrder" lay-filter="checkOrder" required   lay-verify="required" placeholder="请输入激活码" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="check">查询结果</button>
                        </div>
                    </div>
                    <div class="layui-form-item" id="historyDiv" style="display: none;">
                        <label class="layui-form-label">激活记录</label>
                        <div class="layui-input-block">
                            <table  lay-size="sm" id="history" lay-filter="test"></table>
                        </div>
                    </div>
                </form>
                <div class="layui-card" style="margin-top: 50px">
                    <div name="3_content"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script src="/admin/js/config.js"></script>
<script src="/admin/js/taobaofront.js"></script>
</body>
</html>
