个人数据库

src/permission.js

@@ -15,9 +15,7 @@ const uaWhiteList = ['/question/preview']
 router.beforeEach((to, from, next) => {
   NProgress.start()
   if (auth.getToken()) {
-    console.log(to, 'to')
     if (typeof (to.meta) == "object" && to.meta.hasOwnProperty("isWideScreen")) {
-      console.log('isWideScreen',to.meta.isWideScreen)
       store.commit('SET_IS_WIDESCREEN', to.meta.isWideScreen)
     } else {
       store.commit('SET_IS_WIDESCREEN', false)

src/views/accurateTeaching/main.vue

@@ -7,12 +7,13 @@
     <div class="content">
       <index-card title="班级任务" class="mb20">
         <el-row :gutter="20">
-          <el-col class="relative pointer"   :span="4" v-for="item in plan" >
-            <div class="plan_item">
-              <img  style="width:100%;height: 100%" :src="item.img"/>
-              <p class="bold text-center" >{{ item.title }}</p>
+          <el-col class="relative "   :span="4" v-for="item in plan" >
+            <div class="plan_item pointer" @click="$router.push(item.path)">
+              <div class="img-wrap">
+                <img  :src="item.img"/>
+              </div>
             </div>
-
+            <p class="bold text-center" >{{ item.title }}</p>
           </el-col>
         </el-row>
       </index-card>
@@ -35,32 +36,32 @@ export default {
         {
           title: '微课视频',
           img: require('@/assets/images/micro_video.png'),
-          path: ''
+          path: '/personalDatabase/class-task/micro-video'
         },
         {
           title: '作业视频',
           img: require('@/assets/images/homework_video.png'),
-          path: ''
+          path: '/personalDatabase/class-task/homework-video'
         },
         {
           title: '作业任务',
           img: require('@/assets/images/paper_work.png'),
-          path: ''
+          path: '/personalDatabase/class-task/paper-work'
         },
         {
           title: '学校通知',
           img: require('@/assets/images/school_notice.png'),
-          path: ''
+          path: '/personalDatabase/class-task/school-notice'
         },
         {
           title: '班级通知',
           img: require('@/assets/images/class_notice.png'),
-          path: ''
+          path: '/personalDatabase/class-task/class-notice'
         },
         {
           title: '系统通知',
           img: require('@/assets/images/system_notice.png'),
-          path: ''
+          path: '/personalDatabase/class-task/system-notice'
         },
       ],
       library: [
@@ -86,7 +87,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .content {
   width: 70%;
   margin: 0 auto;
@@ -98,6 +99,19 @@ export default {
   background: #f5f4f9;
 }
 .plan_item{
-
+  padding: 20px;
+  border: 1px solid #C5C5C5;
+  margin-bottom: 20px;
+  border-radius: 4px;
+  height: 134px;
+  .img-wrap{
+    width: 100%;
+    height: 100%;
+    text-align: center;
+  }
+  &:hover{
+    background: #00CCB4;
+    border: 1px solid #00CCB4;
+  }
 }
 </style>