订单详情 个人

<!DOCTYPE html>


<html lang="en" xmlns="//www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微时代-我的订单详情</title>
    <link rel="stylesheet" href="../../../static/share/share.css">
    <link rel="stylesheet" href="../../../static/css/jmy-pc/iconfont.css">
    <link rel="stylesheet" href="../../../static/css/commonality/commona.css">
    <link rel="stylesheet" href="../../../static/css/vip/order-details.css">
    <link rel="stylesheet" href="../../../static/css/jmy-pc/scenic-order.css">


</head>
<body style="background-color: #F4F4F4;">
<div id="waitload">
    <!-- 头部 -->
    <div class="header">


    </div>


    <!--侧边栏-->
    <div class="personal-main">
        <div class="personal-header clearfix">
            <div class="personal-left">
                <ul>
                    <li class="personal-active">
                        <a href="/member/personal.html">
                            个人信息
                        </a>
                    </li>
                    <li>
                        <a href="/member/order_details.html">
                            我的订单
                        </a>
                    </li>
                    <li>
                        <a href="/member/personal_my_details.html">
                            我的明细
                        </a>
                    </li>
                    <li>
                        <a href="/member/personal_account_management.html">
                            账户管理
                        </a>
                    </li>
                    <li>
                        <a href="/member/personal_my_ticket.html">
                            我的工单
                        </a>
                    </li>
                </ul>


            </div>
            <div class="personal-right">
                <!--所有的订单的详情;已付款,未付款,已完成,全部订单等。。。-->
                <div class="order_details_box">
                    <!--已付款,未付款,已完成,全部订单的标题的TITLLE-->
                    <div class="order_details-nav">
                        <div class="order_details_tit clearfix">
                            <div class="order_payment fl">
                                <a class="active">全部订单</a>
                            </div>
                            <div class="order_inputsearch fl">
                                <label for="" class="clearfix">
                                    <input class="fl" type="text" placeholder="输入商品标题或订单号">
                                    <span class="fl cp">订单搜索</span>
                                </label>
                            </div>
                        </div>
                    </div> 
                </div>
                
                <!--选项卡主体的头部的选择-->
                <div class="order_details_panelBox">
                    <div class="order_details_panel">
                        <!--订单类型的标题选择-->
                        <!--全部订单-->
                        <div class="details_panel_box">
                            <table class="gridtable" id="order_table">
                                
                            </table>
                        </div>
                        <!--暂时没有相关订单-->
                        <div class="order_nonedetails">
                            <i class="icon iconfont icon-kongbaisousuo"></i>
                            <p>暂时没有相关订单</p>
                        </div>
                        <div class="M-box3"></div>
                    </div>


                </div>


            </div>
            </div>
        </div>


    <!--尾部-->
        <div class="footer">
               
        </div>
</div>






<script type="text/javascript" src="../../../static/js/jmy-pc/jquery-3.1.1.js"></script>
<!--<script type="text/javascript" src="../../../static/js/jmy-pc/laydate.js"></script>-->
<script src="../../../js/hotel/hDate.js"></script>
<script>






    function GetDateStr(AddDayCount) {
        var dd = new Date();
        dd.setDate(dd.getDate() + AddDayCount);//获取AddDayCount天后的日期
        var y = dd.getFullYear();
        var m = dd.getMonth() + 1;//获取当前月份的日期
        var d = dd.getDate();
        return y + "-" + m + "-" + d;
    }


    //时间日历显示
    $("#test1").click(function (e) {
        var thisVal = this;
        calendar.show({
            id: this, ok: function () {
                var now_time = GetDateStr(0)
                var stop_time=thisVal.value//客户选中的时间参数
                function CompareDate(d1,d2)
                {
                    return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/"))));
                }
                if(CompareDate(now_time,stop_time)==false){
                    $("#test1").val(now_time)
                }
            }
        });
    });


    $("#test2").click(function (e) {
        var thisVal = this;
        calendar.show({
            id: this, ok: function () {
                var now_time = GetDateStr(0)
                var stop_time=thisVal.value//客户选中的时间参数
                function CompareDate(d1,d2)
                {
                    return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/"))));
                }
                if(CompareDate(now_time,stop_time)==false){
                    $("#test2").val(now_time)
                    console.log(thisVal.value)
                }
            },
            bgColor:"#000000",
            topColor:"#000000",
            weekBgColor:"#000000",
            weekFontColor:"#FFFFFF",
            innerBorder:"1px solid #FFFFFF",
            ymFontColor:'#FFFFFF',
            ymBgColor:'#000000',
            ymHoverBgColor:'#00CCCC',
            arrowColor:"#FFFFFF",
            noThisMonthFontColor:'#9F9F9F',
            thisMonthFontColor:'#FFFFFF',
            thisMonthBgColor:'#000000',
            dateHoverFontColor:'#FFFFFF',
            dateHoverBgColor:'#00CCCC',
            tableBorder:'1px solid #FFFFFF',
            btnBorder:'0',
            btnBgColor:'#000000',
            btnFontColor:'#FFFFFF',
            btnHoverBgColor:'#00CCCC',
            btnHoverFontColor:'#FFFFFF'
        });
    });




   //  //    显示高级搜索,显示和隐藏内容
        $('.order_highsearch p').click(function(){
            $('.order_highsearch_box').toggle()
        })
 
    


</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/q1401792137/article/details/80597107
今日推荐