From eb8384491acc7794ca91c5b3a4a2712ec94d5d77 Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Mon, 26 Aug 2024 15:11:00 +0800
Subject: [PATCH 1/6] =?UTF-8?q?=E7=BD=91=E7=AB=99=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2:=E5=A4=B4=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Layout/main/index.vue              |  6 ++-
 src/Layout/tabbar/index.vue            | 74 ++++++++++++++++++++++----
 src/api/configuration.ts               | 42 +++++++++++++++
 src/router/module/constRouter/index.ts | 22 ++++----
 src/store/module/adminInfo.ts          | 32 +++++++++++
 src/store/module/user.ts               |  2 +-
 6 files changed, 154 insertions(+), 24 deletions(-)
 create mode 100644 src/api/configuration.ts
 create mode 100644 src/store/module/adminInfo.ts

diff --git a/src/Layout/main/index.vue b/src/Layout/main/index.vue
index 077b17b..5ae869e 100644
--- a/src/Layout/main/index.vue
+++ b/src/Layout/main/index.vue
@@ -6,10 +6,10 @@
   </section> -->
   <div class="view-container">
     <div class="banner">
-      <img src="../../assets/images/banner4.jpg" alt="">
+      <img :src="adminInfoStore.info.promotionalImages" alt="" style="max-height: 409px;">
       <div class="source-box">
         <div class="source">
-          开源智慧教程管理系统
+          {{ adminInfoStore.info.name }}
         </div>
         <div class="describe">首次开源</div>
       </div>
@@ -20,6 +20,8 @@
 </template>
 
 <script lang="ts" setup>
+import useAdminInfoStore from '@/store/module/adminInfo'
+const adminInfoStore = useAdminInfoStore()
 import { } from 'vue'
 import { useRoute } from 'vue-router'
 const $route = useRoute()
diff --git a/src/Layout/tabbar/index.vue b/src/Layout/tabbar/index.vue
index 3272ba3..babe0fe 100644
--- a/src/Layout/tabbar/index.vue
+++ b/src/Layout/tabbar/index.vue
@@ -1,24 +1,50 @@
 <template>
-  <div :class="!flog&&false ? 'tabbar' : 'tabbar-active'">
+  <div :class="!flog && false ? 'tabbar' : 'tabbar-active'">
     <div class="container">
       <div class="logo-box">
-        <div class="logo"><img src="../../assets/images/LOGO.png"></div>
+        <div class="logo"><img :src="adminInfoStore.info.logo"></div>
         <div class="lesson">课图</div>
       </div>
 
       <div class="menu">
         <ul>
-          <li :class="{ active: settingStore.useIndex === index }" v-for="(item, index) in constRouter[0].children"
-            v-show="!item.meta.hidden" :key="item.path" @click="goToRouter(item, index)">
-            <div>{{ item.meta.title }}</div>
-          </li>
-          <li v-if="$route.path != '/home'" @click="$router.push('/')">回到首页</li>
+          <template v-for="(item, index) in constRouter[0].children">
+            <li v-if="index < 2" :class="{ active: settingStore.useIndex === index }" v-show="!item.meta.hidden"
+              @click="goToRouter(item, index)">
+              <div>{{ item.meta.title }}</div>
+            </li>
+          </template>
+          <li @click="skip('http://localhost:5173/#/curriculumCenter/basicCourseInformation')">学习路径</li>
+          <template v-for="(item, index) in constRouter[0].children">
+            <li v-if="index >= 2" :class="{ active: settingStore.useIndex === index }" v-show="!item.meta.hidden"
+              @click="goToRouter(item, index)">
+              <div>{{ item.meta.title }}</div>
+            </li>
+          </template>
+          <div v-if="isLogin">
+            <img :src="data.icon" alt="" style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%" />
+            <el-dropdown @command="handleCommand">
+              <span class="el-dropdown-link" style="color: #fff;">
+                {{ data.username }}
+                <el-icon class="el-icon--right">
+                  <arrow-down />
+                </el-icon>
+              </span>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item command="A">退出登录</el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </div>
+          <li v-else @click="skip('http://localhost:5173/#/login?redirect=/configurationPage')">登录注册</li>
+          <!-- <li v-if="$route.path != '/home'" @click="$router.push('/')">回到首页</li> -->
         </ul>
         <div class="entry">
           <!-- <div>企业入口</div>
           <div>教师入口</div>
           <div>学生入口</div> -->
-          <div>登录注册入口</div>
+          <!-- <div>登录注册</div> -->
         </div>
       </div>
     </div>
@@ -26,8 +52,11 @@
 </template>
 
 <script lang="ts" setup>
+import useAdminInfoStore from '@/store/module/adminInfo'
+const adminInfoStore = useAdminInfoStore()
+import { userGetInfoService } from '@/api/configuration';
 import { constRouter } from '@/router/module/constRouter'
-import { useRouter,useRoute } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 import { onMounted, ref } from 'vue'
 import useSettingStore from '@/store/module/setting'
 const $router = useRouter()
@@ -35,7 +64,7 @@ const $route = useRoute()
 
 const settingStore = useSettingStore()
 const goToRouter = (item: any, index: number) => {
-console.log( $route);
+  console.log($route);
 
   settingStore.setuseIndex(index)
   $router.push({ path: `${item.path}` })
@@ -50,6 +79,31 @@ onMounted(() => {
     }
   })
 })
