This commit is contained in:
zzy 2023-04-18 17:04:41 +08:00
parent f5a85c78bd
commit 23fca53196
14 changed files with 152 additions and 114 deletions

View File

@ -37,18 +37,24 @@ const setFontSize = () => {
// }
// },
// })
// onMounted(() => {
// window.addEventListener('resize', function () {
// isMobile.value = isMobileFn();
// if (isMobile.value) {
// window.location.reload()
// }
// })
// })
// watch(isMobile, (newValue) => {
// window.location.reload()
// })
onMounted(() => {
window.addEventListener('resize', function () {
isMobile.value = isMobileFn();
if (isMobile.value) {
window.location.reload()
}
var font = document.documentElement.clientWidth / 375;
document.documentElement.style.fontSize = font + "px";
})
})
watch(isMobile, (newValue) => {
window.location.reload()
})
</script>
<style lang="scss" >

View File

@ -138,7 +138,7 @@ export default {
DealPublicOfferStartDate:'Deal / Public Offer Start Date',
PublicOfferEndDate:'Public Offer End Date',
ExpectedPriceDeterminationDate:'Expected Price Determination Date',
AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting / \n Certificate Dispatch Date",
AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting / Certificate Dispatch Date",
SettlementInstructionsInputDate:'Settlement Instructions Input Date',
PredepositPlacingSharesDeliveryDate:'Pre-deposit / Placing Shares Delivery Date',

View File

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

View File

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

View File

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

View File

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

View File

@ -99,26 +99,26 @@ const backRouter = () => {
.right-top {
display: flex;
// margin-left: 40px;
margin-top: 20rem;
transform: translateX(-10rem);
margin-top: 20px;
transform: translateX(-10px);
.top-title {
text-align: center;
display: inline-block;
font-size: 25rem;
font-size: 25px;
color: #ffffff;
margin-left: 10px;
}
.icon1 {
width: 25rem;
height: 25rem;
margin-left: 30rem;
width: 25px;
height: 25px;
margin-left: 30px;
}
.icon2 {
width: 25rem;
height: 25rem;
margin-left: 10rem;
width: 25px;
height: 25px;
margin-left: 10px;
}
}
@ -129,9 +129,9 @@ const backRouter = () => {
margin-top: 25px;
// margin-left: 20px;
// transform: translateX(-50rem);
// transform: translateX(-50px);
.month {
font-size: 25rem;
font-size: 25px;
color: #000000;
font-weight: bold;
}
@ -143,7 +143,7 @@ const backRouter = () => {
width: 90vw;
background-color: #ffffff;
height: 40vh;
margin-top: 12vh;
margin-top: 20vh;
// margin-left: 20px;
// text-align: center;
// line-height: 500px;
@ -195,16 +195,16 @@ const backRouter = () => {
:deep(.el-calendar__body) {
background-color: #e8ebee;
height: 40vh;
height: 50vh;
}
:deep(.el-calendar-table thead th){
padding:2px 0;
font-weight: 550;
}
:deep(.el-calendar-table){
margin-top: 20rem;
width: 375rem;
transform: translateX(-19rem);
margin-top: 20px;
width: 375px;
transform: translateX(-19px);
}
:deep(.el-calendar) {
width: 100vw;

View File

@ -104,6 +104,12 @@ const drawShow = () => {
top:50px;
left: -50px;
}
.left-right{
display: flex;
justify-content: space-between;
width: 6vw;
margin-right: 10rem;
}
.headerWrap {
display: flex;
@ -117,13 +123,13 @@ const drawShow = () => {
display: flex;
justify-content: space-between;
width: 40vw;
margin-left: 15rem;
margin-left: 15px;
}
.left-right{
display: flex;
justify-content: space-between;
width: 25vw;
margin-right: 10rem;
margin-right: 10px;
}
}
.left {
@ -138,7 +144,7 @@ const drawShow = () => {
display: none;
@media screen and (max-width: 768px){
display: block;
margin-top: 3rem;
margin-top: 3px;
}
}
span {
@ -146,7 +152,7 @@ const drawShow = () => {
font-size: 45px;
font-weight: 900;
@media screen and (max-width: 768px){
font-size: 26rem;
font-size: 26px;
}
}
@ -172,14 +178,14 @@ const drawShow = () => {
font-size: 20px;
@media screen and (max-width: 768px){
width: 100vw;
margin-top: 10rem;
transform: translateX(-10rem);
margin-top: 10px;
transform: translateX(-10px);
}
.time {
color: #435F70;
@media screen and (max-width: 768px){
float: right;
font-size: 15rem;
font-size: 15px;
}
}
@ -196,9 +202,9 @@ const drawShow = () => {
background-color: #E86666;
}
@media screen and (max-width: 768px){
font-size: 15rem;
margin-top: 13rem;
transform: translateX(200rem);
font-size: 15px;
margin-top: 13px;
transform: translateX(200px);
}
}
}

View File

@ -262,10 +262,10 @@ const handleclick = (item: any) => {
.bigbox {
width: 76vw;
min-height: 310rem;
min-height: 310px;
height:fit-content;
margin-top: 14rem !important;
margin-top: 14px !important;
cursor: pointer;
}

View File

@ -668,7 +668,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 100vw;
transform: translateY(-30rem);
transform: translateY(-30px);
}
.content {
@ -899,7 +899,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 80vw;
transform: translateX(-6vw);
font-size: 15rem;
font-size: 15px;
}
}
@ -911,7 +911,7 @@ const showMounth = (date: any) => {
font-size: 23px;
@media screen and (max-width: 768px) {
font-size: 20rem;
font-size: 20px;
}
// }
@ -929,7 +929,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 80vw;
transform: translateX(-6vw);
font-size: 16rem;
font-size: 16px;
}
}
@ -940,7 +940,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 80vw;
transform: translateX(-6vw);
font-size: 15rem;
font-size: 15px;
}
}
@ -952,9 +952,9 @@ const showMounth = (date: any) => {
font-size: 18px;
@media screen and (max-width: 768px) {
font-size: 14rem;
transform: translateY(-2rem);
margin-right: 4rem;
font-size: 14px;
transform: translateY(-2px);
margin-right: 4px;
}
}
@ -980,7 +980,7 @@ const showMounth = (date: any) => {
font-family: 'Calibri';
@media screen and (max-width: 768px) {
font-size: 20rem;
font-size: 20px;
}
}
@ -1006,7 +1006,7 @@ const showMounth = (date: any) => {
cursor: default;
@media screen and (max-width: 768px) {
font-size: 21rem;
font-size: 21px;
}
}
}
@ -1096,7 +1096,7 @@ const showMounth = (date: any) => {
font-weight: bold;
@media screen and (max-width: 768px) {
font-size: 20rem;
font-size: 20px;
font-weight: 400;
}
}

View File

@ -293,7 +293,7 @@ const handleclick = (item: any) => {
// min-height: 310rem;
// height: fit-content;
margin-top: 14rem !important;
margin-top: 14px !important;
cursor: pointer;
}

View File

@ -20,7 +20,6 @@
<div class="dropdown">
<img src="@/assets/1x/source4.png" class="first " @click="handleShowCup">
</div>
<div class="dropdown1">
@ -206,7 +205,7 @@ const getHomeIpoList = async () => {
title: companyEngFull + ";" + companyChiFull,
status: status,
number: stkCode,
HKD: priceFinal ? priceFinal : priceMinMax(),
HKD: priceFinal.toFixed(3) ? priceFinal.toFixed(3) : priceMinMax(),
time: listingDate ? listingDate : pricingDate,
ipoID: ipoID,
price: priceFinal,
@ -214,11 +213,11 @@ const getHomeIpoList = async () => {
}
function priceMinMax() {
if (priceMin && priceMax) {
return `${priceMin} - ${priceMax}`
return `${priceMin.toFixed(3)} - ${priceMax.toFixed(3)}`
} else if (priceMin) {
return `${priceMin} - `
return `${priceMin.toFixed(3)} - `
} else if (priceMax) {
return ` -${priceMax}`
return ` -${priceMax.toFixed(3)}`
} else {
return " - "
}
@ -872,18 +871,18 @@ const showMounth = (date: any) => {
padding: 0;
}
.header{
height: 60rem;
height: 60px;
.menuicon{
display: block ;
margin-left: 5rem;
width: 25rem;
height: 20rem;
margin-left: 5px;
width: 25px;
height: 20px;
}
.menu{
img {
width: 25rem;
height: 20rem;
width: 25px;
height: 20px;
}
@ -893,14 +892,21 @@ const showMounth = (date: any) => {
display: none;
}
.first{
width: 24rem;
height: 28rem;
margin-top: 6rem;
margin-left: 10rem;
width: 24px;
height: 28px;
margin-top: 6px;
margin-left: 10px;
}
}
}
// :deep(.el-drawer__body){
// background-color: red;
// width: 80vw;
// }
// :deep(.el-overlay){
// background-color: green;
// }
}
</style>
@ -926,11 +932,11 @@ const showMounth = (date: any) => {
.header .el-input__wrapper {
margin-top: 0;
margin-left: 0;
padding-left: 50rem;
padding-left: 50px;
width: 61vw;
height: 30rem;
border-radius: 25rem;
font-size: 16rem;
height: 30px;
border-radius: 25px;
font-size: 16px;
border: none;
outline: none;
@ -938,14 +944,14 @@ const showMounth = (date: any) => {
.el-input__inner {
margin: -35rem;
margin: -35px;
padding: 0;
}
.imgSearch123 {
width: 15rem;
height: 15rem;
transform: translateX(-7rem);
width: 15px;
height: 15px;
transform: translateX(-7px);
}
}
</style>

View File

@ -112,14 +112,14 @@ const handleLang3 = () => {
<style lang="scss" scoped>
.wrapddd {
width: 80vw;
transform: translateX(-20rem);
transform: translateX(-20px);
display: flex;
flex-direction: column;
.imgWrap22222 {
margin-top: 20rem;
width: 25rem;
height: 20rem;
margin-left: 15rem;
margin-top: 20px;
width: 25px;
height: 20px;
margin-left: 15px;
img {
width: 100%;
height: 100%;
@ -128,16 +128,16 @@ const handleLang3 = () => {
.nav {
height: fit-content;
margin-top: 20rem;
margin-top: 20px;
width: 100%;
>li {
display: flex;
align-items: center;
justify-self: center;
min-height: 50rem;
padding-left: 15rem;
margin-top: 10rem;
min-height: 50px;
padding-left: 15px;
margin-top: 10px;
background-color: #B4C0C7;
&.active {
@ -145,13 +145,13 @@ const handleLang3 = () => {
}
img {
width: 22rem;
height: 22rem;
width: 22px;
height: 22px;
}
span {
margin-left: 25rem;
font-size: 20rem;
margin-left: 25px;
font-size: 20px;
font-weight: 700;
color: #1C3F56;
}
@ -163,20 +163,20 @@ const handleLang3 = () => {
height: fit-content;
.lang {
margin-left: -90rem;
margin-left: -90px;
color: #1C3F56;
font-size: 18rem;
font-size: 18px;
>li {
line-height: 24rem;
line-height: 24px;
}
}
.report {
margin-left: -120rem;
margin-left: -120px;
span {
margin-right: 10rem;
margin-right: 10px;
}
}
@ -187,9 +187,9 @@ const handleLang3 = () => {
width: 100%;
.arrow {
width: 12rem;
height: 19rem;
margin-right: 14rem;
width: 12px;
height: 19px;
margin-right: 14px;
img {
width: 100%;
@ -201,7 +201,7 @@ const handleLang3 = () => {
span {
display: inline-block;
transform: translateY(-3rem);
transform: translateY(-3px);
}

View File

@ -60,7 +60,7 @@ export default defineConfig((mode: ConfigEnv) => {
// 配置代理服务器
proxy: {
"/api": {
target: "http://192.168.2.10:8080",
target: "http://192.168.2.6:8080",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ""),
},