Compare commits

...

2 Commits

Author SHA1 Message Date
zzy 21c1ea7551 test1 2023-04-17 16:01:46 +08:00
zzy 7da913090d 1 2023-04-17 14:33:48 +08:00
9 changed files with 94 additions and 38 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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