LaoBaiGan
/
PDA
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

处理：找零浮点计算问题

Browse Source 
处理：找零为负数添加红色字体提示
main
han 8 months ago
parent 1a9feb0300
commit f3ca37a127
2 changed files with 446 additions and 394 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 836
      pages/orderDetail/orderDetail.vue
  2. 4
      pages/shoppingTrolley/shoppingTrolley.vue

836
pages/orderDetail/orderDetail.vue
Unescape View File

@ -1,29 +1,33 @@
<template>
<view class="m-content">
<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="" title="确认支付" @clickLeft="cancelOrder" />
<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text=""
title="确认支付" @clickLeft="cancelOrder" />
<view class="m-order">
<view class="m-price">
<view class="m-num">
¥
<span>{{ orderPrice }}</span>
<span>{{ orderPrice/100 }}</span>
</view>
<view class="m-tips">订单金额</view>
</view>
<view class="m-pay-way">
<view class="m-title">支付方式</view>
<view class="m-way">
<view class="m-way-item" v-for="(item, index) in way" :class="choose == item.id ? 'active' : ''" @click="choose = item.id">
<view class="m-way-item" v-for="(item, index) in way" :class="choose == item.id ? 'active' : ''"
@click="choose = item.id">
<image :src="item.imgPath" mode=""></image>
{{ item.title }}
<uni-icons class="m-cion" :type="choose == item.id ? 'checkbox-filled' : 'circle'" size="26"></uni-icons>
<uni-icons class="m-cion" :type="choose == item.id ? 'checkbox-filled' : 'circle'"
size="26"></uni-icons>
</view>
</view>
</view>
<view class="m-block" v-if="choose == 'cash'">
<view class="m-title">实收金额</view>
<view class="m-input-box">
<uni-easyinput :inputBorder="false" :clearable="false" class="uni-mt-5 m-input" type="digit" trim="all" v-model="cashValue" placeholder="请输入收款金额">
<uni-easyinput :inputBorder="false" :clearable="false" class="uni-mt-5 m-input" :class="errClass"
type="digit" trim="all" v-model="cashValue" placeholder="请输入收款金额">
<template #left>
<view>¥</view>
</template>
@ -35,461 +39,507 @@
<view class="m-zl">
<view class="m-label">找零金额：</view>
<view>
<span m-red>{{ cashValue - Number(orderPrice) }}</span>
<span m-red>{{ (Number(cashValue*100) - Number(orderPrice))/100 }}</span>
元
</view>
</view>
</view>
</view>
<view class="m-botom">
<button class="m-btn m-btn-line" @click="cancelOrder">取消订单</button>{{choose}}{{cashValue}}
<button :disabled="choose=='cash'&&cashValue - Number(orderPrice)<0" class="m-btn" @click="resvcePrice(choose)">确认收款</button>
<button class="m-btn m-btn-line" @click="cancelOrder">取消订单</button>
<button :disabled="choose=='cash'&&cashValue - Number(orderPrice/100)<0" class="m-btn"
@click="resvcePrice(choose)">确认收款</button>
</view>
</view>
</template>
<script>
import { paymentOrder, printTicket, cancelOrder, submitOrder, getOrder } from '@/api/seal/seal.js';
export default {
data() {
return {
orderDetail: null,
orderPrice: 0.0,
cashValue: 0,
choose: 'cash',
interval: undefined,
way: [
{
id: 1,
title: '微信支付',
imgPath: '/static/images/index/icon_wechat.png'
},
{
id: 2,
title: '支付宝支付',
imgPath: '/static/images/index/icon_alipay.png'
},
// {
// id: 3,
// title: '银联支付',
// imgPath: '/static/images/index/icon_unionpay.png'
// },
{
id: 'cash',
title: '现金支付',
imgPath: '/static/images/index/icon_cash.png'
}
]
};
},
onLoad(params) {
uni.removeStorageSync('ALL_TICKET');
uni.removeStorageSync('EVENT');
if (params.order) {
uni.setStorageSync('payOrder', params.order);
this.orderDetail = null;
this.orderDetail = JSON.parse(params.order);
console.log('this.orderDetail', this.orderDetail);
this.orderPrice = this.orderDetail.orderInfo.settlementAmount;
}
},
onUnload() {
// this.cancelOrder();
},
methods: {
cancelOrder() {
const that = this;
uni.showModal({
title: '提示',
content: '确定放弃支付吗',
success: function (res) {
if (res.confirm) {
uni.showLoading({
title: '请稍后...'
});
cancelOrder(that.orderDetail.orderInfo.orderNumber)
.then((res) => {
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '已取消',
duration:1200
});
setTimeout(() => {
uni.reLaunch({
url: '/pages/index'
});
}, 1400);
})
.catch((err) => {
uni.hideLoading();
console.log(err);
});
} else if (res.cancel) {
console.log('用户点击取消');
import {
paymentOrder,
printTicket,
cancelOrder,
submitOrder,
getOrder
} from '@/api/seal/seal.js';
export default {
data() {
return {
orderDetail: null,
orderPrice: 0,
cashValue: 0,
choose: 'cash',
interval: undefined,
way: [{
id: 1,
title: '微信支付',
imgPath: '/static/images/index/icon_wechat.png'
},
{
id: 2,
title: '支付宝支付',
imgPath: '/static/images/index/icon_alipay.png'
},
// {
// id: 3,
// title: '银联支付',
// imgPath: '/static/images/index/icon_unionpay.png'
// },
{
id: 'cash',
title: '现金支付',
imgPath: '/static/images/index/icon_cash.png'
}
}
});
]
};
},
createQueryInterval() {
let that = this
if (this.interval) {
return;
onLoad(params) {
uni.removeStorageSync('ALL_TICKET');
uni.removeStorageSync('EVENT');
if (params.order) {
uni.setStorageSync('payOrder', params.order);
this.orderDetail = null;
this.orderDetail = JSON.parse(params.order);
console.log('this.orderDetail', this.orderDetail);
this.orderPrice = this.orderDetail.orderInfo.settlementAmount*100;
}
this.interval = setInterval(() => {
getOrder(that.orderDetail.orderInfo.belongingPayOrderId).then((response) => {
// 已支付
if (response.data.status === 10) {
that.clearQueryInterval();
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '支付成功！',
duration: 1000
});
const ob = {
orderNumber: that.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(that.orderDetail.orderInfo.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' + datas + '&tickets=' + ress.data
});
})
.catch((err) => {
console.log(err);
});
}
// 已取消
if (response.data.status === 20) {
that.clearQueryInterval();
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '支付已关闭！',
duration: 1000
});
}
});
}, 1000 * 2);
},
/** 清空查询任务 */
clearQueryInterval() {
// 清空任务
clearInterval(this.interval);
this.interval = undefined;
onUnload() {
// this.cancelOrder();
},
resvcePrice(val) {
let that = this
console.log(val);
if (val == 1) {
uni.hideLoading();
uni.scanCode({
scanType: ['barCode','qrCode'],
success: function (resposon) {
console.log('条码内容：' + resposon.result);
// console.log('this.orderDetail', this.orderDetail);
const obj = {
channelCode: 'wx_bar',
channelExtras: {
auth_code: resposon.result
},
id: that.orderDetail.orderInfo.belongingPayOrderId,
returnUrl: ''
};
debugger
submitOrder(obj).then((res) => {
console.log('支付结果',res)
const data = res.data;
if (data.status === 10) {
that.clearQueryInterval();
uni.showToast({
icon: 'none',
title: '支付成功！',
duration: 1000
});
const ob = {
orderNumber: that.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(that.orderDetail.orderInfo.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' + datas + '&tickets=' + ress.data
});
})
.catch((err) => {
console.log(err);
});
return;
}
// 打开轮询任务
computed: {
errClass() {
if (this.cashValue - Number(this.orderPrice/100) < 0) {
return 'err-border'
} else {
return ''
}
}
},
methods: {
checkPrice() {
},
cancelOrder() {
const that = this;
uni.showModal({
title: '提示',
content: '确定放弃支付吗',
success: function(res) {
if (res.confirm) {
uni.showLoading({
title: '支付中...',
mask:true
title: '请稍后...'
});
this.createQueryInterval();
}).catch(err=>{
// uni.showLoading({
// title: '支付中...'
// });
// this.createQueryInterval();
})
cancelOrder(that.orderDetail.orderInfo.orderNumber)
.then((res) => {
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '已取消',
duration: 1200
});
setTimeout(() => {
uni.reLaunch({
url: '/pages/index'
});
}, 1400);
})
.catch((err) => {
uni.hideLoading();
console.log(err);
});
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
}
if (val == 2) {
// 调起条码扫描
uni.hideLoading();
uni.scanCode({
scanType: ['barCode','qrCode'],
success: function (resposon) {
console.log('条码内容：' + resposon.result);
// console.log('this.orderDetail', this.orderDetail);
const obj = {
channelCode: 'alipay_bar',
channelExtras: {
auth_code: resposon.result
},
id: that.orderDetail.orderInfo.belongingPayOrderId,
returnUrl: ''
};
debugger
submitOrder(obj).then((res) => {
console.log('支付结果',res)
const data = res.data;
if (data.status === 10) {
that.clearQueryInterval();
uni.showToast({
icon: 'none',
title: '支付成功！',
duration: 1000
},
createQueryInterval() {
let that = this
if (this.interval) {
return;
}
this.interval = setInterval(() => {
getOrder(that.orderDetail.orderInfo.belongingPayOrderId).then((response) => {
// 已支付
if (response.data.status === 10) {
that.clearQueryInterval();
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '支付成功！',
duration: 1000
});
const ob = {
orderNumber: that.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(that.orderDetail.orderInfo
.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' +
datas + '&tickets=' + ress.data
});
})
.catch((err) => {
console.log(err);
});
const ob = {
orderNumber: that.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(that.orderDetail.orderInfo.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' + datas + '&tickets=' + ress.data
}
// 已取消
if (response.data.status === 20) {
that.clearQueryInterval();
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '支付已关闭！',
duration: 1000
});
}
});
}, 1000 * 2);
},
/** 清空查询任务 */
clearQueryInterval() {
// 清空任务
clearInterval(this.interval);
this.interval = undefined;
},
resvcePrice(val) {
let that = this
console.log(val);
if (val == 1) {
uni.hideLoading();
uni.scanCode({
scanType: ['barCode', 'qrCode'],
success: function(resposon) {
console.log('条码内容：' + resposon.result);
// console.log('this.orderDetail', this.orderDetail);
const obj = {
channelCode: 'wx_bar',
channelExtras: {
auth_code: resposon.result
},
id: that.orderDetail.orderInfo.belongingPayOrderId,
returnUrl: ''
};
debugger
submitOrder(obj).then((res) => {
console.log('支付结果', res)
const data = res.data;
if (data.status === 10) {
that.clearQueryInterval();
uni.showToast({
icon: 'none',
title: '支付成功！',
duration: 1000
});
const ob = {
orderNumber: that.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(that.orderDetail.orderInfo
.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' +
datas + '&tickets=' + ress.data
});
})
.catch((err) => {
console.log(err);
});
})
.catch((err) => {
console.log(err);
return;
}
// 打开轮询任务
uni.showLoading({
title: '支付中...',
mask: true
});
this.createQueryInterval();
}).catch(err => {
// uni.showLoading({
// title: '支付中...'
// });
// this.createQueryInterval();
})
}
});
}
if (val == 2) {
// 调起条码扫描
uni.hideLoading();
uni.scanCode({
scanType: ['barCode', 'qrCode'],
success: function(resposon) {
console.log('条码内容：' + resposon.result);
// console.log('this.orderDetail', this.orderDetail);
const obj = {
channelCode: 'alipay_bar',
channelExtras: {
auth_code: resposon.result
},
id: that.orderDetail.orderInfo.belongingPayOrderId,
returnUrl: ''
};
debugger
submitOrder(obj).then((res) => {
console.log('支付结果', res)
const data = res.data;
if (data.status === 10) {
that.clearQueryInterval();
uni.showToast({
icon: 'none',
title: '支付成功！',
duration: 1000
});
const ob = {
orderNumber: that.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(that.orderDetail.orderInfo
.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' +
datas + '&tickets=' + ress.data
});
})
.catch((err) => {
console.log(err);
});
return;
}
// 打开轮询任务
uni.showLoading({
title: '支付中...',
mask:true
});
this.createQueryInterval();
}).catch(err=>{
// uni.showLoading({
// title: '支付中...'
// });
// this.createQueryInterval();
return;
}
// 打开轮询任务
uni.showLoading({
title: '支付中...',
mask: true
});
this.createQueryInterval();
}).catch(err => {
// uni.showLoading({
// title: '支付中...'
// });
// this.createQueryInterval();
})
}
});
}
if (val == 'cash') {
const obj = {
orderNumber: this.orderDetail.orderInfo.orderNumber,
settlementAmount: Number(this.orderPrice/100),
payMethod: 'cash',
actualAmount: this.cashValue,
changeAmount: this.cashValue - Number(this.orderPrice/100)
};
paymentOrder(obj)
.then((res) => {
console.log(res);
const ob = {
orderNumber: this.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(this.orderDetail.orderInfo.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' + datas +
'&tickets=' + ress.data
});
})
.catch((err) => {
console.log(err);
});
})
}
});
}
if (val == 'cash') {
const obj = {
orderNumber: this.orderDetail.orderInfo.orderNumber,
settlementAmount: Number(this.orderPrice),
payMethod: 'cash',
actualAmount: this.cashValue,
changeAmount: this.cashValue - Number(this.orderPrice)
};
paymentOrder(obj)
.catch((err) => {
console.log(err);
// uni.navigateTo({
// url:'/pages/payResult/payResult?status=fail'
// })
});
}
},
back() {
let that = this;
cancelOrder(that.orderDetail.orderInfo.orderNumber)
.then((res) => {
console.log(res);
const ob = {
orderNumber: this.orderDetail.orderInfo.orderNumber
};
printTicket(ob)
.then((ress) => {
const datas = JSON.stringify(this.orderDetail.orderInfo.ticketList);
// console.log(data)
uni.navigateTo({
url: '/pages/payResult/payResult?status=success&detail=' + datas + '&tickets=' + ress.data
});
})
.catch((err) => {
console.log(err);
});
})
.catch((err) => {
console.log(err);
// uni.navigateTo({
// url:'/pages/payResult/payResult?status=fail'
// })
});
}
},
back() {
let that = this;
cancelOrder(that.orderDetail.orderInfo.orderNumber)
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err);
uni.navigateBack({
delta: 1
});
uni.navigateBack({
delta: 1
});
}
}
}
};
};
</script>
<style lang="scss" scoped>
.m-order {
margin: 20upx 20upx 150upx;
.m-order {
margin: 20upx 20upx 150upx;
.m-price {
display: flex;
flex-direction: column;
align-items: center;
.m-price {
display: flex;
flex-direction: column;
align-items: center;
.m-num {
color: #1b1b1b;
font-size: 40upx;
margin-top: 70upx;
span {
.m-num {
color: #1b1b1b;
font-size: 40upx;
margin-top: 70upx;
span {
font-family: Source Han Sans SC;
font-weight: 500;
font-size: 64upx;
color: #1b1b1b;
}
}
.m-tips {
font-family: Source Han Sans SC;
font-weight: 500;
font-size: 64upx;
font-weight: 400;
font-size: 26upx;
color: #1b1b1b;
margin-top: 20upx;
}
}
.m-tips {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 26upx;
color: #1b1b1b;
margin-top: 20upx;
}
}
.m-pay-way {
display: flex;
flex-direction: column;
margin-top: 65upx;
.m-pay-way {
display: flex;
flex-direction: column;
margin-top: 65upx;
.m-title {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 24upx;
color: #666666;
margin-bottom: 20upx;
}
.m-title {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 24upx;
color: #666666;
margin-bottom: 20upx;
}
.m-way {
display: flex;
flex-wrap: wrap;
.m-way {
display: flex;
flex-wrap: wrap;
.m-way-item {
width: 49%;
height: 102upx;
display: flex;
align-items: center;
background: #ffffff;
border-radius: 20upx;
padding: 0 20upx;
margin-bottom: 14upx;
.m-way-item {
width: 49%;
height: 102upx;
display: flex;
align-items: center;
background: #ffffff;
border-radius: 20upx;
padding: 0 20upx;
margin-bottom: 14upx;
&:nth-child(2),
&:last-child {
margin-left: 2%;
}
&:nth-child(2),
&:last-child {
margin-left: 2%;
}
image {
width: 36upx;
height: 36upx;
margin-right: 20upx;
}
image {
width: 36upx;
height: 36upx;
margin-right: 20upx;
.m-cion {
margin-left: auto;
color: #b3b3b3 !important;
}
}
.m-cion {
margin-left: auto;
color: #b3b3b3 !important;
.m-way-item.active {
.m-cion {
color: #2277f0 !important;
margin-left: auto;
}
}
}
}
.m-block {
background: #ffffff;
border-radius: 20upx;
padding: 20upx;
.m-title {
font-family: Source Han Sans SC;
font-weight: 800;
font-size: 32upx;
color: #1b1b1b;
margin-bottom: 24upx;
}
.m-way-item.active {
.m-cion {
color: #2277f0 !important;
margin-left: auto;
.m-input-box {
::v-deep .m-input {
.uni-easyinput__content {
align-items: baseline;
.uni-easyinput__content-input {
font-size: 48upx;
}
}
}
}
.m-zl {
display: flex;
margin-top: 36upx;
}
}
}
.m-block {
.m-botom {
width: 100%;
height: 136upx;
background: #ffffff;
border-radius: 20upx;
padding: 20upx;
position: fixed;
bottom: 0;
display: flex;
align-items: center;
display: flex;
.m-title {
.m-btn {
width: 65%;
font-family: Source Han Sans SC;
font-weight: 800;
font-weight: 500;
font-size: 32upx;
color: #1b1b1b;
margin-bottom: 24upx;
color: #ffffff;
background: linear-gradient(90deg, #5097fa 0%, #2277f0 100%);
border-radius: 16upx;
}
.m-btn-line {
width: 25%;
color: #5097fa;
background: #fff;
border: solid 1upx #5097fa;
border-color: #5097fa;
}
}
</style>
<style lang="scss">
::v-deep .err-border {
.uni-easyinput__content {
.m-input-box {
::v-deep .m-input {
.uni-easyinput__content {
align-items: baseline;
.uni-easyinput__content-input {
.uni-input-wrapper {
.uni-easyinput__content-input {
font-size: 48upx;
.uni-input-input {
color: #f07173;
}
}
}
}
.m-zl {
display: flex;
margin-top: 36upx;
}
}
}
.m-botom {
width: 100%;
height: 136upx;
background: #ffffff;
position: fixed;
bottom: 0;
display: flex;
align-items: center;
display: flex;
.m-btn {
width: 65%;
font-family: Source Han Sans SC;
font-weight: 500;
font-size: 32upx;
color: #ffffff;
background: linear-gradient(90deg, #5097fa 0%, #2277f0 100%);
border-radius: 16upx;
}
.m-btn-line {
width: 25%;
color: #5097fa;
background: #fff;
border: solid 1upx #5097fa;
border-color: #5097fa;
}
}
</style>
</style>

4
pages/shoppingTrolley/shoppingTrolley.vue
Unescape View File

@ -176,7 +176,7 @@
totalCents: 0,
totalNum: 0
});
console.log('totalNum',totalNum,totalCents)
// 结果处理（分转元+保留两位小数）
this.ticketSumNum = parseFloat(totalNum.toFixed(2));
this.ticketSumPrice = parseFloat((totalCents / 100).toFixed(2));
@ -673,6 +673,7 @@
that.$set(that.car, index, item);
uni.setStorageSync('ALL_TICKET', that.car)
} else {
item.num = 1;
// that.$set(that.car, that.car.length, item);
that.car.push(item);
uni.setStorageSync('ALL_TICKET', that.car)
@ -740,6 +741,7 @@
that.$set(that.car, index, item);
uni.setStorageSync('ALL_TICKET', that.car)
} else {
item.num = 1;
// that.$set(that.car, that.car.length, item);
that.car.push(item);
uni.setStorageSync('ALL_TICKET', that.car)

Write Preview
Loading…
Cancel
Save