caojunfei
/
stest


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
							
<!DOCTYPE html>
<html class="webkit chrome win js">

<head>
    <meta http-equiv="Content-Type" content="text/html">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Checkout</title>

    <link href="css/demo/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/demo/style.css">
    <link rel="stylesheet" href="css/mobile.css">
    <script src="css/demo/demo.js"></script>

</head>

<body>
<div class="wrapper">

    <section class="section-home-products">
        <div class="container">
            <div class="controls-holder nav-tabs">
                <ul class="inline">
                    <li class="active"><a data-toggle="tab" href="javascript:void(0);">Shopping Demo</a></li>
                    <li><a data-toggle="tab" href="/portal-service-demo/hotel.jsp">Hotel Demo</a></li>
                    <li><a data-toggle="tab" href="/portal-service-demo/register.jsp">Merchant
                        Register</a></li>
                    <li><a data-toggle="tab" href="/portal-service-demo/order.jsp">Order
                        Management</a></li>
                    <li><a data-toggle="tab" href="/portal-service-demo/webhook.jsp">WebHook</a></li>
                </ul>
            </div>
            <div class="tab-content">
                <div id="hot-products" class="products-holder active tab-pane " style="display: block;">
                    <div class="row-fluid">
                        <div class="span3">
                            <div class="product-item">

                                <a>
                                    <img alt="" src="css/demo/p1.jpg">
                                    <h1>versace</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $2.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(2)" href="javascript:void(0);">add
                                    to cart</a>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="product-item">
                                <a>
                                    <img alt="" src="css/demo/p2.jpg">
                                    <h1>estee lauder</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $3.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(3)" href="javascript:void(0);">add
                                    to cart</a>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="product-item">
                                <a>
                                    <img alt="" src="css/demo/p3.jpg">
                                    <h1>burberry</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $4.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(4)" href="javascript:void(0);">add
                                    to cart</a>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="product-item">
                                <a>
                                    <img alt="" src="css/demo/p4.jpg">
                                    <h1>versace</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $5.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(5)" href="javascript:void(0);">add
                                    to cart</a>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span3">
                            <div class="product-item">
                                <a>
                                    <img alt="" src="css/demo/p5.jpg">
                                    <h1>versace</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $6.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(6)" href="javascript:void(0);">add
                                    to cart</a>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="product-item">
                                <a>
                                    <img alt="" src="css/demo/p6.jpg">
                                    <h1>estee lauder</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $7.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(7)" href="javascript:void(0);">add
                                    to cart</a>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="product-item">
                                <a>
                                    <img alt="" src="css/demo/p7.jpg">
                                    <h1>burberry</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $8.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(8)" href="javascript:void(0);">add
                                    to cart</a>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="product-item">
                                <a>
                                    <img alt="" src="css/demo/p8.jpg">
                                    <h1>versace</h1>
                                </a>
                                <div class="tag-line">
                                    <span>yellow diamond</span>
                                    <span>toilet water spray</span>
                                </div>
                                <div class="price">
                                    $100.00
                                </div>
                                <a class="cusmo-btn add-button" onclick="addGoods(100)"
                                   href="javascript:void(0);">add to cart</a>
                            </div>
                        </div>

                    </div>

                    <div class="buttons-holder">

                        <span class="total-p">Total Price:</span>
                        <span id="MM-Price-span" class="total-a">$0.00</span>
                        <a id="MM-button" class="cusmo-btn" href="javascript:void(0);">MM Payment</a>
                        <a id="APP-button" onclick="appPay()" class="cusmo-btn" href="javascript:void(0);">APP
                            Payment</a>
                    </div>

                </div>
            </div>
        </div>
    </section>

</div>
<script src="http://159.138.11.254:32345/portal-pgw-web/js/cps-checkout.js"></script>

<script type="text/javascript">

    //totalPrice=1;
   //var CREATE_URL = 'http://www.tp6.com/index/payment';
    //var EXECUTE_URL = 'http://www.tp6.com/index/execute';
    MMPay.Button.render({

        env: 'sandbox', // Optional: specify 'sandbox' environment

        payment: function () {

            if (null == totalPrice || totalPrice <= 0) {
                $.alert({
                    closeIcon: true,
                    title: 'Error',
                    content: 'Payment amount must be greater than zero.',
                });
                return;
            }

            var data = {
                env: this.env,
                totalPrice: totalPrice
            };

            // var CREATE_URL = 'https://10.93.49.141:8443/portal-service-demo/biz_pgw/demo/checkout/api/payment/create';
            var CREATE_URL =
                '/index/payment';
            return MMPay.payment.create(CREATE_URL, data)
                .then(function (res) {
                    return res.paymentID;
                });
        },

        onAuthorize: function (data) {

            var EXECUTE_URL =
                '/index/execute';

            var data = {
                env: this.env,
                paymentID: data.paymentID,
                payerID: data.payerID,
                couponID: data.couponID
            };

            // Make a call to your server to execute the payment
            return MMPay.payment.execute(EXECUTE_URL, data)
                .then(function (res) {
                    console.log(res);
                    alert('支付成功');
                    window.location.href =
                        "/portal-service-demo/success.jsp?paymentID=" +
                        res.paymentID;
                });
        },
        onError: function (data) {
            alert('error');
           // window.location.href = "/portal-service-demo/failure.jsp";
        },
        onCancel: function (data) {
            window.location.href = "/portal-service-demo/";
        }

    }, 'MM-button');
</script>

<script type="text/javascript">
    function appPay() {
        if (null == totalPrice || totalPrice <= 0) {
            $.alert({
                closeIcon: true,
                title: 'Error',
                content: 'Payment amount must be greater than zero.',
            });
            return;
        }

        var data = {
            env: "sandbox",
            totalPrice: totalPrice
        };

        //var CREATE_URL = '/portal-service-demo/biz_pgw/demo/checkout/api/payment/create';
        var CREATE_URL = 'http://www.tp6.com/index/payment';

        $.ajax({
            url: CREATE_URL,
            data: JSON.stringify(data),
            type: "POST",
            async: false,
            contentType: "application/json; charset=utf-8",
            dataType: "jsonp", //æŒ‡å®šæœåŠ¡å™¨è¿”å›žçš„æ•°æ®ç±»åž‹
            success: function (data) {
                var result = data;

                if (result.isSuccess) {
                    //APP payment
                    window.location.href = "hwinapp://?paymentID=" + result.paymentID;

                    window.event.returnValue = false;

                    window.setTimeout(function () {
                        window.location.href =
                            "/portal-service-demo/confirm.jsp?paymentID=" +
                            result.paymentID;

                    }, 10000);

                }
            },
            error: function (err) {
                $.alert({
                    closeIcon: true,
                    type: 'red',
                    title: 'Error',
                    content: 'Failed to create order.',
                });
            }
        });

        window.event.returnValue = false;
    }
</script>

</body>

</html>