大数据选科首页菜单

src/views/index/components/index-card-elective.vue

@@ -1,6 +1,6 @@
 <template>
-  <index-card title="大数据选科" >
-    <index-card-content :list="list" :line-size="lineSize">
+  <index-card title="大数据选科" v-if="formatList.length">
+    <index-card-content :list="formatList" :line-size="lineSize">
       <template #default="{item}">
         <index-image-item v-bind="item" ></index-image-item>
       </template>
@@ -13,95 +13,85 @@ import IndexCard from '@/views/index/components/index-card'
 import loginCheckMixin from '@/views/components/blocks/index-login-interceptor-mixin'
 import IndexImageItem from '@/views/index/components/index-image-item'
 import IndexCardContent from '@/views/index/components/index-card-content'
+import { mapGetters } from 'vuex'
 
 export default {
   components: { IndexImageItem, IndexCardContent, IndexCard },
   mixins: [loginCheckMixin],
   name: 'index-card-elective',
   methods: {},
+  computed:{
+    ...mapGetters(['middlebarRouters']),
+    listOpt() {
+      const obj = {}
+      this.list.map(item => {
+        obj[`${item.title}${item.path}`] = {desc: item.desc }
+      })
+      return obj
+    },
+    formatList() {
+      if(!this.middlebarRouters.length) return []
+      const listOptKey = Object.keys(this.listOpt)
+      let formatList = []
+      return this.middlebarRouters[1].children.slice(0,4).map((item,idx) =>{
+        debugger
+        return {
+          title: item.meta.title,
+          desc:this.listOpt[`${item.meta.title}${item.path}`]?.desc,
+          src:this.list[idx].src,
+          path:item.path,
+          ...this.styleStatic
+        }
+      })
+    }
+  },
   data() {
     return {
       lineSize:4,
+      styleStatic:{
+        titleStyle:{
+          top:'37px',
+          left:'37px',
+          fontSize: '24px',
+          color:"#000"
+        },
+        descStyle:{
+          top:'70px',
+          left:'37px',
+          color:"#000"
+        },
+        titleClasses:['absolute','bold'],
+        descClasses:['absolute','bold','f12'],
+      },
       list:[
         {
           title: '智能选科报名',
           src:`${this.$imgBase}index/elective/elective_apply.png`,
           desc:'通过意向的院校和专业推荐选科方案',
           path: '/new-gaokao/bigdataSelectCourse/round-select',
-          titleStyle:{
-            top:'37px',
-            left:'37px',
-            fontSize: '24px',
-            color:"#000"
-          },
-          descStyle:{
-            top:'70px',
-            left:'37px',
-            color:"#000"
-          },
-          titleClasses:['absolute','bold'],
-          descClasses:['absolute','bold','f12']
         },
         {
           title: '个人分班信息',
           src:`${this.$imgBase}index/elective/elective_dispatch.png`,
           desc:'通过意向的院校和专业推荐',
           path: '/new-gaokao/bigdataSelectCourse/personalDivideClass',
-          titleStyle:{
-            top:'37px',
-            left:'37px',
-            fontSize: '24px',
-            color:"#000"
-          },
-          descStyle:{
-            top:'70px',
-            left:'37px',
-            color:"#000"
-          },
-          titleClasses:['absolute','bold'],
-          descClasses:['absolute','bold','f12']
         },
         {
           title: '个人选科报告',
           src:`${this.$imgBase}index/elective/elective_report.png`,
           desc:'通过大学/专业维度查询选考科目要求',
           path: '/new-gaokao/bigdataSelectCourse/personalSelectCourseReport',
-          titleStyle:{
-            top:'37px',
-            left:'37px',
-            fontSize: '24px',
-            color:"#000"
-          },
-          descStyle:{
-            top:'70px',
-            left:'37px',
-            color:"#000"
-          },
-          titleClasses:['absolute','bold'],
-          descClasses:['absolute','bold','f12']
         },
         {
           title: '个人课程表',
           src:`${this.$imgBase}index/elective/elective_table.png`,
           desc:'通过意向的院校和专业推荐',
-          path: '',
-          titleStyle:{
-            top:'37px',
-            left:'37px',
-            fontSize: '24px',
-            color:"#000"
-          },
-          descStyle:{
-            top:'70px',
-            left:'37px',
-            color:"#000"
-          },
-          titleClasses:['absolute','bold'],
-          descClasses:['absolute','bold','f12']
+          path: '/new-gaokao/bigdataSelectCourse/personalClassCategory',
         }
       ]
     }
-  }
+  },
+
 }
 </script>
 

src/views/questioncenter/operationVideo.vue

@@ -4,7 +4,7 @@
       <el-aside width="284px" style="height: 100vh;">
         <div class="aside_header">
           <span>CONTACT</span>
-          <span>章节目录</span>
+          <span>视频目录</span>
         </div>
         <div class="aside_content">
           <el-tree ref="treeBox" :data="tree" :props="defaultProps" :default-expanded-keys="expandId" node-key="id"