waibao
/
NN2022090201


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
							<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:108:"/usr/local/develop/php/www/waibao/NN2022090201/NN2022090201/public/../application/shop/view/trade/topay.html";i:1645787400;}*/ ?>
<!doctype html>
<html class="no-js bodyBg">
<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="/assets/shop/css/amazeui.css">
    <link rel="stylesheet" href="/assets/shop/css/app.css">
    <style type="text/css">
        .bg1{background:#4c4c4c;}
        .bg2{background:#AF2428;}
        .bg3{background:#03ad8f;}
        .bb{border:1px solid #4c4c4c}
        .userIcon{
            width: 90px;
            height: 90px;
            margin: 0 0 0 2%;
        }
        #up-img-touch{ position: relative;}
        #file{
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }
        .am-list-news-default .am-list .am-list-item-desced .am-list-item-text{color: #000}
    </style>
</head>
<body class="">
<!-- 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">
    <div class="am-order-main am-bg-white ">
        <div class="am-shop-info am-bg-white am-padding-sm">
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" style="margin-top:0;">
                <strong>商品信息</strong>
            </div>
            <div class="am-list-news am-list-news-default" >
                <ul class="am-list am-goods-list">
                    <li class="am-g am-list-item-desced am-padding-bottom-0">
                        <div class="am-u-sm-3 am-list-thumb am-padding-left-0">
                            <img src="<?php echo $goods['image']; ?>" style="width:85%;height:66px"/>
                        </div>
                        <div class="am-u-sm-9 am-padding-horizontal-0 am-list-main">
                            <div class="am-g am-text-default">
                                <div class="am-u-sm-8 am-padding-horizontal-0">
                                    <div class="am-list-item-text  am-bold "><?php echo $goods['title']; ?></div>
                                    <div class="am-list-item-text">藏品编号：<?php echo $goods['description']; ?></div>
                                </div>
                                <div class="am-u-sm-4 am-padding-horizontal-0 am-text-right">
                                    <p><strong class="am-padding-right-0 am-padding-left-0 am-text-danger am-text-right">￥<?php echo $goods['price1']; ?></strong></p>
                                    <p>x1</p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="am-bg-white am-margin-top-sm am-padding-sm am-padding-top-0 am-padding-bottom-0">
        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" style="margin-top:0;">
            <strong>出售方信息</strong>
        </div>
        <ul class="am-list am-list-static am-margin-bottom-0 am-padding-left-sm">
            <li>
                <span class="">出售人手机号：</span>
                <span class="am-fr">
                    <span class="am-block am-fl am-padding-right-sm"><?php echo $selluser['mobile']; ?></span>
                </span>
            </li>
            <?php if($selluser['alipayname'] != ''): ?>
            <li>
                <span class="">支付宝账户</span>
                <span class="am-fr">
                    <span class="am-block am-fl am-padding-right-sm"><?php echo $selluser['alipayname']; ?></span>
                </span>
            </li>
            <li>
                <span class="">支付宝收款码</span>
                <span class="am-fr">
                    <span class="am-block am-fl am-padding-right-sm"><img src="<?php echo $selluser['alipayprc']; ?>" style="width: 30px"/></span>
                </span>
            </li>
            <?php endif; if($selluser['wxprc'] != ''): ?>
            <li>
                <span class="">微信收款码</span>
                <span class="am-fr">
                    <span class="am-block am-fl am-padding-right-sm"><img src="<?php echo $selluser['wxprc']; ?>" style="width: 30px"/></span>
                </span>
            </li>
            <?php endif; if($selluser['bank_number'] != ''): ?>
            <li>
                <span class="">银行卡</span>
                <span class="am-fr">
                    <span class="am-block am-fl am-padding-right-sm"><?php echo $selluser['bank']; ?></span>
                </span>
            </li>
            <li>
                <span class="">开户人</span>
                <span class="am-fr">
                    <span class="am-block am-fl am-padding-right-sm"><?php echo $selluser['bank_user_name']; ?></span>
                </span>
            </li>
            <li>
                <span class="">卡号</span>
                <span class="am-fr">
                    <span class="am-block am-fl am-padding-right-sm"><?php echo $selluser['bank_number']; ?></span>
                </span>
            </li>
            <?php endif; ?>
        </ul>
    </div>
    <div class="am-padding-sm am-margin-top-sm am-bg-white">
        <form class="am-form am-form-horizontal" id="form1" action="##" method="post" enctype="multipart/form-data">
            <div class="am-form-group">
                <label class=" ">打款凭证</label>
                <div class="  userIcon "  id="up-img-touch">
                        <img src="/assets/shop/img/upload.png" id="img" width="80" height="100"/>
                        <input type="file" id="file" name="file" />
                </div>
            </div>
        </form>
        <input type="hidden" name="prc" id="prc" value=""/>
        <input id="tradeid" type="hidden" value="<?php echo $info['id']; ?>"/>
        <div class="am-padding-sm">
            <div class=""><button type="button" class="am-btn am-btn-black am-btn-block am-round topay">确定支付</button></div>
        </div>
    </div>
</div>
<div id="tong" style="display:none;">
    <img src="" style="max-width: 100%">
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/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="js/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="/assets/index/js/amazeui.min.js"></script>
<script src="/assets/index/js/app.js"></script>
<script src="/assets/libs/layer/layer.js"></script>
<script>
    $('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')
        });
    });
    var file = document.getElementById('file');
    var image = document.getElementById("img");
    file.onchange = function() {
        var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
        var pettern = /^image/;
        console.info(fileData.type)
        if (!pettern.test(fileData.type)) {
            layer.msg("图片格式不正确");
            return;
        }
        var reader = new FileReader();
        reader.readAsDataURL(fileData);//异步读取文件内容，结果用data:url的字符串形式表示
        /*当读取操作成功完成时调用*/
        reader.onload = function(e) {
            console.log(e); //查看对象
            image.setAttribute("src", this.result)
        }
        var formData = new FormData($( "#form1" )[0]);
        $.ajax({
            //几个参数需要注意一下
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "<?php echo url('index/ajax/upload'); ?>" ,
            data: formData,
            contentType: false, //不设置内容类型
            processData: false, //不处理数据
            success: function (result) {
                if(result.code>0)
                {
                    $('#img').attr('src',result.data.url);
                    $('#prc').val(result.data.url);
                }else{
                    layer.msg(result.msg);
                }
            },
            error : function() {
                layer.msg("网络异常！");
            }
        });
    }
    $('.topay').click(function(){
        jQuery.post("<?php echo url('api/trade/topay'); ?>" ,{id:$('#tradeid').val(),prc:$('#prc').val()},function(data) {
            if(data.code>0)
            {
                layer.msg('支付完成',{time:1000},function(){
                    location="<?php echo url('shop/trade/trade2'); ?>";
                });
            }else{
                layer.msg(data.msg);
            }
        });
    });
</script>
</body>
</html>