feat: 课程

src/components/business/EasyProcess/common/data.ts

@@ -31,7 +31,7 @@ export const nodeConfigData: Record<EasyProcess.NodeType, EasyProcess.Node> = {
     canAdd: false,
     canRemoved: true,
     hasDrawer: true,
-    icon: { name: '&#xe84c;' },
+    icon: { name: '&#xe7b7;' },
     defaultNode: { nodeName: '条件', nodeType: 'condition', isLastCondition: false, nodeData: {} }
   },
   fault: {

src/views/dashboard/console/index.vue

@@ -5,7 +5,10 @@
       <div class="col-span-2 row-span-2 flex items-center justify-center rounded-2xl bg-green-500 text-xl font-bold text-white shadow-md">
         <div class="text-2xl font-extrabold">教员培训</div>
         <div class="text-lg font-semibold">二级标题</div>
-        <el-button class="rounded-2xl" type="primary" size="large" @click="() => router.push('/')"> 开始学习课程 </el-button>
+        <el-button class="rounded-2xl" type="primary" size="large" @click="() => router.push('/')"> 
+          <span>开始学习课程</span>
+          <Icon :icon="'&#xe792;'"/>  
+        </el-button>
       </div>
 
       <!-- 课程编辑 -->

src/views/train/course/index.vue

@@ -2,16 +2,76 @@
 @description: 课程列表
 @creationTime: 2025-09-23
 -->
-
 <template>
   <view>课程列表</view>
+   <ElRow :gutter="20">
+      <ElCol :xs="24" :sm="12" :md="6" v-for="card in imageCards" :key="card.id">
+        <ArtImageCard
+          :imageUrl="card.imageUrl"
+          :title="card.title"
+          :category="card.category"
+          :readTime="card.readTime"
+          :views="card.views"
+          :comments="card.comments"
+          :date="card.date"
+          @click="handleImageCardClick(card)"
+        />
+      </ElCol>
+    </ElRow>
 </template>
 
 <script lang="ts" setup>
-  defineOptions({ name: '课程列表' })
-  /* ------------------------ 导入 与 引用 ----------------------------------- */
-  /* ------------------------ 函数 与 方法 ----------------------------------- */
-  /* ------------------------- 生命周期 -------------------------------------- */
+  import cover1 from '@imgs/cover/img1.webp'
+  import cover2 from '@imgs/cover/img2.webp'
+  import cover3 from '@imgs/cover/img3.webp'
+  import cover4 from '@imgs/cover/img4.webp'
+
+  const imageCards = [
+    {
+      id: 1,
+      imageUrl: cover1,
+      title: 'AI技术在医疗领域的创新应用与发展前景',
+      category: '社交',
+      readTime: '2分钟',
+      views: 9125,
+      comments: 3,
+      date: '12月19日 周一'
+    },
+    {
+      id: 2,
+      imageUrl: cover2,
+      title: '大数据分析助力企业决策的实践案例',
+      category: '技术',
+      readTime: '3分钟',
+      views: 7234,
+      comments: 5,
+      date: '12月20日 周二'
+    },
+    {
+      id: 3,
+      imageUrl: cover3,
+      title: '区块链技术在供应链管理中的应用',
+      category: '科技',
+      readTime: '4分钟',
+      views: 5678,
+      comments: 8,
+      date: '12月21日 周三'
+    },
+    {
+      id: 4,
+      imageUrl: cover4,
+      title: '云计算技术发展趋势与未来展望',
+      category: '云技术',
+      readTime: '5分钟',
+      views: 4321,
+      comments: 6,
+      date: '12月22日 周四'
+    }
+  ]
+
+  const handleImageCardClick = (card: any) => {
+    console.log(card)
+  }
 </script>
 
 <style lang="scss" scoped></style>