FINI
/
fini-ui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
zzy 2023-04-17 14:33:48 +08:00
parent bee8aa0db9
commit 7da913090d
4 changed files with 37 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/locales/en.ts
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'
}, },

20
src/views/IpoCalendar/index.vue
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,7 +95,7 @@ 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;
@ -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>

2
src/views/dashBoard/index.vue
View File

@ -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;

34
src/views/login/index.vue
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;