feat: 优化 rwa-list 组件,调整数据展示逻辑,增加空状态处理

This commit is contained in:
2026-01-12 21:47:10 +07:00
parent 7aa17bdcf8
commit f1a0ab6654
2 changed files with 35 additions and 32 deletions

2
components.d.ts vendored
View File

@@ -45,7 +45,6 @@ declare module 'vue' {
IonProgressBar: typeof import('@ionic/vue')['IonProgressBar'] IonProgressBar: typeof import('@ionic/vue')['IonProgressBar']
IonRadio: typeof import('@ionic/vue')['IonRadio'] IonRadio: typeof import('@ionic/vue')['IonRadio']
IonRadioGroup: typeof import('@ionic/vue')['IonRadioGroup'] IonRadioGroup: typeof import('@ionic/vue')['IonRadioGroup']
IonRange: typeof import('@ionic/vue')['IonRange']
IonRefresher: typeof import('@ionic/vue')['IonRefresher'] IonRefresher: typeof import('@ionic/vue')['IonRefresher']
IonRefresherContent: typeof import('@ionic/vue')['IonRefresherContent'] IonRefresherContent: typeof import('@ionic/vue')['IonRefresherContent']
IonRouterOutlet: typeof import('@ionic/vue')['IonRouterOutlet'] IonRouterOutlet: typeof import('@ionic/vue')['IonRouterOutlet']
@@ -105,7 +104,6 @@ declare global {
const IonProgressBar: typeof import('@ionic/vue')['IonProgressBar'] const IonProgressBar: typeof import('@ionic/vue')['IonProgressBar']
const IonRadio: typeof import('@ionic/vue')['IonRadio'] const IonRadio: typeof import('@ionic/vue')['IonRadio']
const IonRadioGroup: typeof import('@ionic/vue')['IonRadioGroup'] const IonRadioGroup: typeof import('@ionic/vue')['IonRadioGroup']
const IonRange: typeof import('@ionic/vue')['IonRange']
const IonRefresher: typeof import('@ionic/vue')['IonRefresher'] const IonRefresher: typeof import('@ionic/vue')['IonRefresher']
const IonRefresherContent: typeof import('@ionic/vue')['IonRefresherContent'] const IonRefresherContent: typeof import('@ionic/vue')['IonRefresherContent']
const IonRouterOutlet: typeof import('@ionic/vue')['IonRouterOutlet'] const IonRouterOutlet: typeof import('@ionic/vue')['IonRouterOutlet']

View File

@@ -33,40 +33,45 @@ function gotoTradeRwa(id: string) {
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
<div v-for="item in data" :key="item.id" @click="gotoTradeRwa(item.id)"> <template v-if="data.length === 0">
<ion-grid> <ui-empty />
<ion-row class="ion-align-items-center my-5"> </template>
<ion-col size="6" class="flex items-center"> <template v-else>
<div class="mr-3"> <div v-for="item in data" :key="item.id" @click="gotoTradeRwa(item.id)">
<CryptocurrencyColorNuls class="text-3xl" /> <ion-grid>
</div> <ion-row class="ion-align-items-center my-5">
<div> <ion-col size="6" class="flex items-center">
<div class="text-sm font-semibold mb-1 truncate"> <div class="mr-3">
{{ item?.name }} <CryptocurrencyColorNuls class="text-3xl" />
</div> </div>
<div class="flex items-center space-x-2"> <div>
<div class="text-xs text-text-500"> <div class="text-sm font-semibold mb-1 truncate">
{{ item?.code }} {{ item?.name }}
</div> </div>
<div class="text-xs rounded-md px-1 py-0.5 bg-text-800"> <div class="flex items-center space-x-2">
{{ item.category?.name }} <div class="text-xs text-text-500">
{{ item?.code }}
</div>
<div class="text-xs rounded-md px-1 py-0.5 bg-text-800">
{{ item.category?.name }}
</div>
</div> </div>
</div> </div>
</div> </ion-col>
</ion-col> <ion-col>
<ion-col> <div class="text-xs text-right">
<div class="text-xs text-right"> {{ useDateFormat(item.createdAt!, 'MM/DD HH:mm').value }}
{{ useDateFormat(item.createdAt!, 'MM/DD HH:mm').value }} </div>
</div> </ion-col>
</ion-col> <ion-col>
<ion-col> <div class="text-sm font-bold text-primary text-right">
<div class="text-sm font-bold text-primary text-right"> {{ t(`myIssues.status.${item.status}`) }}
{{ t(`myIssues.status.${item.status}`) }} </div>
</div> </ion-col>
</ion-col> </ion-row>
</ion-row> </ion-grid>
</ion-grid> </div>
</div> </template>
</div> </div>
</template> </template>