qgb-process 0.2.3 → 0.2.7

package/src/views/Login/components/FormSign.vue

@@ -1,493 +1,493 @@
-<!-- /**
-* 作用于登录页
-* 登录表单
-* @authors zzt
-* @date 2019-02-12
-* @version 1.0.0
-*/ -->
-
-<template>
-  <div class="form-sign-box">
-    <div class="form-sign-inner-auto">
-      <div class="form-sign-inner">
-        <el-form ref="form" :model="form" :rules="rules">
-          <div class="tc-20"></div>
-		  <el-form-item>
-		    <div style="font-size: 18px;color: #0286DF;font-weight: bold;float: left;">账号注册</div>
-			<div style="float: right;">
-				已有账号，
-				<el-link :underline="false" style="color: #0286DF;" @click="go()">去登录>></el-link>
-			</div>
-		  </el-form-item>
-          <el-form-item prop="tel">
-            <div class="login-input">
-              <div class="bg-img"></div>
-              <el-input
-              autocomplete="off"
-              v-model="form.tel"
-placeholder="请输入11位手机号"
-              oninput="if(value.length>11)value=value.slice(0,11)"
-              @change="disabledBut"></el-input>
-            </div>
-          </el-form-item>
-          <el-form-item prop="code">
-            <div class="sign-inner-code login-input">
-			  <div class="bg-img2"></div>
-              <div class="inner-code-text">
-                <el-input
-                autocomplete="off"
-                v-model="form.code"
-                placeholder="请输入验证码"
-                oninput="if(value.length>6)value=value.slice(0,6)"
-                ></el-input></div>
-              <div class="inner-code-button inner-code-button-border" v-if="!this.loading">
-                <el-button v-if="isClickButton" @click="getCode"  :disabled="buttonDisabled">获取验证码</el-button>
-                <el-button  v-else :disabled="buttonDisabled">获取验证码</el-button>
-              </div>
-              <div class="inner-code-button" v-else>
-                <el-button type="primary" :loading="loading" v-show="this.loading">{{time}}s</el-button>
-              </div>
-            </div>
-          </el-form-item>
-          <el-form-item prop="password">
-            <div class="sign-inner-password login-input">
-              <div class="bg-eye" @click="showEye = !showEye">
-                <img v-if="showEye" src="@/assets/login/close-eye.png" alt="">
-                <img v-if="!showEye" src="@/assets/login/eye.png" alt="">
-              </div>
-			  <div class="bg-img2"></div>
-              <input type="text" style="display: none;" >
-              <el-input
-              v-if="showEye"
-              autocomplete="new-password"
-              :type="typePassword"
-              @focus="onfocus"
-              onpaste="return false"
-              oncontextmenu="return false"
-              oncopy="return false"
-              oncut="return false"
-              v-model="form.password"
-              placeholder="请输入6-18位由数字加字母的密码"
-              oninput="if(value.length>18)value=value.slice(0,20)"
-              ></el-input>
-
-              <el-input
-              v-if="!showEye"
-              autocomplete="off"
-              type="text"
-              onpaste="return false"
-              oncontextmenu="return false"
-              oncopy="return false"
-              oncut="return false"
-              v-model="form.password"
-              placeholder="请输入6-18位由数字加字母的密码"
-              oninput="if(value.length>18)value=value.slice(0,20)"
-              ></el-input>
-            </div>
-          </el-form-item>
-          <el-form-item>
-            <div class="sign-inner-button"><el-button :disabled="!(agree && showSign)" @click="signSubmit">注册</el-button></div>
-          </el-form-item>
-		  <el-form-item>
-		    <div class="sign-inner-agreement noselect">
-		      <el-checkbox v-model="agree"></el-checkbox>
-		      <div @click="agree = !agree">我已阅读并接受 <span @click.stop="dialogVisible = true">《企管帮用户服务协议》</span></div>
-		    </div>
-		  </el-form-item>
-        </el-form>
-      </div>
-    </div>
-    <agreeMent :onOff.sync="dialogVisible"></agreeMent>
-    <div class="tc-50"></div>
-  </div>
-</template>
-<script>
-import apiUser from "@/api/apiUser"
-import { getCode, sign } from "@/api/apiSign.js"
-import { isvalidPhone } from "@/components/form/validate"
-import { Num } from "@/components/form/num.js"
-import localStorage from "@/storage/localStorage"
-
-import { validatePasswordStrength } from "@/utils/passwordStrength"
-import axios from "axios"
-import cookie from "@/storage/cookies"
-
-export default {
-  name: "FormSign",
-  mixins: [],
-  extends: {},
-  props: {},
-  data() {
-    return {
-      showSign: true,
-      showEye: true,
-      typePassword: "text",
-      buttonDisabled: true,
-      dialogVisible: false,
-      isClickButton: true,
-      time: 60,
-      agree: true,
-      loading: false,
-      isSend: true, // 判断是否发送过验证码  true为未发送过
-      form: {
-        tel: "",
-        code: "",
-        password: ""
-      },
-      formSubmit: {
-        username: "", // 18609942548
-        password: "", // 111qwer
-        code: "",
-        grant_type: "password",
-        randomStr: "",
-        remember_me: false
-      },
-      rules: {
-        tel: { required: true, validator: this.validPhone, trigger: "blur" },
-        password: [{ required: true, validator: this.validPassword, trigger: "blur" }],
-        code: { required: false, validator: this.validCode, trigger: "blur" }
-      }
-    }
-  },
-  computed: {},
-  components: {
-    agreeMent: () => import("@/views/Login/components/agreeMent.vue")
-  },
-  filter: {},
-  watch: {},
-  methods: {
-    go() {
-      this.$emit("goLogin")
-    },
-    onfocus() {
-      this.typePassword = "password"
-    },
-    async getCode() {
-      this.isClickButton = false
-      // this.sendSucc()
-
-      const res = await getCode({ telPhone: this.form.tel })
-
-      if (res.data.success === "true" || res.data.success === true) {
-        this.sendSucc()
-      } else {
-        this.agree = false
-        this.$message({
-          message: res.data.msg,
-          type: "warning",
-          duration: 3000
-        })
-      }
-      this.isClickButton = true
-    },
-    signSubmit() {
-      this.isSends()
-      this.$refs["form"].validate(async valid => {
-        if (!valid) {
-          return
-        }
-        if (!this.isSend) {
-          this.$message({
-            message: "请点击获取验证码",
-            type: "warning"
-          })
-        } else {
-          // 密码分数
-          const { score: passwordStrengthScore } = validatePasswordStrength(this.form.password)
-          const params = {
-            telPhone: this.form.tel,
-            code: this.form.code,
-            password: this.form.password,
-            accountname: this.form.tel,
-            username: this.form.tel,
-            // 密码分数
-            passwordStrengthScore
-          }
-          // let params = {
-          //   telPhone: this.form.tel,
-          //   code: this.form.code,
-          //   password: this.form.password
-          // }
-          this.showSign = false
-          const res = await sign(params)
-          if (res.data.code === 200) {
-            await this.submit()
-          } else {
-            this.showSign = true
-            if (res.data.data && res.data.data.length > 0) {
-              let msg = ""
-              for (let i = 0; i < res.data.data.length; i++) {
-                for (const x in res.data.data[i]) {
-                  msg += res.data.data[i][x]
-                }
-              }
-              this.$_toast({ type: "error", msg: msg })
-            } else {
-              this.$_toast({ type: "error", msg: res.data.msg })
-            }
-            // this.$router.push({
-            //   path: '/signSuccessfully',
-            //   query: {
-            //     show: true
-            //   }
-            // })
-          }
-        }
-      })
-    },
-    submit() {
-      const that = this
-      this.formSubmit.username = this.form.tel
-      this.formSubmit.password = this.form.password
-
-      axios.request({
-        method: "post",
-        params: this.formSubmit,
-        headers: {
-          Authorization:
-              "Basic MTE3NTI3Njk0NDMyNjAwNDczNjo2M2NkMzYwM2Q5YTc0ZTNiYmI4ZDhiOGE5NmQ3MWVlZA=="
-        },
-        url: `${process.env.VUE_APP_API}${process.env.VUE_APP_AUTHURLTYPE}/oauth/token`
-        // headers: { 'Authorization': 'Basic Z2N0eDpnY3R4' },
-        // url: `${process.env.VUE_APP_APIUSER}/api/shop/token`
-      }).then(async res => {
-        const data = res
-        if (data.status === 200) {
-          const token = data.data.access_token
-
-          cookie.cookieSet("token", token)
-          await that.getUser()
-          that.$router.push({
-            path: "/signSuccessfully",
-            query: {
-              show: true
-            }
-          })
-        }
-      })
-    },
-    async getUser() { // 获取用户信息
-      const res = await apiUser.getUserInfo()
-      const user = res.data.data
-
-      this.$store.commit("SET_USER", user)
-    },
-    isSends() {
-      const time = localStorage.read("isSignSend" + this.form.telPhone)
-      // let time = localStorage.read('isSignSend')
-      const timeInitialize = 15 * 60
-      const timeDifference = (Number(new Date()) - time) / 1000
-      if (timeDifference < timeInitialize) {
-        this.isSend = false
-      } else {
-        localStorage.clear("isSignSend" + this.form.telPhone)
-        // localStorage.clear('isSignSend')
-        this.isSend = true
-      }
-    },
-    disabledBut() {
-      this.buttonDisabled = !isvalidPhone(this.form.tel)
-    },
-    validPhone(rule, value, callback) {
-      if (!value) {
-        callback(new Error("请输入电话号码"))
-      } else if (!isvalidPhone(value)) {
-        callback(new Error("请输入正确的手机号"))
-      } else {
-        callback()
-      }
-    },
-    validCode(rule, value, callback) { // 验证码
-      if (!value) {
-        callback(new Error("请输入验证码"))
-      } else if (!Num(value)) {
-        callback(new Error("验证码输入有误"))
-      } else if (!(value.length === 6)) {
-        callback(new Error("验证码输入有误"))
-      } else {
-        callback()
-      }
-    },
-    validPassword(rule, value, callback) {
-      const Pass = /^(?!\d+$)(?![a-zA-Z]+$)[\da-zA-Z]+$/
-      // /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$/
-      if (value === "") {
-        callback(new Error("密码不能为空"))
-      } else if (value.length < 6 || value.length > 18) {
-        callback(new Error("密码须由6-18位字母和数字组成"))
-      } else if (!Pass.test(value)) {
-        callback(new Error("密码只能由数字与字母组成且必须包含数字和字母"))
-      } else {
-        callback()
-      }
-    },
-    sendSucc() {
-      const that = this
-      that.loading = true
-      const time = new Date()
-      localStorage.set("isSignSend" + this.form.tel, Number(time))
-      localStorage.set("isSignSend", Number(time))
-      // this.isSend = true
-      that.$_toast({ msg: "验证码已发送到您的手机，请查收!" })
-
-      var timeOut = setInterval(() => {
-        that.time = that.time - 1
-        if (that.time === 0) {
-          clearInterval(timeOut)
-          that.loading = false
-          that.time = 60
-        }
-      }, 1000)
-    },
-    setPushTime() {
-      const time = localStorage.read("isSignSend")
-
-      const timeInitialize = 60
-      const timeDifference = (Number(new Date()) - time) / 1000
-
-      const leadTime = timeInitialize - timeDifference.toFixed(0)
-
-      if (leadTime > 0) {
-        this.loading = true
-        const that = this
-        that.time = leadTime
-        var timeOut = setInterval(() => {
-          that.time = that.time - 1
-          if (that.time === 0) {
-            clearInterval(timeOut)
-            that.loading = false
-            that.time = 60
-          }
-        }, 1000)
-        return
-      }
-      localStorage.clear("isSignSend")
-    }
-  },
-  created() {
-    this.setPushTime()
-  },
-  mounted() {}
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-
-.form-sign-box{
-  position: relative;
-  width: 100%;
-  .bg-eye{
-    top: 2px;
-    right: 13px;
-    z-index: 1;
-    position: absolute;
-  }
-  .form-sign-inner-auto{
-	position: absolute;
-	top: 8px;
-	right: -30px;
-    width: 400px;
-    background: #fff;
-  }
-  .form-sign-inner{
-    width: 330px;
-    margin: 0 auto;
-    .sign-inner-title{
-      width: 100%;
-      text-align: center;
-      font-size: 32px;
-    }
-    .sign-inner-code {
-      width: 100%;
-      .inner-code-text{
-        width: 200px;
-        float: left;
-      }
-      .inner-code-button-border{
-
-        height: 40px;
-        >button{
-          border:1px solid rgba(2,134,223,1);
-        border-radius:4px;
-          background-color: #0286DF;
-		  color: #FFFFFF;
-        }
-      }
-      .inner-code-button{
-        float: right;
-        button{
-          width: 100%;
-          height: 38px;
-          font-size: 14px;
-        }
-      }
-    }
-    .sign-inner-password{
-      width: 100%;
-    }
-    .sign-inner-agreement{
-      font-size: 14px;
-      >div,label{
-        float: left;
-      }
-      >div{
-        text-indent: 10px;
-      }
-      span{
-        color: $default;
-        cursor: pointer;
-      }
-    }
-    .sign-inner-button{
-      width: 100%;
-      button{
-		border:1px solid rgba(2,134,223,1);
-        width: 100%;
-        height: 40px;
-        font-size: 18px;
-		background-color: #0286DF;
-		color: #FFFFFF;
-      }
-    }
-	.bg-img {
-	  position: absolute;
-	  top: 0px;
-	  z-index: 1;
-	  border-right: 1px solid #E4E7ED;
-	  width: 40px;
-	  height: 40px;
-	  background: url("../../../assets/login/login-tel.png") 12px 8px no-repeat;
-	  background-size: 18px 26px;
-	}
-	.bg-img2 {
-	  position: absolute;
-	  top: 0px;
-	  z-index: 1;
-	  border-right: 1px solid #E4E7ED;
-	  width: 40px;
-	  height: 40px;
-	  background: url("../../../assets/login/login-password.png") 12px 11px no-repeat;
-	  background-size: 17px 19px;
-	}
-  }
-}
-</style>
-<style lang="scss" rel="stylesheet/scss">
-.form-sign-box{
-  .login-input{
-	position: relative;
-    [type="text"],[type="password"]{
-      text-indent: 34px !important;
-    }
-
-  }
-  .el-input__inner{
-    height: 40px;
-    line-height: 40px;
-    font-size: 14px;
-  }
-	.el-form-item{
-		margin-bottom: 20px;
-	}
-}
-</style>
+<!-- /**
+* 作用于登录页
+* 登录表单
+* @authors zzt
+* @date 2019-02-12
+* @version 1.0.0
+*/ -->
+
+<template>
+  <div class="form-sign-box">
+    <div class="form-sign-inner-auto">
+      <div class="form-sign-inner">
+        <el-form ref="form" :model="form" :rules="rules">
+          <div class="tc-20"></div>
+		  <el-form-item>
+		    <div style="font-size: 18px;color: #0286DF;font-weight: bold;float: left;">账号注册</div>
+			<div style="float: right;">
+				已有账号，
+				<el-link :underline="false" style="color: #0286DF;" @click="go()">去登录>></el-link>
+			</div>
+		  </el-form-item>
+          <el-form-item prop="tel">
+            <div class="login-input">
+              <div class="bg-img"></div>
+              <el-input
+              autocomplete="off"
+              v-model="form.tel"
+placeholder="请输入11位手机号"
+              oninput="if(value.length>11)value=value.slice(0,11)"
+              @change="disabledBut"></el-input>
+            </div>
+          </el-form-item>
+          <el-form-item prop="code">
+            <div class="sign-inner-code login-input">
+			  <div class="bg-img2"></div>
+              <div class="inner-code-text">
+                <el-input
+                autocomplete="off"
+                v-model="form.code"
+                placeholder="请输入验证码"
+                oninput="if(value.length>6)value=value.slice(0,6)"
+                ></el-input></div>
+              <div class="inner-code-button inner-code-button-border" v-if="!this.loading">
+                <el-button v-if="isClickButton" @click="getCode"  :disabled="buttonDisabled">获取验证码</el-button>
+                <el-button  v-else :disabled="buttonDisabled">获取验证码</el-button>
+              </div>
+              <div class="inner-code-button" v-else>
+                <el-button type="primary" :loading="loading" v-show="this.loading">{{time}}s</el-button>
+              </div>
+            </div>
+          </el-form-item>
+          <el-form-item prop="password">
+            <div class="sign-inner-password login-input">
+              <div class="bg-eye" @click="showEye = !showEye">
+                <img v-if="showEye" src="@/assets/login/close-eye.png" alt="">
+                <img v-if="!showEye" src="@/assets/login/eye.png" alt="">
+              </div>
+			  <div class="bg-img2"></div>
+              <input type="text" style="display: none;" >
+              <el-input
+              v-if="showEye"
+              autocomplete="new-password"
+              :type="typePassword"
+              @focus="onfocus"
+              onpaste="return false"
+              oncontextmenu="return false"
+              oncopy="return false"
+              oncut="return false"
+              v-model="form.password"
+              placeholder="请输入6-18位由数字加字母的密码"
+              oninput="if(value.length>18)value=value.slice(0,20)"
+              ></el-input>
+
+              <el-input
+              v-if="!showEye"
+              autocomplete="off"
+              type="text"
+              onpaste="return false"
+              oncontextmenu="return false"
+              oncopy="return false"
+              oncut="return false"
+              v-model="form.password"
+              placeholder="请输入6-18位由数字加字母的密码"
+              oninput="if(value.length>18)value=value.slice(0,20)"
+              ></el-input>
+            </div>
+          </el-form-item>
+          <el-form-item>
+            <div class="sign-inner-button"><el-button :disabled="!(agree && showSign)" @click="signSubmit">注册</el-button></div>
+          </el-form-item>
+		  <el-form-item>
+		    <div class="sign-inner-agreement noselect">
+		      <el-checkbox v-model="agree"></el-checkbox>
+		      <div @click="agree = !agree">我已阅读并接受 <span @click.stop="dialogVisible = true">《企管帮用户服务协议》</span></div>
+		    </div>
+		  </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <agreeMent :onOff.sync="dialogVisible"></agreeMent>
+    <div class="tc-50"></div>
+  </div>
+</template>
+<script>
+import apiUser from "@/api/apiUser"
+import { getCode, sign } from "@/api/apiSign.js"
+import { isvalidPhone } from "@/components/form/validate"
+import { Num } from "@/components/form/num.js"
+import localStorage from "@/storage/localStorage"
+
+import { validatePasswordStrength } from "@/utils/passwordStrength"
+import axios from "axios"
+import cookie from "@/storage/cookies"
+
+export default {
+  name: "FormSign",
+  mixins: [],
+  extends: {},
+  props: {},
+  data() {
+    return {
+      showSign: true,
+      showEye: true,
+      typePassword: "text",
+      buttonDisabled: true,
+      dialogVisible: false,
+      isClickButton: true,
+      time: 60,
+      agree: true,
+      loading: false,
+      isSend: true, // 判断是否发送过验证码  true为未发送过
+      form: {
+        tel: "",
+        code: "",
+        password: ""
+      },
+      formSubmit: {
+        username: "", // 18609942548
+        password: "", // 111qwer
+        code: "",
+        grant_type: "password",
+        randomStr: "",
+        remember_me: false
+      },
+      rules: {
+        tel: { required: true, validator: this.validPhone, trigger: "blur" },
+        password: [{ required: true, validator: this.validPassword, trigger: "blur" }],
+        code: { required: false, validator: this.validCode, trigger: "blur" }
+      }
+    }
+  },
+  computed: {},
+  components: {
+    agreeMent: () => import("@/views/Login/components/agreeMent.vue")
+  },
+  filter: {},
+  watch: {},
+  methods: {
+    go() {
+      this.$emit("goLogin")
+    },
+    onfocus() {
+      this.typePassword = "password"
+    },
+    async getCode() {
+      this.isClickButton = false
+      // this.sendSucc()
+
+      const res = await getCode({ telPhone: this.form.tel })
+
+      if (res.data.success === "true" || res.data.success === true) {
+        this.sendSucc()
+      } else {
+        this.agree = false
+        this.$message({
+          message: res.data.msg,
+          type: "warning",
+          duration: 3000
+        })
+      }
+      this.isClickButton = true
+    },
+    signSubmit() {
+      this.isSends()
+      this.$refs["form"].validate(async valid => {
+        if (!valid) {
+          return
+        }
+        if (!this.isSend) {
+          this.$message({
+            message: "请点击获取验证码",
+            type: "warning"
+          })
+        } else {
+          // 密码分数
+          const { score: passwordStrengthScore } = validatePasswordStrength(this.form.password)
+          const params = {
+            telPhone: this.form.tel,
+            code: this.form.code,
+            password: this.form.password,
+            accountname: this.form.tel,
+            username: this.form.tel,
+            // 密码分数
+            passwordStrengthScore
+          }
+          // let params = {
+          //   telPhone: this.form.tel,
+          //   code: this.form.code,
+          //   password: this.form.password
+          // }
+          this.showSign = false
+          const res = await sign(params)
+          if (res.data.code === 200) {
+            await this.submit()
+          } else {
+            this.showSign = true
+            if (res.data.data && res.data.data.length > 0) {
+              let msg = ""
+              for (let i = 0; i < res.data.data.length; i++) {
+                for (const x in res.data.data[i]) {
+                  msg += res.data.data[i][x]
+                }
+              }
+              this.$_toast({ type: "error", msg: msg })
+            } else {
+              this.$_toast({ type: "error", msg: res.data.msg })
+            }
+            // this.$router.push({
+            //   path: '/signSuccessfully',
+            //   query: {
+            //     show: true
+            //   }
+            // })
+          }
+        }
+      })
+    },
+    submit() {
+      const that = this
+      this.formSubmit.username = this.form.tel
+      this.formSubmit.password = this.form.password
+
+      axios.request({
+        method: "post",
+        params: this.formSubmit,
+        headers: {
+          Authorization:
+              "Basic MTE3NTI3Njk0NDMyNjAwNDczNjo2M2NkMzYwM2Q5YTc0ZTNiYmI4ZDhiOGE5NmQ3MWVlZA=="
+        },
+        url: `${process.env.VUE_APP_API}${process.env.VUE_APP_AUTHURLTYPE}/oauth/token`
+        // headers: { 'Authorization': 'Basic Z2N0eDpnY3R4' },
+        // url: `${process.env.VUE_APP_APIUSER}/api/shop/token`
+      }).then(async res => {
+        const data = res
+        if (data.status === 200) {
+          const token = data.data.access_token
+
+          cookie.cookieSet("token", token)
+          await that.getUser()
+          that.$router.push({
+            path: "/signSuccessfully",
+            query: {
+              show: true
+            }
+          })
+        }
+      })
+    },
+    async getUser() { // 获取用户信息
+      const res = await apiUser.getUserInfo()
+      const user = res.data.data
+
+      this.$store.commit("SET_USER", user)
+    },
+    isSends() {
+      const time = localStorage.read("isSignSend" + this.form.telPhone)
+      // let time = localStorage.read('isSignSend')
+      const timeInitialize = 15 * 60
+      const timeDifference = (Number(new Date()) - time) / 1000
+      if (timeDifference < timeInitialize) {
+        this.isSend = false
+      } else {
+        localStorage.clear("isSignSend" + this.form.telPhone)
+        // localStorage.clear('isSignSend')
+        this.isSend = true
+      }
+    },
+    disabledBut() {
+      this.buttonDisabled = !isvalidPhone(this.form.tel)
+    },
+    validPhone(rule, value, callback) {
+      if (!value) {
+        callback(new Error("请输入电话号码"))
+      } else if (!isvalidPhone(value)) {
+        callback(new Error("请输入正确的手机号"))
+      } else {
+        callback()
+      }
+    },
+    validCode(rule, value, callback) { // 验证码
+      if (!value) {
+        callback(new Error("请输入验证码"))
+      } else if (!Num(value)) {
+        callback(new Error("验证码输入有误"))
+      } else if (!(value.length === 6)) {
+        callback(new Error("验证码输入有误"))
+      } else {
+        callback()
+      }
+    },
+    validPassword(rule, value, callback) {
+      const Pass = /^(?!\d+$)(?![a-zA-Z]+$)[\da-zA-Z]+$/
+      // /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$/
+      if (value === "") {
+        callback(new Error("密码不能为空"))
+      } else if (value.length < 6 || value.length > 18) {
+        callback(new Error("密码须由6-18位字母和数字组成"))
+      } else if (!Pass.test(value)) {
+        callback(new Error("密码只能由数字与字母组成且必须包含数字和字母"))
+      } else {
+        callback()
+      }
+    },
+    sendSucc() {
+      const that = this
+      that.loading = true
+      const time = new Date()
+      localStorage.set("isSignSend" + this.form.tel, Number(time))
+      localStorage.set("isSignSend", Number(time))
+      // this.isSend = true
+      that.$_toast({ msg: "验证码已发送到您的手机，请查收!" })
+
+      var timeOut = setInterval(() => {
+        that.time = that.time - 1
+        if (that.time === 0) {
+          clearInterval(timeOut)
+          that.loading = false
+          that.time = 60
+        }
+      }, 1000)
+    },
+    setPushTime() {
+      const time = localStorage.read("isSignSend")
+
+      const timeInitialize = 60
+      const timeDifference = (Number(new Date()) - time) / 1000
+
+      const leadTime = timeInitialize - timeDifference.toFixed(0)
+
+      if (leadTime > 0) {
+        this.loading = true
+        const that = this
+        that.time = leadTime
+        var timeOut = setInterval(() => {
+          that.time = that.time - 1
+          if (that.time === 0) {
+            clearInterval(timeOut)
+            that.loading = false
+            that.time = 60
+          }
+        }, 1000)
+        return
+      }
+      localStorage.clear("isSignSend")
+    }
+  },
+  created() {
+    this.setPushTime()
+  },
+  mounted() {}
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+
+.form-sign-box{
+  position: relative;
+  width: 100%;
+  .bg-eye{
+    top: 2px;
+    right: 13px;
+    z-index: 1;
+    position: absolute;
+  }
+  .form-sign-inner-auto{
+	position: absolute;
+	top: 8px;
+	right: -30px;
+    width: 400px;
+    background: #fff;
+  }
+  .form-sign-inner{
+    width: 330px;
+    margin: 0 auto;
+    .sign-inner-title{
+      width: 100%;
+      text-align: center;
+      font-size: 32px;
+    }
+    .sign-inner-code {
+      width: 100%;
+      .inner-code-text{
+        width: 200px;
+        float: left;
+      }
+      .inner-code-button-border{
+
+        height: 40px;
+        >button{
+          border:1px solid rgba(2,134,223,1);
+        border-radius:4px;
+          background-color: #0286DF;
+		  color: #FFFFFF;
+        }
+      }
+      .inner-code-button{
+        float: right;
+        button{
+          width: 100%;
+          height: 38px;
+          font-size: 14px;
+        }
+      }
+    }
+    .sign-inner-password{
+      width: 100%;
+    }
+    .sign-inner-agreement{
+      font-size: 14px;
+      >div,label{
+        float: left;
+      }
+      >div{
+        text-indent: 10px;
+      }
+      span{
+        color: $default;
+        cursor: pointer;
+      }
+    }
+    .sign-inner-button{
+      width: 100%;
+      button{
+		border:1px solid rgba(2,134,223,1);
+        width: 100%;
+        height: 40px;
+        font-size: 18px;
+		background-color: #0286DF;
+		color: #FFFFFF;
+      }
+    }
+	.bg-img {
+	  position: absolute;
+	  top: 0px;
+	  z-index: 1;
+	  border-right: 1px solid #E4E7ED;
+	  width: 40px;
+	  height: 40px;
+	  background: url("../../../assets/login/login-tel.png") 12px 8px no-repeat;
+	  background-size: 18px 26px;
+	}
+	.bg-img2 {
+	  position: absolute;
+	  top: 0px;
+	  z-index: 1;
+	  border-right: 1px solid #E4E7ED;
+	  width: 40px;
+	  height: 40px;
+	  background: url("../../../assets/login/login-password.png") 12px 11px no-repeat;
+	  background-size: 17px 19px;
+	}
+  }
+}
+</style>
+<style lang="scss" rel="stylesheet/scss">
+.form-sign-box{
+  .login-input{
+	position: relative;
+    [type="text"],[type="password"]{
+      text-indent: 34px !important;
+    }
+
+  }
+  .el-input__inner{
+    height: 40px;
+    line-height: 40px;
+    font-size: 14px;
+  }
+	.el-form-item{
+		margin-bottom: 20px;
+	}
+}
+</style>