720 lines
38 KiB
HTML
720 lines
38 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|||
|
|
<title>Document</title>
|
|||
|
|
<script src="./js/vue.js"></script>
|
|||
|
|
<script src="./js/html2canvas.min.js"></script>
|
|||
|
|
<script src="./js/axios.min.js"></script>
|
|||
|
|
<link rel="stylesheet" href="./css/style.css" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="app">
|
|||
|
|
<div class="tab-box">
|
|||
|
|
<div class="tab">
|
|||
|
|
<div class="item" :class="{'pitch': tab == 'offer'}" @click="cutTab('offer')">Offer</div>
|
|||
|
|
<div class="item" :class="{'pitch': tab == 'summary'}" @click="cutTab('summary')">总结</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="operate flexacenter">
|
|||
|
|
<input placeholder="请输入" v-model="inputText" @keyup.enter="confirm()" />
|
|||
|
|
<div class="btn" @click="confirm()">确定</div>
|
|||
|
|
<div class="btn" @click="saveimage()">保存图片</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="main">
|
|||
|
|
<template v-if="tab == 'offer' && JSON.stringify(offerinfo) !== '{}'">
|
|||
|
|
<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" />
|
|||
|
|
</div>
|
|||
|
|
<div class="right">
|
|||
|
|
<div class="right-text">Offer详情</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="strip"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="content offer-details">
|
|||
|
|
<div class="details-header flexacenter">
|
|||
|
|
<img class="icon" :src="offerinfo?.school?.image" />
|
|||
|
|
<div class="school flex1 flexcolumn">
|
|||
|
|
<div class="name">{{ offerinfo?.school?.name }}</div>
|
|||
|
|
|
|||
|
|
<div class="brief">
|
|||
|
|
{{ offerinfo?.school?.enname }}
|
|||
|
|
<template v-if="offerinfo?.school?.countries">| {{ offerinfo?.school?.countries }}</template>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="info">
|
|||
|
|
<div class="item" v-if="offerinfo.degree">
|
|||
|
|
<div class="name">学位</div>
|
|||
|
|
<div class="value">{{ offerinfo.degree }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item" v-if="offerinfo.professional">
|
|||
|
|
<div class="name">专业</div>
|
|||
|
|
<div class="value">{{ offerinfo.professional }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item" v-if="offerinfo.project">
|
|||
|
|
<div class="name">项目</div>
|
|||
|
|
<div class="value">{{ offerinfo.project }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item" v-if="offerinfo.apply_results">
|
|||
|
|
<div class="name">申请结果</div>
|
|||
|
|
<div class="value">{{ offerinfo.apply_results }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item" v-if="offerinfo.semester">
|
|||
|
|
<div class="name">入学</div>
|
|||
|
|
<div class="value">{{ offerinfo.semester }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="name">通知时间</div>
|
|||
|
|
<div class="value">{{ offerinfo.noticedate }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item" v-if="offerinfo?.useperformance?.length">
|
|||
|
|
<div class="name">使用成绩</div>
|
|||
|
|
<div class="value"><template v-for="(it, i) in offerinfo?.useperformance">{{ it.toLocaleUpperCase() }} {{ i + 1 == offerinfo.useperformance.length ? '' : '、' }}</template></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<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" />
|
|||
|
|
</div>
|
|||
|
|
<div class="right">
|
|||
|
|
<div class="right-text">个人背景</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="strip"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="content bj">
|
|||
|
|
<div class="bj-title flexacenter flexcenter" v-if="personalBgResults.length != 0">
|
|||
|
|
<div>-</div>
|
|||
|
|
考试成绩
|
|||
|
|
<div>-</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="grade-box flexcolumn" v-if="personalBgResults.length != 0">
|
|||
|
|
<div class="grade-item" v-for="(item, index) in personalBgResults" :key="index">
|
|||
|
|
<div class="background-item-title">{{ item.name }}</div>
|
|||
|
|
<div v-if="item.isarr == 'table'" class="offer-background-content flexacenter">
|
|||
|
|
<div class="grade-content-item flex1 flexcolumn" v-for="(it, index) in item.value" :key="index">
|
|||
|
|
<div class="grade-content-key flexcenter">{{ it.name }}</div>
|
|||
|
|
<div class="grade-content-value flexcenter">{{ it.value }}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-else-if="item.isarr == 'sub'" class="offer-background-content offer-background-content2 flexcolumn">
|
|||
|
|
<div class="offer-background-content-top flexcenter">{{ item.value.name }}</div>
|
|||
|
|
<div class="offer-background-content-bottom flexacenter">
|
|||
|
|
<div class="offer-background-content-left flexcenter">总分</div>
|
|||
|
|
<div class="offer-background-content-text flex1 flexcenter">{{ item.value.value }}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-else-if="item.isarr == 'strip'" class="offer-background-content offer-background-content1 flexacenter">
|
|||
|
|
<div class="offer-background-content-left flexcenter">总分</div>
|
|||
|
|
<div class="offer-background-content-text flex1 flexcenter">{{ item.value }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-else class="offer-background-content offer-background-content-text flexcenter">{{ item.value }}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="personalBgUndergraduate.length != 0" class="background-box">
|
|||
|
|
<div class="bj-title flexacenter flexcenter">
|
|||
|
|
<div>-</div>
|
|||
|
|
本科背景
|
|||
|
|
<div>-</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="background-content offer-background-content flexcolumn">
|
|||
|
|
<div class="offer-background-item flexflex" v-for="(item, index) in personalBgUndergraduate" :key="index">
|
|||
|
|
<div class="offer-background-key">{{ item.name }}</div>
|
|||
|
|
<div class="offer-background-value">{{ item.value }}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="personalBgGraduate.length != 0" class="background-box">
|
|||
|
|
<div class="bj-title flexacenter flexcenter">
|
|||
|
|
<div>-</div>
|
|||
|
|
研究生背景
|
|||
|
|
<div>-</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="background-content offer-background-content flexcolumn">
|
|||
|
|
<div class="offer-background-item flexflex" v-for="(item, index) in personalBgGraduate" :key="index">
|
|||
|
|
<div class="offer-background-key">{{ item.name }}</div>
|
|||
|
|
<div class="offer-background-value">{{ item.value }}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="personalBgBackgroundList.length != 0" class="background-box">
|
|||
|
|
<div class="bj-title flexacenter flexcenter">
|
|||
|
|
<div>-</div>
|
|||
|
|
软件背景
|
|||
|
|
<div>-</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="grade-item" v-for="(item, index) in personalBgBackgroundList" :key="index">
|
|||
|
|
<div class="background-item-title">{{ item.name }}</div>
|
|||
|
|
<span class="offer-background-content offer-background-content-text flexacenter">{{ item.value }}</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<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" />
|
|||
|
|
</div>
|
|||
|
|
<div class="right">
|
|||
|
|
<div class="right-text">
|
|||
|
|
<div class="right-text">心情与小结</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="strip"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="content mood">
|
|||
|
|
<div class="offer-mood-item flexcolumn" v-for="(item, index) in moodmessage" :key="index">
|
|||
|
|
<div class="offer-mood-time" v-if="index != 0">以下内容于 {{ item.timestamp }} 补充</div>
|
|||
|
|
<div class="offer-mood-text">{{ item.message }}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="more flexcenter">
|
|||
|
|
more
|
|||
|
|
<img class="more-icon" src="./img/arrow-round.svg" />
|
|||
|
|
</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" />
|
|||
|
|
</div>
|
|||
|
|
<div class="right summary">
|
|||
|
|
<div class="right-text">收录{{ offercollege.length }}个Offer</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="strip"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="head" style="height: 0;" v-else>
|
|||
|
|
<div class="strip"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="content summaryInclude-item flexcolumn">
|
|||
|
|
<!-- 半圆 -->
|
|||
|
|
<div class="semicircle flexcenter">
|
|||
|
|
{{ index + 1 }}
|
|||
|
|
<img class="semicircle-bj" src="./img/semicircle-icon.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div class="header flexacenter">
|
|||
|
|
<img class="schoolimg" :src="item.schoolimage" />
|
|||
|
|
<div class="schoolname">{{ item.schoolname }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="summaryInclude-content flex1 flexcolumn">
|
|||
|
|
<div class="item flexacenter" v-if="item.professional">
|
|||
|
|
<div class="key">专业</div>
|
|||
|
|
<div class="value">{{ item.professional }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item flexacenter" v-if="item.project">
|
|||
|
|
<div class="key">项目</div>
|
|||
|
|
<div class="value">{{ item.project }}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item flexacenter">
|
|||
|
|
<div class="key">学位</div>
|
|||
|
|
<div class="value flexacenter" style="white-space: nowrap;">
|
|||
|
|
{{ item.degree }}
|
|||
|
|
<div class="vertical-line"></div>
|
|||
|
|
{{ item.semester }}
|
|||
|
|
<div class="vertical-line"></div>
|
|||
|
|
{{ item.noticedate }}通知
|
|||
|
|
<div class="vertical-line"></div>
|
|||
|
|
<div v-if="item.apply_results" class="normal" :class="'results' + item.apply_results_status">{{ item.apply_results }}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="item.useperformance.length != 0" class="item flexacenter">
|
|||
|
|
<div class="key">使用成绩</div>
|
|||
|
|
<div class="value">
|
|||
|
|
<template v-for="(it, i) in item.useperformance">{{ it.toLocaleUpperCase() }} {{ i + 1 == item.useperformance.length ? '' : '、' }}</template>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="more-btn flexcenter">
|
|||
|
|
详情
|
|||
|
|
<img class="more-btn-icom" src="./img/arrows-gray.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<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" />
|
|||
|
|
</div>
|
|||
|
|
<div class="right summary">
|
|||
|
|
<div class="right-text">申请总结</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="strip"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="content summary-text">{{ info.content }}</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="more flexcenter">
|
|||
|
|
more
|
|||
|
|
<img class="more-icon" src="./img/arrow1-round.svg" />
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
let app = new Vue({
|
|||
|
|
el: "#app",
|
|||
|
|
data: {
|
|||
|
|
tab: "summary", // offer summary
|
|||
|
|
inputText: "", // "XS9W80qnj5G1",
|
|||
|
|
inputId: "", // "XS9W80qnj5G1",
|
|||
|
|
personalBgGraduate: [],
|
|||
|
|
personalBgUndergraduate: [],
|
|||
|
|
personalBackground: {},
|
|||
|
|
personalBgBackgrounddictionaries: [
|
|||
|
|
// 个人背景的软件背景字典
|
|||
|
|
{
|
|||
|
|
key: "scientificresearch",
|
|||
|
|
name: "科研相关",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "recommendationletter",
|
|||
|
|
name: "推荐信",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "workexperience",
|
|||
|
|
name: "实习/工作经历",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "awards",
|
|||
|
|
name: "竞赛/奖项",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "scientificachievement",
|
|||
|
|
name: "科学成就",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "exchangeprogram",
|
|||
|
|
name: "交换项目",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "backgroundpromotionplan",
|
|||
|
|
name: "背景提升计划",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "other",
|
|||
|
|
name: "软件说明/其他",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
personalBgBackgroundList: [], // 处理好的软件背景数据
|
|||
|
|
resultsSubjectsDictionaries: ["toefl", "ielts", "ptea", "gre", "gmat", "lsat", "sub", "duolingo", "otherlanguage"], // 成绩顺序字典
|
|||
|
|
resultsSubjectsGreValue: [
|
|||
|
|
{
|
|||
|
|
key: "verbal",
|
|||
|
|
name: "语文-V",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "quantitative",
|
|||
|
|
name: "数学-Q",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "analyticalwriting",
|
|||
|
|
name: "写作-W",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "total",
|
|||
|
|
name: "总分",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
resultsSubjectsToeflValue: [
|
|||
|
|
{
|
|||
|
|
key: "reading",
|
|||
|
|
name: "阅读-R",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "listening",
|
|||
|
|
name: "听力-L",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "speaking",
|
|||
|
|
name: "口试-S",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "writing",
|
|||
|
|
name: "写作-W",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "total",
|
|||
|
|
name: "总分",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
personalBgResults: [], // 处理好的考试成绩数据
|
|||
|
|
personalBgEducationdictionaries: [
|
|||
|
|
// 个人背景的学校背景字典
|
|||
|
|
{
|
|||
|
|
key: "school",
|
|||
|
|
name: "学校/档次",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "graduationtime",
|
|||
|
|
name: "毕业时间",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "major",
|
|||
|
|
name: "专业",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "majortype",
|
|||
|
|
name: "专业分类1",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "alternativemajors",
|
|||
|
|
name: "专业分类2",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "gpa",
|
|||
|
|
name: "GPA成绩",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: "majorrank",
|
|||
|
|
name: "专业排名",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
offerinfo: {},
|
|||
|
|
moodmessage: [],
|
|||
|
|
|
|||
|
|
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"],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
axios.defaults.headers.common["Authorization"] = "813blr43ue2hhf2kjnlfibyy9swlxm2x"
|
|||
|
|
|
|||
|
|
// this.getPersonalBackground()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 获取 offer 详情
|
|||
|
|
getOfferDetails() {
|
|||
|
|
axios
|
|||
|
|
.post("https://offer.gter.net/api/details", {
|
|||
|
|
uniqid: this.inputId,
|
|||
|
|
})
|
|||
|
|
.then(res => {
|
|||
|
|
res = res.data
|
|||
|
|
if (res.code != 200) {
|
|||
|
|
alert(res.message)
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const data = res.data
|
|||
|
|
|
|||
|
|
this.offerinfo = data.offerinfo
|
|||
|
|
this.moodmessage = data.moodmessage
|
|||
|
|
this.getPersonalBackground(data.backgroundid)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 获取总结详情
|
|||
|
|
getSummaryDetails() {
|
|||
|
|
axios
|
|||
|
|
.post("https://offer.gter.net/api/details/summary", {
|
|||
|
|
token: this.inputId,
|
|||
|
|
})
|
|||
|
|
.then(res => {
|
|||
|
|
res = res.data
|
|||
|
|
const data = res.data
|
|||
|
|
|
|||
|
|
this.offercollege = data.offercollege
|
|||
|
|
|
|||
|
|
this.info = data.info
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
getPersonalBackground(backgroundid) {
|
|||
|
|
axios
|
|||
|
|
.get("https://offer.gter.net/api/details/background", {
|
|||
|
|
params: {
|
|||
|
|
backgroundid,
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
.then(res => {
|
|||
|
|
res = res.data
|
|||
|
|
|
|||
|
|
this.personalBackground = { ...res.data }
|
|||
|
|
|
|||
|
|
this.handlelSoftwareBackground()
|
|||
|
|
this.handlelTsestScore()
|
|||
|
|
this.handleEducationdictionaries()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 处理个人背景-考试成绩
|
|||
|
|
handlelTsestScore() {
|
|||
|
|
let achievement = this.personalBackground.achievement
|
|||
|
|
let resultsSubjectsDictionaries = this.resultsSubjectsDictionaries
|
|||
|
|
let resultsSubjectsGreValue = this.resultsSubjectsGreValue
|
|||
|
|
let resultsSubjectsToeflValue = this.resultsSubjectsToeflValue
|
|||
|
|
let personalBgResults = []
|
|||
|
|
resultsSubjectsDictionaries.forEach((element, index) => {
|
|||
|
|
let name = ""
|
|||
|
|
let value
|
|||
|
|
let isarr = ""
|
|||
|
|
if (["toefl", "ielts"].includes(element)) {
|
|||
|
|
name = element.toLocaleUpperCase()
|
|||
|
|
value = []
|
|||
|
|
resultsSubjectsToeflValue.forEach(el => {
|
|||
|
|
let value1 = achievement && achievement[element] && achievement[element][el.key]
|
|||
|
|
if (value1 == undefined) return
|
|||
|
|
isarr = "table"
|
|||
|
|
value.push({
|
|||
|
|
name: el.name,
|
|||
|
|
value: value1,
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
} else if (["gre", "gmat"].includes(element)) {
|
|||
|
|
name = element.toLocaleUpperCase()
|
|||
|
|
value = []
|
|||
|
|
resultsSubjectsGreValue.forEach(el => {
|
|||
|
|
let value1 = achievement[element] && achievement[element][el.key]
|
|||
|
|
if (value1 == undefined) return
|
|||
|
|
isarr = "table"
|
|||
|
|
value.push({
|
|||
|
|
name: el.name,
|
|||
|
|
value: value1,
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
} else if (element == "ptea") {
|
|||
|
|
name = "PTE A"
|
|||
|
|
value = achievement[element] && achievement[element].total
|
|||
|
|
isarr = "strip"
|
|||
|
|
} else if (element == "lsat") {
|
|||
|
|
name = element.toLocaleUpperCase()
|
|||
|
|
value = achievement[element]
|
|||
|
|
isarr = "strip"
|
|||
|
|
} else if (element == "sub") {
|
|||
|
|
name = element.toLocaleUpperCase()
|
|||
|
|
isarr = "sub"
|
|||
|
|
value = {
|
|||
|
|
name: achievement[element] && achievement[element].profession,
|
|||
|
|
value: achievement[element] && achievement[element].total,
|
|||
|
|
}
|
|||
|
|
} else if (element == "duolingo") {
|
|||
|
|
name = "多邻国"
|
|||
|
|
value = achievement[element]
|
|||
|
|
isarr = "strip"
|
|||
|
|
} else if (element == "otherlanguage") {
|
|||
|
|
if (achievement[element] && !achievement[element].trim()) return
|
|||
|
|
name = "其他语言/暂无"
|
|||
|
|
value = achievement[element]
|
|||
|
|
isarr = "text"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (name == "" || value == undefined || value.length == 0) return
|
|||
|
|
if (name == "SUB" && value.name == undefined) return
|
|||
|
|
personalBgResults.push({
|
|||
|
|
name,
|
|||
|
|
value,
|
|||
|
|
isarr,
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.personalBgResults = personalBgResults
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 处理个人背景-软件背景
|
|||
|
|
handlelSoftwareBackground() {
|
|||
|
|
let background = this.personalBackground.background
|
|||
|
|
let personalBgBackgrounddictionaries = this.personalBgBackgrounddictionaries
|
|||
|
|
let personalBgBackgroundList = []
|
|||
|
|
personalBgBackgrounddictionaries.forEach((element, index) => {
|
|||
|
|
let value = (background && background[element.key]) || ""
|
|||
|
|
value = value.trim()
|
|||
|
|
if (value != null && value != undefined && value != "") {
|
|||
|
|
value = value.replaceAll(/\r\n|\n|\r/g, "<br />")
|
|||
|
|
value = value.replaceAll("<br /><br />", "\n")
|
|||
|
|
value = value.replaceAll("<br/><br />", "\n")
|
|||
|
|
value = value.replaceAll("<br /><br/>", "\n")
|
|||
|
|
|
|||
|
|
while (value.indexOf("<br/>") != -1 || value.indexOf("<br />") != -1 || value.indexOf("<br>") != -1) {
|
|||
|
|
value = value.replaceAll("<br/>", "\n")
|
|||
|
|
value = value.replaceAll("<br />", "\n")
|
|||
|
|
value = value.replaceAll("<br>", "\n")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
personalBgBackgroundList.push({
|
|||
|
|
name: element.name,
|
|||
|
|
value,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.personalBgBackgroundList = personalBgBackgroundList
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 处理个人背景- 本科背景和研究生背景
|
|||
|
|
handleEducationdictionaries() {
|
|||
|
|
let personalBgUndergraduate = [] // 本科
|
|||
|
|
let personalBgGraduate = [] // 研究生
|
|||
|
|
let bjUndergraduate = this.personalBackground.undergraduate
|
|||
|
|
let graduate = this.personalBackground.graduate
|
|||
|
|
this.personalBgEducationdictionaries.forEach((element, index) => {
|
|||
|
|
let undergraduateValue = bjUndergraduate[element.key]
|
|||
|
|
let name = element.name
|
|||
|
|
if (element.key == "gpa") {
|
|||
|
|
undergraduateValue = []
|
|||
|
|
if (`${bjUndergraduate["gpascore"]}` || `${bjUndergraduate["gpawes"]}` || `${bjUndergraduate["gpaotherscore"]}`) {
|
|||
|
|
undergraduateValue = []
|
|||
|
|
if (bjUndergraduate["gpascore"]) undergraduateValue.push(`${bjUndergraduate["gpascore"]}/100 百分制`)
|
|||
|
|
if (bjUndergraduate["gpaoriginaldata"]) undergraduateValue.push(`${bjUndergraduate["gpaoriginaldata"]}`)
|
|||
|
|
else if (bjUndergraduate["gpawes"]) undergraduateValue.push(`${bjUndergraduate["gpawes"]}/4 WES算法`)
|
|||
|
|
if (bjUndergraduate["gpaotherscore"]) undergraduateValue.push(`${bjUndergraduate["gpaotherscore"]}/${bjUndergraduate["gpaotherfullscore"]} 其他算法`)
|
|||
|
|
|
|||
|
|
if (undergraduateValue.length > 0) {
|
|||
|
|
undergraduateValue = undergraduateValue.join("、")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if ((element.key == "majortype" || element.key == "alternativemajors") && undergraduateValue == "其他") undergraduateValue = bjUndergraduate["majorother"]
|
|||
|
|
|
|||
|
|
if (undergraduateValue != undefined && undergraduateValue.length != 0) {
|
|||
|
|
personalBgUndergraduate.push({
|
|||
|
|
key: element.key,
|
|||
|
|
name,
|
|||
|
|
value: undergraduateValue,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
this.personalBgEducationdictionaries.forEach((element, index) => {
|
|||
|
|
let graduateValue = graduate[element.key]
|
|||
|
|
let name = element.name
|
|||
|
|
if (element.key == "gpa") {
|
|||
|
|
if (`${graduate["gpascore"]}` || `${graduate["gpawes"]}` || `${graduate["gpaotherscore"]}`) {
|
|||
|
|
graduateValue = []
|
|||
|
|
if (graduate["gpascore"]) graduateValue.push(`${graduate["gpascore"]}/100 百分制`)
|
|||
|
|
if (graduate["gpaoriginaldata"]) graduateValue.push(`${graduate["gpaoriginaldata"]}`)
|
|||
|
|
else if (graduate["gpawes"]) graduateValue.push(`${graduate["gpawes"]}/4 WES算法`)
|
|||
|
|
|
|||
|
|
if (graduate["gpaotherscore"]) graduateValue.push(`${graduate["gpaotherscore"]}/${graduate["gpaotherfullscore"]} 其他算法`)
|
|||
|
|
|
|||
|
|
if (graduateValue.length > 0) {
|
|||
|
|
graduateValue = graduateValue.join("、")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if ((element.key == "majortype" || element.key == "alternativemajors") && graduateValue == "其他") graduateValue = graduate["majorother"]
|
|||
|
|
if (graduateValue != undefined && graduateValue.length != 0) {
|
|||
|
|
personalBgGraduate.push({
|
|||
|
|
key: element.key,
|
|||
|
|
name,
|
|||
|
|
value: graduateValue,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.personalBgUndergraduate = personalBgUndergraduate
|
|||
|
|
this.personalBgGraduate = personalBgGraduate
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 切换类型
|
|||
|
|
cutTab(key) {
|
|||
|
|
this.offerinfo = {}
|
|||
|
|
this.info = {}
|
|||
|
|
if (key == this.tab) return
|
|||
|
|
this.tab = key
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 确定
|
|||
|
|
confirm() {
|
|||
|
|
if (!this.inputText) return
|
|||
|
|
|
|||
|
|
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()
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 保存图片
|
|||
|
|
saveimage() {
|
|||
|
|
html2canvas(document.querySelector(".main")).then(canvas => {
|
|||
|
|
// 你现在可以对canvas做任何事情，比如将其添加到文档中
|
|||
|
|
// document.body.appendChild(canvas)
|
|||
|
|
|
|||
|
|
// 或者你可以将canvas转换为图片数据
|
|||
|
|
var img = canvas.toDataURL("image/png")
|
|||
|
|
|
|||
|
|
// 创建一个新的图片元素
|
|||
|
|
var newImg = document.createElement("img")
|
|||
|
|
newImg.src = img
|
|||
|
|
|
|||
|
|
// 将新图片添加到文档中
|
|||
|
|
// document.body.appendChild(newImg)
|
|||
|
|
|
|||
|
|
// 创建一个链接元素用于下载
|
|||
|
|
var downloadLink = document.createElement("a")
|
|||
|
|
downloadLink.href = img
|
|||
|
|
// 为下载的文件命名
|
|||
|
|
downloadLink.download = this.inputId + ".png"
|
|||
|
|
// 触发下载
|
|||
|
|
downloadLink.click()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|