| | |
| | | <div class="login_page"> |
| | | <headers /> |
| | | <div class="login_title animated slideInDown"> |
| | | <span>{{ $t("hj18") }}</span> |
| | | <span>{{ $t("hj15") }}</span> |
| | | </div> |
| | | <div class="logins_content"> |
| | | <div class="login_forms"> |
| | | <div class="top_forms"> |
| | | <div class="forms_title">{{ placeholder }}</div> |
| | | <el-input |
| | | :placeholder="$t('请输入')" |
| | | :size="medium" |
| | | v-model="phone" |
| | | clearable |
| | | @input="handleInput()" |
| | | > |
| | | <el-input :placeholder="$t('请输入')" :size="medium" v-model="phone" clearable @input="handleInput()"> |
| | | </el-input> |
| | | |
| | | <!-- <div class="forms_title">{{ $t("hj25") }}</div> |
| | | <el-input :placeholder="$t('请输入')" :size="medium" v-model="yzmCode" clearable @input="handleInput()"> |
| | | <template slot="append"> |
| | | <van-button type="info" size="small" @click="getYzm" :loading="djs > 0" :loading-text="djs + ''"> |
| | | <span style="font-size: 14px;">{{ $t('获取验证码') }}</span> |
| | | </van-button> |
| | | </template> |
| | | </el-input> --> |
| | | |
| | | <div class="forms_title">{{ $t("Password") }}</div> |
| | | <el-input |
| | | :placeholder="$t('hj19')" |
| | | :size="medium" |
| | | v-model="userPassword" |
| | | clearable |
| | | @input="handleInput()" |
| | | > |
| | | <el-input :placeholder="$t('hj19')" :size="medium" v-model="userPassword" clearable @input="handleInput()"> |
| | | </el-input> |
| | | |
| | | <div class="forms_title">{{ $t("hj20") }}</div> |
| | | <el-input |
| | | :placeholder="$t('请输入')" |
| | | :size="medium" |
| | | v-model="rePassword" |
| | | clearable |
| | | @input="handleInput()" |
| | | > |
| | | <el-input :placeholder="$t('请输入')" :size="medium" v-model="rePassword" clearable @input="handleInput()"> |
| | | </el-input> |
| | | |
| | | <div class="forms_title">{{ $t("hj21") }}</div> |
| | | <el-input |
| | | :placeholder="$t('请输入')" |
| | | :size="medium" |
| | | v-model="userName" |
| | | clearable |
| | | @input="handleInput()" |
| | | > |
| | | <el-input :placeholder="$t('请输入')" :size="medium" v-model="userName" clearable @input="handleInput()"> |
| | | </el-input> |
| | | </div> |
| | | <div |
| | | class="radio-con" |
| | | style="display: flex; align-items: center; font-size: 14px" |
| | | > |
| | | <div class="radio-con" style="display: flex; align-items: center; font-size: 14px"> |
| | | <van-checkbox v-model="checked" @change="handleInput()"> |
| | | {{ $t("我已閱讀並同意") }} |
| | | </van-checkbox> |
| | |
| | | </span> |
| | | </div> |
| | | <div class="bottom_btns" :class="btnClass ? 'on' : 'off'"> |
| | | <van-button |
| | | type="info" |
| | | :disabled="!btnClass" |
| | | class="butn" |
| | | @click="gook" |
| | | >{{ $t("立即注册") }}</van-button |
| | | > |
| | | <van-button type="info" :disabled="!btnClass" class="butn" @click="gook">{{ $t("立即注册") }}</van-button> |
| | | |
| | | <!-- <van-button |
| | | type="info" |
| | |
| | | import * as api from "@/axios/api"; |
| | | import { Notify } from "vant"; |
| | | import { mapMutations } from "vuex"; |
| | | |
| | | import deTh from "@/utils/deTh"; |
| | | export default { |
| | | components: { |
| | | headers |
| | |
| | | verification: this.$t("hj25"), |
| | | loginWay: this.$t("hj26"), |
| | | loginWay: this.$t("hj26"), |
| | | placeholder: this.$t("hj27"), |
| | | placeholder: this.$t("hj16"), |
| | | phone: "", |
| | | userName: "", |
| | | yzmCode: '6666', |
| | | code: "", |
| | | userPassword: "", |
| | | btnClass: false, |
| | | rePassword: "", |
| | | medium: "medium", |
| | | djs: 0, |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | handleInput() { |
| | | if ( |
| | | this.userPassword !== "" && |
| | | this.yzmCode !== "" && |
| | | this.phone !== "" && |
| | | this.userPassword == this.rePassword && |
| | | this.userName != "" && |
| | |
| | | this.btnClass = true; |
| | | } else { |
| | | this.btnClass = false; |
| | | } |
| | | }, |
| | | async getYzm() { |
| | | |
| | | let data = await api.getsendmail({ email: this.phone }); |
| | | if (data.status == 0) { |
| | | Notify({ type: 'primary', message: data.msg }); |
| | | |
| | | this.djs = 60; |
| | | let time = setInterval(() => { |
| | | this.djs--; |
| | | if (this.djs <= 0) { |
| | | clearInterval(time); |
| | | } |
| | | }, 1000); |
| | | } else { |
| | | Notify({ type: "warning", message: data.msg }); |
| | | } |
| | | }, |
| | | async gook() { |
| | |
| | | let opts = { |
| | | // agentCode:'4023', // SR330001 |
| | | phone: this.phone, |
| | | yzmCode: "6666", |
| | | yzmCode: this.yzmCode, |
| | | userPwd: this.userPassword, |
| | | agentCode: this.userName |
| | | }; |
| | | let data = await api.register(opts); |
| | | if (data.status === 0) { |
| | | Notify({ type: "success", message: this.$t('hj34') }); |
| | | setTimeout(() => { |
| | | this.$router.push("/login"); |
| | | }, 1000); |
| | |
| | | |
| | | .radio-con { |
| | | margin-top: 0.32rem; |
| | | } |
| | | |
| | | /deep/ .el-input-group__append { |
| | | background: #13161e; |
| | | border: none !important; |
| | | size: .3rem; |
| | | } |
| | | |
| | | /deep/ .van-checkbox__icon--checked .van-icon { |
| | |
| | | color: #000; |
| | | font-weight: 600 !important; |
| | | |
| | | > span { |
| | | >span { |
| | | font-weight: 600 !important; |
| | | } |
| | | } |
| | |
| | | // background: #1e1e1e; |
| | | border-radius: 0.3564rem; |
| | | |
| | | > input { |
| | | >input { |
| | | width: 100%; |
| | | height: 100%; |
| | | padding-left: 0.3564rem; |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | |
| | | > span { |
| | | >span { |
| | | font-size: 0.3046rem; |
| | | color: #000; |
| | | background-color: #fff; |
| | |
| | | width: 3rem; |
| | | height: 3.5769rem; |
| | | |
| | | > img { |
| | | >img { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |