update

src/pages/my/welcome/components/qrcodePay.vue

@@ -16,10 +16,10 @@
         <span @click="dialogFormVisible = true">我有邀请码</span>
       </p>
     </div>
-    <el-dialog title="输入邀请码" :visible.sync="dialogFormVisible">
+    <el-dialog title="输入邀请码" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" :visible.sync="dialogFormVisible">
         <el-input v-model="discountCode" autocomplete="off" placeholder="请输入邀请码"></el-input>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button @click="close">取 消</el-button>
         <el-button type="primary" @click="getOrder('code')">确 定</el-button>
       </div>
     </el-dialog>
@@ -47,6 +47,10 @@ export default {
     }
   },
   methods: {
+    close() {
+      this.getOrder()
+      this.dialogFormVisible = false
+    },
     // 获取订单
     getOrder(type) {
       const params = { payment_method: 'WX_PAY_QR' }
@@ -101,9 +105,9 @@ export default {
     color: #999;
     cursor: pointer;
   }
-  p{
+  p {
     margin-top: 20px;
-    span{
+    span {
       color: #af1b40;
     }
   }
@@ -128,4 +132,13 @@ export default {
     cursor: pointer;
   }
 }
+::v-deep {
+  .el-dialog {
+    margin-top: 40vh !important;
+    height: 300px !important;
+  }
+  .el-dialog__header {
+    padding-top: 60px;
+  }
+}
 </style>