|
|
@@ -7,18 +7,47 @@
|
|
|
border-radius: 5px;
|
|
|
">
|
|
|
<div class="pb_head top">
|
|
|
- <span>班级管理</span>
|
|
|
- <div class="student_button" style="border-radius: 4px;">
|
|
|
- <el-button type="primary" class="bgColor" @click="dialogVisible = true">添加班级</el-button>
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <span class="subClick" @click="
|
|
|
+ goTo(
|
|
|
+ '/student?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">学生管理</span>
|
|
|
+ <span class="sub_head">班级管理</span>
|
|
|
+ <span class="subClick" @click="
|
|
|
+ goTo(
|
|
|
+ '/grade?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">年级管理</span>
|
|
|
+ </div>
|
|
|
+ <div style="border-radius: 4px;">
|
|
|
+ <el-button type="primary" class="bgColor student_button" @click="dialogVisible = true">添加班级</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="student_head">
|
|
|
<div class="student_search">
|
|
|
<span>
|
|
|
- <el-input placeholder="请输入班级名称" v-model="sClassName" clearable>
|
|
|
+ <el-input placeholder="请输入班级名称" v-model="sClassName" clearable class="student_input">
|
|
|
</el-input>
|
|
|
</span>
|
|
|
- <el-button type="primary" @click="searchClass">查询</el-button>
|
|
|
+ <el-button type="primary" @click="searchClass" class="student_button">查询</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -60,22 +89,21 @@
|
|
|
">
|
|
|
<div class="pb_head top">
|
|
|
<span>查看学生</span>
|
|
|
- <div class="student_button" style="border-radius: 4px;">
|
|
|
- <el-button type="primary" class="bgColor" @click="ctype = 1, getClass()">返回</el-button>
|
|
|
+ <div style="border-radius: 4px;">
|
|
|
+ <el-button type="primary" class="bgColor student_button" @click="ctype = 1, getClass()">返回</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="student_head">
|
|
|
<div class="head_left">
|
|
|
<el-input v-model="sPhoneUser" class="student_input" placeholder="请输入用户名"></el-input>
|
|
|
- <el-select disabled v-model="cid" placeholder="请选择班级" class="student_input" @change="searchStudent"
|
|
|
- style="margin:0 10px">
|
|
|
+ <el-select disabled v-model="cid" placeholder="请选择班级" class="student_input" @change="searchStudent">
|
|
|
<el-option label="所有人" value=""></el-option>
|
|
|
<el-option v-for="(item, index) in classJuri" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
- <el-button class="student_button" @click="searchStudent">查询</el-button>
|
|
|
+ <el-button type="primary" class="student_button" @click="searchStudent">查询</el-button>
|
|
|
</div>
|
|
|
<div class="head_right">
|
|
|
- <el-button @click="addStudent">添加学生</el-button>
|
|
|
+ <el-button @click="addStudent" class="student_button">添加学生</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -239,7 +267,7 @@
|
|
|
:before-close="handleClose" class="dialog_diy">
|
|
|
<el-form>
|
|
|
<el-form-item label="选择年级" :label-width="formLabelWidth">
|
|
|
- <el-select v-model="gid" placeholder="请选择班级" class="student_input" style="margin:0 10px" clearable>
|
|
|
+ <el-select v-model="gid" placeholder="请选择班级" class="student_input" clearable>
|
|
|
<el-option v-for="(item, index) in grade" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -334,7 +362,9 @@ export default {
|
|
|
page2: 1,
|
|
|
total2: 0,
|
|
|
userid: this.$route.query.userid,
|
|
|
+ org: this.$route.query.org,
|
|
|
oid: this.$route.query.oid,
|
|
|
+ role: this.$route.query.role,
|
|
|
cid: "",
|
|
|
ctype: 1,
|
|
|
sName: "",
|
|
|
@@ -400,6 +430,9 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ goTo(path) {
|
|
|
+ this.$router.push(path);
|
|
|
+ },
|
|
|
//获取班级列表
|
|
|
selectGrage() {
|
|
|
let params = {
|
|
|
@@ -999,15 +1032,17 @@ export default {
|
|
|
.student_search {
|
|
|
display: flex;
|
|
|
width: 300px;
|
|
|
+ line-height: 40px;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.student_search span {
|
|
|
- margin: 0 10px 0 0;
|
|
|
+ /* margin: 0 10px 0 0; */
|
|
|
}
|
|
|
|
|
|
.student_button {
|
|
|
- display: flex;
|
|
|
- height: 40px;
|
|
|
+ /* display: flex; */
|
|
|
+ /* height: 40px; */
|
|
|
}
|
|
|
|
|
|
.student_button .el-button--primary {
|
|
|
@@ -1024,7 +1059,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.student_table {
|
|
|
- margin: 20px 0;
|
|
|
+ /* margin: 20px 0; */
|
|
|
}
|
|
|
|
|
|
.el-table>>>.even_row {
|
|
|
@@ -1055,21 +1090,23 @@ export default {
|
|
|
.head_left {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
|
|
|
.head_right {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: nowrap;
|
|
|
- align-items: baseline;
|
|
|
+ align-items: center;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
|
|
|
-.student_input>>>.el-input__inner {
|
|
|
+/* .student_input>>>.el-input__inner {
|
|
|
width: 190px;
|
|
|
font-size: 13px;
|
|
|
padding: 0 10px;
|
|
|
}
|
|
|
-
|
|
|
+ */
|
|
|
.student_button {
|
|
|
color: #fff;
|
|
|
background: #2268bc;
|
|
|
@@ -1293,4 +1330,66 @@ export default {
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+.student_input>>>.el-input__inner {
|
|
|
+ height: 30px;
|
|
|
+ width: 190px;
|
|
|
+ font-size: 13px;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+.student_input.el-input {
|
|
|
+ width: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.student_input {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.student_input>>>.el-input__icon {
|
|
|
+ line-height: unset;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.student_button {
|
|
|
+ color: #fff;
|
|
|
+ background: #2268bc;
|
|
|
+ width: 60px;
|
|
|
+ height: 30px;
|
|
|
+ padding: 0 !important;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 30px;
|
|
|
+}
|
|
|
+.sub_head {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.sub_head::after {
|
|
|
+ content: "";
|
|
|
+ width: 100%;
|
|
|
+ background: #5a9cea;
|
|
|
+ height: 2px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -10px;
|
|
|
+}
|
|
|
+
|
|
|
+.subClick {
|
|
|
+ /* font-size: 16px; */
|
|
|
+ font-size: 26px;
|
|
|
+ cursor: pointer;
|
|
|
+ /* margin-left: 17.5px; */
|
|
|
+ /* color: #ab582f; */
|
|
|
+ /* color: #409eff; */
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+
|
|
|
+.subClick:hover {
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.sub_head + .subClick,
|
|
|
+.subClick + .subClick,
|
|
|
+.subClick + .sub_head{
|
|
|
+ margin-left: 17.5px;
|
|
|
+}
|
|
|
+
|
|
|
</style>
|
