A1300399510/PC-detailScreenshot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510
2024-08-29 19:15:06 +08:00
parent c88609dc0b
commit 5ed4969e55
4 changed files with 62 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
index.html
View File

@@ -7,6 +7,7 @@
<script src="./js/vue.js"></script>
<script src="./js/html2canvas.min.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/base.js"></script>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
@@ -28,9 +29,9 @@
<div class="box">
<div class="head">
<div class="left">
<img class="index" src="./img/01.png" />
<img class="arrow" src="./img/arrow-yellow.svg" />
<img class="arrow" src="./img/arrow-light-yellow.svg" />
<img class="index" crossorigin="anonymous" :src="base01" />
<img class="arrow" crossorigin="anonymous" :src="arrowyellow" />
<img class="arrow" crossorigin="anonymous" :src="arrowlightyellow" />
</div>
<div class="right">
<div class="right-text">Offer详情</div>
@@ -39,7 +40,7 @@
</div>
<div class="content offer-details">
<div class="details-header flexacenter">
<img class="icon" :src="offerinfo?.school?.image" />
<img class="icon" crossorigin="anonymous" :src="offerinfo?.school?.image" />
<div class="school flex1 flexcolumn">
<div class="name">{{ offerinfo?.school?.name }}</div>
@@ -86,9 +87,9 @@
<div class="box">
<div class="head">
<div class="left">
<img class="index" src="./img/02.png" />
<img class="arrow" src="./img/arrow-yellow.svg" />
<img class="arrow" src="./img/arrow-light-yellow.svg" />
<img class="index" crossorigin="anonymous" :src="base02" />
<img class="arrow" crossorigin="anonymous" :src="arrowyellow" />
<img class="arrow" crossorigin="anonymous" :src="arrowlightyellow" />
</div>
<div class="right">
<div class="right-text">个人背景</div>
@@ -167,9 +168,9 @@
<div class="box">
<div class="head">
<div class="left">
<img class="index" src="./img/03.png" />
<img class="arrow" src="./img/arrow-yellow.svg" />
<img class="arrow" src="./img/arrow-light-yellow.svg" />
<img class="index" crossorigin="anonymous" :src="base03" />
<img class="arrow" crossorigin="anonymous" :src="arrowyellow" />
<img class="arrow" crossorigin="anonymous" :src="arrowlightyellow" />
</div>
<div class="right">
<div class="right-text">
@@ -188,16 +189,16 @@
<div class="more flexcenter">
more
<img class="more-icon" src="./img/arrow-round.svg" />
<img class="more-icon" crossorigin="anonymous" :src="arrowround" />
</div>
</template>
<template v-if="tab == 'summary' && JSON.stringify(info) !== '{}'">
<div class="box" v-for="(item,index) in offercollege" :key="index" style="margin-bottom: 30px;">
<div class="head" v-if="index == 0">
<div class="left">
<img class="index" src="./img/01.png" />
<img class="arrow" src="./img/arrow-blue.svg" />
<img class="arrow" src="./img/arrow-light-blue.svg" />
<img class="index" crossorigin="anonymous" :src="base01" />
<img class="arrow" crossorigin="anonymous" :src="arrowblue" />
<img class="arrow" crossorigin="anonymous" :src="arrowlightblue" />
</div>
<div class="right summary">
<div class="right-text">收录{{ offercollege.length }}个Offer</div>
@@ -212,10 +213,10 @@
<!-- 半圆 -->
<div class="semicircle flexcenter">
{{ index + 1 }}
<img class="semicircle-bj" src="./img/semicircle-icon.svg" />
<img class="semicircle-bj" crossorigin="anonymous" :src="semicircleicon" />
</div>
<div class="header flexacenter">
<img class="schoolimg" :src="item.schoolimage" />
<img class="schoolimg" crossorigin="anonymous" :src="item.schoolimage" />
<div class="schoolname">{{ item.schoolname }}</div>
</div>
<div class="summaryInclude-content flex1 flexcolumn">
@@ -247,7 +248,7 @@
</div>
<div class="more-btn flexcenter">
详情
<img class="more-btn-icom" src="./img/arrows-gray.png" />
<img class="more-btn-icom" crossorigin="anonymous" :src="arrowsgray" />
</div>
</div>
</div>
@@ -256,9 +257,9 @@
<div class="box">
<div class="head">
<div class="left">
<img class="index" src="./img/02.png" />
<img class="arrow" src="./img/arrow-blue.svg" />
<img class="arrow" src="./img/arrow-light-blue.svg" />
<img class="index" crossorigin="anonymous" :src="base02" />
<img class="arrow" crossorigin="anonymous" :src="arrowblue" />
<img class="arrow" crossorigin="anonymous" :src="arrowlightblue" />
</div>
<div class="right summary">
<div class="right-text">申请总结</div>
@@ -271,7 +272,7 @@
<div class="more flexcenter">
more
<img class="more-icon" src="./img/arrow1-round.svg" />
<img class="more-icon" crossorigin="anonymous" :src="arrow1round" />
</div>
</template>
</div>
@@ -402,47 +403,24 @@
info: {},
offercollege: [
{
apply_results: "被拒",
apply_results_status: 4,
degree: "MSc",
isschoolfollow: 0,
noticedate: "2024-04-13",
professional: "MAPP",
project: null,
schoolimage: "https://oss.x-php.com/school/,J6BSwE-VfCFgAL5SBaR7ec6NYmSessJaYf5NHJQuwf83NTE2",
schoolname: "Erasmus Mundus",
schooltoken: "jIKIgB_A-3SxUlJWDspysFCbQTsh0S4cNT500hPb_ePImIQab0sBJTswMzU0",
schoolurl: "https://schools.gter.net/details/782",
semester: "24Fall",
uniqid: "eqnXK9j88GLD",
url: "https://offer.gter.net/details/eqnXK9j88GLD",
useperformance: ["ielts"],
},
{
apply_results: "Offer",
apply_results_status: 1,
degree: "MSc",
isschoolfollow: 0,
noticedate: "2024-08-02",
professional: "Computational Social Science",
project: null,
schoolimage: "https://oss.x-php.com/school/J6BSwE-VfCFvD7xSBaR7ec6NYmSe5sIMMvlNHJQuwf83NTE2",
schoolname: "香港中文大学（深圳）",
schooltoken: "LZSwfw47IwH4aIElgLWJrg3rzAIdPuZlvjoNh7qmH_Oxe_ChgaEZJ2MxNjJk",
schoolurl: "https://schools.gter.net/details/870",
semester: "24Fall",
uniqid: "f0ifiS9Ce5iy",
url: "https://offer.gter.net/details/f0ifiS9Ce5iy",
useperformance: ["ielts"],
},
],
offercollege: [],
base01: "",
arrow1round: "",
},
mounted() {
axios.defaults.headers.common["Authorization"] = "813blr43ue2hhf2kjnlfibyy9swlxm2x"
// this.getPersonalBackground()
this.base01 = base01
this.base02 = base02
this.base03 = base03
this.arrow1round = arrow1round
this.arrowblue = arrowblue
this.arrowlightblue = arrowlightblue
this.arrowround = arrowround
this.semicircleicon = semicircleicon
this.arrowlightyellow = arrowlightyellow
this.arrowyellow = arrowyellow
this.arrowsgray = arrowsgray
},
methods: {
// 获取 offer 详情
@@ -686,7 +664,6 @@
if (this.inputText.indexOf("http") != -1) this.inputId = this.inputText.substring(this.inputText.lastIndexOf("/") + 1)
else this.inputId = this.inputText
if (this.tab == "offer") this.getOfferDetails()
else this.getSummaryDetails()
},