一生一案

src/router/index.js

@@ -95,6 +95,13 @@ let studentAnalysisReport = {
                         title: "个人画像",
                     },
                 },
+                {
+                    path: "studentCase",
+                    component: () => import("@/views/analysisReport/studentPage/studentCase/mainPage"),
+                    meta: {
+                        title: "一生一案",
+                    },
+                },
             ],
         },
     ],

src/views/analysisReport/studentPage/mainPage.vue

@@ -41,10 +41,11 @@
                                 <button v-if="!isTotalScore" class="mm_btn"
                                     :class="{ active: activeBtn === pathThree }"
                                     @click="toPage(pathThree)">个人画像</button>
+                                <button class="mm_btn mb_10" :class="{ active: activeBtn === pathFourth }" @click="toPage(pathFourth)">一生一案</button>    
                             </div>
 
                             <div class="right">
-                                <div class="page_filter" ref="filterContent">
+                                <div class="page_filter" ref="filterContent" v-if="activeBtn != pathFourth">
                                     <FiltersItem :filtersData="filteredFilterData" @selectItem="ChangeFilters">
                                     </FiltersItem>
                                 </div>
@@ -118,6 +119,7 @@ export default {
             pathOne: '/studentAnalysisReport/reportDetails/scrolReport',
             pathTwo: '/studentAnalysisReport/reportDetails/personalWrongQuestions',
             pathThree: '/studentAnalysisReport/reportDetails/personalProfile',//个人画像
+            pathFourth: '/studentAnalysisReport/reportDetails/studentCase',//一生一案
             isLianXiao: false,//是否联校
             stuPdfLoading: false,
         };

src/views/analysisReport/studentPage/studentCase/mainPage.vue

@@ -0,0 +1,143 @@
+<template>
+    <div class="page_report">
+        <div class="report_module">
+            <div class="introduction">
+                <img src="@/assets/studentCase/banner.webp" />
+            </div>
+            <div class="module_common">
+                <div class="module_common_title question_1">1.请填写你对各科的目标分数和目标排名。</div>
+                <div class="module_common_content">
+                    <el-table :data="subjectData.tableData" border stripe align="center">
+                        <el-table-column align="center" label="目标" fixed="left" min-width="148">
+                            <template slot-scope="scope">
+                            
+                            </template>
+                        </el-table-column>
+                        <el-table-column align="center" label="语文" fixed="left" min-width="148">
+                            <template slot-scope="scope">
+                            
+                            </template>
+                        </el-table-column>
+                        <el-table-column align="center" label="数学" fixed="left" min-width="148">
+                            <template slot-scope="scope">
+                            
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+            </div>
+            <div class="module_common">
+                <div class="module_common_title question_2">2.请选择你认为的第1个薄弱学科，并填写你对该学科的计划和困惑。</div>
+                <div class="module_common_content">
+                    
+                </div>
+            </div>
+            <div class="module_common">
+                <div class="module_common_title question_3">3.请选择你认为的第2个薄弱学科，并填写你对该学科的计划和困惑。</div>
+                <div class="module_common_content">
+                    
+                </div>
+            </div>
+            <div class="module_common">
+                <div class="module_common_title question_4">4.针对学习上的问题，你最想与哪位老师沟通？并想让老师提供什么帮助？</div>
+                <div class="module_common_content">
+                    
+                </div>
+            </div>
+        </div>
+        <GotoTop></GotoTop>
+    </div>
+</template>
+<script>
+import GotoTop from '@/views/analysisReport/components/GotoTop' //分析报告页面底部回到顶部组件
+export default {
+    name: 'subjectQuality',
+    props: {},
+    components: {
+        GotoTop
+    },
+    data() {
+        return {
+            subjectData:{
+                tableData:[]
+            }
+        }
+    },
+    watch: {
+        reportParam() {
+        } //监听筛选数据变化
+    },
+    computed: {
+        
+    },
+    mounted() {
+
+    },
+    methods: {
+
+    }
+}
+</script>
+<style lang="scss" scoped>
+.report_module{
+    padding: 20px;
+    box-sizing: border-box;
+    .introduction{
+        width: 100%;
+        // height: 200px;
+        // background: url('@/assets/studentCase/banner.webp') left top no-repeat;
+        background-size: cover;
+        // background: linear-gradient( 281deg, #007EFF 0%, #1F8FFE 10.96%, #89C8FB 34.86%, #CFE8FE 73.44%, #E5ECFC 100%);
+        border-radius: 20px 20px;
+        overflow: hidden;
+        img{
+            width: 100%;
+        }
+    }
+    .module_common{
+        margin-top: 40px;
+        width: 100%;
+        padding-top: 40px;
+        position: relative;
+        .module_common_title{
+            position: absolute;
+            left: 0;
+            top: 0;
+            font-weight: 600;
+            font-size: 16px;
+            line-height: 40px;
+            color: #FFFFFF;
+            padding-left: 24px;
+            &.question_1{
+                width: 367px;
+                height: 50px;
+                background: url('@/assets/studentCase/question_1.webp') left top no-repeat;
+                background-size: 100% 100%;
+            }
+            &.question_2{
+                width: 556px;
+                height: 50px;
+                background: url('@/assets/studentCase/question_2.webp') left top no-repeat;
+                background-size: 100% 100%;
+            }
+            &.question_3{
+                width: 556px;
+                height: 50px;
+                background: url('@/assets/studentCase/question_3.webp') left top no-repeat;
+                background-size: 100% 100%;
+            }
+            &.question_4{
+                width: 596px;
+                height: 50px;
+                background: url('@/assets/studentCase/question_4.webp') left top no-repeat;
+                background-size: 100% 100%;
+            }
+        }
+        .module_common_content{
+            width: 100%;
+            background: #F4F9FF;
+            border-radius: 0px 10px 10px 10px;
+        }
+    }
+}
+</style>