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.
185 lines
6.2 KiB
185 lines
6.2 KiB
<template>
|
|
<v-page>
|
|
<v-header :title="$t('safe.c7')"></v-header>
|
|
<view style="background-color: #121212;height: 100%;">
|
|
<view class=" m-x-lg m-y-lg p-x-md bg-panel-3 rounded-md box-shadow">
|
|
<view class="list">
|
|
<!-- --------google------ -->
|
|
<!-- <v-link
|
|
tag="li"
|
|
to="/pages/safe/google"
|
|
class="item link-active d-flex p-x-md p-y-md align-center border-b"
|
|
>
|
|
<view class="flex-fill d-flex justify-between m-r-xs">
|
|
<view class="color-light">{{$t('safe.b9')}}</view>
|
|
<van-switch v-if="user.google_token" @click.native.stop @input="switchVer(3)" size="28rpx" :checked="user.google_status==1" />
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link> -->
|
|
<!-- -------login---------- -->
|
|
<v-link tag="li" to="/pages/safe/login-password" class="item link-active d-flex align-center" style="padding: 10px 0px;">
|
|
<view class="img_info">
|
|
<img src="@/assets/img/info1.png" style="width: 20px;" />
|
|
</view>
|
|
<view class="flex-fill d-flex justify-between m-r-xs">
|
|
<view class="color-light">{{$t('safe.c8')}}</view>
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link>
|
|
<!-- ----------交易密码---------- -->
|
|
<!-- <v-link
|
|
tag="li"
|
|
to="/pages/safe/transaction-password"
|
|
class="item link-active d-flex p-x-md p-y-md align-center border-b"
|
|
>
|
|
<view class="flex-fill d-flex justify-between m-r-xs">
|
|
<view class="color-light">{{$t('safe.d1')}}</view>
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link> -->
|
|
<!-- -----------邮箱--------- -->
|
|
<!-- <v-link
|
|
tag="li"
|
|
to="/pages/safe/email"
|
|
class="item link-active d-flex p-x-md p-y-md align-center border-b"
|
|
>
|
|
<view class="flex-fill d-flex justify-between m-r-xs">
|
|
<view class="color-light">{{$t('safe.a2')}}</view>
|
|
<van-switch v-if="user.email" @click.native.stop @input="switchVer(2)" size="28rpx" :checked="user.email_status==1" />
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link> -->
|
|
<!-- ----------手机---------- -->
|
|
<!-- <v-link
|
|
tag="li"
|
|
to="/pages/safe/phone"
|
|
class="item link-active d-flex p-x-md p-y-md align-center border-b"
|
|
>
|
|
<view class="flex-fill d-flex justify-between m-r-xs">
|
|
<view class="color-light">{{$t('safe.d2')}}</view>
|
|
<van-switch v-if="user.phone" @click.native.stop @input="switchVer(1)" size="28rpx" :checked="user.phone_status==1" />
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link> -->
|
|
</view>
|
|
</view>
|
|
<view class=" m-x-lg m-y-lg bg-panel-3 rounded-md box-shadow">
|
|
<view class="list">
|
|
<v-link tag="view" :to="{path: status!=2&&status!=1?'/pages/auth/certification':''}"
|
|
style="display: flex;justify-content: space-between;align-items: center;padding: 10px 0px;"
|
|
class="item link-active d-flex p-x-md align-center">
|
|
<view style="display: flex;align-items: center;">
|
|
<view class="img_info">
|
|
<img src="@/assets/img/info2.png" style="width: 20px;" />
|
|
</view>
|
|
<view class="color-light" v-if="status==0">{{$t('common.c9')}}</view>
|
|
<view class="color-yellows" v-else-if="status==1">{{$t('auth.a5')}}</view>
|
|
<view class="color-buy" v-else-if="status==2">{{$t('common.c10')}}</view>
|
|
<view class="color-sell" v-else-if="status==3">{{$t('common.c11')}}</view>
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link>
|
|
</view>
|
|
</view>
|
|
<view class=" m-x-lg m-y-lg bg-panel-3 rounded-md box-shadow">
|
|
<view class="list">
|
|
<v-link tag="li" to="/pages/safe/email" class="item link-active d-flex p-x-md align-center" style="justify-content: space-between;padding: 10px 0px;">
|
|
<view class="d-flex align-center">
|
|
<view class="img_info">
|
|
<img src="@/assets/img/info3.png" style="width: 18px;" />
|
|
</view>
|
|
<view class="color-light" style="">{{$t('accountSettings.a7')}}</view>
|
|
</view>
|
|
<view class="d-flex align-center" style="justify-content: space-between;width: 160px;">
|
|
<view style="word-wrap: break-word;width: 100px;">{{user.email}}</view>
|
|
<van-icon class="p-l-xs" name="arrow" size="16" color="#9FA6B5" @click.stop />
|
|
</view>
|
|
</v-link>
|
|
</view>
|
|
</view>
|
|
<view class=" m-x-lg m-y-lg bg-panel-3 rounded-md box-shadow">
|
|
<view class="list">
|
|
<v-link tag="li" to="/pages/assets/address-list" class="item link-active d-flex p-x-md align-center" style="padding: 10px 0px;">
|
|
<view class="img_info">
|
|
<img src="@/assets/img/info4.png" style="width: 20px;" />
|
|
</view>
|
|
<view class="flex-fill d-flex justify-between m-r-xs">
|
|
<view class="color-light">{{$t('base.c5')}}</view>
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<van-popup
|
|
:show="switchShow"
|
|
@close="switchShow=false"
|
|
closeable
|
|
close-on-popstate
|
|
position="bottom"
|
|
custom-style="height:60%"
|
|
>
|
|
<switch-page v-if="switchShow" @close="switchShow=false" :type="switchType" />
|
|
</van-popup>
|
|
<van-toast id="van-toast" />
|
|
</v-page>
|
|
</template>
|
|
<script>
|
|
import { mapState ,mapActions} from "vuex";
|
|
import switchPage from "./switch";
|
|
import Profile from "@/api/profile";
|
|
export default {
|
|
components: {
|
|
switchPage,
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
user: "user",
|
|
}),
|
|
},
|
|
data() {
|
|
return {
|
|
switchShow: false,
|
|
switchType: 0,
|
|
status: 0,
|
|
};
|
|
},
|
|
methods: {
|
|
...mapActions({
|
|
setUserInfo: "setUserInfo",
|
|
}),
|
|
switchVer(idx) {
|
|
this.switchType = idx;
|
|
this.switchShow = true;
|
|
},
|
|
getAuthInfo() {
|
|
Profile.getAuthInfo().then(res => {
|
|
this.status = res.data.status
|
|
// this.user_auth_level = res.data.primary_status
|
|
})
|
|
},
|
|
},
|
|
onShow() {
|
|
this.setUserInfo()
|
|
this.getAuthInfo()
|
|
},
|
|
mounted(){
|
|
|
|
}
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
.bg-panel-3{
|
|
background-color: #242424;
|
|
}
|
|
.img_info{
|
|
width: 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
margin-right: 10px;
|
|
border-radius: 40px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #313147;
|
|
}
|
|
</style>
|