feat: 更新数据类型为 TradableData,修正相关文档和属性访问
This commit is contained in:
@@ -1,8 +1,8 @@
|
|||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
import type { RwaData } from "@/api/types";
|
import type { TradableData } from "@/api/types";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: RwaData | null;
|
data: TradableData | null;
|
||||||
}>();
|
}>();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -14,7 +14,7 @@ const props = defineProps<{
|
|||||||
相关文档
|
相关文档
|
||||||
</div>
|
</div>
|
||||||
<div class="text-xs mt-2">
|
<div class="text-xs mt-2">
|
||||||
{{ data?.product.proofDocuments }}
|
{{ data?.product?.proofDocuments }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
import type { RwaData } from "@/api/types";
|
import type { TradableData } from "@/api/types";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: RwaData | null;
|
data: TradableData | null;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
@@ -16,7 +16,7 @@ const { t } = useI18n();
|
|||||||
{{ t('market.tradeRwa.about') }}
|
{{ t('market.tradeRwa.about') }}
|
||||||
</div>
|
</div>
|
||||||
<div class="text-xs mt-2">
|
<div class="text-xs mt-2">
|
||||||
{{ data?.product.description || t('market.tradeRwa.noDescription') }}
|
{{ data?.product?.description || t('market.tradeRwa.noDescription') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -27,21 +27,21 @@ const { t } = useI18n();
|
|||||||
<div class="label">
|
<div class="label">
|
||||||
{{ t('market.tradeRwa.fields.productCode') }}
|
{{ t('market.tradeRwa.fields.productCode') }}
|
||||||
</div>
|
</div>
|
||||||
<div>{{ data?.product.code }}</div>
|
<div>{{ data?.product?.code }}</div>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
<ion-col>
|
<ion-col>
|
||||||
<div class="label">
|
<div class="label">
|
||||||
{{ t('market.tradeRwa.fields.valuation') }}
|
{{ t('market.tradeRwa.fields.valuation') }}
|
||||||
</div>
|
</div>
|
||||||
<div>${{ formatAmountWithUnit(data?.product.estimatedValue) }}</div>
|
<div>${{ formatAmountWithUnit(data?.product?.estimatedValue) }}</div>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
</ion-row>
|
</ion-row>
|
||||||
<ion-row>
|
<ion-row>
|
||||||
<ion-col>
|
<ion-col>
|
||||||
<div class="label">
|
<div class="label">
|
||||||
{{ t('market.tradeRwa.fields.unitPrice') }}
|
链类型
|
||||||
</div>
|
</div>
|
||||||
<div>${{ formatAmountWithUnit(data?.unitPrice) }}</div>
|
<div>{{ data?.chainType }}</div>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
<ion-col>
|
<ion-col>
|
||||||
<div class="label">
|
<div class="label">
|
||||||
|
|||||||
@@ -1,22 +1,19 @@
|
|||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
import type { RwaData } from "@/api/types";
|
import type { TradableData } from "@/api/types";
|
||||||
import { toastController } from "@ionic/vue";
|
|
||||||
import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
|
import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
|
||||||
import IcSharpEditNote from "~icons/ic/sharp-edit-note";
|
|
||||||
import { client, safeClient } from "@/api";
|
|
||||||
import { TradeTypeEnum } from "@/api/enum";
|
import { TradeTypeEnum } from "@/api/enum";
|
||||||
import About from "./components/about.vue";
|
import About from "./components/about.vue";
|
||||||
import Base from "./components/base.vue";
|
import Base from "./components/base.vue";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: RwaData;
|
data: TradableData;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
function gotoTrade(mode: TradeTypeEnum) {
|
function gotoTrade(mode: TradeTypeEnum) {
|
||||||
router.push(`/layout/trade?mode=${mode}&symbol=${props.data.product.code}`);
|
router.push(`/layout/trade?mode=${mode}&symbol=${props.data.asset?.tradingPairsAsBase[0].symbol}`);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -26,7 +23,7 @@ function gotoTrade(mode: TradeTypeEnum) {
|
|||||||
<ion-toolbar class="ion-toolbar">
|
<ion-toolbar class="ion-toolbar">
|
||||||
<ui-back-button slot="start" text="" />
|
<ui-back-button slot="start" text="" />
|
||||||
<ion-title>
|
<ion-title>
|
||||||
{{ data?.product.code }}
|
{{ data?.product?.code }}
|
||||||
</ion-title>
|
</ion-title>
|
||||||
</ion-toolbar>
|
</ion-toolbar>
|
||||||
</ion-header>
|
</ion-header>
|
||||||
@@ -37,10 +34,10 @@ function gotoTrade(mode: TradeTypeEnum) {
|
|||||||
|
|
||||||
<div class="mr-2">
|
<div class="mr-2">
|
||||||
<div class="text-lg font-semibold">
|
<div class="text-lg font-semibold">
|
||||||
{{ data?.product.name }}
|
{{ data?.product?.name }}
|
||||||
</div>
|
</div>
|
||||||
<div class="text-xs text-gray-500 font-semibold">
|
<div class="text-xs text-gray-500 font-semibold">
|
||||||
{{ data?.product.category?.name }}
|
{{ data?.product?.category?.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user