nizongfeng
/
ZZCS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <title>自我游酒店订单列表</title>
    <link rel="stylesheet" type="text/css" href="./css/ace.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css"/>
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/daterangepicker.css"/>
    <link rel="stylesheet" type="text/css" href="./css/datepicker.css"/>
    <link rel="stylesheet" type="text/css" href="./css/master.css">
    <link rel="stylesheet" href="css/new_page.css"/>
    <link rel="stylesheet" type="text/css" href="./css/combo.select.css"/>
    <style>

        .main_style {
            width: 500px;
            height: 500px;
            border: solid 1px #CCCCCC;
        }

        .frist_style {
            width: 497px;
            height: 50px;
            background-color: #F2F2F2;
        }

        .frist_style_chinese {
            vertical-align: top;
            display: inline-block;
            height: 50px;
            width: 435px;
            line-height: 50px;
            font-family: "微软雅黑";
            margin-left: 15px;
        }

        .frist_style_cha {
            display: inline-block;
            height: 50px;
            width: 46px;
        }

        .frist_style_cha img {
            width: 20px;
            height: 20px;
            margin-top: 15px;
            margin-left: 15px;
        }

        .second_style {
            width: 500px;
            height: 450px;
        }

        .second_style_frist {
            width: 500px;
            height: 30px;
            margin-top: 10px;
        }

        .second_style_main {
            width: 100px;
            height: 30px;
            margin-left: -15px;
            text-align: right;
            display: inline-block;
            line-height: 30px;
            vertical-align: top;
        }

        .second_style_next {
            display: inline-block;
            width: 280px;
            height: 30px;
            margin-left: 5px;
            line-height: 30px;
        }

        .combo-select {
            border: none;
        }

        .table {
            max-width: none !important;
        }

    </style>
</head>
<body style="font-size: 12px;">
<!--<div class="navbar navbar-default" style="margin-bottom: 0px;width: 1920px;">
    <div class="navbar-header ">
        <a href="#" class="navbar-brand">
            <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span
                id="version_txt"></span></sub>
        </a>
    </div>
</div>
<div class="warp clearfix" id="show_html" style="display: none;width: 1920px;">
    <div class="control-show" style="float: left;width: 100%">-->
