目录结构调整
This commit is contained in:
94
application/user/view/order/confirm.html
Normal file
94
application/user/view/order/confirm.html
Normal file
@@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
<title>确认订单信息-会员中心 - Powered by TenSent,Inc.</title>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bootstrap/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/font-awesome.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/nanoscroller.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common.css"/>
|
||||
<!-- <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'> -->
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/order.css"/>
|
||||
<script src="__PUBLIC__/js/jquery.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="__PUBLIC__/js/html5shiv.js"></script>
|
||||
<script src="__PUBLIC__/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
{block name="style"}{/block}
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="logo">
|
||||
<a href="{:url('index/book/index')}"><img src="__PUBLIC__/images/logo.png" alt="确认订单信息-会员中心"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 25%">
|
||||
<span>1、购物车</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 25%">
|
||||
<span>2、确认订单信息</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-success progress-bar-striped" style="width: 25%">
|
||||
<span>3、选择支付</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-primary progress-bar-striped" style="width: 25%">
|
||||
<span>4、订购完成</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<p class="no-data"><span class="red"><i class="fa fa-edit"></i></span> 订单已成功提交！</p>
|
||||
<form action="{:url('user/order/pay')}" method="post" class="form">
|
||||
<table class="table table-bordered">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="200" class="text-right">订单编号：</td>
|
||||
<td>{$info['order_no']}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="200" class="text-right">订单金额：</td>
|
||||
<td>￥{$info['price_count']}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="200" class="text-right">支付方式：</td>
|
||||
<td>{$info['pay_type_text']}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<div class="pull-right">
|
||||
<input type="hidden" name="order_id" value="{$info['id']}">
|
||||
<input type="hidden" name="pay_type" value="{$info['pay_type']}">
|
||||
<button class="btn btn-danger">立即支付</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="warp">
|
||||
<p>Copyright © 2013-2016 <a href="http://www.tensent.cn" target="_blank">腾速科技</a> 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
50
application/user/view/order/index.html
Normal file
50
application/user/view/order/index.html
Normal file
@@ -0,0 +1,50 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="body"}
|
||||
<div class="tabs-wrapper">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#editpw" data-toggle="tab">我的订单</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade in active" id="editpw">
|
||||
{volist name="list" id="item"}
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading">
|
||||
订单号：{$item['order_no']}（{$item['create_time']|date='Y-m-d',###}）
|
||||
<span class="pull-right">
|
||||
{if $item['pay_status']}
|
||||
已付款
|
||||
{else/}
|
||||
<a href="{:url('user/order/cancel',array('order_id'=>$item['id']))}" class="ajax-get"><i class="fa fa-close"></i> 取消订单</a>
|
||||
<a href="{:url('user/order/lists',array('order_id'=>$item['id']))}" target="_blank" class="text-danger">付款</a>
|
||||
{/if}
|
||||
</span>
|
||||
</div>
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>图书</th>
|
||||
<th>图书名称</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
{volist name="item['product']" id="product"}
|
||||
<tr>
|
||||
<td width="80">
|
||||
<a href="{:url('index/book/detail', array('id'=>$product['product_id']))}" target="_blank"><img src="{:get_cover($product->book['cover_id'],'path')}" alt="{$product->book['book_name']}" width="60"></a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="{:url('index/book/detail', array('id'=>$product['product_id']))}" target="_blank">{$product->book['book_name']}</a>
|
||||
</td>
|
||||
<td width="120">
|
||||
{if $item['pay_status']}
|
||||
<a href="{:url('user/upload/download',array('order_id'=>$item['id'],'product_id'=>$product['product_id']))}" target="_blank">下载图书</a>
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</table>
|
||||
</div>
|
||||
{/volist}
|
||||
{$page}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
124
application/user/view/order/lists.html
Normal file
124
application/user/view/order/lists.html
Normal file
@@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
<title>确认订单信息-会员中心 - Powered by TenSent,Inc.</title>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bootstrap/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/font-awesome.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/nanoscroller.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common.css"/>
|
||||
<!-- <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'> -->
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/order.css"/>
|
||||
<script src="__PUBLIC__/js/jquery.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="__PUBLIC__/js/html5shiv.js"></script>
|
||||
<script src="__PUBLIC__/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
{block name="style"}{/block}
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="logo">
|
||||
<a href="{:url('index/book/index')}"><img src="__PUBLIC__/images/logo.png" alt="确认订单信息-会员中心"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 25%">
|
||||
<span>1、购物车</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-success progress-bar-striped" style="width: 25%">
|
||||
<span>2、确认订单信息</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-primary progress-bar-striped" style="width: 25%">
|
||||
<span>3、选择支付</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-primary progress-bar-striped" style="width: 25%">
|
||||
<span>4、订购完成</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<form action="{:url('user/order/confirm')}" method="post" class="form">
|
||||
<div class="order_title">商品清单</div>
|
||||
{if !empty($list)}
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>商品</th>
|
||||
<th>名称</th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
<th>小计</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="list" id="item"}
|
||||
<tr>
|
||||
<td width="90">
|
||||
<a href="{:url('index/book/detail',array('id'=>$item->book['id']))}"><img src="{:get_cover($item->book['cover_id'],'path')}" width="80"></a>
|
||||
</td>
|
||||
<td>
|
||||
<a href="{:url('index/book/detail',array('id'=>$item->book['id']))}">{$item->book['book_name']}</a>
|
||||
</td>
|
||||
<td>￥{$item['price']}</td>
|
||||
<td>{$item['num']}</td>
|
||||
<td>￥{$item['price_count']}</td>
|
||||
<td width="60">
|
||||
<a href="{:url('index/cart/del',array('id'=>$item['id']))}" class="ajax-get confirm"><i class="fa fa-close"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="text-right price_count">
|
||||
<p>应付总额：<span>￥{$price_count}</span></p>
|
||||
</div>
|
||||
|
||||
<div class="order_title">支付方式</div>
|
||||
<div class="clearfix">
|
||||
<ul class="payment-list">
|
||||
<li class="selected">
|
||||
<input type="radio" name="payment" value="alipay" checked="true">
|
||||
<label><b>支付宝支付</b> </label>
|
||||
<div><img src="__PUBLIC__/images/pay/alipay.png" width="180"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<input type="hidden" name="order_id" value="{$order_id}">
|
||||
<button type="submit" class="btn btn-danger">提交订单</button>
|
||||
</div>
|
||||
{else/}
|
||||
<p class="no-data">购物车为空！<a href="{:url('index/book/index')}">去继续选择……</a></p>
|
||||
{/if}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="warp">
|
||||
<p>Copyright © 2013-2016 <a href="http://www.tensent.cn" target="_blank">腾速科技</a> 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
93
application/user/view/order/pay.html
Normal file
93
application/user/view/order/pay.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
<title>确认订单信息-会员中心 - Powered by TenSent,Inc.</title>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bootstrap/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/font-awesome.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/nanoscroller.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common.css"/>
|
||||
<!-- <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'> -->
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/order.css"/>
|
||||
<script src="__PUBLIC__/js/jquery.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="__PUBLIC__/js/html5shiv.js"></script>
|
||||
<script src="__PUBLIC__/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
{block name="style"}{/block}
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="logo">
|
||||
<a href="{:url('index/book/index')}"><img src="__PUBLIC__/images/logo.png" alt="确认订单信息-会员中心"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 25%">
|
||||
<span>1、购物车</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 25%">
|
||||
<span>2、确认订单信息</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 25%">
|
||||
<span>3、选择支付</span>
|
||||
</div>
|
||||
<div class="progress-bar progress-bar-success progress-bar-striped" style="width: 25%">
|
||||
<span>4、订购完成</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<p class="no-data"><span class="red"><i class="fa fa-spinner fa-spin fa-fw"></i></span> 等待支付！</p>
|
||||
{$sHtml}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if $is_submit}
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
setTimeout(function(){
|
||||
document.forms['paysubmit'].submit();
|
||||
},300);
|
||||
|
||||
setInterval(function(){
|
||||
$.ajax({
|
||||
url : " {:config('base_url')} " + "/user/pay/notify.html",
|
||||
type : 'post',
|
||||
data : {'order_id':"{$order_no}"},
|
||||
success : function(data){
|
||||
if(data.code === 1){
|
||||
window.location
|
||||
}
|
||||
},
|
||||
dataType : 'json'
|
||||
})
|
||||
},10000);
|
||||
})
|
||||
</script>
|
||||
{/if}
|
||||
<div class="footer">
|
||||
<div class="warp">
|
||||
<p>Copyright © 2013-2016 <a href="http://www.tensent.cn" target="_blank">腾速科技</a> 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user