﻿<!DOCTYPE html>
<html style="font-size: 200px; margin:auto;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>卡号VIP</title>
    <link href="css/wx.css" rel="stylesheet" type="text/css" />
    <style>
        .loading {width: 100px;height: 100px;margin:0 auto;}
        .loading img{width:100%;}
/*        @keyframes loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}*/
    </style>
</head>
<body>
    <div id="app">
       
        <div class="main_div">
            <img src="img/wx01.png" class="width_100" />
        </div>

        <div class="product_list_box" id="content">
            <div class="loading" id="loading"><img src="img/loading.gif" /></div>
        </div>
        <div class="menu_box">
            <div class="menu_div">
                <a class="home-cur" href="#"></a>
                <a class="kefu" href="https://work.weixin.qq.com/kfid/kfc6b840dad0fc0a47b"></a>
                <a class="ours" href="list.html"></a>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="//img.wk10010.com/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="//img.wk10010.com/js/tools.js"></script>
    <script>
        function gotoorder() {
            window.location.href = "orderquery.html";
        }
        function wxKefu(){
            window.location.href = "https://work.weixin.qq.com/kfid/kfc6b840dad0fc0a47b";
        }
        function getcard() {
            $("#loading").show();
            $.ajax({
                type: 'Get',
                url: "/WeiXinHandler.ashx?methord=getcard",
                success: function (data) {
                    data = JSON.parse(data);
                    let strcontent = '';
                    for (var i in data) {
                        strcontent += "<div class='product_item_box'><div class='product_item_top'>" +
                            "<div class='product_item_top_img'><img src = '//www.wk10010.com" + data[i].imgpath + "' /></div>" +
                            "<div class='product_item_top_main'>" +
                            "<div class='skin_title'>" + data[i].title + "</div>" +
                            "<div class='skin_text'><div class='money_des'>";
                        if (data[i].MonthFee > 0) {
                            strcontent += "<div class='des_item'><div class='des_top'>" + data[i].MonthFee + "元</div><div class='des_bott'> 月租</div ></div>";
                        }
                        //console.log(data[i].customattr);
                        if (data[i].customattr != null && data[i].customattr != '') {
                            let datas = data[i].customattr.split("|");
                            for (var k = 0; k < datas.length; k++) {
                                let values = datas[k].split("#");
                                strcontent += "<div class='des_item'><div class='des_top'>" + values[1] + "</div><div class='des_bott'> " + values[0] + "</div ></div>";
                            }
                        }
                        //if (data[i].GeneralizedFlow > 0) {
                        //    strcontent += "<div class='des_item'><div class='des_top'>" +  data[i].GeneralizedFlow + "G</div><div class='des_bott'> 通用流量</div ></div>";
                        //}
                        //if (data[i].DirectionalFlow > 0) {
                        //    strcontent += "<div class='des_item'><div class='des_top'> " +  data[i].DirectionalFlow + "G</div ><div class='des_bott'>定向流量</div></div >";
                        //}
                        //if (data[i].TalkTime > 0) {
                        //    strcontent += "<div class='des_item'><div class='des_top'> " + data[i].TalkTime + "分钟</div><div class='des_bott'>全国通话</div></div></div></div>";
                        //}

                        //if (data[i].Description != null && data[i].Description != '') {
                        //    strcontent += "<div class='skin_btn'> <div style='font-size: 0.13rem;color: #9e9e9e !important'>" + data[i].Description+"</div></div>";
                        //}
                        strcontent += "</div><div class='skin_btn'> <div></div><div class='btn' onclick=\"GoToDeatil('" + data[i].order_url + "')\">立即办理 </div></div>" +
                            "</div></div></div></div>";

                    }
                    $("#content").html(strcontent);
                    //$("#loading").hide();
                }
            });
        }
        getcard();
        function GoToDeatil(url) {
            var parms = tools.getUrls();
            if (!tools.isEmpty(parms)) {
                window.location.href = url + "?" + parms;
            } else {
                window.location.href = url;
            }
        }

        $(window).resize(function () { setFont(); });
        var setFont = function () {
            var width = $(window).width();
            if (width < 1000 && width > 420) {
                $("html").css("font-size", 200 * width / 1000 + "px");
            } else if (width < 420) {
                $("html").css("font-size", 200 * 420 / 1000 + "px");
            }
            else {
                $("html").css("font-size", "200px");
            }
        };
        setFont();
    </script>
</body>
</html>