支付时候增加弹框提示

src/components/index/SignUp/paying.vue

@@ -99,6 +99,19 @@
         </div>
       </span>
     </el-dialog> -->
+    <!-- 提示：打开电脑端后不能切换手机端 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogPayingVisible"
+      width="30%"
+      :before-close="handleClose"
+    >
+      <span>打开电脑端后不允许切换手机端</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogPayingVisible = false">取 消</el-button>
+        <el-button type="primary" @click="toPaying">确 定</el-button>
+      </span>
+    </el-dialog>
     <!-- 微信支付宝2选1 -->
     <el-dialog
       title="支付方式"
@@ -224,6 +237,7 @@ export default {
   },
   data() {
     return {
+      dialogPayingVisible: false, //支付时候tip
       dialogChoose: false, //付款方式选择
       confirmSignUpDialogFu: false, // 控制确认报名弹框的显示与隐藏
       bankDialogVisible: false, //上传银行截图弹框的显示与隐藏
@@ -461,6 +475,10 @@ export default {
     },
     // 立即支付-按钮
     paying() {
+      this.dialogPayingVisible = true;
+    },
+    toPaying() {
+      this.dialogPayingVisible = false;
       if (this.has_amount == 0) {
         getWxConfig({ pay_type: 3 }).then((res) => {
           console.log(res, "signUpInit");
@@ -470,7 +488,7 @@ export default {
           this.$message.success(res.data.err_msg);
         });
         this.$emit("getstatus", 6);
-      }else {
+      } else {
         // transfer_account 判断微信支付宝或者银行卡支付
         if (this.transfer_account == 0) {
           this.dialogChoose = true;