09/21 15:01

111

src/views/index/blocks/videoList.vue

@@ -4,7 +4,41 @@
          v-if="activeRow">
       <div class="projectList width1200">
         <div class="left">
-          <el-collapse @change='changeType'
+          <el-menu @change='changeType'
+                   default-active="1"
+                   class="projectInfoWrap"
+                   v-model="activeList"
+                   unique-opened>
+            <el-submenu index="1">
+              <template slot="title">
+                <p class="title">酷乐秀考生APP </p>
+              </template>
+              <p v-for="(item,index) in vaidoJson.app"
+                 :key="index"
+                 :class="activeRow.id===item.id?'active':''"
+                 @click='activeRow = item'>{{item.title}} </p>
+
+            </el-submenu>
+            <el-submenu index="2">
+              <template slot="title">
+                <p class="title">酷乐秀管理端 </p>
+              </template>
+              <p v-for="(item,index) in vaidoJson.admin"
+                 :key="index"
+                 :class="activeRow.id===item.id?'active':''"
+                 @click='activeRow = item'>{{item.title}} </p>
+            </el-submenu>
+            <el-submenu index=3>
+              <template slot="title">
+                <p class="title">酷乐秀评委端 </p>
+              </template>
+              <p v-for="(item,index) in vaidoJson.teacher"
+                 :key="index"
+                 :class="activeRow.id===item.id?'active':''"
+                 @click='activeRow = item'>{{item.title}} </p>
+            </el-submenu>
+          </el-menu>
+          <!-- <el-collapse @change='changeType'
                        class="projectInfoWrap"
                        v-model="activeList"
                        accordion>
@@ -27,17 +61,6 @@
                  :class="activeRow.id===item.id?'active':''"
                  @click='activeRow = item'>{{item.title}} </p>
             </el-collapse-item>
-            <!-- <section>
-              <p class="title">酷乐秀管理端 <i class="el-icon-arrow-right"></i></p>
-
-              <div v-if="activeList == 'admin'">
-                <p v-for="(item,index) in vaidoJson.admin"
-                   :key="index"
-                   :class="activeRow.id===item.id?'active':''"
-                   @click='activeRow = item'>{{item.title}}</p>
-              </div>
-
-            </section> -->
             <el-collapse-item name="teacher">
               <template slot="title">
                 <p class="title">酷乐秀评委端 </p>
@@ -47,18 +70,7 @@
                  :class="activeRow.id===item.id?'active':''"
                  @click='activeRow = item'>{{item.title}} </p>
             </el-collapse-item>
-            <!-- <section>
-              <p class="title"
-                 @click="activeList = 'teacher'">酷乐秀评委端 <i class="el-icon-arrow-right"></i></p>
-              <div v-if="activeList == 'teacher'">
-                <p v-for="(item,index) in vaidoJson.teacher"
-                   :key="index"
-                   :class="activeRow.id===item.id?'active':''"
-                   @click='activeRow = item'>{{item.title}}</p>
-              </div>
-            </section> -->
-
-          </el-collapse>
+          </el-collapse> -->
         </div>
         <div class="right">
           <h2>{{activeRow.title}}</h2>
@@ -109,9 +121,9 @@ export default {
   },
   methods: {
     changeType (val) {
-      const currentY = document.documentElement.scrollTop || document.body.scrollTop;
-      let top = (document.getElementById('videoList').offsetTop - 76) + (document.getElementById('videoList').scrollTop)
-      scrollAnimation(currentY, top)
+      // const currentY = document.documentElement.scrollTop || document.body.scrollTop;
+      // let top = (document.getElementById('videoList').offsetTop - 76) + (document.getElementById('videoList').scrollTop)
+      // scrollAnimation(currentY, top)
     }
   },
 }