@@ -1,5 +1,5 @@
< template >
< template >
< view @ tap.stop = ' showMiniBtn = false ' >
< view @ tap.stop = ' showMiniBtn = false ' >
< cu-custom class = "main-totextbar bg-main-oil" :isBack = "true" bgColor = "bg-main-oil" >
< cu-custom class = "main-totextbar bg-main-oil" :isBack = "true" bgColor = "bg-main-oil" >
< block slot = "backText" > 返回 < / block >
< block slot = "backText" > 返回 < / block >
< block slot = "content" > 订单支付结果 < / block >
< block slot = "content" > 订单支付结果 < / block >
@@ -13,14 +13,15 @@
< view class = "qr-container " >
< view class = "qr-container " >
< view class = "qrimg" >
< view class = "qrimg" >
< view class = "qrimg" @tap ="newQrString" >
< view class = "qrimg" @tap ="newQrString" >
< tki -qrcode ref = "qrcode" cid = "2" loadMake :val = "val" :size = "250" unit = "upx"
< tki -qrcode ref = "qrcode" cid = "2" loadMake :val = "val" :size = "250" unit = "upx" background = "#fff"
background = "#fff" foreground= "#000" pdground = "#000" :icon = "iconUrl" iconSize = "40" onval
foreground = "#000" pdground = "#000" :icon = "iconUrl" iconSize = "40" onval
:usingComponents = "usingComponents" showLoading / >
:usingComponents = "usingComponents" showLoading / >
< / view >
< / view >
< / view >
< / view >
< / view >
< / view >
< view class = "text-center text-sm justify-center align-center flex" >
< view class = "text-center text-sm justify-center align-center flex" >
< image src = "../static/img/YDJY.png" mode = "" style = "width: 60upx;height:60upx;" class = "margin-right-sm" > < / image >
< image src = "../static/img/YDJY.png" mode = "" style = "width: 60upx;height:60upx;" class = "margin-right-sm" >
< / image >
< text > 壳牌 < / text >
< text > 壳牌 < / text >
< / view >
< / view >
< view class = "text-center padding-top text-sm margin-bottom" >
< view class = "text-center padding-top text-sm margin-bottom" >
@@ -38,7 +39,8 @@
< view class = "padding-bottom-xs margin-bottom-xs dashed-bottom" >
< view class = "padding-bottom-xs margin-bottom-xs dashed-bottom" >
< view class = "padding-tb-xs text-left" @tap ="onCopy(order.orderSerialNumber)" >
< view class = "padding-tb-xs text-left" @tap ="onCopy(order.orderSerialNumber)" >
订单编号 :
订单编号 :
< text class = "fr" > { { order . orderSerialNumber ? order . orderSerialNumber : '' } } < text class = "cuIcon-copy padding-left-xs" > < / text > < / text >
< text class = "fr" > { { order . orderSerialNumber ? order . orderSerialNumber : '' } } < text
class = "cuIcon-copy padding-left-xs" > < / text > < / text >
< / view >
< / view >
< / view >
< / view >
@@ -87,7 +89,8 @@
< / view >
< / view >
< view class = "padding-tb-xs text-left" >
< view class = "padding-tb-xs text-left" >
星油优惠 :
星油优惠 :
< text class = "text-red fr" > { { order . xoilDiscountAmount > 0 ? order . xoilDiscountAmount : 'xxx.x' | moneyFormat } } < / text >
< text
class = "text-red fr" > { { order . xoilDiscountAmount > 0 ? order . xoilDiscountAmount : 'xxx.x' | moneyFormat } } < / text >
< / view >
< / view >
< view class = "padding-tb-xs text-left" >
< view class = "padding-tb-xs text-left" >
优惠券 :
优惠券 :
@@ -96,12 +99,13 @@
< view class = "padding-tb-xs text-left" >
< view class = "padding-tb-xs text-left" >
合计 :
合计 :
< text class = "text-red text-bold text-lg fr" > { { order . payRealAmount > 0 ? order . payRealAmount : 'xxx.x' } } < / text >
< text
class = "text-red text-bold text-lg fr" > { { order . payRealAmount > 0 ? order . payRealAmount : 'xxx.x' } } < / text >
< / view >
< / view >
< view class = "padding-tb-xs text-left" >
< view class = "padding-tb-xs text-left" >
支付方式 :
支付方式 :
< text class = " fr" v -if = ' order.orderSource = = " SXF_WECHAT_MINIAPPS " ' > 随行付支付 < / text >
< text class = " fr" v -if = ' order.orderSource = = " SXF_WECHAT_MINIAPPS " ' > 随行付支付 < / text >
< text class = " fr" v-else > {{ order.payAccountType = = 0 ? ' 个人账户支付 ' : ' 企业账户支付 ' }} < / text >
< text class = " fr" v-else > {{ order.payAccountType = = 0 ? ' 个人账户支付 ' : ' 企业账户支付 ' }} < / text >
< / view >
< / view >
< view class = "padding-tb-xs text-left" >
< view class = "padding-tb-xs text-left" >
@@ -128,28 +132,31 @@
< / view >
< / view >
< / view >
< / view >
< / view >
< / view >
< view class = "padding-md padding-right padding-left-xl text-right position-re" @tap.stop ="showMiniBtn=true"
< view class = "padding-md padding-right padding-left-xl text-right position-re" @tap.stop ="showMiniBtn=true"
v-if = "order.orderStatus == 1 " >
v-if = "order.orderStatus == 1 " >
< view class = "radius shadow mini-btn bg-white padding-xs flex-wrap position-ab ab-rihgt-bootm"
< view class = "radius shadow mini-btn bg-white padding-xs flex-wrap position-ab ab-rihgt-bootm"
v-if = "showMiniBtn" >
v-if = "showMiniBtn" >
< ! - - < view class = "margin-bottom-sm " >
< ! - - < view class = "margin-bottom-sm " >
< button class = "cu-btn nowrap bg-white" @tap ="deleteOrder(item.orderSerialNumber)" > 删除 < / button >
< button class = "cu-btn nowrap bg-white" @tap ="deleteOrder(item.orderSerialNumber)" > 删除 < / button >
< / view > - - >
< / view > - - >
<!-- < view class = " " >
<!-- < view class = " " >
< button class = "cu-btn nowrap " @tap ="showMiniBtn=false" > 收起 < / button >
< button class = "cu-btn nowrap " @tap ="showMiniBtn=false" > 收起 < / button >
< / view > - - >
< / view > - - >
< view class = "margin-bottom-sm " >
< view class = "more-frame " >
< button class = "cu-btn nowrap bg-white" @tap ="gotoInvoicing ()" > 查看开票信息 < / button >
< button class = "more-item nowrap bg-white " @tap ="goDiscount ()" > 优惠油站 < / button >
< button class = "more-item nowrap bg-white " @tap ="toRiskControl()" > 中交风控 < / button >
< button class = "more-item nowrap bg-white " @tap ="gotoInvoicing()" > 查看开票信息 < / button >
< / view >
< / view >
< / view >
< / view >
< text class = "text-lg" > 更多 < / text >
< text class = "text-lg" > 更多 < / text >
< / view >
< / view >
< view class = "padding bg-white fixed-bottom" >
< view class = "padding bg-white fixed-bottom" >
< view class = "flex margin-bottom" v-if = "order.orderStatus==0" >
< view class = "flex margin-bottom" v-if = "order.orderStatus==0" >
< button class = "cu-btn block flex-sub lg bg-main-oil " @tap ="makePay" > 立即支付 < / button >
< button class = "cu-btn block flex-sub lg bg-main-oil " @tap ="makePay" > 立即支付 < / button >
< button class = "cu-btn block flex-sub lg margin-left" @tap ="cancelOrder" > 取消订单 < / button >
< button class = "cu-btn block flex-sub lg margin-left" @tap ="cancelOrder" > 取消订单 < / button >
< / view >
< / view >
< button class = " cu-btn bg-white oil-main-color block flex-sub lg " open -type = " contact " > < text class = "cuIcon-service padding-right-sm" > < / text >
< button class = " cu-btn bg-white oil-main-color block flex-sub lg " open -type = " contact " > < text
class = "cuIcon-service padding-right-sm" > < / text >
在线客服 < / button >
在线客服 < / button >
<!-- < button class = "cu-btn block lg margin-top " @tap ="delOrder" > 删除订单 < / button > - - >
<!-- < button class = "cu-btn block lg margin-top " @tap ="delOrder" > 删除订单 < / button > - - >
< / view >
< / view >
@@ -158,7 +165,8 @@
< button class = "cu-btn block flex-sub lg bg-main-oil " @tap ="makePay" > 立即支付 < / button >
< button class = "cu-btn block flex-sub lg bg-main-oil " @tap ="makePay" > 立即支付 < / button >
< button class = "cu-btn block flex-sub lg margin-left" @tap ="cancelOrder" > 取消订单 < / button >
< button class = "cu-btn block flex-sub lg margin-left" @tap ="cancelOrder" > 取消订单 < / button >
< / view >
< / view >
< button class = " cu-btn bg-white oil-main-color block flex-sub lg " open -type = " contact " > < text class = "cuIcon-service padding-right-sm" > < / text >
< button class = " cu-btn bg-white oil-main-color block flex-sub lg " open -type = " contact " > < text
class = "cuIcon-service padding-right-sm" > < / text >
在线客服 < / button >
在线客服 < / button >
<!-- < button class = "cu-btn block lg margin-top " @tap ="delOrder" > 删除订单 < / button > - - >
<!-- < button class = "cu-btn block lg margin-top " @tap ="delOrder" > 删除订单 < / button > - - >
< / view >
< / view >
@@ -172,6 +180,7 @@
import oilSiteApi from '@/api/oil-site.js'
import oilSiteApi from '@/api/oil-site.js'
import tkiQrcode from "../pages/components/tki-qrcode/tki-qrcode.vue" //二维码生成器
import tkiQrcode from "../pages/components/tki-qrcode/tki-qrcode.vue" //二维码生成器
import financelApi from '@/api/oil-finance.js'
import financelApi from '@/api/oil-finance.js'
import Financial from '@/api/Financial.js'
export default {
export default {
components : {
components : {
ThirdPartyVoucher ,
ThirdPartyVoucher ,
@@ -180,8 +189,8 @@
data ( ) {
data ( ) {
return {
return {
showMiniBtn : false ,
showMiniBtn : false ,
showQr : false ,
showQr : false ,
val : '' ,
val : '' ,
showThirdResult : false ,
showThirdResult : false ,
id : '' ,
id : '' ,
order : { } ,
order : { } ,
@@ -212,31 +221,54 @@
}
}
}
}
} ,
} ,
watch : {
watch : {
showMiniBtn : function ( ) {
showMiniBtn : function ( ) {
// setTimeout(()=>{
// setTimeout(()=>{
// this.showMiniBtn = false
// this.showMiniBtn = false
// },1000)
// },1000)
}
}
} ,
} ,
methods : {
methods : {
goDiscount ( ) {
uni . navigateTo ( {
url : '/Activity/pages/index/index'
} )
} ,
toRiskControl ( ) {
const user = uni . getStorageSync ( 'user' ) ;
if ( user ) {
Financial . findHomePageReport ( {
customerId : user . id
} ) . then ( res => {
if ( res . data ) {
uni . navigateTo ( {
url : ` /Financial/pages/estimate/index?data= ${ encodeURIComponent ( JSON . stringify ( res . data ) ) } `
} )
} else {
uni . navigateTo ( {
url : '/Financial/pages/index?guide=1'
} )
}
} ) ;
}
} ,
newQrString ( ) {
newQrString ( ) {
this . getOrderQrCode ( )
this . getOrderQrCode ( )
} ,
} ,
getOrderQrCode ( ) {
getOrderQrCode ( ) {
oilSiteApi . getOrderQrCode ( this . order . orderSerialNumber ) . then ( ( res ) => {
oilSiteApi . getOrderQrCode ( this . order . orderSerialNumber ) . then ( ( res ) => {
console . log ( res )
console . log ( res )
this . val = res . data
this . val = res . data
if ( res . code == 40000 ) {
if ( res . code == 40000 ) {
this . showQr = false
this . showQr = false
} else if ( res . code == 20000 ) {
} else if ( res . code == 20000 ) {
this . showQr = true
this . showQr = true
this . val = res . data . codeStr
this . val = res . data . codeStr
}
}
} )
} )
} ,
} ,
gotoInvoicing ( ) { //前往开票
gotoInvoicing ( ) { //前往开票
console . log ( this . order , '+++++++++++++' )
console . log ( this . order , '+++++++++++++' )
financelApi . checkStatus ( this . order . orderSerialNumber ) . then ( ( res ) => {
financelApi . checkStatus ( this . order . orderSerialNumber ) . then ( ( res ) => {
console . log ( '这里是check是否开发票' )
console . log ( '这里是check是否开发票' )
console . log ( res )
console . log ( res )
@@ -250,7 +282,8 @@
} else {
} else {
uni . navigateTo ( {
uni . navigateTo ( {
url : '/BagStation/orderInvoicing/orderInvoicing?orderId=' + this . order
url : '/BagStation/orderInvoicing/orderInvoicing?orderId=' + this . order
. orderSerialNumber + '&&customerId=' + this . order . customerId + '&&payRealAmount=' + this . order . payRealAmount +
. orderSerialNumber + '&&customerId=' + this . order . customerId +
'&&payRealAmount=' + this . order . payRealAmount +
'&&realAmount=' + this . order . realAmount + '&&code=' + 1
'&&realAmount=' + this . order . realAmount + '&&code=' + 1
} )
} )
}
}
@@ -285,7 +318,7 @@
// }
// }
// })
// })
// },
// },
// 三方支付结果弹窗结束
// 三方支付结果弹窗结束
onCopy ( id ) {
onCopy ( id ) {
uni . setClipboardData ( {
uni . setClipboardData ( {
@@ -303,7 +336,7 @@
if ( res . code == 20000 ) {
if ( res . code == 20000 ) {
this . order = res . data
this . order = res . data
uni . setStorageSync ( 'oilItem' , res . data )
uni . setStorageSync ( 'oilItem' , res . data )
this . getOrderQrCode ( )
this . getOrderQrCode ( )
if ( res . data . payMethod == 2 ) {
if ( res . data . payMethod == 2 ) {
this . tyPayMethod = res . data . payMethod
this . tyPayMethod = res . data . payMethod
// this.queryOrderStatusSq()
// this.queryOrderStatusSq()
@@ -311,12 +344,12 @@
}
}
} )
} )
} ,
} ,
toDetail ( item ) {
toDetail ( item ) {
if ( item . zpDisable === 'DISABLE' ) return
if ( item . zpDisable === 'DISABLE' ) return
var itemS = JSON . stringify ( item )
var itemS = JSON . stringify ( item )
uni . setStorageSync ( 'siteInfo' , itemS )
uni . setStorageSync ( 'siteInfo' , itemS )
uni . navigateTo ( {
uni . navigateTo ( {
url : ` /BagStation/pages/stationDetail/stationDetail ` ,
url : ` /BagStation/pages/stationDetail/stationDetail ` ,
fail : ( err ) => {
fail : ( err ) => {
// console.log(err)
// console.log(err)
} ,
} ,
@@ -326,7 +359,7 @@
} )
} )
} ,
} ,
cancelOrder ( ) {
cancelOrder ( ) {
orderApi . cancelOrder ( this . id ) . then ( res => {
orderApi . cancelOrder ( this . id ) . then ( res => {
if ( res . code == 20000 ) {
if ( res . code == 20000 ) {
uni . showToast ( {
uni . showToast ( {
@@ -369,7 +402,7 @@
}
}
} ,
} ,
onLoad ( option ) {
onLoad ( option ) {
this . id = option . id
this . id = option . id
this . getOrderInfo ( )
this . getOrderInfo ( )
uni . showShareMenu ( )
uni . showShareMenu ( )
@@ -383,7 +416,7 @@
moneyFormat ( value ) {
moneyFormat ( value ) {
if ( value != 'xxx.x' ) {
if ( value != 'xxx.x' ) {
console . log ( value )
console . log ( value )
return ( parseInt ( value * 100 ) / 100 ) . toFixed ( 2 )
return ( parseInt ( value * 100 ) / 100 ) . toFixed ( 2 )
} else {
} else {
return value
return value
}
}
@@ -407,9 +440,9 @@
}
}
} ,
} ,
moneyFormath ( value ) {
moneyFormath ( value ) {
console . log ( value )
console . log ( value )
if ( value != 'xxx.x' ) {
if ( value != 'xxx.x' ) {
let number = parseFloat ( value ) . toFixed ( 2 )
let number = parseFloat ( value ) . toFixed ( 2 )
return number
return number
} else {
} else {
return value
return value
@@ -451,19 +484,41 @@
}
}
< / script >
< / script >
< style scoped >. move - tops {
< style scoped lang = "scss" >
transf orm : translateY ( - 17 px ) ;
. m ore - frame {
}
height : 158 rpx ;
. bg - blue {
overflow - y : auto ;
background - color : red ;
}
. more - item {
. text - centers {
margin : 10 rpx 0 ;
text - align : center ;
padding : 0 30 rpx ;
width : 90 % ;
font - size : 28 rpx ;
margin : 0 auto ;
height : 64 rpx ;
border - radius : 7 px ;
line - height : 64 r px;
overflow : hidden ;
text - align : center ;
}
& : : after {
border : none ;
}
}
}
. move - tops {
transform : translateY ( - 17 px ) ;
}
. bg - blue {
background - color : red ;
}
. text - centers {
text - align : center ;
width : 90 % ;
margin : 0 auto ;
border - radius : 7 px ;
overflow : hidden ;
}
. move - top {
. move - top {
margin - top : - 2 rem ;
margin - top : - 2 rem ;
}
}
@@ -472,6 +527,7 @@
right : 110 upx ;
right : 110 upx ;
bottom : 10 upx ;
bottom : 10 upx ;
}
}
. move - top {
. move - top {
margin - top : - 2 rem ;
margin - top : - 2 rem ;
}
}