| | |
| | | <div class="mt-4 flex items-start" v-else> |
| | | <img class="w-24 h-24" src="@/assets/image/avatar.png" alt="avatar" /> |
| | | <div class="ml-5 pt-1 flex flex-col justify-center"> |
| | | <div class="font-bold text-lg name" style="width: 200px;overflow-wrap: break-word;">{{ userStore.userInfo && userStore.userInfo.username }}</div> |
| | | <div class="font-bold text-lg name" style="width: 200px;overflow-wrap: break-word;">{{ userStore.userInfo && |
| | | userStore.userInfo.username }}</div> |
| | | <div class="text-sm text-gray-400 mt-5 flex items-center id-text"> |
| | | ID:{{ userStore.userInfo && userStore.userInfo.usercode }}<img class="w-8 h-8 ml-4" |
| | | src="@/assets/image/idcopy.png" alt="id" @click="copy" /></div> |
| | |
| | | status == 1 ? $t('reviewing') : status == 2 ? $t('verified') : status == 3 ? |
| | | $t('noPassView') : '' }} |
| | | </div> |
| | | <div class="label pl-2 pr-2 ml-3" :class="{ 'green': kycHighStatus == 2 }"> |
| | | <!-- <div class="label pl-2 pr-2 ml-3" :class="{ 'green': kycHighStatus == 2 }"> |
| | | {{ kycHighStatus == 2 ? $t('高级用户') : $t('普通用户') }} |
| | | </div> |
| | | </div> --> |
| | | <div class="pl-2 pr-2 ml-3" style="font-size: 12px;">{{$t('信用分')}} : {{userdata.creditScore}}</div> |
| | | </div> |
| | | </div> |
| | |
| | | <template v-if="userStore.userInfo && userStore.userInfo.token"> |
| | | <van-divider :style="{ borderColor: '#ddd' }" hairline /> |
| | | <van-cell-group :border="false"> |
| | | <van-cell is-link="is-link" center="center" :title="t('关于我们')" @click="onRoute('/aboutUs')"> |
| | | <van-cell is-link="is-link" center="center" :title="item.title" @click="onRoute(item.path)" |
| | | v-for="(item, index) in tyList" :key="index"> |
| | | <template #icon> |
| | | <img class="cell-img" src="../../assets/image/assets-center/aboutUs.png" /> |
| | | <img class="cell-img" :src="item.icon" /> |
| | | </template> |
| | | </van-cell> |
| | | </van-cell-group> |
| | |
| | | import addBankIcon from '@/assets/image/userCenter/addBank.png' |
| | | import kycHighStatusIcon from '@/assets/image/userCenter/kycHighStatus.png' |
| | | import store from '@/store/store' |
| | | import { customerServiceUrl } from '@/config' |
| | | const { t } = useI18n() |
| | | const { toClipboard } = useClipboard(); |
| | | |
| | | const router = useRouter() |
| | | const userStore = useUserStore() |
| | | const customer_service_url = ref(null) |
| | | const customer_service_url = ref(customerServiceUrl) // 客服链接,有值的话就会跳转到客服外链 |
| | | const status = ref(null) |
| | | const kycHighStatus = ref(null) |
| | | const userdata = ref({}) |
| | | // 通用列表 |
| | | const tyList = [ |
| | | { title: t('关于我们'), icon: new URL('@/assets/image/assets-center/aboutUs.png', import.meta.url), path: '/aboutUs?serviceTerm=26' }, |
| | | { title: t('用户协议'), icon: new URL('@/assets/image/assets-center/yhxy.png', import.meta.url), path: '/aboutUs?serviceTerm=23' }, |
| | | { title: t('隐私政策'), icon: new URL('@/assets/image/assets-center/yszc.png', import.meta.url), path: '/aboutUs?serviceTerm=24' }, |
| | | { title: t('安全规定'), icon: new URL('@/assets/image/assets-center/aqzc.png', import.meta.url), path: '/aboutUs?serviceTerm=21' }, |
| | | { title: t('反洗钱协议'), icon: new URL('@/assets/image/assets-center/yhxy.png', import.meta.url), path: '/aboutUs?serviceTerm=25' }, |
| | | { title: t('法律声明'), icon: new URL('@/assets/image/assets-center/aqzc.png', import.meta.url), path: '/aboutUs?serviceTerm=22' }, |
| | | ] |
| | | const state = reactive({ |
| | | cellList: [ |
| | | { |
| | |
| | | getIdentify() |
| | | getKycHighLevel() |
| | | getinfo() |
| | | getcustomer() |
| | | // getcustomer() |
| | | } |
| | | }) |
| | | const cellList = computed(() => { |
| | |
| | | { icon: new URL('../../assets/image/assets-center/language.png', import.meta.url), title: t('language'), path: '/language' }, |
| | | { icon: new URL('../../assets/image/assets-center/onLineService.png', import.meta.url), title: t('onLineService'), path: '/customerService' }, |
| | | { icon: new URL('../../assets/image/assets-center/authVerify.png', import.meta.url), title: t('authVerify'), path: '/certificationCenter', show: true }, |
| | | { icon: new URL('../../assets/image/assets-center/AdvancedCertification.png', import.meta.url), title: t('高级认证'), path: '/advancedCtf', show: true }, |
| | | // { icon: new URL('../../assets/image/assets-center/AdvancedCertification.png', import.meta.url), title: t('高级认证'), path: '/advancedCtf', show: true }, |
| | | // { icon: 'todo-list-o', title: t('账变记录'), path: '/cryptos/accountChange' }, |
| | | { icon: new URL('../../assets/image/assets-center/valuation.png', import.meta.url), title: t('计价方式'), path: '/cryptos/exchangeRate' }, |
| | | { icon: new URL('../../assets/image/assets-center/AddPaymentMethod.png', import.meta.url), title: t('AddPaymentMethod'), path: '/payMentMethod/list' }, |
| | | // { icon: new URL('../../assets/image/assets-center/AddPaymentMethod.png', import.meta.url), title: t('AddPaymentMethod'), path: '/payMentMethod/list' }, |
| | | { icon: new URL('../../assets/image/assets-center/help.png', import.meta.url), title: t('帮助中心'), path: '/helpCenter' }, |
| | | ] |
| | | } |
| | |
| | | store.state.user.userInfo = {} |
| | | }) |
| | | } |
| | | // 获取客服信息 |
| | | const getcustomer = () => { |
| | | _customer().then((data) => { |
| | | customer_service_url.value = data.customer_service_url |
| | |
| | | .label_item { |
| | | width: 33%; |
| | | font-size: 12px; |
| | | |
| | | div{ |
| | | text-align: center; |
| | | } |
| | | |
| | | img { |
| | | width: 32%; |
| | | margin-bottom: 3px; |