From e01cee0f0c5c5c2eb2d8595eadb3c7a9df2a37fc Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Wed, 21 Jan 2026 16:37:01 +0800
Subject: [PATCH] 1
---
src/views/ICO/icoRecord.vue | 80 +++++++++++++++++++++++++++++++++------
1 files changed, 67 insertions(+), 13 deletions(-)
diff --git a/src/views/ICO/icoRecord.vue b/src/views/ICO/icoRecord.vue
index 4b4847d..5579fb5 100644
--- a/src/views/ICO/icoRecord.vue
+++ b/src/views/ICO/icoRecord.vue
@@ -2,7 +2,7 @@
<div class="icoRecord">
<fx-header>
<template v-slot:title>
- <div>{{$t('申购记录')}}</div>
+ <div>{{ $t('申购记录') }}</div>
</template>
</fx-header>
@@ -16,7 +16,7 @@
</van-tabs>
<div class="icoRecord_list">
- <div class="icoRecord_item mb-5" v-for="(item,index) in recordLIst" :key="index">
+ <div class="icoRecord_item mb-5" v-for="(item, index) in recordLIst" :key="index">
<div class="item_1">
{{ item.symbol }} ({{ item.name }})
</div>
@@ -32,6 +32,38 @@
<div>{{ $t('中签数量') }}</div>
<div>{{ item.ballotNumber }}</div>
</div>
+
+ <div class="item_2 flex justify-between">
+ <div>{{ $t('中签时间') }}</div>
+ <div>{{ item.endTime }}</div>
+ </div>
+ <div class="item_2 flex justify-between">
+ <div>{{ $t('发行价') }}</div>
+ <div>{{ item.issuePrice }}</div>
+ </div>
+ <div class="item_2 flex justify-between">
+ <div>{{ $t('现价') }}</div>
+ <div>{{ item.currentPrice }}</div>
+ </div>
+ <div class="item_2 flex justify-between">
+ <div>{{ $t('利润') }}</div>
+ <div>{{ item.profit }}</div>
+ </div>
+ <div class="item_2 flex justify-between">
+ <div>{{ $t('申购总额') }}</div>
+ <div>{{ item.subscriptionTotalAmount }}</div>
+ </div>
+ <div class="item_2 flex justify-between">
+ <div>{{ $t('现价总额') }}</div>
+ <div>{{ item.currentTotalPrice }}</div>
+ </div>
+ <div class="item_2 flex justify-between">
+ <div>{{ $t('利润百分比') }}</div>
+ <div>{{ item.profitPercent ? (item.profitPercent + '%') : '0' }}</div>
+ </div>
+ <div class="item_3" v-if="item.status == 5">
+ <van-button type="primary" block round @click="goToSell(item)">{{ $t('卖出') }}</van-button>
+ </div>
</div>
</div>
</div>
@@ -42,7 +74,10 @@
import { showToast } from 'vant'
import { _icoRecordList } from "@/service/ico.api.js";
import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
+import { setStorage } from "@/utils/index.js";
const { t } = useI18n()
+const router = useRouter()
// tab切换
const active = ref('0');
@@ -56,7 +91,7 @@
let opt = {
status: active.value
}
- if(opt.status == '0') delete opt.status
+ if (opt.status == '0') delete opt.status
_icoRecordList(opt).then((res) => {
console.log(res);
recordLIst.value = res.records
@@ -88,38 +123,57 @@
}
return str
}
+
+// 跳转到卖出页面
+const goToSell = (item) => {
+ // 将卖出参数存储到 localStorage，供交易页面读取
+ setStorage('tradeSellParams', {
+ volume: item.ballotNumber || '0',
+ mode: 'close' // 卖出模式
+ })
+ if (item.symbol) {
+ router.push(`/cryptos/trade/${item.symbol}`)
+ } else {
+ showToast(t('交易对信息错误'))
+ }
+}
</script>
<style lang="scss" scoped>
-.icoRecord{
+.icoRecord {
padding: 0rem 1.2rem 2rem 1.2rem;
font-size: 1.5rem;
- .icoRecord_list{
+ .icoRecord_list {
padding: 1rem 0rem;
- .icoRecord_item{
- background-color: #eee;
- padding:.5rem 1rem;
+
+ .icoRecord_item {
+ background-color: #333;
+ padding: .5rem 1rem;
border: #aaa solid 1px;
border-radius: 1rem;
- .item_1{
+
+ .item_1 {
padding: 1rem .5rem;
border-bottom: #ccc solid 1px;
font-size: 2rem;
font-weight: 700;
}
- .item_2{
+
+ .item_2 {
padding: 1rem .5rem;
border-bottom: #ccc solid 1px;
font-size: 1.6rem;
font-weight: 500;
- &>div:last-child{
+ &>div:last-child {
color: #999;
}
}
- .item_3{
- padding: .5rem;
+
+ .item_3 {
+ padding: 1rem .5rem;
+ margin-top: 1rem;
}
}
}
--
Gitblit v1.9.3