Compare commits

..

No commits in common. "23fca5319641abb13673b1e854495ad75ed930e2" and "21c1ea75512497b21ac6b7fec6f05825970cc3cc" have entirely different histories.

15 changed files with 188 additions and 297 deletions

View File

@ -7,17 +7,13 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { defineComponent, ref, onBeforeMount,onMounted, watch } from 'vue' import { defineComponent, ref, onBeforeMount } from 'vue'
import { ElConfigProvider } from 'element-plus' import { ElConfigProvider } from 'element-plus'
import { ipoStore } from "@/stores/ipo" import { ipoStore } from "@/stores/ipo"
const store = ipoStore(); const store = ipoStore();
onBeforeMount(() => { onBeforeMount(() => {
setFontSize() setFontSize()
}) })
function isMobileFn() {
return 768 >= document.documentElement.clientWidth;
}
const isMobile = ref(isMobileFn() ? true : false);
const setFontSize = () => { const setFontSize = () => {
// ipone6,1rem=1px; ipone6rempx // ipone6,1rem=1px; ipone6rempx
var font = document.documentElement.clientWidth / 375; var font = document.documentElement.clientWidth / 375;
@ -38,23 +34,7 @@ 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 () {
var font = document.documentElement.clientWidth / 375;
document.documentElement.style.fontSize = font + "px";
})
})
</script> </script>
<style lang="scss" > <style lang="scss" >

View File

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

View File

