You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
4.4 KiB
148 lines
4.4 KiB
<template>
|
|
<v-page class="pos-login">
|
|
<v-header :title="$t('safe.c8')"></v-header>
|
|
<main class="bg-panel-3 p-x-lg p-y-lg rounded-md box-shadow">
|
|
<!-- <view class="form-item border-b p-y-md color-light">
|
|
<view class="label m-b-xs">{{$t('safe.b1')}}</view>
|
|
<view class="input">
|
|
<v-input v-model="form.account" :placeholder="`${$t('safe.a4')}`" @blur="checkAccount"></v-input>
|
|
</view>
|
|
</view> -->
|
|
<view class="form-item border-b p-y-md color-light">
|
|
<view class="label m-b-xs">{{$t('safe.b3')}}</view>
|
|
<view class="input">
|
|
<v-input type="password" v-model="form.password" :placeholder="$t('safe.b4')"></v-input>
|
|
</view>
|
|
</view>
|
|
<view class="form-item border-b p-y-md color-light">
|
|
<view class="label m-b-xs">{{$t('safe.b5')}}</view>
|
|
<view class="input">
|
|
<v-input type="password" v-model="form.password_confirmation" :placeholder="$t('safe.b6')"></v-input>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="form-item border-b p-y-md color-light" v-if="0">
|
|
<view class="label m-b-xs">{{$t('common.GraphicValidation')}}</view>
|
|
<v-input class="color-light" v-model="form.gr_code" :placeholder="$t('common.GraphicValidation')">
|
|
<template #right>
|
|
<img :src="Graph_che" @click="gett_gc_code" v-if="!hideImg">
|
|
</template>
|
|
</v-input>
|
|
|
|
</view>
|
|
<view class="form-item border-b p-y-md color-light" v-if="user.phone_status==1">
|
|
<view class="label m-b-xs">SMS{{$t('safe.a7')}}</view>
|
|
<view class="input">
|
|
<v-input v-model="form.sms_code" :placeholder="$t('safe.a6')">
|
|
<template #right>
|
|
<v-code url="/user/getCode" :data="{type:1}" />
|
|
</template>
|
|
</v-input>
|
|
</view>
|
|
</view>
|
|
<view class="form-item border-b p-y-md color-light" v-if="user.email_status==1">
|
|
<view class="label m-b-xs">{{$t('safe.a5')}}</view>
|
|
<view class="input">
|
|
<v-input v-model="form.email_code" :placeholder="$t('safe.a6')">
|
|
<template #right>
|
|
<v-code url="/user/getCode" :data="{type:2}" />
|
|
</template>
|
|
</v-input>
|
|
</view>
|
|
</view>
|
|
<view class="form-item border-b p-y-md color-light" v-if="user.google_status==1">
|
|
<view class="label m-b-xs">google{{$t('safe.a7')}}</view>
|
|
<view class="input">
|
|
<v-input v-model="form.google_code" :placeholder="$t('safe.a6')"></v-input>
|
|
</view>
|
|
</view>
|
|
<view class="p-md ">
|
|
<v-button block type="white" class="w-max rounded-md" ref="btn" @click="setPassword">{{$t('safe.b7')}}</v-button>
|
|
</view>
|
|
<!-- <v-button block class="w-max" ref="btn" type="theme"></v-button> -->
|
|
</main>
|
|
|
|
<van-toast id="van-toast" />
|
|
</v-page>
|
|
</template>
|
|
<script>
|
|
import Member from "@/api/member";
|
|
import { mapState } from "vuex";
|
|
import Setting from "@/api/setting";
|
|
export default {
|
|
data() {
|
|
return {
|
|
form: {
|
|
password: "",
|
|
password_confirmation: "",
|
|
sms_code: "",
|
|
email_code: "",
|
|
google_code: "",
|
|
},
|
|
Graph_che:'',
|
|
gc_key:'', // tuxiangyanzheng key
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
user: "user",
|
|
}),
|
|
},
|
|
mounted() {
|
|
this.gett_gc_code();
|
|
},
|
|
methods: {
|
|
checkAccount(){
|
|
|
|
},
|
|
//��ȡͼ����֤��
|
|
refreshCaptcha() {
|
|
axios.get('/register/Graph_che')
|
|
.then(response => {
|
|
// ���¼�����֤��ͼƬ
|
|
})
|
|
.catch(error => {
|
|
console.log(error);
|
|
});
|
|
},
|
|
// ��������ͼ����֤��
|
|
reGetGraphChe(){
|
|
this.hideImg = true;
|
|
this.gett_gc_code();
|
|
},
|
|
|
|
gett_gc_code(){
|
|
Member.Graph_che().then((res)=>{
|
|
if(res.code==200){
|
|
this.hideImg = false;
|
|
}
|
|
// console.log("gc",res.data.img)
|
|
this.Graph_che = res.data.img;
|
|
this.gc_key= res.data.key;
|
|
});
|
|
//this.Graph_che = gc
|
|
|
|
},
|
|
setPassword() {
|
|
let data = this.form;
|
|
Setting.updatePassword(data, { btn: this.$refs.btn })
|
|
.then((res) => {
|
|
if(res.code==200){
|
|
this.$back();
|
|
this.$toast.success(this.$t('safe.d3'));
|
|
}
|
|
})
|
|
.catch(() => {});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.layout-page{
|
|
background-color: #121212 !important;
|
|
background: none;
|
|
}
|
|
.bg-panel-3{
|
|
background-color: #121212;
|
|
}
|
|
</style>
|