111

src/views/dashboard/index.vue

@@ -19,7 +19,8 @@
         <h2 v-if="MajorList.length > 0">所属乐团</h2>
         <ul>
           <!-- MajorList -->
-          <li v-for="(item,index) in MajorList"
+          <li :class="activeMarjorId == item.id?'active':''"
+              v-for="(item,index) in MajorList"
               :key="index"
               @click="chioseMajor(item.name,item.id,item.status)">{{ item.name }}</li>
         </ul>
@@ -239,7 +240,8 @@ export default {
       studentId: "", // 学生id
       courseId: "", // 当前选中的课程
       subId: "", // 当前选中的项目
-      disabled: true // 判断单个调剂按钮能否点击
+      disabled: true, // 判断单个调剂按钮能否点击
+      activeMarjorId: '-1' // 选中乐团的id
     };
   },
   methods: {
@@ -290,6 +292,7 @@ export default {
     },
     // 点击分部下的乐团
     chioseMajor (name, id, status) {
+      this.activeMarjorId = id;
       this.actionTearm = name;
       this.majorStatus = status;
       this.majorId = id;
@@ -482,6 +485,9 @@ export default {
   line-height: 70px;
   cursor: pointer;
 }
+.left li.active {
+  color: #ffc10d;
+}
 .paginationWrap {
   display: flex;
   flex-direction: row;