Compare commits

..

No commits in common. "21c1ea75512497b21ac6b7fec6f05825970cc3cc" and "bee8aa0db9a664e68412d9daeff82d0ac0d01ffb" have entirely different histories.

9 changed files with 38 additions and 94 deletions

View File

@ -42,7 +42,7 @@ export default {
Institutional:'Institutional',
TotalOfferShares:'Total Offer Shares',
FinalAllocation:'Final Allocation',
Listingdate:'Listing Date',
Listingdate:'Listing date',
QuantityMillion:'Quantity (Million)',
Ratio:'Ratio'
},

View File

@ -68,11 +68,6 @@ onUnmounted(() => {
</script>
<style lang="scss" scoped>
@media screen and (max-width: 768px){
.headerWrap{
margin-left: 18rem;
}
}
.langWrap {
// position: absolute;
// // top:-20px;
@ -128,7 +123,7 @@ onUnmounted(() => {
@media screen and (max-width: 768px) {
display: block;
margin-top: 3rem;
}
}

View File

@ -33,7 +33,6 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
margin-top: 0px;
width: 100vw;
overflow-x: scroll;
margin-left: 15rem;
}
a {

View File

@ -341,8 +341,8 @@ const content = ref()
onMounted(
() => {
data.value = JSON.parse(localStorage.getItem('itemData') as string)
getreferencedata()
// text();
// getreferencedata()
text();
}
)
async function text() {
@ -420,7 +420,7 @@ function setOfferings(mockRes: any) {
{ info: keepTwoDecimalStr(poReallocationCap) },
{ info: "-", info2s: [has_data(ipoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(poSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(ioOfferSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))], table: clawback },
{ info: has_data(overallPoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), info2: has_data(overallIoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), },
{ info: has_data(upsizeOption.toFixed(2),"%") },
{ info: has_data(upsizeOption) },
{ info: "-" },
{ info: keepTwoDecimalStr(overallotOption) },
{ table: denomTable }

View File

@ -13,6 +13,7 @@
<el-button size="small" @click="selectDate('prev-month')">
<img src="@/assets/1x/source11.png">
</el-button>
<!-- <span class="month">{{ date.split(' ').slice(-1).join() }}</span> -->
<span class="month">{{ showMounth(date) }}</span>
@ -100,7 +101,7 @@ const backRouter = () => {
display: flex;
// margin-left: 40px;
margin-top: 20rem;
transform: translateX(-10rem);
.top-title {
text-align: center;
display: inline-block;
@ -143,7 +144,7 @@ const backRouter = () => {
width: 90vw;
background-color: #ffffff;
height: 40vh;
margin-top: 12vh;
margin-top: 150px;
// margin-left: 20px;
// text-align: center;
// line-height: 500px;
@ -195,17 +196,9 @@ const backRouter = () => {
:deep(.el-calendar__body) {
background-color: #e8ebee;
height: 40vh;
}
:deep(.el-calendar-table thead th){
padding:2px 0;
font-weight: 550;
}
:deep(.el-calendar-table){
margin-top: 20rem;
width: 375rem;
transform: translateX(-19rem);
}
:deep(.el-calendar) {
width: 100vw;
font-family: "Calibri";
@ -224,7 +217,7 @@ const backRouter = () => {
background-color: rgb(255, 255, 255);
height: 33px;
border: none;
margin-top: 25px;
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
@ -263,6 +256,5 @@ const backRouter = () => {
:deep(.is-selected) {
color: red;
}
}
</style>

View File

@ -7,7 +7,7 @@
</div>
<span>{{ $t(i18n.global.t('dashboard.Dashboard')) }}</span>
</div>
<div class="left-right">
<div class="search" @click="handlesearch">
<img src="@/assets/1x/1x/source2.png" alt="找不到图片">
</div>
@ -16,8 +16,6 @@
<img src="@/assets/1x/source1.png" @click="handleShowLang" class="second">
<Lang ref="lang" class="lang"/>
</div>
</div>
</div>
<div class="right">
@ -117,13 +115,6 @@ const drawShow = () => {
display: flex;
justify-content: space-between;
width: 40vw;
margin-left: 15rem;
}
.left-right{
display: flex;
justify-content: space-between;
width: 25vw;
margin-right: 10rem;
}
}
.left {
@ -138,7 +129,7 @@ const drawShow = () => {
display: none;
@media screen and (max-width: 768px){
display: block;
margin-top: 3rem;
}
}
span {
@ -173,7 +164,6 @@ const drawShow = () => {
@media screen and (max-width: 768px){
width: 100vw;
margin-top: 10rem;
transform: translateX(-10rem);
}
.time {
color: #435F70;

View File

@ -990,7 +990,7 @@ const showMounth = (date: any) => {
background-color: #fff;
@media screen and (max-width: 768px) {
width: 92vw;
width: 90vw;
margin-left: 5vw;
}
@ -1131,7 +1131,7 @@ const showMounth = (date: any) => {
:deep(.el-calendar-table) {
width: 450px;
// background-color: red !important;
background-color: red !important;
padding-left: 10px 75px 27px !important;
cursor: default;

View File

@ -200,10 +200,10 @@ const getHomeIpoList = async () => {
// const res = await getDataFromId('home');
// const data = (res as any).map((item: any) => {
const data = (res as any).data.map((item: any) => {
let { stkCode, dateTime, status, ipoID, companyEngFull, companyChiFull, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item;
let { stkCode, dateTime, status, ipoID, companyEngShort, companyChiShort, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item;
return {
logolinks: logoLink,
title: companyEngFull + ";" + companyChiFull,
title: companyEngShort + ";" + companyChiShort,
status: status,
number: stkCode,
HKD: priceFinal ? priceFinal : priceMinMax(),
@ -256,13 +256,13 @@ const getSearchIpoList = async (keyword: string) => {
throw ("222")
}
const data = (res as any).data.map((item: any) => {
let { stkCode, dateTime, status, ipoID, companyEngFull, companyChiFull, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item;
let { stkCode, dateTime, status, ipoID, companyEngShort, companyChiShort, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item;
return {
logolinks: logoLink,
title: companyEngFull + ";" + companyChiFull,
title: companyEngShort + ";" + companyChiShort,
status: status,
number: stkCode,
HKD: priceFinal ? priceFinal.toFixed(3) : priceMinMax(),
HKD: priceFinal ? priceFinal : priceMinMax(),
time: listingDate ? listingDate : pricingDate,
ipoID: ipoID,
price: priceFinal,
@ -270,11 +270,11 @@ const getSearchIpoList = async (keyword: string) => {
}
function priceMinMax() {
if (priceMin && priceMax) {
return `${priceMin.toFixed(3)} - ${priceMax.toFixed(3)}`
return `${priceMin}-${priceMax}`
} else if (priceMin) {
return `${priceMin.toFixed(3)} - `
return `${priceMin}-`
} else if (priceMax) {
return ` -${priceMax.toFixed(3)}`
return ` -${priceMax}`
} else {
return " - "
}
@ -753,18 +753,14 @@ const showMounth = (date: any) => {
}
}
:deep(.el-calendar-table){
width: 420px;
transform: translateX(-20px);
margin-top: 20px;
}
:deep(.el-button--small) {
border: none
}
:deep(.el-calendar__body) {
background-color: #e8ebee;
height: 385px;
}
:deep(.el-calendar) {
@ -799,12 +795,8 @@ const showMounth = (date: any) => {
:deep(.el-calendar-table td) {
border: none;
text-align: center;
font-weight: 800;
}
:deep(.el-calendar-table thead th ){
padding:2px;
font-weight: 550px;
}
:deep(.el-calendar .el-calendar-table .el-calendar-day) {
padding: 0px;
text-align: center;

View File

@ -44,9 +44,9 @@
</div>
</div>
<div class="lang" v-if="state == 5">
<li @click="handleLang1">English</li>
<li @click="handleLang2">繁體中文</li>
<li @click="handleLang3">简体中文</li>
<li>English</li>
<li>简体中文</li>
<li>繁體中文</li>
</div>
</li>
@ -63,10 +63,7 @@ export default {
<script lang="ts" setup>
import { ref } from "vue"
import { getCurrentInstance, onUnmounted } from 'vue'
import { ipoStore } from "@/stores/ipo"
const store = ipoStore()
const { proxy } = (getCurrentInstance() as any)
const state = ref(1)
// const drawer = ref(true)
const setState = (number: number) => {
@ -84,26 +81,6 @@ const setState = (number: number) => {
proxy.$router.push("/IPOcalendar")
}
}
const handleLang1 = () => {
if (proxy.$i18n.locale = 'en') {
proxy.$i18n.locale = 'en'
}
store.setLocale(1)
}
const handleLang2 = () => {
if (proxy.$i18n.locale = 'zhCt') {
proxy.$i18n.locale = 'zhCt'
}
store.setLocale(2)
}
const handleLang3 = () => {
if (proxy.$i18n.locale = 'zhCn') {
proxy.$i18n.locale = 'zhCn'
}
store.setLocale(3)
}
// const openDrawer = () => {
// drawer.value = false;
// }
@ -116,10 +93,10 @@ const handleLang3 = () => {
display: flex;
flex-direction: column;
.imgWrap22222 {
margin-top: 20rem;
margin-top: 30rem;
width: 25rem;
height: 20rem;
margin-left: 15rem;
// margin-left: 15rem;
img {
width: 100%;
height: 100%;
@ -141,7 +118,7 @@ const handleLang3 = () => {
background-color: #B4C0C7;
&.active {
background-color: #fff
background-color: #fff;
}
img {
@ -207,6 +184,5 @@ const handleLang3 = () => {
}
}
}
</style>