增加基本项目配置

pages/user/BindingPhone/index.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="ChangePassword">
+    <div class="list">
+      <div class="item">
+        <input type="number" placeholder="填写手机号码" v-model="phone" />
+      </div>
+      <div class="item acea-row row-between-wrapper">
+        <input type="text" placeholder="填写验证码" class="codeIput" v-model="captcha" />
+        <button
+          class="code font-color-red"
+          :disabled="disabled"
+          :class="disabled === true ? 'on' : ''"
+          @click="code"
+        >{{ text }}</button>
+      </div>
+    </div>
+    <div class="confirmBnt bg-color-red" @click="confirm">确认绑定</div>
+  </div>
+</template>
+<script>
+import { mapGetters } from "vuex";
+import sendVerifyCode from "@/mixins/SendVerifyCode";
+import { required, alpha_num, chs_phone } from "@/utils/validate";
+import { validatorDefaultCatch } from "@/utils/dialog";
+import { registerVerify, bindingPhone } from "@/api/user";
+
+export default {
+  name: "BindingPhone",
+  components: {},
+  props: {},
+  data: function() {
+    return {
+      captcha: "",
+      phone: "" //手机号
+    };
+  },
+  mixins: [sendVerifyCode],
+  computed: mapGetters(["userInfo"]),
+  mounted: function() {},
+  methods: {
+    async confirm() {
+      let that = this;
+      const { phone, captcha } = that;
+      try {
+        await that
+          .$validator({
+            phone: [
+              chs_phone(chs_phone.message("手机号码")),
+              alpha_num(alpha_num.message())
+            ],
+            captcha: [
+              required(required.message("验证码")),
+              alpha_num(alpha_num.message("验证码"))
+            ]
+          })
+          .validate({ phone, captcha });
+      } catch (e) {
+        return validatorDefaultCatch(e);
+      }
+      bindingPhone({
+        phone: this.phone,
+        captcha: this.captcha
+      })
+        .then(res => {
+          if (res.data !== undefined && res.data.is_bind) {
+            that.$dialog.confirm({
+              mes: res.msg,
+              opts: [
+                {
+                  txt: "确认绑定",
+                  color: false,
+                  callback: () => {
+                    bindingPhone({
+                      phone: this.phone,
+                      captcha: this.captcha,
+                      step: 1
+                    })
+                      .then(res => {
+                        wx.showToast({
+                          title: res.msg,
+                          icon: "none",
+                          duration: 2000
+                        });
+                        that.$yrouter.replace({
+                          path: "/pages/user/PersonalData/main"
+                        });
+                      })
+                      .catch(res => {
+                        wx.showToast({
+                          title: res.msg,
+                          icon: "none",
+                          duration: 2000
+                        });
+                        that.$yrouter.replace({
+                          path: "/pages/user/PersonalData/main"
+                        });
+                      });
+                  }
+                },
+                {
+                  txt: "取消",
+                  color: false,
+                  callback: () => {
+                    wx.showToast({
+                      title: "已取消绑定",
+                      icon: "none",
+                      duration: 2000
+                    });
+                    that.$yrouter.replace({
+                      path: "/pages/user/PersonalData/main"
+                    });
+                  }
+                }
+              ]
+            });
+          } else {
+            wx.showToast({
+              title: res.msg,
+              icon: "none",
+              duration: 2000
+            });
+            that.$yrouter.replace({ path: "/pages/user/PersonalData/main" });
+          }
+        })
+        .catch(res => {
+          wx.showToast({
+            title: res.msg,
+            icon: "none",
+            duration: 2000
+          });
+        });
+    },
+    async code() {
+      let that = this;
+      const { phone } = that;
+      try {
+        await that
+          .$validator({
+            phone: [
+              required(required.message("手机号码")),
+              chs_phone(chs_phone.message())
+            ]
+          })
+          .validate({ phone });
+      } catch (e) {
+        return validatorDefaultCatch(e);
+      }
+
+      registerVerify({ phone: phone })
+        .then(res => {
+          wx.showToast({
+            title: res.msg,
+            icon: "none",
+            duration: 2000
+          });
+          that.sendCode();
+        })
+        .catch(res => {
+          wx.showToast({
+            title: res.msg,
+            icon: "none",
+            duration: 2000
+          });
+        });
+    }
+  }
+};
+</script>
+
+<style lang="">
+
+</style>