{include file="./app/home/view/web/common_head.html" /}
<div class="user-info">
    <div class="center">
        <div class="menu">
            <ul>
                <li><a href="{:url('user/index/index')}">会员信息</a></li>
                <li><a href="{:url('set/repass')}">密码管理</a></li>
                <li><a href="{:url('index/service')}">售后服务</a></li>
                <li><a href="{:url('index/address')}">收货地址</a></li>
                <li class="active"><a href="{:url('order/index')}">我的订单</a></li>
                <li><a href="{:url('cart/index')}">购物车</a></li>
            </ul>
        </div>
        <div class="pos">我的订单</div>
        <div class="main cart order">
            <div class="order-top">
                <form action="">
                <ul class="order-menu">
                    <li {if condition="null eq $_GET['status']"}class="active"{/if}><a href="{:url('user/order/index')}">全部订单</a></li>
                    <li {if condition="'0' heq $_GET['status']"}class="active"{/if}><a href="{:url('user/order/index')}?status=0">待付款</a></li>
                    <li {if condition="3 eq $_GET['status']"}class="active"{/if}><a href="{:url('user/order/index')}?status=3">待收货</a></li>
                    <li {if condition="2 eq $_GET['status']"}class="active"{/if}><a href="{:url('user/order/index')}?status=2">待评价</a></li>
                </ul>
                <div class="order-search right">
                    <input type="text" name="search" placeholder="商品名/编号/订单号" value="{$_GET['search']}" autocomplete="off">
                    <button>搜索</button>
                </div>
                </form>
            </div>
            <div class="public-title">订单列表
                <div class="right"><!--<a href="">删除选中订单</a><span>全选</span><input type="checkbox" id="all"><label for="all"></label>--></div>
            </div>
            <table class="order-list">
                <tr class="order-list-title">
                    <th width="360">商品</th>
                    <th width="280">订单详情</th>
                    <th width="100">收货人</th>
                    <th width="100">金额</th>
                    <th width="100">状态</th>
                    <th width="180">操作</th>
                    <th width="80"></th>
                </tr>
                {volist name="list" id="vo"}
                <?php $product = json_decode($vo['productlist'], true); $address = json_decode($vo['address'], true);?>
                <tr class="list">
                    <td>
                        <img src="{:imgUrl($product[0]['thumb'])}" alt="{$vo.name}">
                        <a href="javascript:;" target="_blank" style="cursor: auto ">{$vo.name}</a>
                    </td>
                    <td class="order-info">
                        <p>{$vo.sn}</p>
                        <p>{:date("Y/m/d", $vo.createtime)}</p>
                        <p>{:toCity($address.province)}{:toCity($address.city)}{:toCity($address.district)}{$address.address}</p>
                    </td>
                    <td>{$address.name}</td>
                    <td>￥{$vo.amount}</td>
                    <td class="order-status">
                        <span>
                            {if condition="'cash' eq $vo['pay_type'] and ((2 neq $vo['status']) and (99 neq $vo['status']))"}
                            货到付款
                            {else}
                            {switch name="vo.status"}
                            {case value="0"}待付款{/case}
                            {case value="1"}已付款{/case}
                            {case value="3"}<a href="javascript:alert('{$vo.shipping}')" title="{$vo.shipping}">待收货</a>{/case}
                            {case value="2"}<a href="javascript:;" title="{$vo.shipping}">待评价</a>{/case}
                            {case value="99"}<a href="javascript:;" title="{$vo.shipping}">已完成</a>{/case}
                            {/switch}
                            {/if}
                        </span>
                    </td>
                    <td class="order-edit">
                        {switch name="vo.status"}
                        {case value="0"}<a href="{:url('user/order/pay')}?sn={$vo.sn}" >付款</a>/<a href="javascript:layer.confirm('确定要删除吗？', function(){location.href='{:url(\'user/order/del\')}?sn={$vo.sn}'})">删除</a>{/case}
                        {case value="3"}<a href="javascript:layer.confirm('确定要收货吗？', function(){location.href='{:url(\'user/order/confirm\')}?sn={$vo.sn}'})" >确认收货</a>{/case}
                        {case value="2"}<a href="{:url('user/order/comment')}?sn={$vo.sn}" >评价</a>{/case}
                        {/switch}
                    </td>
                    <td class="checkbox"><!--<input type="checkbox" id="cart{$vo.id}"><label for="cart{$vo.id}"></label>--></td>
                </tr>
                {/volist}
            </table>
            <div class="page">{$page}</div>
        </div>
    </div>
</div>
<script src="__HOME__/js/layui/layui.js"></script>
<script>
    /*layui.use(['form', 'layer'], function () {
     var form = layui.form, $ = layui.jquery;
     form.on('select(province)', function (data) {
     var pid = data.value;
     $.get("{:url('getRegion')}?pid=" + pid, function (data) {
     var html = '<option value="">请选择市</option>';
     $.each(data, function (i, value) {
     html += '<option value="' + value.id + '">' + value.name + '</option>';
     });
     $('#city').html(html);
     $('#district').html('<option value="">请选择县/区</option>');
     form.render()
     });
     });
     form.on('select(city)', function(data) {
     var pid = data.value;
     $.get("{:url('getRegion')}?pid=" + pid, function (data) {
     var html='<option value="">请选择县/区</option>';
     $.each(data, function (i, value) {
     html += '<option value="'+value.id+'">'+value.name+'</option>';
     });
     $('#district').html(html);
     form.render()
     });
     });
     });*/

    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        upload.render({
            elem: '#avatar' //绑定元素
            ,url: "{:url('avatar')}" //上传接口
            ,done: function(res){
                //上传完毕回调
                if (res.status == 1){
                    $("#avatarSrc").attr("src",res.src);
                } else {
                    alert("上传失败");
                }
            }
            ,error: function(){
                //请求异常回调
                alert("请求接口失败");
            }
        });
    });

    /*layui.cache.page = 'user';
     layui.cache.user = {
     username: '游客'
     ,uid: -1
     ,avatar: '../../res/images/avatar/00.jpg'
     ,experience: 83
     ,sex: '男'
     };
     layui.config({
     version: "2.0.0"
     ,base: '__STATIC__/user/mods/'
     }).extend({
     fly: 'index'
     }).use('fly');*/
</script>
{include file="./app/home/view/web/common_footer.html" /}