root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Seven
2026-01-12 21:47:10 +07:00
parent 7aa17bdcf8
commit f1a0ab6654
2 changed files with 35 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/trade-settings/my-issues/components/rwa-list.vue
View File

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