提现倒计时

H5/src/views/bank.vue

@@ -24,10 +24,10 @@
         size="large"
       />
       <van-field
-              v-model="form.idCardNo"
-              label="身份证号"
-              placeholder="请输入"
-              size="large"
+        v-model="form.idCardNo"
+        label="身份证号"
+        placeholder="请输入"
+        size="large"
       />
     </van-cell-group>
     <van-button
@@ -70,7 +70,7 @@ export default {
         cardNumber: "",
         name: "",
         id: "",
-        idCardNo:'',
+        idCardNo: ""
       }
     };
   },
@@ -100,8 +100,8 @@ export default {
       } else if (!this.form.name) {
         this.$toast.fail("请填写姓名");
         return;
-      }else  if(!this.form.idCardNo){
-          this.$toast.fail("请输入身份证号");
+      } else if (!this.form.idCardNo) {
+        this.$toast.fail("请输入身份证号");
       }
       const params = this.form;
       if (this.form.id) {

H5/src/views/cashOut/cash-out.vue

@@ -64,6 +64,7 @@
           type="number"
           class="validCodeInput"
           placeholder="请输入"
+          center
         >
           <img
             slot="left-icon"
@@ -71,15 +72,14 @@
             src="@/assets/images/验证码.png"
           />
           <van-button
-                  slot="button"
-                  size="small"
-                  type="primary"
-                  class="verify-code"
-                  :disabled="disabled"
-                  @click="sendSms"
+            slot="button"
+            size="small"
+            type="primary"
+            class="verify-code"
+            @click="sendVerification"
           >
-            <span v-if="!disabled">发送验证码</span>
-            <span v-else>{{ time }}秒后重新发送</span>
+            <span v-if="!canSend">{{ time }}秒后重新发送</span>
+            <span v-else>发送验证码</span>
           </van-button>
         </van-field>
       </div>
@@ -102,7 +102,7 @@
 
 <script>
 import { getWithdrawalAmount } from "@/api/wallet";
-import { getUserBankInfo, sendSms, cashOut, getTaxRate } from "@/api/bank";
+import { getUserBankInfo, cashOut, getTaxRate } from "@/api/bank";
 import BaseDialog from "@/components/BaseDialog.vue";
 export default {
   components: { BaseDialog },
@@ -120,11 +120,11 @@ export default {
       resultDialogTip: "",
       resultDialogImg: "",
       resultDialog: false,
-        disabled: false,
+      canSend: true,
       textName: "",
       validCodeDialogShow: false,
       validCode: null,
-        time: 60,
+      time: 60
     };
   },
   created() {
@@ -138,12 +138,24 @@ export default {
         return false;
       }
     },
-
-      sendSms() {
-          const _this = this;
-          _this.time = 60;
-          _this.disabled = true;
-      },
+    sendVerification() {
+      console.log(123);
+      this.timeDown();
+      // const params = {
+      //   userId_dss: JSON.parse(localStorage.getItem("user")).userId
+      // };
+      // sendSms(params).then();
+    },
+    timeDown() {
+      this.canSend = false;
+      const timer = setInterval(() => {
+        this.time -= 1;
+        if (this.time <= 0) {
+          clearInterval(timer);
+          this.canSend = true;
+        }
+      }, 1000);
+    },
 
     inputClick() {
       this.rate = this.money * 0.02;
@@ -184,10 +196,6 @@ export default {
         this.$toast.fail("输入超过可提现金额，请重新输入");
         return;
       }
-      const params = {
-        userId: JSON.parse(localStorage.getItem("user")).userId
-      };
-      sendSms(params).then();
       this.validCode = null;
       this.validCodeDialogShow = true;
     },

H5/src/views/my/myStatus.vue

@@ -159,10 +159,10 @@ export default {
       console.log("tab", name);
       this.getRecommendDetail(name);
     },
-      changeTabs(name){
-          console.log("tab", name);
-          this.getRecommendDetail(name);
-      },
+    changeTabs(name) {
+      console.log("tab", name);
+      this.getRecommendDetail(name);
+    },
     onDownLoad(val) {
       console.log("下拉加载", val);
     },

H5/src/views/register.vue

@@ -110,7 +110,7 @@ export default {
     onClickHide() {
       this.show = false;
     },
-      sendSms() {
+    sendSms() {
       const _this = this;
       // if (_this.timer) {
       //   return false;
@@ -169,7 +169,7 @@ export default {
         this.$toast.clear();
         _this.registerBtnDisabled = false;
         if (res.code === 0) {
-            this.$toast.success("注册成功");
+          this.$toast.success("注册成功");
           //_this.$toast.sucess(res.msg);
         } else {
           _this.show = true;