FINI
/
fini-ui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: FINI:23fca5319641abb13673b1e854495ad75ed930e2
Branches Tags
FINI:master
..
compare: FINI:21c1ea75512497b21ac6b7fec6f05825970cc3cc
Branches Tags
FINI:master

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

15 changed files with 188 additions and 297 deletions
Show Stats Expand all files Collapse all files

24
src/App.vue
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; 以后就在ipone6手机模拟器开发，把rem当作px用就行了 // 以ipone6手机为例,1rem=1px; 以后就在ipone6手机模拟器开发，把rem当作px用就行了
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" >

2
src/locales/en.ts
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',

46
src/router/index.ts
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({

6
src/views/IPO/components/IpoContent.vue
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;
} }
} }

8
src/views/IPO/components/IpoHeader.vue
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);
} }
} }

2
src/views/IPO/components/IpoNav.vue
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 {

53
src/views/IPO/index.vue
View File

@ -6,7 +6,7 @@
<Nav :scroll="scrollTo" /> <Nav :scroll="scrollTo" />
</div> </div>
<div class="rightbox"> <div class="rightbox">
<IpoHeader /> <IpoHeader />
<IpoNav :scroll="scrollTo" /> <IpoNav :scroll="scrollTo" />
<div class="content" ref="content"> <div class="content" ref="content">
<IpoContent ref="i0" :info="information" :title="$t('ipo.CompanyInformation')" /> <IpoContent ref="i0" :info="information" :title="$t('ipo.CompanyInformation')" />
@ -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;
} }

32
src/views/IpoCalendar/index.vue
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;

26
src/views/dashBoard/Header/index.vue
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);
} }
} }
} }

4
src/views/dashBoard/Main.vue
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;
} }

22
src/views/dashBoard/index.vue
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;
} }
} }

10
src/views/login/components/Main.vue
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;
} }

203
src/views/login/index.vue
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>

44
src/views/login/modelComponents/Drawer.vue
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);
} }

3
vite.config.ts
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: {