[feat][生涯决策][首页]

src/router/router_decision.js

@@ -4,41 +4,52 @@ const router = [
         path: '/xjc-integratedmachine/decision/index',
         component: () => import('@/views/xjc-integratedmachine/decision/index'),
     },
-    //决策风格知识讲解
-    {
-        path: '/xjc-integratedmachine/decision/edecision_style_knowledge',
-        component: () => import('@/views/xjc-integratedmachine/decision/edecision_style_knowledge.vue'),
-    },
-    //决策风格测试
+    //选科流程图
     {
-        path: '/xjc-integratedmachine/decision/edecision_style_test',
-        component: () => import('@/views/xjc-integratedmachine/decision/edecision_style_test.vue'),
+        path: '/xjc-integratedmachine/decision/process_diagram/process_diagram_selecting_subjects',
+        component: () => import('@/views/xjc-integratedmachine/decision/process_diagram/process_diagram_selecting_subjects.vue'),
     },
-    //决策风格网页报告
+    // 优势学科首页
     {
-        path: '/xjc-integratedmachine/decision/edecision_style_webreport',
-        component: () => import('@/views/xjc-integratedmachine/decision/edecision_style_webreport.vue'),
+        path: '/xjc-integratedmachine/decision/advantageous_discipline/advantages_assessment_index',
+        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline/advantages_assessment_index.vue'),
     },
-    //测试员优势学科测评知识讲解
+    //优势学科测评知识讲解
     {
-        path: '/xjc-integratedmachine/decision/advantages_assessment_knowledge',
-        component: () => import('@/views/xjc-integratedmachine/decision/advantages_assessment_knowledge.vue'),
+        path: '/xjc-integratedmachine/decision/advantageous_discipline/advantages_assessment_explanation',
+        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline/advantages_assessment_explanation.vue'),
     },
     //优势学科测评
     {
-        path: '/xjc-integratedmachine/decision/advantageous_discipline_assessment',
-        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline_assessment.vue'),
+        path: '/xjc-integratedmachine/decision/advantageous_discipline/advantageous_discipline_assessment',
+        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline/advantageous_discipline_assessment.vue'),
     },
     //优势学科网页报告
     {
-        path: '/xjc-integratedmachine/decision/advantageous_discipline_webreport',
-        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline_webreport.vue'),
+        path: '/xjc-integratedmachine/decision/advantageous_discipline/advantageous_discipline_webreport',
+        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline/advantageous_discipline_webreport.vue'),
     },
     //优势学科pdf报告
     {
-        path: '/xjc-integratedmachine/decision/advantageous_discipline_pdfreport',
-        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline_pdfreport.vue'),
+        path: '/xjc-integratedmachine/decision/advantageous_discipline/advantageous_discipline_pdfreport',
+        component: () => import('@/views/xjc-integratedmachine/decision/advantageous_discipline/advantageous_discipline_pdfreport.vue'),
     },
+    //决策风格知识讲解
+    {
+        path: '/xjc-integratedmachine/decision/edecision_style_knowledge',
+        component: () => import('@/views/xjc-integratedmachine/decision/edecision_style_knowledge.vue'),
+    },
+    //决策风格测试
+    {
+        path: '/xjc-integratedmachine/decision/edecision_style_test',
+        component: () => import('@/views/xjc-integratedmachine/decision/edecision_style_test.vue'),
+    },
+    //决策风格网页报告
+    {
+        path: '/xjc-integratedmachine/decision/edecision_style_webreport',
+        component: () => import('@/views/xjc-integratedmachine/decision/edecision_style_webreport.vue'),
+    },
+
     //根据高校/专业选科目1
     {
         path: '/xjc-integratedmachine/decision/choose_subjects_1',
@@ -113,11 +124,7 @@ const router = [
         path: '/xjc-integratedmachine/decision/decision_balance_sheet',
         component: () => import('@/views/xjc-integratedmachine/decision/decision_balance_sheet.vue'),
     },
-    //选科流程图
-    {
-        path: '/xjc-integratedmachine/decision/process_diagram_selecting_subjects',
-        component: () => import('@/views/xjc-integratedmachine/decision/process_diagram_selecting_subjects.vue'),
-    }
+
 
 
 ]

src/views/xjc-integratedmachine/decision/advantageous_discipline/advantages_assessment_index.vue

@@ -0,0 +1,13 @@
+<template>
+    优势学科首页
+</template>
+
+<script>
+    export default {
+        name: "advantages_assessment_index"
+    }
+</script>
+
+<style scoped>
+
+</style>

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

@@ -1,33 +1,130 @@
 <template>
