|
|
@@ -53,7 +53,7 @@
|
|
|
<a href="javascript:;" class="active">查看发票</a>
|
|
|
</div>
|
|
|
<div class="w invoice_status" v-if="invoiceData.length > 1">
|
|
|
- <div class="white_shadow left_shadow" @click="clickArrow('left')" v-if="invoiceData.length > 6">
|
|
|
+ <div class="white_shadow left_shadow" @click="clickArrow('left')" v-if="invoiceData.length > 6 && leftBtn">
|
|
|
<div class="el-iconfont">
|
|
|
<i class="el-icon-arrow-left"></i>
|
|
|
</div>
|
|
|
@@ -67,7 +67,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="white_shadow right_shadow" @click="clickArrow('right')" v-if="invoiceData.length > 6">
|
|
|
+ <div class="white_shadow right_shadow" @click="clickArrow('right')" v-if="invoiceData.length > 6 && rightBtn">
|
|
|
<div class="el-iconfont">
|
|
|
<i class="el-icon-arrow-right"></i>
|
|
|
</div>
|
|
|
@@ -75,13 +75,12 @@
|
|
|
</div>
|
|
|
<div class="w step clearfix" v-if="selectinvoice.invoice_status !== -1">
|
|
|
<!-- 进行中 类名为 active 已完成 类名为 finish 未完成默认颜色-->
|
|
|
- <div id="l" class="pro l active"></div>
|
|
|
- <div id="c" class="pro c">财务处理</div>
|
|
|
- <div id="r" class="pro r">发票开具</div>
|
|
|
+ <div id="l" class="pro l" :class="{'active': selectinvoice.invoice_status === 0}">已完成</div>
|
|
|
+ <div id="c" class="pro c" :class="{'active': selectinvoice.invoice_status === 0}">财务处理</div>
|
|
|
+ <div id="r" class="pro r" :class="{'finish': selectinvoice.invoice_status === 1}">发票开具</div>
|
|
|
<div class="rules" data-toggle="modal" data-target="#ruleModal">开票规则</div>
|
|
|
</div>
|
|
|
<div class="w step invoice_fail_container" v-else>
|
|
|
- <!-- 进行中 类名为 active 已完成 类名为 finish 未完成默认颜色-->
|
|
|
<div class="invoice_fail">
|
|
|
<div class="invoice_fail_title"><i class="el-icon-error"></i>开票失败</div>
|
|
|
<div class="invoice_fail_content">公司名称/单位税号填写错误，请核实开票信息再次申请开票</div>
|
|
|
@@ -127,7 +126,7 @@
|
|
|
<button class="btn btn-confirm" @click="lookInvoice" id="look_invoice" v-if="selectinvoice.invoice_status == 1">查看发票</button>
|
|
|
<button class="btn btn-cancel" @click="againInvoice('replace')" id="again_invoice" v-if="selectinvoice.invoice_status == 1 && !selectinvoice.changed">换开申请</button>
|
|
|
<button class="btn btn-confirm" @click="againInvoice('again')" v-if="selectinvoice.invoice_status == -1">再次开票</button>
|
|
|
- <button class="btn btn-confirm" v-if="selectinvoice.invoice_status == -1 && selectinvoice.isReopen">联系客服</button>
|
|
|
+ <button class="btn btn-confirm" @click="concatKf" v-if="selectinvoice.isReopen">联系客服</button>
|
|
|
<p style="text-align: center;font-size: 14px;color: #686868;padding: 12px 0">您申请的发票已由平台开具并发送至您的邮箱，请注意查收。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -306,13 +305,13 @@
|
|
|
}, 2000)
|
|
|
}
|
|
|
|
|
|
- $("#again_invoice").on("click",function(){
|
|
|
- if(!redInvoiceSwitch){
|
|
|
- $('#switchModal').modal('show').find('.text').text(redInvoiceMsg);
|
|
|
- }else{
|
|
|
- window.location.href = "/front/order/invoice/"+ order_code +"?changed=true";
|
|
|
- }
|
|
|
- })
|
|
|
+ // $("#again_invoice").on("click",function(){
|
|
|
+ // if(!redInvoiceSwitch){
|
|
|
+ // $('#switchModal').modal('show').find('.text').text(redInvoiceMsg);
|
|
|
+ // }else{
|
|
|
+ // window.location.href = "/front/order/invoice/"+ order_code +"?changed=true";
|
|
|
+ // }
|
|
|
+ // })
|
|
|
|
|
|
function viewInvoice(order_code){
|
|
|
$.post("/jypay/invoice/show",{"order_code":order_code},function(r){
|
|
|
@@ -441,7 +440,9 @@
|
|
|
return {
|
|
|
invoiceData: [],
|
|
|
selectinvoice: {},
|
|
|
- loading: true
|
|
|
+ loading: true,
|
|
|
+ leftBtn: false,
|
|
|
+ rightBtn: true
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -451,6 +452,15 @@
|
|
|
$('#check_invoice').show()
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 联系客服
|
|
|
+ concatKf: function () {
|
|
|
+ if (goTemplateData.inIframe) {
|
|
|
+ window.$BRACE.$emit('open-customer')
|
|
|
+ } else {
|
|
|
+ // 打开客服弹窗
|
|
|
+ checkCustomerService()
|
|
|
+ }
|
|
|
+ },
|
|
|
getInvoiceShowList() {
|
|
|
const url = '/jypay/invoice/showList'
|
|
|
const params = {
|
|
|
@@ -515,15 +525,20 @@
|
|
|
itemAllWidth = itemAllWidth.reduce((a, b) => a + b) - 1200;
|
|
|
var currentLeft = invoiceStatusList.position().left;
|
|
|
if(data == 'right') {
|
|
|
+ this.leftBtn = true
|
|
|
if(currentLeft <= -itemAllWidth) {
|
|
|
invoiceStatusList.css('left', -itemAllWidth + 'px');
|
|
|
+ this.rightBtn = false
|
|
|
return;
|
|
|
}
|
|
|
invoiceStatusList.css('left', currentLeft - 100 + 'px');
|
|
|
} else {
|
|
|
if(currentLeft >= 0) {
|
|
|
+ this.leftBtn = false
|
|
|
+ this.rightBtn = true
|
|
|
return;
|
|
|
}
|
|
|
+ this.rightBtn = true
|
|
|
invoiceStatusList.css('left', currentLeft + 100 + 'px');
|
|
|
}
|
|
|
},
|
tangshizhe