支付流程等

src/views/purchase-rezult.vue

@@ -8,7 +8,15 @@
       <p v-if="!projectId" class="msg-content-2">订单详情页打开/下载云鹊医APP查看</p>
     </div>
     <Button v-show="projectId" @handlerClick="gotoProject"></Button>
-    <Button v-show="showGoApp && projectId" :isPlain="!!projectId" buttonText="去云鹊医APP" @handlerClick="download"></Button>
+    <Button v-show="projectId" :isPlain="!!projectId" buttonText="去云鹊医APP" @handlerClick="download"></Button>
+    
+    <CourseDialog
+      subContent='1.请在微信内完成支付，如果您已支付成功，请点击“已完成支付”按钮`<br>2.如果您还未安装微信客户端，请点击“取消”，去下载微信客户端'
+      confirmBtnText="已完成支付"
+      needSubContent
+      :isShowDialog="isShowDialog"
+      @handlerAction="handlerAction"
+    ></CourseDialog>
 
     <van-overlay :show="loading" @click="show = false" class="v-overlay">
       <div class="loading-wrapper" >
@@ -22,11 +30,13 @@
 </template>
 <script>
 import { getWebPageUrl, getCookie } from "@/utils/index";
+import CourseDialog from "@/components/course/course-dialog";
 import Button from "@/components/business/button"
 let intervalId = null;
 export default {
   components: {
-    Button
+    Button,
+    CourseDialog
   },
   data() {
     return {
@@ -41,6 +51,8 @@ export default {
       // 返回值data：0:订单进行中 1:支付并绑定成功 2:订单反馈延时，请稍后再试 3：支付失败，请重新购买 4:订单已被取消，请重新购买
       bindStatus: 0,
       showGoApp: true,
+      hasShowed: false,
+      isShowDialog: false,
     }
   },
   created() {
@@ -74,6 +86,24 @@ export default {
   },
   methods: {
 
+    // 弹框：手动点击“已完成支付”
+    handlerAction(type) {
+      this.isShowDialog = false;
+      if(type == 1) {
+        if(this.projectId) {
+          this.gotoProject();
+        } else {
+          this.download();
+        }
+      } else {
+        if(this.projectId) {
+          this.getBindCardStatus();
+        } else {
+          this.getStatusByOrderId();
+        }        
+      }
+    },
+
     // 查询一次绑卡状态
     getBindCardStatus() {
       let _this = this;
@@ -90,6 +120,10 @@ export default {
           this.msgContent = "购买成功";
           this.isCorrect = true;
         } else {
+          if(!this.hasShowed) {
+            this.hasShowed = true;
+            this.isShowDialog = true;
+          }
           this.msgContent = "解锁延时，您可返回项目继续学习";
           this.isCorrect = false;
         }
@@ -105,6 +139,7 @@ export default {
         orderId: this.orderId,
       };
       this.GET(`trade/center/order/query`, param).then(({ data }) => {
+        debugger
         this.loading = false;
         this.msgContent = "购买失败";
         this.isCorrect = false;
@@ -113,6 +148,10 @@ export default {
           this.msgContent = "购买成功";
           this.isCorrect = true;
         } else {
+          if(!this.hasShowed) {
+            this.hasShowed = true;
+            this.isShowDialog = true;
+          }          
         }
       }).catch( e => {
         console.log("getStatusByOrderId", "调用失败...");