waibao
/
NN2022090201


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>我的订单</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="积分商城" />
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
    <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/normalize.min.css">
    <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/bootstrapmb.com.css">
    <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
    <style type="text/css">
        .am-list-news-default .am-list .am-list-thumb img {width: 86%;}
        .bg1{background:#4c4c4c;}
    </style>
</head>

<body>
<!-- Header -->
<header data-am-widget="header" class="am-header am-header-default">
    <h1 class="am-header-title">
        <a href="#title-link">我的订单</a>
    </h1>
</header>
<!-- Content -->
<div class="wapper" data-html="tabs">
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
        <ul class="am-tabs-nav am-cf">
            <li class=""><a href="[data-tab-panel-0]" data-href="tradelist">全部</a></li>
            <li class=""><a href="[data-tab-panel-1]" data-href="trade1">待付款</a></li>
            <li class="am-active"><a href="[data-tab-panel-2]" data-href="trade2">待收款</a></li>
            <li class=""><a href="[data-tab-panel-3]" data-href="trade3">待上架</a></li>
            <li class=""><a href="[data-tab-panel-4]" data-href="trade4">已出售</a></li>
            <li class=""><a href="[data-tab-panel-5]" data-href="trade5">异常订单</a></li>
        </ul>
        <div class="am-tabs-bd">
            <div class="am-list am-padding-xs">
                {volist name="list" id="v"}
                <div class="am-margin-bottom-xs am-bg-white">
                    <div class="am-g  ubb am-padding-xs am-text-left  ">
                        <div class="am-u-sm-8">单号：{$v.orderNo}</div>
                        <div class="am-u-sm-4 am-text-right am-text-danger">待收款</div>
                    </div>
                    <div class="am-padding-xs am-text-left">
                        <div class="am-g  ubb">
                            <div class="am-u-sm-3">
                                <img src="{$v.goods.image}" width="100%" height="68"/>
                            </div>
                            <div class="am-u-sm-9 am-padding-left-0">
                               <p  class="text-line1 am-bold">{$v.goods.title}【编号：{$v.goods.description}】</p>
                               <p  class=""><span class="am-btn-warning">卖家</span>{$v.selluser}</p>
                               <p  class=""><span class="am-btn-success">买家</span>{$v.buyuser}</p>
                            </div>
                        </div>
                        <div class="am-g am-padding-bottom-xs am-padding-top-xs ubb">
                            <div class="am-u-sm-8 am-padding-right-0">买入单时间：{$v.ctime|time_format=###,'Y-m-d H:i:s'}</div>
                            <div class="am-u-sm-4 am-padding-left-0 am-text-right am-text-danger">商品金额￥{$v.nums}</div>
                            <div class="am-u-sm-12 am-padding-left-0 am-text-right am-text-danger">代拍金￥{$v.pre_price}</div>
                        </div>
                        <div class="am-padding-top-sm am-text-right">
                            {if $v['flag'] == 1 && $v['status'] == 2 }
                           <span><input type="button" class="am-btn am-btn-danger am-btn-xs confirmorder" value="确认收款" data-id="{$v.id}"></span>
                           <span><input type="button" class="am-btn am-btn-success am-btn-xs appeal" value="申诉" data-id="{$v.id}"></span>
                           {/if}
                           <span><input type="button" class="am-btn am-btn-default am-btn-xs" value="订单详情" onclick="showtrade({$v['id']})"></span>
                        </div>
                     </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
</div>
<div id="navbar">
    <ul id="menu">
        <li class="item"><a data-href="{:url('shop/index/index')}">首页</a></li>
        <li class="item"><a data-href="{:url('/shop/goods/index')}" >商城</a></li>
        <li class="item active"><a data-href="{:url('shop/trade/tradelist')}" >全部订单</a></li>
        <li class="item"><a data-href="{:url('shop/user/bonuspage')}" >分销中心</a></li>
        <li class="item"><a data-href="{:url('shop/user/index')}">个人中心</a></li>
    </ul>
    <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="display: none;"></audio>
</div>
<div id="tong" style="display:none;">
    <img src="" style="max-width: 100%">
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__CDN__/assets/index/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="__CDN__/assets/index/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__CDN__/assets/index/js/amazeui.min.js"></script>
<script src="__CDN__/assets/index/js/amazeui.dialog.js"></script>
<script src="__CDN__/assets/index/js/app.js"></script>
<script src="__CDN__/assets/libs/layer/layer.js"></script>
<script type="text/javascript">
    $(function() {
        // 导航跳转
        $("#navbar a").click(function(){
            var url = $(this).attr('data-href');
            if(url){
                playMusic();
                setTimeout(function(){
                    location=url;
                }, 800)
            }
        })
    })

    /**
     * 按钮声音
     */
    function playMusic(){
        var audio = document.getElementById('menuAudio');
        if (audio.paused) {
            $(audio).attr('autoplay', true);
            $(audio).attr('controls', true);
            audio.play();
        } else {
            $(audio).removeAttr('autoplay');
            $(audio).removeAttr('controls');
            audio.pause();
        }
    }

    $('img').click(function(){
        $('#tong img').attr('src',$(this).attr('src'));
        layer.open({
            type: 1,
            title: false,
            closeBtn: 1,
            area: ['80%','auto'],
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            content: $('#tong')
        });
    });
    function showtrade(e)
    {
        location="/shop/trade/showtrade/id/"+e;
    }
    $('.am-tabs-nav li').click(function(){
        window.location=$(this).find('a').attr('data-href');
    });
   $('.confirmorder').one('click',function(){
       var id=$(this).attr('data-id');
       jQuery.post("{:url('api/trade/toconfirm')}" ,{id:id},function(data) {
           if(data.code>0)
           {
               layer.msg('确认完成',{time:1000},function(){
                   location="{:url('shop/trade/trade2')}";
               });
           }else{
               layer.msg(data.msg);
           }
       });
   });
   $('.appeal').click(function(){
        location="/shop/trade/appeal/id/"+$(this).attr('data-id');
   });
</script>
</body>

</html>