1

src/views/IPO/components/IpoContent.vue

@@ -117,7 +117,7 @@ const data = defineProps<{ info: obj[], title: string }>()
 
         @media screen and (max-width: 768px) {
             display: block;
-            margin-top: 10rem;
+            margin-top: 10px;
 
             :deep(.el-table) {
                 color: #355D80;
@@ -136,7 +136,7 @@ const data = defineProps<{ info: obj[], title: string }>()
     }
 
     @media screen and (max-width: 768px) {
-        margin: 0 15rem 0 15rem;
+        margin: 0 15px 0 15px;
         // overflow: hidden;
     }
 
@@ -177,7 +177,7 @@ const data = defineProps<{ info: obj[], title: string }>()
                 width: 200px;
 
                 @media screen and (max-width: 768px) {
-                    margin-top: 10rem;
+                    margin-top: 10px;
                 }
 
             }

src/views/IPO/components/IpoHeader.vue

@@ -70,7 +70,7 @@ onUnmounted(() => {
 <style lang="scss" scoped>
 @media screen and (max-width: 768px){
     .headerWrap{
-        margin-left: 18rem;
+        margin-left: 18px;
     }
 }
 .langWrap {
@@ -128,7 +128,7 @@ onUnmounted(() => {
 
             @media screen and (max-width: 768px) {
                 display: block;
-                margin-top: 3rem;
+                margin-top: 3px;
             }
         }
 
@@ -138,8 +138,8 @@ onUnmounted(() => {
             font-weight: bolder;
 
             @media screen and (max-width: 768px) {
-                font-size: 26rem;
-                transform: translateX(-60rem);
+                font-size: 26px;
+                transform: translateX(-60px);
             }
         }
 

src/views/IPO/components/IpoNav.vue

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

src/views/IPO/index.vue

@@ -6,7 +6,7 @@
                 <Nav :scroll="scrollTo" />
             </div>
             <div class="rightbox">
-                <IpoHeader />
+                <IpoHeader /> 
                 <IpoNav :scroll="scrollTo" />
                 <div class="content" ref="content">
                     <IpoContent ref="i0" :info="information" :title="$t('ipo.CompanyInformation')" />
@@ -41,6 +41,7 @@ import { getDataFromId } from "@/api/mock/home"
 import i18n from '@/locales'
 import { getCurrentInstance } from 'vue'
 import moment from 'moment';
+
 const store = ipoStore();
 const { proxy } = (getCurrentInstance() as any)
 const activeName = ref('first')
@@ -273,10 +274,10 @@ const Timetable = ref([
         info2: "09:00",
         table: {
             title: [
-                { header: " ", content: "des",width: isMobel()?49: 43, align: "left" },
+                { header: " ", content: "des",width: isMobel()?50: 43, align: "left" },
                 { width: 12 },  //通过加一段空结构来调整表头的位置
-                { header: proxy.$t('ipo.Timetable.Date'), content: "number", width: isMobel()?49: 43, align: "left" },
-                { header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: isMobel()?49: 43, align: "left" }],
+                { header: proxy.$t('ipo.Timetable.Date'), content: "number", width: isMobel()?30: 20, align: "left" },
+                { header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: isMobel()?22: 20, align: "left" }],
             lists: [
                 {
                     des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'),
@@ -319,8 +320,8 @@ const Documents = ref([
         info: "ipo.pdf",
         name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
         info2: "ipo.pdf",
-        href: setDownLoad()[0],
-        href2: setDownLoad()[1]
+        href: "",
+        href2: ""
     },
 ])
 const Transaction = ref([
@@ -342,6 +343,8 @@ onMounted(
     () => {
         data.value = JSON.parse(localStorage.getItem('itemData') as string)
          getreferencedata()
+         setDownLoad()
+        
        // text();
     }
 )
@@ -418,7 +421,7 @@ function setOfferings(mockRes: any) {
     var dataObj = [
         { info: has_data(tradeCurrency) },
         { info: keepTwoDecimalStr(downwardPriceFlex) },
-        { info: has_data(priceMin) + "-" + has_data(priceMax), info2: has_data(priceFinal) },
+        { info: has_data(priceMin.toFixed(3)) + "-" + has_data(priceMax.toFixed(3)), info2: has_data(priceFinal.toFixed(3)) },
         { info: has_data(boardLot) },
         { 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 },
@@ -750,13 +753,30 @@ function scrollTo(stron: string) {
     }
 
 }
-function setDownLoad() {
+ async function setDownLoad (){
     const ipoID = localStorage.getItem('ipoID');
-    const enHref = `/api/file/download/EN?ipoID=${ipoID}`;
-    const chinaHref = `/api/file/download/TC?ipoID=${ipoID}`;
+    const res = await getIpo(ipoID as string)
+     console.log('@@1',(res as any).data[0].pdfLink.cLink);
+    
+     const enHref = `${(res as any).data[0].pdfLink.eLink}`;
+     const chinaHref = `${(res as any).data[0].pdfLink.cLink}`;
+     console.log(enHref);
+
+   Documents.value= [
+    {
+        name: proxy.$t('ipo.Documents.ListingDocumentEnglish'),
+        info: "ipo.pdf",
+        name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
+        info2: "ipo.pdf",
+        href: enHref,
+        href2:chinaHref
+    },
+]
     // return store.$state.locale == 1 ? enHref : chinaHref
-    return [enHref, chinaHref];
+    //  return [enHref, chinaHref] as any;
 }
+
+    
 </script>
 <style lang="scss" scoped>
 // .login2 {
@@ -779,7 +799,7 @@ function setDownLoad() {
 
     @media screen and (max-width: 768px) {
 
-        padding-top: 10rem;
+        padding-top: 10px;
         width: 100vw;
         overflow: hidden;
     }