优化代码格式，调整变量声明和条件判断的空格，增加用户退出登录功能
This commit is contained in:
Phoenix
parent
0a3028e9f8
commit
3b015f3e9c
@ -8,9 +8,9 @@ definePageMeta({
|
||||
layout: 'default',
|
||||
i18n: 'menu.profile',
|
||||
})
|
||||
const {t}=useI18n();
|
||||
const { t } = useI18n();
|
||||
const router = useRouter()
|
||||
const { userInfo,payment } = authStore()
|
||||
const { userInfo, payment } = authStore()
|
||||
const showMyList = ref([])
|
||||
const localState = ref({
|
||||
finished: true,
|
||||
@ -18,7 +18,7 @@ const localState = ref({
|
||||
})
|
||||
|
||||
const groupByDate = (data) => {
|
||||
|
||||
|
||||
if (!Array.isArray(data)) return []
|
||||
|
||||
return Object.values(data.reduce((acc, curr) => {
|
||||
@ -38,7 +38,7 @@ const fetchData = async () => {
|
||||
showMyList.value = groupByDate(res.data.data)
|
||||
}
|
||||
} catch (error) {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onRefresh = async () => {
|
||||
@ -48,23 +48,27 @@ const onRefresh = async () => {
|
||||
}
|
||||
|
||||
const goPay = (item) => {
|
||||
payment.value.leftPrice=item.leftCnyPrice
|
||||
payment.value.nickName=item.nickName
|
||||
payment.value.leftCurrency=item.leftCurrency
|
||||
payment.value.buyUid=item.uuid
|
||||
payment.value.artworkTitle=item?.auctionArtworkInfo?.artworkTitle
|
||||
payment.value.auctionArtworkUuid=item?.auctionArtworkUuid
|
||||
if (item.status===1){
|
||||
payment.value.leftPrice = item.leftCnyPrice
|
||||
payment.value.nickName = item.nickName
|
||||
payment.value.leftCurrency = item.leftCurrency
|
||||
payment.value.buyUid = item.uuid
|
||||
payment.value.artworkTitle = item?.auctionArtworkInfo?.artworkTitle
|
||||
payment.value.auctionArtworkUuid = item?.auctionArtworkUuid
|
||||
if (item.status === 1) {
|
||||
router.push('/signature/protocol')
|
||||
}else if (item.status===4){
|
||||
} else if (item.status === 4) {
|
||||
router.push('/payment')
|
||||
}
|
||||
}
|
||||
const goDetail = (item) => router.push({ path: '/artDetail', query: { uuid: item.uuid } })
|
||||
const statusLabel={
|
||||
1:t('payment.text4'),
|
||||
2:t('payment.text2'),
|
||||
4:t('payment.text6'),
|
||||
const statusLabel = {
|
||||
1: t('payment.text4'),
|
||||
2: t('payment.text2'),
|
||||
4: t('payment.text6'),
|
||||
}
|
||||
const backLogin=()=>{
|
||||
localStorage.clear()
|
||||
router.replace('/login')
|
||||
}
|
||||
fetchData()
|
||||
</script>
|
||||
@ -72,11 +76,16 @@ fetchData()
|
||||
<template>
|
||||
<div class="w-[100vw] bg-[url('@/static/images/3532@2x.png')] bg-cover pt-43px flex-grow-1 flex flex-col">
|
||||
<!-- 用户信息 -->
|
||||
<div class="flex items-center px-16px mb-43px">
|
||||
<img class="w-57px h-57px mr-23px" src="@/static/images/5514@2x.png" alt="">
|
||||
<div class="flex flex-col">
|
||||
<div class="text-18px text-#181818">{{ userInfo.realName }}</div>
|
||||
<div class="text-#575757 text-14px">{{ userInfo.telNum }}</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="flex items-center px-16px">
|
||||
<img class="w-57px h-57px mr-23px" src="@/static/images/5514@2x.png" alt="">
|
||||
<div class="flex flex-col">
|
||||
<div class="text-18px text-#181818">{{ userInfo.realName }}</div>
|
||||
<div class="text-#575757 text-14px">{{ userInfo.telNum }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" px-16px">
|
||||
<van-button plain @click="backLogin" type="primary" size="small" class="w-50px !h-30px">退出</van-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -93,12 +102,8 @@ fetchData()
|
||||
<div class="text-#000 text-16px border-b-3 border-b-#2B53AC w-80px h-36px">{{ $t('home.my_lots') }}</div>
|
||||
</div>
|
||||
|
||||
<van-pull-refresh
|
||||
v-model="localState.refreshing"
|
||||
:success-duration="700"
|
||||
class="h-full grow-1"
|
||||
@refresh="onRefresh"
|
||||
>
|
||||
<van-pull-refresh v-model="localState.refreshing" :success-duration="700" class="h-full grow-1"
|
||||
@refresh="onRefresh">
|
||||
<template #success>
|
||||
<van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
|
||||
</template>
|
||||
@ -106,32 +111,24 @@ fetchData()
|
||||
<!-- 空状态 -->
|
||||
<div v-if="showMyList?.length < 1" class="flex flex-col items-center pt-100px">
|
||||
<img class="w-103px h-88px mb-19px" src="@/static/images/zu5512@2x.png" alt="">
|
||||
<div class="text-14px text-#575757">{{$t('profile.text1')}}</div>
|
||||
<div class="text-14px text-#575757">{{$t('profile.text2')}}</div>
|
||||
<div class="text-14px text-#575757">{{ $t('profile.text1') }}</div>
|
||||
<div class="text-14px text-#575757">{{ $t('profile.text2') }}</div>
|
||||
</div>
|
||||
|
||||
<!-- 列表内容 -->
|
||||
<template v-else>
|
||||
<div v-for="group in showMyList" :key="group.userCreatedAt" class="px-16px pt-14px">
|
||||
<div class="text-#575757 text-14px mb-3px">{{ group.userCreatedAt }}</div>
|
||||
<div
|
||||
v-for="item in group.list"
|
||||
:key="item.uuid"
|
||||
class="flex mb-22px"
|
||||
@click="goDetail(item)"
|
||||
>
|
||||
<x-image
|
||||
class="w-80px h-80px flex-shrink-0 mr-10px rounded-4px overflow-hidden"
|
||||
:src="item?.auctionArtworkInfo?.artwork?.hdPic"
|
||||
:preview="false"
|
||||
/>
|
||||
<div v-for="item in group.list" :key="item.uuid" class="flex mb-22px" @click="goDetail(item)">
|
||||
<x-image class="w-80px h-80px flex-shrink-0 mr-10px rounded-4px overflow-hidden"
|
||||
:src="item?.auctionArtworkInfo?.artwork?.hdPic" :preview="false" />
|
||||
<div class="flex flex-col justify-between grow-1">
|
||||
<div class="flex justify-between">
|
||||
<div class="text-#000 text-16px ellipsis line-height-21px">
|
||||
{{ item?.auctionArtworkInfo?.artworkTitle }}
|
||||
</div>
|
||||
<div class="text-14px text-right text-#3C55B2 ">
|
||||
{{statusLabel[item.status]}}
|
||||
{{ statusLabel[item.status] }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -139,18 +136,15 @@ fetchData()
|
||||
<div class="flex justify-between">
|
||||
<div>
|
||||
<div class="text-#575757 text-14px line-height-none mb-5px">
|
||||
{{ $t('home.start_price') }}：{{item.auctionArtworkInfo?.startPriceCurrency}} {{item.auctionArtworkInfo?.startPrice}}
|
||||
</div>
|
||||
{{ $t('home.start_price') }}：{{ item.auctionArtworkInfo?.startPriceCurrency }}
|
||||
{{ item.auctionArtworkInfo?.startPrice }}
|
||||
</div>
|
||||
<div class="text-#B58047 text-14px line-height-none">
|
||||
{{ $t('home.close_price') }}：{{item.baseCurrency}} {{item.baseMoney}}
|
||||
{{ $t('home.close_price') }}：{{ item.baseCurrency }} {{ item.baseMoney }}
|
||||
</div>
|
||||
</div>
|
||||
<van-button
|
||||
v-if="[1,3,4].includes(item.status)"
|
||||
class="w-73px !h-30px"
|
||||
type="primary"
|
||||
@click.stop="goPay(item)"
|
||||
>
|
||||
<van-button v-if="[1, 3, 4].includes(item.status)" class="w-73px !h-30px" type="primary"
|
||||
@click.stop="goPay(item)">
|
||||
<span class="text-12px">{{ $t('art_detail_page.button') }}</span>
|
||||
</van-button>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user