+const isLogin = ref(false)
+const data = ref<any>({})
+userGetInfoService().then(res => {
+  // @ts-ignore
+  if (res.code === 200) {
+    isLogin.value = true
+    data.value = res.data
+  }
+})
+function skip(url: string) {
+  location.assign(url)
+}
+
+
+// 退出登录
+function logout() {
+  isLogin.value = false
+}
+const handleCommand = (command: string) => {
+  switch (command) {
+    case 'A':
+      logout()
+      break
+  }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/api/configuration.ts b/src/api/configuration.ts
new file mode 100644
index 0000000..24d9801
--- /dev/null
+++ b/src/api/configuration.ts
@@ -0,0 +1,42 @@
+import requset from '@/utils/requset'
+import { ElLoading, ElMessage } from 'element-plus'
+import pinia from '@/store';
+import userStore from '@/store/module/user';
+const user = userStore(pinia)
+enum Api {
+    get系统配置 = '/api/systemSettings/save',
+
+}
+// 提示批量处理
+const initOptions = { text: '加载中', success: '成功', error: '失败' }
+function proxrequset(requset, options: any = initOptions) {
+    return async (...arg) => {
+        if (!options) return requset(...arg)
+
+        const loadingInstance = ElLoading.service({ text: options.text })
+
+        try {
+            await requset(...arg)
+            ElMessage.success(options.success)
+        } catch (error) {
+            ElMessage.error(options.error)
+        } finally {
+            loadingInstance.close()
+        }
+
+        return requset
+    }
+}
+
+
+export function getSysSettingApi() {
+    return requset.get(Api.get系统配置)
+}
+export const proxGetSysSettingApi = proxrequset(getSysSettingApi)
+
+
+export const userGetInfoService = () =>
+    requset.get('/api/user/info', {
+        headers: { Authorization: `Bearer ${user.token}` },
+    })
+
diff --git a/src/router/module/constRouter/index.ts b/src/router/module/constRouter/index.ts
index 4fa2fa5..f78b8fa 100644
--- a/src/router/module/constRouter/index.ts
+++ b/src/router/module/constRouter/index.ts
@@ -32,23 +32,23 @@ export const constRouter: any = [
           },
         ],
       },
-      {
-        path: '/professionalProfile', // 课程
-        component: () => import('@/views/professionalProfile/index.vue'),
-        name: 'ProfessionalProfile',
-        meta: {
-          icon: '',
-          title: '课程',
-          hidden: false,
-        },
-      },
+      // {
+      //   path: '/professionalProfile', // 课程
+      //   component: () => import('@/views/professionalProfile/index.vue'),
+      //   name: 'ProfessionalProfile',
+      //   meta: {
+      //     icon: '',
+      //     title: '课程',
+      //     hidden: false,
+      //   },
+      // },
       {
         path: '/professionalListProfile', // 课程
         component: () => import('@/views/professionalListProfile/index.vue'),
         name: 'professionalListProfile',
         meta: {
           icon: '',
-          title: '课程列表',
+          title: '课程',
           hidden: false,
         },
       },
