chore: 新增职业认证

components/Head.vue

@@ -38,36 +38,28 @@
         <template v-for="(item, index) in navData">
           <li :key="index">
             <div :class="getNameActive(item)">
-              <template v-if="!item.path">
-                <template v-if="item.click">
-                  <span @click="showEnroll" v-html="item.name"></span>
-                </template>
-                <template v-else v-html="item.name"> </template>
-              </template>
-              <template v-else>
-                <nuxt-link :to="item.path"> <div v-html="item.name"></div></nuxt-link>
-              </template>
+              <AppLink :to="item.path">{{ item.name }}</AppLink>
             </div>
 
-            <div class="child-item" v-if="item.childern">
+            <div class="child-item" v-if="item.children">
               <div class="one-level">
-                <template v-for="(level2Item, level2Index) in item.childern">
+                <template v-for="(level2Item, level2Index) in item.children">
                   <div
                     :class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
                     :key="level2Index + 'level2'"
                     @mouseenter="levelShow(level2Item)"
                     @mouseleave="levelShow(level2Item, 'out')">
                     <div @click="goPage(level2Item.path, level2Item.pathType)" class="name" :class="isEn === true ? 'name1' : ''" v-html="level2Item.name"></div>
-                    <div class="el-icon-arrow-right" v-if="level2Item.childern"></div>
+                    <div class="el-icon-arrow-right" v-if="level2Item.children"></div>
                   </div>
                 </template>
               </div>
-              <template v-for="(level2Item, level2Index) in item.childern">
+              <template v-for="(level2Item, level2Index) in item.children">
                 <div class="two-level" :key="level2Index + 'two-level2'" v-if="level2Item.isShow" @mouseenter="level3Show" @mouseleave="level3Show(level2Item, 'out')">
                   <div
                     @click="goPage(level3Item.path, level3Item.pathType)"
                     :class="isEn === true ? 'name1' : 'name'"
-                    v-for="(level3Item, level3Index) in level2Item.childern"
+                    v-for="(level3Item, level3Index) in level2Item.children"
                     :key="level3Index + level3Item">
                     {{ level3Item.name }}
                   </div>
@@ -81,14 +73,17 @@
   </div>
 </template>
 <script>
