新增技能培训详情api

src/api/SkillTraining/index.js

@@ -2,8 +2,8 @@
  * @Description: 技能培训
  * @Author: 空白格
  * @Date: 2022-08-12 09:31:28
- * @LastEditors: 空白格
- * @LastEditTime: 2022-08-12 11:32:00
+ * @LastEditors: gcz
+ * @LastEditTime: 2022-08-25 15:25:26
  * @FilePath: \veterans_client_web\src\api\SkillTraining\index.js
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
  */
@@ -65,3 +65,16 @@ export function signUpClass(data) {
     data
   })
 }
+
+/**
+ * 技能培训详情
+ * @param {*} params
+ * @returns
+ */
+export function getTrainDetail(params) {
+  return request({
+    url: `/app/learnmember/myTrainDetail${params.id}`,
+    method: 'get',
+    params
+  })
+}

src/views/PersonalCenter/SkillTraining/SkillsTrainingDetails.vue

@@ -3,17 +3,33 @@
  * @Author: gcz
  * @Date: 2022-08-25 15:01:55
  * @LastEditors: gcz
- * @LastEditTime: 2022-08-25 15:05:07
+ * @LastEditTime: 2022-08-25 15:26:12
  * @FilePath: \veterans_client_web\src\views\PersonalCenter\SkillTraining\SkillsTrainingDetails.vue
  * @Copyright: Copyright (c) 2016~2022 by gcz, All Rights Reserved. 
 -->
 <template>
-    <div class=''>
-        personalcenter/skillsTrainingDetails
+    <div class='app-main'>
+        <section class="base-info-wrap">
+            <div class="app-main-box u-flex u-row-between">
+                <div class="base-info-left">
+                    <el-image
+                        style="width: 100px; height: 100px"
+                        :src="url"
+                        fit="contain"></el-image>
+                </div>
+                <div class="base-info-right"></div>
+            </div>
+        </section>
+        <div class="app-main-box">
+            <div class="app-main-box-content">
+
+            </div>
+        </div>
     </div>
 </template>
 
 <script>
+import { getTrainDetail } from "@/api/SkillTraining";
     export default {
         name: '',
         components: {},
@@ -28,5 +44,8 @@
 </script>
 
 <style lang='scss' scoped>
-
+.base-info-wrap{
+    background: #43565F;
+    padding: 35px 0 100px;
+}
 </style>