|
|
|
@ -33,7 +33,7 @@ |
|
|
|
show为默认的控制显示 这里替换为v-if的渲染 这样email和phone只能存在一个 避免同时创建require规则时报错--> |
|
|
|
<div class="tab-pane fade" :class="{show:registerType == 1, active:registerType == 1}" v-if="registerType==1" id="email" role="tabpanel" aria-labelledby="email-tab"> |
|
|
|
<div class="form-group"> |
|
|
|
<input type="email" name="email" class="form-control" :placeholder="$t('login.pleaseEmail')" v-model="user.email" :data-has="$t('login.pleaseEmail')" :data-message="$t('login.invalidEmail')" /> |
|
|
|
<input type="email" name="email" class="form-control" :placeholder="$t('login.pleaseEmail')" v-model="user.email" :data-has="$t('login.pleaseEmail')" :data-message="$t('login.invalidEmail')" title="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- phone number --> |
|
|
|
@ -45,35 +45,35 @@ |
|
|
|
<el-option v-for="(item, index) in cacheOption" :key="index" :value="`${item.id}`" :label="`+${item.country_code} ${item.name} ${item.code}`"></el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<input type="text" name="phone" class="form-control" :placeholder="$t('login.enterMobile')" v-model="user.phone" :data-has="$t('login.enterMobile')"/> |
|
|
|
<input type="text" name="phone" class="form-control" :placeholder="$t('login.enterMobile')" v-model="user.phone" :data-has="$t('login.enterMobile')" title=""/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="form-group row password"> |
|
|
|
<input :type="pwdType" id="password" v-model="user.password" required :placeholder="$t('login.password')" class="form-control" /> |
|
|
|
<input :type="pwdType" id="password" v-model="user.password" required :placeholder="$t('login.password')" class="form-control" title="" /> |
|
|
|
<label for="password" @click="showType('pwdType')"></label> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="form-group row password"> |
|
|
|
<!-- 使用data-type指定额外的类型验证 --> |
|
|
|
<input :type="repwdType" id="repassword" v-model="user.repassword" required :placeholder="$t('login.confirm-password')" class="form-control" /> |
|
|
|
<input :type="repwdType" id="repassword" v-model="user.repassword" required :placeholder="$t('login.confirm-password')" class="form-control" title="" /> |
|
|
|
<label @click="showType('repwdType')"></label> |
|
|
|
</div> |
|
|
|
<div class="form-group row password"> |
|
|
|
<!-- 增加图形验证码 --> |
|
|
|
<input :type="txtType" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control col-8" /> |
|
|
|
<input :type="txtType" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control col-8" title="" /> |
|
|
|
<img class="" :src="Graph_che" @click="gett_gc_code" style="object-fit: contain;width: 166px;height: 56px;"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="form-group row"> |
|
|
|
<input type="text" class="form-control" :disabled="$route.query.invite_code?true:false" v-model="user.parentCode" :placeholder="`${$t('login.referrer')}`" /> |
|
|
|
<input type="text" class="form-control" :disabled="$route.query.invite_code?true:false" v-model="user.parentCode" :placeholder="`${$t('login.referrer')}`" title="" /> |
|
|
|
<!-- （${$t('login.optional')}） --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="custom-control custom-checkbox"> |
|
|
|
<input type="checkbox" class="custom-control-input" id="form-checkbox" v-model="isAgree" /> |
|
|
|
<input type="checkbox" class="custom-control-input" id="form-checkbox" v-model="isAgree" title="" /> |
|
|
|
<label class="custom-control-label" for="form-checkbox" style="color: #101010;"> |
|
|
|
{{$t('login.iSee')}} |
|
|
|
<router-link to="service/10"> |
|
|
|
@ -98,7 +98,7 @@ |
|
|
|
<section class="my-codes"> |
|
|
|
<header class="my-codes__title">{{$t('login.verCode')}}</header> |
|
|
|
<div class="my-codes__controls"> |
|
|
|
<input style="color: #000;" type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" /> |
|
|
|
<input style="color: #000;" type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" title="" /> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
<aside class="prompt"> |
|
|
|
@ -123,7 +123,7 @@ |
|
|
|
<section class="my-codes"> |
|
|
|
<header class="my-codes__title">Code</header> |
|
|
|
<div class="my-codes__controls"> |
|
|
|
<input type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" /> |
|
|
|
<input type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" title="" /> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
<aside class="prompt"> |
|
|
|
|
