孙一石

src/views/xjc-integratedmachine/components/head_component.vue

@@ -1,21 +1,23 @@
 <template>
     <div class="contenter">
         <el-button>返回</el-button>
-        <div>title</div>
+        <div>{{headinfo.title}}</div>
         <div>头像</div>
         <el-button>退出</el-button>
         <el-button>使用说明</el-button>
     </div>
 </template>
 
-<script>
-    export default {
-        name: "headcomponent"
-    }
+<script setup>
+    defineProps({
+        headinfo: {
+
+        }
+    })
 </script>
 
 <style scoped>
-    .contenter{
+    .contenter {
         width: 100%;
         display: flex;
         flex-direction: row;

src/views/xjc-integratedmachine/wakeup/index.vue

@@ -1,10 +1,22 @@
 <template>
-    <head-component></head-component>
-    <div style="display: flex">
-        <div style="width:20vw;height: 10vh;background: #85eff5;border: solid 1px #a2fffc;border-radius: 10px;cursor: pointer"
-             @click="goto">
+    <head-component :headinfo=headinfo></head-component>
+    <div style="display: flex;flex-direction: row">
+        <div class="temp">
+            认识生涯
+        </div>
+        <div class="temp" @click="jumpTo('/integratedmachine/wakeup/rainbow/paint')">
             生涯彩虹图
         </div>
+        <div class="temp">
+            生涯成熟度测评
+        </div>
+        <div class="temp">
+            生涯榜样
+        </div>
+        <div class="temp">
+            生涯影院
+        </div>
+
     </div>
 </template>
 
@@ -14,13 +26,41 @@
 
     const router = useRouter()
 
-    function goto() {
-        router.push('/integratedmachine/wakeup/rainbow/paint')
+    let headinfo =ref({})
+    function setHeadinfo(){
+        headinfo.value = {
+            title: '生涯唤醒学习系统',
+            user: {
+                avatar: '头像路径',
+                nickName: '张三'
+            }
+        }
+    }
+
+
+    function jumpTo(path) {
+        console.log("path:",path)
+        router.push({
+            path: path,
+            query: {name: 123}
+        })
     }
 
+    onMounted(() => {
+        setHeadinfo()
+    })
+
+
 </script>
 
 
 <style scoped>
-
+    .temp{
+       width:20vw;
+        height: 10vh;
+        background: #85eff5;
+        border: solid 1px #a2fffc;
+        border-radius: 10px;
+        cursor: pointer;
+    }
 </style>

src/views/xjc-integratedmachine/wakeup/recognize_career/index.vue

@@ -0,0 +1,11 @@
+<template>
+    认识生涯
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped>
+
+</style>