baibx
/
xc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398
							<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="applicable-device" content="mobile">
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="title" content="" />
    <title>品质为先，不虚标不限速</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="/static/css/animate.min.css" type="text/css" media="all" />
    <link rel="stylesheet" href="/static/css/style.css" type="text/css" media="all" />
    <script language="javascript" type="text/javascript" src="/static/js/jquery-3.6.0.min.js"></script>
    <script language="javascript" type="text/javascript" src="/static/js/animate.min.js"></script>
    <script language="javascript" type="text/javascript" src="/static/js/main.js"></script>
</head>

<body>
    <div>
        <div class="topinfo">
            <div class="avatar">
                <img src="/static/img/img-avatar.jpg">
            </div>
            <div class="info">
                <p>状态:
                <c:choose>
                    <c:when test="${devs.devInfo.realstate =='已实名' }">
                    <span class="status green">已激活</span>
                    </c:when>
                    <c:when test="${devs.devInfo.realstate =='未实名' or devs.devInfo.realstate == null}">
                    <span class="status red">未激活</span>
                    </c:when>
                </c:choose>

                    <span class="refresh-btn" onclick="shuxindq()">
                    <img src="/static/img/cq.png"></span>
                    <br><!--套餐剩余0天<br />-->号码:
                    <span class="number">${devs.devInfo.devid}</span>
                    <br>有效期: <span class="expiry">${devs.devInfo.invalid}</span>
                </p>
            </div>
            <div class="clear-float"></div>
            <!--div class="logout-btn" onclick="javascript:window.location.href='#'">
                退出
            </div-->
        </div>

        <div class="home-number">
            <div class="number-row">
                <a class="number-item">${ust.usevalue}</a>
                <a class="number-item">${ust.total}</a>
                <a class="number-item">${ust.remainvalue}</a>
            </div>
            <div class="label-row">
                <a class="label-item">已用流量</a>
                <a class="label-item">套餐总量</a>
                <a class="label-item">剩余流量</a>
            </div>
            <div class="clear-float"></div>
            <div class="divider"></div>
            <div class="status-row">
                <div class="status-text">当前套餐剩余${ust.day}天</div>
                <div class="status-button">
                    <a href="/consumer/getDevPkgs.do">查看待用套餐</a>
                </div>
            </div>
            <div class="clear-float"></div>
        </div>

        <c:if test="${ust.show == 'buyPkg'}">
        <div class="home-tips">
            <div class="icon">
                <img src="/static/img/icon-notice.png">
            </div>
            <div class="text">
                <span>无可用套餐或流量已用尽</span>
                <span>点击右侧按钮订购上网套餐</span>
            </div>
            <div class="btn">
                <button onclick="javascript:window.location.href='/consumer/getPkgsByDevId.do?devid=${devs.devInfo.devid}'">订购套餐</button>
            </div>
            <div style="clear:both"></div>
        </div>
        </c:if>
        <div class="menu">
            <a href="/consumer/getPkgsByDevId.do?devid=${devs.devInfo.devid}">
                <div class="menu-item" id="wyqcz">
                    <img src="/static/img/icon-menu-01.png">
                    <p>
                        <sapn>流量订购</sapn>
                    </p>
                </div>
            </a>
            <a href="javascript:;" onclick="ShowBox('PopNetwork')">
                <div class="menu-item">
                    <img src="/static/img/icon-menu-02.png">
                    <p>
                        <sapn>网络优选</sapn>
                    </p>
                </div>
            </a>
            <a href="/consumer/getDevPkgs.do">
                <div class="menu-item">
                    <img src="/static/img/icon-menu-03.png">
                    <p>
                        <sapn>我的套餐</sapn>
                    </p>
                </div>
            </a>
            <a href="javascript:;" class="popzhineng">
                <div class="menu-item">
                    <img src="/static/img/icon-menu-04.png">
                    <p>
                        <sapn>智能诊断</sapn>
                    </p>
                </div>
            </a>
            <c:choose>
            <c:when test="${devs.devInfo.realstate =='已实名' }">
            <a href="javascript:;">
                <div class="menu-item" id="kzsmxx">
                    <img src="/static/img/icon-menu-05.png">
                    <p>
                        <sapn>已实名</sapn>
                    </p>
                </div>
            </a>
            </c:when>
            <c:when test="${devs.devInfo.realstate =='未实名' or devs.devInfo.realstate == null}">
            <a href="javascript:;" class="poprealname">
                <div class="menu-item" id="kzsmxx">
                    <img src="/static/img/icon-menu-05.png">
                    <p>
                        <sapn>未实名</sapn>
                    </p>
                </div>
            </a>
            </c:when>
            </c:choose>
            <a href="/code/toBound.do?devid=${devs.devInfo.devid}">
                <div class="menu-item">
                    <img src="/static/img/icon-menu-06.png">
                    <p>
                        <sapn>绑定手机</sapn>
                    </p>
                </div>
            </a>
            <a href="https://f.wps.cn/g/69QXTZgu/">
                <div class="menu-item">
                    <img src="/static/img/icon-menu-07.png">
                    <p>
                        <sapn>官方投诉</sapn>
                    </p>
                </div>
            </a>
            <a href="javascript:;" onclick="ShowBox('PopWeixin')" class="lw">
                <div class="menu-item">
                    <img src="/static/img/icon-menu-08.png">
                    <p>
                        <sapn>在线服务</sapn>
                    </p>
                </div>
            </a>
            <div style="clear: both"></div>
        </div>

    </div>
    <div class="help-ercode">
        <p><img src="/static/img/img-help-ercode.png"></p>
        <p class="text">长按识别二维码寻求售后帮助</p>
        <div class="more">
            工作时间: 08:00-23:00
        </div>
    </div>
    <div style="clear: both;height:70px"></div>
    <div class="nav">
        <div class="item cur" onclick="javascript:window.location.href='#'">
            <img src="/static/img/icon-nav-home-v.png">
            <div class="text">
                <sapn>首页</sapn>
            </div>
        </div>
        <div class="item" onclick="javascript:window.location.href='/consumer/getPkgsByDevId.do?devid=${devs.devInfo.devid}'">
            <img src="/static/img/icon-nav-recharge.png">
            <div class="text">
                <sapn>充值</sapn>
            </div>
        </div>
        <div class="item" onclick="javascript:window.location.href='/device/getDevInfo.do?sn=${devs.devInfo.devid}&f=help'">
            <img src="/static/img/icon-nav-help.png">
            <div class="text">
                <sapn>帮助</sapn>
            </div>
        </div>
    </div>
    <div class="zhineng">
        <div class="diagnosis animated fadeIn">
            <div class="title">诊断结果</div>
            <div class="state">
                <p><span>卡状态:</span><span id="bckd1" class="green">
                <c:choose>
                    <c:when test="${devs.devInfo.realstate =='已实名' }">
                    <span class="status green">已激活</span>
                    </c:when>
                    <c:when test="${devs.devInfo.realstate =='未实名' or devs.devInfo.realstate == null}">
                    <span class="status red">未激活</span>
                    </c:when>
                </c:choose>
                </span></p>
                <p><span>实名状态:</span>
                <c:choose>
                    <c:when test="${devs.devInfo.realstate =='已实名' }">
                    <span id="bckd2" class="green">${devs.devInfo.realstate}</span>
                    </c:when>
                    <c:when test="${devs.devInfo.realstate =='未实名' or devs.devInfo.realstate == null}">
                    <span id="bckd2" class="red">${devs.devInfo.realstate}</span>
                    </c:when>
                </c:choose>
                </p>
                <p><span>在用套餐剩余:</span><span id="bckd3">${ust.remainvalue}</span></p>
            </div>
            <div class="desc">
                <p style="font-weight: 800">温馨提示:</p>
                <p>1:剩余流量如果不足，请您点击 购买套餐 按钮 购买对应套餐即可恢复上网</p>
                <p>2:如果您未实名 请你点击 实名认证 按钮 进行实名 如果实名中遇到问题，请您及时联系客服即可</p>
            </div>
            <button class="btn btn-close">我知道了</button>
        </div>
    </div>
    <div class="zhineng3">
        <div class="diagnosis animated fadeIn">
            <div class="title">温馨提示</div>
            <div class="desc">
                <p>根据工信部规定，所有可联网设备需实名后方可使用，认证年龄限18-60周岁且实名结果可能存在延迟(建议隔日查看，不影响使用)，实名办理时间为9:00-22:00，完成后请等待1-10分钟再开机使用。</p>
            </div>
            <button class="btn" onclick="$('.zhineng3').hide();javascript:window.location.href='/user/checksm.do'">确定</button>
        </div>
    </div>
    <div class="box">
        <div class="loading">
            <img src="/static/img/loading2.gif">
        </div>
    </div>
    <div class="boxx">
        <div class="pop-sale">
            <img src="/static/img/pop-sale.png">
            <div class="btn">
                <button onclick="qudg()">我知道了 点击关闭</button>
            </div>
        </div>
    </div>
    <!--网络优选-->
    <div class='menu-mask' id="PopNetwork">
        <div class="popbox animated fadeIn">
            <div class="popbox-title">网络管理</div>
            <div class="popbox-con">
                <div class="form-item">
                    <div class="form-text">
                        <img src="/static/img/icon-cmcc.png" class="icon">
                        <span>中国移动</span>
                    </div>
                    <div class="select">
                        <input type="radio" name="operators" class="redcheck" id="chinamobile" value="3" ${devs.devInfo.isp=='中国移动'?'checked':''}>
                    </div>
                </div>
                <div class="form-item">
                    <div class="form-text">
                        <img src="/static/img/icon-ctcc.png" class="icon">
                        <span>中国电信</span>
                    </div>
                    <div class="select">
                        <input type="radio" name="operators" class="redcheck" id="chinatelecom" value="1" ${devs.devInfo.isp=='中国电信'?'checked':''}>
                    </div>
                </div>
                <div class="form-item">
                    <div class="form-text">
                        <img src="/static/img/icon-unicom.png" class="icon">
                        <span>中国联通</span>
                    </div>
                    <div class="select">
                        <input type="radio" name="operators" class="redcheck" id="chinaunicom" value="2" ${devs.devInfo.isp=='中国联通'?'checked':''}>
                    </div>
                </div>
            </div>
            <div class="network-btn">
                <button type="submit" class="btn" onclick="upOpera();">切换</button>
                <button type="submit" class="btn btn-cancel" onclick="CloseBox('PopNetwork')">取消</button>
            </div>
            <!--<div class="icon-close" onclick="CloseBox('PopNetwork')">
            </div>-->
        </div>
    </div>
    <!--在线客服-->
    <div class='menu-mask' id="PopWeixin">
        <div class="popbox pop-weixin animated fadeIn">
            <div class="popbox-con">
                <img src="/static/img/img-recharge-ercode.png">
            </div>
            <div class="icon-close" onclick="CloseBox('PopWeixin')">
            </div>
        </div>
    </div>
    <script src="/static/js/clipboard.js"></script>

    <script>
        var ttpp = 0;
        $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
        $(function () {
            if (ttpp) {
                tanchuang();
                bianse();
            }
        });
        function shebei() {
            $(".shebei").show();
        }
        function zidongfuzhi() {
            //  $(".zhineng3").show();

        }
        function qudg() {
            $(".boxx").hide();
            shuxindq();
        }
        function qushimmmm() {
            $(".zhineng3").hide();
            $("#kzsmxx").click();

        }
        function closequshimmmm() {
            $(".zhineng3").hide();
        }
        function shebei_colse() {
            $(".shebei").hide();
        }
        function tanchuang() {
            if (localStorage.biaozhi != 2) {
                $(".box").show();
            }

        }

        function ggbb() {
            $(".box").hide();
            localStorage.biaozhi = 2;
        }
        function bianse() {
            var kk22 = 1;
            setInterval(function () {
                if (kk22 == 1) {
                    //.animate({height:"100px"});
                    $('.bss').css('color', '#f8f8f8');
                } else if (kk22 == 2) {
                    $('.bss').css('color', '#FFFF00');
                }
                kk22++;
                if (kk22 == 3) {
                    kk22 = 1;
                }
            }, 2000);
            //setTimeout
            /*setTimeout($('.bss').css('color','#FFFF00'),1000);
            setTimeout($('.bss').css('color','#f8f8f8'),1000);*/
        }
        function shuxindq() {
            location.reload();
        }

		function upOpera(){
			if(confirm("切换网络必须要再做实名,否则会导致设备无法上网。确认修改网络吗?")){
				jQuery.ajax({
					url : "/device/setOpera.do",
					data : {
						operator : $(".redcheck:checked").val(),
					},
					type : 'post',
					dataType : "json",
					success : function(data) {
						if(data == 'OK'){
							alert("修改成功，2分钟后拔电重启生效，请确保做完实名。");
							location.reload();
						}else
							alert(data);
					},
				});
			}
		}
    </script>
</body>

</html>