From c55c23dd9fa020e2436541718d811462a9eff26e Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 12:06:01 +0800
Subject: [PATCH] 1
---
src/views/ipo/components/newIpo.vue | 168 ++++++++++++++++++++++++--------------------------------
1 files changed, 72 insertions(+), 96 deletions(-)
diff --git a/src/views/ipo/components/newIpo.vue b/src/views/ipo/components/newIpo.vue
index a471dd8..77ed10f 100644
--- a/src/views/ipo/components/newIpo.vue
+++ b/src/views/ipo/components/newIpo.vue
@@ -1,74 +1,51 @@
<template>
<div class="newIpo px-5">
- <van-list v-model:loading="loading" :finished="finished" :loading-text="$t('加载中') + '...'"
- :finished-text="$t('没有更多了')" @load="onLoad">
- <div v-for="(item, index) in list" :key="index" class="border-b-color list-div">
- <div class="flex justify-between mt-4">
- <div>{{ item.name }}</div>
- <!-- <div class="colorMain">
+ <van-list v-model:loading="loading" :finished="finished" :loading-text="$t('加载中') + '...'" :finished-text="$t('没有更多了')" @load="onLoad">
+ <div v-for="(item, index) in list" :key="index" class="border-b-color list-div">
+ <div class="flex justify-between mt-4">
+ <div>{{ item.name }}</div>
+ <!-- <div class="colorMain">
{{ t('承销价') }}
<span>{{ item.underwritingPrice }}</span>
</div> -->
- </div>
- <div class="flex justify-between text_color6 mt-10">
- <div class="flex-1">{{ t('状态') }}</div>
- <div class="flex-1 text-center">{{ t('差价') }}</div>
- <div class="flex-1 text-right">{{ t('市价') }}</div>
- </div>
- <div class="flex justify-between">
- <div :class="item.status === 1 || item.status === 2 ? 'red' : 'normal'" class="flex-1">{{ item.status === 1 ?
- t('未开始') : item.status === 2 ? t('开放中') : t('已结束') }}</div>
- <div class="red flex-1 text-center">$ {{ item.priceDifference }}</div>
- <div class="flex-1 text-right">$ {{ item.marketPrice }}</div>
- </div>
- <div class="flex justify-between mt-10">
- <div>
- <div class="text_color6">{{ t('截止日') }}</div>
- <div>{{ getTime(item.endSubscribeDate) }}</div>
- </div>
- <div>
- <van-circle :layer-color="thStore.THEME === 'dark' ? '#27293B' : '#D2D7E6'" :stroke-width="100"
- color="#F43368" v-model:current-rate="currentRate" :rate="30" :speed="100" size="70px" :text="text">
- <div class="circle-text">
- <div>{{ item.priceDifferenceValue }}%</div>
- <div>{{ t('溢差价') }}</div>
</div>
- </van-circle>
+ <div class="flex justify-between text_color6 mt-10">
+ <div class="flex-1">{{ t('状态') }}</div>
+ <div class="flex-1 text-center">{{ t('差价') }}</div>
+ <div class="flex-1 text-right">{{ t('市价') }}</div>
+ </div>
+ <div class="flex justify-between">
+ <div :class="item.status === 1 || item.status === 2 ? 'red' : 'normal'" class="flex-1">{{ item.status === 1 ? t('未开始') : item.status === 2 ? t('开放中') : t('已结束') }}</div>
+ <div class="red flex-1 text-center">{{ item.priceDifference }}</div>
+ <div class="flex-1 text-right">{{ item.marketPrice }}</div>
+ </div>
+ <div class="flex justify-between mt-10">
+ <div>
+ <div class="text_color6">{{ t('截止日') }}</div>
+ <div>{{ getTime(item.endSubscribeDate) }}</div>
+ </div>
+ <div>
+ <van-circle :layer-color="thStore.THEME === 'dark' ? '#27293B': '#D2D7E6'" :stroke-width="100" color="#F43368"
+ v-model:current-rate="currentRate" :rate="30" :speed="100" size="70px" :text="text">
+ <div class="circle-text">
+ <div>{{ item.priceDifferenceValue }}%</div>
+ <div>{{ t('溢差价') }}</div>
+ </div>
+ </van-circle>
+ </div>
+ <div class="text-right">
+ <div class="text_color6">{{ t('总抽签数') }}</div>
+ <div>{{ item.subscribeTotalNumber }}</div>
+ <div v-if="item.status == 2 && (item.shareStatus === 1 || item.shareStatus === 2)" :class="item.shareStatus === 1 ? 'drawlots-but' : 'drawlots-but red'" @click="goToDetail(item.uuid,item.shareStatus)">{{ item.shareStatus === 1 ? t('抽签') : t('认缴') }} <van-icon name="arrow" /></div>
+ </div>
+ </div>
</div>
- <div class="text-right">
- <div class="text_color6">{{ t('总抽签数') }}</div>
- <div>{{ item.subscribeTotalNumber }}</div>
-
- <!-- 以前有抽签和认缴的区分 -->
- <!-- <div v-if="item.status == 2 && (item.shareStatus === 1 || item.shareStatus === 2)"
- :class="item.shareStatus === 1 ? 'drawlots-but' : 'drawlots-but red'"
- @click="goToDetail(item.uuid, item.shareStatus)">
- {{ item.shareStatus === 1 ? t('抽签') : t('认缴') }} <van-icon name="arrow" /></div> -->
-
- <!-- 现在全是抽签并且不限制数量 -->
- <div class="drawlots-but" @click="goToDetail(item.uuid, 1)">
- {{ t('抽签') }} <van-icon name="arrow" />
- </div>
- </div>
- </div>
- <div class="flex justify-between mt-10">
- <div>
- <div class="text_color6">{{ t('公布中签日') }}</div>
- <div>{{ getTime(item.releaseDate) }}</div>
- </div>
-
- <div class="text-right">
- <div class="text_color6">{{ t('承销价') }}</div>
- <div>$ {{ item.underwritingPrice }}</div>
- </div>
- </div>
- </div>
- </van-list>
+ </van-list>
</div>
</template>
<script setup>
-import { onMounted, ref, computed, inject } from 'vue';
+import {onMounted, ref, computed, inject} from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { newSharesList } from '@/service/ipo.api.js'
import { useI18n } from "vue-i18n";
@@ -98,7 +75,7 @@
type: stockType || 'US-stocks'
}
newSharesList(params).then(res => {
- if (res.length) {
+ if(res.length) {
list.value = list.value.concat(res)
}
index.value++
@@ -110,58 +87,57 @@
};
-const goToDetail = (id, type) => {
+const goToDetail = (id,type) => {
console.log('id', id)
router.push({
- path: `/ipo/${type == 1 ? 'drawLotsDetail' : 'subscribeDetail'}`,
- query: {
- id,
- stockType: stockType || 'US-stocks',
- stockActive: stockActive
- }
+ path: `/ipo/${type == 1 ? 'drawLotsDetail' : 'subscribeDetail'}`,
+ query: {
+ id,
+ stockType: stockType || 'US-stocks',
+ stockActive: stockActive
+ }
})
}
const getTime = (time) => {
- return time.split(' ')[0];
+return time.split(' ')[0];
}
</script>
<style lang="scss" scoped>
.newIpo {
.list-div {
- padding: 20px 0;
+ padding: 20px 0;
- .circle-text {
- font-size: 12px;
- padding-top: 10px;
- }
-
- .drawlots-but {
- display: flex;
- align-items: center;
- justify-content: center;
- border: 1px solid $active_line;
- width: 80px;
- height: 30px;
- margin-top: 5px;
- border-radius: 5px;
- color: $color-main;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-
- &.red {
- border-color: $red;
- color: $red;
+ .circle-text {
+ font-size: 12px;
+ padding-top: 10px;
}
+ .drawlots-but {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 1px solid $active_line;
+ width: 80px;
+ height: 30px;
+ margin-top: 5px;
+ border-radius: 5px;
+ color: $color-main;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
- }
+ &.red{
+ border-color: $red;
+ color: $red;
+ }
- .normal {
- color: $text_color;
- }
+
+ }
+ .normal{
+ color: $text_color;
+ }
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3