Skip to content

P
project-www-pc
提交 d9a8fc22 authored 作者: pengxiaohui's avatar pengxiaohui
浏览文件
操作

专业共建页v2版本

上级 73f3c22b
隐藏空白字符变更
内嵌 并排
正在显示 包含 1737 行增加 和 855 行删除
components/services/tab.vue
浏览文件 @ d9a8fc22
......@@ -4,7 +4,7 @@
v-for="(item, index) in data"
:class="indexActive === index && 'active'"
:key="index"
@click="tabChanges(index)"
@click="tabChanges(item, index)"
v-html="item.name"
></li>
</ul>
......@@ -14,6 +14,10 @@ export default {
props: {
data: {
type: Array
},
defaultActive: {
type: Number,
default: 0
}
},
data() {
......@@ -21,9 +25,14 @@ export default {
indexActive: 0
}
},
mounted() {},
created() {
this.indexActive = this.defaultActive
},
methods: {
tabChanges(index) {
tabChanges(item, index) {
if (item.disabled) {
return
}
this.indexActive = index
this.$emit('tabChangeIndex', index)
}
......
pages/services/major.vue
浏览文件 @ d9a8fc22
<template>
<div class="major-content">
<div class="mian-title">{{ $t('home.service.program') }}</div>
<div class="occupation-content">
<div class="mian-title">{{ $t('home.college.program') }}</div>
<div class="mian">
<tab :data="tabList" @tabChangeIndex="tabChangeIndex" />
<div class="major-content-mian">
<!-- 专业顶层设计 -->
<template v-if="showModule === 0">
<tab :data="tabList" :defaultActive="1" @tabChangeIndex="tabChangeIndex" />
<div class="occupation-content-mian">
<template v-if="showModule === 1">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m1-banner-new.png" alt="" class="banner" />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_01.png'
"
class="banner"
/>
<div class="content-mian">
<div class="dec-txt">
{{
$cookies.get('lang') == 'en-US'
? 'Zijing Education has abundant technology and industrial resources to assist institutions in responding to industrial transformation, policy requirements and new challenges. It would be supportive for the development of disciplines and majors in terms of industrialization, internationalization, and digitization. Moreover, Zijing Education is dedicating to optimizing education plan, expertise of faculty to jointly develop the globally focused curriculums for teaching and most distinctive design of programs.'
: '依托紫荆教育技术与产业资源优势，协助院校应对行业变革、政策要求和办学新挑战，为院校提供产业化、国际化、数字化专业提升建设支持，优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升专业建设水平，助力院校打造专业特色和优势。'
}}
</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img1.png'
: 'https://webapp-pub.ezijing.com/www/pc/m1-i1-new.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_02.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_03.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_04.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page1_05.png'
"
alt=""
/>
<!-- <ul>
<li
v-for="(item, index) in module1.list"
:key="index"
:style="m1SetStyle(item.image)"
>
<div class="title">{{ item.title }}</div>
<div class="p" v-for="(text, tIndex) in item.texts" :key="'text' + tIndex">{{ text }}</div>
<div class="pop-con">
<div class="tit">{{ item.active.title }}</div>
<div class="text">{{ item.active.text }}</div>
</div>
</li>
</ul> -->
</div>
</div>
</template>
<!-- 实训基地建设 -->
<template v-if="showModule === 3">
<div class="module-2 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m2-banner.jpg" alt="" class="banner" />
<template v-if="showModule === 2">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_01.png'
"
class="banner"
/>
<div class="content-mian">
<div class="module-title">{{isEn ? '培养目标' : '培养目标'}}</div>
<div class="cart-txt">
<div>
<h5>{{isEn ? '初级' : '初级'}}</h5>
<p class="bold">{{isEn ? '工具操作+业务执行' : '工具操作+业务执行'}}</p>
<p>{{isEn ? '客户管理能力' : '客户管理能力'}}</p>
<p>{{isEn ? '产品理解能力' : '产品理解能力'}}</p>
<p>{{isEn ? '营销专业知识能力' : '营销专业知识能力'}}</p>
<p>{{isEn ? '网络与新媒体传播能力' : '网络与新媒体传播能力'}}</p>
</div>
<div>
<h5>{{isEn ? '中级' : '中级'}}</h5>
<p class="bold">{{isEn ? '知识运用+任务统筹' : '知识运用+任务统筹'}}</p>
<p>{{isEn ? '方案策划能力' : '方案策划能力'}}</p>
<p>{{isEn ? '数字媒体操作能力' : '数字媒体操作能力'}}</p>
<p>{{isEn ? '投放管理能力' : '投放管理能力'}}</p>
<p>{{isEn ? '数据分析能力' : '数据分析能力 '}}</p>
</div>
<div>
<h5>{{isEn ? '高级' : '高级'}}</h5>
<p class="bold">{{isEn ? '策略制定+创新升级' : '策略制定+创新升级'}}</p>
<p>{{isEn ? '行业洞察能力' : '行业洞察能力'}}</p>
<p>{{isEn ? '跨行业整合能力' : '跨行业整合能力'}}</p>
<p>{{isEn ? '策略制定能力' : '策略制定能力'}}</p>
<p>{{isEn ? '创意思维能力' : '创意思维能力'}}</p>
</div>
</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img6.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/8f73e25f5db8f97a992555c5a45b9dfe.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_02.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img7.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/c3da614c7163af739b09e1029e2c6e77.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_03.png'
"
alt=""
class="img2"
/>
<ul>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page2_04.png'
"
/>
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<div class="module-sub-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<ul class="cart-img">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_01.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '新型互联网行业' : '新型互联网行业'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_02.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '汽车行业' : '汽车行业'
}}
</div>
</div>
</li>
<li>
<div class="block">01</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'The teaching practice and practice base that the course teaching needs'
: '课程教学需要的教学实训实习基地'
}}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_03.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '房地产行业' : '房地产行业'
}}
</div>
</div>
</li>
<li>
<div class="block">02</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Professional teaching needs of production training practice base'
: '专业教学需要的生产实训实习基地'
}}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_04.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '教育行业' : '教育行业'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_05.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '美妆行业' : '美妆行业'
}}
</div>
</div>
</li>
<li>
<div class="block">03</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Induction of labor into the school training practice base'
: '引产入校实训实习基地'
}}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_06.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '金融行业' : '金融行业'
}}
</div>
</div>
</li>
<li>
<div class="block">04</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Other short - term, scattered practical training and internship units (or points)'
: '其他短期、分散的实训实习单位（点）'
}}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_07.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '新媒体行业' : '新媒体行业'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_08.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '咨询服务行业' : '咨询服务行业'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page2_card_09.png" alt="" />
</li>
</ul>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img8.png'
: 'https://webapp-pub.ezijing.com/www/pc/m2-i3-new1.png'
"
alt=""
class="img3"
/>
<div class="module-sub-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<div class="cart-txt">
<div>
<h5>{{isEn ? '品牌及数字化营销' : '品牌及数字化营销'}}</h5>
<p>{{isEn ? '品牌管理经理' : '品牌管理经理'}}</p>
<p>{{isEn ? '品牌公关经理' : '品牌公关经理'}}</p>
<p>{{isEn ? '品牌投放经理' : '产品理解能力'}}</p>
<p>{{isEn ? '品牌传播策略经理' : '品牌传播策略经理'}}</p>
<p>{{isEn ? '数字营销平台项目经理' : '数字营销平台项目经理'}}</p>
<p>{{isEn ? '营销策划师' : '营销策划师'}}</p>
</div>
<div>
<h5>{{isEn ? '市场客户关系管理' : '市场客户关系管理'}}</h5>
<p>{{isEn ? '市场营销经理' : '市场营销经理'}}</p>
<p>{{isEn ? '新媒体营销经理' : '新媒体营销经理'}}</p>
<p>{{isEn ? '客户数据库管理员' : '客户数据库管理员'}}</p>
<p>{{isEn ? '客户体验设计师' : '客户体验设计师'}}</p>
<p>{{isEn ? '客户经理' : '客户经理 '}}</p>
</div>
<div>
<h5>{{isEn ? '视觉表现与制作' : '视觉表现与制作'}}</h5>
<p>{{isEn ? '摄影、摄像师' : '摄影、摄像师'}}</p>
<p>{{isEn ? '后期编辑工程师' : '后期编辑工程师'}}</p>
<p>{{isEn ? '交互设计与制作' : '交互设计与制作'}}</p>
<p>{{isEn ? '新媒体运营制作' : '新媒体运营制作'}}</p>
<p>{{isEn ? '短视频编导制作' : '短视频编导制作'}}</p>
<p>{{isEn ? '直播电商运营' : '直播电商运营'}}</p>
</div>
</div>
</div>
</div>
</template>
<!-- 实训平台建设 -->
<template v-if="showModule === 4">
<div class="module-3 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m3-i1-new.png" alt="" class="banner" />
<template v-if="showModule === 3">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_0.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_0.png'
"
class="banner"
/>
<div class="content-mian">
<div class="module-title">{{isEn ? '培养目标' : '培养目标'}}</div>
<div style="color:#A81840;font-size:20px;margin-top:15px;">企业信息决策</div>
<div class="cart-txt">
<div>
<h5>{{isEn ? '理解企业数据' : '理解企业数据'}}</h5>
<p class="bold">{{isEn ? '基础知识培养' : '基础知识培养'}}</p>
<p>{{isEn ? '商业经济与运行管理知识' : '商业经济与运行管理知识'}}</p>
<p>{{isEn ? '数理统计等数学思维' : '数理统计等数学思维'}}</p>
</div>
<div>
<h5>{{isEn ? '发现业务问题' : '发现业务问题'}}</h5>
<p class="bold">{{isEn ? '大数据分析平台工具使用' : '大数据分析平台工具使用'}}</p>
</div>
<div>
<h5>{{isEn ? '开发预测模型' : '开发预测模型'}}</h5>
<p class="bold">{{isEn ? '核心技术方法培养' : '核心技术方法培养'}}</p>
<p>{{isEn ? '数据收集' : '数据收集'}}</p>
<p>{{isEn ? '数据处理' : '数据处理'}}</p>
<p>{{isEn ? '数据可视化' : '数据可视化'}}</p>
<p>{{isEn ? '预测建模' : '预测建模'}}</p>
</div>
</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img9.png'
: 'https://webapp-pub.ezijing.com/www/pc/1.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_01.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img10.png'
: 'https://webapp-pub.ezijing.com/www/pc/2.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_02.png'
"
alt=""
class="img2"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img11.png'
: 'https://webapp-pub.ezijing.com/www/pc/3-new.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_03.png'
"
alt=""
class="img3"
/>
</div>
</div>
</template>
<!-- 课程资源建设 -->
<template v-if="showModule === 2">
<div class="module-4 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m4-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<div class="txt1">
{{
$cookies.get('lang') == 'en-US'
? 'With the support of famous teachers and industry experts in the north of the Qing Dynasty, and combined with the needs of enterprises in the professional direction and the curriculum reform plan, Bauhinia Education has formed a set of comprehensive reform project curriculum resources that connect the professional chain with the industrial chain, the curriculum content with the professional standard, and the teaching with the production process.'
: '紫荆教育以清北名师，业界专家为依托，结合专业方向的行业企业需求和课程改革方案，形成一整套专业链与产业链、课程内容与职业标准、教学与生产过程对接的综合改革项目课程教学资源。'
}}
</div>
<div class="txt-con-box">
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Course recording team and facilities' : '课程录制团队及设施' }}
</div>
<div class="dec">
<div class="p">
{{
$cookies.get('lang') == 'en-US'
? 'Existing full-time and part-time design development, curriculum editing 50 professional personnel,production team more engaged in the Internet education media industry transformation, have professional studio (studio, recorded room, online interactive multimedia room) and professional photographic equipment, can meet various industries both at home and abroad, the agencies course customization and development of a strong guarantee.'
: '现有专职、兼职设计开发、课程编辑等专业人员50名，制作团队多从事于传媒行业转型互联网教育，拥有专业摄影棚（直播室、录播室、线上线下现场多媒体互动室）及专业摄影设备，可成为满足国内外各行业、各机构课程定制与开发的强有力保障。'
}}
</div>
<div class="p">
{{
$cookies.get('lang') == 'en-US'
? 'At present, there are more than 300 courses on the platform, more than 3,000 micro class hours online courses, and more than 30,000 registered students.'
: '目前紫荆平台上已有超过300门课程，超过3000微课时的在线课程，注册学习人数超过3万名。'
}}
</div>
</div>
</div>
<ul>
<div class="module-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<div class="module-sub-title">{{isEn ? '就业岗位' : '就业岗位'}}</div>
<ul class="cart-img col-4" style="margin-bottom:48px;">
<li>
<div class="pop-box">
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Online Course Development' : '线上课程研发' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course Content Setting' : '课程内容设置' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Matching of Course Teachers' : '课程师资匹配' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Curriculum Production Scheme' : '课程制作方案' }}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_01.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '新型互联网行业' : '新型互联网行业'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/4.png" alt="" />
</li>
<li>
<div class="pop-box">
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Course to make' : '课程制作' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course record' : '课程录制' }}&nbsp;&nbsp;&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Course clips' : '课程剪辑'
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_02.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '能源行业' : '能源行业'
}}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course editor' : '课程编辑' }}&nbsp;&nbsp;&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Course into' : '课程成片'
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_03.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '制造行业' : '制造行业'
}}
</div>
<div class="tips">
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_04.png" alt="" />
<div class="txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? '(Course recording, to meet various needs, different forms have exclusive The site)'
: '（课程录制，满足各种需求，不同形式拥有专属的场地）'
isEn ? '医疗行业' : '医疗行业'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/5.png" alt="" />
</li>
<li>
<div class="pop-box">
<div class="tit p-t">
{{ $cookies.get('lang') == 'en-US' ? 'Offline Curriculum Development' : '线下课程开发' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'The teaching design' : '教学设计' }}&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Educational plan' : '教务计划'
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_05.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '快消零售行业' : '快消零售行业'
}}
</div>
<div class="ps">
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_06.png" alt="" />
<div class="txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US' ? 'Implement the implementation plan' : '实施执行方案'
}}&nbsp;&nbsp;&nbsp;&nbsp;
isEn ? '咨询服务行业' : '咨询服务行业'
}}
</div>
<div class="tips">
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_07.png" alt="" />
<div class="txt">
<div class="name">
{{
$cookies.get('lang') == 'en-US'
? '(Three major teaching bases in China, more than 10 classrooms with different needs And conference room)'
: '（全国三大教学基地，10多间不同需求的教室与会议室）'
isEn ? '金融行业' : '金融行业'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/6.png" alt="" />
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page3_card_08.png" alt="" />
</li>
</ul>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img5.png'
: 'https://webapp-pub.ezijing.com/www/pc/7.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page3_04.png'
"
/>
</div>
</div>
</template>
<template v-if="showModule === 4">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_01.png'
"
class="banner"
/>
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_02.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page4_03.png'
"
alt=""
class="con-img"
/>
</div>
</div>
</template>
<!-- 引产入校 -->
<template v-if="showModule === 5">
<div class="module-5 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m5-banner-new.png" alt="" class="banner" />
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_01.png'
"
class="banner"
/>
<div class="content-mian">
<div class="con-txt">
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Background conce' : '背景理念' }}</div>
<div class="dec">
{{
$cookies.get('lang') == 'en-US'
? 'We will comprehensively promote the modern apprenticeship system, deepen the education mechanism of “integration of production and education” and combination of work and study, pursue deep integration and collaborative innovation, give full play to the role of enterprises and schools in the integration of production and education, integrate resources, and jointly cultivate high-quality and high-skilled talents.'
: '全面推进现代学徒制工作，深化“产教融合”、工学结合的育人机制，追求深度融合，协同创新，充分发挥企业和学校在产学融合中的作用，整合资源、共同培养高素质、高技能人才。'
}}
</div>
</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img12.png'
: 'https://webapp-pub.ezijing.com/www/pc/8-new.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_02.png'
"
alt=""
class="img1"
/>
<div class="pro-tit">{{ $cookies.get('lang') == 'en-US' ? 'Project objectives' : '项目目标' }}</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img13.png'
: 'https://webapp-pub.ezijing.com/www/pc/9-new.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page5_03.png'
"
alt=""
class="img1"
/>
<div class="cart-txt">
<div>
<h5>{{isEn ? '高级岗位' : '高级岗位'}}</h5>
<p>{{isEn ? '数字运营总监' : '数字运营总监'}}</p>
<p>{{isEn ? '数字运营数据专家' : '数字运营数据专家'}}</p>
<p>{{isEn ? '数字运营营销总监' : '数字运营营销总监'}}</p>
<p>{{isEn ? '数字运营项目总监' : '数字运营项目总监'}}</p>
</div>
<div>
<h5>{{isEn ? '中级岗位' : '中级岗位'}}</h5>
<p>{{isEn ? '数字运营经理' : '数字运营经理'}}</p>
<p>{{isEn ? '数字运营数据经理' : '数字运营数据经理'}}</p>
<p>{{isEn ? '数字运营营销经理' : '数字运营营销经理'}}</p>
<p>{{isEn ? '数字运营项目经理' : '数字运营项目经理'}}</p>
</div>
<div>
<h5>{{isEn ? '初级岗位' : '初级岗位'}}</h5>
<p>{{isEn ? '数字商家运营专员' : '数字商家运营专员'}}</p>
<p>{{isEn ? '数字用户运营专员' : '数字用户运营专员'}}</p>
<p>{{isEn ? '商务数据分析专员' : '商务数据分析专员'}}</p>
<p>{{isEn ? '数字营销专员' : '数字营销专员'}}</p>
<p>{{isEn ? '数字项目专员' : '数字项目专员'}}</p>
</div>
</div>
</div>
</div>
</template>
<template v-if="showModule === 6">
<div class="module-6 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_01.png'
"
class="banner"
/>
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img14.png'
: 'https://webapp-pub.ezijing.com/www/pc/10.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_02.png'
"
alt=""
class="img1"
/>
<ul>
<div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div>
<ul class="cart-img cart-img1">
<li>
<div class="num">01</div>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_01.png" alt="" />
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Unity of study and work' : '学习与工作统一' }}
<div class="name">
{{
isEn ? '人工智能方向' : '人工智能方向'
}}
</div>
</div>
</li>
<li>
<div class="num">02</div>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_02.png" alt="" />
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Students and staff are unified' : '学生与员工统一' }}
<div class="name">
{{
isEn ? '数据技术方向' : '数据技术方向'
}}
</div>
</div>
</li>
<li>
<div class="num">03</div>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_03.png" alt="" />
<div class="txt">
{{
$cookies.get('lang') == 'en-US' ? 'The classrooms are unified with the factory' : '教室与工厂统一'
}}
<div class="name">
{{
isEn ? '云计算方向' : '云计算方向'
}}
</div>
</div>
</li>
<li>
<div class="num">04</div>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page6_cart_04.png" alt="" />
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Operation and product unity' : '作业与产品统一' }}
<div class="name">
{{
isEn ? '网络安全方向' : '网络安全方向'
}}
</div>
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/m5-con-new.png" alt="" class="img1" />
<div class="pro-tit">
{{ $cookies.get('lang') == 'en-US' ? 'The implementation process' : '实施流程' }}
</div>
<div class="ul">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-1.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Recruitment period' : '招募期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Preaching registration selection' : '宣讲报名选拔' }}
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc2.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-2.png" alt="" class="icon-active" />
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'During training' : '培训期' }}
</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Professional quality' : '职业素养' }}<br />
{{ $cookies.get('lang') == 'en-US' ? 'Major Core Courses' : '专业核心课程' }}
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_03.png'
"
style="margin-top:48px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_04.png'
"
/>
<div class="cart-txt">
<div>
<h5>{{isEn ? '高级岗位' : '高级岗位'}}</h5>
<p>{{isEn ? '智能应用开发工程师' : '智能应用开发工程师'}}</p>
<p>{{isEn ? '高级NLP算法工程师' : '高级NLP算法工程师'}}</p>
<p>{{isEn ? '人工智能产品总监' : '人工智能产品总监'}}</p>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc3.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-3.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Effective date' : '实施期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Project Implementation ' : '项目实施过程' }}<br />{{
$cookies.get('lang') == 'en-US' ? 'Process control' : '控制'
}}
</div>
<div>
<h5>{{isEn ? '中级岗位' : '中级岗位'}}</h5>
<p>{{isEn ? '人工智能训练师' : '人工智能训练师'}}</p>
<p>{{isEn ? '算法工程师' : '算法工程师'}}</p>
<p>{{isEn ? '人工智能产品经理' : '人工智能产品经理'}}</p>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc4.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-4.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'The inspection period' : '考核期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Project quality assessment' : '项目质量考核' }}<br />{{
$cookies.get('lang') == 'en-US' ? 'Student ability assessment' : '学生能力考核'
}}
</div>
<div>
<h5>{{isEn ? '初级岗位' : '初级岗位'}}</h5>
<p>{{isEn ? '数据标注专员' : '数据标注专员'}}</p>
<p>{{isEn ? '数据处理专员' : '数据处理专员'}}</p>
<p>{{isEn ? '数据分析专员' : '数据分析专员'}}</p>
<p>{{isEn ? '人工智能产品助理' : '人工智能产品助理'}}</p>
</div>
</div>
</div>
</div>
</template>
<!-- 师资培训 -->
<template v-if="showModule === 1">
<div class="module-6 module-content-box">
<!-- <div class="new-txt">聚力师资培养，提升教育“软实力”</div> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img4.png'
: 'https://webapp-pub.ezijing.com/www/pc/m6-banner.png'
"
alt=""
class="banner"
/>
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img3.png'
: 'https://webapp-pub.ezijing.com/www/pc/szpx-1.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_05.png'
"
alt=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img2.png'
: 'https://webapp-pub.ezijing.com/www/pc/szpx-2.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_06.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_06.png'
"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_07.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page6_07.png'
"
alt=""
/>
</div>
</div>
</template>
<!-- 专业+创新创业 -->
<template v-if="showModule === 6">
<template v-if="showModule === 7">
<div class="module-7 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m7-banner.jpg" alt="" class="banner" />
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_01.png'
"
class="banner"
/>
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img15.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-1.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_02.png'
"
alt=""
/>
<ul>
<div class="module-title">{{isEn ? '专业分类' : '专业分类'}}</div>
<ul class="cart-img cart-img1">
<li>
<div class="num">01</div>
<div class="p3">
{{ $cookies.get('lang') == 'en-US' ? 'Learn the basics of entre-preneurship' : '学习创业基础' }}
</div>
<div class="p3">
{{
$cookies.get('lang') == 'en-US'
? 'Stimulate entrepreneurial awareness and interest'
: '激发创业意识和兴趣'
}}
</div>
<div class="p3">
{{ $cookies.get('lang') == 'en-US' ? 'Innovation and entrepren-eurship' : '创新创业精神' }}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_01.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '工业机器人' : '工业机器人'
}}
</div>
</div>
</li>
<li>
<div class="num">02</div>
<div class="p4">
{{
$cookies.get('lang') == 'en-US'
? 'Simulation innovation and entrepreneurship training and practice'
: '模拟创新创业实训和实践'
}}
</div>
<div class="p4">
{{ $cookies.get('lang') == 'en-US' ? 'Master basic entrepreneu-rial skills' : '掌握基本创业技能' }}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_02.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '智能控制技术' : '智能控制技术'
}}
</div>
</div>
<div class="p4">
{{
$cookies.get('lang') == 'en-US'
? 'Cultivate innovative and entrepreneurial thinking'
: '培养创新创业思维'
}}
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_03.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '物联网技术' : '物联网技术'
}}
</div>
</div>
</li>
<li>
<div class="num">03</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Match analysis' : '赛事分析' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'incubation' : '项目孵化' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Roadshow tutoring' : '路演辅导' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Simulation of review' : '模拟点评' }}</div>
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_04.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '智能制造工程' : '智能制造工程'
}}
</div>
</div>
</li>
<li>
<div class="num">04</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Graduation practice' : '毕业实习' }}</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Induced labor enrolled' : '引产入校' }}</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Business operations' : '创业运营' }}</div>
<div class="p2">
{{ $cookies.get('lang') == 'en-US' ? 'Connecting Industrial Resources' : '产业资源对接' }}
<img src="https://webapp-pub.ezijing.com/www/pc/services/major/page7_cart_05.png" alt="" />
<div class="txt">
<div class="name">
{{
isEn ? '新能源汽车' : '新能源汽车'
}}
</div>
</div>
</li>
</ul>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img16.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-2.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_03.png'
"
alt=""
style="margin-top:48px;"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img17.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-3-new.png'
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/major/page7_04.png'
"
alt=""
class="img-w726"
/>
</div>
</div>
......@@ -513,112 +662,46 @@
<script>
import tab from '../../components/services/tab'
export default {
components: {
tab
},
components: { tab },
data() {
return {
module1: {
list: [
{
title: '资源整合',
texts: ['技术及产业资源', '企业人才需求', '国家教育政策支持'],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy1.jpg',
active: {
title: '资源整合',
text:
'以国家教育政策为导向，聚焦技术及产业资源和企业岗位人才需求，促进产教融合、资源共享。构建高水平技术技能人才培养体系，打造技术技能创新服务平台，充分发挥集群效应，有机整合课程资源、教师资源与实训资源，实现资源整合和共享效益最大化，形成人才培养合力。'
}
},
{
title: '方案定制',
texts: ['专业顶层设计', '人才培养方案制定', '政策项目申报建设支持'],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy2.jpg',
active: {
title: '方案定制',
text:
'紫荆教育依托专业的调研团队、大庞的专家顾问团队、深厚的专业背景和丰富的专业建设经验，根据国家政策法规变化、产业及市场需求升级和人才培养模式变革，进行专业顶层设计、人才培养方案制定与优化、政府项目申报建设支持等。'
}
},
{
title: '条件保障',
texts: ['课程资源平台', '实训室建设', '数字化实训仿真模拟'],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy3.jpg',
active: {
title: '条件保障',
text:
'按照高标准化、国际化、开放式的实训实习原则，创新实习实训的运行机制，调整、优化实习实训平台及实验室的布局和结构，提高实习实训的管理和教学水平。借助现代化的新技术、新业态和新方式新建改建现有实训条件，加大信息技术和信息网络平台载体建设与智能化建设水平，创建数字化的下带服务教学工程，为专业建设提供有力保障。'
}
},
{
title: '建设内容',
texts: [
'一流学科、一流专业建设',
'双高建设',
'师资培训',
'课程与教材研发',
'科研课题合作',
'国际合作对接落地'
],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy4.jpg',
active: {
title: '建设内容',
text:
'依托紫荆教育技术及产业整合优势，为学校优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升学科建设水平，加强学生的专业水平和就业能力，推进相关领域学科专业建设，扩大人才培养规模。'
}
},
{
title: '建设成果',
texts: [
'形成“特色专业（群）”或“品牌专业（群）”，准确定位，差异发展；',
'专业（群）在区域范围乃至全国范围具备一定的影响力和辐射度；',
'学生和用人企业无缝对接，实习就业有保障'
],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy5.jpg',
active: {
title: '建设成果',
text:
'打造战略性新兴学科专业（群），深化人才培养方案和课程体系改革，推动高校学科专业（群）结构的优化、人才培养模式的优化，在培养国家急需领域的创新应用型技术技能型人才的同时，实现产业、行业与专业的深度融合。'
}
}
]
},
module2: {
list: [
'课程教学需要的教学实训实习基地',
'专业教学需要的生产实训实习基地',
'引产入校实训实习基地',
'其他短期、分散的实训实习单位（点）'
]
},
tabList: [
{
name: this.$t('menu.cooperation.tit1')
name: this.isEn ? '新文科' : '新文科',
disabled: true
},
{
name: this.isEn ? '数字金融' : '数字金融'
},
{
name: this.$t('menu.cooperation.tit2')
name: this.isEn ? '数字营销' : '数字营销'
},
{
name: this.$t('menu.cooperation.tit3')
name: this.isEn ? '商业数据分析' : '商业数据分析'
},
{
name: this.$t('menu.cooperation.tit4')
name: this.isEn ? '数字媒体艺术' : '数字媒体艺术'
},
{
name: this.$t('menu.cooperation.tit5')
name: this.isEn ? '智能运营' : '智能运营'
},
{
name: this.$t('menu.cooperation.tit6')
name: this.isEn ? '新工科' : '新工科'
},
{
name: this.$t('menu.cooperation.tit7')
name: this.isEn ? '智能制造' : '智能制造'
}
],
showModule: 0
showModule: 1,
isEn: false
}
},
created() {
this.isEn = this.$cookies.get('lang') === 'en-US'
},
methods: {
tabChangeIndex(n) {
if (n === 0) return
this.showModule = n
}
},
......@@ -632,7 +715,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.major-content {
.occupation-content {
width: 1200px;
margin: 0 auto;
padding-bottom: 100px;
......@@ -647,7 +730,15 @@ export default {
color: #aa1941;
padding: 48px 0 31px;
}
.major-content-mian {
.module-sub-title{
font-size:20px;
line-height:20px;
color:#424242;
border-left:5px solid #aa1941;
text-indent:12px;
margin:10px 0;
}
.occupation-content-mian {
width: 1000px;
.module-content-box {
background: #fff;
......@@ -656,458 +747,123 @@ export default {
height: 320px;
display: block;
}
}
.module-1 {
.content-mian {
padding: 60px 50px 65px;
.dec-txt {
font-size: 16px;
line-height: 32px;
color: rgba(66, 66, 66, 1);
margin-bottom: 37px;
}
.content-mian{
padding: 60px 50px 15px;
img {
width: 100%;
display: block;
margin-bottom:48px;
}
ul {
display: flex;
flex-wrap: wrap;
li {
position: relative;
cursor: pointer;
width: 440px;
height: 498px;
margin-right: 15px;
margin-bottom: 15px;
&:nth-child(even) {
margin-right: 0;
}
&:hover {
.pop-con {
opacity: 1;
}
}
.title {
padding: 55px 0 23px 56px;
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
.p {
padding: 0 56px 23px 56px;
font-size: 18px;
line-height: 100%;
color: #ffffff;
}
.pop-con {
transition: all 0.7s;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(170, 25, 65, 1);
.tit {
padding: 55px 0 28px 56px;
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
.text {
width: 325px;
font-size: 18px;
line-height: 32px;
color: #ffffff;
margin: 0 auto;
}
}
}
}
}
}
.module-2 {
.content-mian {
padding: 60px 50px 65px;
.img1 {
width: 100%;
margin: 0 auto;
display: block;
}
.img2 {
width: 100%;
margin: 50px auto;
display: block;
}
.img3 {
width: 100%;
margin: 50px auto;
display: block;
.module-title{
font-size:22px;
font-weight: 500;
line-height:34px;
color:#424242;
}
ul {
display: flex;
flex-wrap: wrap;
li {
cursor: pointer;
padding: 20px;
box-sizing: border-box;
width: 434px;
height: 110px;
background: #fbfbfb;
display: flex;
align-items: center;
transition: all 0.5s;
margin-right: 20px;
margin-bottom: 20px;
&:nth-child(even) {
margin-right: 0;
}
&:hover {
background: #ffffff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.block {
width: 70px;
height: 70px;
background: #aa1941;
text-align: center;
line-height: 70px;
font-size: 34px;
color: #fff;
}
.text {
width: 300px;
font-size: 18px;
// line-height: 32px;
color: #424242;
margin-left: 15px;
font-weight: 300;
.cart-txt{
display:flex;
justify-content: space-between;
margin:36px 0 40px;
div{
width:31%;
border-top:8px solid #F9F8F8;
background:#F9F8F8;
text-align:center;
min-height:220px;
box-sizing:border-box;
cursor:pointer;
padding-bottom:20px;
h5{
line-height:60px;
font-size:18px;
color:#aa1941;
}
p{
line-height:34px;
color:#424242;
}
p.bold{
font-weight:bold;
}
}
}
}
}
.module-3 {
.content-mian {
padding: 60px 50px 65px;
.img1 {
width: 100%;
display: block;
margin: 0 auto;
}
.img2 {
width: 832px;
display: block;
margin: 15px 0 50px;
}
.img3 {
width: 491px;
display: block;
}
}
}
.module-4 {
.content-mian {
padding: 60px 50px 65px;
.txt1 {
font-size: 16px;
line-height: 32px;
color: #424242;
}
.txt-con-box {
margin-top: 40px;
.tit {
font-size: 22px;
font-weight: 500;
line-height: 24px;
color: #424242;
}
.dec {
margin-top: 10px;
.p {
font-size: 16px;
line-height: 32px;
color: #424242;
}
div:hover{
border-color:#aa1941;
background:#fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
}
.con-img {
width: 100%;
margin-top: 50px;
display: block;
}
ul {
.cart-img {
display: flex;
justify-content: space-between;
margin-top: 50px;
flex-wrap: wrap;
li {
width: 288px;
height: 184px;
margin-right: 5px;
margin-bottom: 5px;
width: 295px;
height: 170px;
position: relative;
overflow: hidden;
&:hover {
.pop-box {
opacity: 1;
img {
transform: scale(1.1);
}
}
img {
transition: all 0.3s;
width: 100%;
height: 100%;
display: block;
}
.pop-box {
opacity: 0;
transition: all 0.3s;
background: rgba(170, 25, 65, 0.8);
.txt {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.tit {
font-size: 20px;
// line-height: 32px;
color: #ffffff;
padding-top: 30px;
text-align: center;
&.p-t {
padding-top: 10px;
}
}
.ps {
background: rgba(0, 0, 0, 0.3);
.name {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #ffffff;
text-align: center;
}
.tips {
width: 258px;
margin: 0 auto;
font-size: 12px;
line-height: 18px;
// line-height: 170px;
color: #ffffff;
}
}
}
}
}
}
.module-5 {
.content-mian {
padding: 60px 50px 65px;
.con-txt {
.tit {
font-size: 22px;
font-weight: 500;
line-height: 34px;
color: #424242;
}
.dec {
font-size: 16px;
line-height: 32px;
color: #424242;
margin-top: 10px;
}
}
.img1 {
width: 100%;
display: block;
margin-top: 50px;
}
.pro-tit {
font-size: 22px;
font-weight: 500;
line-height: 100%;
color: #424242;
margin: 30px 0;
}
ul {
padding-top: 50px;
display: flex;
justify-content: space-between;
li {
cursor: pointer;
width: 211px;
height: 130px;
background: #f9f8f8;
position: relative;
.num {
font-size: 34px;
font-weight: normal;
color: #aa1941;
text-align: center;
padding-top: 20px;
}
.txt {
padding-top: 5px;
font-size: 18px;
color: #424242;
text-align: center;
font-weight: 300;
}
&:hover {
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
background: #fff;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: rgba(170, 25, 65, 1);
}
}
}
}
.ul {
display: flex;
justify-content: center;
.li {
width: 192px;
img {
width: 100%;
height: 130px;
display: block;
}
.icon-active {
display: none;
}
&:hover {
.icon {
display: none;
}
.icon-active {
display: block;
}
}
.tit {
font-size: 20px;
font-weight: 500;
line-height: 34px;
color: #424242;
text-align: center;
margin-top: 10px;
}
.p {
font-size: 16px;
line-height: 24px;
color: #424242;
text-align: center;
}
.cart-img.col-4{
li{
width:220px;
height:170px;
}
}
}
}
.module-6 {
position: relative;
.new-txt {
position: absolute;
top: 135px;
left: 0;
width: 100%;
text-align: center;
font-size: 38px;
font-weight: 500;
color: #ffffff;
color: #fff;
}
.content-mian {
padding: 60px 50px 65px;
img {
width: 100%;
margin: 0 auto 50px;
display: block;
.module-6{
.content-mian{
.cart-img1{
li{
width:225px;
height:356px;
margin-right: 0;
margin-bottom: 0;
}
}
}
}
.module-7 {
.content-mian {
padding: 60px 50px 65px;
img {
width: 100%;
margin: 0 auto 50px;
display: block;
}
.img-w726 {
width: 726px;
margin: 0 auto;
}
ul {
display: flex;
justify-content: space-between;
margin-bottom: 21px;
li {
width: 216px;
height: 275px;
background: #f9f8f8;
&:hover {
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.num {
font-size: 40px;
font-weight: normal;
line-height: 100%;
color: #aa1941;
padding: 35px 0 42px 24px;
}
.p {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
// margin-left: 25px;
// margin-right: 25px;
text-align: center;
font-weight: 300;
}
.p3 {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 20px;
margin-right: 20px;
font-weight: 300;
// text-align: center;
}
.p4 {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 10px;
font-weight: 300;
// margin-right: 20px;
// text-align: center;
}
.p1 {
margin: 0 auto;
width: 162px;
font-size: 18px;
line-height: 100%;
color: #424242;
margin-bottom: 12px;
text-align: left;
line-height: 25px;
font-weight: 300;
}
.p2 {
margin: 0 auto;
// width: 108px;
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
text-align: center;
font-weight: 300;
}
.module-7{
.content-mian{
.cart-img1{
margin-top:20px;
li{
width:300px;
height:300px;
margin-right: 0;
margin-bottom: 0;
}
li:first-child{
width:600px;
}
}
}
......
pages/services/major_old.vue 0 → 100644
浏览文件 @ d9a8fc22
<template>
<div class="major-content">
<div class="mian-title">{{ $t('home.service.program') }}</div>
<div class="mian">
<tab :data="tabList" @tabChangeIndex="tabChangeIndex" />
<div class="major-content-mian">
<!-- 专业顶层设计 -->
<template v-if="showModule === 0">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m1-banner-new.png" alt="" class="banner" />
<div class="content-mian">
<div class="dec-txt">
{{
$cookies.get('lang') == 'en-US'
? 'Zijing Education has abundant technology and industrial resources to assist institutions in responding to industrial transformation, policy requirements and new challenges. It would be supportive for the development of disciplines and majors in terms of industrialization, internationalization, and digitization. Moreover, Zijing Education is dedicating to optimizing education plan, expertise of faculty to jointly develop the globally focused curriculums for teaching and most distinctive design of programs.'
: '依托紫荆教育技术与产业资源优势，协助院校应对行业变革、政策要求和办学新挑战，为院校提供产业化、国际化、数字化专业提升建设支持，优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升专业建设水平，助力院校打造专业特色和优势。'
}}
</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img1.png'
: 'https://webapp-pub.ezijing.com/www/pc/m1-i1-new.png'
"
alt=""
/>
<!-- <ul>
<li
v-for="(item, index) in module1.list"
:key="index"
:style="m1SetStyle(item.image)"
>
<div class="title">{{ item.title }}</div>
<div class="p" v-for="(text, tIndex) in item.texts" :key="'text' + tIndex">{{ text }}</div>
<div class="pop-con">
<div class="tit">{{ item.active.title }}</div>
<div class="text">{{ item.active.text }}</div>
</div>
</li>
</ul> -->
</div>
</div>
</template>
<!-- 实训基地建设 -->
<template v-if="showModule === 3">
<div class="module-2 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m2-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img6.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/8f73e25f5db8f97a992555c5a45b9dfe.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img7.png'
: 'https://zws-imgs-pub.ezijing.com/static/public/c3da614c7163af739b09e1029e2c6e77.png'
"
alt=""
class="img2"
/>
<ul>
<li>
<div class="block">01</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'The teaching practice and practice base that the course teaching needs'
: '课程教学需要的教学实训实习基地'
}}
</div>
</li>
<li>
<div class="block">02</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Professional teaching needs of production training practice base'
: '专业教学需要的生产实训实习基地'
}}
</div>
</li>
<li>
<div class="block">03</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Induction of labor into the school training practice base'
: '引产入校实训实习基地'
}}
</div>
</li>
<li>
<div class="block">04</div>
<div class="text">
{{
$cookies.get('lang') == 'en-US'
? 'Other short - term, scattered practical training and internship units (or points)'
: '其他短期、分散的实训实习单位（点）'
}}
</div>
</li>
</ul>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img8.png'
: 'https://webapp-pub.ezijing.com/www/pc/m2-i3-new1.png'
"
alt=""
class="img3"
/>
</div>
</div>
</template>
<!-- 实训平台建设 -->
<template v-if="showModule === 4">
<div class="module-3 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m3-i1-new.png" alt="" class="banner" />
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img9.png'
: 'https://webapp-pub.ezijing.com/www/pc/1.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img10.png'
: 'https://webapp-pub.ezijing.com/www/pc/2.png'
"
alt=""
class="img2"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img11.png'
: 'https://webapp-pub.ezijing.com/www/pc/3-new.png'
"
alt=""
class="img3"
/>
</div>
</div>
</template>
<!-- 课程资源建设 -->
<template v-if="showModule === 2">
<div class="module-4 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m4-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<div class="txt1">
{{
$cookies.get('lang') == 'en-US'
? 'With the support of famous teachers and industry experts in the north of the Qing Dynasty, and combined with the needs of enterprises in the professional direction and the curriculum reform plan, Bauhinia Education has formed a set of comprehensive reform project curriculum resources that connect the professional chain with the industrial chain, the curriculum content with the professional standard, and the teaching with the production process.'
: '紫荆教育以清北名师，业界专家为依托，结合专业方向的行业企业需求和课程改革方案，形成一整套专业链与产业链、课程内容与职业标准、教学与生产过程对接的综合改革项目课程教学资源。'
}}
</div>
<div class="txt-con-box">
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Course recording team and facilities' : '课程录制团队及设施' }}
</div>
<div class="dec">
<div class="p">
{{
$cookies.get('lang') == 'en-US'
? 'Existing full-time and part-time design development, curriculum editing 50 professional personnel,production team more engaged in the Internet education media industry transformation, have professional studio (studio, recorded room, online interactive multimedia room) and professional photographic equipment, can meet various industries both at home and abroad, the agencies course customization and development of a strong guarantee.'
: '现有专职、兼职设计开发、课程编辑等专业人员50名，制作团队多从事于传媒行业转型互联网教育，拥有专业摄影棚（直播室、录播室、线上线下现场多媒体互动室）及专业摄影设备，可成为满足国内外各行业、各机构课程定制与开发的强有力保障。'
}}
</div>
<div class="p">
{{
$cookies.get('lang') == 'en-US'
? 'At present, there are more than 300 courses on the platform, more than 3,000 micro class hours online courses, and more than 30,000 registered students.'
: '目前紫荆平台上已有超过300门课程，超过3000微课时的在线课程，注册学习人数超过3万名。'
}}
</div>
</div>
</div>
<ul>
<li>
<div class="pop-box">
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Online Course Development' : '线上课程研发' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course Content Setting' : '课程内容设置' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Matching of Course Teachers' : '课程师资匹配' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Curriculum Production Scheme' : '课程制作方案' }}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/4.png" alt="" />
</li>
<li>
<div class="pop-box">
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'Course to make' : '课程制作' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course record' : '课程录制' }}&nbsp;&nbsp;&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Course clips' : '课程剪辑'
}}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'Course editor' : '课程编辑' }}&nbsp;&nbsp;&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Course into' : '课程成片'
}}
</div>
<div class="tips">
{{
$cookies.get('lang') == 'en-US'
? '(Course recording, to meet various needs, different forms have exclusive The site)'
: '（课程录制，满足各种需求，不同形式拥有专属的场地）'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/5.png" alt="" />
</li>
<li>
<div class="pop-box">
<div class="tit p-t">
{{ $cookies.get('lang') == 'en-US' ? 'Offline Curriculum Development' : '线下课程开发' }}
</div>
<div class="ps">
{{ $cookies.get('lang') == 'en-US' ? 'The teaching design' : '教学设计' }}&nbsp;&nbsp;{{
$cookies.get('lang') == 'en-US' ? 'Educational plan' : '教务计划'
}}
</div>
<div class="ps">
{{
$cookies.get('lang') == 'en-US' ? 'Implement the implementation plan' : '实施执行方案'
}}&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="tips">
{{
$cookies.get('lang') == 'en-US'
? '(Three major teaching bases in China, more than 10 classrooms with different needs And conference room)'
: '（全国三大教学基地，10多间不同需求的教室与会议室）'
}}
</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/6.png" alt="" />
</li>
</ul>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img5.png'
: 'https://webapp-pub.ezijing.com/www/pc/7.png'
"
alt=""
class="con-img"
/>
</div>
</div>
</template>
<!-- 引产入校 -->
<template v-if="showModule === 5">
<div class="module-5 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m5-banner-new.png" alt="" class="banner" />
<div class="content-mian">
<div class="con-txt">
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Background conce' : '背景理念' }}</div>
<div class="dec">
{{
$cookies.get('lang') == 'en-US'
? 'We will comprehensively promote the modern apprenticeship system, deepen the education mechanism of “integration of production and education” and combination of work and study, pursue deep integration and collaborative innovation, give full play to the role of enterprises and schools in the integration of production and education, integrate resources, and jointly cultivate high-quality and high-skilled talents.'
: '全面推进现代学徒制工作，深化“产教融合”、工学结合的育人机制，追求深度融合，协同创新，充分发挥企业和学校在产学融合中的作用，整合资源、共同培养高素质、高技能人才。'
}}
</div>
</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img12.png'
: 'https://webapp-pub.ezijing.com/www/pc/8-new.png'
"
alt=""
class="img1"
/>
<div class="pro-tit">{{ $cookies.get('lang') == 'en-US' ? 'Project objectives' : '项目目标' }}</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img13.png'
: 'https://webapp-pub.ezijing.com/www/pc/9-new.png'
"
alt=""
class="img1"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img14.png'
: 'https://webapp-pub.ezijing.com/www/pc/10.png'
"
alt=""
class="img1"
/>
<ul>
<li>
<div class="num">01</div>
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Unity of study and work' : '学习与工作统一' }}
</div>
</li>
<li>
<div class="num">02</div>
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Students and staff are unified' : '学生与员工统一' }}
</div>
</li>
<li>
<div class="num">03</div>
<div class="txt">
{{
$cookies.get('lang') == 'en-US' ? 'The classrooms are unified with the factory' : '教室与工厂统一'
}}
</div>
</li>
<li>
<div class="num">04</div>
<div class="txt">
{{ $cookies.get('lang') == 'en-US' ? 'Operation and product unity' : '作业与产品统一' }}
</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/m5-con-new.png" alt="" class="img1" />
<div class="pro-tit">
{{ $cookies.get('lang') == 'en-US' ? 'The implementation process' : '实施流程' }}
</div>
<div class="ul">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-1.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Recruitment period' : '招募期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Preaching registration selection' : '宣讲报名选拔' }}
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc2.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-2.png" alt="" class="icon-active" />
<div class="tit">
{{ $cookies.get('lang') == 'en-US' ? 'During training' : '培训期' }}
</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Professional quality' : '职业素养' }}<br />
{{ $cookies.get('lang') == 'en-US' ? 'Major Core Courses' : '专业核心课程' }}
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc3.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-3.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'Effective date' : '实施期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Project Implementation ' : '项目实施过程' }}<br />{{
$cookies.get('lang') == 'en-US' ? 'Process control' : '控制'
}}
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/sslc4.png" alt="" class="icon" />
<img src="https://webapp-pub.ezijing.com/www/pc/sslc1-4.png" alt="" class="icon-active" />
<div class="tit">{{ $cookies.get('lang') == 'en-US' ? 'The inspection period' : '考核期' }}</div>
<div class="p">
{{ $cookies.get('lang') == 'en-US' ? 'Project quality assessment' : '项目质量考核' }}<br />{{
$cookies.get('lang') == 'en-US' ? 'Student ability assessment' : '学生能力考核'
}}
</div>
</div>
</div>
</div>
</div>
</template>
<!-- 师资培训 -->
<template v-if="showModule === 1">
<div class="module-6 module-content-box">
<!-- <div class="new-txt">聚力师资培养，提升教育“软实力”</div> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img4.png'
: 'https://webapp-pub.ezijing.com/www/pc/m6-banner.png'
"
alt=""
class="banner"
/>
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img3.png'
: 'https://webapp-pub.ezijing.com/www/pc/szpx-1.png'
"
alt=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img2.png'
: 'https://webapp-pub.ezijing.com/www/pc/szpx-2.png'
"
alt=""
/>
</div>
</div>
</template>
<!-- 专业+创新创业 -->
<template v-if="showModule === 6">
<div class="module-7 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/m7-banner.jpg" alt="" class="banner" />
<div class="content-mian">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img15.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-1.png'
"
alt=""
/>
<ul>
<li>
<div class="num">01</div>
<div class="p3">
{{ $cookies.get('lang') == 'en-US' ? 'Learn the basics of entre-preneurship' : '学习创业基础' }}
</div>
<div class="p3">
{{
$cookies.get('lang') == 'en-US'
? 'Stimulate entrepreneurial awareness and interest'
: '激发创业意识和兴趣'
}}
</div>
<div class="p3">
{{ $cookies.get('lang') == 'en-US' ? 'Innovation and entrepren-eurship' : '创新创业精神' }}
</div>
</li>
<li>
<div class="num">02</div>
<div class="p4">
{{
$cookies.get('lang') == 'en-US'
? 'Simulation innovation and entrepreneurship training and practice'
: '模拟创新创业实训和实践'
}}
</div>
<div class="p4">
{{ $cookies.get('lang') == 'en-US' ? 'Master basic entrepreneu-rial skills' : '掌握基本创业技能' }}
</div>
<div class="p4">
{{
$cookies.get('lang') == 'en-US'
? 'Cultivate innovative and entrepreneurial thinking'
: '培养创新创业思维'
}}
</div>
</li>
<li>
<div class="num">03</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Match analysis' : '赛事分析' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'incubation' : '项目孵化' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Roadshow tutoring' : '路演辅导' }}</div>
<div class="p">{{ $cookies.get('lang') == 'en-US' ? 'Simulation of review' : '模拟点评' }}</div>
</li>
<li>
<div class="num">04</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Graduation practice' : '毕业实习' }}</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Induced labor enrolled' : '引产入校' }}</div>
<div class="p2">{{ $cookies.get('lang') == 'en-US' ? 'Business operations' : '创业运营' }}</div>
<div class="p2">
{{ $cookies.get('lang') == 'en-US' ? 'Connecting Industrial Resources' : '产业资源对接' }}
</div>
</li>
</ul>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img16.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-2.png'
"
alt=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/major/img17.png'
: 'https://webapp-pub.ezijing.com/www/pc/cxcy-3-new.png'
"
alt=""
class="img-w726"
/>
</div>
</div>
</template>
</div>
</div>
</div>
</template>
<script>
import tab from '../../components/services/tab'
export default {
components: {
tab
},
data() {
return {
module1: {
list: [
{
title: '资源整合',
texts: ['技术及产业资源', '企业人才需求', '国家教育政策支持'],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy1.jpg',
active: {
title: '资源整合',
text:
'以国家教育政策为导向，聚焦技术及产业资源和企业岗位人才需求，促进产教融合、资源共享。构建高水平技术技能人才培养体系，打造技术技能创新服务平台，充分发挥集群效应，有机整合课程资源、教师资源与实训资源，实现资源整合和共享效益最大化，形成人才培养合力。'
}
},
{
title: '方案定制',
texts: ['专业顶层设计', '人才培养方案制定', '政策项目申报建设支持'],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy2.jpg',
active: {
title: '方案定制',
text:
'紫荆教育依托专业的调研团队、大庞的专家顾问团队、深厚的专业背景和丰富的专业建设经验，根据国家政策法规变化、产业及市场需求升级和人才培养模式变革，进行专业顶层设计、人才培养方案制定与优化、政府项目申报建设支持等。'
}
},
{
title: '条件保障',
texts: ['课程资源平台', '实训室建设', '数字化实训仿真模拟'],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy3.jpg',
active: {
title: '条件保障',
text:
'按照高标准化、国际化、开放式的实训实习原则，创新实习实训的运行机制，调整、优化实习实训平台及实验室的布局和结构，提高实习实训的管理和教学水平。借助现代化的新技术、新业态和新方式新建改建现有实训条件，加大信息技术和信息网络平台载体建设与智能化建设水平，创建数字化的下带服务教学工程，为专业建设提供有力保障。'
}
},
{
title: '建设内容',
texts: [
'一流学科、一流专业建设',
'双高建设',
'师资培训',
'课程与教材研发',
'科研课题合作',
'国际合作对接落地'
],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy4.jpg',
active: {
title: '建设内容',
text:
'依托紫荆教育技术及产业整合优势，为学校优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升学科建设水平，加强学生的专业水平和就业能力，推进相关领域学科专业建设，扩大人才培养规模。'
}
},
{
title: '建设成果',
texts: [
'形成“特色专业（群）”或“品牌专业（群）”，准确定位，差异发展；',
'专业（群）在区域范围乃至全国范围具备一定的影响力和辐射度；',
'学生和用人企业无缝对接，实习就业有保障'
],
image: 'https://webapp-pub.ezijing.com/www/pc/m1-zy5.jpg',
active: {
title: '建设成果',
text:
'打造战略性新兴学科专业（群），深化人才培养方案和课程体系改革，推动高校学科专业（群）结构的优化、人才培养模式的优化，在培养国家急需领域的创新应用型技术技能型人才的同时，实现产业、行业与专业的深度融合。'
}
}
]
},
module2: {
list: [
'课程教学需要的教学实训实习基地',
'专业教学需要的生产实训实习基地',
'引产入校实训实习基地',
'其他短期、分散的实训实习单位（点）'
]
},
tabList: [
{
name: this.$t('menu.cooperation.tit1')
},
{
name: this.$t('menu.cooperation.tit2')
},
{
name: this.$t('menu.cooperation.tit3')
},
{
name: this.$t('menu.cooperation.tit4')
},
{
name: this.$t('menu.cooperation.tit5')
},
{
name: this.$t('menu.cooperation.tit6')
},
{
name: this.$t('menu.cooperation.tit7')
}
],
showModule: 0
}
},
methods: {
tabChangeIndex(n) {
this.showModule = n
}
},
computed: {
m1SetStyle() {
return url => {
return `background: url(${url});background-size: 100% 100%`
}
}
}
}
</script>
<style lang="scss" scoped>
.major-content {
width: 1200px;
margin: 0 auto;
padding-bottom: 100px;
.mian {
display: flex;
justify-content: space-between;
}
.mian-title {
font-size: 28px;
font-weight: 500;
line-height: 100%;
color: #aa1941;
padding: 48px 0 31px;
}
.major-content-mian {
width: 1000px;
.module-content-box {
background: #fff;
.banner {
width: 100%;
height: 320px;
display: block;
}
}
.module-1 {
.content-mian {
padding: 60px 50px 65px;
.dec-txt {
font-size: 16px;
line-height: 32px;
color: rgba(66, 66, 66, 1);
margin-bottom: 37px;
}
img {
width: 100%;
display: block;
}
ul {
display: flex;
flex-wrap: wrap;
li {
position: relative;
cursor: pointer;
width: 440px;
height: 498px;
margin-right: 15px;
margin-bottom: 15px;
&:nth-child(even) {
margin-right: 0;
}
&:hover {
.pop-con {
opacity: 1;
}
}
.title {
padding: 55px 0 23px 56px;
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
.p {
padding: 0 56px 23px 56px;
font-size: 18px;
line-height: 100%;
color: #ffffff;
}
.pop-con {
transition: all 0.7s;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(170, 25, 65, 1);
.tit {
padding: 55px 0 28px 56px;
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
.text {
width: 325px;
font-size: 18px;
line-height: 32px;
color: #ffffff;
margin: 0 auto;
}
}
}
}
}
}
.module-2 {
.content-mian {
padding: 60px 50px 65px;
.img1 {
width: 100%;
margin: 0 auto;
display: block;
}
.img2 {
width: 100%;
margin: 50px auto;
display: block;
}
.img3 {
width: 100%;
margin: 50px auto;
display: block;
}
ul {
display: flex;
flex-wrap: wrap;
li {
cursor: pointer;
padding: 20px;
box-sizing: border-box;
width: 434px;
height: 110px;
background: #fbfbfb;
display: flex;
align-items: center;
transition: all 0.5s;
margin-right: 20px;
margin-bottom: 20px;
&:nth-child(even) {
margin-right: 0;
}
&:hover {
background: #ffffff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.block {
width: 70px;
height: 70px;
background: #aa1941;
text-align: center;
line-height: 70px;
font-size: 34px;
color: #fff;
}
.text {
width: 300px;
font-size: 18px;
// line-height: 32px;
color: #424242;
margin-left: 15px;
font-weight: 300;
}
}
}
}
}
.module-3 {
.content-mian {
padding: 60px 50px 65px;
.img1 {
width: 100%;
display: block;
margin: 0 auto;
}
.img2 {
width: 832px;
display: block;
margin: 15px 0 50px;
}
.img3 {
width: 491px;
display: block;
}
}
}
.module-4 {
.content-mian {
padding: 60px 50px 65px;
.txt1 {
font-size: 16px;
line-height: 32px;
color: #424242;
}
.txt-con-box {
margin-top: 40px;
.tit {
font-size: 22px;
font-weight: 500;
line-height: 24px;
color: #424242;
}
.dec {
margin-top: 10px;
.p {
font-size: 16px;
line-height: 32px;
color: #424242;
}
}
}
.con-img {
width: 100%;
margin-top: 50px;
display: block;
}
ul {
display: flex;
justify-content: space-between;
margin-top: 50px;
li {
width: 288px;
height: 184px;
position: relative;
&:hover {
.pop-box {
opacity: 1;
}
}
img {
width: 100%;
height: 100%;
display: block;
}
.pop-box {
opacity: 0;
transition: all 0.3s;
background: rgba(170, 25, 65, 0.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.tit {
font-size: 20px;
// line-height: 32px;
color: #ffffff;
padding-top: 30px;
text-align: center;
&.p-t {
padding-top: 10px;
}
}
.ps {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #ffffff;
text-align: center;
}
.tips {
width: 258px;
margin: 0 auto;
font-size: 12px;
line-height: 18px;
color: #ffffff;
}
}
}
}
}
}
.module-5 {
.content-mian {
padding: 60px 50px 65px;
.con-txt {
.tit {
font-size: 22px;
font-weight: 500;
line-height: 34px;
color: #424242;
}
.dec {
font-size: 16px;
line-height: 32px;
color: #424242;
margin-top: 10px;
}
}
.img1 {
width: 100%;
display: block;
margin-top: 50px;
}
.pro-tit {
font-size: 22px;
font-weight: 500;
line-height: 100%;
color: #424242;
margin: 30px 0;
}
ul {
padding-top: 50px;
display: flex;
justify-content: space-between;
li {
cursor: pointer;
width: 211px;
height: 130px;
background: #f9f8f8;
position: relative;
.num {
font-size: 34px;
font-weight: normal;
color: #aa1941;
text-align: center;
padding-top: 20px;
}
.txt {
padding-top: 5px;
font-size: 18px;
color: #424242;
text-align: center;
font-weight: 300;
}
&:hover {
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
background: #fff;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: rgba(170, 25, 65, 1);
}
}
}
}
.ul {
display: flex;
justify-content: center;
.li {
width: 192px;
img {
width: 100%;
height: 130px;
display: block;
}
.icon-active {
display: none;
}
&:hover {
.icon {
display: none;
}
.icon-active {
display: block;
}
}
.tit {
font-size: 20px;
font-weight: 500;
line-height: 34px;
color: #424242;
text-align: center;
margin-top: 10px;
}
.p {
font-size: 16px;
line-height: 24px;
color: #424242;
text-align: center;
}
}
}
}
}
.module-6 {
position: relative;
.new-txt {
position: absolute;
top: 135px;
left: 0;
width: 100%;
text-align: center;
font-size: 38px;
font-weight: 500;
color: #ffffff;
color: #fff;
}
.content-mian {
padding: 60px 50px 65px;
img {
width: 100%;
margin: 0 auto 50px;
display: block;
}
}
}
.module-7 {
.content-mian {
padding: 60px 50px 65px;
img {
width: 100%;
margin: 0 auto 50px;
display: block;
}
.img-w726 {
width: 726px;
margin: 0 auto;
}
ul {
display: flex;
justify-content: space-between;
margin-bottom: 21px;
li {
width: 216px;
height: 275px;
background: #f9f8f8;
&:hover {
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.num {
font-size: 40px;
font-weight: normal;
line-height: 100%;
color: #aa1941;
padding: 35px 0 42px 24px;
}
.p {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
// margin-left: 25px;
// margin-right: 25px;
text-align: center;
font-weight: 300;
}
.p3 {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 20px;
margin-right: 20px;
font-weight: 300;
// text-align: center;
}
.p4 {
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 10px;
font-weight: 300;
// margin-right: 20px;
// text-align: center;
}
.p1 {
margin: 0 auto;
width: 162px;
font-size: 18px;
line-height: 100%;
color: #424242;
margin-bottom: 12px;
text-align: left;
line-height: 25px;
font-weight: 300;
}
.p2 {
margin: 0 auto;
// width: 108px;
font-size: 16px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
text-align: center;
font-weight: 300;
}
}
}
}
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论