|
@@ -6,6 +6,10 @@
|
|
|
margin-right: 6px;
|
|
margin-right: 6px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .upload_demo{
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ margin: 0 5px;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|
|
|
<template>
|
|
<template>
|
|
|
<section class="content">
|
|
<section class="content">
|
|
@@ -17,31 +21,72 @@
|
|
|
</div>
|
|
</div>
|
|
|
<el-form :model="queryParams" size="mini" :inline="true" style="padding-left: 20px;">
|
|
<el-form :model="queryParams" size="mini" :inline="true" style="padding-left: 20px;">
|
|
|
<el-form-item label="教师名称">
|
|
<el-form-item label="教师名称">
|
|
|
- <el-input placeholder="请输入名称" v-model="queryParams.school_name"></el-input>
|
|
|
|
|
|
|
+ <el-input placeholder="请输入名称" clearable v-model="queryParams.name"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="学校">
|
|
<el-form-item label="学校">
|
|
|
- <el-select placeholder="请选择学校">
|
|
|
|
|
- <!-- <el-option label="高三一班" value="高三一班">高三一班</el-option> -->
|
|
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="queryParams.school_id"
|
|
|
|
|
+ placeholder="请选择学校"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ filterable
|
|
|
|
|
+ @change="getClass"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in schoolList"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.name"
|
|
|
|
|
+ :value="item.id"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="年级">
|
|
<el-form-item label="年级">
|
|
|
- <el-select placeholder="请选择">
|
|
|
|
|
- <!-- <el-option label="高三一班" value="高三一班">高三一班</el-option> -->
|
|
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="queryParams.grade_name"
|
|
|
|
|
+ placeholder="请选择年级"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ filterable
|
|
|
|
|
+ @change="getClass"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in gradeList"
|
|
|
|
|
+ :key="item"
|
|
|
|
|
+ :label="item"
|
|
|
|
|
+ :value="item"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="班级">
|
|
<el-form-item label="班级">
|
|
|
- <el-select placeholder="请选择">
|
|
|
|
|
- <!-- <el-option label="高三一班" value="高三一班">高三一班</el-option> -->
|
|
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="queryParams.class_id"
|
|
|
|
|
+ placeholder="请选择班级"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ filterable
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in classList"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.name"
|
|
|
|
|
+ :value="item.id"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="职务">
|
|
<el-form-item label="职务">
|
|
|
- <el-select placeholder="请选择">
|
|
|
|
|
- <!-- <el-option label="高三一班" value="高三一班">高三一班</el-option> -->
|
|
|
|
|
|
|
+ <el-select placeholder="请选择" v-model="queryParams.job">
|
|
|
|
|
+ <el-option label="班主任" value="班主任"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="任教科目">
|
|
<el-form-item label="任教科目">
|
|
|
- <el-select placeholder="请选择">
|
|
|
|
|
- <!-- <el-option label="高三一班" value="高三一班">高三一班</el-option> -->
|
|
|
|
|
|
|
+ <el-select placeholder="请选择" v-model="queryParams.subject">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in subjectList"
|
|
|
|
|
+ :key="item"
|
|
|
|
|
+ :label="item"
|
|
|
|
|
+ :value="item"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label-width="10" style="margin-left: 10px">
|
|
<el-form-item label-width="10" style="margin-left: 10px">
|
|
@@ -51,15 +96,24 @@
|
|
|
<el-button
|
|
<el-button
|
|
|
type="info"
|
|
type="info"
|
|
|
size="mini"
|
|
size="mini"
|
|
|
- @click="handleAdd"
|
|
|
|
|
|
|
+ @click="queryParams={},getData()"
|
|
|
>重置</el-button
|
|
>重置</el-button
|
|
|
>
|
|
>
|
|
|
<el-button
|
|
<el-button
|
|
|
type="info"
|
|
type="info"
|
|
|
- size="mini"
|
|
|
|
|
- @click="handleAdd"
|
|
|
|
|
- >批量导入</el-button
|
|
|
|
|
|
|
+ size="mini" icon="el-icon-download"
|
|
|
|
|
+ @click="download"
|
|
|
|
|
+ >下载模版</el-button
|
|
|
>
|
|
>
|
|
|
|
|
+ <el-upload
|
|
|
|
|
+ class="upload_demo"
|
|
|
|
|
+ action="/api/admin/school/teacher/upload"
|
|
|
|
|
+ :on-success='uploadSuccess'
|
|
|
|
|
+ :show-file-list='false'
|
|
|
|
|
+ multiple
|
|
|
|
|
+ :limit="3">
|
|
|
|
|
+ <el-button icon="el-icon-upload" size="mini" type="primary">批量导入</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
<el-button
|
|
<el-button
|
|
|
type="primary"
|
|
type="primary"
|
|
|
plain
|
|
plain
|
|
@@ -74,22 +128,23 @@
|
|
|
v-loading="loading"
|
|
v-loading="loading"
|
|
|
:data="list"
|
|
:data="list"
|
|
|
style="width: 100%; margin-top: 10px"
|
|
style="width: 100%; margin-top: 10px"
|
|
|
- height="50vh"
|
|
|
|
|
|
|
+ height="65vh"
|
|
|
>
|
|
>
|
|
|
<el-table-column align="center" prop="name" label="教师名称" />
|
|
<el-table-column align="center" prop="name" label="教师名称" />
|
|
|
- <el-table-column align="center" prop="phone" label="性别" />
|
|
|
|
|
- <el-table-column label="年龄">
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column label="手机号"></el-table-column>
|
|
|
|
|
- <el-table-column label="所属班级"></el-table-column>
|
|
|
|
|
- <el-table-column label="所属学校"></el-table-column>
|
|
|
|
|
- <el-table-column label="职务"></el-table-column>
|
|
|
|
|
- <el-table-column label="任教科目"></el-table-column>
|
|
|
|
|
|
|
+ <el-table-column align="center" prop="sex" label="性别" />
|
|
|
|
|
+ <el-table-column label="年龄" prop="age"></el-table-column>
|
|
|
|
|
+ <!-- <el-table-column label="手机号" prop="phone"></el-table-column> -->
|
|
|
|
|
+ <el-table-column label="所属班级" prop="grade_name">
|
|
|
|
|
+ <template slot-scope="scope">{{scope.row.grade_name}}{{scope.row.class_name}}</template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column label="所属学校" prop="school_name"></el-table-column>
|
|
|
|
|
+ <el-table-column label="职务" prop="job"></el-table-column>
|
|
|
|
|
+ <el-table-column label="任教科目" prop="subject"></el-table-column>
|
|
|
|
|
|
|
|
<el-table-column align="center" prop="ctime" label="创建时间" />
|
|
<el-table-column align="center" prop="ctime" label="创建时间" />
|
|
|
<el-table-column align="center" prop="date" label="操作" width="320">
|
|
<el-table-column align="center" prop="date" label="操作" width="320">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
- <el-button @click="edit(scope.row.id)" size="mini" type="info" plain
|
|
|
|
|
|
|
+ <el-button @click="edit(scope.row)" size="mini" type="info" plain
|
|
|
>编辑</el-button
|
|
>编辑</el-button
|
|
|
>
|
|
>
|
|
|
<el-button @click="del(scope.row.id)" size="mini" type="info" plain
|
|
<el-button @click="del(scope.row.id)" size="mini" type="info" plain
|
|
@@ -108,65 +163,75 @@
|
|
|
<!-- 新增教师-->
|
|
<!-- 新增教师-->
|
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="教师名称" prop="hospital_name">
|
|
|
|
|
|
|
+ <el-form-item label="教师姓名" prop="name">
|
|
|
<el-input
|
|
<el-input
|
|
|
clearable
|
|
clearable
|
|
|
- v-model="form.hospital_name"
|
|
|
|
|
- placeholder="请输入班级名称"
|
|
|
|
|
|
|
+ v-model="form.name"
|
|
|
|
|
+ placeholder="请输入教师姓名"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="性别" prop="name">
|
|
|
|
|
|
|
+ <el-form-item label="性别" prop="sex">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="form.parent_id"
|
|
|
|
|
|
|
+ v-model="form.sex"
|
|
|
placeholder="请选择"
|
|
placeholder="请选择"
|
|
|
clearable
|
|
clearable
|
|
|
filterable
|
|
filterable
|
|
|
>
|
|
>
|
|
|
|
|
+ <el-option label="男" value="男"></el-option>
|
|
|
|
|
+ <el-option label="女" value="女"></el-option>
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="年龄" prop="hospital_name">
|
|
|
|
|
|
|
+ <el-form-item label="年龄" prop="age">
|
|
|
<el-input
|
|
<el-input
|
|
|
clearable
|
|
clearable
|
|
|
- v-model="form.hospital_name"
|
|
|
|
|
|
|
+ v-model="form.age"
|
|
|
placeholder="请输入年龄"
|
|
placeholder="请输入年龄"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="学校" prop="name">
|
|
|
|
|
|
|
+ <el-form-item label="学校" prop="school_id">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="form.parent_id"
|
|
|
|
|
|
|
+ v-model="form.school_id"
|
|
|
placeholder="请选择学校"
|
|
placeholder="请选择学校"
|
|
|
clearable
|
|
clearable
|
|
|
filterable
|
|
filterable
|
|
|
|
|
+ @change="getClass1"
|
|
|
>
|
|
>
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in schoolList"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.name"
|
|
|
|
|
+ :value="item.id"
|
|
|
|
|
+ >
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="年级">
|
|
|
|
|
|
|
+ <el-form-item label="年级" prop='grade_name'>
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="form.parent_id"
|
|
|
|
|
|
|
+ v-model="form.grade_name"
|
|
|
placeholder="请选择"
|
|
placeholder="请选择"
|
|
|
clearable
|
|
clearable
|
|
|
filterable
|
|
filterable
|
|
|
|
|
+ @change="getClass1"
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in doctorList"
|
|
|
|
|
- :key="item.value"
|
|
|
|
|
- :label="item.name"
|
|
|
|
|
- :value="item.id"
|
|
|
|
|
|
|
+ v-for="item in gradeList"
|
|
|
|
|
+ :key="item"
|
|
|
|
|
+ :label="item"
|
|
|
|
|
+ :value="item"
|
|
|
>
|
|
>
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="班级">
|
|
<el-form-item label="班级">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="form.parent_id"
|
|
|
|
|
|
|
+ v-model="form.class_id"
|
|
|
placeholder="请选择"
|
|
placeholder="请选择"
|
|
|
clearable
|
|
clearable
|
|
|
filterable
|
|
filterable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in doctorList"
|
|
|
|
|
|
|
+ v-for="item in classList1"
|
|
|
:key="item.value"
|
|
:key="item.value"
|
|
|
:label="item.name"
|
|
:label="item.name"
|
|
|
:value="item.id"
|
|
:value="item.id"
|
|
@@ -174,18 +239,18 @@
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="职务" prop="hospital_name">
|
|
|
|
|
|
|
+ <el-form-item label="职务" prop="job">
|
|
|
<el-input
|
|
<el-input
|
|
|
clearable
|
|
clearable
|
|
|
- v-model="form.hospital_name"
|
|
|
|
|
|
|
+ v-model="form.job"
|
|
|
placeholder="请输入"
|
|
placeholder="请输入"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
- <el-form-item label="任教科目" prop="hospital_name">
|
|
|
|
|
|
|
+ <el-form-item label="任教科目" prop="subject">
|
|
|
<el-input
|
|
<el-input
|
|
|
clearable
|
|
clearable
|
|
|
- v-model="form.hospital_name"
|
|
|
|
|
|
|
+ v-model="form.subject"
|
|
|
placeholder="请输入"
|
|
placeholder="请输入"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -219,23 +284,35 @@ export default {
|
|
|
open2: false,
|
|
open2: false,
|
|
|
doctorList: [],
|
|
doctorList: [],
|
|
|
rules: {},
|
|
rules: {},
|
|
|
|
|
+ schoolList: [],
|
|
|
|
|
+ gradeList:[],
|
|
|
|
|
+ classList:[],
|
|
|
|
|
+ classList1:[],
|
|
|
|
|
+ subjectList:['语文','数学','英语']
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ download(){
|
|
|
|
|
+ window.open('http://test.scxjc.club/supermark_students.xlsx')
|
|
|
|
|
+ },
|
|
|
|
|
+ uploadSuccess(){
|
|
|
|
|
+ this.msgSuccess("上传成功");
|
|
|
|
|
+ this.getData();
|
|
|
|
|
+ },
|
|
|
del(id) {
|
|
del(id) {
|
|
|
this.$confirm("确认删除?", "提示", {
|
|
this.$confirm("确认删除?", "提示", {
|
|
|
type: "warning",
|
|
type: "warning",
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
this.$api
|
|
this.$api
|
|
|
- .delDoctorInfo({
|
|
|
|
|
|
|
+ .delTeacher({
|
|
|
id: id,
|
|
id: id,
|
|
|
})
|
|
})
|
|
|
.then((res) => {
|
|
.then((res) => {
|
|
|
if (!res.data.code) {
|
|
if (!res.data.code) {
|
|
|
- this.$msgSuccess("删除成功");
|
|
|
|
|
|
|
+ this.msgSuccess("删除成功");
|
|
|
this.getData();
|
|
this.getData();
|
|
|
} else {
|
|
} else {
|
|
|
- this.$msgError(res.data.message);
|
|
|
|
|
|
|
+ this.msgError(res.data.message);
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
});
|
|
});
|
|
@@ -247,45 +324,51 @@ export default {
|
|
|
this.queryParams.page = this.$refs.pageButton.page;
|
|
this.queryParams.page = this.$refs.pageButton.page;
|
|
|
this.getData();
|
|
this.getData();
|
|
|
},
|
|
},
|
|
|
|
|
+ // 获取学校 年级
|
|
|
|
|
+ getList(){
|
|
|
|
|
+ this.$api.schoolList().then((res) => {
|
|
|
|
|
+ this.schoolList = res.data.data.list;
|
|
|
|
|
+ });
|
|
|
|
|
+ this.$api.gradeList().then((res) => {
|
|
|
|
|
+ this.gradeList = res.data.data;
|
|
|
|
|
+
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ // 获取班级
|
|
|
|
|
+ getClass(){
|
|
|
|
|
+ this.$api.classList({school_id:this.queryParams.school_id,grade_name:this.queryParams.grade_name}).then((res) => {
|
|
|
|
|
+ this.classList = res.data.data.list;
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ getClass1(){
|
|
|
|
|
+ this.$api.classList({school_id:this.form.school_id,grade_name:this.form.grade_name}).then((res) => {
|
|
|
|
|
+ this.classList1 = res.data.data.list;
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
getData() {
|
|
getData() {
|
|
|
this.loading = true;
|
|
this.loading = true;
|
|
|
- this.$api.getDoctorsList(this.queryParams).then((res) => {
|
|
|
|
|
|
|
+ this.$api.teacherList(this.queryParams).then((res) => {
|
|
|
this.list = res.data.data.list;
|
|
this.list = res.data.data.list;
|
|
|
this.total = res.data.data.total;
|
|
this.total = res.data.data.total;
|
|
|
this.loading = false;
|
|
this.loading = false;
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
- this.$api
|
|
|
|
|
- .getDoctorsSearchList({
|
|
|
|
|
- })
|
|
|
|
|
- .then((res) => {
|
|
|
|
|
- this.doctorList = res.data.data;
|
|
|
|
|
- this.$set(this.doctorList, res.data.data);
|
|
|
|
|
- // this.loading = false;
|
|
|
|
|
- });
|
|
|
|
|
},
|
|
},
|
|
|
handleAdd() {
|
|
handleAdd() {
|
|
|
this.open = true;
|
|
this.open = true;
|
|
|
this.title = "新增教师";
|
|
this.title = "新增教师";
|
|
|
this.form = {};
|
|
this.form = {};
|
|
|
},
|
|
},
|
|
|
- edit(id) {
|
|
|
|
|
|
|
+ edit(item) {
|
|
|
this.title = "编辑";
|
|
this.title = "编辑";
|
|
|
- this.$api
|
|
|
|
|
- .getDoctorInfo({
|
|
|
|
|
- id: id,
|
|
|
|
|
- })
|
|
|
|
|
- .then((res) => {
|
|
|
|
|
- this.form = res.data.data;
|
|
|
|
|
- this.open = true;
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ this.form = item;
|
|
|
|
|
+ this.open = true;
|
|
|
},
|
|
},
|
|
|
/** 提交按钮 */
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
submitForm() {
|
|
|
this.$refs["form"].validate((valid) => {
|
|
this.$refs["form"].validate((valid) => {
|
|
|
if (valid) {
|
|
if (valid) {
|
|
|
if (this.form.id != null) {
|
|
if (this.form.id != null) {
|
|
|
- this.$api.editDoctorInfo(this.form).then((res) => {
|
|
|
|
|
|
|
+ this.$api.editTeacher(this.form).then((res) => {
|
|
|
if (res.data.code == 0) {
|
|
if (res.data.code == 0) {
|
|
|
this.msgSuccess("成功!");
|
|
this.msgSuccess("成功!");
|
|
|
this.open = false;
|
|
this.open = false;
|
|
@@ -295,7 +378,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
} else {
|
|
} else {
|
|
|
- this.$api.addDoctorInfo(this.form).then((res) => {
|
|
|
|
|
|
|
+ this.$api.addTeacher(this.form).then((res) => {
|
|
|
if (res.data.code == 0) {
|
|
if (res.data.code == 0) {
|
|
|
this.msgSuccess("成功!");
|
|
this.msgSuccess("成功!");
|
|
|
this.open = false;
|
|
this.open = false;
|
|
@@ -326,7 +409,9 @@ export default {
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
|
- this.getData();
|
|
|
|
|
|
|
+ this.getList()
|
|
|
|
|
+ this.getClass()
|
|
|
|
|
+ this.getData();
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|