Skip to content

P
project-www-pc
提交 579b75c1 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: update

上级 701aab24
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 746 行增加 和 153 行删除
app/api/index.js
浏览文件 @ 579b75c1
......@@ -5,7 +5,6 @@ export function getAdvertisementList(params) {
return httpRequest.get('/api/cms/api/v1/advertisements', { params })
}
// 获取新闻列表
export function getNewsList(params) {
return httpRequest.get(`/api/zws/v1/cms/news`, { params })
......@@ -21,7 +20,7 @@ export function getNewsDetails(params) {
*/
export function sendCode(data) {
return httpRequest.post('/api/usercenter/user/send-code', data, {
headers: { 'Content-Type': 'multipart/form-data' }
headers: { 'Content-Type': 'multipart/form-data' },
})
}
......@@ -37,7 +36,7 @@ export function checkCode(params) {
*/
export function postNes(data) {
return httpRequest.post('/api/enrollment/v1.0/applications', data, {
headers: { 'Content-Type': 'multipart/form-data' }
headers: { 'Content-Type': 'multipart/form-data' },
})
}
......@@ -54,3 +53,8 @@ export function getArticleList(params) {
export function getImgTextList(params) {
return httpRequest.get('/api/cms/api/v1/img-text', { params })
}
// 提交留咨信息
export function submitApplicationForm(data) {
return httpRequest.post('/api/enrollment/v1.0/applications', data)
}
app/assets/css/studyAbroad.scss
浏览文件 @ 579b75c1
.w1200 {
max-width: 1300px;
max-width: 1200px;
margin: 0 auto;
}
// .banner {
......
app/assets/images/cert/cert_banner.png 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/assets/images/job/job_banner.png 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/assets/images/job/job_service_bg.png 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/components/AppContact.vue
浏览文件 @ 579b75c1
<script setup></script>
<script setup>
defineProps({
type: { type: Number, default: 0 },
})
</script>
<template>
<div class="app-contact">
<h4>联系我们</h4>
<p>
联系人：张老师<br />
联系电话：13810886558（微信同号）
</p>
<template v-if="type === 1">
<h4>联系我们</h4>
<p>
联系人：冯老师
<br />
联系电话：13522642018（微信同号）
</p>
</template>
<template v-else-if="type === 2">
<h4>联系我们</h4>
<p>
联系人：冯老师
<br />
联系电话：13522642018（微信同号）
</p>
</template>
<template v-else>
<h4>联系我们</h4>
<p>
联系人：张老师<br />
联系电话：13810886558（微信同号）
</p>
</template>
</div>
</template>
......
app/components/AppFooter.vue
浏览文件 @ 579b75c1
......@@ -19,7 +19,7 @@ const items = [
},
{
name: '职业技能中心',
href: '',
href: '/certificate',
},
{
name: '学习服务中心',
......@@ -44,7 +44,7 @@ const items = [
},
{
name: '就业服务',
href: '',
href: '/job',
},
],
},
......@@ -54,27 +54,27 @@ const items = [
items: [
{
name: '教育部',
href: '',
href: 'http://www.moe.gov.cn',
},
{
name: '人社部',
href: '',
href: 'https://www.mohrss.gov.cn',
},
{
name: '工信部',
href: '',
href: 'https://www.miit.gov.cn',
},
{
name: '中华全国供销合作总社',
href: '',
href: 'https://www.chinacoop.gov.cn',
},
{
name: '国家新闻出版署',
href: '',
href: 'https://www.nppa.gov.cn',
},
{
name: '广播电视总局',
href: '',
href: 'https://www.nrta.gov.cn',
},
],
},
......@@ -118,7 +118,7 @@ const items = [
</div>
<div class="qrcode">
<dl>
<dt><img src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg" /></dt>
<dt><img src="https://webapp-pub.ezijing.com/www/pc/next/qrcode_app.png" /></dt>
<dd>APP</dd>
</dl>
<dl>
......
app/components/AppHeader.vue
浏览文件 @ 579b75c1
......@@ -47,11 +47,11 @@ const navList = [
name: '解决方案',
items: [
{ name: 'AI+专业改造', href: '/digital/yx_3' },
{ name: '新双高建设', href: '' },
{ name: '新双高建设', href: '/platform' },
{ name: '应用型本科', href: '' },
{ name: '产教融合实训基地', href: '/digital/zf_1' },
{ name: '国赛/省赛/行业赛', href: '/digital/ds' },
{ name: '国际合作', href: '' },
{ name: '产教融合实训基地', href: '/digital/base' },
{ name: '国赛/省赛/行业赛', href: '/competition' },
{ name: '国际合作', href: '/international' },
],
},
{
......@@ -70,18 +70,18 @@ const navList = [
{
name: '新商科',
items: [
{ name: 'AIGC智能营销实验室', href: '/digital/ds' },
{ name: 'AIGC金融工程智能创新实验室', href: '/digital/ds' },
{ name: 'AIGC融媒体实验室', href: '/digital/ds' },
{ name: 'AIGC网络主播实验室', href: '/digital/ds' },
{ name: 'AIGC智能营销实验室', href: '/competition' },
{ name: 'AIGC金融工程智能创新实验室', href: '/competition' },
{ name: 'AIGC融媒体实验室', href: '/competition' },
{ name: 'AIGC网络主播实验室', href: '/competition' },
],
},
{
name: '低空经济',
items: [
{ name: '低空技术', href: '/digital/ds' },
{ name: '低空文旅', href: '/digital/ds' },
{ name: '低空物流', href: '/digital/ds' },
{ name: '低空技术', href: '/competition' },
{ name: '低空文旅', href: '/competition' },
{ name: '低空物流', href: '/competition' },
],
},
],
......@@ -91,7 +91,7 @@ const navList = [
items: [
{ name: '人工智能基础:数据分析通识课', href: '/digital/yx_1_3' },
{ name: '人工智能应用通识课', href: '/digital/yx_1_4' },
{ name: '数字教材', href: '/digital/sz' },
{ name: '数字教材', href: '/book' },
{ name: '个性化智能学习平台', href: 'https://saas-learn.ezijing.com/' },
{ name: '紫荆e-SaaS', href: 'https://e-saas.ezijing.com/' },
],
......@@ -168,7 +168,7 @@ const navList = [
},
{
name: '职业技能',
href: 'https://eec.ezijing.com',
href: '/certificate',
items: [
{ name: '人工智能通识应用', href: 'https://eec.ezijing.com/AI' },
{ name: '智能数据分析与实战应用', href: 'https://eec.ezijing.com/product' },
......@@ -178,12 +178,12 @@ const navList = [
},
{
name: '就业服务',
href: '',
href: '/job',
items: [
{ name: '1V1定制化', href: '' },
{ name: '全程辅导', href: '' },
{ name: '内推面试', href: '' },
{ name: '内推入职', href: '' },
{ name: '1V1定制化', href: '/job' },
{ name: '全程辅导', href: '/job' },
{ name: '内推面试', href: '/job' },
{ name: '内推入职', href: '/job' },
],
},
],
......@@ -195,11 +195,11 @@ const navList = [
isBrand: true,
items: [
{ name: '教育部' },
{ name: '全国科学技术名词审定委员会' },
{ name: '工信部' },
{ name: '供销合作总社' },
{ name: '中华全国供销合作总社' },
{ name: '国家新闻出版署' },
{ name: '国家广播电视总局' },
{ name: '全国科学技术名词审定委员会' },
{ name: '清华大学出版社' },
{ name: '中国标准出版社' },
{ name: '中国经济出版社' },
......
app/components/AppRightAside.vue
浏览文件 @ 579b75c1
......@@ -66,17 +66,13 @@
<li>
<div class="text">APP</div>
<div class="hover">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg"
width="150px" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/qrcode_app.png" width="150px" />
</div>
</li>
<li>
<div class="text">小程序</div>
<div class="hover">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg"
width="150px" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/qrcode_weapp.png" width="150px" />
</div>
</li>
<li>
......@@ -179,7 +175,7 @@ watch(
formInfo.projectId = '1012'
}
},
{ immediate: true },
{ immediate: true }
)
const submitEnroll = async () => {
......
app/components/FormSubmit.vue
浏览文件 @ 579b75c1
......@@ -203,7 +203,7 @@ const handleSubmit = () => {
font-weight: 400;
line-height: 1.5;
color: #010101;
width: 1300px;
width: 1200px;
text-align: center;
}
.desc {
......@@ -246,7 +246,7 @@ const handleSubmit = () => {
border-radius: 0;
}
.desc2 {
width: 1300px;
width: 1200px;
padding: 40px 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
......
app/components/JobIcons.vue 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/components/PlatformIcons.vue 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/components/Presence.vue 0 → 100644
浏览文件 @ 579b75c1
<template>
<div>
<div class="presence-content-box">
<div class="content-main">
<div class="form-box">
<div class="title-box">
<div class="title-content">
<div class="bt">咨询报考</div>
</div>
</div>
<div class="form">
<div class="li">
<el-input v-model="form.name" placeholder="姓名"></el-input>
</div>
<div class="li">
<el-input v-model="f2" placeholder="性别"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" placeholder="手机"></el-input>
</div>
<div class="li">
<el-input v-model="f3" placeholder="请告诉我您来自"></el-input>
</div>
<div class="li">
<el-input v-model="f1" placeholder="请选择您要报名的证书"></el-input>
</div>
<div class="btn" @click="submit">立即提交</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { ref, reactive, getCurrentInstance } from 'vue'
import { submitApplicationForm } from '@/api/index'
// 表单字段
const f1 = ref('')
const f2 = ref('')
const f3 = ref('')
const form = reactive({
name: '',
phone: '',
project_id: 5009,
})
const { proxy } = getCurrentInstance()
const submit = () => {
const findNull = Object.values(form).findIndex((item) => item === '')
if (findNull !== -1) {
proxy?.$message('请完善信息')
return
} else {
const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
if (!MOBILE_REG.test(form.phone)) {
proxy?.$message('手机号格式错误')
return
}
}
const payload = {
...form,
comment: `#姓名：${f1.value};#性别：${f2.value};#请告诉我您来自：${f3.value}`,
}
submitApplicationForm(payload)
.then((res) => {
if (res && res.status === 200) {
proxy?.$message({ type: 'success', message: '提交成功' })
} else {
proxy?.$message.error('提交失败')
}
})
.catch(() => {})
}
</script>
<style lang="scss" scoped>
.presence-content-box {
padding-top: 80px;
.content-main {
padding-top: 24px;
.form-box {
width: 1300px;
height: 500px;
margin: 0 auto 40px;
background: url(https://webapp-pub.ezijing.com/www/pc/next/cert/cert_application_bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.title-box {
width: 580px;
height: 160px;
background: rgba(170, 25, 65, 0.4);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 170px;
position: relative;
.title-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 380px;
height: 200px;
background: #aa1941;
}
.bt {
font-size: 22px;
line-height: 100%;
color: #ffffff;
text-align: center;
margin-top: 90px;
}
}
.form {
width: 401px;
background: #ffffff;
margin-top: 54px;
box-sizing: border-box;
padding: 40px 50px;
height: fit-content;
margin-right: 116px;
.li {
margin-bottom: 20px;
}
.btn {
font-size: 18px;
line-height: 32px;
color: #ffffff;
width: 281px;
background: #aa1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
app/components/home/enterprise.vue
浏览文件 @ 579b75c1
......@@ -30,10 +30,15 @@ const rows = [
],
[
{
name: '全国科学技术名词审定委员会',
icon: 4,
desc: `2022年，清控紫荆教育与全国科学技术名词审定委员会双方就数字经济方向设立科研课题、数字经济领域学术成果发表、数字经济人才培养、国际论坛交流活动等方面进行深入探讨和交流，并举行战略合作签约仪式。`,
name: '工信部',
icon: 7,
desc: `2025：工信部职业技能提升行动-人工智能通识应用评价组织
2024：工信部职业技能提升行动-智能数据分析与实战应用评价组织
2024： 工信部职业技能提升行动-智能数字营销与实战应用）评价组织`,
},
{
name: '中国标准出版社',
icon: 5,
......@@ -47,13 +52,11 @@ const rows = [
],
[
{
name: '工信部',
icon: 7,
desc: `2025：工信部职业技能提升行动-人工智能通识应用评价组织
2024：工信部职业技能提升行动-智能数据分析与实战应用评价组织
name: '中华全国供销合作总社',
icon: 10,
desc: `2025：“数智营销”纳入工种考试系统“商务数据分析 纳入工种考试系统共同开发人社部“商务数据分析师”“营销员”数字教材
2024： 工信部职业技能提升行动-智能数字营销与实战应用）评价组织`,
2024：提供新职业职业技能在线课程（商务数据分析师、营销员/营销师`,
},
{
name: '中国经济出版社',
......@@ -70,11 +73,9 @@ const rows = [
],
[
{
name: '供销合作总社',
icon: 10,
desc: `2025：“数智营销”纳入工种考试系统“商务数据分析 纳入工种考试系统共同开发人社部“商务数据分析师”“营销员”数字教材
2024：提供新职业职业技能在线课程（商务数据分析师、营销员/营销师`,
name: '国家新闻出版署',
icon: 13,
desc: `2024：副组长单位参与全国新闻出版标准技术委员会《数字教材平台接口》、《高等教育和职业教育数字出版产品质量要求》数字教材两项行业标准制定`,
},
{
name: '中国金融出版社',
......@@ -89,10 +90,14 @@ const rows = [
],
[
{
name: '国家新闻出版署',
icon: 13,
desc: `2024：副组长单位参与全国新闻出版标准技术委员会《数字教材平台接口》、《高等教育和职业教育数字出版产品质量要求》数字教材两项行业标准制定`,
name: '国家广播电视总局',
icon: 16,
desc: `2025：2025-2028人社部“网络主播”行业职业二类国赛广电技术支持单位人社部“网络主播”工种考试系统
2024：首届网络视听行业职业技能大赛技术支持单位
第二届网络视听行业职业技能大赛技术支持单位`,
},
{
name: '中国科学技术出版社',
icon: 17,
......@@ -106,12 +111,9 @@ const rows = [
],
[
{
name: '国家广播电视总局',
icon: 16,
desc: `2025：2025-2028人社部“网络主播”行业职业二类国赛广电技术支持单位人社部“网络主播”工种考试系统
2024：首届网络视听行业职业技能大赛技术支持单位
第二届网络视听行业职业技能大赛技术支持单位`,
name: '全国科学技术名词审定委员会',
icon: 4,
desc: `2022年，清控紫荆教育与全国科学技术名词审定委员会双方就数字经济方向设立科研课题、数字经济领域学术成果发表、数字经济人才培养、国际论坛交流活动等方面进行深入探讨和交流，并举行战略合作签约仪式。`,
},
{
name: '西安交通大学出版社',
......
app/components/home/honor.vue
浏览文件 @ 579b75c1
<script setup>
const rows1 = [
`中国中小企业协会
副会长单位`,
`中国电子商会
元宇宙专业委员会
副理事长单位`,
`河北省电子商务
`中国中小企业协会
数字经济人才专业委员会
秘书长单位`,
`全国数智商业
产教融合共同体
副理事长单位`,
`企业信用平价
AAA级
信用企业`,
`全国数智商业
`河北省电子商务
产教融合共同体
副理事长单位`,
`ISO 9001
质量管理体系
认证企业`,
]
const rows2 = [
'国家高新技术企业',
`ISO 27001
信息安全管理体系
认证企业`,
`ISO 9001
质量管理体系
认证企业`,
`企业信用平价
AAA级
信用企业`,
`质量服务
诚信单位`,
`2025-2026
诚信供应商`,
`中国中小企业协会
副会长单位`,
`ISO 27001
信息安全管理体系
认证企业`,
`诚信经营
示范单位`,
]
......@@ -42,10 +46,14 @@ const rows2 = [
</div>
<div class="home-honor-main">
<ul>
<li v-for="item in rows1" :key="item">{{ item }}</li>
<li v-for="item in rows1" :key="item">
<span>{{ item }}</span>
</li>
</ul>
<ul>
<li v-for="item in rows2" :key="item">{{ item }}</li>
<li v-for="item in rows2" :key="item">
<span>{{ item }}</span>
</li>
</ul>
</div>
</div>
......@@ -108,13 +116,13 @@ const rows2 = [
position: relative;
width: 174px;
height: 200px;
font-size: 18px;
font-size: 14px;
line-height: 24px;
background: url(~/assets/images/home/honor_bg.png) no-repeat center center;
color: #fff;
text-align: center;
white-space: pre-wrap;
padding-top: 62px;
padding-top: 58px;
&::before {
content: '';
......@@ -131,6 +139,12 @@ const rows2 = [
&:hover {
background: url(~/assets/images/home/honor_bg_hover.png) no-repeat center center;
}
span {
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
}
}
}
......
app/components/home/menu.vue
浏览文件 @ 579b75c1
......@@ -8,32 +8,32 @@ const menuGroups = [
{
name: '人工智能应用<br/>实践通识课',
iconName: 'ai',
path: '/digital/yx_1',
path: '/ai',
},
{
name: '新商科综合实践<br/>教学平台',
iconName: 'business',
path: '/digital/yx_2',
path: '/platform',
},
{
name: '新工科综合实践<br/>教学平台',
iconName: 'engineering',
path: '/digital/yx_3',
path: '/platform',
},
{
name: '数智经济<br/>产教融合基地',
iconName: 'economy',
path: '/digital/zf_1',
path: '/digital/base',
},
{
name: '数字教材',
iconName: 'textbook',
path: '/digital/sz',
path: '/book',
},
{
name: '技能大赛',
iconName: 'competition',
path: '/digital/ds',
path: '/competition',
},
],
},
......@@ -53,12 +53,12 @@ const menuGroups = [
{
name: '职业证书',
iconName: 'certificate',
path: '/',
path: '/certificate',
},
{
name: '就业服务',
iconName: 'career',
path: '/',
path: '/job',
},
{
name: '更多',
......
app/components/home/personal.vue
浏览文件 @ 579b75c1
......@@ -87,13 +87,13 @@ const items = ref([
},
],
moreText: '了解更多职业技能',
moreHref: 'https://eec.ezijing.com',
moreHref: '/certificate',
},
{
name: '就业服务',
items: [{ name: '1V1定制化' }, { name: '全程辅导' }, { name: '内推面试' }, { name: '内推入职' }],
moreText: '了解更多就业服务',
moreHref: '/',
moreHref: '/job',
},
])
......
app/components/home/school.vue
浏览文件 @ 579b75c1
......@@ -55,14 +55,14 @@ const rows = [
},
{
icon: 6,
items: [{ name: '产教融合实训基地', href: '/digital/zf_1' }],
items: [{ name: '产教融合实训基地', href: '/digital/base' }],
},
{
icon: 7,
items: [
{ name: '国赛', href: '/digital/ds' },
{ name: '省赛', href: '/digital/ds' },
{ name: '行业赛', href: '/digital/ds' },
{ name: '国赛', href: '/competition' },
{ name: '省赛', href: '/competition' },
{ name: '行业赛', href: '/competition' },
],
},
{
......@@ -90,20 +90,20 @@ const rows = [
icon: 10,
title: '新商科',
desc: [
{ name: 'AIGC智能营销实验室', href: '/digital/ds' },
{ name: 'AIGC金融工程智能创新实验室', href: '/digital/ds' },
{ name: 'AIGC融媒体实验室', href: '/digital/ds' },
{ name: 'AIGC网络主播实验室', href: '/digital/ds' },
{ name: 'AIGC智能营销实验室', href: '/competition' },
{ name: 'AIGC金融工程智能创新实验室', href: '/competition' },
{ name: 'AIGC融媒体实验室', href: '/competition' },
{ name: 'AIGC网络主播实验室', href: '/competition' },
],
},
{
icon: 11,
title: '低空经济',
desc: [
{ name: '低空技术', href: '/digital/ds' },
{ name: '低空文旅', href: '/digital/ds' },
{ name: '低空物流', href: '/digital/ds' },
{ name: '…', href: '/digital/ds' },
{ name: '低空技术', href: '/competition' },
{ name: '低空文旅', href: '/competition' },
{ name: '低空物流', href: '/competition' },
{ name: '…', href: '/competition' },
],
},
],
......@@ -116,7 +116,7 @@ const rows = [
btns: [
{ name: '人工智能基础：数据分析通识课', href: 'https://eec.ezijing.com/product' },
{ name: '人工智能应用通识课', href: 'https://eec.ezijing.com/AI' },
{ name: '数字教材', href: '/digital/sz' },
{ name: '数字教材', href: '/book' },
{ name: '个性化智能学习平台', href: 'https://saas-learn.ezijing.com/' },
{ name: '紫荆e-SaaS', href: 'https://e-saas.ezijing.com/' },
],
......@@ -332,7 +332,7 @@ const rows = [
.home-school-box-ai {
padding: 38px 155px !important;
background-image: url('~/assets/images/icon/icon_ai.png');
background-image: url('~/assets/images/home/icon_ai.png');
background-position: right center;
background-repeat: no-repeat;
......
app/pages/ai/index.vue 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/pages/certificate/index.vue 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/pages/digital/zf_1.vue → app/pages/digital/base.vue
浏览文件 @ 579b75c1
<!-- 引产入校 -->
<template>
<div>
<div class="base-page">
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/banner.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/digital/base/base_banner.jpg" />
<div class="cover">
<div class="cover-inner">
<h2>数字技能公共实训基地</h2>
<span></span>
<h6>1个数字展区 · 3个技能实训区 · 8个实训中心 · 5个运营中心</h6>
<h6><em>1</em>个数字展区 · <em>3</em>个技能实训区 · <em>8</em>个实训中心 · <em>5</em>个运营中心</h6>
<p>
围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p>
......@@ -15,13 +15,22 @@
</div>
</div>
<section class="section">
<!-- <div class="section-inner">
<h2 class="section-title">数字技能公共实训基地</h2>
<p class="section-desc">
围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p>
</div> -->
<div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/1.png" class="img1" /></div>
<div class="section-inner">
<h2 class="section-title">“1385”建设规划</h2>
<p class="section-title-desc">建设”1385“样板基地，培养区域数字技能人才，促进当地劳动就业</p>
<div class="plan-list">
<div class="plan-list-item" v-for="item in planList" :key="item.num">
<h3>
<span>{{ item.num }}</span
>个
</h3>
<h4>{{ item.title }}</h4>
<ul>
<li v-for="item in item.items" :key="item">{{ item }}</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
......@@ -44,13 +53,48 @@ const jfalList = ref([
'https://webapp-pub.ezijing.com/www/pc/digital/zf_1/al_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/zf_1/al_2.png',
])
const planList = [
{
num: '1',
title: '数字展区',
items: ['AR互动数字展区', 'VR互动数字展区', 'MR互动数字展区'],
},
{
num: '3',
title: '技能实训区',
items: ['数字核心技能实训区', '信创人才实训区', '数字技术创新实训区'],
},
{
num: '8',
title: '实训中心',
items: ['商业数据分析实训中心', '数字营销实训中心', '数字媒体技术实训中心', '信创人才实训中心'],
},
{
num: '5',
title: '运营中心',
items: [
'数字学习和教学管理中心',
'数字人才培训中心',
'数字人才考试与认证中心',
'国际数字人才交流中心',
'数字人才就业服务平台',
],
},
]
</script>
<style lang="scss" scoped>
.base-page {
background-color: #fff;
}
.banner {
margin-bottom: 100px;
position: relative;
img {
width: 100%;
height: 650px;
object-fit: cover;
}
.cover {
position: absolute;
......@@ -58,42 +102,37 @@ const jfalList = ref([
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-size: 60px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
margin: 46px 0;
width: 60px;
height: 6px;
background: #333;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
margin-bottom: 30px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
em {
color: var(--main-color);
font-style: normal;
}
}
p {
max-width: 644px;
font-size: 14px;
max-width: 717px;
font-size: 18px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
line-height: 30px;
}
a {
margin-top: 28px;
......@@ -110,23 +149,18 @@ const jfalList = ref([
}
.cover-inner {
height: 100%;
max-width: 1300px;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1300px;
width: 1200px;
margin: 0 auto;
padding: 100px 0;
padding-bottom: 100px ;
}
.section-title {
margin-bottom: 36px;
......@@ -136,6 +170,15 @@ const jfalList = ref([
line-height: 32px;
color: #333333;
text-align: center;
&-desc {
margin: 36px 0;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
}
.section-subtitle {
display: inline-block;
......@@ -170,8 +213,44 @@ const jfalList = ref([
}
}
.img1 {
min-width: 1300px;
min-width: 1200px;
height: 759px;
object-fit: cover;
}
.plan-list {
background-color: var(--main-color);
display: flex;
padding: 54px 0;
height: 375px;
&-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
border-left: 1px dashed #fff;
color: #fff;
h3 {
font-size: 16px;
span {
font-family: Source Han Sans CN, Source Han Sans CN;
padding: 0 5px;
font-size: 44px;
}
}
h4 {
padding: 20px 0;
font-size: 18px;
}
li {
font-size: 14px;
color: #ffffff;
line-height: 30px;
text-align: center;
}
&:first-child {
border-left: none;
}
}
}
</style>
app/pages/international/index.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup></script>
<template>
<div>
<h1>国际合作</h1>
</div>
</template>
<style lang="scss" scoped></style>
app/pages/job/index.vue 0 → 100644
浏览文件 @ 579b75c1
差异被折叠。
app/pages/platform/index.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup>
const skList = ref([
{
icon: 1,
title: '商业数据分析实验室',
desc: `培养数字经济底层思维能力的
工业级实训平台`,
more: '/digital/yx_1_1',
},
{
icon: 2,
title: '数字营销实验室',
desc: `培养企业数字化转型核心技能的
工业级实训平台`,
more: '/digital/yx_1_2',
},
{
icon: 3,
title: 'AIGC智能营销实验室',
desc: `AIGC赋能营销全链路
打造智能创作与效果优化平台`,
},
{
icon: 4,
title: `AIGC金融工程智能
创新实验室`,
desc: `以AIGC驱动金融量化与产品创新
构建智能金融工程研发阵地`,
},
{
icon: 5,
title: `AIGC融媒体实验室`,
desc: `AIGC融合融媒体生产
实现内容创作与多平台分发的
高效实践基地`,
},
{
icon: 6,
title: `AIGC网络直播实验室`,
desc: `聚焦AIGC直播场景应用
提供虚拟主播与智能互动
解决方案平台`,
},
])
const gkList = ref([
{
icon: 7,
title: '大数据实验室',
desc: `综合培养大数据
基础知识及专业知识的
一站式实训平台`,
more: '/digital/yx_1_3',
},
{
icon: 8,
title: '人工智能开发实验室',
desc: `重在人工智能
基础知识及应用的
一站式实训平台`,
more: '/digital/yx_1_4',
},
{
icon: 9,
title: '信息安全实验室',
desc: `一站式信创信息安全
实训平台`,
},
{
icon: 10,
title: '网络安全实验室',
desc: `聚焦网络攻防技术研究与人才培养
打造实战型网络安全实验室`,
},
{
icon: 11,
title: '物联网实验室',
desc: `全面涵盖5G及边缘计算的
新一代物联网
实训平台`,
},
])
const dkjjList = [
{
icon: 12,
title: `低空数据分析实训平台`,
desc: `聚焦低空数据挖掘与应用
打造专业化、实战型数据分析实训基地`,
},
{
icon: 13,
title: `智能无人机应用技术中心`,
desc: `聚焦于城市末端物流配送的真实业务闭环
是最贴近“未来城市快递”场景的实训室`,
},
{
icon: 14,
title: `低空物流运营实训中心`,
desc: `专注于干线/支线中长距离物流运输的运营与规划
技术含量和专业化程度极高`,
},
]
</script>
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/next/platform/platform_banner.jpg" />
<div class="cover">
<div class="cover-inner">
<h2>数字技能实训平台</h2>
<span></span>
<h6>新商科・新工科・低空经济</h6>
<p>
围绕区域经济特色，夯实数字化建设专业岗位基础通用能力，强化基于岗位能力证书的岗位技能实训，打造集院校数字人才培养、全民数字技能提升、企业数字化赋能和产业数字化服务为一体的综合人才服务体系和人才基地。
</p>
</div>
</div>
</div>
<section class="section">
<div class="section-inner">
<h2 class="section-title">新商科</h2>
<p class="section-desc">
深入调研数字经济产业人才需求，契合地方经济产业数字化转型需要，深入推进学校专业数字化改造，以商业数分析、数字营销为核心技能贯穿商科底层逻辑，聚焦专业数字化改造与升级，切实培养地方经济真正需要的数字经济人才。
</p>
<div class="gk-list">
<div class="gk-item active is-border" v-for="item in skList" :key="item.title">
<div class="gk-item__pic">
<PlatformIcons :name="item.icon" />
</div>
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p style="margin: 8px 0">{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">新工科</h2>
<p class="section-desc">
基于国家信创发展大趋势，建设完全国产自主知识产权的先进信创人才实训区，从“特色软件人才培养”和“国产化信息系统运维”两个路径为国产化替换填补人才。
</p>
<div class="gk-list">
<div class="gk-item active" v-for="item in gkList" :key="item.title">
<div class="gk-item__pic" style="padding: 40px 0 30px">
<PlatformIcons :name="item.icon" />
</div>
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p style="margin: 8px 0">{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">低空经济</h2>
<div class="gk-list">
<div class="gk-item active" v-for="item in dkjjList" :key="item.title">
<div class="gk-item__pic" style="padding: 40px 0 30px">
<PlatformIcons :name="item.icon" />
</div>
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p style="margin: 8px 0">{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">产品优势</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/next/platform/ys.png" />
</div>
</div>
</section>
</div>
</template>
<style lang="scss" scoped>
.banner {
position: relative;
img {
width: 100%;
height: 650px;
object-fit: cover;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
line-height: 1;
color: #ffffff;
h2 {
font-size: 60px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
span {
margin: 46px 0;
width: 60px;
height: 6px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 736px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1300px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-desc {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.gk-list {
margin-top: 80px;
display: flex;
justify-content: space-between;
}
.gk-item {
min-height: 260px;
text-align: center;
transition: all 0.3s;
border-radius: 12px;
&:hover {
transform: scale(1.06);
background-color: var(--main-color);
h2,
p,
a {
color: #fff;
}
.gk-item__pic {
color: #fff;
--main-color: #fff;
}
}
&__pic {
color: #666;
padding: 16px 0 33px;
}
&__content {
padding: 0 12px;
h2 {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 22px;
color: var(--main-color);
white-space: pre-wrap;
}
p {
margin: 22px 0;
font-size: 14px;
color: #666;
white-space: pre-wrap;
}
a {
color: var(--main-color);
}
}
}
</style>
package-lock.json
浏览文件 @ 579b75c1
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
浏览文件 @ 579b75c1
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论