<div style="margin-top: 20px;margin-left: 20px">
    <!--最上一栏-->
    <div>
        <span style="display: inline-block;">日期选择：</span>
        <select style="width: 100px; height: 30px; margin-top: 5px;margin-left: 5px;display: inline-block;cursor: pointer"
                id="date_type">
            <!--<option value="0" selected="selected" style="font-size: 12px;">所有日期</option>-->
            <option value="1" selected="selected" style="font-size: 12px;">预订日期</option>
            <option value="2" style="font-size: 12px;">入住日期</option>
            <option value="3" style="font-size: 12px;">离店日期</option>
        </select>
        <input type="text" id="start_date" class="Wdate"
               style="height: 30px; width: 100px;display: inline-block"
               name="begin"
               onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
        <span>-</span>
        <input type="text" id="end_date" class="Wdate" style="height: 30px; width: 100px;display: inline-block"
               name="end"
               onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
        <!--<span id="yesterday" class="btn"
              style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
              onclick="">昨日</span>
        <span id="today" class="btn"
              style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">今日</span>
        <span id="thisweek" class="btn"
              style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">本周</span>
        <span id="thismonth" class="btn"
              style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">本月</span>-->
        <span style="display: inline-block; margin-top: 5px;;margin-left: 30px">酒店名称：</span>
        <input type="text" id="hotel_name" placeholder="酒店名称"
               style="width: 100px; height: 30px;font-size: 12px"/>
    </div>
    <!--状态栏-->
    <div style="margin-top: 20px">
        <span style="display: inline-block;">订单渠道：</span>
        <input id="org_name" type="text"
               style="height: 30px; width: 200px;display: inline-block;font-size: 12px;margin-left: 5px"
               placeholder="订单渠道"/>
        <span style="display: inline-block;">订单号：</span>
        <input id="order_id" type="text"
               style="height: 30px; width: 200px;display: inline-block;font-size: 12px;margin-left: 5px"
               placeholder="订单号"/>
        <span id="search" class="btn"
              style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
              onclick="search();">查询
                </span>
        <span class="btn"
              style="font-size: 12px;width: 100px; padding: 3px;display: inline-block;margin-left: 5px;"
              onclick="excel();">导出订单信息</span>
    </div>
    <!--表单-->
    <div style="margin-top: 20px;margin-right: 20px;">
        <div>

        </div>
        <div class="pageDiv"></div>
        <table id="table" class="table table-striped table-bordered table-hover" style="width: 100%;">
            <thead>
            <tr style="color: rgba(0, 0, 3, 0.7)">
                <th>订单编号</th>
                <th>母订单编号</th>
                <th>预订日期</th>
                <th>入住日期</th>
                <th>离店日期</th>
                <th>客人姓名</th>
                <th>客人手机号</th>
                <th>预订产品</th>
                <th>间夜数</th>
                <th>订单金额</th>
                <th>采购成本</th>
                <th>支付方式</th>
                <th>支付日期</th>
                <th>毛利</th>
                <th>产品编号</th>
                <th>产品名称</th>
                <!--</tr>-->
                <!--<tr style="color: rgba(0, 0, 3, 0.37)">-->
                <th>订单项目</th>
                <th>产品数量</th>
                <th>销售单价</th>
                <th>采购单价</th>
                <th>状态</th>
                <th>地区</th>
                <th>跟单客服</th>
                <th>订单渠道</th>
                <th>渠道订单号</th>
                <th>供应商</th>
                <th>采购人</th>
                <th>供应商订单ID</th>
                <th>票号确认号</th>
                <th>内部备注</th>
                <th>备注</th>
            </tr>
            </thead>
            <tbody id="order_list" style="display: none">
            <tr id="tr_order_1" style="color: rgba(0, 0, 3, 0.7)">
                <td rowspan="[rowM]">[order_id]</td>
                <td rowspan="[rowM]">[parent_order_id]</td>
                <td rowspan="[rowM]">[book_time]</td>
                <td rowspan="[rowM]">[start_time]</td>
                <td rowspan="[rowM]">[end_time]</td>
                <td rowspan="[rowM]">[contact_name]</td>
                <td rowspan="[rowM]">[contact_phone]</td>
                <td rowspan="[rowM]" style="width: 150px;">[order_content]</td>
                <td rowspan="[rowM]">[amount]</td>
                <td rowspan="[rowM]">[total_price]</td>
                <td rowspan="[rowM]">[cg_total_price]</td>
                <td rowspan="[rowM]">[receipt_type]</td>
                <td rowspan="[rowM]">[receipt_time]</td>
                <td rowspan="[rowM]">[gy_profit]</td>
                <td>[prod_id]</td>
                <td>[prod_name]</td>
                <td>[order_project]</td>
                <td>[prod_num]</td>
                <td>[fx_price]</td>
                <td>[cg_price]</td>
                <td rowspan="[rowM]">[status]</td>
                <td rowspan="[rowM]">[area]</td>
                <td rowspan="[rowM]">[write_user]</td>
                <td rowspan="[rowM]">[fx_code]</td>
                <td rowspan="[rowM]">[fx_order_id]</td>
                <td rowspan="[rowM]">[gy_code]</td>
                <td rowspan="[rowM]">[gy_man]</td>
                <td rowspan="[rowM]">[gy_order_id]</td>
                <td rowspan="[rowM]">[ticket_verify_id]</td>
                <td rowspan="[rowM]">[inside_comment]</td>
                <td rowspan="[rowM]">[comment]</td>
            </tr>
            <tr id="tr_order_2" style="color: rgba(0, 0, 3, 0.7)">
                <td>[prod_id]</td>
                <td>[prod_name]</td>
                <td>[order_project]</td>
                <td>[prod_num]</td>
                <td>[fx_price]</td>
                <td>[cg_price]</td>
            </tr>
            </tbody>
        </table>
        <div class="pageDiv"></div>
    </div>
</div>
<!--</div>
</div>-->
</body>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="js/htCommon.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<!--<script type="text/javascript" src="js/xm.js"></script>-->
<!--<script src="js/master.js" type="text/javascript" charset="utf-8"></script>-->
<script src="js/jquery.combo.select.js" type="text/javascript" charset="utf-8"></script>
<!--<script>
    login();
