order_detail.html 9.48 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
    <title>订单流程-采购单详情</title>
    <link rel="stylesheet" href="../css/style/common.css">
    <link rel="stylesheet" href="../css/style/order_detail.css">
    <!-- base seajs -->
    <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
    <!-- base jquery -->
    <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>
</head>

<body class="orderDetail">
    <div class="m-page">
        <header class="m-header">
            <div class="head">
                <a href="#" class="lt-bar m-icon icon-back white">完成</a>
                <h1>采购单详情</h1>
                <a href="#cancelOrderPop" class="rt-bar text" data-popup="center" id="cancelOrder">取消采购单</a>
            </div>
        </header>
        <section class="m-content">
            <ul class="m-table-view status">
                <li class="cell text-center"><span class="title float-none">状态:待备货</span>
                </li>
                <li class="cell text-left"><span class="text text-left">尊敬的用户您好,您的订单已经生成,请在2015-1-4 11:29:20时间前完成支付,若未支付系统将自动取消订单。如有任何疑问请咨询客服电话: 0451-86668574</span>
                </li>
            </ul>
            <ul class="m-table-view detail">
                <li class="cell text-left"><span class="title">采购单号:</span><span class="text text-left">1000000000210310</span>
                </li>
                <li class="cell text-left">
                    <ul class="m-table-view">
                        <li class="cell text-left"><span class="title">订单总额:</span><span class="text text-left"><em class="font-red">12000元</em></span>
                        </li>
                        <li class="cell text-left"><span class="title">优惠金额:</span><span class="text text-left">20元</span>
                        </li>
                        <li class="cell text-left"><span class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费:</span><span class="text text-left">80元</span>
                        </li>
                        <li class="cell text-left"><span class="title">实付金额:</span><span class="text text-left"><em class="font-red">12060元</em></span>
                        </li>
                    </ul>
                </li>
                <li class="cell text-left">
                    <ul class="m-table-view">
                        <li class="cell text-left"><span class="title">&nbsp;&nbsp;&nbsp;&nbsp;人:</span><span class="text text-left money">张三 13882022987</span>
                        </li>
                        <li class="cell text-left"><span class="title">配送方式:</span><span class="text text-left">张三</span>
                        </li>
                        <li class="cell text-left"><span class="title">收货地点:</span><span class="text text-left">13808008000</span>
                        </li>
                        <li class="cell text-left"><span class="title">提货地址:</span><span class="text text-left">四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场四川聚合农贸市场</span>
                        </li>
                    </ul>
                </li>
                <li class="cell text-left"><span class="title">买家留言:</span><span class="text text-left">我明天5点过来</span>
                </li>
            </ul>
            <!-- 
            <ul class="m-table-view other-market">
                <li class="cell text-left"><span class="title">您可以在以下批发市场支付</span>
                </li>
                <li class="cell text-left"><span class="title">提货地点:</span><span class="text text-left">贵阳地利农产品物流园</span>
                </li>
                <li class="cell text-left"><span class="title">提货地址:</span><span class="text text-left">石板镇天河大道1号</span>
                </li>
                <li class="cell text-left"><span class="title">联系人:</span><span class="text text-left">李四</span>
                </li>
                <li class="cell text-left"><span class="title">联系电话:</span><span class="text text-left">13808008000</span>
                </li>
                <li class="cell text-left"><span class="text text-left tips">注:在批发市场付款时需要告知服务人员您的采购单号,建议将采购单号发送到手机保存。</span>
                </li>
            </ul> -->
            <ul class="m-table-view">
                <li class="cell cell-basic clearfix">
                    <h3 class="title shop-name">店铺:大力水手菠菜店</h3>
                    <a href="tel:13800138000" class="text m-btn">立即联系</a>
                </li>
                <li class="cell cell-extend-pic">
                    <img src="../temp/pic_fq@2x.png" alt="" class="pic">
                    <h3 class="title">西红柿 产地山东潍坊市提货点山东寿光农产品交易市场</h3>
                    <p class="detail">属性:青丝茄子,成都聚合
                        <br>服务:保险预冷,理货包装,物流配送</p>
                    <span class="text">4.3元/斤 <em>x100</em></span>
                </li>
            </ul>
            <ul class="m-table-view service">
                <li class="cell text-left clearfix"><span class="title">您可以购买的地利服务</span>
                </li>
                <li class="cell acc-icon"><span class="title">物流配送服务</span><span class="text">已申请</span>
                </li>
                <li class="cell acc-icon"><span class="title">保险预冷服务</span><span class="text">立即申请</span>
                </li>
                <li class="cell acc-icon"><span class="title">理货包装服务</span><span class="text">立即申请</span>
                </li>
            </ul>
            <ul class="m-table-view service">
                <li class="cell acc-icon"><a href="refund.html" class="clearfix"><span class="title">申请退款</span></a>
                </li>
            </ul>
            <span class="m-more is-commented">已评价</span>
        </section>
        <footer class="m-footer">
            <span class="m-btn btn-success">将交易识别码发送到手机(免费)</span>
        </footer>
    </div>
    <div class="m-popup" id="cancelOrderPop">
        <div class="popup-head">
            <h1>是否取消采购单?请选择原因</h1>
        </div>
        <div class="popup-cont">
            <ul class="m-table-view">
                <li class="cell">
                    <label><span class="title">我不想要了</span><span class="text"><input type="radio" name="reason" class="m-radio" checked="checked"></span>
                    </label>
                </li>
                <li class="cell">
                    <label>
                        <span class="title">重复下单</span><span class="text"><input type="radio" name="reason" class="m-radio"></span>
                    </label>
                </li>
                <li class="cell">
                    <label>
                        <span class="title">其它</span><span class="text"><input type="radio" name="reason" class="m-radio"></span>
                    </label>
                </li>
            </ul>
        </div>
        <div class="popup-foot">
            <a href="#cancelOrderPop" class="m-btn close" data-dismiss></a>
            <a href="#cancelOrderPop" class="m-btn close" data-dismiss></a>
        </div>
    </div>

    <div class="m-popup" id="delayPickupPop">
        <div class="popup-head">
            <h1>延期提货</h1>
        </div>
        <div class="popup-cont">
            <p class="">您的延期提货申请已受理,请于 <span class="font-red">2014-05-12 12:12:12</span> 确认提货,过期平台将把资金自动结算给销售商!</p>
        </div>
        <div class="popup-foot">
            <a href="#delayPickupPop" class="m-btn close" data-dismiss>确定</a>
        </div>
    </div>

    <script src="../js/javascript/common/popup.js"></script>
    <script src="../js/javascript/common/config.js"></script>
    <script>
        seajs.use(['../js/javascript/common/popup', '../js/javascript/order/success']);
    </script>
    <script>
    $(function() {
        $('.tabs').on('click', 'li', function(e) {
            e.preventDefault();
            $(this).addClass('on').siblings().removeClass('on');
            $('.targets').children().eq($(this).index()).removeClass('m-hide').siblings().addClass('m-hide');
        });
    });
    </script>
</body>

</html>