修改回调信息

src/main.js

@@ -23,9 +23,9 @@ Vue.config.productionTip = false
 
 
 //main.js中
-import Vconsole from 'vconsole'
-const vconsole = new Vconsole()
-Vue.use(vconsole)
+// import Vconsole from 'vconsole'
+// const vconsole = new Vconsole()
+// Vue.use(vconsole)
 // import VueAMap from 'vue-amap'
 // Vue.use(VueAMap)
 // VueAMap.initAMapApiLoader({

src/views/PaymentResult.vue

@@ -4,19 +4,19 @@
     <div class="payOn" v-if="pageStatus == 'ON'">
         <img src="@/assets/images/pay_success.png" alt />
         <p>支付成功</p>
-        <van-button type="info" @click="onAppBack" round>返回</van-button>
+        <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button>
     </div>
 
     <div class="payError" v-if="pageStatus == 'FAILED' || pageStatus == 'CLOSE' || pageStatus == 'REFUND'">
         <img src="@/assets/images/pay_error.png" alt />
         <p>支付失败</p>
-        <van-button type="info" @click="onAppBack" round>返回</van-button>
+        <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button>
     </div>
 
     <div class="paying" v-if="pageStatus == 'ING'">
         <img src="@/assets/images/pay_ing.png" alt />
         <p>订单处理中</p>
-        <van-button type="info" @click="onAppBack" round>返回</van-button>
+        <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button>
         <p class="countdown">到计时{{ smsText }}秒刷新</p>
     </div>
 
@@ -24,10 +24,42 @@
         <div class="status">
             <img src="@/assets/images/pay_success.png" alt />
             <p>支付成功</p>
-            <p class="money" v-if="groupType == 'PRACTICE'">￥{{ PRACTICEPRICE }}</p>
-            <p class="money" v-else>￥{{ orderInfo.actualAmount }}</p>
+            <p class="money">￥{{ orderInfo.transAmount }}</p>
         </div>
-        <van-button type="info" @click="onAppBack" round>返回</van-button>
+
+        <div class="orderInfo">
+            <p>
+                <span>购买时间：</span>
+                {{ orderInfo.createTime }}
+            </p>
+            <p>
+                <span>订单编号：</span>
+                {{ orderInfo.orderNo }}
+            </p>
+            <p>
+                <span>考生名字：</span>
+                {{ examRegistration.studentName }}
+            </p>
+            <p>
+                <span>报考专业：</span>
+                {{ examRegistration.subjectName }}({{ examRegistration.level | levelToCN }}/{{ examRegistration.levelFee }}元)
+            </p>
+            <p>
+                <span>乐理知识：</span>
+                <template v-if="examRegistration.examMusicTheoryLevel">
+                    {{ examRegistration.examMusicTheoryLevel | levelToCN }}/{{ examRegistration.theoryLevelFee }}元
+                </template>
+                <template v-else>
+                    免考
+                </template>
+            </p>
+            <p>
+                <span>考试时间：</span>
+                {{ examRegistration.examStartTime }}
+            </p>
+            <!-- <img class="icon_img" src="@/assets/images/icon_cw.png" alt srcset /> -->
+      </div>
+        <van-button color="var(--main-color)" type="info" @click="onAppBack" round>返回</van-button>
     </div>
   </div>
 </template>
@@ -36,8 +68,10 @@
 /* eslint-disable */
 import MHeader from "@/components/MHeader"
 import { paymentResult } from "./adapay/AdapayApi"
+import { getExamRegistration } from './signup/SignUpApi'
 import { browser } from "@/utils/common"
 import setLoading from '@/utils/loading'
+import dayjs from 'dayjs'
 // import { stat } from 'fs'
 export default {
     name: "paymentResult",
@@ -48,7 +82,9 @@ export default {
         return {
             headerStatus: false,
             isBack: query.isBack == "off" ? false : true, // 是否显示返回按钮
-            pageStatus: null
+            pageStatus: null,
+            orderInfo: {},
+            examRegistration: {}
         };
     },
     mounted() {
@@ -77,6 +113,9 @@ export default {
                         let result = res.data;
                         if (result.code == 200) {
                             const tempResult = result.data.examRegistrationPayment
+                            this.examRegistration = result.data.examRegistrationDto
+                            this.examRegistration.examStartTime = dayjs(this.examRegistration.examStartTime).format("YYYY-MM-DD")
+                            this.orderInfo = tempResult
                             this.pageStatus = tempResult.transStatus
                         } else {
                             // 订单处理中
@@ -130,6 +169,23 @@ export default {
                 }
             }, 1000);
         }
+    },
+    filters: {
+        levelToCN(value) {
+            const levelStr = {
+                1: "一级",
+                2: "二级",
+                3: "三级",
+                4: "四级",
+                5: "五级",
+                6: "六级",
+                7: "七级",
+                8: "八级",
+                9: "九级",
+                10: "十级",
+            }
+            return levelStr[value]
+        }
     }
 };
 </script>
@@ -169,6 +225,7 @@ export default {
 }
 .paySuccess {
     .status {
+        margin-top: .1rem;
         background-color: #fff;
         text-align: center;
         font-size: 0.16rem;
@@ -186,4 +243,25 @@ export default {
         }
   }
 }
+.orderInfo {
+    position: relative;
+    margin-bottom: 0.1rem;
+    padding: 0.15rem 0.15rem 0.2rem;
+    background-color: #fff;
+    font-size: 0.14rem;
+    color: #777777;
+    & > p {
+        padding-bottom: 8px;
+    }
+    span {
+        color: #444444;
+    }
+    .icon_img {
+        width: 1.2rem;
+        height: 1.1rem;
+        position: absolute;
+        bottom: 0.3rem;
+        right: 0.2rem;
+    }
+  }
 </style>