|
@@ -1,7 +1,42 @@
|
|
|
<template>
|
|
|
<div class="pb_content" style="background: unset">
|
|
|
<div class="sm_box">
|
|
|
- <div class="sm_left"></div>
|
|
|
+ <div class="sm_left">
|
|
|
+ <div class="nav active">
|
|
|
+ <span class="icon gradeI"></span>
|
|
|
+ <span class="name">年级管理</span>
|
|
|
+ </div>
|
|
|
+ <div class="nav" @click="
|
|
|
+ goTo(
|
|
|
+ '/class?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <span class="icon classI"></span>
|
|
|
+ <span class="name">班级管理</span>
|
|
|
+ </div>
|
|
|
+ <div class="nav" @click="
|
|
|
+ goTo(
|
|
|
+ '/student?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <span class="icon studentI"></span>
|
|
|
+ <span class="name">学生管理</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="sm_right">
|
|
|
<div v-if="ctype == 1" class="pb_content_body" style="
|
|
|
background: #fff;
|
|
@@ -1310,5 +1345,57 @@ export default {
|
|
|
top: 10px;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
+
|
|
|
+.nav {
|
|
|
+ height: 55px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #777777;
|
|
|
+ transition: all .5s;
|
|
|
+}
|
|
|
+
|
|
|
+.nav:hover {
|
|
|
+ background: rgb(204, 204, 204);
|
|
|
+}
|
|
|
+
|
|
|
+.nav.active {
|
|
|
+ background: #3d67bc !important;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.nav .icon {
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ margin-right: 5px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.nav .name {}
|
|
|
+
|
|
|
+.nav .icon.gradeI {
|
|
|
+ background-image: url(../../../../assets/icon/studentManage/grade.png);
|
|
|
+}
|
|
|
+
|
|
|
+.nav .icon.classI {
|
|
|
+ background-image: url(../../../../assets/icon/studentManage/class.png);
|
|
|
+}
|
|
|
+
|
|
|
+.nav .icon.studentI {
|
|
|
+ background-image: url(../../../../assets/icon/studentManage/student.png);
|
|
|
+}
|
|
|
+
|
|
|
+.nav.active .icon.gradeI {
|
|
|
+ background-image: url(../../../../assets/icon/studentManage/grade-a.png);
|
|
|
+}
|
|
|
+
|
|
|
+.nav.active .icon.classI {
|
|
|
+ background-image: url(../../../../assets/icon/studentManage/class-a.png);
|
|
|
+}
|
|
|
+
|
|
|
+.nav.active .icon.studentI {
|
|
|
+ background-image: url(../../../../assets/icon/studentManage/student-a.png);
|
|
|
+}
|
|
|
</style>
|
|
|
|