新增实操课程库

.config.dev.js

@@ -34,6 +34,7 @@ module.exports = {
   ProvidePlugin: {},
   others: {
     baseUrl: 'https://learn-api2.ezijing.com',
-    loginUrl: 'https://login2.ezijing.com/xlearn/login/index'
+    loginUrl: 'https://login2.ezijing.com/xlearn/login/index',
+    xtrainingUrl: 'https://x-training2.ezijing.com'
   }
 }

.config.pro.js

@@ -15,6 +15,7 @@ module.exports = {
   ProvidePlugin: {},
   others: {
     baseUrl: 'https://learn-api.ezijing.com',
-    loginUrl: 'https://login.ezijing.com/xlearn/login/index'
+    loginUrl: 'https://login.ezijing.com/xlearn/login/index',
+    xtrainingUrl: 'https://xtraining.ezijing.com'
   }
 }

.config.test.js

@@ -15,6 +15,7 @@ module.exports = {
   ProvidePlugin: {},
   others: {
     baseUrl: 'https://learn-api2.ezijing.com',
-    loginUrl: 'https://login2.ezijing.com/xlearn/login/index'
+    loginUrl: 'https://login2.ezijing.com/xlearn/login/index',
+    xtrainingUrl: 'https://x-training2.ezijing.com'
   }
 }

src/components/layout/aside.vue

@@ -91,9 +91,7 @@ export default {
         {
           title: '实操资源',
           icon: 'icon-kaoshihong',
-          children: [
-            { title: '实操课程库', path: 'https://xtraining.ezijing.com/', href: 'https://xtraining.ezijing.com/' }
-          ]
+          children: [{ title: '实操课程库', path: '/teacher/practicalCourse' }]
         }
         // {
         //   title: '试题库',

src/pages/teacher/practicalCourse/index.vue

+<template>
+  <app-container title="实操课程库">
+    <template #header-right>
+      <div class="search">
+        <el-input prefix-icon="el-icon-search" clearable v-model="searchValue" @keyup.enter.native="handleSearch" />
+        <el-button type="text" @click="handleSearch">搜索</el-button>
+      </div>
+    </template>
+    <div v-for="(item, index) in currentList" :key="index">
+      <div class="course-item" @click="handleClick(item)">
+        <img class="course-item-pic" :src="item.pic" />
+        <div class="course-item-content">
+          <div class="course-item__title">{{ item.title }}</div>
+        </div>
+        <div class="course-item__buttons">
+          <el-button type="primary" size="small" round>进入系统</el-button>
+        </div>
+      </div>
+    </div>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/AppContainer'
+
+export default {
+  components: { AppContainer },
+  data() {
+    return {
+      searchValue: '',
+      list: [
+        {
+          pic: 'https://img1.ezijing.com/curriculum/course/3698bdf1498796a9c904ff7580aef528.jpg',
+          title: '金融产品数字化营销职业技能等级证书学习平台实操初级'
+        },
+        {
+          pic: 'https://img1.ezijing.com/curriculum/course/ccbf8c883ff3fcab7098775121d95d34.jpg',
+          title: '金融产品数字化营销职业技能等级证书学习平台实操中级'
+        },
+        {
+          pic: 'https://img1.ezijing.com/curriculum/course/d29395d238e5b074e04cebdf6e845185.jpg',
+          title: '金融产品数字化营销职业技能等级证书学习平台实操高级'
+        }
+      ]
+    }
+  },
+  computed: {
+    currentList() {
+      if (!this.searchValue) {
+        return this.list
+      }
+      return this.list.filter(item => {
+        return item.title.includes(this.searchValue.trim())
+      })
+    }
+  },
+  methods: {
+    handleClick(data) {
+      window.open(webConf.others.xtrainingUrl)
+    },
+    // 搜索
+    handleSearch() {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search {
+  display: flex;
+  width: 300px;
+  .el-button {
+    margin-left: 10px;
+  }
+}
+.course-item {
+  display: flex;
+  padding: 14px 0;
+  cursor: pointer;
+}
+.course-item + .course-item {
+  border-top: 1px solid #ccc;
+}
+.course-item-pic {
+  width: 160px;
+  height: 90px;
+  margin-right: 20px;
+  border-radius: 2px;
+  overflow: hidden;
+  cursor: pointer;
+}
+.course-item-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+}
+.course-item__title {
+  font-size: 18px;
+  font-weight: bold;
+  color: #222;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+.course-item__buttons {
+  align-self: center;
+}
+</style>

src/router/routes.js

@@ -54,6 +54,14 @@ const examAnswer = [
   }
 ]
 
+const teacherRoutes = [
+  /* 模拟考试 */
+  {
+    path: '/teacher/practicalCourse',
+    component: () => import(/* webpackChunkName: "exam" */ '@/pages/teacher/practicalCourse/index')
+  }
+]
+
 export default [
   { path: '*', redirect: '/index' },
   { path: '/', redirect: '/course/learn' },
@@ -97,7 +105,8 @@ export default [
       },
       /* 考证课程 */
       ...courseRoutes,
-      ...examAnswer
+      ...examAnswer,
+      ...teacherRoutes
     ]
   },
   // 课程知识点详情