caoliancun/zhongPin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
xiaozhiyong
2023-07-29 10:05:49 +08:00
parent 1d314caefd
commit 2bd0a3b42e
1 changed files with 112 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
BagStation/orderDetail/orderDetail.vue
View File

@@ -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,7 +99,8 @@
<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">
支付方式： 支付方式：
@@ -128,7 +132,7 @@
</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">
@@ -138,8 +142,10 @@
<!-- <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>
@@ -149,7 +155,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>
@@ -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
}) })
} }
@@ -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)
}, },
@@ -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
} }
@@ -409,7 +442,7 @@
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">
transform: translateY(-17px); .more-frame {
} height: 158rpx;
.bg-blue{ overflow-y: auto;
background-color: red;
} .more-item {
.text-centers { margin: 10rpx 0;
text-align: center; padding: 0 30rpx;
width: 90%; font-size: 28rpx;
margin: 0 auto; height: 64rpx;
border-radius: 7px; line-height: 64rpx;
overflow: hidden; text-align: center;
}
&::after {
border: none;
}
}
}
.move-tops {
transform: translateY(-17px);
}
.bg-blue {
background-color: red;
}
.text-centers {
text-align: center;
width: 90%;
margin: 0 auto;
border-radius: 7px;
overflow: hidden;
}
.move-top { .move-top {
margin-top: -2rem; margin-top: -2rem;
} }
@@ -472,6 +527,7 @@
right: 110upx; right: 110upx;
bottom: 10upx; bottom: 10upx;
} }
.move-top { .move-top {
margin-top: -2rem; margin-top: -2rem;
} }