先选择充值余额

src/pages/subPages/mobileCard.vue

@@ -34,7 +34,12 @@
               :rows="15"></el-input>
         </el-form-item>
         <el-form-item>
-            <el-button type="primary" @click="rechargeBtn">卡号校验</el-button>
+            <el-button type="primary"
+              @click="rechargeBtn"
+              :loading="loadingSeeCard"
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.5)"
+              :disabled="loadingSeeCard ? true : false">卡号校验</el-button>
             <el-button type="success" @click="confirmRecharge">充值</el-button>
         </el-form-item>
       </el-form>
@@ -141,7 +146,9 @@ export default {
       // 成功数
       success_no: 0,
       // 失败数
-      error_no: 0
+      error_no: 0,
+      // 查看卡号loading
+      loadingSeeCard: false
     }
   },
   created() {
@@ -202,8 +209,15 @@ export default {
     },
     // 查看按钮
     rechargeBtn() {
+      this.loadingSeeCard = true
       if (!this.formData.code) {
         this.$message.error('请填写手机号')
+        this.loadingSeeCard = false
+        return
+      }
+      if (!this.curMoney) {
+        this.$message.error('请选择充值金额')
+        this.loadingSeeCard = false
         return
       }
       this.dialogVisible = true
@@ -211,6 +225,7 @@ export default {
       this.splitStr = ''
       this.codeStr = this.formData.code.replace(/\s/g,"").replace(/[\u4e00-\u9fa5]/g, "")
       console.log('1', this.codeStr.substr(0,1));
+      this.loadingSeeCard = false
 
     },
     confirmRecharge() {
@@ -218,6 +233,10 @@ export default {
         this.$message.error('请填写手机号')
         return
       }
+      if (!this.curMoney) {
+        this.$message.error('请选择充值金额')
+        return
+      }
       this.dialogVisibleCard = true
       this.input = []
       this.splitStr = ''
@@ -229,6 +248,7 @@ export default {
       this.dialogVisible = false
       this.splitStr = ''
       this.input = []
+
     },
     handleCloseCard() {
       this.dialogVisibleCard = false

src/pages/subPages/oilCard.vue

@@ -223,6 +223,10 @@ export default {
         this.$message.error('请填写卡号')
         return
       }
+      if (!this.curMoney) {
+        this.$message.error('请选择充值金额')
+        return
+      }
       this.dialogVisible = true
       this.input = []
       // 去掉中间空格和中文
@@ -245,6 +249,10 @@ export default {
         this.$message.error('请填写油卡号')
         return
       }
+      if (!this.curMoney) {
+        this.$message.error('请选择充值金额')
+        return
+      }
       this.codeStr = this.formData.code.replace(/\s/g,"").replace(/[\u4e00-\u9fa5]/g, "")
       console.log('1', this.codeStr.substr(0,1));
       this.input = []