jjhc
/
jucai


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
							
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="author" content="m.jd.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="yes" name="apple-touch-fullscreen"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="#ffffff" name="msapplication-TileColor"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <link rel="stylesheet" href="https://oilcard.m.jd.com//skin/jd-mater.css"/>
    <link rel="stylesheet" href="https://oilcard.m.jd.com//skin/fuelcard.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>订单详情</title>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="https://oilcard.m.jd.com//js/jquery.toast/jquery.toast.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://oilcard.m.jd.com//css/animate.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="//st.360buyimg.com/common/commonH_B/css/header.css" charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="https://oilcard.m.jd.com//css/mobileSelect.css">

    <script type="text/javascript" src="https://oilcard.m.jd.com//js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="https://oilcard.m.jd.com//js/jquery.tap.min.js"></script>
    <script type="text/javascript" src="https://oilcard.m.jd.com//js/alert.js"></script>


    <script type="text/javascript" src="https://oilcard.m.jd.com//js/jquery.toast/jquery.toast.min.js"></script>
    <script type="text/javascript" src="https://oilcard.m.jd.com//js/full_js/common.js?v=20160219"></script>
</head>

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<!--<script type="text/javascript" src="https://wq.360buyimg.com/js/common/dest/wq.jshop.report.min.js"/>-->

<link rel="stylesheet" type="text/css" href="https://oilcard.m.jd.com//skin/wq-nav.css"/>
<div class="wraper">
    <div class="nav-tab">
        <div class="nav-box">
            <b class="pic"></b>
            <span class="nav_text">快捷导航</span>
        </div>
        <div class="nav-list">
            <a class="nav-li" id="wqIndex">
                <b class="icon icon_index"></b>
                <span class="text">首页</span>
            </a>
            <a class="nav-li" id="wqSearch">
                <b class="icon icon_search"></b>
                <span class="text">搜索</span>
            </a>
            <a class="nav-li" id="wqMyCenter">
                <b class="icon icon_people"></b>
                <span class="text">个人中心</span>
            </a>
            <a href="https://wqs.jd.com/search/searchfootprint.shtml?ptag=7105.12.7" class="nav-li">
                <b class="icon icon_history"></b>
                <span class="text">足迹</span>
            </a>
            <a href="https://wqs.jd.com/customer/feedback.shtml?fromurl=https://wqs.jd.com/my/accountv2.shtml&ptag=7155.1.73"
               class="nav-li">
                <b class="icon icon_back"></b>
                <span class="text">用户反馈</span>
            </a>
            <a class="nav-li" id="wqCart">
                <b class="icon icon_purchase"></b>
                <span class="text">购物车</span>
            </a>
        </div>
    </div>

</div>

<script type="text/javascript">

    $("#wqIndex").on("click", function () {
        wx.miniProgram.switchTab({url: "/pages/index/index"});
    });

    $("#wqSearch").on("click", function () {
        wx.miniProgram.switchTab({url: "/pages/cate/cate"});
    });

    $("#wqMyCenter").on("click", function () {
        wx.miniProgram.switchTab({url: "/pages/my/index/index"});
    });

    $("#wqCart").on("click", function () {
        wx.miniProgram.switchTab({url: "/pages/cart/cart/index"});
    });

</script>

<script type="text/javascript">
    $(function () {
        $('.nav-box').click(function () {
            $('.pic').toggleClass('right_pic');
            var text = $('.nav_text').text();
            if (text == '收起') {
                $('.nav_text').text('快捷导航');
                $('.nav-tab').removeClass('animate-left');
                $('.nav-tab').addClass('animate-right');
            } else {
                $('.nav_text').text('收起');
                $('.nav-tab').removeClass('animate-right');
                $('.nav-tab').addClass('animate-left');
            }
        });

        $('#wqIndex').click(function () {
            //navigate
        })
    })
</script>

