| | |
| | | <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> |
| | |
| | | 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'); |
| | |
| | | } |
| | | 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_list{ |
| | | padding: 1rem 0rem; |
| | | |
| | | .icoRecord_item{ |
| | | background-color: #eee; |
| | | background-color: #333; |
| | | padding:.5rem 1rem; |
| | | border: #aaa solid 1px; |
| | | border-radius: 1rem; |
| | | |
| | | .item_1{ |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | | font-size: 2rem; |
| | | font-weight: 700; |
| | | } |
| | | |
| | | .item_2{ |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | |
| | | color: #999; |
| | | } |
| | | } |
| | | |
| | | .item_3{ |
| | | padding: .5rem; |
| | | padding: 1rem .5rem; |
| | | margin-top: 1rem; |
| | | } |
| | | } |
| | | } |