|
@@ -10,6 +10,7 @@
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
import { getWalletAccountInfo } from '@/api/wallet'
|
|
import { getWalletAccountInfo } from '@/api/wallet'
|
|
|
|
+import { t } from '@/locale'
|
|
import { useUserStore } from '@/store/user'
|
|
import { useUserStore } from '@/store/user'
|
|
import { formatNumber } from '@/utils'
|
|
import { formatNumber } from '@/utils'
|
|
import { toPage } from '@/utils/page'
|
|
import { toPage } from '@/utils/page'
|
|
@@ -36,19 +37,19 @@ const userInfo = computed(() => {
|
|
})
|
|
})
|
|
|
|
|
|
const groupList = ref([
|
|
const groupList = ref([
|
|
- { name: 'To Pay', url: `/pages/myOrders/myOrders`, type: 1, icon: '/static/icons/to-pay.png' },
|
|
|
|
- { name: 'Success', url: `/pages/myOrders/myOrders`, type: 2, icon: '/static/icons/success.png' },
|
|
|
|
- { name: 'Failed', url: `/pages/myOrders/myOrders`, type: 3, icon: '/static/icons/failed.png' },
|
|
|
|
- { name: 'Reward', url: `/pages/myOrders/myOrders`, type: 4, icon: '/static/icons/reward.png' },
|
|
|
|
|
|
+ { name: t('mine.group.toPay'), url: `/pages/myOrders/myOrders`, type: 1, icon: '/static/icons/to-pay.png' },
|
|
|
|
+ { name: t('mine.group.success'), url: `/pages/myOrders/myOrders`, type: 2, icon: '/static/icons/success.png' },
|
|
|
|
+ { name: t('mine.group.failed'), url: `/pages/myOrders/myOrders`, type: 3, icon: '/static/icons/failed.png' },
|
|
|
|
+ { name: t('mine.group.reward'), url: `/pages/myOrders/myOrders`, type: 4, icon: '/static/icons/reward.png' },
|
|
])
|
|
])
|
|
|
|
|
|
const menuList = ref([
|
|
const menuList = ref([
|
|
- { name: 'My Profile', url: '/pages/mine/myProfile', icon: '/static/icons/my-profile.png' },
|
|
|
|
- { name: 'Address Book', url: '/pages/mine/addressBook', icon: '/static/icons/address-book.png' },
|
|
|
|
- { name: 'Share', url: '/pages/mine/share', icon: '/static/icons/share.png' },
|
|
|
|
- { name: 'My Favorite', url: '/pages/mine/myFavorite', icon: '/static/icons/my-favorite.png' },
|
|
|
|
- { name: 'Live Chat', url: '', icon: '/static/icons/live-chat.png' },
|
|
|
|
- { name: 'Activity Group', url: '', icon: '/static/icons/activity-group.png' },
|
|
|
|
|
|
+ { name: t('mine.menu.profile'), url: '/pages/mine/myProfile', icon: '/static/icons/my-profile.png' },
|
|
|
|
+ { name: t('mine.menu.address'), url: '/pages/mine/addressBook', icon: '/static/icons/address-book.png' },
|
|
|
|
+ { name: t('mine.menu.share'), url: '/pages/mine/share', icon: '/static/icons/share.png' },
|
|
|
|
+ { name: t('mine.menu.favorite'), url: '/pages/mine/myFavorite', icon: '/static/icons/my-favorite.png' },
|
|
|
|
+ { name: t('mine.menu.chat'), url: '', icon: '/static/icons/live-chat.png' },
|
|
|
|
+ { name: t('mine.menu.activity'), url: '', icon: '/static/icons/activity-group.png' },
|
|
])
|
|
])
|
|
const walletInfo = ref<any>({})
|
|
const walletInfo = ref<any>({})
|
|
async function getWalletInfo() {
|
|
async function getWalletInfo() {
|
|
@@ -81,10 +82,10 @@ onShow(() => {
|
|
<!-- 未登录 -->
|
|
<!-- 未登录 -->
|
|
<view v-else class="ml-24rpx flex items-center">
|
|
<view v-else class="ml-24rpx flex items-center">
|
|
<wd-button size="small" custom-class="mr-20rpx! bg-transparent!" plain @click="toPage('/pages/register/register')">
|
|
<wd-button size="small" custom-class="mr-20rpx! bg-transparent!" plain @click="toPage('/pages/register/register')">
|
|
- Register
|
|
|
|
|
|
+ {{ t('mine.auth.register') }}
|
|
</wd-button>
|
|
</wd-button>
|
|
<wd-button size="small" @click="toPage('/pages/login/login')">
|
|
<wd-button size="small" @click="toPage('/pages/login/login')">
|
|
- Login
|
|
|
|
|
|
+ {{ t('mine.auth.login') }}
|
|
</wd-button>
|
|
</wd-button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -92,7 +93,7 @@ onShow(() => {
|
|
</view>
|
|
</view>
|
|
<view class="relative rounded-tl-24rpx rounded-tr-24rpx bg-white px-24rpx pb-24rpx pt-28rpx -top-24rpx">
|
|
<view class="relative rounded-tl-24rpx rounded-tr-24rpx bg-white px-24rpx pb-24rpx pt-28rpx -top-24rpx">
|
|
<view class="mb-18rpx text-32rpx">
|
|
<view class="mb-18rpx text-32rpx">
|
|
- BandhuBuy Wallet
|
|
|
|
|
|
+ {{ t('mine.wallet.title') }}
|
|
</view>
|
|
</view>
|
|
<view
|
|
<view
|
|
class="flex items-center justify-between rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-22rpx"
|
|
class="flex items-center justify-between rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-22rpx"
|
|
@@ -101,7 +102,7 @@ onShow(() => {
|
|
<wd-img width="84rpx" height="84rpx" round src="/static/icons/wallet-balance.png" />
|
|
<wd-img width="84rpx" height="84rpx" round src="/static/icons/wallet-balance.png" />
|
|
<view class="ml-18rpx">
|
|
<view class="ml-18rpx">
|
|
<view class="text-22rpx text-#595959">
|
|
<view class="text-22rpx text-#595959">
|
|
- Wallet Balance
|
|
|
|
|
|
+ {{ t('mine.wallet.balance') }}
|
|
</view>
|
|
</view>
|
|
<view class="text-44rpx text-[var(--wot-color-theme)] font-bold">
|
|
<view class="text-44rpx text-[var(--wot-color-theme)] font-bold">
|
|
{{ formatNumber(walletInfo.balance) }}
|
|
{{ formatNumber(walletInfo.balance) }}
|
|
@@ -110,10 +111,10 @@ onShow(() => {
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-col items-end">
|
|
<view class="flex flex-col items-end">
|
|
<wd-button size="small" @click="toPage('/pages/wallet/recharge')">
|
|
<wd-button size="small" @click="toPage('/pages/wallet/recharge')">
|
|
- Recharge
|
|
|
|
|
|
+ {{ t('mine.wallet.recharge') }}
|
|
</wd-button>
|
|
</wd-button>
|
|
<view class="mt-10rpx text-20rpx text-#595959">
|
|
<view class="mt-10rpx text-20rpx text-#595959">
|
|
- Highest Discount 5%
|
|
|
|
|
|
+ {{ t('mine.wallet.discount') }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -121,11 +122,11 @@ onShow(() => {
|
|
<view class="mb-20rpx bg-white px-24rpx pb-32rpx pt-26rpx">
|
|
<view class="mb-20rpx bg-white px-24rpx pb-32rpx pt-26rpx">
|
|
<view class="mb-24rpx flex items-center justify-between">
|
|
<view class="mb-24rpx flex items-center justify-between">
|
|
<text class="text-32rpx font-bold">
|
|
<text class="text-32rpx font-bold">
|
|
- My Group
|
|
|
|
|
|
+ {{ t('mine.group.title') }}
|
|
</text>
|
|
</text>
|
|
<view class="flex items-center" @click="toPage('/pages/myOrders/myOrders')">
|
|
<view class="flex items-center" @click="toPage('/pages/myOrders/myOrders')">
|
|
<text class="mr-8rpx text-22rpx text-#3A444C">
|
|
<text class="mr-8rpx text-22rpx text-#3A444C">
|
|
- All Group
|
|
|
|
|
|
+ {{ t('mine.group.all') }}
|
|
</text>
|
|
</text>
|
|
<wd-icon name="chevron-right" size="28rpx" />
|
|
<wd-icon name="chevron-right" size="28rpx" />
|
|
</view>
|
|
</view>
|