```优化支付流程与订单详情的前端展示

调整`custom-waterfalls-flow.vue`、`orderDetail.vue`和`pay.js`模块,以改善用户的支付体验和订单详情页面的展示效果。支付逻辑经重构后,流程更加顺畅,同时修复了订单详情更新不及时的小问题,确保前端展示与后端数据同步。

BREAKING CHANGE: 此修改可能会影响与订单详情和支付流程相关的前端展示逻辑。请确保在更新依赖项目时进行相应的测试。
```
lu_quan_dev
Tuzki 1 year ago
parent 0725c7e424
commit ec9f453281
  1. 1
      common/pay.js
  2. 2
      subPageC/order/orderDetail.vue
  3. 26
      uni_modules/custom-waterfalls-flow/components/custom-waterfalls-flow/custom-waterfalls-flow.vue

@ -37,7 +37,6 @@ function setPay(payInfo, callback) {
data: res.msg data: res.msg
}) })
} }
debugger
console.log(JSON.parse(res.data.displayContent)) console.log(JSON.parse(res.data.displayContent))
const data = JSON.parse(res.data.displayContent) const data = JSON.parse(res.data.displayContent)

@ -68,7 +68,7 @@
<view class="refond-btn" v-if="item.ticketStatus == 1 && item.refundRules != 1" <view class="refond-btn" v-if="item.ticketStatus == 1 && item.refundRules != 1"
hover-class="refond-btn-hover" @click="toRefund(item)"> hover-class="refond-btn-hover" @click="toRefund(item)">
单票退款</view> 单票退款</view>
<view class="cover" v-if="item.ticketStatus != 1 && item.ticketCheckedNums == item.ticketChecksNums">{{ <view class="cover" v-if="item.ticketStatus != 1 || item.ticketCheckedNums == item.ticketChecksNums">{{
item.ticketStatusName }}</view> item.ticketStatusName }}</view>
</view> </view>
<uqrcode v-show="false" @complete="completeQr($event, index)" ref="uqrcode" canvas-id="qrcode" <uqrcode v-show="false" @complete="completeQr($event, index)" ref="uqrcode" canvas-id="qrcode"

@ -111,7 +111,7 @@
methods: { methods: {
// //
loadImages(idx = 0) { loadImages(idx = 0) {
debugger
let count = 0; let count = 0;
const newList = this.data.list.filter((item, index) => index >= idx); const newList = this.data.list.filter((item, index) => index >= idx);
for (let i = 0; i < newList.length; i++) { for (let i = 0; i < newList.length; i++) {
@ -137,7 +137,7 @@
}, },
// //
refresh() { refresh() {
debugger
if (!this.isLoaded) { if (!this.isLoaded) {
this.refreshDatas = this.value; this.refreshDatas = this.value;
return false; return false;
@ -163,11 +163,11 @@
}, 1) }, 1)
}, },
columnValue(index) { columnValue(index) {
debugger
return this.data[`column_${index+1}_values`]; return this.data[`column_${index+1}_values`];
}, },
change(newValue) { change(newValue) {
debugger
for (let i = 0; i < this.data.list.length; i++) { for (let i = 0; i < this.data.list.length; i++) {
const cv = this.data[`column_${this.data.list[i].column}_values`]; const cv = this.data[`column_${this.data.list[i].column}_values`];
for (let j = 0; j < cv.length; j++) { for (let j = 0; j < cv.length; j++) {
@ -180,7 +180,7 @@
} }
}, },
getMin(a, s) { getMin(a, s) {
debugger
let m = a[0][s]; let m = a[0][s];
let mo = a[0]; let mo = a[0];
for (var i = a.length - 1; i >= 0; i--) { for (var i = a.length - 1; i >= 0; i--) {
@ -193,7 +193,7 @@
}, },
// //
getMinColumnHeight() { getMinColumnHeight() {
debugger
return new Promise(resolve => { return new Promise(resolve => {
const heightArr = []; const heightArr = [];
for (let i = 1; i <= this.data.column; i++) { for (let i = 1; i <= this.data.column; i++) {
@ -209,7 +209,7 @@
}) })
}, },
async initValue(i, from) { async initValue(i, from) {
debugger
this.isLoaded = false; this.isLoaded = false;
if (i >= this.data.list.length || this.refreshDatas.length) { if (i >= this.data.list.length || this.refreshDatas.length) {
this.msg++; this.msg++;
@ -224,7 +224,7 @@
}, },
// //
imgLoad(item, c) { imgLoad(item, c) {
debugger
const i = item.index; const i = item.index;
item.o = 1; item.o = 1;
this.$set(this.data[`column_${c}_values`], item.cIndex, JSON.parse(JSON.stringify(item))); this.$set(this.data[`column_${c}_values`], item.cIndex, JSON.parse(JSON.stringify(item)));
@ -232,7 +232,7 @@
}, },
// //
imgError(item, c) { imgError(item, c) {
debugger
const i = item.index; const i = item.index;
item.o = 1; item.o = 1;
item[this.data.imageKey] = null; item[this.data.imageKey] = null;
@ -241,7 +241,7 @@
}, },
// //
loaded() { loaded() {
debugger
if (this.refreshDatas.length) { if (this.refreshDatas.length) {
this.isLoaded = true; this.isLoaded = true;
this.refresh(); this.refresh();
@ -260,12 +260,12 @@
}, },
// //
wapperClick(item) { wapperClick(item) {
debugger
this.$emit('wapperClick', item); this.$emit('wapperClick', item);
}, },
// //
imageClick(item) { imageClick(item) {
debugger
this.$emit('imageClick', item); this.$emit('imageClick', item);
} }
}, },
@ -275,7 +275,7 @@
handler(newValue, oldValue) { handler(newValue, oldValue) {
setTimeout(() => { setTimeout(() => {
this.$nextTick(() => { this.$nextTick(() => {
debugger
if (this.isRefresh) return false; if (this.isRefresh) return false;
if (this.isLoaded) { if (this.isLoaded) {
// if (newValue.length <= this.curIndex) return this.refresh(); // if (newValue.length <= this.curIndex) return this.refresh();

Loading…
Cancel
Save