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

Compare commits

base: FINI:21c1ea75512497b21ac6b7fec6f05825970cc3cc
Branches Tags
FINI:master
..
compare: FINI:bee8aa0db9a664e68412d9daeff82d0ac0d01ffb
Branches Tags
FINI:master

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

9 changed files with 38 additions and 94 deletions
Show Stats 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'
}, },

7
src/views/IPO/components/IpoHeader.vue
View File

@ -68,11 +68,6 @@ 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;
@ -128,7 +123,7 @@ onUnmounted(() => {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
display: block; display: block;
margin-top: 3rem;
} }
} }

1
src/views/IPO/components/IpoNav.vue
View File

@ -33,7 +33,6 @@ 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 {

6
src/views/IPO/index.vue
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.toFixed(2),"%") }, { info: has_data(upsizeOption) },
{ info: "-" }, { info: "-" },
{ info: keepTwoDecimalStr(overallotOption) }, { info: keepTwoDecimalStr(overallotOption) },
{ table: denomTable } { table: denomTable }

20
src/views/IpoCalendar/index.vue
View File

@ -13,6 +13,7 @@
<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>
@ -100,7 +101,7 @@ const backRouter = () => {
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;
@ -143,7 +144,7 @@ const backRouter = () => {
width: 90vw; width: 90vw;
background-color: #ffffff; background-color: #ffffff;
height: 40vh; height: 40vh;
margin-top: 12vh; margin-top: 150px;
// margin-left: 20px; // margin-left: 20px;
// text-align: center; // text-align: center;
// line-height: 500px; // line-height: 500px;
@ -195,17 +196,9 @@ 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";
@ -224,7 +217,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: 25px; margin-top: 30px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -263,6 +256,5 @@ const backRouter = () => {
:deep(.is-selected) { :deep(.is-selected) {
color: red; color: red;
} }
} }
</style> </style>

16
src/views/dashBoard/Header/index.vue
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,8 +16,6 @@
<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">
@ -117,13 +115,6 @@ 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 {
@ -138,7 +129,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 {
@ -173,7 +164,6 @@ 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;

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

@ -990,7 +990,7 @@ const showMounth = (date: any) => {
background-color: #fff; background-color: #fff;
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
width: 92vw; width: 90vw;
margin-left: 5vw; margin-left: 5vw;
} }
@ -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, companyEngFull, companyChiFull, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item; let { stkCode, dateTime, status, ipoID, companyEngShort, companyChiShort, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item;
return { return {
logolinks: logoLink, logolinks: logoLink,
title: companyEngFull + ";" + companyChiFull, title: companyEngShort + ";" + companyChiShort,
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, companyEngFull, companyChiFull, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item; let { stkCode, dateTime, status, ipoID, companyEngShort, companyChiShort, priceFinal, logoLink, priceMin, priceMax, listingDate, pricingDate } = item;
return { return {
logolinks: logoLink, logolinks: logoLink,
title: companyEngFull + ";" + companyChiFull, title: companyEngShort + ";" + companyChiShort,
status: status, status: status,
number: stkCode, number: stkCode,
HKD: priceFinal ? priceFinal.toFixed(3) : priceMinMax(), HKD: priceFinal ? priceFinal : 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.toFixed(3)} - ${priceMax.toFixed(3)}` return `${priceMin}-${priceMax}`
} else if (priceMin) { } else if (priceMin) {
return `${priceMin.toFixed(3)} - ` return `${priceMin}-`
} else if (priceMax) { } else if (priceMax) {
return ` -${priceMax.toFixed(3)}` return ` -${priceMax}`
} else { } else {
return " - " 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) { :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) {
@ -799,12 +795,8 @@ 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;

38
src/views/login/modelComponents/Drawer.vue
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 @click="handleLang1">English</li> <li>English</li>
<li @click="handleLang2">繁體中文</li> <li>简体中文</li>
<li @click="handleLang3">简体中文</li> <li>繁體中文</li>
</div> </div>
</li> </li>
@ -63,10 +63,7 @@ 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) => {
@ -84,26 +81,6 @@ 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;
// } // }
@ -116,10 +93,10 @@ const handleLang3 = () => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.imgWrap22222 { .imgWrap22222 {
margin-top: 20rem; margin-top: 30rem;
width: 25rem; width: 25rem;
height: 20rem; height: 20rem;
margin-left: 15rem; // margin-left: 15rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -141,7 +118,7 @@ const handleLang3 = () => {
background-color: #B4C0C7; background-color: #B4C0C7;
&.active { &.active {
background-color: #fff background-color: #fff;
} }
img { img {
@ -207,6 +184,5 @@ const handleLang3 = () => {
} }
} }
} }
</style> </style>