diff --git a/dist.zip b/dist.zip index 111300a..8ce2a27 100644 Binary files a/dist.zip and b/dist.zip differ diff --git a/index.html b/index.html index 6484c2b..3f1776f 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,9 @@ - + - Vite App + Website - FINI diff --git a/src/assets/logo111.png b/src/assets/logo111.png new file mode 100644 index 0000000..23da70e Binary files /dev/null and b/src/assets/logo111.png differ diff --git a/src/locales/en.ts b/src/locales/en.ts index 06e352c..8dbbee4 100644 --- a/src/locales/en.ts +++ b/src/locales/en.ts @@ -111,7 +111,8 @@ export default { Byplacingonly:'By placing only', Bypublicofferonly:'By public offer only', Byintroduction:'By introduction', - TransferfromGEM:'Transfer from GEM' + TransferfromGEM:'Transfer from GEM', + NominalCurrency:'Nominal Currency' }, Offering:{ Offering:'Offering', diff --git a/src/locales/zh-cn.ts b/src/locales/zh-cn.ts index 36955d6..a164b61 100644 --- a/src/locales/zh-cn.ts +++ b/src/locales/zh-cn.ts @@ -111,7 +111,8 @@ export default { Byplacingonly:'限于配售', Bypublicofferonly:'限于公开发售', Byintroduction:'以介绍形式上市', - TransferfromGEM:'转由创业板' + TransferfromGEM:'转由创业板', + NominalCurrency:'面值货币' }, Offering:{ Offering:'招股', @@ -152,7 +153,7 @@ export default { DealPublicOfferStartDate:'招股开始日期', PublicOfferEndDate:'招股截止日期', ExpectedPriceDeterminationDate:'预计定价日', - AllotmentAnnouncementSharePostingCertificateDispatchDate:'分配结果公布/###/寄发股票日期', + AllotmentAnnouncementSharePostingCertificateDispatchDate:'分配结果公布/股份过户/寄发股票日期', SettlementInstructionsInputDate:'结算指示输入日期', PredepositPlacingSharesDeliveryDate:'预存/配售股份交割日', diff --git a/src/locales/zh-ct.ts b/src/locales/zh-ct.ts index 709fe48..67b5a71 100644 --- a/src/locales/zh-ct.ts +++ b/src/locales/zh-ct.ts @@ -111,7 +111,8 @@ export default { Byplacingonly:'限於配售', Bypublicofferonly:'限於公開發售', Byintroduction:'以介紹形式上市', - TransferfromGEM:'轉由創業板' + TransferfromGEM:'轉由創業板', + NominalCurrency:'面值貨幣' }, Offering:{ Offering:'招股', @@ -152,7 +153,7 @@ export default { DealPublicOfferStartDate:'招股開始日期', PublicOfferEndDate:'招股截止日期', ExpectedPriceDeterminationDate:'預計定價日', - AllotmentAnnouncementSharePostingCertificateDispatchDate:'分配結果公佈/###/寄發股票日期', + AllotmentAnnouncementSharePostingCertificateDispatchDate:'分配結果公佈/股份過戶/寄發股票日期', SettlementInstructionsInputDate:'結算指示輸入日期', PredepositPlacingSharesDeliveryDate:'預存/配售股份交割日', diff --git a/src/main.ts b/src/main.ts index ebcc913..0f602be 100644 --- a/src/main.ts +++ b/src/main.ts @@ -28,7 +28,7 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) { app.component(key, component) } app.config.warnHandler = (msg, instance, trace) => {} -// app.config.errorHandler = (msg, instance, trace) => {}//错误捕获，不报给浏览器 + app.config.errorHandler = (msg, instance, trace) => {}//错误捕获，不报给浏览器 app // .use(pinia) .use(router) diff --git a/src/views/IPO/components/IpoHeader.vue b/src/views/IPO/components/IpoHeader.vue index 4ccbef2..c224e28 100644 --- a/src/views/IPO/components/IpoHeader.vue +++ b/src/views/IPO/components/IpoHeader.vue @@ -113,7 +113,8 @@ onUnmounted(() => { .headerWrap { display: flex; justify-content: space-between; - + height: 50px; + width: 1000px; @media screen and (max-width: 768px) { .left-1 { diff --git a/src/views/IPO/index.vue b/src/views/IPO/index.vue index d7c9243..adc246a 100644 --- a/src/views/IPO/index.vue +++ b/src/views/IPO/index.vue @@ -57,12 +57,12 @@ const handleClick = (tab: TabsPaneContext, event: Event) => { console.log(tab, event) } const data = ref({ - title: "FINI TESTING COMP", + title: "-", number: 10000, - HKD: "HKD 148.000", - price: "final offer Price", - time: "2023-03-31 09:00", - trading: "Commencement of trading date" + HKD: "-", + price: "-", + time: "-", + trading: "-" },) const information = ref([ { @@ -71,7 +71,7 @@ const information = ref([ }, { name: proxy.$t('ipo.CompanyNameEnglishShort'), - info: "FINI TESTING" + info: "-" }, { name: proxy.$t('ipo.CompanyNameChineseFull'), @@ -83,43 +83,43 @@ const information = ref([ }, { name: proxy.$t('ipo.STockCode'), - info: "10000" + info: "-" }, { name: proxy.$t('ipo.ISIN'), - info: "!11" + info: "-" }, { name: proxy.$t('ipo.PlaceofIncorporation'), - info: "Hong Kong,China" + info: "-" }, { name: proxy.$t('ipo.PrincipalPlaceofBussineseeinHongKong'), - infos: ["FINI TESTING COMP", "8/F,Two Exchange Square", "8 Connaught Place,Central,Hong Kong", "-"] + infos: ["-", "-", "-", "-"] } ]) const TypeOfListing = ref([ { name: proxy.$t('ipo.TypeofListing.OfferingType'), - info: "Global offer (placing and public offer)" + info: "-" }, { name: proxy.$t('ipo.TypeofListing.SecuritiestobeListed'), - info: "Ordinary shares" + info: "-" }, { name: proxy.$t('ipo.TypeofListing.NominalValueperShare'), - info: "150", - name2: "Nominal Currency", - info2: "HKD" + info: "-", + name2: proxy.$t('ipo.TypeofListing.NominalCurrency'), + info2: "-" }, { name: proxy.$t('ipo.TypeofListing.ListingPlatform'), - info: "Main board" + info: "-" }, { name: proxy.$t('ipo.TypeofListing.ListingType'), - info: "Primary" + info: "-" }, // { // name: proxy.$t('ipo.TypeofListing.ListingCategories'), @@ -129,25 +129,25 @@ const TypeOfListing = ref([ const Offerings = ref([ { name: proxy.$t('ipo.Offering.TradingCurrency'), - info: "Global offer (placing and public offer)" + info: "-" }, { name: proxy.$t('ipo.Offering.DownwardPriceFlexibility'), - info: "Ordinary shares" + info: "-" }, { name: proxy.$t('ipo.Offering.OfferPriceRange'), - info: "140.000 to 160.000", + info: "-", name2: proxy.$t('home.finalofferprice'), - info2: "148.000", + info2: "-", }, { name: proxy.$t('ipo.Offering.TradingBoardLot'), - info: "100" + info: "-" }, { name: proxy.$t('ipo.Offering.PublicOfferReallocationCap'), - info: "100" + info: "-" }, { // name: proxy.$t('ipo.Offering.NumberofSharesHeldbyExistingShareholders'), @@ -155,36 +155,36 @@ const Offerings = ref([ name: "", info: "", name2: proxy.$t('ipo.Offering.NumberofOfferShares'), - info2: "10,000,000", + info2: "-", table: { title: [{ header: proxy.$t('ipo.Offering.InititalandClawbackThrehold'), content: "number", width: isMobel() ? 33 : 50, align: "right" }, { header: proxy.$t('ipo.Offering.PublicOfferAllocation'), content: "persent", width: isMobel() ? 38 : 50, align: "right" }], lists: [ { - number: '1', - persent: '10%', + number: '-', + persent: '-', }, { - number: '15', - persent: '30%', + number: '-', + persent: '-', }, { - number: '50', - persent: '40%', + number: '-', + persent: '-', }, { - number: '100', - persent: '50%', + number: '-', + persent: '-', }] } }, { name: proxy.$t('ipo.Offering.NumberofPublicOfferShares'), - info: "1,000,000", + info: "-", name2: proxy.$t('ipo.Offering.NumberofInsitutionalOfferShares'), - info2: "9,000,000" + info2: "-" }, { name: proxy.$t('ipo.Offering.OfferSizeAdjustmentOption'), - info: "5.00%" + info: "-" }, // {暂时不暂时的字段-------- // name: proxy.$t('ipo.Offering.OverallotmentOptionInclusiveofOfferSizeAdjustmentOption'), @@ -201,24 +201,24 @@ const Offerings = ref([ { header: proxy.$t('ipo.Offering.MaximumPayableonApplication'), content: "persent", width: 50, align: "right" }], lists: [ { - number: '100', - persent: '16,161,35', + number: '-', + persent: '-', }, { - number: '200', - persent: '32.322.72', + number: '-', + persent: '-', }, { - number: '300', - persent: '16,161,35', + number: '-', + persent: '-', }, { - number: '400', - persent: '16,161,35', + number: '-', + persent: '-', }, { - number: '500', - persent: '16,161,35', + number: '-', + persent: '-', }] } } @@ -226,7 +226,7 @@ const Offerings = ref([ const Advisers = ref([ { name: proxy.$t('ipo.advisers.DesignatedSponsor'), - info: "HKEX FINI SUPPORT", + info: "-", // info2: "IBD-TEAM01" }, { @@ -239,7 +239,7 @@ const Advisers = ref([ }, { name: proxy.$t('ipo.advisers.HKLegalAdviser'), - info: "HKEX FINI SUPPORT 3", + info: "-", // info2: "LEG_TEAM05" }, { @@ -264,16 +264,16 @@ const Advisers = ref([ }, { name: proxy.$t('ipo.advisers.HKShareRegistrar'), - info: "HKEX FINI SUPPORT 3", + info: "-", }, ]) const Timetable = ref([ { name: proxy.$t('ipo.Timetable.CommencementofTradingDate'), - info: "2023-03-31", + info: "-", name2: proxy.$t('ipo.Timetable.Time'), - info2: "09:00", + info2: "-", table: { title: [ { header: " ", content: "des", width: isMobel() ? 50 : 43, align: "left" }, @@ -283,32 +283,32 @@ const Timetable = ref([ lists: [ { des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'), - number: '2023-02-22', - persent: '15:35' + number: '-', + persent: '-' }, { des: proxy.$t('ipo.Timetable.PublicOfferEndDate'), - number: '2023-02-22', - persent: '12:00' + number: '-', + persent: '-' }, { des: proxy.$t('ipo.Timetable.ExpectedPriceDeterminationDate'), - number: '2023-02-22', + number: '-', persent: '', }, { des: proxy.$t('ipo.Timetable.AllotmentAnnouncementSharePostingCertificateDispatchDate'), - number: '2023-02-22', + number: '-', persent: '', }, { des: proxy.$t('ipo.Timetable.SettlementInstructionsInputDate'), - number: '2023-02-22', + number: '-', persent: '', }, { des: proxy.$t('ipo.Timetable.PredepositPlacingSharesDeliveryDate'), - number: '2023-02-22', + number: '-', persent: '', } ] @@ -349,15 +349,15 @@ onMounted( // text(); } ) -async function text() { - const res = await getDataFromId(1); - setInformation((res as any)[0]) - setTypeofListing((res as any)[0]) - setOfferings((res as any)[0]) - setAdvisers((res as any)[0]) - setTransaction((res as any)[0]) - setTimeTable((res as any)[0]) -} +// async function text() { +// const res = await getDataFromId(1); +// setInformation((res as any)[0]) +// setTypeofListing((res as any)[0]) +// setOfferings((res as any)[0]) +// setAdvisers((res as any)[0]) +// setTransaction((res as any)[0]) +// setTimeTable((res as any)[0]) +// } const getreferencedata = async () => { const ipoID = localStorage.getItem('ipoID') const res = await getIpo(ipoID as string) @@ -428,11 +428,8 @@ function setOfferings(mockRes: any) { { info: "-", info2s: [has_data(ipoShares?.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: "-" }, - // { info: "-" }, { table: denomTable } ] - // info2s: [has_data(ipoShares) , has_data(poSharesFinal) , has_data(ioOfferSharesFinal)], Offerings.value = Offerings.value.map((item, index) => { const name = item.name; const info = dataObj[index].info; @@ -448,13 +445,14 @@ function setOfferings(mockRes: any) { filterObj.table = { title: item.table?.title, lists: [] } filterObj.table.lists = dataObj[index].table.map((element: any) => { if (index == 8) { + //加逗号的函数 function formatNumber(num: number | string) { return num.toString().replace(/\d+/, function (n: string) { return n.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') }) } const { shares: number, value: persent } = element; - return { number: formatNumber(number), persent: formatNumber(persent) } + return { number:formatNumber(number) , persent:formatNumber(persent?.toFixed(2)) } } else { const { threshold: number, allocation: persent } = element; @@ -465,11 +463,6 @@ function setOfferings(mockRes: any) { } return filterObj }) - //找不到的字段 - // `Number of Shares Held by Existing Shareholders - // Offer Size-Adjustment Option (%) - // Over-allotment Option inclusive of Offer Size Adjustment Option - // ` } const keepTwoDecimalStr = (num: number) => { if (num) { @@ -590,9 +583,6 @@ function setTypeofListing(mockRes: any) { ): key is keyof typeof object { return key in object; } - //没找到的字段ListingType listingCategories - // const ListingType = "-"; - // const listingCategories = "-"; const arr = [ { info: offerType }, { info: listSecurities }, @@ -785,13 +775,16 @@ async function setDownLoad() { \ No newline at end of file diff --git a/src/views/dashBoard/Header/index.vue b/src/views/dashBoard/Header/index.vue index 3dba843..d3d92ad 100644 --- a/src/views/dashBoard/Header/index.vue +++ b/src/views/dashBoard/Header/index.vue @@ -20,10 +20,10 @@
  • {{ $t(i18n.global.t('dashboard.LastUpadated')) }}: {{ props.time }}
    • -
  • +
    • @@ -123,13 +123,20 @@ const drawShow = () => { padding-top: 40px; transform: translateY(-20px); height: 50px; + width: 1000px; + //background-color: red; + li{ + margin: 0; + padding: 0; + + } @media screen and (max-width: 768px) { flex-direction: column; .left-1 { display: flex; justify-content: space-between; - width: 40vw; + width: 240px; margin-left: 15px; } @@ -143,8 +150,9 @@ const drawShow = () => { .left { display: flex; - position: relative; - + // position: relative; + width: 400px; + //background-color: gray; @media screen and (max-width: 768px) { justify-content: space-between; width: 100vw; @@ -165,7 +173,9 @@ const drawShow = () => { color: #2B4A60; font-size: 45px; font-weight: 900; - + display: inline-block; + min-width: 200px; + // background-color: red; @media screen and (max-width: 768px) { font-size: 25px; // margin-top: 4px; @@ -193,13 +203,17 @@ const drawShow = () => { .right { font-size: 20px; - + min-width: 50px; + //background-color: green; + margin-top: 7px; + //background-color: #2B4A60; @media screen and (max-width: 768px) { // width: 100vw; - color: red; + //color: red; margin-top: 10px; - transform: translateX(-10px); - + transform: translateX(-10px); + width: 250px; + margin-left: 100px; } .time { @@ -208,30 +222,31 @@ const drawShow = () => { @media screen and (max-width: 768px) { float: right; font-size: 15px; + } } - .show { - margin-top: 5px; - text-align: right; - color: #27485E; - font-weight: 600; + // .show { + // margin-top: 5px; + // text-align: right; + // color: #27485E; + // font-weight: 600; - span { - margin-right: 15px; - } + // span { + // margin-right: 15px; + // } - :deep(.el-switch__action) { - background-color: #E86666; - } + // :deep(.el-switch__action) { + // background-color: #E86666; + // } - @media screen and (max-width: 768px) { - font-size: 15px; - margin-top: 13px; - transform: translateX(175px); + // @media screen and (max-width: 768px) { + // font-size: 15px; + // margin-top: 13px; + // transform: translateX(175px); - } - } + // } + // } } } \ No newline at end of file diff --git a/src/views/dashBoard/Main.vue b/src/views/dashBoard/Main.vue index 30ce998..81e3842 100644 --- a/src/views/dashBoard/Main.vue +++ b/src/views/dashBoard/Main.vue @@ -17,15 +17,13 @@ {{ item.name }} -
    {{ code22 }}
    - -

    HKD {{ props.data.HKD }}

    +

    {{ props.data.tradeCurrency }} {{ props.data.HKD }}

    {{ props.data.price ? $t(i18n.global.t('home.finalofferprice')) : $t(i18n.global.t('home.offerpricerange')) }}
    @@ -45,14 +43,14 @@ export default {