{% extends ‘base_user_center.html‘ %}
{% load static %}
{% block title %}天天生鲜-用户中心{% endblock title %}
{% block right_content %}
        <div class="right_content clearfix">
            {% csrf_token %}
                <h3 class="common_title2">全部订单</h3>
            {% for order in order_pages %}
                <ul class="order_list_th w978 clearfix">
                    <li class="col01">{{ order.create_time }}</li>
                    <li class="col02">订单号：{{ order.order_id }}</li>
                    <li class="col02 stress">{{ order.status }}</li>
                </ul>

                <table class="order_list_table w980">
                    <tbody>
                        <tr>
                            <td width="55%">
                                {% for order_sku in order.order_skus %}
                                    <ul class="order_goods_list clearfix">
                                    <li class="col01"><a href="{% url ‘goods:detail‘ order_sku.sku.id %}"><img src="{{ order_sku.sku.image.url }}" ></a></li>
                                    <li class="col02">{{ order_sku.sku.name }}<em>{{ order_sku.price }}元/{{ order_sku.sku.unite }}</em></li>
                                    <li class="col03">{{ order_sku.count }}</li>
                                    <li class="col04">{{ order_sku.amount }}元</li>
                                </ul>
                                {% endfor %}
                            </td>
                            <td width="15%">{{ order.total_price|add:order.transit_price }}(含运费：{{ order.transit_price }})元</td>
                            <td width="15%">{{ order.status }}</td>
                            <td width="15%"><a href="#" class="oper_btn" order_status="{{ order.order_status }}" order_id="{{ order.order_id }}">去付款</a></td>
                        </tr>
                    </tbody>
                </table>
            {% endfor %}

                <div class="pagenation">
                    {% if order_pages.has_previous %}
                        <a href="{% url ‘user:order‘ order_pages.previous_page_number %}"><上一页</a>
                    {% endif %}
                    {% for pindex in pages %}
                        {% if pindex == order_pages.number %}
                            <a href="{% url ‘user:order‘ pindex %}" class="active">{{ pindex }}</a>
                        {% else %}
                            <a href="{% url ‘user:order‘ pindex %}">{{ pindex }}</a>
                        {% endif %}
                    {% endfor %}
                    {% if order_pages.has_next %}
                        <a href="{% url ‘user:order‘ order_pages.next_page_number %}">下一页></a>
                    {% endif %}
                </div>
        </div>
{% endblock right_content %}
{% block bottomfiles %}
<script src="{% static ‘js/jquery-1.12.4.min.js‘ %}"></script>
<script>
    //    给去付款增加点击事件，向后台传递参数，通过验证后引导用户跳转到支付页面
    $(‘.oper_btn‘).click(function(){
        //    判断订单的支付状态，只有待支付才能付款
        var order_status = $(this).attr(‘order_status‘);
        if    (order_status == 1){
            //    准备参数： 订单id：order_id
            var order_id = $(this).attr(‘order_id‘);
            var csrf = $(‘input[name="csrfmiddlewaretoken"]‘).val();
            //    组织参数
            var context = {‘order_id‘:order_id,‘csrfmiddlewaretoken‘:csrf};
            //    ajax post请求，地址：/order/pay
            $.post(‘/order/pay‘,context,function(data){
                if (data.res == 3){
                    //    通过验证，引导用户跳转到支付页面
                    window.open(data.pay_url);
                }
                else{
                    //通过失败
                    alert(data.errmsg);
                }
            })

        }

    })
</script>

{% endblock bottomfiles %}