</script>-->
<script type="text/javascript">
    var current = 1;
    var page_size = 15;
    var tr_order_str_1 = $('#tr_order_1').prop('outerHTML');//获取tr1中所有的字符串
    var tr_order_str_2 = $('#tr_order_2').prop('outerHTML');//获取tr2中所有的字符串
    $(document).ready(function () {
        //昨日日期
        $('#yesterday').bind('click', function () {
            $("#start_date").val(getDateTime(10));
            $("#end_date").val(getDateTime(10));
            search(1);
        });
        //今日日期
        $('#today').bind('click', function () {

            $("#start_date").val(getDateTime(0));
            $("#end_date").val(getDateTime(0));
            search(1);

        });
        //本周日期
        $('#thisweek').bind('click', function () {
            $("#start_date").val(after(getDateTime(12)));
            $("#end_date").val(after(getDateTime(13)));
            search(1);

        });
        //本月日期
        $('#thismonth').bind('click', function () {
            $("#start_date").val(getDateTime(14));
            $("#end_date").val(getDateTime(15));
            search(1);

        });
    });
    $("#start_date").val(getDateByDay(-3, getDateTime(0)));
    start_date = getDateByDay(-3, getDateTime(0));
    $("#end_date").val(getDateTime(0));
    end_date = getDateTime(0);
    function search(page) {
        var param = {
            op: 'getOrderList',
            date_type: $('#date_type').val(),
            start_date: $('#start_date').val(),
            end_date: $('#end_date').val(),
            hotel_name: $('#hotel_name').val(),
            org_name: $('#org_name').val(),
            order_id: $('#order_id').val(),
            current: page,
        };
        var url = base_api + "?type=order_ZwyOrderList";
        $.getJSON(url, param, function (data) {
            if (data['code']) {
                alert(data['info']);
            } else {
                current = data['current'];
                $(".pageDiv").createPage({
                    pageCount: data['total_page'],//总页数
                    current: current,//当前页
                    turndown: 'true',//是否显示跳转框，显示为true，不现实为false,一定记得加上引号...
                    backFn: function (p) {
                        current = p;
                        search(p);
                    }
                });
                $('.pageDiv').show();
                setDataBody(data);
            }
        });
    }
    function setDataBody(data) {
        var order_list = data['order_list'];
        var comHTML = '';
        var rowM = '';
        for (var i = 0; i < order_list.length; i++) {
            var dict = order_list[i];
            if (dict['order_id'] != rowM) {
                var HTML = tr_order_str_1;
                rowM = dict['order_id'];
                HTML = HTML.replace(/\[rowM\]/g, dict['cnt'] === null ? 1 : dict['cnt']);
            } else {
                var HTML = tr_order_str_2;
            }

            for (var key in dict) {
                HTML = HTML.replace('[' + key + ']', dict[key] === null ? '-' : dict[key]);
            }
            comHTML += HTML;
        }
        $('#order_list').html(comHTML);
        $('#order_list').show();
    }
    //导出数据导excel
    function excel() {
        var param = {
            date_type: $('#date_type').val(),
            start_date: $('#start_date').val(),
            end_date: $('#end_date').val(),
            hotel_name: $('#hotel_name').val(),
            org_name: $('#org_name').val(),
            order_id: $('#order_id').val(),
        };
        var toUrl = "/zz-jd/st-ht/HTcontrol.php?type=order_ZwyOrderList&op=excel&date_type=" +
            param['date_type'] + "&start_date=" + param['start_date'] + "&end_date=" + param['end_date'] + "&hotel_name=" + param['hotel_name']
            + "&org_name=" + param['org_name'] + "&order_id=" + param['order_id'];

        var name = 'add';                            //网页名称，可为空;
        var iWidth = 400;                          //弹出窗口的宽度;
        var iHeight = 200;                         //弹出窗口的高度;
        //获得窗口的垂直位置
        var iTop = (window.screen.availHeight - 30 - iHeight) / 3;
        //获得窗口的水平位置
        var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
        win = window.open(toUrl, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
        win.document.title = "导出excel中，导出较慢，请耐心等候。。。";
    }
    search(1);
</script>
</html>