diff --git a/src/store/module/adminInfo.ts b/src/store/module/adminInfo.ts
new file mode 100644
index 0000000..0c9e8fe
--- /dev/null
+++ b/src/store/module/adminInfo.ts
@@ -0,0 +1,32 @@
+import { defineStore } from 'pinia'
+import { reactive } from 'vue';
+import { getSysSettingApi } from '@/api/configuration';
+
+
+const useAdminInfoStore = defineStore('adminInfo', () => {
+  const info = reactive({
+    address: '',
+    copyrightInformation: '',
+    id: '',
+    loginAddress: '',
+    logo: '',
+    name: '',
+    phone: '',
+    promotionalImages: '',
+    qqNumber: '',
+    qrCode: '',
+    recordNumber: '',
+    title: '',
+    mailbox: '',
+    home: ''
+  })
+  function upAdminInfo() {
+    getSysSettingApi().then(res => {
+      if (res.code === 200) Object.assign(info, res.data)
+    })
+  }
+  upAdminInfo()
+
+  return { info }
+})
+export default useAdminInfoStore
\ No newline at end of file
diff --git a/src/store/module/user.ts b/src/store/module/user.ts
index 90052aa..4f350ef 100644
--- a/src/store/module/user.ts
+++ b/src/store/module/user.ts
@@ -2,7 +2,7 @@ import { defineStore } from 'pinia'
 const userStore = defineStore('userStore', {
   state() {
     return {
-      token: '',
+      token: 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ4aWFvMTExMSIsImNyZWF0ZWQiOjE3MjQ2NTQxNjMxMjIsImV4cCI6MTcyNTI1ODk2M30.uIEZhGG6-XGomV0aqpamOn54VxP4ItfM_ip9EgI0ohcYPyEnln6dXBoG8eVBNlbigglIjw5V1N5bHPdIAifeaA',
     }
   },
   actions: {

From 88417873007d188ed07bd465fde68e3411649b5e Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Mon, 26 Aug 2024 16:00:53 +0800
Subject: [PATCH 2/6] =?UTF-8?q?=E7=BD=91=E7=AB=99=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2:=E5=B0=BE=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Layout/footer/index.vue | 68 +++++++++++++++++++++++++++++++++----
 1 file changed, 61 insertions(+), 7 deletions(-)

diff --git a/src/Layout/footer/index.vue b/src/Layout/footer/index.vue
index 8a6eabb..bd15f6f 100644
--- a/src/Layout/footer/index.vue
+++ b/src/Layout/footer/index.vue
@@ -1,23 +1,77 @@
 <template>
   <div class="footer">
-    <h1>FOOTER</h1>
+    <ul>
+      <li>
+        系统标题：
+        {{ adminInfoStore.info.title }}
+
+      </li><el-divider direction="vertical" border-style="dashed" />
+      <li>
+        版权信息：
+        {{ adminInfoStore.info.copyrightInformation }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        备案号：
+        {{ adminInfoStore.info.recordNumber }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        qq:
+        {{ adminInfoStore.info.qqNumber }}
+
+      </li><el-divider direction="vertical" border-style="dashed" />
+      <li>
+        邮箱:
+        {{ adminInfoStore.info.mailbox }}
+
+      </li> <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        电话:
+        {{ adminInfoStore.info.phone }}
+
+      </li>
+      <li>
+        地址:
+        {{ adminInfoStore.info.address }}
+      </li>
+      <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        <el-image style="width: 50px; height: 50px" :src="adminInfoStore.info.qrCode" fit="cover" />
+      </li>
+      <el-divider direction="vertical" border-style="dashed" />
+      <li>
+        备案信息:
+        备案信息
+      </li>
+    </ul>
   </div>
 </template>
 
 <script lang="ts" setup>
-import {} from 'vue'
+import useAdminInfoStore from '@/store/module/adminInfo'
+const adminInfoStore = useAdminInfoStore()
+console.log(adminInfoStore);
+
 </script>
 
 <style lang="scss" scoped>
 .footer {
-  // position: fixed;
-  // bottom: 0;
-  height: 300px;
-  width: 100%;
   background-color: #252527;
+  height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #fff;
+
+  ul {
+    width: 600px;
+    height: 200px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    color: #ccc;
+  }
+
 }
 </style>

From c0ec953709df884037a160c89a154ce225740ad0 Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Tue, 27 Aug 2024 09:12:34 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Layout/footer/index.vue                 |  6 +++-
 src/store/module/adminInfo.ts               |  7 ++--
 src/views/professionalListProfile/index.vue | 38 ++++++++++++++++-----
 3 files changed, 39 insertions(+), 12 deletions(-)

diff --git a/src/Layout/footer/index.vue b/src/Layout/footer/index.vue
index bd15f6f..bb12e63 100644
--- a/src/Layout/footer/index.vue
+++ b/src/Layout/footer/index.vue
@@ -42,7 +42,7 @@
       <el-divider direction="vertical" border-style="dashed" />
       <li>
         备案信息:
-        备案信息
+        {{ adminInfoStore.info.recordInformation }}
       </li>
     </ul>
   </div>
@@ -71,6 +71,10 @@ console.log(adminInfoStore);
     align-items: center;
     justify-content: center;
     color: #ccc;
+    font-family:'Courier New', Courier, monospace;
+    // background: linear-gradient(white,#38495a);
+    // background-clip: text;
+    // color: transparent;
   }
 
 }
diff --git a/src/store/module/adminInfo.ts b/src/store/module/adminInfo.ts
index 0c9e8fe..8b34bd3 100644
--- a/src/store/module/adminInfo.ts
+++ b/src/store/module/adminInfo.ts
@@ -9,16 +9,17 @@ const useAdminInfoStore = defineStore('adminInfo', () => {
     copyrightInformation: '',
     id: '',
     loginAddress: '',
-    logo: '',
+    logo: 'http://teaching-edu123.oss-cn-beijing.aliyuncs.com/eVAnKnTrHVMTVyr_2up5S.png',
     name: '',
     phone: '',
-    promotionalImages: '',
+    promotionalImages: 'http://teaching-edu123.oss-cn-beijing.aliyuncs.com/eEnQCDAMwwAm66pgZJh6K.jpg',
     qqNumber: '',
     qrCode: '',
     recordNumber: '',
     title: '',
     mailbox: '',
-    home: ''
+    home: '',
+    recordInformation: ''
   })
   function upAdminInfo() {
     getSysSettingApi().then(res => {
diff --git a/src/views/professionalListProfile/index.vue b/src/views/professionalListProfile/index.vue
index 522e719..3831204 100644
--- a/src/views/professionalListProfile/index.vue
+++ b/src/views/professionalListProfile/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
+import { userGetInfoService } from '@/api/configuration';
 
 const paginationData = ref({
     pageNo: 1,
@@ -53,11 +54,24 @@ const dataList = ref([
         isStar: false
     },
 ])
-function handlePraise(item:any) {
-    item.isPraise = !item.isPraise
+const isLogin = ref(false)
+userGetInfoService().then(res => {
+    // @ts-ignore
+    if (res.code === 200) {
+        isLogin.value = true
+    }
+})
+function handlePraise(item: any) {
+    if (isLogin.value) item.isPraise = !item.isPraise
+    else skip('http://localhost:5173/#/login?redirect=/configurationPage')
+}
+function handleStar(item: any) {
+    if (isLogin.value) item.isStar = !item.isStar
+    else skip('http://localhost:5173/#/login?redirect=/configurationPage')
 }
-function handleStar(item:any) {
-    item.isStar = !item.isStar
+
+function skip(url: string) {
+    location.assign(url)
 }
 </script>
 
@@ -71,7 +85,7 @@ function handleStar(item:any) {
                         <div class="course">
                             <ul class="course_list">
                                 <li v-for="item in dataList" :key="item.id">
-                                    <img title="点击查看课程详情" :src="''" alt="" @click="" />
+                                    <img title="点击查看课程详情" :src="'http://teaching-edu123.oss-cn-beijing.aliyuncs.com/sDwvElo68wTi4SR9HVBIn.png'" alt="" @click="" />
                                     <h2 title="点击查看课程基本信息" class="course_name" @click="">
                                         软件项目管理
                                     </h2>
@@ -98,9 +112,17 @@ function handleStar(item:any) {
                                         </div>
 
                                     </div>
-                                    <el-button class="object" round plain @click="">
-                                        查看课程详情
-                                    </el-button>
+                                    <div class="object">
+                                        <el-button round plain
+                                            @click="skip('http://localhost:5173/#/curriculumCenter/basicCourseInformation')">
+                                            详情
+                                        </el-button>
+                                        <el-button round plain
+                                            @click="skip('http://localhost:5173/#/curriculumCenter/basicCourseInformation')">
+                                            路径规划
+                                        </el-button>
+                                    </div>
+
                                 </li>
                             </ul>
                         </div>

From 2e1cef3492e977d9935132e2c2c8e912e25d657e Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Tue, 27 Aug 2024 10:20:04 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Layout/tabbar/index.vue                 |  21 ++---
 src/api/configuration.ts                    |  31 ++++----
 src/assets/images/default.png               | Bin 0 -> 4097 bytes
 src/router/module/constRouter/index.ts      |  18 ++---
 src/store/module/user.ts                    |  51 +++++++++----
 src/views/course/components/StuList.vue     |  80 ++++++++++++++++++++
 src/views/course/index.vue                  |   5 +-
 src/views/professionalListProfile/index.vue |   7 +-
 8 files changed, 158 insertions(+), 55 deletions(-)
 create mode 100644 src/assets/images/default.png
 create mode 100644 src/views/course/components/StuList.vue

diff --git a/src/Layout/tabbar/index.vue b/src/Layout/tabbar/index.vue
index babe0fe..83a5552 100644
--- a/src/Layout/tabbar/index.vue
+++ b/src/Layout/tabbar/index.vue
@@ -8,19 +8,10 @@
 
       <div class="menu">
         <ul>
-          <template v-for="(item, index) in constRouter[0].children">
-            <li v-if="index < 2" :class="{ active: settingStore.useIndex === index }" v-show="!item.meta.hidden"
-              @click="goToRouter(item, index)">
-              <div>{{ item.meta.title }}</div>
-            </li>
-          </template>
-          <li @click="skip('http://localhost:5173/#/curriculumCenter/basicCourseInformation')">学习路径</li>
-          <template v-for="(item, index) in constRouter[0].children">
-            <li v-if="index >= 2" :class="{ active: settingStore.useIndex === index }" v-show="!item.meta.hidden"
-              @click="goToRouter(item, index)">
-              <div>{{ item.meta.title }}</div>
-            </li>
-          </template>
+          <li v-for="(item, index) in constRouter[0].children" :class="{ active: settingStore.useIndex === index }"
+            v-show="!item.meta.hidden" @click="goToRouter(item, index)" :key="item.path">
+            <div>{{ item.meta.title }}</div>
+          </li>
           <div v-if="isLogin">
             <img :src="data.icon" alt="" style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%" />
             <el-dropdown @command="handleCommand">
@@ -55,6 +46,8 @@
 import useAdminInfoStore from '@/store/module/adminInfo'
 const adminInfoStore = useAdminInfoStore()
 import { userGetInfoService } from '@/api/configuration';
+import useUserStore from '@/store/module/user';
+const userStore = useUserStore()
 import { constRouter } from '@/router/module/constRouter'
 import { useRouter, useRoute } from 'vue-router'
 import { onMounted, ref } from 'vue'
@@ -81,7 +74,7 @@ onMounted(() => {
 })
 const isLogin = ref(false)
 const data = ref<any>({})
-userGetInfoService().then(res => {
+userGetInfoService(userStore.token).then(res => {
   // @ts-ignore
   if (res.code === 200) {
     isLogin.value = true
diff --git a/src/api/configuration.ts b/src/api/configuration.ts
index 24d9801..2507384 100644
--- a/src/api/configuration.ts
+++ b/src/api/configuration.ts
@@ -1,22 +1,21 @@
-import requset from '@/utils/requset'
+import request from '@/utils/requset'
 import { ElLoading, ElMessage } from 'element-plus'
-import pinia from '@/store';
-import userStore from '@/store/module/user';
-const user = userStore(pinia)
+
+
 enum Api {
     get系统配置 = '/api/systemSettings/save',
 
 }
 // 提示批量处理
 const initOptions = { text: '加载中', success: '成功', error: '失败' }
-function proxrequset(requset, options: any = initOptions) {
+function proxrequest(request, options: any = initOptions) {
     return async (...arg) => {
-        if (!options) return requset(...arg)
+        if (!options) return request(...arg)
 
         const loadingInstance = ElLoading.service({ text: options.text })
 
         try {
-            await requset(...arg)
+            await request(...arg)
             ElMessage.success(options.success)
         } catch (error) {
             ElMessage.error(options.error)
@@ -24,19 +23,25 @@ function proxrequset(requset, options: any = initOptions) {
             loadingInstance.close()
         }
 
-        return requset
+        return request
     }
 }
 
 
 export function getSysSettingApi() {
-    return requset.get(Api.get系统配置)
+    return request.get(Api.get系统配置)
 }
-export const proxGetSysSettingApi = proxrequset(getSysSettingApi)
+export const proxGetSysSettingApi = proxrequest(getSysSettingApi)
 
 
-export const userGetInfoService = () =>
-    requset.get('/api/user/info', {
-        headers: { Authorization: `Bearer ${user.token}` },
+export const userGetInfoService = (token: any) =>
+    request.get('/api/user/info', {
+        headers: { Authorization: `Bearer ${token}` },
     })
 
+
+//获取学生列表
+export const userStudentListService = (id) => {
+    return request.post('/api/coursesteacher/studentList?userId=' + id)
+}
+
diff --git a/src/assets/images/default.png b/src/assets/images/default.png
new file mode 100644
index 0000000000000000000000000000000000000000..e16488e4534d25626ac002e04ce9c64cd834ade2
GIT binary patch
literal 4097
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

literal 0
HcmV?d00001

diff --git a/src/router/module/constRouter/index.ts b/src/router/module/constRouter/index.ts
index f78b8fa..13a1446 100644
--- a/src/router/module/constRouter/index.ts
+++ b/src/router/module/constRouter/index.ts
@@ -52,6 +52,15 @@ export const constRouter: any = [
           hidden: false,
         },
       },
+      {
+        path: '/roadbedRecommendation',
+        component: () => import('@/views/roadbedRecommendation/index.vue'),
+        name: 'RoadbedRecommendation',
+        meta: {
+          title: '学习路径',
+          hidden: false,
+        },
+      },
       {
         path: '/pedagogicalReform', // 教学改革
         component: () => import('@/views/pedagogicalReform/index.vue'),
@@ -90,15 +99,6 @@ export const constRouter: any = [
           hidden: true,
         },
       },
-      {
-        path:'/roadbedRecommendation',
-        component:() => import('@/views/roadbedRecommendation/index.vue'),
-        name:'RoadbedRecommendation',
-        meta: {
-          title: '学习推荐',
-          hidden: false,
-        },
-      },
       // {
       //   path: '/talentDevelopment', // 人才培养
       //   component: () => import('@/views/talentDevelopment/index.vue'),
diff --git a/src/store/module/user.ts b/src/store/module/user.ts
index 4f350ef..98605e0 100644
--- a/src/store/module/user.ts
+++ b/src/store/module/user.ts
@@ -1,19 +1,40 @@
 import { defineStore } from 'pinia'
-const userStore = defineStore('userStore', {
-  state() {
-    return {
-      token: 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ4aWFvMTExMSIsImNyZWF0ZWQiOjE3MjQ2NTQxNjMxMjIsImV4cCI6MTcyNTI1ODk2M30.uIEZhGG6-XGomV0aqpamOn54VxP4ItfM_ip9EgI0ohcYPyEnln6dXBoG8eVBNlbigglIjw5V1N5bHPdIAifeaA',
+import { userGetInfoService } from '@/api/configuration'
+import { ref, reactive } from 'vue'
+const userStore = defineStore('userStore', () => {
+  const userInfo = reactive<any>({})
+  const isLogin = ref(false)
+  const token = ref('eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ4aWFvMTExMSIsImNyZWF0ZWQiOjE3MjQ2NTQxNjMxMjIsImV4cCI6MTcyNTI1ODk2M30.uIEZhGG6-XGomV0aqpamOn54VxP4ItfM_ip9EgI0ohcYPyEnln6dXBoG8eVBNlbigglIjw5V1N5bHPdIAifeaA')
+
+  userGetInfoService(token.value).then(res => {
+    // @ts-ignore
+    if (res.code === 200) {
+      Object.assign(userInfo, res.data)
+      isLogin.value = true
     }
-  },
-  actions: {
-   async verifyToken(token:string){
-        const res = await verifyTokenApi({token})
-        if(res){
-            this.token = token
-        }else{
-        return false
-        }
-    }
-  },
+  })
+  return {
+    token,
+    userInfo,
+    isLogin
+  }
 })
 export default userStore
+// const userStore = defineStore('userStore', {
+//   state() {
+//     return {
+//       token: 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ4aWFvMTExMSIsImNyZWF0ZWQiOjE3MjQ2NTQxNjMxMjIsImV4cCI6MTcyNTI1ODk2M30.uIEZhGG6-XGomV0aqpamOn54VxP4ItfM_ip9EgI0ohcYPyEnln6dXBoG8eVBNlbigglIjw5V1N5bHPdIAifeaA',
+//     }
+//   },
+//   actions: {
+//    async verifyToken(token:string){
+//         const res = await verifyTokenApi({token})
+//         if(res){
+//             this.token = token
+//         }else{
+//         return false
+//         }
+//     }
+//   },
+// })
+// export default userStore
diff --git a/src/views/course/components/StuList.vue b/src/views/course/components/StuList.vue
new file mode 100644
index 0000000..782271b
--- /dev/null
+++ b/src/views/course/components/StuList.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import useUserStore from '@/store/module/user';
+const userStore = useUserStore()
+import { ref, watch } from 'vue';
+import { userStudentListService } from '@/api/configuration';
+const loading = ref(false)
+const stuList: any = ref([])
+const getStuList = async () => {
+    loading.value = true
+    const res = await userStudentListService(userStore.userInfo.id)
+    stuList.value = res.data
+    loading.value = false
+}
+
+watch(() => userStore.userInfo.id, () => {
+    getStuList()
+})
+
+import defImg from '@/assets/images/default.png'
+</script>
+
+<template>
+    <div class="stu-list">
+        <div class="stu_content" v-loading="loading">
+            <ul>
+                <li class="stu-item" v-for="(item, index) in stuList" :key="index">
+                    <img :src="item.icon || defImg" class="stu-item-img" />
+                    <div class="stu-item-info">
+                        <h4 style="font-weight: bold">{{ item.name }}</h4>
+                        <h4 style="color: #666">{{ item.number }}</h4>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.stu_content {
+    height: 86%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-family: 'Microsoft YaHei';
+
+    /* background-color: rgb(100, 100, 64); */
+    .stu-item {
+        margin-top: 20px;
+        /* height: 100%; */
+        /* border-radius: 10px; */
+        /* background-color: #0080ff; */
+        border-bottom: 1px solid #ededed;
+        /* border-radius: 10px; */
+        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
+        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.07);
+        display: flex;
+        padding: 5px;
+        /* margin: 10px; */
+        justify-content: space-between;
+    }
+
+    .stu-item-img {
+        background-color: yellow;
+        border-radius: 50%;
+        width: 40px;
+        height: 40px;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .stu-item-info {
+        /* margin-left: 15px; */
+        width: 80%;
+        height: 40px;
+        background-color: #ffffff;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/course/index.vue b/src/views/course/index.vue
index 4ab134d..5b5015d 100644
--- a/src/views/course/index.vue
+++ b/src/views/course/index.vue
@@ -175,12 +175,15 @@
       <div class="chapter">
         <courseTree :chapterList="chapterList" />
       </div>
-      <div class="student-list"></div>
+      <div class="student-list">
+        <stu-list></stu-list>
+      </div>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
+import StuList from './components/StuList.vue'
 import { ref, nextTick } from 'vue'
 import Graph from '../home/components/Graph.vue'
 import courseTree from './components/courseTree.vue'
diff --git a/src/views/professionalListProfile/index.vue b/src/views/professionalListProfile/index.vue
index 3831204..1242748 100644
--- a/src/views/professionalListProfile/index.vue
+++ b/src/views/professionalListProfile/index.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { userGetInfoService } from '@/api/configuration';
-
+import useUserStore from '@/store/module/user';
+const userStore = useUserStore()
 const paginationData = ref({
     pageNo: 1,
     pageSize: 8,
@@ -55,7 +56,7 @@ const dataList = ref([
     },
 ])
 const isLogin = ref(false)
-userGetInfoService().then(res => {
+userGetInfoService(userStore.token).then(res => {
     // @ts-ignore
     if (res.code === 200) {
         isLogin.value = true
@@ -118,7 +119,7 @@ function skip(url: string) {
                                             详情
                                         </el-button>
                                         <el-button round plain
-                                            @click="skip('http://localhost:5173/#/curriculumCenter/basicCourseInformation')">
+                                            @click="$router.push('/roadbedRecommendation')">
                                             路径规划
                                         </el-button>
                                     </div>

From 6a0801ba9f6c9f5d422af04dcb2cbac6c61bbdbe Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Tue, 27 Aug 2024 14:42:52 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/configuration.ts                    |  19 +++
 src/views/course/components/StuList.vue     |   4 +-
 src/views/professionalListProfile/index.vue | 129 +++++++++-----------
 3 files changed, 81 insertions(+), 71 deletions(-)

diff --git a/src/api/configuration.ts b/src/api/configuration.ts
index 2507384..37cfc6e 100644
--- a/src/api/configuration.ts
+++ b/src/api/configuration.ts
@@ -45,3 +45,22 @@ export const userStudentListService = (id) => {
     return request.post('/api/coursesteacher/studentList?userId=' + id)
 }
 
+
+// 获取课程列表
+type CourseListParams = {
+    'assessmenttype': string,
+    'category'?: string,
+    'isAsc'?: boolean,
+    'name'?: string,
+    'nature'?: string,
+    'pageNo'?: number,
+    'pageSize'?: number,
+    'sortBy'?: string,
+    'teacher'?: string,
+    'username'?: string,
+}
+export const getCourseListApi = (params: CourseListParams) => {
+    return request.get('/api/coursesteacher/page', {
+        params,
+    })
+}
diff --git a/src/views/course/components/StuList.vue b/src/views/course/components/StuList.vue
index 782271b..140083c 100644
--- a/src/views/course/components/StuList.vue
+++ b/src/views/course/components/StuList.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import defImg from '@/assets/images/default.png'
 import useUserStore from '@/store/module/user';
 const userStore = useUserStore()
 import { ref, watch } from 'vue';
@@ -15,8 +16,7 @@ const getStuList = async () => {
 watch(() => userStore.userInfo.id, () => {
     getStuList()
 })
-
-import defImg from '@/assets/images/default.png'
+if(userStore.userInfo.id) getStuList()
 </script>
 
 <template>
diff --git a/src/views/professionalListProfile/index.vue b/src/views/professionalListProfile/index.vue
index 1242748..393d134 100644
--- a/src/views/professionalListProfile/index.vue
+++ b/src/views/professionalListProfile/index.vue
@@ -1,60 +1,47 @@
 <script setup lang="ts">
-import { ref } from 'vue';
-import { userGetInfoService } from '@/api/configuration';
+import { onMounted, ref, watch } from 'vue';
+import { userGetInfoService, getCourseListApi } from '@/api/configuration';
 import useUserStore from '@/store/module/user';
 const userStore = useUserStore()
-const paginationData = ref({
+
+function paginationChange(currentPage: number, pageSize: number) {
+    params.value.pageNo = currentPage
+    params.value.pageSize = pageSize
+    getCourseList()
+}
+const params = ref({
     pageNo: 1,
-    pageSize: 8,
-    total: 8
+    pageSize: 7,
+    // username: 'qiuqiu',
+    userId: userStore.userInfo.id,
+    assessmenttype: '',
+    category: '',
+    nature: '',
+    teacher: '',
 })
-function paginationChange(currentPage: number, pageSize: number) {
-
+const getCourseList = async () => {
+    loading.value = true
+    const res = await getCourseListApi(params.value)
+    courseList.value = res.data.list
+    total.value = res.data.total
+    loading.value = false
+    // console.log(userStore.userName, '1111')
 }
+watch(() => userStore.userInfo.id, (newVal) => {
+    params.value.userId = newVal
+    getCourseList()
+})
+
+
+
+onMounted(() => {
+    if (userStore.userInfo.id) getCourseList()
+})
+const total = ref(0)
+const loading = ref(false)
+const courseList = ref()
+
 
-// 临时的，有接口后使用接口数据
-const dataList = ref([
-    {
-        id: '1',
-        isPraise: false,
-        isStar: false
-    },
-    {
-        id: '2',
-        isPraise: false,
-        isStar: false
-    },
-    {
-        id: '3',
-        isPraise: false,
-        isStar: false
-    },
-    {
-        id: '4',
-        isPraise: false,
-        isStar: false
-    },
-    {
-        id: '5',
-        isPraise: false,
-        isStar: false
-    },
-    {
-        id: '6',
-        isPraise: false,
-        isStar: false
-    },
-    {
-        id: '7',
-        isPraise: false,
-        isStar: false
-    },
-    {
-        id: '8',
-        isPraise: false,
-        isStar: false
-    },
-])
 const isLogin = ref(false)
 userGetInfoService(userStore.token).then(res => {
     // @ts-ignore
@@ -62,6 +49,9 @@ userGetInfoService(userStore.token).then(res => {
         isLogin.value = true
     }
 })
+function skip(url: string) {
+    location.assign(url)
+}
 function handlePraise(item: any) {
     if (isLogin.value) item.isPraise = !item.isPraise
     else skip('http://localhost:5173/#/login?redirect=/configurationPage')
@@ -71,30 +61,34 @@ function handleStar(item: any) {
     else skip('http://localhost:5173/#/login?redirect=/configurationPage')
 }
 
-function skip(url: string) {
-    location.assign(url)
+
+// 点击查看课程详情，把课程id传过去
+const onGetCourseObject = async (id: any) => {
+
+    skip(`http://localhost:5173/#/curriculumCenter/courseDetails?id=${id}`)
+
 }
 </script>
 
 <template>
-    <div class="view-container">
+    <div class="view-container" v-loading="loading">
         <div class="container" style="padding-bottom: 20px;">
 
-            <div class="main-content" v-loading="0">
+            <div class="main-content">
                 <div class="header">
                     <div class="btn">
                         <div class="course">
                             <ul class="course_list">
-                                <li v-for="item in dataList" :key="item.id">
-                                    <img title="点击查看课程详情" :src="'http://teaching-edu123.oss-cn-beijing.aliyuncs.com/sDwvElo68wTi4SR9HVBIn.png'" alt="" @click="" />
-                                    <h2 title="点击查看课程基本信息" class="course_name" @click="">
-                                        软件项目管理
+                                <li v-for="item in courseList" :key="item.id">
+                                    <img title="点击查看课程详情" :src="item.img" alt="" @click="onGetCourseObject(item.id)" />
+                                    <h2 title="点击查看课程基本信息" class="course_name">
+                                        {{ item.name }}
                                     </h2>
-                                    <p class="teacher_name">讲师：肖海南</p>
+                                    <p class="teacher_name">讲师：{{ item.teacher }}</p>
                                     <p class="credit">
-                                        <span>4</span>
+                                        <span>{{ item.classhours }}</span>
                                         学时 |
-                                        <span>4</span>
+                                        <span>{{ item.credit }}</span>
                                         学分
                                     </p>
 
@@ -114,12 +108,10 @@ function skip(url: string) {
 
                                     </div>
                                     <div class="object">
-                                        <el-button round plain
-                                            @click="skip('http://localhost:5173/#/curriculumCenter/basicCourseInformation')">
+                                        <el-button round plain @click="onGetCourseObject(item.id)">
                                             详情
                                         </el-button>
-                                        <el-button round plain
-                                            @click="$router.push('/roadbedRecommendation')">
+                                        <el-button round plain @click="$router.push('/roadbedRecommendation')">
                                             路径规划
                                         </el-button>
                                     </div>
@@ -130,10 +122,9 @@ function skip(url: string) {
                     </div>
                 </div>
             </div>
-            <el-pagination v-model:current-page="paginationData.pageNo" v-model:page-size="paginationData.pageSize"
-                :page-sizes="[2, 5, 8, 10]" :background="true" layout="jumper,total, sizes, prev, pager, next "
-                :total="paginationData.total" @change="paginationChange"
-                style="margin-top: 10px; justify-content: center" />
+            <el-pagination v-model:current-page="params.pageNo" v-model:page-size="params.pageSize"
+                :page-sizes="[2, 5, 7, 10]" :background="true" layout="jumper,total, sizes, prev, pager, next "
+                :total="total" @change="paginationChange" style="margin-top: 10px; justify-content: center" />
 
         </div>
     </div>

From 85443cbfa7cbbb50766447e54b4f0789f957fc32 Mon Sep 17 00:00:00 2001
From: significative <163999932+significative@users.noreply.github.com>
Date: Tue, 27 Aug 2024 17:06:27 +0800
Subject: [PATCH 6/6] =?UTF-8?q?=E5=AD=A6=E4=B9=A0=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/configuration.ts                    |  5 ++
 src/store/module/learnPath.ts               | 24 +++++++++
 src/views/professionalListProfile/index.vue | 12 ++++-
 src/views/roadbedRecommendation/index.vue   | 60 ++++++++++-----------
 4 files changed, 68 insertions(+), 33 deletions(-)
 create mode 100644 src/store/module/learnPath.ts

diff --git a/src/api/configuration.ts b/src/api/configuration.ts
index 37cfc6e..bfcdfab 100644
--- a/src/api/configuration.ts
+++ b/src/api/configuration.ts
@@ -64,3 +64,8 @@ export const getCourseListApi = (params: CourseListParams) => {
         params,
     })
 }
+
+// 根据id获取课程详情
+export const getCourseDetailApi = (id: string) => {
+    return request.get(`/api/coursesteacher/${id}`)
+}
diff --git a/src/store/module/learnPath.ts b/src/store/module/learnPath.ts
new file mode 100644
index 0000000..2172e47
--- /dev/null
+++ b/src/store/module/learnPath.ts
@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue';
+import { getCourseDetailApi } from '@/api/configuration';
+
+
+
+const useLearnPathStore = defineStore('learnPath', () => {
+    let item = sessionStorage.getItem('learnPath:itemData')
+    let course = sessionStorage.getItem('learnPath:courseData')
+    if (item) item = JSON.parse(item)
+    if (course) course = JSON.parse(course)
+    const itemData = ref<Record<string, any>>(item as {} || {})
+    const courseData = ref<Record<string, any>>(course as {} || {})
+    function setCourseData(item: any) {
+        courseData.value = item
+        sessionStorage.setItem('learnPath:itemData', JSON.stringify(item))
+        getCourseDetailApi(item.id).then(res => {
+            courseData.value = res.data
+            sessionStorage.setItem('learnPath:courseData', JSON.stringify(res.data))
+        })
+    }
+    return { setCourseData, itemData, courseData }
+})
+export default useLearnPathStore
\ No newline at end of file
diff --git a/src/views/professionalListProfile/index.vue b/src/views/professionalListProfile/index.vue
index 393d134..f7105af 100644
--- a/src/views/professionalListProfile/index.vue
+++ b/src/views/professionalListProfile/index.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import useLearnPathStore from '@/store/module/learnPath';
 import { userGetInfoService, getCourseListApi } from '@/api/configuration';
 import useUserStore from '@/store/module/user';
 const userStore = useUserStore()
-
+const $router = useRouter()
+const learnPathStore = useLearnPathStore()
 function paginationChange(currentPage: number, pageSize: number) {
     params.value.pageNo = currentPage
     params.value.pageSize = pageSize
@@ -68,6 +71,11 @@ const onGetCourseObject = async (id: any) => {
     skip(`http://localhost:5173/#/curriculumCenter/courseDetails?id=${id}`)
 
 }
+
+function toPath(item: any) {
+    $router.push('/roadbedRecommendation?isCourse=true')
+    learnPathStore.setCourseData(item)
+}
 </script>
 
 <template>
@@ -111,7 +119,7 @@ const onGetCourseObject = async (id: any) => {
                                         <el-button round plain @click="onGetCourseObject(item.id)">
                                             详情
                                         </el-button>
-                                        <el-button round plain @click="$router.push('/roadbedRecommendation')">
+                                        <el-button round plain @click="toPath(item)">
                                             路径规划
                                         </el-button>
                                     </div>
diff --git a/src/views/roadbedRecommendation/index.vue b/src/views/roadbedRecommendation/index.vue
index ae0de7b..80c8ea2 100644
--- a/src/views/roadbedRecommendation/index.vue
+++ b/src/views/roadbedRecommendation/index.vue
@@ -2,25 +2,11 @@
   <div class="path-title">
     <div class="title">前端课程学习路径推荐</div>
     <div class="setting">
-      <el-select
-        v-model="courseName"
-        placeholder="请选择课程"
-        size="large"
-        style="width: 200px"
-      >
-        <el-option
-          v-for="item in options"
-          :key="item.id"
-          :label="item.label"
-          :value="item.id"
-        />
+      <el-select v-model="courseName" placeholder="请选择课程" size="large" style="width: 200px">
+        <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id" />
       </el-select>
       <el-button type="primary" style="margin-left: 20px">切换</el-button>
-      <el-button
-        type="primary"
-        style="margin-left: 20px"
-        @click="Router.push('/')"
-      >
+      <el-button type="primary" style="margin-left: 20px" @click="Router.push('/')">
         返回课程首页
       </el-button>
     </div>
@@ -37,12 +23,7 @@
         <el-table-column prop="content" label="学习路径">
           <template v-slot="{ row }">
             <div>
-              <el-tag
-                style="margin-right: 10px"
-                type="primary"
-                v-for="(item, index) in row.content"
-                :key="index"
-              >
+              <el-tag style="margin-right: 10px" type="primary" v-for="(item, index) in row.content" :key="index">
                 {{ item }}
               </el-tag>
             </div>
@@ -52,20 +33,31 @@
         <el-table-column prop="hours" label="学时" width="100px" />
       </el-table>
       <div class="path-description">
-    前端课程主要分为四个分支，每个分支包含很多知识点，其中分为三个阶段在每个阶段有不同的知识点，在学习后继知识点需要学习前置知识点
-  </div>
+        前端课程主要分为四个分支，每个分支包含很多知识点，其中分为三个阶段在每个阶段有不同的知识点，在学习后继知识点需要学习前置知识点
+      </div>
+    </el-card>
+    <el-card v-if="$route.query.isCourse === 'true'" style="margin-top: 20px;">
+      <h1 style="text-align: center;font-size: 20px;font-weight: bolder;">相关信息</h1>
+      <div style="color: #ccc;">{{ learnPathStore.courseData.name }}</div>
+      <div style="font-size: 16px;line-height: 1.5;">{{ learnPathStore.courseData.description }}</div>
+    </el-card>
+    <el-card v-else style="margin-top: 20px;" >
+      <h1 style="text-align: center;font-size: 20px;font-weight: bolder;">最新的课程</h1>
     </el-card>
-    
+
   </div>
- 
+
 </template>
 
 <script lang="ts" setup>
+import useLearnPathStore from '@/store/module/learnPath';
+const learnPathStore = useLearnPathStore()
 import { ref } from 'vue'
 import mountNode from './components/mountNode.vue'
 import { useRouter } from 'vue-router'
 const Router = useRouter()
 const courseName = ref('')
+
 const options = [
   {
     id: 1,
@@ -107,6 +99,7 @@ const tableData = [
   height: 600px;
   background-color: #f5f6fd;
 }
+
 .path-title {
   position: relative;
   width: 100%;
@@ -114,12 +107,14 @@ const tableData = [
   //   background-color: skyblue;
   display: flex;
   justify-content: center;
+
   .title {
     font-size: 18px;
     height: 100%;
     line-height: 50px;
     font-weight: 600;
   }
+
   .setting {
     position: absolute;
     left: 50%;
@@ -130,10 +125,12 @@ const tableData = [
     align-items: center;
   }
 }
+
 .statistics {
   width: 100%;
   margin-top: 50px;
   padding: 0 30px 30px 30px;
+
   .title {
     font-size: 32px;
     font-weight: 600;
@@ -141,9 +138,10 @@ const tableData = [
     // margin: 30px 0;
   }
 }
-.path-description{
-    // padding: 20px 30px;
-    margin: 30px 0;
-    font-size: 14px;
+
+.path-description {
+  // padding: 20px 30px;
+  margin: 30px 0;
+  font-size: 14px;
 }
 </style>