|
|
@@ -0,0 +1,134 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="keywords" content="剑鱼标讯">
|
|
|
+ <meta name="description" content="剑鱼标讯">
|
|
|
+ <meta name="author" content="剑鱼标讯">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
|
|
|
+ <meta name="browsermode" content="application">
|
|
|
+ <meta name="x5-orientation" content="portrait">
|
|
|
+ <meta name="screen-orientation" content="portrait">
|
|
|
+ <meta name="x5-page-mode" content="app">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <meta name="format-detection" content="telephone=no">
|
|
|
+ <title>订单详情</title>
|
|
|
+ <!--S-当前页面的css资源-->
|
|
|
+ <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
|
|
|
+ <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
|
|
|
+ <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/css/j-icons.css?v={{Msg "seo" "version"}}'>
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/css/public.css?v={{Msg "seo" "version"}}'>
|
|
|
+ <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/common-module/order-list/css/order-detail.css?v={{Msg "seo" "version"}}' />
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="j-container transparent-header">
|
|
|
+ <div class="j-header jy-app-header border-line-b transparent-header">
|
|
|
+ <span class="header-left">
|
|
|
+ <span class="van-icon van-icon-arrow-left"></span>
|
|
|
+ </span>
|
|
|
+ <span class="header-title title-left">订单详情</span>
|
|
|
+ <span class="header-right"></span>
|
|
|
+ </div>
|
|
|
+ <div class="j-main order-detail" id="app" v-cloak>
|
|
|
+ <div class="j-container">
|
|
|
+ <div class="j-main no-scrollbar">
|
|
|
+ <div class="wrapper">
|
|
|
+ <div class="header-pic arc-container" :class="orderStateMap[orderInfo.state].bgcClassName">
|
|
|
+ <div class="order-state">${ orderStateMap[orderInfo.state].text }</div>
|
|
|
+ <div class="surplus-time" v-if="orderStateMap[orderInfo.state].surplusTimeShow && orderInfo.surplusTime > 0">
|
|
|
+ <span>剩余支付时间：</span>
|
|
|
+ <van-count-down @finish="onCountdownFinish" :time="orderInfo.surplusTime"></van-count-down>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="card-list">
|
|
|
+ <div class="j-card report-p">
|
|
|
+ <span class="rp-left" :class="'badge-' + (orderInfoFilter.badge || '')">
|
|
|
+ <img class="card-l-pic" :src="orderInfo.headerImg">
|
|
|
+ </span>
|
|
|
+ <span class="rp-right">
|
|
|
+ <span class="product-type">${ orderInfo.productType }</span>
|
|
|
+ <span class="pay-money">¥ ${ orderInfo.payMoney }</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="j-card product-info">
|
|
|
+ <div class="j-card-title">购买信息</div>
|
|
|
+ <div class="j-card-items">
|
|
|
+ <div
|
|
|
+ class="j-card-item"
|
|
|
+ :class="item.className"
|
|
|
+ v-for="(item, index) in orderInfo.productInfoList"
|
|
|
+ :key="index"
|
|
|
+ v-show="item.text"
|
|
|
+ >
|
|
|
+ <span class="card-item-l">${ item.label + item.split }</span>
|
|
|
+ <span class="card-item-r" v-html="item.text"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="j-card report-info">
|
|
|
+ <div class="j-card-title">订单信息</div>
|
|
|
+ <div class="j-card-items">
|
|
|
+ <div
|
|
|
+ class="j-card-item"
|
|
|
+ :class="item.className"
|
|
|
+ v-for="(item, index) in orderInfo.orderInfoList"
|
|
|
+ :key="index"
|
|
|
+ v-show="item.text"
|
|
|
+ >
|
|
|
+ <span class="card-item-l">${ item.label + item.split }</span>
|
|
|
+ <span class="card-item-r" v-html="item.text"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="j-button-group j-footer" v-show="buttonGroupShow">
|
|
|
+ <button
|
|
|
+ class="j-button-confirm pay"
|
|
|
+ v-if="orderStateMap[orderInfo.state].bottomButtonShow.pay"
|
|
|
+ @click="onConfirmPay">立即支付</button>
|
|
|
+ <button
|
|
|
+ class="j-button-cancel invoke"
|
|
|
+ v-if="orderStateMap[orderInfo.state].bottomButtonShow.invoke"
|
|
|
+ @click="lookInvoke">${ invokeButtonText }</button>
|
|
|
+ <button
|
|
|
+ class="j-button-cancel invoke"
|
|
|
+ v-if="orderStateMap[orderInfo.state].bottomButtonShow.lookInvoice"
|
|
|
+ @click="lookInvoke('look')">查看发票</button>
|
|
|
+ <button
|
|
|
+ class="j-button-confirm buy-again"
|
|
|
+ v-if="orderStateMap[orderInfo.state].bottomButtonShow.buyAgain"
|
|
|
+ @click="buyAgain">再次购买</button>
|
|
|
+ <button
|
|
|
+ class="j-button-confirm renew"
|
|
|
+ v-if="orderStateMap[orderInfo.state].bottomButtonShow.renew"
|
|
|
+ @click="renew">续费</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--S-当前页面的资源-->
|
|
|
+ <script src="/big-member/js/rem.js"></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js></script>
|
|
|
+ <!--E-当前页面的资源-->
|
|
|
+ <script>
|
|
|
+ var pageInfo = {
|
|
|
+ platform: 'wx',
|
|
|
+ version: {{Msg "seo" "version"}},
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <script src='{{Msg "seo" "cdn"}}/big-member/js/utils.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script src='{{Msg "seo" "cdn"}}/common-module/order-list/js/order-list-config.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script src='{{Msg "seo" "cdn"}}/common-module/order-list/js/order-detail.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ {{include "/common/baiducc.html"}}
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
