|
|
|
|
<template>
|
|
|
|
|
<view class="page-content">
|
|
|
|
|
<view class v-show="beforePay">
|
|
|
|
|
<cu-custom class="main-topbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
|
|
|
|
|
<block slot="backText">返回</block>
|
|
|
|
|
<block slot="content">{{siteData.siteName}}</block>
|
|
|
|
|
</cu-custom>
|
|
|
|
|
<view class="cu-list menu-avatar">
|
|
|
|
|
<view class="cu-item margin-sm margin-left margin-right radius">
|
|
|
|
|
<view v-if="siteData.headUrl" class="cu-avatar round lg"
|
|
|
|
|
:style="'background-image:url('+siteData.headUrl+');'"></view>
|
|
|
|
|
<view v-else class="cu-avatar round lg">星</view>
|
|
|
|
|
<view class="content money-container">
|
|
|
|
|
<view class="color-333">
|
|
|
|
|
<view class="text-cut">{{siteData.customerName}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-gray text-sm flex">
|
|
|
|
|
<view class="text-cut">{{siteData.customerPhone}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="action">
|
|
|
|
|
<view class="text-white money-position padding-left-lg padding-xs bg-main-oil text-lg">
|
|
|
|
|
<text class="text-xs">余额</text>
|
|
|
|
|
￥{{siteData.userBalance}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="cu-form-group margin margin-top-0 radius">
|
|
|
|
|
<view class="title mini-label text-black">车牌号</view>
|
|
|
|
|
<input :maxlength="7" @tap="showModel='show'" v-model="carNumber" disabled placeholder="请输入车牌号"
|
|
|
|
|
name="input" />
|
|
|
|
|
<!-- <text class="cuIcon-roundclosefill text-gray"></text> -->
|
|
|
|
|
<text class="cuIcon-write text-orange"></text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="my-cell margin-left margin-right padding-top padding-bottom radius">
|
|
|
|
|
<view class="strong padding-bottom-xs">{{siteData.siteName}}</view>
|
|
|
|
|
<view class="font-12 color-999">
|
|
|
|
|
<text class="text-cut">{{siteData.siteAddress}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <view class="navigation" @tap="openMap">
|
|
|
|
|
<image class="icon-self" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=907966196,3433585328&fm=11&gp=0.jpg"
|
|
|
|
|
mode=""></image>
|
|
|
|
|
导航v
|
|
|
|
|
</view>-->
|
|
|
|
|
</view>
|
|
|
|
|
<!-- -->
|
|
|
|
|
<view class="padding-top-xs margin margin-top-xs margin-bottom-0 padding-bottom radius">
|
|
|
|
|
<view class="bg-white padding padding-bottom-sm">
|
|
|
|
|
<view class="padding-bottom-sm text-lg">油号选择：</view>
|
|
|
|
|
<view class="padding-top-xs">
|
|
|
|
|
<text class="strong padding-right-xs font-16">{{insertResult.oilProductCode}}</text>
|
|
|
|
|
<text class="padding-right-xs">
|
|
|
|
|
星油价格:
|
|
|
|
|
<text class="text-blod oil-main-color"
|
|
|
|
|
v-if="(insertResult.sitePrice -1+1)>0">￥{{(insertResult.sitePrice -1+1)|numberFilter}}</text>
|
|
|
|
|
<text class="text-blod oil-main-color" v-else>无价格</text>
|
|
|
|
|
</text>
|
|
|
|
|
<text class="s-rich">市场价￥{{insertResult.oilSitePrice|numberFilter}}/L</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="grid col-5 padding-top justify-start">
|
|
|
|
|
<view class="padding-xs" v-for="(item,index) in siteData.oilSitePriceDetailsVos"
|
|
|
|
|
:key="item.priceId">
|
|
|
|
|
<button class="cu-btn" @tap="oilNameSel(item)"
|
|
|
|
|
:class="[insertResult.oilProductCode===item.oilProductCode?'bg-main-oil':'line-gray']">{{item.oilProductCode}}</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="padding solid-top padding-bottom-0 padding-top-xs bg-white">
|
|
|
|
|
<view class="padding-bottom-sm text-lg">油枪选择：</view>
|
|
|
|
|
<view class="grid col-5 justify-start">
|
|
|
|
|
<view class="padding-xs" v-for="(item,index) in ColorList" :key="index">
|
|
|
|
|
<button @tap="gunIdSel(index)" class="cu-btn"
|
|
|
|
|
:class="[insertResult.bar===index+1?'bg-main-oil':'line-gray']">{{index+1}}</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="solid-top padding solid-top bg-white">
|
|
|
|
|
<view class="shadow-warp bg-white">
|
|
|
|
|
<view class="cu-form-group">
|
|
|
|
|
<view class="title">加油升数</view>
|
|
|
|
|
<input placeholder="请输入加油升数" type="digit" @input="calcMoney" v-model="insertResult.vol"
|
|
|
|
|
name="input" />
|
|
|
|
|
<text>约￥{{insertResult.vMoney|numberFilter}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="my-cell">
|
|
|
|
|
<text class="font-12">星卡优惠金额</text>
|
|
|
|
|
<text class="fr">-￥{{insertResult.discountMoney|numberFilter}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="my-cell">
|
|
|
|
|
<text class="font-12">实际扣款金额</text>
|
|
|
|
|
<text class="oil-main-color fr">￥{{insertResult.vDoMoney|numberFilter}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<button class="margin round bg-main-oil" @tap="charge">确定</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class v-show="!beforePay&&isG7">
|
|
|
|
|
<cu-custom class="main-topbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
|
|
|
|
|
<block slot="backText">返回</block>
|
|
|
|
|
<block slot="content">{{payState|payStateFormat}}</block>
|
|
|
|
|
</cu-custom>
|
|
|
|
|
<view class="margin-sm bg-white padding-lg">
|
|
|
|
|
<view class="padding-top margin-bottom"></view>
|
|
|
|
|
<view class="text-xsl text-center">
|
|
|
|
|
<text class="cuIcon-rechargefill oil-main-color"></text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-center text-bold">
|
|
|
|
|
{{payState|payStateFormat}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="padding margin-sm">
|
|
|
|
|
<text v-if="payErrorMessage">{{ payErrorMessage }} </text>
|
|
|
|
|
<text v-else>{{ payState==0?'请勿离开当前页面，等待扣款状态查询确认后，页面会自动跳转......':'' }} </text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="text-center">
|
|
|
|
|
<button style="width: 500upx;" class="round large cu-btn bg-main-oil"
|
|
|
|
|
@tap="getPayStatus(orderId)">手动刷新</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="margin-sm bg-white padding">
|
|
|
|
|
<view class="margin-bottom-sm" @tap="copyId(driverMsg.driverName,'加油司机')">
|
|
|
|
|
加油司机
|
|
|
|
|
<text class="fr">
|
|
|
|
|
{{driverMsg.driverName}}
|
|
|
|
|
<text class="flex-sub padding-left-sm text-right cuIcon-copy text-lg text-red"></text>
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="margin-bottom-sm" @tap="copyId(carNumber,'司机车牌')">
|
|
|
|
|
司机车牌
|
|
|
|
|
<text class="fr">
|
|
|
|
|
{{carNumber}}
|
|
|
|
|
<text class="flex-sub padding-left-sm text-right cuIcon-copy text-lg text-red"></text>
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="margin-bottom-sm">
|
|
|
|
|
油枪油号
|
|
|
|
|
<text class="fr">{{insertResult.bar}}号枪{{insertResult.oilName}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="margin-bottom-sm">
|
|
|
|
|
加油总金额
|
|
|
|
|
<text class="fr">¥ {{insertResult.vMoney|numberFilter}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="margin-bottom-sm">
|
|
|
|
|
加油升数
|
|
|
|
|
<text class="fr">{{insertResult.vol|numberFilter}} 升</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="margin-bottom-sm">
|
|
|
|
|
星卡优惠
|
|
|
|
|
<text class="fr">¥ {{(insertResult.vMoney-insertResult.vDoMoney)|numberFilter}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="margin-bottom-sm">
|
|
|
|
|
实扣款
|
|
|
|
|
<text class="fr oil-main-color">¥ {{insertResult.vDoMoney|numberFilter}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<PlateNumberPicker @newPlate="showPlateModal(false,true)" @onDeleteInput="onDeleteInput"
|
|
|
|
|
:showInputList="showInputList" :showPlateList="showPlateList" @selectNo="selectNo"
|
|
|
|
|
@clearAll="clearPlateNumber" @selectName="selectText" @hideModal="showModel=''" :modalName="showModel" />
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import cloudSiteApi from '@/api/cloud-site.js'
|
|
|
|
|
import g7Api from '@/api/g7.js'
|
|
|
|
|
import PlateNumberPicker from '@/components/plate-number-picker/plate-number-picker.vue'
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
PlateNumberPicker
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
siteData: {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
zyInfo: {
|
|
|
|
|
qrCode: uni.getStorageSync('qrCode'), //类型：String 必有字段 备注：二维码字符串
|
|
|
|
|
oilsStationId: uni.getStorageSync('oilSite').oilSiteCode //类型：String 必有字段 备注：加油站id
|
|
|
|
|
},
|
|
|
|
|
isG7: false,
|
|
|
|
|
beforePay: true,
|
|
|
|
|
testResult: false,
|
|
|
|
|
showPlateList: true,
|
|
|
|
|
showInputList: false,
|
|
|
|
|
carNumber: '',
|
|
|
|
|
plateNo: '',
|
|
|
|
|
plateText: '',
|
|
|
|
|
imgList: [],
|
|
|
|
|
plateName: '',
|
|
|
|
|
orderId: '',
|
|
|
|
|
showModel: '',
|
|
|
|
|
// 车牌号，上
|
|
|
|
|
radio: 'B',
|
|
|
|
|
active: 0,
|
|
|
|
|
plateNumber: '',
|
|
|
|
|
ColorList: [1, 2, 3, 4, 5],
|
|
|
|
|
qrCode: uni.getStorageSync('qrCode'),
|
|
|
|
|
driverMsg: {
|
|
|
|
|
balance: '',
|
|
|
|
|
plateNumber: ''
|
|
|
|
|
},
|
|
|
|
|
oilGunList: {},
|
|
|
|
|
oilTypeList: [],
|
|
|
|
|
stationMsg: {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
payErrorMessage: '',
|
|
|
|
|
timer: null,
|
|
|
|
|
selected: {},
|
|
|
|
|
insertResult: {
|
|
|
|
|
bar: 1,
|
|
|
|
|
oilName: '',
|
|
|
|
|
discountMoney: '0.00',
|
|
|
|
|
oilCode: "",
|
|
|
|
|
realPrice: "",
|
|
|
|
|
standardPrice: '',
|
|
|
|
|
vDoMoney: "0.00",
|
|
|
|
|
vMoney: "0.00",
|
|
|
|
|
vol: ""
|
|
|
|
|
},
|
|
|
|
|
orderKey: '',
|
|
|
|
|
payState: '0'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad() {
|
|
|
|
|
if (this.qrCode) {
|
|
|
|
|
if (this.qrCode.substr(0, 2) == 'HT' || this.qrCode.substr(0, 2) == 'G7') {
|
|
|
|
|
this.isG7 = true
|
|
|
|
|
console.log('G7加油站')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.verifyQrCode()
|
|
|
|
|
},
|
|
|
|
|
onUnload() {
|
|
|
|
|
if (this.timer) {
|
|
|
|
|
clearInterval(this.timer);
|
|
|
|
|
this.timer = null;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
oilTypeList: {
|
|
|
|
|
handler(newVal, oldVal) {
|
|
|
|
|
console.log('深度监听', newVal, oldVal)
|
|
|
|
|
this.oilTypeList = newVal
|
|
|
|
|
if (!this.insertResult.oilCode) {
|
|
|
|
|
this.initForm()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
deep: true
|
|
|
|
|
},
|
|
|
|
|
selected: {
|
|
|
|
|
deep: true,
|
|
|
|
|
immediate: true,
|
|
|
|
|
handler(newVal, oldVal) {
|
|
|
|
|
this.selected = newVal
|
|
|
|
|
if (newVal) {
|
|
|
|
|
// oilSitePrice 市场价格 sitePrice 实际加油价格
|
|
|
|
|
if (this.selected.oilSitePrice) {
|
|
|
|
|
this.insertResult.oilSitePrice = this.selected.oilSitePrice
|
|
|
|
|
} else if (this.selected.lvPrice) {
|
|
|
|
|
this.insertResult.realPrice = this.selected.xkPrice
|
|
|
|
|
}
|
|
|
|
|
this.insertResult.priceId = this.selected.priceId
|
|
|
|
|
this.insertResult.sitePrice = this.selected.sitePrice
|
|
|
|
|
this.insertResult.oilProductCode = this.selected.oilProductCode
|
|
|
|
|
this.calcMoney()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
plateNo: {
|
|
|
|
|
immediate: true,
|
|
|
|
|
handler(newVal, oldVal) {
|
|
|
|
|
this.plateNo = newVal
|
|
|
|
|
if (newVal) {
|
|
|
|
|
this.text()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
charge() {
|
|
|
|
|
this.tsetPlate()
|
|
|
|
|
console.log(this.plateText)
|
|
|
|
|
console.log(this.plateNo)
|
|
|
|
|
console.log(this.carNumber)
|
|
|
|
|
console.log(this.testResult)
|
|
|
|
|
if ((this.insertResult.sitePrice - 1 + 1) > 0) {
|
|
|
|
|
if (this.testResult) {
|
|
|
|
|
if (this.qrCode.substring(0, 4) == 'ZEYI') {
|
|
|
|
|
this.saveZeyiOrder()
|
|
|
|
|
} else {
|
|
|
|
|
this.saveXoilOrder()
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '车牌号校验不通过',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '您选择的油品没有油价，不能加油',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 收费星油
|
|
|
|
|
saveXoilOrder() {
|
|
|
|
|
const data6 = {
|
|
|
|
|
siteId: this.siteData.siteId,
|
|
|
|
|
priceId: this.insertResult.priceId,
|
|
|
|
|
customerOrderId: this.siteData.customerOrderId,
|
|
|
|
|
volume: this.insertResult.vol,
|
|
|
|
|
createSource: "WECHAT_MINIAPPS", //类型：String 必有字段 备注：创建来源
|
|
|
|
|
orderSource: "WECHAT_MINIAPPS",
|
|
|
|
|
vehicleLicenseNum: this.carNumber,
|
|
|
|
|
customerId: this.siteData.customerId, //类型：String 必有字段 备注：司机id
|
|
|
|
|
companyId: this.siteData.companyId, //类型：String 必有字段 备注：企业id
|
|
|
|
|
oilsBar: this.insertResult.bar,
|
|
|
|
|
oilsCode: this.insertResult.oilProductCode,
|
|
|
|
|
orderMethod: "SITE_SCAN", //类型：String 必有字段 备注：订单产生方式
|
|
|
|
|
suppleMark: 0,
|
|
|
|
|
orderType: "REAL_ORDER", //类型：String 必有字段 备注：订单类型 ( REAL_ORDER：真实订单 VIRTUAL_ORDER：虚拟订单)
|
|
|
|
|
payChannel: "BALANCE_PAYMENT", //类型：String 必有字段 备注：支付渠道
|
|
|
|
|
oilCardType: this.siteData.oilCardNature, //类型：String 必有字段 备注：油卡性质 1：个人 2：企业 3：外请
|
|
|
|
|
accountCardCode: this.siteData.accountCardCode, //类型：String 必有字段 备注：油卡卡号
|
|
|
|
|
siteUserName: "1" //类型：String 必有字段 备注：加油员名称
|
|
|
|
|
}
|
|
|
|
|
if (!data6.oilsCode) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请选择油品',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
if (!data6.volume) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请输入加油体积',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
cloudSiteApi.saveXoilOrder(data6).then(res => {
|
|
|
|
|
if (res.code === 20000) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '下单成功！'
|
|
|
|
|
});
|
|
|
|
|
uni.setStorageSync('formQr', true)
|
|
|
|
|
// const data8 = {
|
|
|
|
|
// orderStatus: res.data.orderStatus, //待支付，1：已支付，-1：支付失败，2：已取消， 3：已退款
|
|
|
|
|
// oilSiteName: res.data.siteName,
|
|
|
|
|
// address: res.data.siteAddress,
|
|
|
|
|
// userName: res.data.userName,
|
|
|
|
|
// carNo: res.data.vehicleLicenseNum,
|
|
|
|
|
// vol: res.data.volume,
|
|
|
|
|
// orderID: res.data.orderSerialNumber,
|
|
|
|
|
// oilName: res.data.oilsCode,
|
|
|
|
|
// bar: res.data.oilsBar,
|
|
|
|
|
// coupon: res.data.couponDiscountAmount,
|
|
|
|
|
// xoilDiscountAmount: res.data.xoilDiscountAmount,
|
|
|
|
|
// createDatetime: res.data.orderTime,
|
|
|
|
|
// realamount: res.data.payRealAmount,
|
|
|
|
|
// istate: res.data.orderStatus
|
|
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
// uni.setStorageSync('tempOrderInfo', data8)
|
|
|
|
|
uni.setStorageSync('orderSource', 'mpxoil')
|
|
|
|
|
if (!this.isG7) {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.toDetails(res.data.orderId)
|
|
|
|
|
}, 400)
|
|
|
|
|
} else {
|
|
|
|
|
this.beforePay = false
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.orderId = res.data.orderId
|
|
|
|
|
this.queryTimer()
|
|
|
|
|
this.getPayStatus(this.orderId)
|
|
|
|
|
}, 400)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
// 收费则yi
|
|
|
|
|
saveZeyiOrder() {
|
|
|
|
|
const data6 = {
|
|
|
|
|
siteId: this.siteData.siteId,
|
|
|
|
|
priceId: this.insertResult.priceId,
|
|
|
|
|
customerOrderId: this.siteData.customerOrderId,
|
|
|
|
|
volume: this.insertResult.vol,
|
|
|
|
|
createSource: "WECHAT_MINIAPPS", //类型：String 必有字段 备注：创建来源
|
|
|
|
|
orderSource: "WECHAT_MINIAPPS",
|
|
|
|
|
vehicleLicenseNum: this.carNumber,
|
|
|
|
|
customerId: this.siteData.customerId, //类型：String 必有字段 备注：司机id
|
|
|
|
|
companyId: this.siteData.companyId, //类型：String 必有字段 备注：企业id
|
|
|
|
|
oilsBar: this.insertResult.bar,
|
|
|
|
|
oilsCode: this.insertResult.oilProductCode,
|
|
|
|
|
|
|
|
|
|
payChannel: "ZEYI", //类型：String 必有字段 备注：支付渠道
|
|
|
|
|
orderMethod: "SITE_SCAN" //类型：String 必有字段 备注：订单产生方式
|
|
|
|
|
}
|
|
|
|
|
if (!data6.oilsCode) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请选择油品',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
if (!data6.volume) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请输入加油体积',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
cloudSiteApi.saveZeyiOrder(data6).then(res => {
|
|
|
|
|
if (res.code === 20000) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '下单成功！'
|
|
|
|
|
});
|
|
|
|
|
uni.setStorageSync('formQr', true)
|
|
|
|
|
const data8 = {
|
|
|
|
|
orderStatus: res.data.orderStatus, //待支付，1：已支付，-1：支付失败，2：已取消， 3：已退款
|
|
|
|
|
oilSiteName: res.data.siteName,
|
|
|
|
|
address: res.data.siteAddress,
|
|
|
|
|
userName: res.data.userName,
|
|
|
|
|
carNo: res.data.vehicleLicenseNum,
|
|
|
|
|
vol: res.data.volume,
|
|
|
|
|
orderID: res.data.orderSerialNumber,
|
|
|
|
|
oilName: res.data.oilsCode,
|
|
|
|
|
bar: res.data.oilsBar,
|
|
|
|
|
coupon: res.data.couponDiscountAmount,
|
|
|
|
|
xoilDiscountAmount: res.data.xoilDiscountAmount,
|
|
|
|
|
createDatetime: res.data.orderTime,
|
|
|
|
|
realamount: res.data.payRealAmount,
|
|
|
|
|
istate: res.data.orderStatus
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
uni.setStorageSync('tempOrderInfo', data8)
|
|
|
|
|
uni.setStorageSync('orderSource', 'zy')
|
|
|
|
|
if (!this.isG7) {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.toDetails(res.data.orderSerialNumber)
|
|
|
|
|
}, 400)
|
|
|
|
|
} else {
|
|
|
|
|
this.beforePay = false
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.orderId = res.data.orderId
|
|
|
|
|
this.queryTimer()
|
|
|
|
|
this.getPayStatus(this.orderId)
|
|
|
|
|
}, 400)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
getPayStatus(id) {
|
|
|
|
|
// 获取订单支付状态
|
|
|
|
|
console.log('获取支付状态', id)
|
|
|
|
|
g7Api.getPayStatus(id).then(res => {
|
|
|
|
|
if (res.code == 20000) {
|
|
|
|
|
this.payState = res.data.payState
|
|
|
|
|
if (res.data.payState == -1) {
|
|
|
|
|
this.payErrorMessage = res.data.payErrorMessage
|
|
|
|
|
clearInterval(this.timer)
|
|
|
|
|
uni.showToast({
|
|
|
|
|
icon: 'none',
|
|
|
|
|
title: res.data.payErrorMessage
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
if (res.data.payState == 1) {
|
|
|
|
|
clearInterval(this.timer)
|
|
|
|
|
this.toDetails(res.data.payOrderId)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
toDetails(id) {
|
|
|
|
|
uni.setStorageSync('orderId', id)
|
|
|
|
|
console.log('id', id)
|
|
|
|
|
uni.redirectTo({
|
|
|
|
|
url: '/packageOrders/pages/orderList/OrderDetail/OrderDetail'
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
gunIdSel(index) {
|
|
|
|
|
this.insertResult.bar = index + 1
|
|
|
|
|
},
|
|
|
|
|
oilNameSel(item) {
|
|
|
|
|
this.selected = {
|
|
|
|
|
...item
|
|
|
|
|
}
|
|
|
|
|
console.log('选择你/n', this.selected, '/n')
|
|
|
|
|
},
|
|
|
|
|
initForm() {
|
|
|
|
|
if (!this.insertResult.realPrice) {
|
|
|
|
|
this.selected = this.siteData.oilSitePriceDetailsVos[0]
|
|
|
|
|
}
|
|
|
|
|
this.insertResult.bar = 1
|
|
|
|
|
console.log(this.selected)
|
|
|
|
|
},
|
|
|
|
|
verifyQrCode() {
|
|
|
|
|
cloudSiteApi.VerifyZeYiQrCode(this.zyInfo).then(res => {
|
|
|
|
|
if (res.code === 20000) {
|
|
|
|
|
this.siteData = res.data
|
|
|
|
|
// this.carNumber = res.data.vehicleLicenseNum[0]
|
|
|
|
|
if (res.data.vehicleLicenseNum) {
|
|
|
|
|
this.carNumber = res.data.vehicleLicenseNum[0]
|
|
|
|
|
} else if (res.data.plateNumbers) {
|
|
|
|
|
this.carNumber = res.data.plateNumbers[0]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: res.msg ? res.msg : '请确认是否油站二维码',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
uni.navigateBack()
|
|
|
|
|
}, 800)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
tRadio() {
|
|
|
|
|
this.radio === 'A' ? this.radio = '' : this.radio = 'A'
|
|
|
|
|
},
|
|
|
|
|
calcMoney() {
|
|
|
|
|
// oilSitePrice 市场价格 sitePrice 实际加油价格
|
|
|
|
|
this.insertResult.vMoney = this.insertResult.vol * this.selected.oilSitePrice
|
|
|
|
|
this.insertResult.discountMoney = this.insertResult.vol * (this.selected.oilSitePrice - this.insertResult
|
|
|
|
|
.sitePrice)
|
|
|
|
|
this.insertResult.vDoMoney = this.insertResult.vol * this.selected.sitePrice
|
|
|
|
|
},
|
|
|
|
|
queryTimer() {
|
|
|
|
|
var count = 5
|
|
|
|
|
this.timer = setInterval(() => {
|
|
|
|
|
console.log('查询次', count)
|
|
|
|
|
count--
|
|
|
|
|
this.getPayStatus(this.orderId)
|
|
|
|
|
}, 5000);
|
|
|
|
|
if (!count) {
|
|
|
|
|
clearInterval(this.timer)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
copyId(id, name) {
|
|
|
|
|
uni.setClipboardData({
|
|
|
|
|
data: id,
|
|
|
|
|
success: () => {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: name + '已复制',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
clearPlateNumber() {
|
|
|
|
|
this.plateText = ''
|
|
|
|
|
this.plateNo = ""
|
|
|
|
|
this.carNumber = ''
|
|
|
|
|
this.showPlateList = true
|
|
|
|
|
this.showInputList = false
|
|
|
|
|
},
|
|
|
|
|
text() {
|
|
|
|
|
this.carNumber = this.plateText + this.plateNo
|
|
|
|
|
this.tsetPlate()
|
|
|
|
|
},
|
|
|
|
|
tsetPlate() {
|
|
|
|
|
this.testResult =
|
|
|
|
|
/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
|
|
|
|
|
.test(this.carNumber)
|
|
|
|
|
},
|
|
|
|
|
onDeleteInput() {
|
|
|
|
|
this.carNumber = this.carNumber.slice(0, -1)
|
|
|
|
|
if (this.carNumber.length > 1) {
|
|
|
|
|
this.plateNo = this.plateNo.slice(0, -1)
|
|
|
|
|
}
|
|
|
|
|
if (this.carNumber.length == 1) {
|
|
|
|
|
this.plateText = ''
|
|
|
|
|
}
|
|
|
|
|
if (this.plateNo.length == 1) {
|
|
|
|
|
this.plateNo = ''
|
|
|
|
|
}
|
|
|
|
|
if (!this.carNumber) {
|
|
|
|
|
this.plateText = ''
|
|
|
|
|
this.plateNo = ''
|
|
|
|
|
this.showPlateList = false
|
|
|
|
|
this.showInputList = true
|
|
|
|
|
this.text()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
selectText(item) {
|
|
|
|
|
this.plateText = item
|
|
|
|
|
this.showPlateList = false
|
|
|
|
|
this.showInputList = true
|
|
|
|
|
this.text()
|
|
|
|
|
},
|
|
|
|
|
selectNo(item) {
|
|
|
|
|
if (this.plateNo.length >= 5) {
|
|
|
|
|
this.showModel = ''
|
|
|
|
|
}
|
|
|
|
|
this.plateNo = this.plateNo + item
|
|
|
|
|
this.text()
|
|
|
|
|
},
|
|
|
|
|
showPlateModal(val1, val2) {
|
|
|
|
|
this.showPlateList = val1
|
|
|
|
|
this.showInputList = val2
|
|
|
|
|
this.showModel = 'show'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
filters: {
|
|
|
|
|
toT(value) {
|
|
|
|
|
if (value) {
|
|
|
|
|
return value / 1000
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
dateFormat(value) {
|
|
|
|
|
if (value) {
|
|
|
|
|
return value.substring(5, 16)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
numberFilter(value) {
|
|
|
|
|
value = value - 1 + 1
|
|
|
|
|
return value.toFixed(2)
|
|
|
|
|
},
|
|
|
|
|
payStateFormat(value) {
|
|
|
|
|
switch (parseInt(value)) {
|
|
|
|
|
case 1:
|
|
|
|
|
return '支付成功'
|
|
|
|
|
case -1:
|
|
|
|
|
return '支付失败'
|
|
|
|
|
case 0:
|
|
|
|
|
return '等待支付'
|
|
|
|
|
default:
|
|
|
|
|
return ''
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.page-content {
|
|
|
|
|
background-color: #f1f2f7;
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navigation {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 16px;
|
|
|
|
|
top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.icon-self {
|
|
|
|
|
width: 1rem;
|
|
|
|
|
height: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.oil-price {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.oil-price radio {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0rem;
|
|
|
|
|
top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.qr-icon {
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pay-desc {
|
|
|
|
|
line-height: 2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bottom-pay {
|
|
|
|
|
min-height: 100rpx;
|
|
|
|
|
width: 750upx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pay-bar {
|
|
|
|
|
width: 750upx;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.money-container {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.money-position {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
display: block;
|
|
|
|
|
border-radius: 0 0 0 100upx;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
