feat: 优化 rwa-list 组件,调整数据展示逻辑,增加空状态处理
This commit is contained in:
2
components.d.ts
vendored
2
components.d.ts
vendored
@@ -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']
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user