waibao
/
NN2022090201


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
							<!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, initial-scale=1">
    <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/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">
    <div class="am-header-left am-header-nav">
        <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
    </div>
    <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">
        <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   am-padding-xs am-text-left  ">
                        <div class="am-u-sm-8">单号：{$v.orderNo}</div>
                        {if $v.yuyue_status==1}
                        <div class="am-u-sm-4 am-text-right am-text-danger">预约中</div>
                        {elseif $v.yuyue_status==2}
                        <div class="am-u-sm-4 am-text-right am-text-danger">预约成功</div>
                        {elseif $v.yuyue_status==3}
                        <div class="am-u-sm-4 am-text-right am-text-danger">预约失败</div>
                        {/if}
                    </div>
                <div class="am-padding-xs am-text-left">
                    <div class="am-g">
                        <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}</p>
                            <p  class="">产品编号：{$v.goods.description}</p>
                            {if $v.yuyue_status == 2}
                            <div>
                                <span class="am-text-danger am-bold">售价：￥{$v.nums}</span>
                                <span class="am-text-danger am-bold">代拍金：￥{$v.pre_price}</span>
                                <span class="am-fr ">x1</span>
                            </div>
                            {else}
                            <div>
                                <span class="am-text-danger am-bold">预约范围：{$v.appoint_price}</span>
                            </div>
                            {/if}
                        </div>
                    </div>
                    <div class="am-g">
                        <div class="am-u-sm-9">预约时间：{$v.appoint_time|time_format=###,'Y-m-d H:i:s'}</div>
                        {if $v.yuyue_status == 1}
                        <div class="am-u-sm-3"><botton class="am-btn am-btn-danger am-round am-text-xs" onclick="tocancel({$v.id})">取消预约</botton></div>
                        {/if}
                    </div>
                </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
</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 tocancel(e)
    {
        layer.confirm("确认取消此预约？",{
            btn: ['确认', '取消']
        }, function () {
            // 按钮1的事件
            jQuery.post("{:url('api/trade/tocancel1')}" ,{id:e},function(data) {
                if(data.code>0)
                {
                    layer.msg('操作完成',{time:1000},function(){
                        location="{:url('shop/index/index')}";
                    });
                }else{
                    layer.msg(data.msg);
                }
            });
        }, function(){
            // 按钮2的事件
        });
    }
</script>
</body>

</html>