|
@@ -5,9 +5,9 @@
|
|
<div class="cont">
|
|
<div class="cont">
|
|
<div class="tit">订单信息</div>
|
|
<div class="tit">订单信息</div>
|
|
<div class="classfity">
|
|
<div class="classfity">
|
|
- <span>订单编号: {{orDetails.order_code}}</span>
|
|
|
|
- <span>订单时间: {{orDetails.create_time}}</span>
|
|
|
|
- <span>产品类型: {{orDetails.product_type}}</span>
|
|
|
|
|
|
+ <span>订单编号: {{orDetails?orDetails.order_code:''}}</span>
|
|
|
|
+ <span>订单时间: {{orDetails?orDetails.create_time:''}}</span>
|
|
|
|
+ <span>产品类型: {{orDetails?orDetails.product_type:''}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Divider />
|
|
<Divider />
|
|
@@ -17,12 +17,14 @@
|
|
<div class="tit">课程信息</div>
|
|
<div class="tit">课程信息</div>
|
|
<div class="classfity">
|
|
<div class="classfity">
|
|
<!-- 线上课程 -->
|
|
<!-- 线上课程 -->
|
|
- <span>课程名称: {{strCourse.s_name}}</span>
|
|
|
|
|
|
+ <span>课程名称: <i>{{strCourse.s_name?strCourse.s_name:''}}</i></span>
|
|
<span v-if="orderType == 0">课程时长: {{strCourse.s_courseDate}}</span>
|
|
<span v-if="orderType == 0">课程时长: {{strCourse.s_courseDate}}</span>
|
|
<span v-if="orderType == 0">有效周期: {{strCourse.l_endtime}}到期</span>
|
|
<span v-if="orderType == 0">有效周期: {{strCourse.l_endtime}}到期</span>
|
|
- <!-- 线下课程 -->
|
|
|
|
|
|
+ <!-- 线下课程(招投标课程) -->
|
|
<span v-if="orderType == 1">课程地点: {{strCourse.s_address}}</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">课程时间:
|
|
|
|
+ <i v-if="strCourse">{{l_starttime?l_starttime:''}}-{{l_endtime?l_endtime:''}}</i>
|
|
|
|
+ </span>
|
|
<span v-if="orderType == 1">联系人单位: {{book.company}}</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.name}}</span>
|
|
<span v-if="orderType == 1">联系人邮箱: {{book.name}}</span>
|
|
@@ -36,8 +38,8 @@
|
|
<div class="cont">
|
|
<div class="cont">
|
|
<div class="tit">报告信息</div>
|
|
<div class="tit">报告信息</div>
|
|
<div class="classfity">
|
|
<div class="classfity">
|
|
- <span>报告名称: 2019-2020年大数据中心市场研究报告</span>
|
|
|
|
- <span>邮箱地址: 149837146@qq.com</span>
|
|
|
|
|
|
+ <span>报告名称: <i v-if="orDetails">{{orDetails.reportName}}</i></span>
|
|
|
|
+ <span>邮箱地址: <i v-if="orDetails">{{orDetails.user_mail}}</i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Divider />
|
|
<Divider />
|
|
@@ -47,19 +49,21 @@
|
|
<div class="cont">
|
|
<div class="cont">
|
|
<div class="tit">导出信息</div>
|
|
<div class="tit">导出信息</div>
|
|
<div class="classfity">
|
|
<div class="classfity">
|
|
- <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>
|
|
|
|
|
|
+ <span>筛选日期: <i v-if="book">{{book.startime}} - {{book.endtime}}</i></span>
|
|
|
|
+ <span>区域: <i>{{String(book.area)}}</i></span>
|
|
|
|
+ <span>行业: <i>{{String(book.industry)}}</i></span>
|
|
|
|
+ <span>关键词: <i>{{String(book.keywordsArr)}}</i></span>
|
|
|
|
+ <span>金额:
|
|
|
|
+ <i v-if="book">{{book.minprice || 0}}万元 - {{book.maxprice || 0}}万元</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span>信息类型: <i v-if="book">{{book.subtype}}</i></span>
|
|
|
|
+ <span>采购单位: <i v-if="book">{{String(book.buyer)}}</i></span>
|
|
|
|
+ <span>中标单位: <i v-if="book">{{String(book.winner)}}</i></span>
|
|
|
|
+ <span>数据规格: <i v-if="orDetails">{{orDetails.data_spec}}</i></span>
|
|
|
|
+ <span>数据数量: <i v-if="orDetails">{{orDetails.data_count}}条</i></span>
|
|
|
|
+ <span>邮箱地址: <i v-if="orDetails">{{orDetails.user_mail}}</i></span>
|
|
|
|
+ <span>手机号: <i v-if="orDetails">{{orDetails.user_phone}}</i></span>
|
|
|
|
+ <span>下载链接: <i v-if="orDetails"><a :href="orDetails?orDetails.download_url:''">点击下载</a></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Divider />
|
|
<Divider />
|
|
@@ -69,25 +73,52 @@
|
|
<div class="cont">
|
|
<div class="cont">
|
|
<div class="tit">订阅信息</div>
|
|
<div class="tit">订阅信息</div>
|
|
<div class="classfity">
|
|
<div class="classfity">
|
|
- <span>订购区域: {{book.subscription_area}}</span>
|
|
|
|
- <span>订购行业: {{book.industry_str}}</span>
|
|
|
|
- <span>订购周期: {{book.effective_date}}</span>
|
|
|
|
|
|
+ <span>订购区域: <i v-if="book">{{book?book.subscription_area:''}}</i></span>
|
|
|
|
+ <span>订购行业: <i v-if="book">{{book.industry_str}}</i></span>
|
|
|
|
+ <span>订购周期: <i v-if="book">{{book?book.effective_date:''}}</i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Divider />
|
|
<Divider />
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- 企业商机管理 -->
|
|
|
|
+ <div class="infor-card" v-if="orderType == 6">
|
|
|
|
+ <div class="cont">
|
|
|
|
+ <div class="tit">管理信息</div>
|
|
|
|
+ <div class="classfity">
|
|
|
|
+ <span>企业信息: <i v-if="book">{{book?book.entname:''}}</i></span>
|
|
|
|
+ <span>管理员: <i v-if="book"></i></span>
|
|
|
|
+ <span>手机号: <i v-if="book"></i></span>
|
|
|
|
+ <span>使用产品人数: <i v-if="book">{{book?book.personnum:''}}</i></span>
|
|
|
|
+ <span>行业: <i v-if="book">{{book?book.industry:''}}</i></span>
|
|
|
|
+ <span>使用周期: <i v-if="book">{{book?book.cycle:''}}年</i></span>
|
|
|
|
+ <span>有效周期: <i v-if="book"></i></span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <Divider />
|
|
|
|
+ </div>
|
|
|
|
+ <!-- 支付信息 -->
|
|
<div class="infor-card">
|
|
<div class="infor-card">
|
|
<div class="cont">
|
|
<div class="cont">
|
|
<div class="tit">支付信息</div>
|
|
<div class="tit">支付信息</div>
|
|
<div class="classfity">
|
|
<div class="classfity">
|
|
- <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>
|
|
|
|
|
|
+ <span>支付单号: <i v-if="orders">{{orders.transaction_id}}</i></span>
|
|
|
|
+ <span>支付时间: <i v-if="orDetails">{{orDetails.pay_time}}</i></span>
|
|
|
|
+ <span v-if="orderType == 1">支付方式:
|
|
|
|
+ <i v-if="orDetails">{{orDetails.pay_way == 'wx_pc'?'微信':'支付宝'}}</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-else>支付方式: <i v-if="orDetails">{{orDetails.pay_way}}</i></span>
|
|
|
|
+ <span v-if="orderType == 1">实付数量:
|
|
|
|
+ <i v-if="orDetails">{{orDetails.original_price}}</i>
|
|
|
|
+ </span><!-- 线下课程 -->
|
|
|
|
+ <span v-if="orderType == 8">实付金额:
|
|
|
|
+ <i v-if="orDetails">{{orDetails.pay_money?('¥'+orDetails.pay_money/100).toLocaleString('en-US'):''}}</i>
|
|
|
|
+ </span><!-- VIP订阅 -->
|
|
|
|
+ <span v-if="orderType == 1">支付状态:
|
|
|
|
+ <i :class="orDetails.order_status | orderColr" v-if="orDetails">{{orDetails.order_status | orderPay}}</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-else>支付状态:
|
|
|
|
+ <i :class="orDetails.order_status | orderWord" v-if="orDetails">{{orDetails.order_status}}</i>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Divider />
|
|
<Divider />
|
|
@@ -97,8 +128,8 @@
|
|
<div class="cont">
|
|
<div class="cont">
|
|
<div class="tit">优惠信息</div>
|
|
<div class="tit">优惠信息</div>
|
|
<div class="classfity" v-if="strCourse.s_discountPlan">
|
|
<div class="classfity" v-if="strCourse.s_discountPlan">
|
|
- <span>每单立减: ¥{{strCourse.s_discountPlan[0].price}}</span>
|
|
|
|
- <span>多人立减: ¥{{strCourse.discountMoney}}</span>
|
|
|
|
|
|
+ <span>每单立减: <i v-if="strCourse">¥{{strCourse.s_discountPlan[0].price || 0}}</i></span>
|
|
|
|
+ <span>多人立减: <i v-if="strCourse">¥{{strCourse.discountMoney || 0}}</i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Divider />
|
|
<Divider />
|
|
@@ -106,16 +137,32 @@
|
|
<div class="infor-card">
|
|
<div class="infor-card">
|
|
<div class="cont">
|
|
<div class="cont">
|
|
<div class="tit">发票信息</div>
|
|
<div class="tit">发票信息</div>
|
|
- <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 class="classfity">
|
|
|
|
+ <span>发票类型:
|
|
|
|
+ <i v-if="orDetails && orDetails.applybill_status == '已申请' || orDetails.applybill_status == 1">{{(orderType == 1 ? orDetails.invoice?orDetails.invoice.invoice_type:'--' : '普通发票(电子发票)')}}</i>
|
|
|
|
+ <i v-else>--</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span>发票内容:
|
|
|
|
+ <i v-if="orDetails">{{orDetails.invoice?orDetails.invoice.invoice_content:'--'}}</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span>发票抬头:
|
|
|
|
+ <i v-if="orDetails">{{orderType == 1?orDetails.invoice?orDetails.invoice.invoice_rise:'--':orDetails.invoice?orDetails.invoice.invoice_type:'--'}}</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="orDetails.invoice?orDetails.invoice.invoice_rise=='单位' || orDetails.invoice.invoice_type=='单位':''">开票单位名称: <i v-if="orDetails">{{orDetails.invoice?orDetails.invoice.company_name:'--'}}</i></span>
|
|
|
|
+ <span v-if="orDetails.invoice?orDetails.invoice.invoice_rise=='单位':'' || orDetails.invoice?orDetails.invoice.invoice_type=='单位':''">纳税人识别号: <i v-if="orDetails">{{orDetails.invoice?orDetails.invoice.taxpayer_identnum || orDetails.invoice.apply_tinumber:'--'}}</i></span>
|
|
|
|
+ <span>邮箱地址:
|
|
|
|
+ <i v-if="orDetails">{{orDetails.invoice?orDetails.invoice.mail || orDetails.invoice.email:'--'}}</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="orderType == 1">发票状态:
|
|
|
|
+ <i :class="orDetails.applybill_status | invoiceColor" v-if="orDetails">{{orDetails.applybill_status | invoiceStas}}</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-else>发票状态:
|
|
|
|
+ <i :class="orDetails.applybill_status | applyClor" v-if="orDetails">{{orDetails.applybill_status}}</i>
|
|
|
|
+ </span>
|
|
|
|
+ <span>发票查看:
|
|
|
|
+ <i v-if="orDetails && orDetails.applybill_status == '已申请' || orDetails.applybill_status == 1"><a :href="orDetails.invoice?orDetails.invoice.url:'*'" target="_blank">点击查看</a></i>
|
|
|
|
+ <i v-else>--</i>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Divider />
|
|
<Divider />
|
|
@@ -138,9 +185,17 @@ export default {
|
|
this.orders = r.data
|
|
this.orders = r.data
|
|
this.orDetails = r.data.res;
|
|
this.orDetails = r.data.res;
|
|
this.book = r.data.filterData;
|
|
this.book = r.data.filterData;
|
|
|
|
+ // if (this.book && this.book.keywords) {
|
|
|
|
+ // this.book.keywords.forEach(e => {
|
|
|
|
+ // this.arr.push(e.keyword)
|
|
|
|
+ // this.keyMsg = this.arr.join(",")
|
|
|
|
+ // });
|
|
|
|
+ // }
|
|
this.strCourse = r.data.resCourse;
|
|
this.strCourse = r.data.resCourse;
|
|
- this.strCourse.l_starttime = ChangeDate1(this.strCourse.l_starttime);
|
|
|
|
- this.strCourse.l_endtime = ChangeDate1(this.strCourse.l_endtime);
|
|
|
|
|
|
+ if (this.strCourse) {
|
|
|
|
+ this.l_starttime = ChangeDate1(this.strCourse.l_starttime);
|
|
|
|
+ this.l_endtime = ChangeDate1(this.strCourse.l_endtime);
|
|
|
|
+ }
|
|
}).get()
|
|
}).get()
|
|
},
|
|
},
|
|
filters: {
|
|
filters: {
|
|
@@ -153,14 +208,62 @@ export default {
|
|
return '已申请'
|
|
return '已申请'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- orderPay(val) {
|
|
|
|
|
|
+ invoiceColor (val) {
|
|
if (val == -2) {
|
|
if (val == -2) {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == 0) {
|
|
|
|
+ return 'color2'
|
|
|
|
+ } else if (val == 1) {
|
|
|
|
+ return 'color3'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ applyClor (val) {
|
|
|
|
+ if (val == '已冲红') {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == '未申请') {
|
|
|
|
+ return 'color2'
|
|
|
|
+ } else if (val == '已申请') {
|
|
|
|
+ return 'color3'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ orderPay(val) {
|
|
|
|
+ if (val == -3) {
|
|
|
|
+ return '已退款'
|
|
|
|
+ } else if (val == -2) {
|
|
return '已取消'
|
|
return '已取消'
|
|
|
|
+ } else if (val == -1) {
|
|
|
|
+ return '逻辑删除'
|
|
} else if (val == 0) {
|
|
} else if (val == 0) {
|
|
return '未支付'
|
|
return '未支付'
|
|
} else if (val == 1) {
|
|
} else if (val == 1) {
|
|
return '已支付'
|
|
return '已支付'
|
|
}
|
|
}
|
|
|
|
+ },
|
|
|
|
+ orderColr(val) {
|
|
|
|
+ if (val == -3) {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == -2) {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == -1) {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == 0) {
|
|
|
|
+ return 'color2'
|
|
|
|
+ } else if (val == 1) {
|
|
|
|
+ return 'color3'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ orderWord(val) {
|
|
|
|
+ if (val == '已退款') {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == '已取消') {
|
|
|
|
+ return 'color2'
|
|
|
|
+ } else if (val == '逻辑删除') {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == '未支付') {
|
|
|
|
+ return 'color1'
|
|
|
|
+ } else if (val == '已支付') {
|
|
|
|
+ return 'color3'
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
data () {
|
|
data () {
|
|
@@ -169,7 +272,8 @@ export default {
|
|
orDetails: [],
|
|
orDetails: [],
|
|
book: [],
|
|
book: [],
|
|
strCourse: [],
|
|
strCourse: [],
|
|
- offCourse: []
|
|
|
|
|
|
+ l_starttime: '',
|
|
|
|
+ l_endtime: ''
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -184,21 +288,39 @@ export default {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: initial;
|
|
flex-direction: initial;
|
|
.tit {
|
|
.tit {
|
|
- width: 64px;
|
|
|
|
|
|
+ width: 80px;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
- line-height: 30px;
|
|
|
|
|
|
+ line-height: 34px;
|
|
margin-right: 50px;
|
|
margin-right: 50px;
|
|
color: #1e1e1e;
|
|
color: #1e1e1e;
|
|
}
|
|
}
|
|
.classfity {
|
|
.classfity {
|
|
- width: 486px;
|
|
|
|
|
|
+ width: 470px;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
- font-size: 13px;
|
|
|
|
|
|
+ font-size: 16px;
|
|
color: #333;
|
|
color: #333;
|
|
- line-height: 30px;
|
|
|
|
|
|
+ line-height: 34px;
|
|
|
|
+ span {
|
|
|
|
+ display: flex;
|
|
|
|
+ i {
|
|
|
|
+ width: 70%;
|
|
|
|
+ }
|
|
|
|
+ .no-line {
|
|
|
|
+ color: #999;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .color1 {
|
|
|
|
+ color: #f4516c;
|
|
|
|
+ }
|
|
|
|
+ .color2 {
|
|
|
|
+ color: #ffb822;
|
|
|
|
+ }
|
|
|
|
+ .color3 {
|
|
|
|
+ color: #34bfa3;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|