From 03043192ddf00f9a36b7454799a9152cd1b50a0b Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:13:45 +0800
Subject: [PATCH] 1
---
src/views/ipo/index.vue | 109 +++++++++++++++++++++++++++++++-----------------------
1 files changed, 62 insertions(+), 47 deletions(-)
diff --git a/src/views/ipo/index.vue b/src/views/ipo/index.vue
index bfa8060..ed6590c 100644
--- a/src/views/ipo/index.vue
+++ b/src/views/ipo/index.vue
@@ -1,15 +1,16 @@
<template>
- <div class="ipo-index" >
- <fx-header @back="back()" :back="false">
- <template #title>
- {{ t('IPO中心') }}
- </template>
- </fx-header>
- <van-tabs v-model:active="active" shrink :title-inactive-color="THEME === 'white' ? '#000' : '#fff'" title-active-color="#THEME === 'white' ? '#000' : '#fff'">
- <van-tab v-for="(item, index) in tabList" :key="index" :title="t(item.label)">
- <general v-if="active === 0" />
- <new-ipo v-if="active === 1" />
- <!-- <div v-if="active === 2">
+ <div class="ipo-index">
+ <fx-header @back="back()" :back="false">
+ <template #title>
+ {{ t('IPO中心') }}
+ </template>
+ </fx-header>
+ <van-tabs v-model:active="active" shrink :title-inactive-color="THEME === 'white' ? '#000' : '#fff'"
+ title-active-color="#THEME === 'white' ? '#000' : '#fff'">
+ <van-tab v-for="(item, index) in tabList" :key="index" :title="t(item.label)">
+ <general v-if="active === 0" />
+ <new-ipo v-if="active === 1" />
+ <!-- <div v-if="active === 2">
<div class="tab-header flex px-5 py-5 text_color6">
<div class="tab1">{{t('股票名称')}}</div>
<div class="tab2">{{t('募集基金')}}</div>
@@ -25,16 +26,22 @@
</div>
<list-item2 />
</div> -->
- <div class="listing" v-if="active === 2">
+ <!-- <div class="listing" v-if="active === 2">
<list-item1 />
- </div>
- </van-tab>
- </van-tabs>
- </div>
+ </div> -->
+
+ <!-- 新股库存 -->
+ <NewStock v-if="active === 2" />
+
+ <!-- 抽签记录 -->
+ <LotteryRecord v-if="active === 3" />
+ </van-tab>
+ </van-tabs>
+ </div>
</template>
<script setup>
-import {onMounted, ref, provide, watchEffect} from 'vue';
+import { onMounted, ref, provide, watchEffect } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from "vue-i18n";
import newIpo from './components/newIpo.vue';
@@ -42,7 +49,10 @@
import listItem1 from './components/listItem1.vue';
import listItem2 from './components/listItem2.vue';
import general from './components/general.vue';
+import NewStock from './newStock.vue';
+import LotteryRecord from './lotteryRecord.vue'
import { themeStore } from '@/store/theme';
+
const thStore = themeStore()
const THEME = thStore.theme
const { t } = useI18n()
@@ -57,26 +67,28 @@
provide('stockType', stockType)
provide('stockActive', stockActive)
watchEffect(() => {
- if (stockType && route.path === '/ipo/index') {
- // console.log('active', active.value)
- // console.log('route.path', route.path)
- router.replace({ query: { tabActive: active.value, stock: stockType,stockActive: stockActive } })
- }
+ if (stockType && route.path === '/ipo/index') {
+ // console.log('active', active.value)
+ // console.log('route.path', route.path)
+ router.replace({ query: { tabActive: active.value, stock: stockType, stockActive: stockActive } })
+ }
})
const tabList = ref([
- { label: '概括' },
- { label: '新股认购' },
- // { label: '递交招股书' },
- // { label: '待上市' },
- { label: '已上市' },
+ { label: '概括' },
+ { label: '新股认购' },
+ { label: '新股库存' },
+ { label: '抽签记录' },
+ // { label: '递交招股书' },
+ // { label: '待上市' },
+ // { label: '已上市' },
])
onMounted(() => {
})
-const back = () =>{
+const back = () => {
router.go(-1)
}
@@ -85,50 +97,53 @@
.ipo-index {
font-size: 14px;
- :deep(.van-nav-bar__title){
+ :deep(.van-nav-bar__title) {
margin-left: 68px;
}
:deep(.van-tabs__nav) {
- background: $mainBgColor;
- padding: 0 15px 9px;
- border-bottom: 1px solid $border_color;
- box-sizing: border-box;
- overflow-x: auto;
+ background: $mainBgColor;
+ padding: 0 15px 9px;
+ border-bottom: 1px solid $border_color;
+ box-sizing: border-box;
+ overflow-x: auto;
- .van-tabs__line{
- bottom: 0;
- }
+ .van-tabs__line {
+ bottom: 0;
+ }
}
- :deep(.van-tab){
+ :deep(.van-tab) {
flex: none;
}
:deep(.van-tab--active) {
- font-size: 16px;
- font-weight: bold;
+ font-size: 16px;
+ font-weight: bold;
}
- .tab1{
+ .tab1 {
width: 40%;
}
- .tab2{
+
+ .tab2 {
width: 30%;
}
- .tab3{
+
+ .tab3 {
width: 30%;
}
.flex-2 {
- flex: 2;
+ flex: 2;
}
.tab-header {
- font-size: 13px;
- color: #747A8F;
+ font-size: 13px;
+ color: #747A8F;
}
- .listing{
+
+ .listing {
overflow-x: auto;
}
}
--
Gitblit v1.9.3