<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>学考无忧-我的订单</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css"/>
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css"/>
</head>
<body>
<div class="myorder_box">
<!-- 顶部 -->
<div class="order_top">
<a href="javascript:history.back(-1)">
<img src="__TMPL__/public/assets/images/left.png" alt=""/>
</a>
<p>我的订单</p>
</div>
<!-- 头部 -->
<div class="myor_title">
<ul>
<li class="<if condition='$state eq 0'>myor_title_active</if>">全部</li>
<li class="<if condition='$state eq 4'>myor_title_active</if>">待付款</li>
<li class="<if condition='$state eq 2'>myor_title_active</if>">待发货</li>
<li class="<if condition='$state eq 5'>myor_title_active</if>">已发货</li>
<li class="<if condition='$state eq 3'>myor_title_active</if>">已完成</li>
</ul>
</div>
<!-- 内容 -->
<div class="myorder_content">
<!-- 全部 -->
<div class="myorder_con1" style="display: block">
<foreach name="data" item="vo">
<div class="myorder_information dom_cancel_order_{$vo.id}" >
<!-- 订单 -->
<a href="{:url('order/get_one',array('id'=>$vo['id']))}">
<div class="myorder_the">
<p class="order_dan">订单号：{$vo.order_number}</p>
<div class="myorder_state1">
<if condition="$vo.state eq 4">
待付款
<elseif condition="$vo.state eq 2"/>
待发货
<elseif condition="$vo.state eq 5"/>
已发货
<elseif condition="$vo.state eq 3"/>
已完成
</if>
</div>
</div>
<ul class="order_newsUl myorder_border">
<foreach name="$vo.indent_goods" item="i_g">
<li>
<div class="order_newsImg">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""/>
</div>
<div class="order_newsCon">
<div class="order_newsTxt1 txt-cut">
{$i_g.book_name}
</div>
<div class="order_newsTxt2">×<span>{$i_g.number}</span></div>
<div class="order_newsTxt3">
<p class="de_topTxt1_1">￥<span>{$i_g.price}</span></p>
<p class="de_topTxt1_2">￥<span>{$i_g.pricing}</span></p>
</div>
</div>
</li>
</foreach>
<div class="my_ordera">
<span>共{:count($vo.indent_goods)}件商品 合计:</span>
<p>￥{$vo.money}</p>
</div>
</ul>
</a>
<!-- 时间/底部 -->
<div class="myorder_bottom">
<div class="myorder_bottom1">
<div class="myorder_bottom1Img">
<img src="__TMPL__/public/assets/images/52.png" alt=""/>
</div>
<p class="myorder_bottom1Txt">{:date('Y-m-d H:i:s',$vo['create_time'])}</p>
</div>
<div class="myorder_bottom2">
<if condition="$vo.state eq 4">
<div class="myorder_bottom2_1 cancel_order" data-id="{$vo.id}">取消订单</div>
<!--<a href="{:url('portal/pay/index',array('id'=>$vo['id']))}">-->
<div class="myorder_bottom2_2" data-id="{$vo.id}" onclick="is_my_salesman({$vo.id})">去支付</div>
<!--</a>-->
<elseif condition="$vo.state eq 2"/>
<!--<a href="w_Ypayment.html">-->
<!--<div class="myorder_bottom2_2">查看订单</div>-->
<!--</a>-->
<elseif condition="$vo.state eq 5"/>
<if condition="$vo.is_courier eq 2">
<a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}">
<div class="myorder_bottom2_2">查看物流</div>
</a>
</if>
<div class="myorder_bottom2_2 delivery" data-id="{$vo.id}">确认收货</div>
<elseif condition="$vo.state eq 3"/>
<!--<div class="myorder_bottom2_2">去评价</div>-->
</if>
</div>
</div>
</div>
</foreach>
</div>
<!-- 待付款 -->
<div class="myorder_con1">
<foreach name="data" item="vo">
<if condition="$vo.state eq 4">
<div class="myorder_information dom_cancel_order_{$vo.id}" >
<!-- 订单 -->
<a href="{:url('order/get_one',array('id'=>$vo['id']))}">
<div class="myorder_the">
<p class="order_dan">订单号：{$vo.order_number}</p>
<div class="myorder_state1">
<if condition="$vo.state eq 4">
待付款
<elseif condition="$vo.state eq 2"/>
待发货
<elseif condition="$vo.state eq 5"/>
已发货
<elseif condition="$vo.state eq 3"/>
已完成
</if>
</div>
</div>
<ul class="order_newsUl myorder_border">
<foreach name="$vo.indent_goods" item="i_g">
<li>
<div class="order_newsImg">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""/>
</div>
<div class="order_newsCon">
<div class="order_newsTxt1 txt-cut">
{$i_g.book_name}
</div>
<div class="order_newsTxt2">×<span>{$i_g.number}</span></div>
<div class="order_newsTxt3">
<p class="de_topTxt1_1">￥<span>{$i_g.price}</span></p>
<p class="de_topTxt1_2">￥<span>{$i_g.pricing}</span></p>
</div>
</div>
</li>
</foreach>
<div class="my_ordera">
<span>共{:count($vo.indent_goods)}件商品 合计:</span>
<p>￥{$vo.money}</p>
</div>
</ul>
</a>
<!-- 时间/底部 -->
<div class="myorder_bottom">
<div class="myorder_bottom1">
<div class="myorder_bottom1Img">
<img src="__TMPL__/public/assets/images/52.png" alt=""/>
</div>
<p class="myorder_bottom1Txt">{:date('Y-m-d H:i:s',$vo['create_time'])}</p>
</div>
<div class="myorder_bottom2">
<if condition="$vo.state eq 4">
<div class="myorder_bottom2_1 cancel_order" data-id="{$vo.id}">取消订单</div>
<!--<a href="{:url('portal/pay/index',array('id'=>$vo['id']))}">-->
<div class="myorder_bottom2_2" data-id="{$vo.id}" onclick="is_my_salesman({$vo.id})">去支付</div>
<!--</a>-->
<elseif condition="$vo.state eq 2"/>
<!--<a href="w_Ypayment.html">-->
<!--<div class="myorder_bottom2_2">查看订单</div>-->
<!--</a>-->
<elseif condition="$vo.state eq 5"/>
<a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}">
<div class="myorder_bottom2_2">查看物流</div>
</a>
<div class="myorder_bottom2_2 delivery" data-id="{$vo.id}">确认收货</div>
<elseif condition="$vo.state eq 3"/>
<!--<div class="myorder_bottom2_2">去评价</div>-->
</if>
</div>
</div>
</div>
</if>
</foreach>
</div>
<!-- 待发货 -->
<div class="myorder_con1">
<foreach name="data" item="vo">
<if condition="$vo.state eq 2">
<div class="myorder_information dom_cancel_order_{$vo.id}" >
<!-- 订单 -->
<a href="{:url('order/get_one',array('id'=>$vo['id']))}">
<div class="myorder_the">
<p class="order_dan">订单号：{$vo.order_number}</p>
<div class="myorder_state1">
<if condition="$vo.state eq 4">
待付款
<elseif condition="$vo.state eq 2"/>
待发货
<elseif condition="$vo.state eq 5"/>
已发货
<elseif condition="$vo.state eq 3"/>
已完成
</if>
</div>
</div>
<ul class="order_newsUl myorder_border">
<foreach name="$vo.indent_goods" item="i_g">
<li>
<div class="order_newsImg">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""/>
</div>
<div class="order_newsCon">
<div class="order_newsTxt1 txt-cut">
{$i_g.book_name}
</div>
<div class="order_newsTxt2">×<span>{$i_g.number}</span></div>
<div class="order_newsTxt3">
<p class="de_topTxt1_1">￥<span>{$i_g.price}</span></p>
<p class="de_topTxt1_2">￥<span>{$i_g.pricing}</span></p>
</div>
</div>
</li>
</foreach>
<div class="my_ordera">
<span>共{:count($vo.indent_goods)}件商品 合计:</span>
<p>￥{$vo.money}</p>
</div>
</ul>
</a>
<!-- 时间/底部 -->
<div class="myorder_bottom">
<div class="myorder_bottom1">
<div class="myorder_bottom1Img">
<img src="__TMPL__/public/assets/images/52.png" alt=""/>
</div>
<p class="myorder_bottom1Txt">{:date('Y-m-d H:i:s',$vo['create_time'])}</p>
</div>
<div class="myorder_bottom2">
<if condition="$vo.state eq 4">
<div class="myorder_bottom2_1 cancel_order" data-id="{$vo.id}">取消订单</div>
<a href="{:url('portal/pay/index',array('id'=>$vo['id']))}">
<div class="myorder_bottom2_2" data-id="{$vo.id}">去支付</div>
</a>
<elseif condition="$vo.state eq 2"/>
<!--<a href="w_Ypayment.html">-->
<!--<div class="myorder_bottom2_2">查看订单</div>-->
<!--</a>-->
<elseif condition="$vo.state eq 5"/>
<a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}">
<div class="myorder_bottom2_2">查看物流</div>
</a>
<div class="myorder_bottom2_2 delivery" data-id="{$vo.id}">确认收货</div>
<div class="myorder_bottom2_2 delivery">确认收货</div>
<elseif condition="$vo.state eq 3"/>
<!--<div class="myorder_bottom2_2">去评价</div>-->
</if>
</div>
</div>
</div>
</if>
</foreach>
</div>
<!-- 已发货 -->
<div class="myorder_con1">
<foreach name="data" item="vo">
<if condition="$vo.state eq 5">
<div class="myorder_information dom_cancel_order_{$vo.id}" >
<!-- 订单 -->
<a href="{:url('order/get_one',array('id'=>$vo['id']))}">
<div class="myorder_the">
<p class="order_dan">订单号：{$vo.order_number}</p>
<div class="myorder_state1">
<if condition="$vo.state eq 4">
待付款
<elseif condition="$vo.state eq 2"/>
待发货
<elseif condition="$vo.state eq 5"/>
已发货
<elseif condition="$vo.state eq 3"/>
已完成
</if>
</div>
</div>
<ul class="order_newsUl myorder_border">
<foreach name="$vo.indent_goods" item="i_g">
<li>
<div class="order_newsImg">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""/>
</div>
<div class="order_newsCon">
<div class="order_newsTxt1 txt-cut">
{$i_g.book_name}
</div>
<div class="order_newsTxt2">×<span>{$i_g.number}</span></div>
<div class="order_newsTxt3">
<p class="de_topTxt1_1">￥<span>{$i_g.price}</span></p>
<p class="de_topTxt1_2">￥<span>{$i_g.pricing}</span></p>
</div>
</div>
</li>
</foreach>
<div class="my_ordera">
<span>共{:count($vo.indent_goods)}件商品 合计:</span>
<p>￥{$vo.money}</p>
</div>
</ul>
</a>
<!-- 时间/底部 -->
<div class="myorder_bottom">
<div class="myorder_bottom1">
<div class="myorder_bottom1Img">
<img src="__TMPL__/public/assets/images/52.png" alt=""/>
</div>
<p class="myorder_bottom1Txt">{:date('Y-m-d H:i:s',$vo['create_time'])}</p>
</div>
<div class="myorder_bottom2">
<if condition="$vo.state eq 4">
<div class="myorder_bottom2_1 cancel_order" data-id="{$vo.id}">取消订单</div>
<!--<a href="{:url('portal/pay/index',array('id'=>$vo['id']))}">-->
<div class="myorder_bottom2_2" data-id="{$vo.id}" >去支付</div>
<!--</a>-->
<elseif condition="$vo.state eq 2"/>
<!--<a href="w_Ypayment.html">-->
<!--<div class="myorder_bottom2_2">查看订单</div>-->
<!--</a>-->
<elseif condition="$vo.state eq 5"/>
<if condition="$vo.is_courier eq 2">
<a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}">
<div class="myorder_bottom2_2">查看物流</div>
</a>
</if>
<div class="myorder_bottom2_2 delivery" data-id="{$vo.id}">确认收货</div>
<elseif condition="$vo.state eq 3"/>
<!--<div class="myorder_bottom2_2">去评价</div>-->
</if>
</div>
</div>
</div>
</if>
</foreach>
</div>
<!-- 已完成 -->
<div class="myorder_con1">
<foreach name="data" item="vo">
<if condition="$vo.state eq 3">
<div class="myorder_information dom_cancel_order_{$vo.id}" >
<!-- 订单 -->
<a href="{:url('order/get_one',array('id'=>$vo['id']))}">
<div class="myorder_the">
<p class="order_dan">订单号：{$vo.order_number}</p>
<div class="myorder_state1">
<if condition="$vo.state eq 4">
待付款
<elseif condition="$vo.state eq 2"/>
待发货
<elseif condition="$vo.state eq 5"/>
已发货
<elseif condition="$vo.state eq 3"/>
已完成
</if>
</div>
</div>
<ul class="order_newsUl myorder_border">
<foreach name="$vo.indent_goods" item="i_g">
<li>
<div class="order_newsImg">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""/>
</div>
<div class="order_newsCon">
<div class="order_newsTxt1 txt-cut">
{$i_g.book_name}
</div>
<div class="order_newsTxt2">×<span>{$i_g.number}</span></div>
<div class="order_newsTxt3">
<p class="de_topTxt1_1">￥<span>{$i_g.price}</span></p>
<p class="de_topTxt1_2">￥<span>{$i_g.pricing}</span></p>
</div>
</div>
</li>
</foreach>
<div class="my_ordera">
<span>共{:count($vo.indent_goods)}件商品 合计:</span>
<p>￥{$vo.money}</p>
</div>
</ul>
</a>
<!-- 时间/底部 -->
<div class="myorder_bottom">
<div class="myorder_bottom1">
<div class="myorder_bottom1Img">
<img src="__TMPL__/public/assets/images/52.png" alt=""/>
</div>
<p class="myorder_bottom1Txt">{:date('Y-m-d H:i:s',$vo['create_time'])}</p>
</div>
<div class="myorder_bottom2">
<if condition="$vo.state eq 4">
<div class="myorder_bottom2_1 cancel_order" data-id="{$vo.id}">取消订单</div>
<a href="{:url('portal/pay/index',array('id'=>$vo['id']))}">
<div class="myorder_bottom2_2" data-id="{$vo.id}">去支付</div>
</a>
<elseif condition="$vo.state eq 2"/>
<!--<a href="w_Ypayment.html">-->
<!--<div class="myorder_bottom2_2">查看订单</div>-->
<!--</a>-->
<elseif condition="$vo.state eq 5"/>
<a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}">
<div class="myorder_bottom2_2">查看物流</div>
</a>
<div class="myorder_bottom2_2 delivery" data-id="{$vo.id}">确认收货</div>
<div class="myorder_bottom2_2 delivery">确认收货</div>
<elseif condition="$vo.state eq 3"/>
<!--<div class="myorder_bottom2_2">去评价</div>-->
</if>
</div>
</div>
</div>
</if>
</foreach>
</div>
</div>
</div>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script>
/**
*去支付之前判断物品是否为上级业务员的所卖的书
*/
function is_my_salesman(id){
$.post("{:url('Order/is_my_salesman')}",{indent_id:id},function(data){
if(data){
window.location.href = "{:url('portal/pay/index')}?id="+id;
}else{
alert('不再此区域销售');
}
});
}
</script>
<script>
function load() {
var index = $(".myor_title ul li").index($('.myor_title_active'));
$(".myorder_con1").eq(index).show().siblings().hide();
}
$(function () {
load();
// myor_title_active
$(".myor_title ul li").click(function () {
console.log($(this));
$(this)
.addClass("myor_title_active")
.siblings()
.removeClass("myor_title_active");
var index = $(this).index();
$(".myorder_con1")
.eq(index)
.show()
.siblings()
.hide();
});
$('.cancel_order').click(function () {
var indent_id = $(this).attr('data-id');
$.ajax({
url: "{:url('portal/order/cancel_order')}",
type: "POST",
data: {'id': indent_id},
success: function (data) {
if (data.code == 1) {
$('.dom_cancel_order_' + indent_id).remove();
alert('取消成功！')
} else {
alert('出错啦，请稍后再试！')
}
},
error: function (data) {
alert('与服务器断开连接');
}
})
})
$("body").on('click','.delivery',function(){
var index = $(".myor_title ul li").index($('.myor_title_active'));
var indent_id = $(this).attr('data-id');
console.log(indent_id);
$.ajax({
url:"{:url('portal/order/delivery')}",
type:"GET",
data:{"indent_id":indent_id},
success:function(res){
if(res.code == 1){
var data = res.data;
var indent_goods = "";
$(data.indent_goods).each(function(key,vo){
indent_goods += "<li>\n" +
" <div class=\"order_newsImg\">\n" +
" <img src=\""+vo.thumbnail+"\" alt=\"\"/>\n" +
" </div>\n" +
" <div class=\"order_newsCon\">\n" +
" <div class=\"order_newsTxt1 txt-cut\">\n" +
" "+vo.book_name+"\n" +
" </div>\n" +
" <div class=\"order_newsTxt2\">×<span>"+vo.number+"</span></div>\n" +
" <div class=\"order_newsTxt3\">\n" +
" <p class=\"de_topTxt1_1\">￥<span>"+vo.price+"</span></p>\n" +
" <p class=\"de_topTxt1_2\">￥<span>"+vo.pricing+"</span></p>\n" +
" </div>\n" +
" </div>\n" +
" </li>";
});
var length = data.indent_goods.length;
var html = "<div class=\"myorder_information dom_cancel_order_"+data.id+"\" >\n" +
" <!-- 订单 -->\n" +
" <a href=\"{:url('order/get_one','',false,true)}/id/"+data.id+"\">\n" +
" <div class=\"myorder_the\">\n" +
" <p class=\"order_dan\">订单号："+data.order_number+"</p>\n" +
" <div class=\"myorder_state1\">\n" +
" 已完成\n" +
" </div>\n" +
" </div>\n" +
" <ul class=\"order_newsUl myorder_border\">"+indent_goods+"\n" +
" <div class=\"my_ordera\">\n" +
" <span>共"+length+"件商品 合计:</span>\n" +
" <p>￥"+data.money+"</p>\n" +
" </div>\n" +
" </ul>\n" +
" </a>\n" +
" <!-- 时间/底部 -->\n" +
" <div class=\"myorder_bottom\">\n" +
" <div class=\"myorder_bottom1\">\n" +
" <div class=\"myorder_bottom1Img\">\n" +
" <img src=\"__TMPL__/public/assets/images/52.png\" alt=\"\"/>\n" +
" </div>\n" +
" <p class=\"myorder_bottom1Txt\">"+data.create_time+"</p>\n" +
" </div>\n" +
" <div class=\"myorder_bottom2\">\n" +
" </div>\n" +
" </div>\n" +
" </div>";
$('.myorder_con1').eq(4).prepend(html);
$('.myorder_con1').eq(index).find('.dom_cancel_order_' + indent_id).remove();
alert('收货成功')
}else{
alert('出错啦，请稍后再试！')
}
},
error:function(){
alert('与服务器断开连接')
}
})
})
})
</script>
</body>
</html>