|
@@ -101,47 +101,49 @@ onLoad((options) => {
|
|
|
<template>
|
|
|
<z-paging ref="paging" v-model="dataList" use-page-scroll @query="queryList">
|
|
|
<template #top>
|
|
|
- <wd-tabs v-model="tab" custom-class="bg-transparent!" @click="() => queryList(1, 20)">
|
|
|
+ <wd-tabs v-model="tab" :auto-line-width="true" custom-class="bg-transparent!" @click="() => queryList(1, 20)">
|
|
|
<wd-tab v-for="tabItem in tabList" :key="tabItem.value" :title="t(tabItem.label)" :name="tabItem.value" />
|
|
|
</wd-tabs>
|
|
|
</template>
|
|
|
- <wd-card v-for="item in dataList" :key="item.orderId" type="rectangle" custom-class="px-24rpx! py-6rpx!" custom-content-class="py-18rpx!" custom-title-class="py-18rpx!" @click="toPage('/pages/myOrders/orderDetail', { id: item.id })">
|
|
|
- <template #title>
|
|
|
- <view class="flex items-center justify-between">
|
|
|
- <view class="text-28rpx text-#000">
|
|
|
- {{ $t('myOrders.order.id') }}:{{ item.orderId }}
|
|
|
+ <view class="pt-24rpx">
|
|
|
+ <wd-card v-for="item in dataList" :key="item.orderId" type="rectangle" custom-class="px-24rpx! py-6rpx!" custom-content-class="py-18rpx!" custom-title-class="py-18rpx!" @click="toPage('/pages/myOrders/orderDetail', { id: item.id })">
|
|
|
+ <template #title>
|
|
|
+ <view class="flex items-center justify-between">
|
|
|
+ <view class="text-28rpx text-#000">
|
|
|
+ {{ $t('myOrders.order.id') }}:{{ item.orderId }}
|
|
|
+ </view>
|
|
|
+ <wd-text size="26rpx" type="primary" :text="orderStatusEnumData.find((i:any) => i.code === item.status)?.name" />
|
|
|
</view>
|
|
|
- <wd-text size="26rpx" type="primary" :text="orderStatusEnumData.find((i:any) => i.code === item.status)?.name" />
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <view class="flex items-center justify-center gap-24rpx">
|
|
|
- <view class="h-140rpx w-140rpx shrink-0 text-center">
|
|
|
- <image
|
|
|
- :src="item?.orderInfoVO?.[0]?.image"
|
|
|
- class="h-full w-full"
|
|
|
- mode="aspectFit"
|
|
|
- />
|
|
|
- </view>
|
|
|
- <view class="flex-1">
|
|
|
- <view class="line-clamp-2 h-80rpx text-28rpx text-#000">
|
|
|
- {{ item?.orderInfoVO?.[0]?.productName }}
|
|
|
+ </template>
|
|
|
+ <view class="flex items-center justify-center gap-24rpx">
|
|
|
+ <view class="h-140rpx w-140rpx shrink-0 text-center">
|
|
|
+ <image
|
|
|
+ :src="item?.orderInfoVO?.[0]?.image"
|
|
|
+ class="h-full w-full"
|
|
|
+ mode="aspectFit"
|
|
|
+ />
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <view class="py-4rpx text-24rpx text-#3A444C">
|
|
|
- {{ $t('myOrders.order.color') }}: {{ item?.orderInfoVO?.[0]?.sku }}
|
|
|
+ <view class="flex-1">
|
|
|
+ <view class="line-clamp-2 h-80rpx text-28rpx text-#000">
|
|
|
+ {{ item?.orderInfoVO?.[0]?.productName }}
|
|
|
</view>
|
|
|
- <view class="flex items-center justify-between text-24rpx text-#3A444C">
|
|
|
- <view>
|
|
|
- ৳ {{ formatNumber(item?.orderInfoVO?.[0]?.price) }}
|
|
|
+ <view>
|
|
|
+ <view class="py-4rpx text-24rpx text-#3A444C">
|
|
|
+ {{ $t('myOrders.order.color') }}: {{ item?.orderInfoVO?.[0]?.sku }}
|
|
|
</view>
|
|
|
- <view>
|
|
|
- {{ $t('myOrders.order.quantity') }}:{{ item?.orderInfoVO?.[0]?.payNum }}
|
|
|
+ <view class="flex items-center justify-between text-24rpx text-#3A444C">
|
|
|
+ <view>
|
|
|
+ ৳ {{ formatNumber(item?.orderInfoVO?.[0]?.price) }}
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ {{ $t('myOrders.order.quantity') }}:{{ item?.orderInfoVO?.[0]?.payNum }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </wd-card>
|
|
|
+ </wd-card>
|
|
|
+ </view>
|
|
|
</z-paging>
|
|
|
</template>
|
|
|
|