+import AppLink from '@/components/Link'
+
 export default {
+  components: { AppLink },
   data() {
     return {
       navData: [
         {
           name: this.$t('menu.about'),
           path: '/about/introduce',
-          childern: [
+          children: [
             {
               name: this.$t('menu.aboutChild.about'),
               isShow: false,
@@ -120,11 +115,11 @@ export default {
         {
           name: '产教融合',
           path: '/digital/yx_1',
-          childern: [
+          children: [
             {
               name: '院校',
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: 'IDE数字经济产业学院',
                   path: '/digital/yx_2'
@@ -146,7 +141,7 @@ export default {
             {
               name: '政府',
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: '数字技能公共实训基地',
                   path: '/digital/zf_1'
@@ -156,7 +151,7 @@ export default {
             // {
             //   name: '企业',
             //   isShow: false,
-            //   childern: [
+            //   children: [
             //     {
             //       name: '全球数字领导力学者博士项目',
             //       path: 'https://dld.ezijing.com',
@@ -178,7 +173,7 @@ export default {
         // {
         //   name: this.$t('menu.base'),
         //   path: '/practice',
-        //   childern: [
+        //   children: [
         //     {
         //       name: this.$t('menu.baseChild.industry'),
         //       path: '/practice/industry',
@@ -189,7 +184,7 @@ export default {
         //       path: '/practice/laboratory',
         //       isShow: false,
         //       isShowChild: false,
-        //       childern: [
+        //       children: [
         //         {
         //           name: '商业数据分析实验室',
         //           path: '/practice/laboratory/analysis'
@@ -205,7 +200,7 @@ export default {
         //       path: '/practice/skill',
         //       isShow: false,
         //       isShowChild: false,
-        //       childern: [
+        //       children: [
         //         {
         //           name: '1+X金融产品数字化营销职业技能等级证书',
         //           path: 'https://x.ezijing.com/index',
@@ -244,7 +239,7 @@ export default {
         // {
         //   name: this.$t('menu.industrial'),
         //   path: '/services',
-        //   childern: [
+        //   children: [
         //     {
         //       name: this.$t('menu.industrialChild.saas'),
         //       path: 'https://e-saas.ezijing.com/',
@@ -262,7 +257,7 @@ export default {
         //       isShow: false,
         //       isShowChild: false,
 
-        //       childern: [
+        //       children: [
         //         {
         //           name: this.$t('menu.industrialCollegeChild.data'),
         //           path: '/practice/laboratory/analysis'
@@ -298,11 +293,11 @@ export default {
         {
           name: this.$t('menu.degree'),
           path: '/internationalDegree',
-          childern: [
+          children: [
             {
               name: this.$t('menu.degreeChild.master'),
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: this.$t('menu.degreeChild.masterChild.msf'),
                   path: 'https://kelley.ezijing.com',
@@ -328,7 +323,7 @@ export default {
             {
               name: 'EMBA',
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: '领航数字时代EMBA',
                   path: 'http://marywood.ezijing.com/',
@@ -339,7 +334,7 @@ export default {
             {
               name: this.$t('menu.degreeChild.mba'),
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: this.$t('menu.degreeChild.mbaChild.mba'),
                   path: 'http://marywood.ezijing.com/',
@@ -361,7 +356,7 @@ export default {
             {
               name: '工商管理博士DBA',
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: '全球科技创新管理学者项目',
                   path: 'https://cbu-online.ezijing.com/',
@@ -372,7 +367,7 @@ export default {
             {
               name: '企业家学者DBA',
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: '数字领导力企业家学者（DBA）',
                   path: 'https://dld.ezijing.com/',
@@ -385,11 +380,11 @@ export default {
         {
           name: this.$t('menu.abroad'),
           path: '/studyAbroad',
-          childern: [
+          children: [
             {
               name: this.$t('menu.degreeChild.master'),
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: this.$t('menu.degreeChild.masterChild.sbu'),
                   path: 'https://sbu-plus.ezijing.com/',
@@ -415,7 +410,7 @@ export default {
             {
               name: this.$t('menu.degreeChild.doctor'),
               isShow: false,
-              childern: [
+              children: [
                 {
                   name: this.$t('menu.degreeChild.doctorChild.cbu_plus'),
                   path: 'https://cbu-plus.ezijing.com/',
@@ -430,6 +425,26 @@ export default {
             }
           ]
         },
+        {
+          name: '职业认证',
+          children: [
+            {
+              name: '1+X金融产品数字化营销',
+              path: 'https://x.ezijing.com',
+              pathType: 1
+            },
+            {
+              name: '私人财富风险管理(PRP)课程',
+              path: 'https://prp.ezijing.com',
+              pathType: 1
+            },
+            {
+              name: '金融保险（FI）系列课程',
+              path: 'https://paa.ezijing.com',
+              pathType: 1
+            }
+          ]
+        },
         {
           name: this.$t('menu.story'),
           path: '/alumnus/story',
@@ -445,9 +460,9 @@ export default {
     this.$store.dispatch('checkLogin')
     if (this.isEn) {
       this.navData.map(item => {
-        item?.childern?.map(it => {
+        item?.children?.map(it => {
           if (it.isShowChild === false) {
-            it.childern = ''
+            it.children = ''
           }
           return it
         })
@@ -481,7 +496,7 @@ export default {
       }
     },
     levelShow(item, isOut) {
-      if (item.childern) {
+      if (item.children) {
         if (isOut) {
           clearTimeout(this.time)
           this.time = setTimeout(() => {
@@ -504,8 +519,8 @@ export default {
     },
     navLeave() {
       this.navData.map(item => {
-        if (item.childern) {
-          item.childern.map(cItem => {
+        if (item.children) {
+          item.children.map(cItem => {
             cItem.isShow = false
           })
         }
@@ -529,8 +544,8 @@ export default {
           return 'name active'
         } else {
           let className = 'name'
-          if (item.childern) {
-            item.childern.map(cData => {
+          if (item.children) {
+            item.children.map(cData => {
               cData.path === currentPath && (className = 'name active')
             })
           }