|
@@ -1,29 +1,29 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
-
|
|
|
-<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
- <title>订单详情</title>
|
|
|
- <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/css/bootstrap.min.css?v={{Msg "seo" "version"}}">
|
|
|
- <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/iconfont/iconfont.css?v={{Msg "seo" "version"}}">
|
|
|
- <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/css/reset_pc.css?v={{Msg "seo" "version"}}">
|
|
|
- <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/css/order_detail.css?v={{Msg "seo" "version"}}">
|
|
|
- {{include "/common/pnc.html"}}
|
|
|
- <link href="{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "vebrsion"}}" rel="stylesheet">
|
|
|
- <link href="{{Msg "seo" "cdn"}}/css/dev2/reset_pc.css?v={{Msg "seo" "version"}}" rel="stylesheet">
|
|
|
- <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}" />
|
|
|
- <script type="text/javascript" src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
|
|
|
- <!--[if lt IE 9]>
|
|
|
- <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
|
|
|
- <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
|
- <![endif]-->
|
|
|
- <style>
|
|
|
- #myModal {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .openinvoice, .lookinvoice{
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <title>订单详情</title>
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/css/bootstrap.min.css?v={{Msg "seo" "version"}}">
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/iconfont/iconfont.css?v={{Msg "seo" "version"}}">
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/css/reset_pc.css?v={{Msg "seo" "version"}}">
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/course/css/order_detail.css?v={{Msg "seo" "version"}}">
|
|
|
+ {{include "/common/pnc.html"}}
|
|
|
+ <link href="{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "vebrsion"}}" rel="stylesheet">
|
|
|
+ <link href="{{Msg "seo" "cdn"}}/css/dev2/reset_pc.css?v={{Msg "seo" "version"}}" rel="stylesheet">
|
|
|
+ <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}" />
|
|
|
+ <script type="text/javascript" src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
|
|
|
+ <!--[if lt IE 9]>
|
|
|
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
|
|
|
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
|
+ <![endif]-->
|
|
|
+ <style>
|
|
|
+ #myModal {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .openinvoice, .lookinvoice{
|
|
|
float: right;
|
|
|
display: inline-block;
|
|
|
padding: 6px 24px;
|
|
@@ -32,180 +32,186 @@
|
|
|
background: #2CB7CA;
|
|
|
border-radius: 4px;
|
|
|
color: #fff;
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
- </style>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
-{{include "/common/pchead.html"}}
|
|
|
- <!-- header -->
|
|
|
- <!-- main START -->
|
|
|
- <div class="order_detail" id="order_detail">
|
|
|
- <div class="w order_crumb">
|
|
|
- <a href="#" onclick="window.location.href='/front/dataExport/toMyOrder'">我的订单</a><em> > </em>
|
|
|
- <a href="#" class="active">订单详情</a>
|
|
|
- </div>
|
|
|
- <div class="w order_main">
|
|
|
- <!-- greenBg 为绿色背景及边框 redBg为红色背景及边框 -->
|
|
|
- <div class="o_m_thead greenBg">
|
|
|
- <p class="order_id"></p>
|
|
|
- <p class="clearfix order_state">
|
|
|
- <span class="refund_wait_verify">
|
|
|
- <span class="redFont hide" id="status_refund_verify">退款审核中</span>
|
|
|
- <span class="greenFont hide" id="status_refunded">已退款</span>
|
|
|
-
|
|
|
- </span>
|
|
|
- <!--greenFont为绿色字体 redFont为红色字体 -->
|
|
|
- <span class="greenFont hide" id="status_success">已完成</span>
|
|
|
- <span class="redFont hide" id="status_wait_pay">待付款</span>
|
|
|
- <span class="redFont hide" id="status_verify">转账审核中</span>
|
|
|
- <span class="greenFont hide" id="status_cancelled">已取消</span>
|
|
|
- <span class="redFont hide" id="status_no_transfer_received">未收到转账!</span>
|
|
|
- <span class="service_number hide" id="service_num" style="margin-left: 20px" >客服电话:400-108-6670</span>
|
|
|
- <!-- 当订单状态为待付款时显示去支付 -->
|
|
|
- <a href="" class="go_pay" style="display: none">去支付</a>
|
|
|
- <a href="" class="openinvoice" style="display: none">开发票</a>
|
|
|
- <a href="" class="lookinvoice" style="display: none">查看发票</a>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="o_m_tbody">
|
|
|
- <!-- 订单信息 -->
|
|
|
- <div class="b_list">
|
|
|
- <div class="list_thead">
|
|
|
- <span class="fl">订单信息</span>
|
|
|
- <!-- 当退款状态时显示订单编号 -->
|
|
|
- </div>
|
|
|
- <div class="clearfix list_tbody">
|
|
|
- <div class="fl tb_left" id="order_info_left">
|
|
|
- </div>
|
|
|
- <div class="fl tb_right" id="order_info_right">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 支付信息 -->
|
|
|
- <div class="b_list">
|
|
|
- <div class="list_thead">支付信息</div>
|
|
|
- <div class="clearfix list_tbody">
|
|
|
- <div class="fl tb_left" id="pay_info_left">
|
|
|
- </div>
|
|
|
- <div class="fl tb_right" id="pay_info_right">
|
|
|
- <!-- <p>支付单号:201808112020123668449975621302148</p> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 中间虚线 -->
|
|
|
- <div class="line"></div>
|
|
|
- <div class="clearfix list_tbody">
|
|
|
- <div class="fl tb_left" id = "price_info">
|
|
|
- </div>
|
|
|
- <div class="fl tb_right" id="discount_info">
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 发票信息 -->
|
|
|
- <div style="display: none;">
|
|
|
- <div class="b_list" id="invoice_list" style="display: none">
|
|
|
- <div class="list_thead">发票信息</div>
|
|
|
- <div class="clearfix list_tbody">
|
|
|
- <div class="fl tb_left" id="invoice_info_left">
|
|
|
- </div>
|
|
|
- <div class="fl tb_right"id="invoice_info_right">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 中间虚线 -->
|
|
|
- <div class="line"></div>
|
|
|
- <div class="clearfix list_tbody">
|
|
|
- <div class="fl tb_left" id="invoice_details">
|
|
|
- </div>
|
|
|
- <div class="fl tb_right" id="buyer_information">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 退款操作 -->
|
|
|
- <!-- <div class="b_list">
|
|
|
- <div class="list_thead">退款操作</div>
|
|
|
- <div class="clearfix list_tbody">
|
|
|
- <div class="fl tb_left" style="border: 0;">
|
|
|
- <div class="refund">
|
|
|
- <span class="refund_label">退款金额:</span>
|
|
|
- <span class="refund_value">¥12788</span>
|
|
|
- </div>
|
|
|
- <div class="refund">
|
|
|
- <span class="refund_label">退款原因:</span>
|
|
|
- <select class="refund_select" name="" id="">
|
|
|
- <option disabled selected="selected" style='display:none;'>请选择退款原因</option>
|
|
|
- <option value="时间冲突">时间冲突</option>
|
|
|
- <option value="信息填写有误">信息填写有误</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="refund refund_handle">
|
|
|
- <span class="refund_label"></span>
|
|
|
- <span class="refund_btn">
|
|
|
- <button class="submit_btn" disabled>提交申请</button>
|
|
|
- <button class="cancel_btn">取消</button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 凭证 -->
|
|
|
- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
- aria-hidden="true">
|
|
|
- <div class="modal-dialog">
|
|
|
- <div class="modal-content" style="border-radius: 0;">
|
|
|
- <img src="" alt="" style="width: 100%;height: 100%;">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- toast提示框 -->
|
|
|
- <div class="toast">
|
|
|
- <i class="iconfont icon-zhifuwancheng"></i>
|
|
|
- <span>提交成功</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- main END -->
|
|
|
- {{include "/common/pcbottom.html"}}
|
|
|
- {{include "/common/baiducc.html"}}
|
|
|
- <script src="{{Msg "seo" "cdn"}}/course/js/jquery-2.1.4.min.js?v={{Msg "seo" "version"}}"></script>
|
|
|
- <script src="{{Msg "seo" "cdn"}}/course/js/bootstrap.min.js?v={{Msg "seo" "version"}}"></script>
|
|
|
- <script src="{{Msg "seo" "cdn"}}/course/js/order_detail.js?v={{Msg "seo" "version"}}"></script>
|
|
|
- <!-- footer -->
|
|
|
- <script>
|
|
|
- var orderId = {{.T.orderId}}
|
|
|
- $(function(){
|
|
|
- $("#public-nav").css("background","#fff");
|
|
|
- $(".logo img").attr("src","/images/swordfish/sf_01_new.png");
|
|
|
- setTimeout(function () {
|
|
|
- selcetIndexNav(6);
|
|
|
- },500);
|
|
|
- haslogin({{.T.logid}});
|
|
|
- $("#myModal").hide();
|
|
|
- $(document).off("keydown");
|
|
|
- $('.refund_select').on('change',function(){
|
|
|
- var val = $(this).find("option:selected").val();
|
|
|
- if(val){
|
|
|
- $('.submit_btn').removeAttr('disabled');
|
|
|
- }
|
|
|
- })
|
|
|
- // 查看凭证
|
|
|
- $('#myModal').on('show.bs.modal', function () {
|
|
|
- var $this = $(this);
|
|
|
- var $modal_dialog = $this.find('.modal-dialog');
|
|
|
- $this.css('display', 'block');
|
|
|
- $modal_dialog.css({
|
|
|
- 'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2)
|
|
|
- });
|
|
|
- });
|
|
|
- $('.submit_btn').click(function(){
|
|
|
- $('.toast').show();
|
|
|
- setTimeout(function() {
|
|
|
- $('.toast').hide();
|
|
|
- }, 3000);
|
|
|
- })
|
|
|
- })
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-</html>
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+{{include "/common/pchead.html"}}
|
|
|
+ <!-- header -->
|
|
|
+ <!-- main START -->
|
|
|
+ <div class="order_detail" id="order_detail">
|
|
|
+ <div class="w order_crumb">
|
|
|
+ <a href="#" onclick="window.location.href='/front/dataExport/toMyOrder'">我的订单</a><em> > </em>
|
|
|
+ <a href="#" class="active">订单详情</a>
|
|
|
+ </div>
|
|
|
+ <div class="w order_main">
|
|
|
+ <!-- greenBg 为绿色背景及边框 redBg为红色背景及边框 -->
|
|
|
+ <div class="o_m_thead greenBg">
|
|
|
+ <p class="order_id"></p>
|
|
|
+ <p class="clearfix order_state">
|
|
|
+ <span class="refund_wait_verify">
|
|
|
+ <span class="redFont hide" id="status_refund_verify">退款审核中</span>
|
|
|
+ <span class="greenFont hide" id="status_refunded">已退款</span>
|
|
|
+
|
|
|
+ </span>
|
|
|
+ <!--greenFont为绿色字体 redFont为红色字体 -->
|
|
|
+ <span class="greenFont hide" id="status_success">已完成</span>
|
|
|
+ <span class="redFont hide" id="status_wait_pay">待付款</span>
|
|
|
+ <span class="redFont hide" id="status_verify">转账审核中</span>
|
|
|
+ <span class="greenFont hide" id="status_cancelled">已取消</span>
|
|
|
+ <span class="redFont hide" id="status_no_transfer_received">未收到转账!</span>
|
|
|
+ <span class="service_number hide" id="service_num" style="margin-left: 20px" >客服电话:400-108-6670</span>
|
|
|
+ <!-- 当订单状态为待付款时显示去支付 -->
|
|
|
+ <a class="go_pay" style="display: none">去支付</a>
|
|
|
+ <a class="openinvoice" style="display: none">开发票</a>
|
|
|
+ <a class="lookinvoice" style="display: none">查看发票</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="o_m_tbody">
|
|
|
+ <!-- 订单信息 -->
|
|
|
+ <div class="b_list">
|
|
|
+ <div class="list_thead">
|
|
|
+ <span class="fl">订单信息</span>
|
|
|
+ <!-- 当退款状态时显示订单编号 -->
|
|
|
+ </div>
|
|
|
+ <div class="clearfix list_tbody">
|
|
|
+ <div class="fl tb_left" id="order_info_left">
|
|
|
+ </div>
|
|
|
+ <div class="fl tb_right" id="order_info_right">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 支付信息 -->
|
|
|
+ <div class="b_list">
|
|
|
+ <div class="list_thead">支付信息</div>
|
|
|
+ <div class="clearfix list_tbody">
|
|
|
+ <div class="fl tb_left" id="pay_info_left">
|
|
|
+ </div>
|
|
|
+ <div class="fl tb_right" id="pay_info_right">
|
|
|
+ <!-- <p>支付单号:201808112020123668449975621302148</p> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 中间虚线 -->
|
|
|
+ <div class="line"></div>
|
|
|
+ <div class="clearfix list_tbody">
|
|
|
+ <div class="fl tb_left" id = "price_info">
|
|
|
+ </div>
|
|
|
+ <div class="fl tb_right" id="discount_info">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 发票信息 -->
|
|
|
+ <div style="display: none;">
|
|
|
+ <div class="b_list" id="invoice_list" style="display: none">
|
|
|
+ <div class="list_thead">发票信息</div>
|
|
|
+ <div class="clearfix list_tbody">
|
|
|
+ <div class="fl tb_left" id="invoice_info_left">
|
|
|
+ </div>
|
|
|
+ <div class="fl tb_right"id="invoice_info_right">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 中间虚线 -->
|
|
|
+ <div class="line"></div>
|
|
|
+ <div class="clearfix list_tbody">
|
|
|
+ <div class="fl tb_left" id="invoice_details">
|
|
|
+ </div>
|
|
|
+ <div class="fl tb_right" id="buyer_information">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 退款操作 -->
|
|
|
+ <!-- <div class="b_list">
|
|
|
+ <div class="list_thead">退款操作</div>
|
|
|
+ <div class="clearfix list_tbody">
|
|
|
+ <div class="fl tb_left" style="border: 0;">
|
|
|
+ <div class="refund">
|
|
|
+ <span class="refund_label">退款金额:</span>
|
|
|
+ <span class="refund_value">¥12788</span>
|
|
|
+ </div>
|
|
|
+ <div class="refund">
|
|
|
+ <span class="refund_label">退款原因:</span>
|
|
|
+ <select class="refund_select" name="" id="">
|
|
|
+ <option disabled selected="selected" style='display:none;'>请选择退款原因</option>
|
|
|
+ <option value="时间冲突">时间冲突</option>
|
|
|
+ <option value="信息填写有误">信息填写有误</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="refund refund_handle">
|
|
|
+ <span class="refund_label"></span>
|
|
|
+ <span class="refund_btn">
|
|
|
+ <button class="submit_btn" disabled>提交申请</button>
|
|
|
+ <button class="cancel_btn">取消</button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 凭证 -->
|
|
|
+ <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
+ aria-hidden="true">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <div class="modal-content" style="border-radius: 0;">
|
|
|
+ <img src="" alt="" style="width: 100%;height: 100%;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- toast提示框 -->
|
|
|
+ <div class="toast">
|
|
|
+ <i class="iconfont icon-zhifuwancheng"></i>
|
|
|
+ <span>提交成功</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- main END -->
|
|
|
+ {{include "/common/pcbottom.html"}}
|
|
|
+ {{include "/common/baiducc.html"}}
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/course/js/jquery-2.1.4.min.js?v={{Msg "seo" "version"}}"></script>
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/course/js/bootstrap.min.js?v={{Msg "seo" "version"}}"></script>
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/course/js/order_detail.js?v={{Msg "seo" "version"}}"></script>
|
|
|
+ <!-- footer -->
|
|
|
+ <script>
|
|
|
+ var orderId = {{.T.orderId}}
|
|
|
+ $(function(){
|
|
|
+ $("#public-nav").css("background","#fff");
|
|
|
+ $(".logo img").attr("src","/images/swordfish/sf_01_new.png");
|
|
|
+ setTimeout(function () {
|
|
|
+ selcetIndexNav(6);
|
|
|
+ },500);
|
|
|
+ haslogin({{.T.logid}});
|
|
|
+ $("#myModal").hide();
|
|
|
+ $(document).off("keydown");
|
|
|
+ $('.refund_select').on('change',function(){
|
|
|
+ var val = $(this).find("option:selected").val();
|
|
|
+ if(val){
|
|
|
+ $('.submit_btn').removeAttr('disabled');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // 查看凭证
|
|
|
+ $('#myModal').on('show.bs.modal', function () {
|
|
|
+ var $this = $(this);
|
|
|
+ var $modal_dialog = $this.find('.modal-dialog');
|
|
|
+ $this.css('display', 'block');
|
|
|
+ $modal_dialog.css({
|
|
|
+ 'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2)
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $('.submit_btn').click(function(){
|
|
|
+ $('.toast').show();
|
|
|
+ setTimeout(function() {
|
|
|
+ $('.toast').hide();
|
|
|
+ }, 3000);
|
|
|
+ })
|
|
|
+ $(".openinvoice").on("click",function(){
|
|
|
+ window.open("/front/course/applyInvoice?orderCode="+orderId,'_self');
|
|
|
+ })
|
|
|
+ $(".lookinvoice").on("click",function(){
|
|
|
+ window.open("/front/course/viewInvoice?orderCode"+orderId,'_self');
|
|
|
+ })
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|