<script type="text/javascript">
    $(function () {
        //非小程序来源 或者 独立小程序
        var cookie = getCookie('wxapp_type');
        if (cookie != "1") {
            $('.nav-tab').addClass("hidden");
        }
        //小程序来源
        else {
            $('.nav-tab').removeClass("hidden");
            $.getScript("https://wq.360buyimg.com/js/common/dest/wq.jshop.report.min.js");
//            document.writeln('<script type="text/javascript" src="https://wq.360buyimg.com/js/common/dest/wq.jshop.report.min.js"/>');
        }
    })

    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i].trim();
            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
        }
        return "";
    }
</script>
<body>
<div id="m_common_header" style="min-height:45px"></div>

<div class="common-wrapper order-detail">
    <input type="hidden" id="orderId" value='211689464191'>
    <input type="hidden" id="skuId" value='200108042928'>
    <input type="hidden" id="totalPrice" value='100.00'>
    <i class="ico-water"></i>
    <div class="box box1">
        <div class="title">
            <span class="f-s-28 fl"><font class="c-68">订 单 号：</font><font class="c-23">211689464191</font></span>
            <span class='fr red f-s-26'></span>
        </div>
        <p>
                 <span class="f-s-28 toStore">
                                             <a href="//pro.m.jd.com/mall/active/2JMzArjbUNBLVRK9GAYaaiiUruNb/index.html">中石油油卡充值旗舰店 &gt;</a>
                                      </span>
            <span class="f-s-28"><font class="c-68">加油卡号：</font><font class="c-23">****3530</font></span>
            <span class="f-s-28"><font class="c-68">油卡信息：</font><font class="c-23">中国石油油卡充值 中石油个人记名卡充值 全国可充，支持开票100元</font></span>
            <span class="f-s-28"><font class="c-68">充值金额：</font><font class="c-23">100.00元</font></span>
        </p>

        <p class="border-t nopb" id="">

            <span class="f-s-24 c-84 txt">您可至中石油官网查询圈存站点信息。</span>
        </p>
    </div>
    <div class="box box2">
        <span class="f-s-28 c-23">支付方式</span><span class="f-s-28 c-23 fr">在线支付</span>
    </div>
    <div class="box box3">
        <p><span class="f-s-28 c-23">商品金额</span><span class="f-s-28 red fr">￥<em
                class="f-s-36">100.00</em></span></p>

        <p class="txtr ptb pay-real"><span class="f-s-28 red"><em>实付款：</em>￥<em
                class="f-s-36">100.00</em></span></p>
        <p class="txtr"><span class="f-s-24 c-84">下单时间：2021-07-04 23:50:17</span></p>
    </div>

    <div class="open-dong">
        <a href="http://chat.jd.com/chat/index.action?venderId=1&appId=jd.waiter&customerAppId=im.customer&entry=jd_m_gas">
            <b class="dong-icon"></b>
            <span>联系客服</span>
        </a>
    </div>


    <p class='order-foot border-t'>
    <div class="btn-fixed-wrapper">
        <button id="continueToBuy" skuId="200108052204" brand="1" class="btn-payfor-footer">
            再次购买
        </button>
    </div>
    </p>
</div>

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script type="text/javascript" src="https://oilcard.m.jd.com//js/full_js/orderDetail.js"></script>
<div id="m_common_bottom"></div>
<script type="text/javascript" src="//wl.jd.com/unify.min.js"></script>
<script type="text/javascript" src="https://oilcard.m.jd.com//js/full_js/bottom.js?v=20160219"></script>
<script type="text/javascript" src="//st.360buyimg.com/common/commonH_B/js/m_common_header_bottom2.1.js"></script>
<script type="text/javascript" src="//st.360buyimg.com/common/commonH_B/js/m_common2.1.js" ></script>
<script type="text/javascript" src="//st.360buyimg.com/m/js/2014/module/plugIn/downloadAppPlugIn_imk2.js"></script>
<script type="text/javascript">
    $(function(){
        var mchb = new MCommonHeaderBottom();
        var headerArg = {hrederId : 'm_common_header',title: '订单详情' , sid : '', isShowShortCut : false, selectedShortCut : '4'};
        mchb.header(headerArg);

    });
</script>
</body>
</html>