提交 3410a215 authored 作者: 王鹏飞's avatar 王鹏飞

feat: 新增华为认证

上级 eee3ad7f
<script setup>
import { reactive, ref } from 'vue'
import { ElMessage } from 'element-plus'
import { submitApplicationForm } from '@/api/index'
const courses = [
{
level: 'HCIA-Datacom',
title: '数通工程师',
english: 'Huawei Certified ICT Associate',
badge: '入门',
featured: false,
items: [
'TCP/IP 协议基础与以太网交换技术',
'静态路由与动态路由(RIP/OSPF)原理',
'园区网基础设计与华为设备配置',
'IPv6 基础与网络自动化入门',
],
},
{
level: 'HCIP-Datacom',
title: '高级网络工程师',
english: 'Huawei Certified ICT Professional',
badge: '进阶',
featured: true,
items: [
'高级路由协议(OSPF/IS-IS/BGP)与策略部署',
'企业园区网、WLAN、SD-WAN 架构设计',
'网络可靠性技术与大规模网络运维',
'网络切片、IPv6+ 及智能网络解决方案',
],
},
{
level: 'HCIE-Datacom',
title: '网络架构专家',
english: 'Huawei Certified ICT Expert',
badge: '专家',
featured: false,
items: [
'复杂园区网、广域承载网与数据中心网络设计',
'高级故障定位、性能优化与安全加固',
'网络自动化与智能化运维(Python/NetConf/YANG)',
'HCIE 笔试 + 实验 + 面试全流程辅导',
],
},
]
const introCards = [
{
icon: '⌁',
title: '企业级网络技术',
desc: '覆盖路由交换、WLAN、网络安全、SD-WAN 等企业网络关键技术,紧贴行业真实需求。',
},
{ icon: '⌘', title: '真实实验环境', desc: '华为官方 eNSP 与真实设备结合,提供端到端网络搭建、故障排查与优化训练。' },
{ icon: '↗', title: '完整进阶路径', desc: '从 HCIA 助理工程师、HCIP 高级工程师到 HCIE 专家,逐级打通职业发展通道。' },
{ icon: '◇', title: '就业竞争力提升', desc: '华为认证全球认可,是 ICT 行业人才招聘、晋升与项目投标的重要资质背书。' },
]
const registrationSteps = [
{ title: '选择认证级别', desc: '根据基础和职业目标,选择 HCIA / HCIP / HCIE Datacom 课程。' },
{ title: '提交报名信息', desc: '填写姓名、联系方式与报名需求,完成在线预约。' },
{ title: '顾问确认方案', desc: '课程顾问沟通学习计划、实验环境与考试规划,锁定名额。' },
{ title: '开课学习', desc: '按开班计划参加线上直播或线下集训,配套实验与答疑。' },
]
const schedules = [
{
no: 1,
name: '华为伙伴 数通HCIA1期',
field: '数通',
subject: 'HCIA-Datacom',
type: '职业认证',
date: '2026.9.15 - 2026.9.20',
},
{
no: 2,
name: '华为伙伴 数通HCIA2期',
field: '数通',
subject: 'HCIA-Datacom',
type: '职业认证',
date: '2026.10.10 - 2026.10.15',
},
{
no: 3,
name: '华为伙伴 数通HCIP1期',
field: '数通',
subject: 'HCIP-Datacom',
type: '职业认证',
date: '2026.11.1 - 2026.11.5',
},
{
no: 4,
name: '华为伙伴 数通HCIP2期',
field: '数通',
subject: 'HCIP-Datacom',
type: '职业认证',
date: '2026.11.10 - 2026.11.15',
},
{
no: 5,
name: '华为伙伴 数通HCIP3期',
field: '数通',
subject: 'HCIP-Datacom',
type: '职业认证',
date: '2026.11.20 - 2026.11.25',
},
{
no: 6,
name: '华为伙伴 数通HCIP4期',
field: '数通',
subject: 'HCIP-Datacom',
type: '职业认证',
date: '2026.12.1 - 2026.12.5',
},
]
const registerForm = reactive({ name: '', phone: '', level: 'HCIP-Datacom', note: '' })
const submitting = ref(false)
const notify = (message, type = 'error') => ElMessage({ message, type })
const submitRegister = async () => {
if (!registerForm.name.trim() || !registerForm.phone.trim()) return notify('请填写姓名和联系电话')
if (!/^1\d{10}$/.test(registerForm.phone.trim())) return notify('请输入正确的手机号')
if (submitting.value) return
submitting.value = true
try {
const res = await submitApplicationForm({
name: registerForm.name,
phone: registerForm.phone,
project_id: 5010,
comment: `#意向级别:${registerForm.level};#备注需求:${registerForm.note}`,
})
if (res?.status === 200) {
notify('报名信息已提交,课程顾问将尽快与您联系!', 'success')
registerForm.name = ''
registerForm.phone = ''
registerForm.note = ''
} else {
notify('提交失败,请稍后重试')
}
} catch {
notify('提交失败,请稍后重试')
} finally {
submitting.value = false
}
}
</script>
<template>
<main class="hw-page">
<section class="hw-hero" id="home">
<svg class="hero-tech" viewBox="0 0 1200 600" preserveAspectRatio="xMidYMid slice" aria-hidden="true">
<defs>
<radialGradient id="glow-cyan">
<stop offset="0" stop-color="#2bd4ff" stop-opacity=".55" />
<stop offset="1" stop-color="#2bd4ff" stop-opacity="0" />
</radialGradient>
<radialGradient id="glow-red">
<stop offset="0" stop-color="#ff5a5f" stop-opacity=".6" />
<stop offset="1" stop-color="#c7000b" stop-opacity="0" />
</radialGradient>
</defs>
<g class="net-float">
<g class="network-glows">
<circle
v-for="node in [
[120, 120, 44, 'c'],
[320, 80, 40, 'c'],
[540, 160, 50, 'r'],
[760, 90, 40, 'c'],
[980, 140, 42, 'c'],
[1120, 220, 48, 'r'],
[200, 300, 44, 'c'],
[420, 360, 50, 'r'],
[640, 300, 42, 'c'],
[860, 340, 42, 'c'],
[1060, 400, 44, 'c'],
[300, 500, 42, 'c'],
[560, 520, 50, 'r'],
[820, 520, 42, 'c'],
[1040, 540, 42, 'c'],
]"
:key="node.join('-')"
:cx="node[0]"
:cy="node[1]"
:r="node[2]"
:fill="node[3] === 'r' ? 'url(#glow-red)' : 'url(#glow-cyan)'" />
</g>
<g class="net-lines">
<line
v-for="line in [
[120, 120, 320, 80],
[320, 80, 540, 160],
[540, 160, 760, 90],
[760, 90, 980, 140],
[980, 140, 1120, 220],
[120, 120, 200, 300],
[200, 300, 420, 360],
[420, 360, 640, 300],
[640, 300, 860, 340],
[860, 340, 1060, 400],
[1060, 400, 1120, 220],
[200, 300, 300, 500],
[420, 360, 560, 520],
[640, 300, 560, 520],
[860, 340, 820, 520],
[1060, 400, 1040, 540],
[300, 500, 560, 520],
[560, 520, 820, 520],
[820, 520, 1040, 540],
[540, 160, 640, 300],
[760, 90, 860, 340],
[320, 80, 200, 300],
[980, 140, 860, 340],
]"
:key="line.join('-')"
class="net-line"
:x1="line[0]"
:y1="line[1]"
:x2="line[2]"
:y2="line[3]" />
</g>
<g class="network-nodes">
<circle
v-for="node in [
[120, 120, 'c'],
[320, 80, 'c'],
[540, 160, 'r'],
[760, 90, 'c'],
[980, 140, 'c'],
[1120, 220, 'r'],
[200, 300, 'c'],
[420, 360, 'r'],
[640, 300, 'c'],
[860, 340, 'c'],
[1060, 400, 'c'],
[300, 500, 'c'],
[560, 520, 'r'],
[820, 520, 'c'],
[1040, 540, 'c'],
]"
:key="node.join('-')"
:class="['net-node', { red: node[2] === 'r' }, 'net-pulse']"
:cx="node[0]"
:cy="node[1]"
:r="node[2] === 'r' ? 3.5 : 3" />
</g>
</g>
</svg>
<div class="hw-container hero-content">
<h1>华为 · <span>数通认证</span></h1>
<p class="hero-subtitle">路由与交换,把控网络互连的核心</p>
<p class="hero-desc">
面向网络工程、通信技术、云计算等相关专业,构建从 HCIA 到 HCIE 的完整 Datacom
技术进阶体系。真设备、真环境、真项目、真案例,助力学员成为企业级网络架构师。
</p>
<div class="hero-actions">
<a href="#courses" class="hw-btn btn-primary">查看认证体系</a>
<a href="#register" class="hw-btn btn-outline">立即报名</a>
</div>
</div>
</section>
<section class="hw-section section-alt" id="intro">
<div class="hw-container">
<div class="section-header">
<h2 class="section-title">赢自认证,智驭未来</h2>
<p class="section-desc">
华为认证覆盖 ICT 全技术领域,数通(Datacom)方向聚焦 IP
网络、路由交换、园区网、广域承载等核心能力,是网络工程师职业进阶的黄金路径。
</p>
</div>
<div class="intro-tagline"><span>真设备</span><span>真环境</span><span>真项目</span><span>真案例</span></div>
<div class="intro-grid">
<article v-for="item in introCards" :key="item.title" class="intro-card">
<div class="intro-icon">{{ item.icon }}</div>
<h3>{{ item.title }}</h3>
<p>{{ item.desc }}</p>
</article>
</div>
</div>
</section>
<section class="hw-section" id="courses">
<div class="hw-container">
<div class="section-header">
<h2 class="section-title">Datacom 认证课程体系</h2>
<p class="section-desc">从入门到专家,三个级别对应不同岗位能力要求,学员可依据基础与目标灵活选择。</p>
</div>
<div class="course-grid">
<article
v-for="course in courses"
:key="course.level"
class="course-card"
:class="{ featured: course.featured }">
<span class="course-badge">{{ course.badge }}</span>
<div class="course-header">
<div class="course-level">{{ course.level }}</div>
<h3>{{ course.title }}</h3>
<div class="course-sub">{{ course.english }}</div>
</div>
<div class="course-body">
<ul>
<li v-for="item in course.items" :key="item">{{ item }}</li>
</ul>
</div>
<div class="course-footer">
<a href="#register" class="hw-btn" :class="course.featured ? 'btn-primary' : 'btn-outline'">选择该级别</a>
</div>
</article>
</div>
</div>
</section>
<section class="hw-section section-alt" id="register">
<div class="hw-container">
<div class="section-header">
<h2 class="section-title">快速报名通道</h2>
<p class="section-desc">提交报名信息后,课程顾问将在 1 个工作日内联系您,确认学习方案与开班安排。</p>
</div>
<div class="reg-wrap">
<div class="reg-steps">
<article v-for="(item, index) in registrationSteps" :key="item.title" class="reg-step">
<div class="step-num">{{ index + 1 }}</div>
<div>
<h3>{{ item.title }}</h3>
<p>{{ item.desc }}</p>
</div>
</article>
</div>
<div class="form-card">
<h3>填写报名信息</h3>
<p class="form-hint">带 * 项为必填,我们严格保护您的个人信息。</p>
<form @submit.prevent="submitRegister">
<div class="form-row">
<label>姓名 *<input v-model="registerForm.name" type="text" placeholder="请输入姓名" /></label
><label>联系电话 *<input v-model="registerForm.phone" type="tel" placeholder="请输入手机号" /></label>
</div>
<label
>意向级别<select v-model="registerForm.level">
<option>HCIA-Datacom</option>
<option>HCIP-Datacom</option>
<option>HCIE-Datacom</option>
</select></label
>
<label
>备注需求<textarea
v-model="registerForm.note"
placeholder="可填写您的基础、目标考试时间或其他需求"></textarea>
</label>
<button type="submit" class="hw-btn btn-primary form-submit" :disabled="submitting">
{{ submitting ? '提交中…' : '提交报名' }}
</button>
</form>
</div>
</div>
</div>
</section>
<section class="hw-section" id="schedule">
<div class="hw-container">
<div class="section-header">
<h2 class="section-title">近期开班安排</h2>
<p class="section-desc">以下为数通方向近期计划开班,名额有限,开放报名中。</p>
</div>
<div class="schedule-table-wrap">
<table class="schedule-table">
<thead>
<tr>
<th>序号</th>
<th>班级名称</th>
<th>技术领域</th>
<th>开班科目</th>
<th>认证类型</th>
<th>开班日期</th>
<th>名额</th>
<th>咨询报名</th>
</tr>
</thead>
<tbody>
<tr v-for="item in schedules" :key="item.no">
<td>{{ item.no }}</td>
<td>{{ item.name }}</td>
<td>{{ item.field }}</td>
<td>{{ item.subject }}</td>
<td>{{ item.type }}</td>
<td>{{ item.date }}</td>
<td class="status-open">开放报名</td>
<td><a href="#register" class="hw-btn btn-primary table-btn">立即咨询</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
</template>
<style lang="scss" scoped>
.hw-page {
--hw-red: #c7000b;
--hw-red-dark: #a00008;
--hw-red-light: #fff0f1;
--hw-text: #1a1a1a;
--hw-muted: #666;
--hw-border: #e8e8e8;
--hw-light: #f7f8fa;
color: var(--hw-text);
background: #fff;
line-height: 1.7;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
*,
*::before,
*::after {
box-sizing: border-box;
}
h1,
h2,
h3,
p {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
}
.hw-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.hw-section {
padding: 100px 0;
}
.section-alt {
background: var(--hw-light);
}
.section-header {
max-width: 720px;
margin: 0 auto 58px;
text-align: center;
}
.section-title {
margin-bottom: 14px;
font-size: 36px;
font-weight: 700;
line-height: 1.3;
}
.section-desc {
color: #444;
font-size: 17px;
}
.hw-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 10px 28px;
border: 1.5px solid transparent;
border-radius: 999px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: 0.25s ease;
}
.btn-primary {
background: var(--hw-red);
color: #fff;
box-shadow: 0 6px 18px rgba(199, 0, 11, 0.22);
}
.btn-primary:hover {
background: var(--hw-red-dark);
color: #fff;
transform: translateY(-2px);
}
.btn-outline {
border-color: var(--hw-red);
color: var(--hw-red);
background: transparent;
}
.btn-outline:hover {
background: var(--hw-red-light);
color: var(--hw-red);
}
.hw-hero {
position: relative;
min-height: 720px;
display: flex;
align-items: center;
overflow: hidden;
background:
radial-gradient(1200px 620px at 82% -12%, rgba(199, 0, 11, 0.38), transparent 60%),
radial-gradient(900px 520px at -5% 120%, rgba(0, 118, 255, 0.2), transparent 55%),
linear-gradient(135deg, #061224, #0b1c3f 48%, #0a1330);
}
.hw-hero::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
background-size: 48px 48px;
mask-image: radial-gradient(circle at 50% 38%, #000 25%, transparent 78%);
}
.hero-tech {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.net-float {
animation: drift 26s ease-in-out infinite alternate;
transform-origin: center;
}
.net-line {
stroke: rgba(120, 200, 255, 0.2);
stroke-width: 1;
}
.net-node {
fill: #2bd4ff;
}
.net-node.red {
fill: #ff5a5f;
}
.net-pulse {
transform-box: fill-box;
transform-origin: center;
animation: pulse 3.4s ease-in-out infinite;
}
@keyframes pulse {
0%,
100% {
opacity: 0.4;
transform: scale(0.8);
}
50% {
opacity: 1;
transform: scale(1.25);
}
}
@keyframes drift {
to {
transform: translate(20px, -16px);
}
}
.hero-content {
position: relative;
z-index: 1;
color: #fff;
}
.hero-content h1 {
margin-bottom: 20px;
font-size: clamp(40px, 6vw, 64px);
font-weight: 800;
line-height: 1.15;
letter-spacing: 2px;
}
.hero-content h1 span {
color: #ff4d4f;
}
.hero-subtitle {
margin-bottom: 16px;
color: rgba(255, 255, 255, 0.95);
font-size: 22px;
font-weight: 500;
}
.hero-desc {
max-width: 560px;
margin-bottom: 36px;
color: rgba(255, 255, 255, 0.78);
font-size: 16px;
}
.hero-actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.hero-actions .btn-outline {
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
}
.hero-actions .btn-outline:hover {
border-color: #fff;
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.intro-tagline {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
margin-bottom: 50px;
font-size: 20px;
font-weight: 700;
}
.intro-tagline span {
display: flex;
align-items: center;
gap: 24px;
}
.intro-tagline span:not(:last-child)::after {
content: '·';
color: var(--hw-red);
font-size: 28px;
line-height: 1;
}
.intro-grid,
.course-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.intro-card,
.course-card,
.reg-step,
.form-card,
.schedule-table-wrap {
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.intro-card {
padding: 32px 24px;
background: #fff;
transition: 0.3s ease;
}
.intro-card:hover,
.course-card:hover,
.reg-step:hover {
transform: translateY(-6px);
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
}
.intro-icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
margin-bottom: 18px;
border-radius: 14px;
background: var(--hw-red-light);
color: var(--hw-red);
font-size: 28px;
font-weight: 700;
}
.intro-card h3 {
margin-bottom: 10px;
font-size: 18px;
}
.intro-card p,
.reg-step p {
color: #444;
font-size: 14px;
}
.course-grid {
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.course-card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background: #fff;
transition: 0.3s ease;
}
.course-badge {
position: absolute;
top: 20px;
right: 20px;
padding: 5px 12px;
border-radius: 999px;
background: var(--hw-red);
color: #fff;
font-size: 12px;
font-weight: 700;
}
.course-header {
padding: 36px 28px 24px;
border-bottom: 1px solid var(--hw-border);
background: linear-gradient(135deg, #f8f9fb, #fff);
}
.course-level {
margin-bottom: 8px;
color: var(--hw-red);
font-size: 14px;
font-weight: 700;
}
.course-header h3 {
margin-bottom: 8px;
font-size: 24px;
font-weight: 800;
}
.course-sub,
.form-hint {
color: #888;
font-size: 14px;
}
.course-body {
flex: 1;
padding: 28px;
}
.course-body ul {
padding: 0;
margin: 0;
list-style: none;
}
.course-body li {
display: flex;
gap: 10px;
margin-bottom: 12px;
color: #444;
font-size: 15px;
}
.course-body li::before {
content: '✓';
flex-shrink: 0;
color: var(--hw-red);
font-weight: 700;
}
.course-footer {
padding: 20px 28px 28px;
}
.course-footer .hw-btn {
width: 100%;
}
.reg-wrap {
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 48px;
align-items: center;
}
.reg-steps {
display: flex;
flex-direction: column;
gap: 20px;
}
.reg-step {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 24px;
background: #fff;
transition: 0.3s ease;
}
.step-num {
display: grid;
place-items: center;
flex-shrink: 0;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--hw-red);
color: #fff;
font-weight: 700;
}
.reg-step h3 {
margin: 2px 0 6px;
font-size: 18px;
}
.form-card {
padding: 40px;
background: #fff;
}
.form-card h3 {
margin-bottom: 8px;
font-size: 24px;
}
.form-hint {
margin-bottom: 28px;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.form-card label {
display: block;
margin-bottom: 18px;
font-size: 14px;
font-weight: 600;
}
.form-card input,
.form-card select,
.form-card textarea {
display: block;
width: 100%;
padding: 12px 16px;
margin-top: 6px;
border: 1px solid var(--hw-border);
border-radius: 10px;
outline: 0;
background: #fff;
color: var(--hw-text);
font: inherit;
font-size: 15px;
transition: 0.2s;
}
.form-card textarea {
min-height: 90px;
resize: vertical;
}
.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus {
border-color: var(--hw-red);
box-shadow: 0 0 0 3px rgba(199, 0, 11, 0.08);
}
.form-submit {
width: 100%;
border: 0;
}
.form-submit:disabled {
cursor: wait;
opacity: 0.65;
}
.schedule-table-wrap {
overflow: hidden;
background: #fff;
}
.schedule-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
}
.schedule-table th {
padding: 16px 20px;
border-bottom: 1px solid var(--hw-border);
background: #fafbfc;
color: #444;
font-weight: 600;
text-align: left;
}
.schedule-table td {
padding: 18px 20px;
border-bottom: 1px solid var(--hw-border);
}
.schedule-table tr:last-child td {
border-bottom: 0;
}
.schedule-table tbody tr:hover td {
background: #fafbfc;
}
.status-open {
color: #2aa515;
font-weight: 600;
}
.table-btn {
min-height: 36px;
padding: 7px 18px;
font-size: 13px;
}
@media (max-width: 1024px) {
.intro-grid {
grid-template-columns: repeat(2, 1fr);
}
.reg-wrap {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.hw-section {
padding: 72px 0;
}
.hero-content {
align-self: flex-end;
padding-bottom: 60px;
}
.hw-hero {
min-height: 600px;
align-items: flex-end;
}
.intro-grid,
.course-grid {
grid-template-columns: 1fr;
}
.intro-tagline {
gap: 12px;
font-size: 16px;
}
.intro-tagline span {
gap: 12px;
}
.section-title {
font-size: 28px;
}
.form-row {
grid-template-columns: 1fr;
gap: 0;
}
.schedule-table-wrap {
overflow-x: auto;
}
.schedule-table {
min-width: 800px;
}
}
@media (prefers-reduced-motion: reduce) {
.net-float,
.net-pulse,
.intro-card,
.course-card,
.reg-step,
.hw-btn {
animation: none;
transition: none;
}
}
}
</style>
<script setup> <script setup>
const certList = [ const certList = [
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_1.png', img: 'https://webapp-pub.ezijing.com/www/pc/next/cert/cert_1.png',
name: '人工智能通识应用', name: '人工智能通识应用',
tags: ['AI知识体系', '人机交互', 'AI应用素养'], tags: ['AI知识体系', '人机交互', 'AI应用素养'],
desc: '本项目旨在培养学员掌握人工智能,特别是大模型技术的通识性理论与应用技能,使其成为具备AI素养、符合数字时代要求的复合型人才。', desc: '本项目旨在培养学员掌握人工智能,特别是大模型技术的通识性理论与应用技能,使其成为具备AI素养、符合数字时代要求的复合型人才。',
href: 'https://eec.ezijing.com/AI', href: 'https://eec.ezijing.com/AI',
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_2.png', img: 'https://webapp-pub.ezijing.com/www/pc/next/cert/cert_2.png',
name: '智能数据分析与实战应用', name: '智能数据分析与实战应用',
tags: ['分级精准培养', '技能层层递进', '权威证书认证'], tags: ['分级精准培养', '技能层层递进', '权威证书认证'],
desc: '本培训分初、中、高三级培养智能数据分析人才,递进提升数据技能,考核合格颁发对应等级工信部证书,助力胜任各层级岗位并赋能企业决策。', desc: '本培训分初、中、高三级培养智能数据分析人才,递进提升数据技能,考核合格颁发对应等级工信部证书,助力胜任各层级岗位并赋能企业决策。',
href: 'https://eec.ezijing.com/product', href: 'https://eec.ezijing.com/product',
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_3.png', img: 'https://webapp-pub.ezijing.com/www/pc/next/cert/cert_3.png',
name: '智能数据营销与实战应用', name: '智能数据营销与实战应用',
tags: ['营销技能实战', '数字策略掌握', '权威认证加持'], tags: ['营销技能实战', '数字策略掌握', '权威认证加持'],
desc: '智能数字营销与实战应用证书分初、中、高三级,系统培养营销实战、数字策略能力,权威认证加持,助力胜任各层级相关岗位。', desc: '智能数字营销与实战应用证书分初、中、高三级,系统培养营销实战、数字策略能力,权威认证加持,助力胜任各层级相关岗位。',
href: 'https://eec.ezijing.com/', href: 'https://eec.ezijing.com/',
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_4.png', img: 'https://webapp-pub.ezijing.com/www/pc/next/cert/cert_hw.png',
name: '华为HALP认证培训项目',
tags: ['官方授权', '合规培训', '人才认证'],
desc: '面向网络工程、通信技术、云计算等相关专业,构建从 HCIA 到 HCIE 的完整 Datacom 技术进阶体系。真设备、真环境、真项目、真案例,助力学员成为企业级网络架构师。',
href: '/certificate/hw',
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/next/cert/cert_4.png',
name: '中/高端酒店总经理培养项目', name: '中/高端酒店总经理培养项目',
tags: ['双方导师培养', '真实运营案例', '岗位直通快车'], tags: ['双方导师培养', '真实运营案例', '岗位直通快车'],
desc: '瑞士酒店MBA中心与万达酒店高管联合授课,先进理论+万达酒店运营案例,学员深度参与酒店运营,全面提升薄弱项和简历含金量;考核优秀者直通万达酒店副/总经理岗位面试。', desc: '瑞士酒店MBA中心与万达酒店高管联合授课,先进理论+万达酒店运营案例,学员深度参与酒店运营,全面提升薄弱项和简历含金量;考核优秀者直通万达酒店副/总经理岗位面试。',
href: 'https://wdgm.ezijing.com/', href: 'https://wdgm.ezijing.com/',
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_5.png', img: 'https://webapp-pub.ezijing.com/www/pc/next/cert/cert_5.png',
name: '私人财富风险管理课程', name: '私人财富风险管理课程',
tags: ['专家联合研发', '聚焦财富风控', '碎片系统学习'], tags: ['专家联合研发', '聚焦财富风控', '碎片系统学习'],
desc: '本项目旨在培育未来十年私人财富市场引领者,助学员突破认知、升级心智,强化风控能力,专家研发适配碎片学习,权威出品赋能行业。', desc: '本项目旨在培育未来十年私人财富市场引领者,助学员突破认知、升级心智,强化风控能力,专家研发适配碎片学习,权威出品赋能行业。',
...@@ -75,7 +82,7 @@ const zzfwList = ['顶层设计服务', '技能培训服务', '行业讲座服 ...@@ -75,7 +82,7 @@ const zzfwList = ['顶层设计服务', '技能培训服务', '行业讲座服
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<div class="cert-list"> <div class="cert-list">
<div class="cert-list-item first"> <div class="cert-list-item first" v-if="false">
<h2> <h2>
<span>一纸职业证</span><br /> <span>一纸职业证</span><br />
职场硬底气 职场硬底气
......
-----BEGIN PRIVATE KEY----- -----BEGIN PRIVATE KEY-----
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
VVHxq6SAJISF+xTozN/XGIA= xOPdpU+SBWVH+tTlOFw5CEs=
-----END PRIVATE KEY----- -----END PRIVATE KEY-----
-----BEGIN CERTIFICATE----- -----BEGIN CERTIFICATE-----
MIIEADCCAmigAwIBAgIQZ9aCeaRPzbHPSS2pWOl5SjANBgkqhkiG9w0BAQsFADBP MIIELzCCApegAwIBAgIRALyw32c6ybX14DtwVh9VFtAwDQYJKoZIhvcNAQELBQAw
MR4wHAYDVQQKExVta2NlcnQgZGV2ZWxvcG1lbnQgQ0ExEjAQBgNVBAsMCW1heEBi fTEeMBwGA1UEChMVbWtjZXJ0IGRldmVsb3BtZW50IENBMSkwJwYDVQQLDCBtYXhA
b2dvbjEZMBcGA1UEAwwQbWtjZXJ0IG1heEBib2dvbjAeFw0yNjAyMDMwMjQzMjFa TWF4ZGVNYWNCb29rLVByby5sb2NhbCAoTWF4KTEwMC4GA1UEAwwnbWtjZXJ0IG1h
Fw0yODA1MDMwMjQzMjFaMEMxJzAlBgNVBAoTHm1rY2VydCBkZXZlbG9wbWVudCBj eEBNYXhkZU1hY0Jvb2stUHJvLmxvY2FsIChNYXgpMB4XDTI2MDczMTA4NTY0MloX
ZXJ0aWZpY2F0ZTEYMBYGA1UECwwPbWF4QGJvZ29uIChNYXgpMIIBIjANBgkqhkiG DTI4MTAzMTA4NTY0MlowQzEnMCUGA1UEChMebWtjZXJ0IGRldmVsb3BtZW50IGNl
9w0BAQEFAAOCAQ8AMIIBCgKCAQEA0JFA7pcThUomTUkAcoSb484lNOYT02XJcugt cnRpZmljYXRlMRgwFgYDVQQLDA9tYXhAYm9nb24gKE1heCkwggEiMA0GCSqGSIb3
gaZ+ranQYqLSPRMTxftQahKsoImeqK3EkNdcVuhUACOsbHeOGwPaQBicsxJsitbw DQEBAQUAA4IBDwAwggEKAoIBAQDPYnl4LPNGcXvL+N3HEBrHSbynB8Ro228kmafg
cFJZSL8uuuT+uIY8dIRi/HvMUgnnHdywPmoqrcv+oyHkOVi+0gSpBi54Xxa4Z6Ak ytW18JZhYE8uIar/DFq9k+EgLI7qeL+nwXkUu/LHbs1838+4Mlyrb6ZXMEPODnbv
5wXP+F+j1qTfcS6U5fuCXyufKn47eqUqHdWAxzGA3hhDxYjyjWGsBWM5BOdBcZLo S8jrBLByZAeB5pIkm5m3y5NAcMWkaSb3TtiuUxtZzsx/ktOzneIm/OFNYIqxvxjf
ydM4pU6Je5xTYzKxCrI12g17wz6wv/0Zn17FC6TqEJLw2afRIst2R71v57H4s1nm Zbad6dXERpZX38lEwFCsLQgq+itXBWgd8/sSpgjkzoJZ3utbu2NPwPiORtk18LnX
u2w72aSyMz7QR5jq8++lGsoaeHGgBZQALlFaDWAD55edqipt/wIDAQABo2QwYjAO Ga46fYcHGBilY6+EGIBnXyslf09Jf8CEds+2bSLqWhkzh8T44g+P4dxIXpsucLca
BgNVHQ8BAf8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwHwYDVR0jBBgwFoAU RPPb2kJNyjy8VAgo05b7HsIMCenI5nSej1je4jUrMO+haLThAgMBAAGjZDBiMA4G
Snxuhaez2tptVFUj9BqqivFtRyIwGgYDVR0RBBMwEYIPZGV2LmV6aWppbmcuY29t A1UdDwEB/wQEAwIFoDATBgNVHSUEDDAKBggrBgEFBQcDATAfBgNVHSMEGDAWgBRH
MA0GCSqGSIb3DQEBCwUAA4IBgQAR0lY1wyw6uEg7IuxfskiqXQ0RvnQsbpOVc9Gs iFuaLY41o2qyJyWazZCE80JfzTAaBgNVHREEEzARgg9kZXYuZXppamluZy5jb20w
/n6WOhw0RRGc1RZ+COJDurZtFjnW9f59IbLO8QDsb+V03Ydyqze8btzcIzsOxdyC DQYJKoZIhvcNAQELBQADggGBADh1oixSpX0swvULQnIC/+DHUugbAL11Y4NKFhBC
n74TYmDaDAxdhe0UEDDGZJ4U6wu+mUB6pUWap0JyjdXvpoJcwtt11n1EdSyXCtIY 30ik76ciUsiUKSqn1N7I3bGVUo3zyLu232nhQc9tkQiR8g+sGzIgE/Bzh7c1/F3w
LevSSPI75hqOGsAcao0ryKdyFjtXnNU79x04DX+8piXgksYnSQRP1yX3SzALUfnN gNmKfumTpgzj8KxVgvaxhSQCoMgwNHH3MXK8fPY1awj4YsIY4keMhrkXSPUyhgEE
eszsQs9tvXO1xioodem1ISTm7YQsJxmxTPRB496zboaNNz21ROjVTfhoWKfUV9CY NZw8eENe/tcYHGUP8Ra6pLRLQDKhBRR3fGbGL86sbAvt0t1+UM+5PdaZHV/6U7zv
tELfiio9MpNYnkdP1qAye1fcsWbN1TSdWebM289zuSiutQRZu2aQaYur9jhxTk2u NIronjm93gyVWb8aGnFeK1tcNQ8TH1VO5bKXaBKD9fRYlVWQnJMkynMEUL7wJK9y
dvwXtAFDfPjjmnA/zrAUj77/EAgFeSY8tiIPw7RYPc9sUDTpYaMkpG5U0onR3r2E YxA/JhkzRXuY0Fvw9Ygy07f7q2opC7xl+rqbbXUkoA1bE8fIQOI/4NamD/7DnMOj
9blw5egfOOwmhJ/S1jin+eePwg6TwQ3OqaftSqCMPY44qmfjny++bSLF5JWE7BkO +scJd8B5g5iwobj0Fxv13sy7LnyojCe4sdzL698EhOW94/rlQ7waaahUgOlOHoXv
q38yo3tKEMB7PulZo4te5DxkrTU= ScP6o1dKK/suK7bdSxWvIQcrKXDsEk8vFz2cmxnq2dJvDvDV/aYcXeVKZLmQ8+iz
mrpoD4uU6Q/m8vHFeEepDjpIdg==
-----END CERTIFICATE----- -----END CERTIFICATE-----
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑!
请 注册 或者 后发表评论