-    生涯决策学习系统
-
-    <el-button @click="jumpTo('/xjc-integratedmachine/decision/process_diagram_selecting_subjects')">高中选科流程图</el-button>
-    <el-button>优势学科测评</el-button>
-    <el-button>专业选择测评</el-button>
-    <el-button @click="jumpTo('/xjc-integratedmachine/decision/choose_subjects_1')">根据高校/专业选科目</el-button>
-    <el-button @click="jumpTo('/xjc-integratedmachine/decision/choose_subjects_2')">根据科目选专业</el-button>
-<br>
-    <el-button @click="jumpTo('/xjc-integratedmachine/decision/disciplinary_professional_relevance')">学科专业相关性</el-button>
-    <el-button @click="jumpTo('/xjc-integratedmachine/decision/discipline_and_future')">学科与未来专业</el-button>
-    <el-button @click="jumpTo('/xjc-integratedmachine/decision/swot_situation_analysis')">SWOT态势分析</el-button>
-    <el-button @click="jumpTo('/xjc-integratedmachine/decision/decision_making_style')">决策风格测试</el-button>
-    <el-button>选科决策平衡单</el-button>
+    <div class="wake-up-page">
+        <head-component :headinfo=headinfo></head-component>
+        <div class="page-content">
+            <div class="page-img-box">
+                <div class="img-box">
+                    <!--高中选科流程图-->
+                    <img class="common-img-button" src="@/assets/images/decision/index/card1.png" @click="jumpTo('/xjc-integratedmachine/decision/process_diagram/process_diagram_selecting_subjects')">
+                    <!--优势学科测评-->
+                    <img class="common-img-button" src="@/assets/images/decision/index/card2.png" @click="jumpTo('/xjc-integratedmachine/decision/advantageous_discipline/advantages_assessment_index')">
+                    <!--专业选择测评-->
+                    <img class="common-img-button" src="@/assets/images/decision/index/card3.png" @click="jumpTo('/xjc-integratedmachine/plan/time/time_management_menu')">
+                    <img class="common-img-button" src="@/assets/images/decision/index/card4.png" @click="jumpTo('/xjc-integratedmachine/plan/time/time_management_menu')">
+                    <img class="common-img-button" src="@/assets/images/decision/index/card5.png" @click="jumpTo('/xjc-integratedmachine/plan/time/time_management_menu')">
+                </div>
+                <div class="bottom-img">
+                    <img class="common-img-button" src="@/assets/images/decision/index/card6.png" @click="jumpTo('/xjc-integratedmachine/plan/self_control/self_control/self_control_index')">
+                    <img class="common-img-button" src="@/assets/images/decision/index/card7.png" @click="jumpTo('/xjc-integratedmachine/plan/career_maturity/career_maturity_retest_index')">
+                    <img class="common-img-button" src="@/assets/images/decision/index/card8.png" @click="jumpTo('/xjc-integratedmachine/plan/career_maturity/career_maturity_retest_index')">
+                    <img class="common-img-button" src="@/assets/images/decision/index/card9.png" @click="jumpTo('/xjc-integratedmachine/plan/career_maturity/career_maturity_retest_index')">
+                    <img class="common-img-button" src="@/assets/images/decision/index/card10.png" @click="jumpTo('/xjc-integratedmachine/plan/career_maturity/career_maturity_retest_index')">
+                </div>
+            </div>
+            <drag_component></drag_component>
+        </div>
+    </div>
 
 </template>
 
 <script setup>
+    import headComponent from '@/views/xjc-integratedmachine/components/head_component.vue'
+    import Drag_component from "@/views/xjc-integratedmachine/components/drag_component.vue";
 
     const router = useRouter()
-    const route = useRoute()
+
+    const headinfo = ref({})
+
+    function setHeadinfo(){
+        headinfo.value = {
+            title: '生涯决策学习系统',
+            user: {
+                avatar: '头像路径',
+                nickName: '张三'
+            },
+            backUrl : '/index',
+            isHome:true,
+            backUrlUse:true,
+        }
+    }
+
 
     function jumpTo(path) {
         router.push({
-            path : path
+            path: path,
+            query: {name: 123}
         })
     }
-
+    onMounted(() => {
+        setHeadinfo()
+    })
 </script>
 
-<style scoped>
+
+<style scoped lang="scss">
+    .wake-up-page{
+        background: url('@/assets/images/login/login-home-background.png') no-repeat;
+        background-size: 1920px 1080px;
+        z-index:10;
+        width: 100%;
+        height: 1080px;
+        .page-content{
+            width: 100%;
+            position: absolute;
+            top: 123px;
+            bottom: 0;
+            p{
+                padding-left: 44px;
+                padding-right: 44px;
+                font-weight: 400;
+                font-size: 30px;
+                color: #333333;
+                line-height: 52px;
+                letter-spacing: 3px;
+                text-indent: 2em;
+            }
+        }
+        .content-text-box{
+            width: 100%;
+            height: 126px;
+            background: url('@/assets/images/wakeup/background-content-style.png') no-repeat;
+            background-size: 1920px 126px;
+            margin-top:23px;
+            display: flex;
+            align-items: center;
+        }
+        .page-img-box{
+            width: 100%;
+            display: flex;
+            justify-content:space-around;
+            flex-direction: column;
+            align-items: center;
+            margin-top: 40px;
+            .img-box{
+                width: 1900px;
+                display: flex;
+                justify-content: space-around;
+                img{
+                    width: 350px;
+                    height: 400px;
+                }
+            }
+            .bottom-img{
+                width: 1900px;
+                margin-top: 40px;
+                display: flex;
+                justify-content: space-around;
+                img{
+                    width: 350px;
+                    height: 400px;
+                }
+            }
+        }
+
+
+    }
+
 
 </style>
+
+