|
@@ -5,9 +5,9 @@
|
|
|
<div class="cont">
|
|
|
<div class="tit">订单信息</div>
|
|
|
<div class="classfity">
|
|
|
- <span>订单编号:{{orDetails.order_code}}</span>
|
|
|
- <span>订单时间:{{orDetails.create_time}}</span>
|
|
|
- <span>产品类型:{{orDetails.product_type}}</span>
|
|
|
+ <span>订单编号: {{orDetails.order_code}}</span>
|
|
|
+ <span>订单时间: {{orDetails.create_time}}</span>
|
|
|
+ <span>产品类型: {{orDetails.product_type}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -17,16 +17,16 @@
|
|
|
<div class="tit">课程信息</div>
|
|
|
<div class="classfity">
|
|
|
<!-- 线上课程 -->
|
|
|
- <span>课程名称:控标案例实战分析,招标文件控标点揭秘</span>
|
|
|
- <span v-if="orderType == 0">课程时长:01:31:26</span>
|
|
|
- <span v-if="orderType == 0">有效周期:2020-12-31到期</span>
|
|
|
+ <span>课程名称: {{strCourse.s_name}}</span>
|
|
|
+ <span v-if="orderType == 0">课程时长: {{strCourse.s_courseDate}}</span>
|
|
|
+ <span v-if="orderType == 0">有效周期: {{strCourse.l_endtime}}到期</span>
|
|
|
<!-- 线下课程 -->
|
|
|
- <span v-if="orderType == 1">课程地点:南京</span>
|
|
|
- <span v-if="orderType == 1">课程时间:2020年02月2日-2020年02月2日</span>
|
|
|
- <span v-if="orderType == 1">联系人单位:铜陵泓景园林绿化工程有限公司</span>
|
|
|
- <span v-if="orderType == 1">联系人姓名:胡小平</span>
|
|
|
- <span v-if="orderType == 1">联系人邮箱:149837146@qq.com</span>
|
|
|
- <span v-if="orderType == 1">联系人电话:13856252510</span>
|
|
|
+ <span v-if="orderType == 1">课程地点: {{strCourse.s_address}}</span>
|
|
|
+ <span v-if="orderType == 1">课程时间: {{strCourse.l_starttime}}-{{strCourse.l_endtime}}</span>
|
|
|
+ <span v-if="orderType == 1">联系人单位: {{book.company}}</span>
|
|
|
+ <span v-if="orderType == 1">联系人姓名: {{book.name}}</span>
|
|
|
+ <span v-if="orderType == 1">联系人邮箱: {{book.name}}</span>
|
|
|
+ <span v-if="orderType == 1">联系人电话: {{book.phone}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -36,8 +36,8 @@
|
|
|
<div class="cont">
|
|
|
<div class="tit">报告信息</div>
|
|
|
<div class="classfity">
|
|
|
- <span>报告名称:2019-2020年大数据中心市场研究报告</span>
|
|
|
- <span>邮箱地址:149837146@qq.com</span>
|
|
|
+ <span>报告名称: 2019-2020年大数据中心市场研究报告</span>
|
|
|
+ <span>邮箱地址: 149837146@qq.com</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -47,19 +47,19 @@
|
|
|
<div class="cont">
|
|
|
<div class="tit">导出信息</div>
|
|
|
<div class="classfity">
|
|
|
- <span>筛选日期:2020年01月01日 - 2020年12月31日</span>
|
|
|
- <span>区域:</span>
|
|
|
- <span>行业:弱电安防_智能系统信息技术_系统集成及安全</span>
|
|
|
- <span>关键词:</span>
|
|
|
- <span>金额:100万元 - 3000万元</span>
|
|
|
- <span>信息类型:</span>
|
|
|
- <span>采购单位:</span>
|
|
|
- <span>中标单位:</span>
|
|
|
- <span>数据规格:</span>
|
|
|
- <span>数据数量:</span>
|
|
|
- <span>邮箱地址:</span>
|
|
|
- <span>手机号:</span>
|
|
|
- <span>下载链接:<a href="#" target="_blank">点击下载</a></span>
|
|
|
+ <span>筛选日期: {{book.startime}} - {{book.endtime}}</span>
|
|
|
+ <span>区域: {{String(book.area)}}</span>
|
|
|
+ <span style="display:flex">行业: <i style="width:80%">{{String(book.industry)}}</i></span>
|
|
|
+ <span style="display:flex">关键词: <i style="width:80%">{{String(book.keywords)}}</i></span>
|
|
|
+ <span>金额: {{book.minprice}}万元 - {{book.maxprice}}万元</span>
|
|
|
+ <span>信息类型: {{book.subtype}}</span>
|
|
|
+ <span>采购单位: {{String(book.buyer)}}</span>
|
|
|
+ <span>中标单位: {{String(book.winner)}}</span>
|
|
|
+ <span>数据规格: {{orDetails.data_spec}}</span>
|
|
|
+ <span>数据数量: {{orDetails.data_count}}条</span>
|
|
|
+ <span>邮箱地址: {{orDetails.user_mail}}</span>
|
|
|
+ <span>手机号: {{orDetails.user_phone}}</span>
|
|
|
+ <span>下载链接: <a :href="orDetails.download_url">点击下载</a></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -69,9 +69,9 @@
|
|
|
<div class="cont">
|
|
|
<div class="tit">订阅信息</div>
|
|
|
<div class="classfity">
|
|
|
- <span>订购区域:1个省</span>
|
|
|
- <span>订购行业:3个行业</span>
|
|
|
- <span>订购周期:2020.01.01 - 20201.01.01</span>
|
|
|
+ <span>订购区域: {{book.subscription_area}}</span>
|
|
|
+ <span>订购行业: {{book.industry_str}}</span>
|
|
|
+ <span>订购周期: {{book.effective_date}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -80,13 +80,14 @@
|
|
|
<div class="cont">
|
|
|
<div class="tit">支付信息</div>
|
|
|
<div class="classfity">
|
|
|
- <span>支付单号:232504673120</span>
|
|
|
- <span>支付时间:2020-07-25 23:25:08</span>
|
|
|
- <span>支付方式:微信</span>
|
|
|
- <span v-if="orderType == 1">实付数量:1</span><!-- 线下课程 -->
|
|
|
- <span v-if="orderType == 8">实付金额:100.00</span><!-- VIP订阅 -->
|
|
|
- <span v-if="orderType != 8">支付金额:99.6</span>
|
|
|
- <span>支付状态:已付款</span>
|
|
|
+ <span>支付单号: {{orders.transaction_id}}</span>
|
|
|
+ <span>支付时间: {{orDetails.pay_time}}</span>
|
|
|
+ <span v-if="orderType == 1">支付方式: {{orDetails.pay_way == 'wx_pc'?'微信':'支付宝'}}</span>
|
|
|
+ <span v-else>支付方式: {{orDetails.pay_way}}</span>
|
|
|
+ <span v-if="orderType == 1">实付数量: {{orDetails.original_price}}</span><!-- 线下课程 -->
|
|
|
+ <span v-if="orderType == 8">实付金额: ¥{{(orDetails.pay_money/100).toLocaleString('en-US')}}</span><!-- VIP订阅 -->
|
|
|
+ <span v-if="orderType == 1">支付状态: {{orDetails.order_status | orderPay}}</span>
|
|
|
+ <span v-else>支付状态: {{orDetails.order_status}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -95,9 +96,9 @@
|
|
|
<div class="infor-card" v-if="orderType == 1">
|
|
|
<div class="cont">
|
|
|
<div class="tit">优惠信息</div>
|
|
|
- <div class="classfity">
|
|
|
- <span>每单立减:23.00</span>
|
|
|
- <span>多人立减:0.00</span>
|
|
|
+ <div class="classfity" v-if="strCourse.s_discountPlan">
|
|
|
+ <span>每单立减: ¥{{strCourse.s_discountPlan[0].price}}</span>
|
|
|
+ <span>多人立减: ¥{{strCourse.discountMoney}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -105,15 +106,16 @@
|
|
|
<div class="infor-card">
|
|
|
<div class="cont">
|
|
|
<div class="tit">发票信息</div>
|
|
|
- <div class="classfity">
|
|
|
- <span>发票类型:普通发票(电子发票)</span>
|
|
|
- <span>发票内容:明细</span>
|
|
|
- <!-- <span>发票抬头:单位</span> -->
|
|
|
- <span>开票单位名称:上海欧朝物联网技术有限公司</span>
|
|
|
- <span>纳税人识别号:91310230MA1K2LED0U</span>
|
|
|
- <span>邮箱地址:12421218123@qq.com</span>
|
|
|
- <span>发票状态:单位</span>
|
|
|
- <span>发票查看:<a href="#" target="_blank">点击查看</a></span>
|
|
|
+ <div class="classfity" v-if="orDetails.invoice">
|
|
|
+ <span>发票类型: {{orderType == 1 ? orDetails.invoice.invoice_type : '普通发票(电子发票)'}}</span>
|
|
|
+ <span>发票内容: {{orDetails.invoice.invoice_content}}</span>
|
|
|
+ <span>发票抬头: {{orDetails.invoice.invoice_rise}}</span>
|
|
|
+ <span>开票单位名称: {{orDetails.invoice.company_name}}</span>
|
|
|
+ <span>纳税人识别号: {{orDetails.invoice.taxpayer_identnum || orDetails.invoice.apply_tinumber}}</span>
|
|
|
+ <span>邮箱地址: {{orDetails.invoice.mail || orDetails.invoice.email}}</span>
|
|
|
+ <span v-if="orderType == 1">发票状态: {{orDetails.applybill_status | invoiceStas}}</span>
|
|
|
+ <span v-else>发票状态: {{orDetails.applybill_status}}</span>
|
|
|
+ <span>发票查看: <a :href="orDetails.invoice.url" target="_blank">点击查看</a></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<Divider />
|
|
@@ -122,6 +124,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { ChangeDate1 } from '../../../assets/js/date.js'
|
|
|
export default {
|
|
|
props:{
|
|
|
orderType: String
|
|
@@ -132,14 +135,41 @@ export default {
|
|
|
id: rout.id,
|
|
|
type: rout.proType
|
|
|
}).success((r) => {
|
|
|
+ this.orders = r.data
|
|
|
this.orDetails = r.data.res;
|
|
|
this.book = r.data.filterData;
|
|
|
+ this.strCourse = r.data.resCourse;
|
|
|
+ this.strCourse.l_starttime = ChangeDate1(this.strCourse.l_starttime);
|
|
|
+ this.strCourse.l_endtime = ChangeDate1(this.strCourse.l_endtime);
|
|
|
}).get()
|
|
|
},
|
|
|
+ filters: {
|
|
|
+ invoiceStas (val) {
|
|
|
+ if (val == -2) {
|
|
|
+ return '已冲红'
|
|
|
+ } else if (val == 0) {
|
|
|
+ return '未申请'
|
|
|
+ } else if (val == 1) {
|
|
|
+ return '已申请'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ orderPay(val) {
|
|
|
+ if (val == -2) {
|
|
|
+ return '已取消'
|
|
|
+ } else if (val == 0) {
|
|
|
+ return '未支付'
|
|
|
+ } else if (val == 1) {
|
|
|
+ return '已支付'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
data () {
|
|
|
return {
|
|
|
+ orders: [],
|
|
|
orDetails: [],
|
|
|
- book: []
|
|
|
+ book: [],
|
|
|
+ strCourse: [],
|
|
|
+ offCourse: []
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -154,6 +184,7 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: initial;
|
|
|
.tit {
|
|
|
+ width: 64px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 700;
|
|
|
line-height: 30px;
|
|
@@ -161,6 +192,7 @@ export default {
|
|
|
color: #1e1e1e;
|
|
|
}
|
|
|
.classfity {
|
|
|
+ width: 486px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|