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

feat: 更新 API 依赖版本，添加代币化产品相关组件和路由

Browse Source
This commit is contained in:
Seven
2026-01-07 19:50:52 +07:00
parent 503ad3e8ad
commit d89e5323c1
16 changed files with 543 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/views/trade-tokenized/components/base.vue Normal file
View File

@@ -0,0 +1,95 @@
<script lang='ts' setup>
import type { RwaData } from "@/api/types";
const props = defineProps<{
data: RwaData | null;
}>();
const { t } = useI18n();
</script>
<template>
<div class="mt-2">
<!-- Rwa about -->
<div>
<div class="font-semibold">
{{ t('market.tradeRwa.about') }}
</div>
<div class="text-xs mt-2">
{{ data?.product.description || t('market.tradeRwa.noDescription') }}
</div>
</div>
<!-- Rwa fields -->
<ion-grid class="mt-5 text-sm space-y-5">
<ion-row>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.productCode') }}
</div>
<div>{{ data?.product.code }}</div>
</ion-col>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.valuation') }}
</div>
<div>${{ formatAmountWithUnit(data?.product.estimatedValue) }}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.unitPrice') }}
</div>
<div>${{ formatAmountWithUnit(data?.unitPrice) }}</div>
</ion-col>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.totalSupply') }}
</div>
<div>{{ Number(data?.totalSupply) }}{{ t('market.tradeRwa.units.shares') }}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.perUserLimit') }}
</div>
<div>{{ Number(data?.perUserLimit) }}{{ t('market.tradeRwa.units.shares') }}</div>
</ion-col>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.launchDate') }}
</div>
<div>{{ useDateFormat(data?.launchDate || '', 'YYYY/MM/DD HH:mm') }}</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.subscriptionStartDate') }}
</div>
<div>{{ useDateFormat(data?.subscriptionStartDate || '', 'YYYY/MM/DD HH:mm') }}</div>
</ion-col>
<ion-col>
<div class="label">
{{ t('market.tradeRwa.fields.subscriptionEndDate') }}
</div>
<div>{{ useDateFormat(data?.subscriptionEndDate || '', 'YYYY/MM/DD HH:mm') }}</div>
</ion-col>
</ion-row>
</ion-grid>
<!-- Rwa status -->
<div class="mt-5">
<div class="font-semibold">
资产状态
</div>
<div class="text-xs mt-2">
{{ data?.status }}
</div>
</div>
</div>
</template>
<style lang='css' scoped></style>