src/locales/en.ts

@@ -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'
     },

src/views/IPO/components/IpoHeader.vue

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

src/views/IPO/components/IpoNav.vue

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

src/views/IPO/index.vue

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

src/views/IpoCalendar/index.vue

@@ -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>
 
@@ -95,12 +96,12 @@ const backRouter = () => {
         background-color: #1f4055;
         z-index: 1;
         border: #1f4055 1px solid;
-        
+
         .right-top {
             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>

src/views/dashBoard/Header/index.vue

@@ -7,8 +7,8 @@
                 </div>
              <span>{{ $t(i18n.global.t('dashboard.Dashboard')) }}</span>
             </div>
-            <div class="left-right">
-                <div class="search" @click="handlesearch">
+            
+            <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;

src/views/dashBoard/index.vue

@@ -990,9 +990,9 @@ const showMounth = (date: any) => {
         background-color: #fff;
 
         @media screen and (max-width: 768px) {
-          width: 92vw;
+          width: 90vw;
           margin-left: 5vw;
-   
+
         }
 
         // background-color: red;
@@ -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;
 

src/views/login/index.vue

@@ -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(),
@@ -214,9 +214,9 @@ const getHomeIpoList = async () => {
                 }
                 function priceMinMax() {
                     if (priceMin && priceMax) {
-                        return `${priceMin} - ${priceMax}`
+                        return `${priceMin}-${priceMax}`
                     } else if (priceMin) {
-                        return `${priceMin} - `
+                        return `${priceMin}-`
                     } else if (priceMax) {
                         return ` -${priceMax}`
                     } else {
@@ -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;

src/views/login/modelComponents/Drawer.vue

@@ -43,10 +43,10 @@
                         <img src="@/assets/1x/source11.png" alt="">
                     </div>
                 </div>
-                <div class="lang" v-if="state == 5" >
-        <li @click="handleLang1">English</li>
-        <li @click="handleLang2">繁體中文</li>
-        <li @click="handleLang3">简体中文</li>
+                <div class="lang" v-if="state == 5">
+            <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>