@ -1,31 +1,29 @@
import { createRouter, createWebHistory ,createWebHashHistory} from "vue-router"; import { createRouter, createWebHistory ,createWebHashHistory} from "vue-router";
import { staticRoutes } from "@/router/routes"; import { staticRoutes } from "@/router/routes";
// import {modelRoutes} from "./routesModel" import {modelRoutes} from "./routesModel"
// let shouRoute=[] as any; let shouRoute=[] as any;
// function setRoutes(){ function setRoutes(){
// window.addEventListener('resize', function() { IsMobile();
// // IsMobile3() window.addEventListener('resize', function() {
// }) IsMobile2()
// } })
// function IsMobile(){ }
// if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){ function IsMobile(){
// shouRoute=modelRoutes; if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
// }else{ shouRoute=modelRoutes;
// shouRoute=staticRoutes; }else{
// } shouRoute=staticRoutes;
// } }
// function IsMobile2(){ }
// if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){ function IsMobile2(){
// window.location.reload() if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
// }else{ window.location.reload()
// } }else{
// } }
// function IsMobile3(){ }
// }
// setRoutes(); setRoutes();
var router = createRouter({ var router = createRouter({

View File

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

View File

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

View File

@ -33,7 +33,7 @@ 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: 15px; margin-left: 15rem;
} }
a { a {

View File

@ -41,7 +41,6 @@ import { getDataFromId } from "@/api/mock/home"
import i18n from '@/locales' import i18n from '@/locales'
import { getCurrentInstance } from 'vue' import { getCurrentInstance } from 'vue'
import moment from 'moment'; import moment from 'moment';
const store = ipoStore(); const store = ipoStore();
const { proxy } = (getCurrentInstance() as any) const { proxy } = (getCurrentInstance() as any)
const activeName = ref('first') const activeName = ref('first')
@ -155,8 +154,8 @@ const Offerings = ref([
name2: proxy.$t('ipo.Offering.NumberofOfferShares'), name2: proxy.$t('ipo.Offering.NumberofOfferShares'),
info2: "10,000,000", info2: "10,000,000",
table: { table: {
title: [{ header: proxy.$t('ipo.Offering.InititalandClawbackThrehold'), content: "number", width: isMobel()?33:50, align: "right" }, title: [{ header: proxy.$t('ipo.Offering.InititalandClawbackThrehold'), content: "number", width: 50, align: "right" },
{ header: proxy.$t('ipo.Offering.PublicOfferAllocation'), content: "persent", width: isMobel()?38:50, align: "right" }], { header: proxy.$t('ipo.Offering.PublicOfferAllocation'), content: "persent", width: 50, align: "right" }],
lists: [ lists: [
{ {
number: '1', number: '1',
@ -195,7 +194,7 @@ const Offerings = ref([
{ {
name: proxy.$t('ipo.Offering.DenominationTable'), name: proxy.$t('ipo.Offering.DenominationTable'),
table: { table: {
title: [{ header: proxy.$t('ipo.Offering.ApplicationQuantity'), content: "number", width: isMobel()?35:50, align: "right" }, title: [{ header: proxy.$t('ipo.Offering.ApplicationQuantity'), content: "number", width: 50, align: "right" },
{ header: proxy.$t('ipo.Offering.MaximumPayableonApplication'), content: "persent", width: 50, align: "right" }], { header: proxy.$t('ipo.Offering.MaximumPayableonApplication'), content: "persent", width: 50, align: "right" }],
lists: [ lists: [
{ {
@ -274,10 +273,10 @@ const Timetable = ref([
info2: "09:00", info2: "09:00",
table: { table: {
title: [ title: [
{ header: " ", content: "des",width: isMobel()?50: 43, align: "left" }, { header: " ", content: "des", width: 43, align: "left" },
{ width: 12 }, // { width: 12 }, //
{ header: proxy.$t('ipo.Timetable.Date'), content: "number", width: isMobel()?30: 20, align: "left" }, { header: proxy.$t('ipo.Timetable.Date'), content: "number", width: 25, align: "left" },
{ header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: isMobel()?22: 20, align: "left" }], { header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: 20, align: "left" }],
lists: [ lists: [
{ {
des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'), des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'),
@ -320,8 +319,8 @@ const Documents = ref([
info: "ipo.pdf", info: "ipo.pdf",
name2: proxy.$t('ipo.Documents.ListingDocumentChinese'), name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
info2: "ipo.pdf", info2: "ipo.pdf",
href: "", href: setDownLoad()[0],
href2: "" href2: setDownLoad()[1]
}, },
]) ])
const Transaction = ref([ const Transaction = ref([
@ -343,8 +342,6 @@ onMounted(
() => { () => {
data.value = JSON.parse(localStorage.getItem('itemData') as string) data.value = JSON.parse(localStorage.getItem('itemData') as string)
getreferencedata() getreferencedata()
setDownLoad()
// text(); // text();
} }
) )
@ -367,9 +364,6 @@ const getreferencedata = async () => {
setTransaction((res as any).data[0]) setTransaction((res as any).data[0])
setTimeTable((res as any).data[0]) setTimeTable((res as any).data[0])
} }
function isMobel(){
return 768 >= document.documentElement.clientWidth;
}
function setInformation(mockRes: any) { function setInformation(mockRes: any) {
const { companyEngFull, companyEngShort, companyChiFull, companyChiShort, stkCode, isin, hkAddress, placeOfCorp } = mockRes; const { companyEngFull, companyEngShort, companyChiFull, companyChiShort, stkCode, isin, hkAddress, placeOfCorp } = mockRes;
const placeOfincorporation = ref('') const placeOfincorporation = ref('')
@ -421,7 +415,7 @@ function setOfferings(mockRes: any) {
var dataObj = [ var dataObj = [
{ info: has_data(tradeCurrency) }, { info: has_data(tradeCurrency) },
{ info: keepTwoDecimalStr(downwardPriceFlex) }, { info: keepTwoDecimalStr(downwardPriceFlex) },
{ info: has_data(priceMin.toFixed(3)) + "-" + has_data(priceMax.toFixed(3)), info2: has_data(priceFinal.toFixed(3)) }, { info: has_data(priceMin) + "-" + has_data(priceMax), info2: has_data(priceFinal) },
{ info: has_data(boardLot) }, { info: has_data(boardLot) },
{ 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 },
@ -753,30 +747,13 @@ function scrollTo(stron: string) {
} }
} }
async function setDownLoad (){ function setDownLoad() {
const ipoID = localStorage.getItem('ipoID'); const ipoID = localStorage.getItem('ipoID');
const res = await getIpo(ipoID as string) const enHref = `/api/file/download/EN?ipoID=${ipoID}`;
console.log('@@1',(res as any).data[0].pdfLink.cLink); const chinaHref = `/api/file/download/TC?ipoID=${ipoID}`;
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 store.$state.locale == 1 ? enHref : chinaHref
// return [enHref, chinaHref] as any; return [enHref, chinaHref];
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// .login2 { // .login2 {
@ -799,7 +776,7 @@ function scrollTo(stron: string) {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
padding-top: 10px; padding-top: 10rem;
width: 100vw; width: 100vw;
overflow: hidden; overflow: hidden;
} }

View File

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

View File

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

View File

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

View File

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

View File

@ -181,8 +181,8 @@ const handleclick = (item: any) => {
width: 270px; width: 270px;
// height: 360px; // height: 360px;
// height: fit-content; height: fit-content;
// min-height: 350px; min-height: 350px;
margin-top: 30px; margin-top: 30px;
margin-left: 20px; margin-left: 20px;
background-color: #e7efec; background-color: #e7efec;
@ -290,10 +290,10 @@ const handleclick = (item: any) => {
.bigbox { .bigbox {
width: 76vw; width: 76vw;
// min-height: 310rem; min-height: 310rem;
// height: fit-content; height: fit-content;
margin-top: 14px !important; margin-top: 14rem !important;
cursor: pointer; cursor: pointer;
} }

View File

@ -20,6 +20,7 @@
<div class="dropdown"> <div class="dropdown">
<img src="@/assets/1x/source4.png" class="first " @click="handleShowCup"> <img src="@/assets/1x/source4.png" class="first " @click="handleShowCup">
</div> </div>
<div class="dropdown1"> <div class="dropdown1">
@ -205,7 +206,7 @@ const getHomeIpoList = async () => {
title: companyEngFull + ";" + companyChiFull, title: companyEngFull + ";" + companyChiFull,
status: status, status: status,
number: stkCode, number: stkCode,
HKD: priceFinal.toFixed(3) ? priceFinal.toFixed(3) : priceMinMax(), HKD: priceFinal ? priceFinal : priceMinMax(),
time: listingDate ? listingDate : pricingDate, time: listingDate ? listingDate : pricingDate,
ipoID: ipoID, ipoID: ipoID,
price: priceFinal, price: priceFinal,
@ -213,11 +214,11 @@ const getHomeIpoList = async () => {
} }
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 " - "
} }
@ -489,25 +490,6 @@ const showMounth = (date: any) => {
// .el-calendar{ // .el-calendar{
// font-family: "Calibri" // font-family: "Calibri"
// } // }
// @media screen and (max-width: 768px){
// .left{
// width: 100vw;
// * {
// margin: 0;
// padding: 0;
// }
// }
// .header{
// height: 60rem;
// }
// .menuicon{
// display: block;
// margin-left: 5rem;
// width: 25rem;
// height: 20rem;
// }
// }
.login2 { .login2 {
background-image: url("@/assets/1x/beijingtu.png"); background-image: url("@/assets/1x/beijingtu.png");
background-repeat: no-repeat; background-repeat: no-repeat;
@ -518,22 +500,31 @@ const showMounth = (date: any) => {
.box { .box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// background-image: url("@/assets/1x/beijingtu.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
position: relative; position: relative;
//height: 100%;
// font-family: "Calibri";
// width: 100%;
// background-color: gray;
} }
.left { .left {
width: 70%; width: 70%;
// @media screen and (max-width: 768px) {
// width: 100vw;
// * { // height: 100vh;
// margin: 0; // float: left;
// padding: 0; // background-color: red;
// } @media screen and (max-width: 768px) {
// } width: 100vw;
* {
margin: 0;
padding: 0;
}
}
.header { .header {
display: flex; display: flex;
@ -541,48 +532,47 @@ const showMounth = (date: any) => {
// padding-left: 35px; // padding-left: 35px;
height: 80px; height: 80px;
// @media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
// height: 60rem; height: 60rem;
// // background-color: red; // background-color: red;
// } }
.menuicon { .menuicon {
display: none; display: none;
// @media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
// display: block; display: block;
// margin-left: 5rem; margin-left: 5rem;
// width: 25rem;
// height: 20rem; }
// }
} }
// .menu { .menu {
// @media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
// img { img {
// width: 25rem; width: 25rem;
// height: 20rem; height: 20rem;
// } }
// } }
// } }
// .inline-input w-50 { .inline-input w-50 {
// width: 200px; width: 200px;
// height: 50px; height: 50px;
// @media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
// display: none; display: none;
// :deep(.imgSearch123) { :deep(.imgSearch123) {
// width: 10rem; width: 10rem;
// height: 10rem; height: 10rem;
// } }
// } }
// } }
.my-autocomplete li { .my-autocomplete li {
line-height: normal; line-height: normal;
@ -629,9 +619,9 @@ const showMounth = (date: any) => {
position: relative; position: relative;
// @media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
// display: none; display: none;
// } }
.alert { .alert {
position: absolute; position: absolute;
@ -656,12 +646,12 @@ const showMounth = (date: any) => {
transform: scale(1.2); transform: scale(1.2);
} }
// @media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
// width: 24rem; width: 24rem;
// height: 28rem; height: 28rem;
// margin-top: 6rem; margin-top: 6rem;
// margin-left: 10rem; margin-left: 10rem;
// } }
} }
.second { .second {
@ -797,14 +787,14 @@ const showMounth = (date: any) => {
} }
// :deep(.header .el-input__wrapper) { :deep(.header .el-input__wrapper) {
// @media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
// // margin-left: 13vw; // margin-left: 13vw;
// // height: 5vh; // height: 5vh;
// // background-color: #000000; // background-color: #000000;
// } }
// } }
:deep(.el-calendar-table td) { :deep(.el-calendar-table td) {
border: none; border: none;
@ -862,53 +852,6 @@ const showMounth = (date: any) => {
:deep(.is-selected) { :deep(.is-selected) {
color: red; color: red;
} }
@media screen and (max-width: 768px){
.left{
width: 100vw;
* {
margin: 0;
padding: 0;
}
.header{
height: 60px;
.menuicon{
display: block ;
margin-left: 5px;
width: 25px;
height: 20px;
}
.menu{
img {
width: 25px;
height: 20px;
}
}
.dropdown1{
display: none;
}
.first{
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> </style>
<style> <style>
.header .el-input__wrapper { .header .el-input__wrapper {
@ -932,11 +875,11 @@ const showMounth = (date: any) => {
.header .el-input__wrapper { .header .el-input__wrapper {
margin-top: 0; margin-top: 0;
margin-left: 0; margin-left: 0;
padding-left: 50px; padding-left: 50rem;
width: 61vw; width: 61vw;
height: 30px; height: 30rem;
border-radius: 25px; border-radius: 25rem;
font-size: 16px; font-size: 16rem;
border: none; border: none;
outline: none; outline: none;
@ -944,14 +887,14 @@ const showMounth = (date: any) => {
.el-input__inner { .el-input__inner {
margin: -35px; margin: -35rem;
padding: 0; padding: 0;
} }
.imgSearch123 { .imgSearch123 {
width: 15px; width: 15rem;
height: 15px; height: 15rem;
transform: translateX(-7px); transform: translateX(-7rem);
} }
} }
</style> </style>

View File

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

View File

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