Skip to content

P
project-online-pc
提交 df01ff47 authored 作者: lhh's avatar lhh
浏览文件
操作

update

上级 97e4682b
显示空白字符变更
内嵌 并排
正在显示 包含 584 行增加 和 195 行删除
components/base/h5/ApplyForm.vue
浏览文件 @ df01ff47
...@@ -16,7 +16,13 @@ ...@@ -16,7 +16,13 @@
</div> </div>
<div class="form-item"> <div class="form-item">
<input type="text" class="form-input" placeholder="请输入短信验证码" maxlength="4" v-model="phoneCode" /> <input type="text" class="form-input" placeholder="请输入短信验证码" maxlength="4" v-model="phoneCode" />
<input type="button" class="form-button" :disabled="codeButtonDisabled" :value="buttonText" @click="onSendCode" /> <input
type="button"
class="form-button"
:disabled="codeButtonDisabled"
:value="buttonText"
@click="onSendCode"
/>
</div> </div>
<div class="form-item"> <div class="form-item">
<input type="button" value="立即预约" class="form-button" @click="onSbumit" /> <input type="button" value="立即预约" class="form-button" @click="onSbumit" />
...@@ -40,7 +46,7 @@ export default { ...@@ -40,7 +46,7 @@ export default {
{ label: '中国未来金融领袖计划', value: '1007' }, { label: '中国未来金融领袖计划', value: '1007' },
{ label: '国际硕士保研项目', value: '1016' }, { label: '国际硕士保研项目', value: '1016' },
{ label: '金融学硕士保研项目', value: '1018' }, { label: '金融学硕士保研项目', value: '1018' },
{ label: '美国帕克大学本升硕项目', value: '1030' } { label: '美国帕克大学硕士项目', value: '1030' }
], ],
phoneCode: '', phoneCode: '',
codeButtonDisabled: false, codeButtonDisabled: false,
......
components/base/h5/Menu.vue
浏览文件 @ df01ff47
...@@ -49,10 +49,10 @@ export default { ...@@ -49,10 +49,10 @@ export default {
{ name: '归国政策', path: '/returnPolicy/returnPolicy' } { name: '归国政策', path: '/returnPolicy/returnPolicy' }
] ]
}, },
{ // {
name: '常见问题', // name: '常见问题',
path: '/question/question' // path: '/question/question'
}, // },
{ {
name: '报名申请', name: '报名申请',
onClick: () => { onClick: () => {
......
components/home/banners.vue
浏览文件 @ df01ff47
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
<div :class="isMobile ? 'is-h5' : 'is-pc'"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content"> <div class="banner-content">
<a href="/my"> <a href="/my">
<img class="img" src="https://webapp-pub.ezijing.com/project/park-plus/banner.png" /> <img class="img" src="https://webapp-pub.ezijing.com/project/xmn-plus/banner.png" />
</a> </a>
<!-- <div class="content_desc"> <!-- <div class="content_desc">
<div class="desc_cn">美国帕克大学本升硕项目</div> <div class="desc_cn">美国帕克大学硕士项目</div>
<div class="desc_en">Stevens Institute of Technology Master of Engineering in Engineering Management</div> <div class="desc_en">Stevens Institute of Technology Master of Engineering in Engineering Management</div>
</div> --> </div> -->
<div class="banner_navList" v-if="false"> <div class="banner_navList" v-if="false">
......
components/home/projectFeatures.vue
浏览文件 @ df01ff47
...@@ -27,18 +27,18 @@ export default { ...@@ -27,18 +27,18 @@ export default {
listData: [ listData: [
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/feature_1.png', web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/feature_1.png',
item_desc_tit: '校方直录', item_desc_tit: '官方可靠',
item_desc_con: '点对点直录<br/>硕士学分国内提前修' item_desc_con: '中美教育部双认证的大学<br/>美国帕克大学硕士项目中国中心直招'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/feature_2.png', web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/feature_2.png',
item_desc_tit: '免标准化考试', item_desc_tit: '推荐免试',
item_desc_con: '校方考试替代托福/GRE/GMAT' item_desc_con: '中方院校推荐，面试录取<br/>免托福/GRE/GMAT'
}, },
{ {
web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/feature_3.png', web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/feature_3.png',
item_desc_tit: '超高性价比留学项目', item_desc_tit: '高性价比',
item_desc_con: '国内、国外学费不超过18万人民币' item_desc_con: '国内、国外总学费不超过18万元人民币'
} }
] ]
} }
......
components/home/projectPosition.vue
浏览文件 @ df01ff47
...@@ -6,7 +6,9 @@ ...@@ -6,7 +6,9 @@
该项目是美国帕克大学硕士项目的特别录取通道。项目通过对学生的综合素质进行全面个性化评估，鼓励学生以增强综合能力替代应试，减少研究生入学考试以及英语考试对学生学习和成长的干扰。 该项目是美国帕克大学硕士项目的特别录取通道。项目通过对学生的综合素质进行全面个性化评估，鼓励学生以增强综合能力替代应试，减少研究生入学考试以及英语考试对学生学习和成长的干扰。
</p> </p>
<br /> <br />
<p>该项目由美国帕克大学硕士项目中国中心（清控紫荆教育）负责招生和运营，详情请见美国帕克大学官网项目说明。</p> <p>
该项目由美国帕克大学硕士项目中国中心（清控紫荆教育）负责招生和运营，详情请见美国帕克大学官网项目说明：https://www.park.edu/admissions/international-student-admissions/park-zijing-partnership-program/
</p>
</div> </div>
</card> </card>
</div> </div>
......
components/home/schoolIntroduce.vue
浏览文件 @ df01ff47
...@@ -2,15 +2,18 @@ ...@@ -2,15 +2,18 @@
<div class="service-content max-width-center"> <div class="service-content max-width-center">
<card title="学校简介"> <card title="学校简介">
<div class="desc"> <div class="desc">
<img src="https://webapp-pub.ezijing.com/project/park-plus/school_desc.png" class="desc-img" /> <img src="https://webapp-pub.ezijing.com/project/xmn/school_desc.png" class="desc-img" />
<p> <p>
美国帕克大学成立于1875年，至今已有149年的历史，是一所历史悠久、学科齐全、多元化的综合性大学，帕克大学一直被家长和其他学校评为国内私立大学中的顶级大学。帕克大学是美国中北部高等教育委员会及中北部学院和大学协会认可的大学，也是中国教育部涉外监管信息网认证的大学。 美国帕克大学成立于1875年，至今已有149年的历史，是一所历史悠久、学科齐全、多元化的综合性大学，帕克大学一直被家长和其他学校评为国内私立大学中的卓越典范。<strong>帕克大学是美国中北部高等教育委员会及中北部学院和大学协会认可的大学，也是中国教育部涉外监管信息网认证的大学。</strong>
</p> </p>
<br />
<p> <p>
帕克大学具有很强的国际化传统，为全球学生提供高品质的学习和学术机会，学校有超过633名来自112个不同国家的外国留学生，他们在学校感受到了家的温暖。为了容纳并使留学生更好地适应学校，学校组织了许多有趣的活动供留学生参加，也让美国学生可以与之互动并体验当地文化。 帕克大学具有很强的国际化传统，为全球学生提供高品质的学习和学术机会，学校有超过633名来自112个不同国家的外国留学生，他们在学校感受到了家的温暖。为了容纳并使留学生更好地适应学校，学校组织了许多有趣的活动供留学生参加，也让美国学生可以与之互动并体验当地文化。
</p> </p>
<br />
<p> <p>
帕克大学致力于培养具有全球化视野的学生，他们对国际关系和国际市场有着深刻理解。在帕克的学习使他们掌握了关键性思维、有效沟通以及终身学习。无论是商科专业，还是体育、生物、图形设计或者教育专业，学生在帕克大学学到的不仅仅是为日后工作做准备的知识和能力，更是如何成为一个关键性思考者、问题解决者以及可以适应全球化的领跑者。 帕克大学致力于培养具有全球化视野的学生，他们对国际关系和国际市场有着深刻理解。在帕克的学习使他们掌握了关键性思维、有效沟通以及终身学习。无论是商科专业，还是体育、生物、图形设计或者教育专业，学生在帕克大学学到的不仅仅是为日后工作做准备的知识和能力，更是如何成为一个关键性思考者、问题解决者以及可以适应全球化的领跑者。
</p> </p>
</div> </div>
</card> </card>
......
components/layout/h5/Header.vue
浏览文件 @ df01ff47
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/park-plus/logo.png" /> <img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/park-plus/logo.png" />
<div class="line"></div> <div class="line"></div>
<nuxt-link to="/" class="logo"> <nuxt-link to="/" class="logo">
<div class="title">美国帕克大学本升硕项目</div> <div class="title">美国帕克大学硕士项目</div>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> --> <!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
</nuxt-link> </nuxt-link>
</div> </div>
......
components/layout/pc/Foot.vue
浏览文件 @ df01ff47
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="left-content"> <div class="left-content">
<div class="logo-title"> <div class="logo-title">
<img src="https://webapp-pub.ezijing.com/project/park-plus/logo_white.png" /> <img src="https://webapp-pub.ezijing.com/project/park-plus/logo_white.png" />
<h1>美国帕克大学本升硕项目</h1> <h1>美国帕克大学硕士项目</h1>
</div> </div>
<div class="bottom"> <div class="bottom">
...@@ -35,12 +35,14 @@ ...@@ -35,12 +35,14 @@
</div> </div>
</div> </div>
<div class="center-content"> <div class="center-content">
<div class="contact">美国帕克大学本升硕项目</div> <div class="contact">美国帕克大学硕士项目</div>
<div class="contact">中国招生与教学中心（紫荆教育）</div> <div class="contact">中国招生与教学中心（紫荆教育）</div>
<div class="bottom"> <div class="bottom">
<div class="address" v-html="$t('foot.address')"></div> <div class="address" v-html="$t('foot.address')"></div>
<div class="phone" v-html="$t('foot.contact')"></div> <div class="phone" v-html="$t('foot.contact')"></div>
<a class="mail" href="mailto:admission_park@ezijing.com">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：admission_park@ezijing.com </a> <a class="mail" href="mailto:admission_park@ezijing.com"
>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：admission_park@ezijing.com
</a>
<!-- <div class="mail" v-html="$t('foot.email')"></div> --> <!-- <div class="mail" v-html="$t('foot.email')"></div> -->
</div> </div>
</div> </div>
...@@ -58,19 +60,39 @@ ...@@ -58,19 +60,39 @@
</div> </div>
<div class="copyright" style="height: 40px; line-height: 40px; color: rgba(153, 153, 153, 1); background: #fff"> <div class="copyright" style="height: 40px; line-height: 40px; color: rgba(153, 153, 153, 1); background: #fff">
<div class="inner" style="width: 100%; justify-content: center; display: flex"> <div class="inner" style="width: 100%; justify-content: center; display: flex">
<p style="font-size: 12px">Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</p> <p style="font-size: 12px">
<a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/" style="color: rgba(153, 153, 153, 1); text-decoration: none; margin-left: 10px"> Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司
</p>
<a
target="_blank"
href="https://tsm.miit.gov.cn/dxxzsp/"
style="color: rgba(153, 153, 153, 1); text-decoration: none; margin-left: 10px"
>
<p style="font-size: 12px">京ICP证150431号</p> <p style="font-size: 12px">京ICP证150431号</p>
</a> </a>
<a <a
target="_blank" target="_blank"
class="record" class="record"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style="color: rgba(153, 153, 153, 1); text-decoration: none; align-items: center; display: flex; margin-right: 5px"> style="
<img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" style="width: 20px; height: 20px; margin: 0 6px; display: block" /> color: rgba(153, 153, 153, 1);
text-decoration: none;
align-items: center;
display: flex;
margin-right: 5px;
"
>
<img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
style="width: 20px; height: 20px; margin: 0 6px; display: block"
/>
<p style="font-size: 12px">安备 11010802023681号</p> <p style="font-size: 12px">安备 11010802023681号</p>
</a> </a>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" style="color: rgba(153, 153, 153, 1); text-decoration: none"> <a
target="_blank"
href="https://beian.miit.gov.cn/#/Integrated/index"
style="color: rgba(153, 153, 153, 1); text-decoration: none"
>
<p style="font-size: 12px">京ICP备15016866号-1</p> <p style="font-size: 12px">京ICP备15016866号-1</p>
</a> </a>
</div> </div>
......
components/layout/pc/Head.vue
浏览文件 @ df01ff47
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/park-plus/logo.png" /> <img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/park-plus/logo.png" />
<div class="line"></div> <div class="line"></div>
<nuxt-link to="/"> <nuxt-link to="/">
<div class="title">美国帕克大学本升硕项目</div> <div class="title">美国帕克大学硕士项目</div>
</nuxt-link> </nuxt-link>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> --> <!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
</div> </div>
...@@ -67,10 +67,16 @@ export default { ...@@ -67,10 +67,16 @@ export default {
return this.$store.state.user || {} return this.$store.state.user || {}
}, },
loginURL() { loginURL() {
return process.client ? `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}` : '' return process.client
? `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(
location.origin + this.$route.fullPath
)}`
: ''
}, },
registerURL() { registerURL() {
return process.client ? `${process.env.loginURL}/register?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}` : '' return process.client
? `${process.env.loginURL}/register?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}`
: ''
} }
} }
} }
......
components/rightAside.vue
浏览文件 @ df01ff47
...@@ -16,7 +16,11 @@ ...@@ -16,7 +16,11 @@
</li> --> </li> -->
<div class="line"></div> <div class="line"></div>
<li :class="{ wx: true, active: tabBtnActive && tabBtnTarget === 'wx' }" @mouseenter="handleMsOver('wx')" @mouseleave="handleMsOut"> <li
:class="{ wx: true, active: tabBtnActive && tabBtnTarget === 'wx' }"
@mouseenter="handleMsOver('wx')"
@mouseleave="handleMsOut"
>
<!-- <p>{{ $t('aside.follow') }}</p> --> <!-- <p>{{ $t('aside.follow') }}</p> -->
</li> </li>
<div class="line"></div> <div class="line"></div>
...@@ -25,8 +29,18 @@ ...@@ -25,8 +29,18 @@
<!-- <p>^</p> --> <!-- <p>^</p> -->
</li> </li>
</ul> </ul>
<transition name="custom-classes-transition" enter-active-class="animated tada" leave-active-class="animated bounceOutRight"> <transition
<div id="show-enroll" v-show="tabBtnActive" class="tab_cont" @mouseover="handleMsOver('')" @mouseout="handleMsOut"> name="custom-classes-transition"
enter-active-class="animated tada"
leave-active-class="animated bounceOutRight"
>
<div
id="show-enroll"
v-show="tabBtnActive"
class="tab_cont"
@mouseover="handleMsOver('')"
@mouseout="handleMsOut"
>
<div class="enroll_cont" id="show-enroll-content" v-show="tabBtnTarget === 'enroll'"> <div class="enroll_cont" id="show-enroll-content" v-show="tabBtnTarget === 'enroll'">
<h5>{{ $t('aside.apply1') }}</h5> <h5>{{ $t('aside.apply1') }}</h5>
<p><el-input v-model="formInfo.name" :placeholder="$t('aside.name')" size="small"></el-input></p> <p><el-input v-model="formInfo.name" :placeholder="$t('aside.name')" size="small"></el-input></p>
...@@ -48,7 +62,9 @@ ...@@ -48,7 +62,9 @@
</p> </p>
<p class="sendcode"> <p class="sendcode">
<el-input v-model="sendCode" :placeholder="$t('aside.code')" size="small"></el-input <el-input v-model="sendCode" :placeholder="$t('aside.code')" size="small"></el-input
><el-button class="btn" :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode">{{ $t('aside.codeBtn') }}</el-button> ><el-button class="btn" :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode">{{
$t('aside.codeBtn')
}}</el-button>
</p> </p>
<p> <p>
<el-button style="width: 100%" @click="submitEnroll">{{ $t('aside.formBtn') }}</el-button> <el-button style="width: 100%" @click="submitEnroll">{{ $t('aside.formBtn') }}</el-button>
...@@ -87,7 +103,7 @@ export default { ...@@ -87,7 +103,7 @@ export default {
{ label: '中国未来金融领袖计划', value: '1007' }, { label: '中国未来金融领袖计划', value: '1007' },
{ label: '国际硕士', value: '1016' }, { label: '国际硕士', value: '1016' },
{ label: '金融学硕士保研项目', value: '1018' }, { label: '金融学硕士保研项目', value: '1018' },
{ label: '美国帕克大学本升硕项目', value: '1030' } { label: '美国帕克大学硕士项目', value: '1030' }
] ]
} }
}, },
......
langs/zh-CN.js
浏览文件 @ df01ff47
...@@ -51,7 +51,7 @@ export default { ...@@ -51,7 +51,7 @@ export default {
// 首页 // 首页
home: { home: {
project: { project: {
title: '项目优势', title: '项目亮点',
h5: { h5: {
itemT1: '百年历史<br />美国大学', itemT1: '百年历史<br />美国大学',
itemT2: '高排名<br />美国大学', itemT2: '高排名<br />美国大学',
......
modules/letter/index.vue
浏览文件 @ df01ff47
...@@ -3,18 +3,33 @@ ...@@ -3,18 +3,33 @@
<header class="header"> <header class="header">
<div class="inner"> <div class="inner">
<div class="logo"> <div class="logo">
<router-link to="/"><img src="https://webapp-pub.ezijing.com/project/application/images/ezijing-logo.png" /></router-link> <router-link to="/"
><img src="https://webapp-pub.ezijing.com/project/application/images/ezijing-logo.png"
/></router-link>
</div> </div>
</div> </div>
</header> </header>
<nav class="nav"><h1 class="title">美国帕克大学本升硕项目推荐信</h1></nav> <nav class="nav"><h1 class="title">美国帕克大学硕士项目推荐信</h1></nav>
<section class="content"> <section class="content">
<el-form :model="ruleForm" :rules="rules" ref="form" label-width="100px" :label-position="labelPosition" @submit.native.prevent style="max-width: 680px"> <el-form
:model="ruleForm"
:rules="rules"
ref="form"
label-width="100px"
:label-position="labelPosition"
@submit.native.prevent
style="max-width: 680px"
>
<el-form-item label="姓名" prop="provider_name"> <el-form-item label="姓名" prop="provider_name">
<el-input v-model="ruleForm.provider_name" @blur="onBlur('provider_name')"></el-input> <el-input v-model="ruleForm.provider_name" @blur="onBlur('provider_name')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="推荐信内容" prop="letter_content"> <el-form-item label="推荐信内容" prop="letter_content">
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="ruleForm.letter_content" @blur="onBlur('letter_content')"></el-input> <el-input
type="textarea"
:autosize="{ minRows: 6 }"
v-model="ruleForm.letter_content"
@blur="onBlur('letter_content')"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号" prop="provider_phone_number"> <el-form-item label="手机号" prop="provider_phone_number">
<el-input v-model="ruleForm.provider_phone_number"></el-input> <el-input v-model="ruleForm.provider_phone_number"></el-input>
......
modules/my/application/components/qrcodePay.vue
浏览文件 @ df01ff47
...@@ -5,9 +5,11 @@ ...@@ -5,9 +5,11 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" /> <img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div> </div>
<h1>欢迎您</h1> <h1>欢迎您</h1>
<p class="t1">申请美国帕克大学本升硕项目，本项目的申请费为<span>700</span>元，请扫描二维码以完成报名。</p> <p class="t1">申请美国帕克大学硕士项目，本项目的申请费为<span>700</span>元，请扫描二维码以完成报名。</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
</div> </div>
<div class="qrcode-error" v-if="qrcodeError">生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i></div>
<div class="qrcode" v-else> <div class="qrcode" v-else>
<qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue> <qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue>
<span @click="getOrder"><i class="el-icon-refresh" style="font-size: 20px" title="刷新"></i></span> <span @click="getOrder"><i class="el-icon-refresh" style="font-size: 20px" title="刷新"></i></span>
......
modules/my/application/form/declare.js
浏览文件 @ df01ff47
...@@ -27,7 +27,7 @@ export default function (_this) { ...@@ -27,7 +27,7 @@ export default function (_this) {
values: [{ label: '同意', value: 1 }], values: [{ label: '同意', value: 1 }],
model: 'isAgree', model: 'isAgree',
rules: [{ required: true, message: '请阅读协议', trigger: 'change' }], rules: [{ required: true, message: '请阅读协议', trigger: 'change' }],
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请美国帕克大学本升硕项目面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p> prepend: `<p>1、本人知晓此申请表及所附文件将作为申请美国帕克大学硕士项目面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
<p>2、本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>` <p>2、本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>`
} }
] ]
......
modules/my/application/form/info/answer.js
浏览文件 @ df01ff47
...@@ -17,7 +17,7 @@ export default function (_this) { ...@@ -17,7 +17,7 @@ export default function (_this) {
const [first = {}, second = {}] = answers const [first = {}, second = {}] = answers
return { return {
qid1: first.qid || '1', qid1: first.qid || '1',
question1: '您为什么要申请美国帕克大学本升硕项目？', question1: '您为什么要申请美国帕克大学硕士项目？',
answer1: first.answer, answer1: first.answer,
qid2: second.qid || '2', qid2: second.qid || '2',
question2: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？', question2: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？',
...@@ -39,7 +39,7 @@ export default function (_this) { ...@@ -39,7 +39,7 @@ export default function (_this) {
items: [ items: [
{ {
type: 'v-input', type: 'v-input',
label: '您为什么要申请美国帕克大学本升硕项目？（60字以上，1000字以内）', label: '您为什么要申请美国帕克大学硕士项目？（60字以上，1000字以内）',
model: 'answer1', model: 'answer1',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' }, attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [ rules: [
......
modules/my/interview/components/qrcodePay.vue
浏览文件 @ df01ff47
...@@ -5,9 +5,11 @@ ...@@ -5,9 +5,11 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" /> <img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div> </div>
<h1>欢迎您</h1> <h1>欢迎您</h1>
<p class="t1">申请美国帕克大学本升硕项目，本项目的申请费为<span>700</span>元，请扫描二维码以完成报名。</p> <p class="t1">申请美国帕克大学硕士项目，本项目的申请费为<span>700</span>元，请扫描二维码以完成报名。</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
</div> </div>
<div class="qrcode-error" v-if="qrcodeError">生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i></div>
<div class="qrcode" v-else> <div class="qrcode" v-else>
<qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue> <qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue>
<span @click="getOrder"><i class="el-icon-refresh" style="font-size: 20px" title="刷新"></i></span> <span @click="getOrder"><i class="el-icon-refresh" style="font-size: 20px" title="刷新"></i></span>
......
modules/my/interview/form/index.js
浏览文件 @ df01ff47
...@@ -8,12 +8,14 @@ import tjx from './tjx' ...@@ -8,12 +8,14 @@ import tjx from './tjx'
import grcs from './grcs' import grcs from './grcs'
import byzs from './byzs' import byzs from './byzs'
import form from './form' import form from './form'
import zwjl from './zwjl'
export default function (_this) { export default function (_this) {
return { return {
id: 'interview', id: 'interview',
title: '申请面试', title: '申请面试',
children: [ children: [
zwjl(_this),
ywjl(_this), ywjl(_this),
cjd(_this), cjd(_this),
// yynl(_this), // yynl(_this),
......
modules/my/interview/form/zwjl.js 0 → 100644
浏览文件 @ df01ff47
export default function (_this) {
return {
required: true,
id: 'interview_zwjl',
title: '中文简历',
get: {
callback(data) {
const { attachments = [] } = _this.detail.material
const RESUME_CN = attachments.filter(item => item.file_type_id === 'RESUME_CN')
return { RESUME_CN }
}
},
form: {
hasSubmit: false,
items: [
{
required: true,
type: 'v-upload',
model: 'RESUME_CN',
attrs: {
action: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/attachments/${process.env.projectId}/put`,
deleteAction: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/attachments/${process.env.projectId}/delete`,
data: { file_type: 'RESUME_CN' }
},
append: `
<p>请下载填写中文简历模板后上传 [<a href="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/xmn/%E4%B8%AD%E6%96%87%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.doc" target="_blank" download="中文简历模板">下载模板</a>]</p>
<p>请将中文简历填写完存为"pdf"格式上传，文件小于10MB。</p>`
}
]
}
}
}
modules/my/interview/index.vue
浏览文件 @ df01ff47
...@@ -9,7 +9,8 @@ ...@@ -9,7 +9,8 @@
@success="handleSuccess" @success="handleSuccess"
@error="handleError" @error="handleError"
@back="$router.push('/my/account')" @back="$router.push('/my/account')"
v-if="detail"> v-if="detail"
>
<template #aside-append> <template #aside-append>
<div class="aside-payment"><a href="https://accounts.ezijing.com/payment" target="_blank">查看缴费记录</a></div> <div class="aside-payment"><a href="https://accounts.ezijing.com/payment" target="_blank">查看缴费记录</a></div>
<div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div> <div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
...@@ -20,7 +21,13 @@ ...@@ -20,7 +21,13 @@
</template> </template>
</vue-form> </vue-form>
<app-complete :type="1" v-model="completeVisible"></app-complete> <app-complete :type="1" v-model="completeVisible"></app-complete>
<el-dialog title="您的申请资料已提交成功" :visible.sync="dialogVisible" :center="true" :close-on-click-modal="false" width="348px"> <el-dialog
title="您的申请资料已提交成功"
:visible.sync="dialogVisible"
:center="true"
:close-on-click-modal="false"
width="348px"
>
<div class="dialog-tips"> <div class="dialog-tips">
<div class="icon"><img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" /></div> <div class="icon"><img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" /></div>
</div> </div>
...@@ -45,7 +52,7 @@ export default { ...@@ -45,7 +52,7 @@ export default {
const menus = getMenu(this) const menus = getMenu(this)
return { return {
menus: [menus], menus: [menus],
currentActive: 'interview_ywjl', currentActive: 'interview_zwjl',
completeVisible: false, completeVisible: false,
dialogVisible: false, dialogVisible: false,
detail: null detail: null
...@@ -56,7 +63,7 @@ export default { ...@@ -56,7 +63,7 @@ export default {
immediate: true, immediate: true,
handler(route) { handler(route) {
const { query = {} } = route const { query = {} } = route
this.currentActive = query.active || 'interview_ywjl' this.currentActive = query.active || 'interview_zwjl'
} }
}, },
showSubmittedDialog(value) { showSubmittedDialog(value) {
......
modules/my/review/components/qrcodePay.vue
浏览文件 @ df01ff47
...@@ -5,9 +5,11 @@ ...@@ -5,9 +5,11 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" /> <img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div> </div>
<h1>欢迎您</h1> <h1>欢迎您</h1>
<p class="t1">申请美国帕克大学本升硕项目，需缴纳留位费<span>10000</span>元，请扫描二维码以完成缴费。</p> <p class="t1">申请美国帕克大学硕士项目，需缴纳留位费<span>10000</span>元，请扫描二维码以完成缴费。</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
</div> </div>
<div class="qrcode-error" v-if="qrcodeError">生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i></div>
<div class="qrcode" v-else> <div class="qrcode" v-else>
<qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue> <qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue>
<span @click="getOrder"><i class="el-icon-refresh" style="font-size: 20px" title="刷新"></i></span> <span @click="getOrder"><i class="el-icon-refresh" style="font-size: 20px" title="刷新"></i></span>
......
modules/my/welcome/indexPay.vue
浏览文件 @ df01ff47
...@@ -4,12 +4,19 @@ ...@@ -4,12 +4,19 @@
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay> <qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft"> <div class="pay-ft">
<p class="t2"> <p class="t2">
欢迎您申请美国帕克大学本升硕项目<br /> 欢迎您申请美国帕克大学硕士项目<br />
申请流程：①支付报名费②填写报名资料并提供相关材料（身份证扫描件、毕业证书扫描件、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办 申请流程：①支付报名费②填写报名资料并提供相关材料（身份证扫描件、毕业证书扫描件、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办
理入学手续：提供成绩单、学籍注册等）<br />申请费提交后不予退还 理入学手续：提供成绩单、学籍注册等）<br />申请费提交后不予退还
</p> </p>
</div> </div>
<el-dialog title="报名费缴费成功" :visible.sync="dialogVisible" :center="true" :show-close="false" :close-on-click-modal="false" width="400px"> <el-dialog
title="报名费缴费成功"
:visible.sync="dialogVisible"
:center="true"
:show-close="false"
:close-on-click-modal="false"
width="400px"
>
<div class="dialog-pay"> <div class="dialog-pay">
<p>请按照要求填写报名所需材料，完成“提交报名申请”及“申请面试”</p> <p>请按照要求填写报名所需材料，完成“提交报名申请”及“申请面试”</p>
<div class="icon"><img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" /></div> <div class="icon"><img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" /></div>
......
modules/my/welcome/indexWelcome.vue
浏览文件 @ df01ff47
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<h1>欢迎您</h1> <h1>欢迎您</h1>
<p class="t1"> <p class="t1">
申请美国帕克大学本升硕项目，请在填写以下内容并<br /> 申请美国帕克大学硕士项目，请在填写以下内容并<br />
提交报名申请后，扫码支付本项目的申请费共计<span>700</span>元。 提交报名申请后，扫码支付本项目的申请费共计<span>700</span>元。
</p> </p>
</div> </div>
......
nuxt.config.js
浏览文件 @ df01ff47
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
}), }),
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
head: { head: {
title: '美国帕克大学本升硕项目', title: '美国帕克大学硕士项目',
htmlAttrs: { htmlAttrs: {
lang: 'en' lang: 'en'
}, },
......
pages/about/school.vue
浏览文件 @ df01ff47
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</div> </div>
</section> </section>
<section class="section"> <section class="section">
<h2 class="title">项目特点</h2> <h2 class="title">项目优势</h2>
<div class="q-list"> <div class="q-list">
<div class="q-list_title">■ 推荐免试（免托福/GRE/GMAT）</div> <div class="q-list_title">■ 推荐免试（免托福/GRE/GMAT）</div>
<div class="q-list_content"> <div class="q-list_content">
...@@ -33,13 +33,18 @@ ...@@ -33,13 +33,18 @@
<div class="project-target__content"> <div class="project-target__content">
<h2 class="title">培养目标</h2> <h2 class="title">培养目标</h2>
<div class="info"> <div class="info">
<p><b>工商管理 (Business Administration)</b></p> <p>在读本科四年级或者具有本科学历学位学生</p>
<p>
工商管理专业主要培养学生掌握现代企业管理理论、方法和技能，具备解决企业实际问题的能力，以适应现代商业环境的需求。帕克大学工商管理专业硕士毕业生可以在各类企事业单位、金融机构、政府部门等多个领域与制造业、金融业、零售业、咨询服务业等多个行业利用所学的管理知识和技能，参与组织的运营和管理。
</p>
</div> </div>
</div> </div>
</section> </section>
<section class="section">
<h2 class="title">招生对象</h2>
<ul class="project-content-list">
<li>身心健康，品学端正。</li>
<li>学校推荐，面试录取。</li>
<li>英语：面试合格，可免托福和GRE/GMAT。</li>
</ul>
</section>
<!-- 申请要求 --> <!-- 申请要求 -->
<section class="section"> <section class="section">
<h2 class="title">录取条件</h2> <h2 class="title">录取条件</h2>
...@@ -59,7 +64,7 @@ ...@@ -59,7 +64,7 @@
</div> </div>
</section> </section>
<!-- 学制安排 --> <!-- 学制安排 -->
<section class="section"> <section class="section" v-if="false">
<h2 class="title">学制安排</h2> <h2 class="title">学制安排</h2>
<div class="schedule-list"> <div class="schedule-list">
<div class="schedule-item" v-for="(item, index) in scheduleList" :key="index"> <div class="schedule-item" v-for="(item, index) in scheduleList" :key="index">
...@@ -91,7 +96,7 @@ ...@@ -91,7 +96,7 @@
v-if="isMobile" v-if="isMobile"
/> />
<img <img
src="https://webapp-pub.ezijing.com/project/park-plus/project_honor.png" src="https://webapp-pub.ezijing.com/project/xmn-plus/project_honor.png"
style="width: 100%; min-width: 1200px" style="width: 100%; min-width: 1200px"
v-else v-else
/> />
......
pages/enroll/process.vue
浏览文件 @ df01ff47
...@@ -16,10 +16,10 @@ ...@@ -16,10 +16,10 @@
</p> </p>
<!-- <p>另请提供纸质材料:</p> --> <!-- <p>另请提供纸质材料:</p> -->
<ul> <ul>
<li>➢ 中/英文简历</li> <li>➢ 中英文简历</li>
<li>➢ 身份证扫描件</li> <li>➢ 身份证扫描件</li>
<li>➢ 中英文成绩单（在读生截止到上学期末）</li> <li>➢ 中英文成绩单（在读生截止到上学期末）</li>
<li>➢ 本（专）科学历学位证明/本（专）科在读证明（中、英文）</li> <li>➢ 本科学历学位证明/本科在读证明（中英文）</li>
<li>➢ 个人荣誉证书和获奖经历扫描件、推荐信等（如有）</li> <li>➢ 个人荣誉证书和获奖经历扫描件、推荐信等（如有）</li>
<!-- <li>➢ 本科学历学位证明/本科在读证明（中、英文）</li> <!-- <li>➢ 本科学历学位证明/本科在读证明（中、英文）</li>
<li>➢ 英文本科成绩单（在读生截止到上学期末）</li> <li>➢ 英文本科成绩单（在读生截止到上学期末）</li>
......
pages/project-intro/introduce.vue
浏览文件 @ df01ff47
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<img src="https://webapp-pub.ezijing.com/project/park-plus/project-intro_banner.png" class="banner" /> <img src="https://webapp-pub.ezijing.com/project/park-plus/project-intro_banner.png" class="banner" />
<div class="part_content"> <div class="part_content">
<div class="part_item"> <div class="part_item">
美国帕克大学本升硕项目是清控紫荆教育联合美国多所知名院校推出的国际硕士保研项目之一。清控紫荆教育为美国帕克大学本升硕项目官方授权中国招生与教学中心。 美国帕克大学硕士项目是清控紫荆教育联合美国多所知名院校推出的国际硕士保研项目之一。清控紫荆教育为美国帕克大学硕士项目官方授权中国招生与教学中心。
</div> </div>
<div class="part_item"> <div class="part_item">
国际硕士保研项目是针对在读本科生或往届生提供的研究生学历晋升通道。第一个“1”是指大三或大四的本科生在被美国大学硕士项目有条件录取后，第1年在国内就读（已工作人士可以边工作边就读）。国内就读课程主要为英语强化课程及部分硕士学分课，由美国大学认可的国内大学或者有实力的教育机构实施录取和教学，一般用时12-15个月。第二个“1”是指在完成第一个“1”的要求之后，获得美国大学的无条件录取，本科毕业当年可直接衔接赴美留学（已工作的人士第二年也需赴美全日制学习），完成剩余学分，毕业后获得美方硕士学位，回国后可向中国(教育部)留学服务中心申请认证为硕士研究生学历。 国际硕士保研项目是针对在读本科生或往届生提供的研究生学历晋升通道。第一个“1”是指大三或大四的本科生在被美国大学硕士项目有条件录取后，第1年在国内就读（已工作人士可以边工作边就读）。国内就读课程主要为英语强化课程及部分硕士学分课，由美国大学认可的国内大学或者有实力的教育机构实施录取和教学，一般用时12-15个月。第二个“1”是指在完成第一个“1”的要求之后，获得美国大学的无条件录取，本科毕业当年可直接衔接赴美留学（已工作的人士第二年也需赴美全日制学习），完成剩余学分，毕业后获得美方硕士学位，回国后可向中国(教育部)留学服务中心申请认证为硕士研究生学历。
......
pages/school/school.vue
浏览文件 @ df01ff47
<template> <template>
<div :class="isMobile ? 'is-h5' : 'is-pc'"> <div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner"> <div class="banner">
<img class="img_banner" src="https://webapp-pub.ezijing.com/project/park-plus/pc-index-banner.png" /> <img class="img_banner" src="https://webapp-pub.ezijing.com/project/park/pc-index-banner.png" />
<div class="banner_con"> <div class="banner_con">
<div class="con_tit">美国帕克大学简介</div> <div class="con_tit">美国帕克大学简介</div>
<p class="con_desc"> <p class="con_desc">
美国帕克大学成立于1875年，至今已有149年的历史，是一所历史悠久、学科齐全、多元化的综合性大学，帕克大学一直被家长和其他学校评为国内私立大学中的顶级大学。帕克大学是美国中北部高等教育委员会及中北部学院和大学协会认可的大学，也是中国教育部涉外监管信息网认证的大学。 美国帕克大学成立于1875年，至今已有149年的历史，是一所历史悠久、学科齐全、多元化的综合性大学，帕克大学一直被家长和其他学校评为国内私立大学中的卓越典范。<b
</p> >帕克大学是美国中北部高等教育委员会及中北部学院和大学协会认可的大学，也是中国教育部涉外监管信息网认证的大学。</b
<p class="con_desc"> ><br />
帕克大学具有很强的国际化传统，为全球学生提供高品质的学习和学术机会，学校有超过633名来自112个不同国家的外国留学生，他们在学校感受到了家的温暖。为了容纳并使留学生更好地适应学校，学校组织了许多有趣的活动供留学生参加，也让美国学生可以与之互动并体验当地文化。 帕克大学具有很强的国际化传统，为全球学生提供高品质的学习和学术机会，学校有超过633名来自112个不同国家的外国留学生，他们在学校感受到了家的温暖。为了容纳并使留学生更好地适应学校，学校组织了许多有趣的活动供留学生参加，也让美国学生可以与之互动并体验当地文化。<br />
</p>
<p class="con_desc">
帕克大学致力于培养具有全球化视野的学生，他们对国际关系和国际市场有着深刻理解。在帕克的学习使他们掌握了关键性思维、有效沟通以及终身学习。无论是商科专业，还是体育、生物、图形设计或者教育专业，学生在帕克大学学到的不仅仅是为日后工作做准备的知识和能力，更是如何成为一个关键性思考者、问题解决者以及可以适应全球化的领跑者。 帕克大学致力于培养具有全球化视野的学生，他们对国际关系和国际市场有着深刻理解。在帕克的学习使他们掌握了关键性思维、有效沟通以及终身学习。无论是商科专业，还是体育、生物、图形设计或者教育专业，学生在帕克大学学到的不仅仅是为日后工作做准备的知识和能力，更是如何成为一个关键性思考者、问题解决者以及可以适应全球化的领跑者。
</p> </p>
<!-- <p class="con_desc">
</p>
<div class="con_desc">
</div> -->
</div> </div>
</div> </div>
<section class="section" v-if="false"> <!-- <section class="section">
<div class="swiper-content1"> <div class="swiper-content1">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in videoData" :key="index"> <div class="swiper-slide" v-for="(item, index) in videoData" :key="index">
...@@ -25,11 +27,11 @@ ...@@ -25,11 +27,11 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section> -->
<section class="section" v-if="false"> <section class="section" v-if="false">
<h2 class="section_title">师资介绍</h2> <h2 class="section_title">师资介绍</h2>
<swiper :options="teacherSwiperOption" class="section_teacher"> <!-- <div class="section_teacher">
<swiper-slide class="teacher_item" v-for="(item, index) in teacherList" :key="index"> <div class="teacher_item" v-for="(item, index) in teacherList" :key="index">
<img :src="item.img" class="item_img" /> <img :src="item.img" class="item_img" />
<div class="item_bottom"> <div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div> <div class="img_tit">{{ item.tit }}</div>
...@@ -41,30 +43,73 @@ ...@@ -41,30 +43,73 @@
</ul> </ul>
</div> </div>
</div> </div>
</swiper-slide> </div>
</swiper> </div> -->
<div v-swiper:mySwiper1="swiperOptionT">
<div class="swiper-wrapper section_teacher">
<div class="swiper-slide" v-for="(item, index) in teacherList" :key="index">
<div class="teacher_item">
<img :src="item.img" class="item_img" />
<div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div>
<div class="item_desc">
<ul>
<li v-for="(it, index) in item.desc" :key="index">
{{ it }}
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</section> </section>
<section class="section" v-if="false"> <section class="section" v-if="false">
<h2 class="section_title">名人堂</h2> <h2 class="section_title">名人堂</h2>
<swiper :options="teacherSwiperOption" class="section_teacher"> <!-- <div class="section_teacher">
<swiper-slide class="teacher_item" v-for="(item, index) in alumnusList" :key="index"> <div class="teacher_item1" v-for="(item, index) in alumnusList" :key="index">
<img :src="item.img" class="item_img" /> <img :src="item.img" class="item_img" />
<div class="item_bottom"> <div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div> <div class="img_tit">{{ item.tit }}</div>
<div class="item_desc"> <div class="item_desc">
<ul> <ul>
<li v-for="(it, index) in item.desc" :key="index">{{ it }}</li> <li v-for="(it, index) in item.desc" :key="index">
<p v-html="it"></p>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</swiper-slide> </div>
</swiper> </div> -->
</section> <div v-swiper:mySwiper2="swiperOptionM">
<section class="section"> <div class="swiper-wrapper section_teacher">
<h2 class="section_title">校园风光</h2> <div class="swiper-slide" v-for="(item, index) in alumnusList" :key="index">
<div class="teacher_item">
<img :src="item.img" class="item_img" />
<div class="item_bottom">
<div class="img_tit">{{ item.tit }}</div>
<div class="item_desc">
<ul>
<li v-for="(it, index) in item.desc" :key="index">
{{ it }}
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination-bullets"></div>
</div>
</section> </section>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart"> <div class="content_tit">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content">
<div v-swiper:mySwiper3="swiperOption">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index"> <div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.web_img_uri" /> <img :src="item.web_img_uri" />
...@@ -79,137 +124,161 @@ export default { ...@@ -79,137 +124,161 @@ export default {
layout: 'normal', layout: 'normal',
data() { data() {
const _this = this const _this = this
return { return {
popupVisible: false, popupVisible: false,
videoData: [ videoData: [
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/video_sit1.png', img: 'https://webapp-pub.ezijing.com/project/park/video_sit1.png',
web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%991.mp4' web_img_uri: 'https://webapp-pub.ezijing.com/project/park/SIT%E9%A1%B9%E7%9B%AE%E7%AB%991.mp4'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/video_sit2.png', img: 'https://webapp-pub.ezijing.com/project/park/video_sit2.png',
web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%992.mp4' web_img_uri: 'https://webapp-pub.ezijing.com/project/park/SIT%E9%A1%B9%E7%9B%AE%E7%AB%992.mp4'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/video_sit3.png', img: 'https://webapp-pub.ezijing.com/project/park/video_sit3.png',
web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/SIT%E9%A1%B9%E7%9B%AE%E7%AB%993.mp4' web_img_uri: 'https://webapp-pub.ezijing.com/project/park/SIT%E9%A1%B9%E7%9B%AE%E7%AB%993.mp4'
} }
], ],
listData: [ listData: [
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/school_lg1.png' }, { web_img_uri: 'https://webapp-pub.ezijing.com/project/park/school_lg1.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/school_lg2.png' }, { web_img_uri: 'https://webapp-pub.ezijing.com/project/park/school_lg2.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/school_lg3.png' }, { web_img_uri: 'https://webapp-pub.ezijing.com/project/park/school_lg3.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/school_lg4.png' }, { web_img_uri: 'https://webapp-pub.ezijing.com/project/park/school_lg4.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/school_lg5.png' }, { web_img_uri: 'https://webapp-pub.ezijing.com/project/park/school_lg5.png' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/project/park-plus/school_lg6.png' } { web_img_uri: 'https://webapp-pub.ezijing.com/project/park/school_lg6.png' }
], ],
swiperOption: { // swiperOptionM: {
observer: true, // autoplay: {
observeParents: true, // delay: 1000
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 10,
on: {
init() {
_this.swiper.slideNext()
}
}
},
teacherSwiperOption: {
observer: true,
observeParents: true,
slidesPerView: 'auto',
spaceBetween: 28,
autoplay: { disableOnInteraction: false, pauseOnMouseEnter: true },
loop: true
},
teacherList: [
// {
// img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher1.png',
// tit: '肇越',
// desc: ['香港致富证券首席经济学家', '清华五道口金融学院经济学硕士']
// }, // },
// { // speed: 1000,
// img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher2.png', // loop: true,
// tit: '张恩忠', // slidesPerView: 4,
// desc: ['中国人民大学市场营销系副教授', '美国普渡大学博士'] // centeredSlides: true,
// rewind: true,
// disableOnInteraction: false,
// on: {
// slideChangeTransitionEnd: function () {
// this.autoplay.start() //就加这个玩意儿
// }
// }
// },
// swiperOptionT: {
// autoplay: {
// delay: 1000
// },
// speed: 1000,
// loop: true,
// slidesPerView: 4,
// centeredSlides: true,
// rewind: true,
// disableOnInteraction: false,
// on: {
// slideChangeTransitionEnd: function () {
// this.autoplay.start() //就加这个玩意儿
// }
// }
// }, // },
// { // swiperOption: {
// img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher3.png', // observer: true,
// tit: '章铮', // observeParents: true,
// desc: ['北京大学应用经济学系副教授', '北京大学经济学博士'] // speed: 400,
// autoplay: true,
// delay: 3000,
// loop: true,
// slidesPerView: 'auto',
// centeredSlides: true,
// spaceBetween: 10,
// on: {
// init() {
// _this.swiper.slideNext()
// }
// }
// }, // },
teacherList: [
{
img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher1.png',
tit: '肇越',
desc: ['香港致富证券首席经济学家', '清华五道口金融学院经济学硕士']
},
{
img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher2.png',
tit: '张恩忠',
desc: ['中国人民大学市场营销系副教授', '美国普渡大学博士']
},
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher4.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher3.png',
tit: '章铮',
desc: ['北京大学应用经济学系副教授', '北京大学经济学博士']
},
{
img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher4.png',
tit: 'Yang Sun', tit: 'Yang Sun',
desc: ['管理学院院长', '亚利桑那州立大学博士'] desc: ['管理学院院长', '亚利桑那州立大学博士']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher5.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher5.png',
tit: 'Jolene A. Lampton', tit: 'Jolene A. Lampton',
desc: ['教授', '圣路易斯大学博士'] desc: ['教授', '圣路易斯大学博士']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher6.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher6.png',
tit: 'Hank Charles Roehrich', tit: 'Hank Charles Roehrich',
desc: ['教授', '北达科他大学博士'] desc: ['教授', '北达科他大学博士']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher7.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher7.png',
tit: 'Clarine Jacobs', tit: 'Clarine Jacobs',
desc: ['教授', '北方中央大学博士'] desc: ['教授', '北方中央大学博士']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher8.jpg', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher8.png',
tit: 'Adrian James', tit: 'Adrian James',
desc: ['助理教授', '得克萨斯农工大学博士'] desc: ['助理教授', '得克萨斯农工大学博士']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-teacher9.jpg', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-teacher9.png',
tit: 'Lacey Finley', tit: 'Lacey Finley',
desc: ['助理教授', '堪萨斯州立大学博士'] desc: ['助理教授', '堪萨斯州立大学博士']
} }
], ],
alumnusList: [ alumnusList: [
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-academic1.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-academic1.png',
tit: '蒋廷黻', tit: '蒋廷黻',
desc: ['中国史学家、外交家', '南开历史系的创建者'] desc: ['中国史学家、外交家', '南开历史系的创建者']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-academic2.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-academic2.png',
tit: 'Michael Collins', tit: 'Michael Collins',
desc: ['格雷森资本创始人兼首席执行官'] desc: ['格雷森资本创始人兼首席执行官']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-academic3.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-academic3.png',
tit: 'Emmitt K. Hayes', tit: 'Emmitt K. Hayes',
desc: ['海斯房地产公司首席执行官'] desc: ['海斯房地产公司首席执行官']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-academic4.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-academic4.png',
tit: 'April Tessmer', tit: 'April Tessmer',
desc: ['泰斯默企业创始人'] desc: ['泰斯默企业创始人']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-academic5.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-academic5.png',
tit: 'Joseph McKibben', tit: 'Joseph McKibben',
desc: ['世界著名科学家，曼哈顿计划参与者'] desc: ['世界著名科学家，曼哈顿计划参与者']
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project/park-plus/school-intro-academic6.png', img: 'https://webapp-pub.ezijing.com/project/park/school-intro-academic6.png',
tit: 'Behzod Abduraimov', tit: 'Behzod Abduraimov',
desc: ['世界著名钢琴演奏家'] desc: ['世界著名钢琴演奏家']
} }
] ],
swiperShow: false
} }
}, },
computed: { computed: {
...@@ -219,11 +288,64 @@ export default { ...@@ -219,11 +288,64 @@ export default {
swiper1() { swiper1() {
return this.$refs.mySwiper1.swiper return this.$refs.mySwiper1.swiper
}, },
isMobile() { isMobile() {
return this.$store.state.isMobile return this.$store.state.isMobile
},
swiperOptionM() {
return {
autoplay: {
delay: 1000
},
speed: 1000,
loop: true,
slidesPerView: 4,
// centeredSlides: true,
// rewind: true,
disableOnInteraction: false,
on: {
slideChangeTransitionEnd: function () {
this.autoplay.start() //就加这个玩意儿
}
}
}
},
swiperOptionT() {
return {
autoplay: {
delay: 1000
},
speed: 1000,
loop: true,
slidesPerView: 4,
// centeredSlides: true,
// rewind: true,
disableOnInteraction: false,
on: {
slideChangeTransitionEnd: function () {
this.autoplay.start() //就加这个玩意儿
}
}
} }
}, },
swiperOption() {
return {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 10
}
}
},
mounted() {
this.swiperShow = true
// setTimeout(() => {
// }, 1000)
},
methods: { methods: {
swiperStop() { swiperStop() {
this.swiper.autoplay.stop() this.swiper.autoplay.stop()
...@@ -247,19 +369,15 @@ export default { ...@@ -247,19 +369,15 @@ export default {
position: relative; position: relative;
.img_banner { .img_banner {
width: 100%; width: 100%;
height: 100%; height: 450px;
min-height: 420px;
object-fit: cover;
} }
.banner_con { .banner_con {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 10%;
right: 10%; right: 10%;
transform: translate(-50%, -50%); transform: translateY(-50%);
width: 1060px;
.con_tit { .con_tit {
margin-bottom: 40px;
font-size: 36px; font-size: 36px;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
...@@ -271,14 +389,27 @@ export default { ...@@ -271,14 +389,27 @@ export default {
font-weight: 400; font-weight: 400;
line-height: 32px; line-height: 32px;
color: #ffffff; color: #ffffff;
margin-top: 30px;
} }
} }
} }
.section { .section {
max-width: 1200px; max-width: 1212px;
margin: 80px auto 0; margin: 83px auto;
.swiper-content1 {
width: 1200px;
margin-left: 60px;
.swiper-slide {
width: 360px;
height: 574px;
video {
height: 100%;
line-height: 100%;
}
}
}
.section_title { .section_title {
position: relative; position: relative;
margin-top: 20px; margin-top: 20px;
...@@ -293,29 +424,32 @@ export default { ...@@ -293,29 +424,32 @@ export default {
.section_teacher { .section_teacher {
width: 1200px; width: 1200px;
display: flex; display: flex;
justify-content: space-between;
margin-top: 36px;
.teacher_item { .teacher_item {
width: 280px; width: 260px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.item_img { .item_img {
width: 280px; width: 260px;
height: 340px; height: 310px;
object-fit: cover; object-fit: cover;
} }
.item_bottom { .item_bottom {
padding: 24px 10px 0 10px; padding: 24px 10px 0 10px;
.img_tit { .img_tit {
font-size: 16px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #424242; color: #424242;
} }
.item_desc { .item_desc {
margin-top: 20px; margin-top: 20px;
li { li {
white-space: nowrap; white-space: nowrap;
font-size: 14px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height: 1.5; line-height: 1.5;
...@@ -323,15 +457,68 @@ export default { ...@@ -323,15 +457,68 @@ export default {
} }
} }
} }
.teacher_item1 {
width: 260px;
display: flex;
flex-direction: column;
align-items: center;
.item_img {
width: 260px;
height: 310px;
object-fit: cover;
}
.item_bottom {
width: 260px;
height: 100px;
background: #ffffff;
text-align: center;
padding: 20px 0;
.img_tit {
font-size: 18px;
font-weight: 500;
color: #333333;
}
.item_desc {
li {
white-space: nowrap;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
}
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
display: flex;
justify-content: flex-start;
margin-top: 64px;
.line {
width: 6px;
height: 34px;
background: #aa1941;
margin-right: 9px;
margin-top: 6px;
}
.tit_desc {
color: #333333;
font-size: 34px;
font-weight: bold;
} }
} }
.swiper-content { .swiper-content {
padding-bottom: 80px; padding-top: 37px;
padding-bottom: 132px;
.swiper-slide { .swiper-slide {
position: relative; position: relative;
width: 388px; width: 388px;
height: 244px; height: 244px;
margin-top: 10px;
img { img {
width: 100%; width: 100%;
...@@ -339,6 +526,11 @@ export default { ...@@ -339,6 +526,11 @@ export default {
line-height: 100%; line-height: 100%;
} }
} }
.swiper-slide-active {
width: 423px;
height: 266px;
margin-top: 0;
}
} }
} }
.is-h5 { .is-h5 {
...@@ -346,78 +538,141 @@ export default { ...@@ -346,78 +538,141 @@ export default {
position: relative; position: relative;
.img_banner { .img_banner {
width: 100%; width: 100%;
height: 1.55rem; height: 100%;
object-fit: cover;
} }
.banner_con { .banner_con {
padding: 0.23rem 0.15rem; padding: 0.23rem 0.3rem;
.con_tit { .con_tit {
font-size: 0.16rem; font-size: 0.14rem;
color: #424242;
font-weight: bold; font-weight: bold;
line-height: 1;
color: #333;
padding-left: 0.1rem;
margin-top: 0.2rem;
border-left: 0.04rem solid #aa1941;
} }
.con_desc { .con_desc {
margin-top: 0.2rem;
font-size: 0.12rem; font-size: 0.12rem;
color: #666; font-weight: 300;
line-height: 0.18rem; color: #424242;
margin-top: 0.16rem;
line-height: 2;
} }
} }
} }
.section { .section {
margin: 0 0.15rem; .swiper-content1 {
overflow-x: auto;
.swiper-slide {
width: 3.3rem;
height: 4.58rem;
video {
height: 100%;
line-height: 100%;
}
}
}
.section_title { .section_title {
font-size: 0.16rem; font-size: 0.14rem;
font-weight: bold; font-weight: bold;
line-height: 1; color: #424242;
color: #333; padding-left: 0.16rem;
padding-left: 0.1rem; margin-top: 0.23rem;
margin: 0.3rem 0 0.2rem;
border-left: 0.04rem solid #aa1941;
} }
.section_teacher { .section_teacher {
display: flex; display: flex;
justify-content: space-between;
margin-top: 0.18rem;
overflow-x: auto; overflow-x: auto;
padding-left: 0.15rem;
.teacher_item { .teacher_item {
width: 1.4rem; padding: 0.15rem 0.18rem 0 0.2rem;
width: 1.9rem;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
margin-right: 0.15rem;
.item_img { .item_img {
width: 1.4rem; width: 1.7rem;
height: 1.7rem; height: 1.8rem;
object-fit: cover; object-fit: cover;
} }
.item_bottom { .item_bottom {
padding: 0.1rem; padding: 0.12rem 0.18rem 0.1rem 0.3rem;
text-align: left;
.img_tit { .img_tit {
font-size: 0.11rem; font-size: 0.09rem;
font-weight: 500; font-weight: 500;
color: #424242; color: #424242;
} }
.item_desc { .item_desc {
margin-top: 0.08rem; margin-top: 0.1rem;
li {
// margin-left: 0.1rem;
white-space: nowrap;
font-size: 0.08rem;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
.teacher_item1 {
width: 1.85rem;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 0.15rem;
.item_img {
width: 1.85rem;
height: 1.8rem;
object-fit: cover;
}
.item_bottom {
width: 1.85rem;
height: 0.7rem;
background: #ffffff;
text-align: center;
padding: 0.1rem 0;
.img_tit {
font-size: 0.09rem;
font-weight: 500;
color: #333333;
}
.item_desc {
li { li {
white-space: nowrap;
font-size: 0.08rem; font-size: 0.08rem;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height: 0.14rrem; line-height: 1.5;
} }
} }
} }
} }
} }
} }
.content_tit {
padding-left: 0.16rem;
margin-top: 0.23rem;
.tit_desc {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
}
}
.swiper-content { .swiper-content {
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
.swiper-slide { .swiper-slide {
position: relative; position: relative;
width: 2.02rem; width: 2.02rem;
height: 1.22rem; height: 1.22rem;
margin-top: 0.28rem;
img { img {
width: 100%; width: 100%;
...@@ -425,6 +680,11 @@ export default { ...@@ -425,6 +680,11 @@ export default {
line-height: 100%; line-height: 100%;
} }
} }
.swiper-slide-active {
width: 2.12rem;
height: 1.33rem;
margin-top: 0.23rem;
}
} }
} }
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论