update

src/views/school/ClassList.vue

@@ -1,302 +1,227 @@
 <style lang="scss">
-	.area{
-		.el-select{
-			width: 120px;
-			display: inline-block;
-			margin-right: 6px;
-		}
-	}
+  .area {
+    .el-select {
+      width: 120px;
+      display: inline-block;
+      margin-right: 6px;
+    }
+  }
 </style>
 <template>
   <section class="content">
     <div class="breadcrumb">
-        <el-breadcrumb separator="/">
-            <el-breadcrumb-item><a href="/">学校管理</a></el-breadcrumb-item>
-            <el-breadcrumb-item>班级管理</el-breadcrumb-item>
-        </el-breadcrumb>
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item><a href="/">学校管理</a></el-breadcrumb-item>
+        <el-breadcrumb-item>班级管理</el-breadcrumb-item>
+      </el-breadcrumb>
     </div>
     <el-form :model="queryParams" size="mini" label-width="80px" class="filter-form" :inine="true">
       <el-row>
         <el-col :span="4">
           <el-form-item label="学校">
-			  <el-select
-			    v-model="queryParams.school_id"
-			    placeholder="请选择学校"
-			    clearable
-			    filterable  
-			  >
-			    <el-option
-			      v-for="item in schoolList"
-			      :key="item.value"
-			      :label="item.name"
-			      :value="item.id"
-			    >
-			    </el-option>
-			  </el-select>
+            <el-select v-model="queryParams.school_id" placeholder="请选择学校" clearable filterable>
+              <el-option v-for="item in schoolList" :key="item.value" :label="item.name" :value="item.id">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="4">
           <el-form-item label="年级">
-            <el-select
-              v-model="queryParams.grade_name"
-              placeholder="请选择年级"
-              clearable
-              filterable  
-            >
-              <el-option
-                v-for="item in gradeList"
-                :key="item"
-                :label="item"
-                :value="item"
-              >
+            <el-select v-model="queryParams.grade_name" placeholder="请选择年级" clearable filterable>
+              <el-option v-for="item in gradeList" :key="item" :label="item" :value="item">
               </el-option>
             </el-select>
           </el-form-item>
         </el-col>
-		<el-col :span="4">
-		  <el-form-item label="创建时间">
-		    <el-date-picker
-		          v-model="queryParams.ctime"
-		          type="datetime"
-		          placeholder="选择日期时间">
-		    </el-date-picker>
-		  </el-form-item>
-		</el-col>
+        <!-- <el-col :span="4">
+          <el-form-item label="创建时间">
+            <el-date-picker v-model="queryParams.ctime" type="datetime" placeholder="选择日期时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col> -->
         <el-col :span="11">
           <el-form-item label-width="10" style="margin-left: 10px">
-            <el-button type="primary" @click="getData" size="mini"
-              >搜索</el-button
-            >
-            <el-button
-              type="info"
-              size="mini"
-              @click="queryParams={},getData()"
-              >重置</el-button
-            >
-			<el-button 
-			  type="primary"
-			  plain 
-			  icon="el-icon-plus"
-			  size="mini"
-			  @click="handleAdd"
-			  >添加班级</el-button>
+            <el-button type="primary" @click="getData" size="mini">搜索</el-button>
+            <el-button type="info" size="mini" @click="queryParams={},getData()">重置</el-button>
+            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">添加班级</el-button>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
-    <el-table
-      v-loading="loading"
-      :data="list"
-      style="width: 100%; margin-top: 10px"
-      height="68vh"
-    >
+    <el-table v-loading="loading" :data="list" style="width: 100%; margin-top: 10px" height="68vh">
       <el-table-column align="center" prop="name" label="班级名称" />
       <el-table-column align="center" prop="grade_name" label="年级" />
       <el-table-column label="所属学校" prop="school_name"></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="ctime" label="创建时间" />
       <el-table-column align="center" prop="date" label="操作" width="320">
         <template slot-scope="scope">
-          <el-button @click="edit(scope.row)" size="mini" type="info" plain
-            >编辑</el-button
-          >
-          <el-button @click="del(scope.row.id)" size="mini" type="info" plain
-            >删除</el-button
-          >
+          <el-button @click="edit(scope.row)" size="mini" type="info" plain>编辑</el-button>
+          <el-button @click="del(scope.row.id)" size="mini" type="info" plain>删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <Page
-      ref="pageButton"
-      :current="form.page"
-      :page_size="form.page_size"
-      :total="total"
-      @pageChange="gopage"
-    />
+    <Page ref="pageButton" :current="form.page" :page_size="form.page_size" :total="total" @pageChange="gopage" />
     <!-- 新增班级-->
-	<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-item label="所属学校" prop="school_id">
-		  <el-select
-		    v-model="form.school_id"
-		    placeholder="请选择学校"
-		    clearable
-		    filterable  
-		  >
-		    <el-option
-		      v-for="item in schoolList"
-		      :key="item.value"
-		      :label="item.name"
-		      :value="item.id"
-		    >
-		    </el-option>
-		  </el-select>
-		</el-form-item>
-	    <el-form-item label="所属年级" prop='form.grade_name'>
-	      <el-select 
-	        v-model="form.grade_name"
-	        placeholder="请选择"
-	        clearable
-	        filterable  
-	      >
-	        <el-option
-	          v-for="item in gradeList"
-	          :key="item"
-	          :label="item"
-	          :value="item"
-	        >
-	        </el-option>
-	      </el-select>
-	    </el-form-item>
-	    
-	    <el-form-item label="班级数量" prop="">
-			<el-input-number v-model="form.number" controls-position="right"  :min="1" >			
-			</el-input-number>
-	    </el-form-item>
-	
-	    <el-form-item label="班级名称" prop="name">
-	      <el-input
-	        clearable
-	        v-model="form.name"
-	        placeholder="请输入班级名称"
-	      ></el-input>
-	    </el-form-item>
-	  </el-form>
-	  <div slot="footer" class="dialog-footer">
-	    <el-button type="primary" @click="submitForm">保存</el-button>
-	    <el-button @click="open = false">取 消</el-button>
-	  </div>
-	</el-dialog>
+    <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-item label="所属学校" prop="school_id">
+          <el-select v-model="form.school_id" placeholder="请选择学校" clearable filterable>
+            <el-option v-for="item in schoolList" :key="item.value" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属年级" prop='form.grade_name'>
+          <el-select v-model="form.grade_name" placeholder="请选择" clearable filterable>
+            <el-option v-for="item in gradeList" :key="item" :label="item" :value="item">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="班级数量" prop="">
+          <el-input-number v-model="form.number" controls-position="right" :min="1">
+          </el-input-number>
+        </el-form-item>
+
+        <el-form-item label="班级名称" prop="name">
+          <el-input clearable v-model="form.name" placeholder="请输入班级名称"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="open = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </section>
 </template>
 <script>
-import Page from "../../components/Page";
-export default {
-  components: {
-    Page,
-  },
-  data() {
-    return {
-      loading: false,
-      queryParams: {
-        page: 1,
-      },
-      form: {},
-      form1: {},
-      form2: {},
-      list: [{}, {}],
-      total: 0,
-      title: "新增学校",
-      open: false,
-      schoolList: [],
-	  gradeList:[],
-      rules: {},
-    };
-  },
-  methods: {
-    del(id) {
-      this.$confirm("确认删除?", "提示", {
-        type: "warning",
-      }).then(() => {
-        this.$api
-          .delClass({
-            id: id,
-          })
-          .then((res) => {
-            if (!res.data.code) {
-              this.msgSuccess("删除成功");
-              this.getData();
-            } else {
-              this.msgError(res.data.message);
-            }
-          });
-      });
-    },
-    gopage(size) {
-      if (size) {
-        this.queryParams.page_size = size;
-      }
-      this.queryParams.page = this.$refs.pageButton.page;
-      this.getData();
-    },
-	// 获取学校 年级
-	getList(){
-		this.$api.schoolList().then((res) => {
-		  this.schoolList = res.data.data.list;
-		});
-		this.$api.gradeList().then((res) => {
-		  this.gradeList = res.data.data;
-		  
-		});
-	},
-    getData() {
-      this.loading = true;
-      this.$api.classList(this.queryParams).then((res) => {
-        this.list = res.data.data.list;
-        this.total = res.data.data.total;
-        this.loading = false;
-      });
+  import Page from "../../components/Page";
+  export default {
+    components: {
+      Page,
     },
-    handleAdd() {
-      this.open = true;
-      this.title = "新增班级";
-      this.form = {};
+    data() {
+      return {
+        loading: false,
+        queryParams: {
+          page: 1,
+        },
+        form: {},
+        form1: {},
+        form2: {},
+        list: [{}, {}],
+        total: 0,
+        title: "新增学校",
+        open: false,
+        schoolList: [],
+        gradeList: [],
+        rules: {},
+      };
     },
-    edit(item) {
-      this.title = "编辑";
-      this.form = item;
-      this.open = true;
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            this.$api.editClass(this.form).then((res) => {
-              if (res.data.code == 0) {
-                this.msgSuccess("成功!");
-                this.open = false;
-                this.getData();
-              } else {
-                this.msgError(res.data.message);
-              }
-            });
-          } else {
-            this.$api.addClass(this.form).then((res) => {
-              if (res.data.code == 0) {
-                this.msgSuccess("成功!");
-                this.open = false;
+    methods: {
+      del(id) {
+        this.$confirm("确认删除?", "提示", {
+          type: "warning",
+        }).then(() => {
+          this.$api
+            .delClass({
+              id: id,
+            })
+            .then((res) => {
+              if (!res.data.code) {
+                this.msgSuccess("删除成功");
                 this.getData();
               } else {
                 this.msgError(res.data.message);
               }
             });
+        });
+      },
+      gopage(size) {
+        if (size) {
+          this.queryParams.page_size = size;
+        }
+        this.queryParams.page = this.$refs.pageButton.page;
+        this.getData();
+      },
+      // 获取学校 年级
+      getList() {
+        this.$api.schoolList().then((res) => {
+          this.schoolList = res.data.data.list;
+        });
+        this.$api.gradeList().then((res) => {
+          this.gradeList = res.data.data;
+
+        });
+      },
+      getData() {
+        this.loading = true;
+        this.$api.classList(this.queryParams).then((res) => {
+          this.list = res.data.data.list;
+          this.total = res.data.data.total;
+          this.loading = false;
+        });
+      },
+      handleAdd() {
+        this.open = true;
+        this.title = "新增班级";
+        this.form = {};
+      },
+      edit(item) {
+        this.title = "编辑";
+        this.form = item;
+        this.open = true;
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate((valid) => {
+          if (valid) {
+            if (this.form.id != null) {
+              this.$api.editClass(this.form).then((res) => {
+                if (res.data.code == 0) {
+                  this.msgSuccess("成功!");
+                  this.open = false;
+                  this.getData();
+                } else {
+                  this.msgError(res.data.message);
+                }
+              });
+            } else {
+              this.$api.addClass(this.form).then((res) => {
+                if (res.data.code == 0) {
+                  this.msgSuccess("成功!");
+                  this.open = false;
+                  this.getData();
+                } else {
+                  this.msgError(res.data.message);
+                }
+              });
+            }
           }
+        });
+      },
+      remoteMethod(query) {
+        if (query !== "") {
+          // this.loading = true;
+          this.$api
+            .getDoctorsSearchList({
+              name: query,
+            })
+            .then((res) => {
+              this.doctorList = res.data.data;
+              this.$set(this.doctorList, res.data.data);
+              // this.loading = false;
+            });
+        } else {
+          this.doctorList = [];
         }
-      });
+      },
     },
-    remoteMethod(query) {
-      if (query !== "") {
-        // this.loading = true;
-        this.$api
-          .getDoctorsSearchList({
-            name: query,
-          })
-          .then((res) => {
-            this.doctorList = res.data.data;
-            this.$set(this.doctorList, res.data.data);
-            // this.loading = false;
-          });
-      } else {
-        this.doctorList = [];
-      }
+    created() {
+      this.getList()
+      this.getData();
+
     },
-  },
-  created() {
-	  this.getList()
-	  this.getData();
-    
-  },
-};
+  };
 </script>

src/views/school/TeacherList.vue

@@ -1,418 +1,297 @@
 <style lang="scss">
-	.area{
-		.el-select{
+	.area {
+		.el-select {
 			width: 120px;
 			display: inline-block;
 			margin-right: 6px;
 		}
 	}
-	.upload_demo{
+
+	.upload_demo {
 		display: inline-block;
 		margin: 0 5px;
 	}
 </style>
 <template>
-  <section class="content">
-    <div class="breadcrumb">
-        <el-breadcrumb separator="/">
-            <el-breadcrumb-item><a href="/">学校管理</a></el-breadcrumb-item>
-            <el-breadcrumb-item>教师管理</el-breadcrumb-item>
-        </el-breadcrumb>
-    </div>
-    <el-form :model="queryParams" size="mini"  :inline="true" style="padding-left: 20px;">
-     <el-form-item label="教师名称">
-     	<el-input placeholder="请输入名称" clearable v-model="queryParams.name"></el-input>
-     </el-form-item>
-	 <el-form-item label="学校">
-	 	<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-form-item>
-	 <el-form-item label="年级">
-	 	<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-form-item>
-	 <el-form-item label="班级">
-	 	<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-form-item>
-	 <el-form-item label="职务">
-	 	<el-select placeholder="请选择" v-model="queryParams.job">
-	 		<el-option label="班主任" value="班主任"></el-option>
-	 	</el-select>
-	 </el-form-item>
-	 <el-form-item label="任教科目">
-	 	<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-form-item>
-	 <el-form-item label-width="10" style="margin-left: 10px">
-	   <el-button type="primary" @click="getData" size="mini"
-	     >搜索</el-button
-	   >
-	   <el-button
-	     type="info"
-	     size="mini"
-	     @click="queryParams={},getData()"
-	     >重置</el-button
-	   >
-	   <el-button
-	     type="info"
-	     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  
-	 			  type="primary"
-	 			  plain 
-	 			  icon="el-icon-plus"
-	 			  size="mini"
-	 			  @click="handleAdd"
-	 			  >添加教师</el-button>
-	 </el-form-item>
+	<section class="content">
+		<div class="breadcrumb">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item><a href="/">学校管理</a></el-breadcrumb-item>
+				<el-breadcrumb-item>教师管理</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<el-form :model="queryParams" size="mini" :inline="true" style="padding-left: 20px;">
+			<el-form-item label="教师名称">
+				<el-input placeholder="请输入名称" clearable v-model="queryParams.name"></el-input>
+			</el-form-item>
+			<el-form-item label="学校">
+				<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-form-item>
+			<el-form-item label="年级">
+				<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-form-item>
+			<el-form-item label="班级">
+				<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-form-item>
+			<el-form-item label="职务">
+				<el-select placeholder="请选择" v-model="queryParams.job">
+					<el-option label="班主任" value="班主任"></el-option>
+				</el-select>
+			</el-form-item>
+			<el-form-item label="任教科目">
+				<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-form-item>
+			<el-form-item label-width="10" style="margin-left: 10px">
+				<el-button type="primary" @click="getData" size="mini">搜索</el-button>
+				<el-button type="info" size="mini" @click="queryParams={},getData()">重置</el-button>
+				<!-- <el-button type="info" 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 type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">添加教师</el-button>
+			</el-form-item>
+
+		</el-form>
+		<el-table v-loading="loading" :data="list" style="width: 100%; margin-top: 10px" height="65vh">
+			<el-table-column align="center" prop="name" label="教师名称" />
+			<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="date" label="操作" width="320">
+				<template slot-scope="scope">
+					<el-button @click="edit(scope.row)" size="mini" type="info" plain>编辑</el-button>
+					<el-button @click="del(scope.row.id)" size="mini" type="info" plain>删除</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<Page ref="pageButton" :current="form.page" :page_size="form.page_size" :total="total" @pageChange="gopage" />
+		<!-- 新增教师-->
+		<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-item label="教师姓名" prop="name">
+					<el-input clearable v-model="form.name" placeholder="请输入教师姓名"></el-input>
+				</el-form-item>
+				<el-form-item label="性别" prop="sex">
+					<el-select v-model="form.sex" placeholder="请选择" clearable filterable>
+						<el-option label="男" value="男"></el-option>
+						<el-option label="女" value="女"></el-option>
+						</el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="年龄" prop="age">
+					<el-input clearable v-model="form.age" placeholder="请输入年龄"></el-input>
+				</el-form-item>
+				<el-form-item label="学校" prop="school_id">
+					<el-select v-model="form.school_id" placeholder="请选择学校" clearable filterable @change="getClass1">
+						<el-option v-for="item in schoolList" :key="item.value" :label="item.name" :value="item.id">
+						</el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="年级" prop='grade_name'>
+					<el-select v-model="form.grade_name" placeholder="请选择" clearable filterable @change="getClass1">
+						<el-option v-for="item in gradeList" :key="item" :label="item" :value="item">
+						</el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="班级">
+					<el-select v-model="form.class_id" placeholder="请选择" clearable filterable>
+						<el-option v-for="item in classList1" :key="item.value" :label="item.name" :value="item.id">
+						</el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="职务" prop="job">
+					<el-input clearable v-model="form.job" placeholder="请输入"></el-input>
+				</el-form-item>
 
-    </el-form>
-    <el-table
-      v-loading="loading"
-      :data="list"
-      style="width: 100%; margin-top: 10px"
-      height="65vh"
-    >
-      <el-table-column align="center" prop="name" label="教师名称" />
-      <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="date" label="操作" width="320">
-        <template slot-scope="scope">
-          <el-button @click="edit(scope.row)" size="mini" type="info" plain
-            >编辑</el-button
-          >
-          <el-button @click="del(scope.row.id)" size="mini" type="info" plain
-            >删除</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-    <Page
-      ref="pageButton"
-      :current="form.page"
-      :page_size="form.page_size"
-      :total="total"
-      @pageChange="gopage"
-    />
-    <!-- 新增教师-->
-	<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-item label="教师姓名" prop="name">
-		    <el-input
-		      clearable
-		      v-model="form.name"
-		      placeholder="请输入教师姓名"
-		    ></el-input>
-		  </el-form-item>
-		  <el-form-item label="性别" prop="sex">
-		    <el-select
-		      v-model="form.sex"
-		      placeholder="请选择"
-		      clearable
-		      filterable  
-		    >
-				<el-option label="男" value="男"></el-option>
-				<el-option label="女" value="女"></el-option>
-		      </el-option>
-		    </el-select>
-		  </el-form-item>
-		  <el-form-item label="年龄" prop="age">
-		    <el-input
-		      clearable
-		      v-model="form.age"
-		      placeholder="请输入年龄"
-		    ></el-input>
-		  </el-form-item>
-		<el-form-item label="学校" prop="school_id">
-		  <el-select
-		    v-model="form.school_id"
-		    placeholder="请选择学校"
-		    clearable
-		    filterable  
-			@change="getClass1"
-		  >
-		    <el-option
-		      v-for="item in schoolList"
-		      :key="item.value"
-		      :label="item.name"
-		      :value="item.id"
-		    >
-		    </el-option>
-		  </el-select>
-		</el-form-item>
-	    <el-form-item label="年级" prop='grade_name'>
-	      <el-select 
-	        v-model="form.grade_name"
-	        placeholder="请选择"
-	        clearable
-	        filterable  
-			@change="getClass1"
-	      >
-	        <el-option
-	          v-for="item in gradeList"
-	          :key="item"
-	          :label="item"
-	          :value="item"
-	        >
-	        </el-option>
-	      </el-select>
-	    </el-form-item>
-	    <el-form-item label="班级">
-	      <el-select 
-	        v-model="form.class_id"
-	        placeholder="请选择"
-	        clearable
-	        filterable  
-	      >
-	        <el-option
-	          v-for="item in classList1"
-	          :key="item.value"
-	          :label="item.name"
-	          :value="item.id"
-	        >
-	        </el-option>
-	      </el-select>
-	    </el-form-item>
-	    <el-form-item label="职务" prop="job">
-	      <el-input
-	        clearable
-	        v-model="form.job"
-	        placeholder="请输入"
-	      ></el-input>
-	    </el-form-item>
-	
-	    <el-form-item label="任教科目" prop="subject">
-	      <el-input
-	        clearable
-	        v-model="form.subject"
-	        placeholder="请输入"
-	      ></el-input>
-	    </el-form-item>
-	  </el-form>
-	  <div slot="footer" class="dialog-footer">
-	    <el-button type="primary" @click="submitForm">保存</el-button>
-	    <el-button @click="open = false">取 消</el-button>
-	  </div>
-	</el-dialog>
-  </section>
+				<el-form-item label="任教科目" prop="subject">
+					<el-input clearable v-model="form.subject" placeholder="请输入"></el-input>
+				</el-form-item>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button type="primary" @click="submitForm">保存</el-button>
+				<el-button @click="open = false">取 消</el-button>
+			</div>
+		</el-dialog>
+	</section>
 </template>
 <script>
-import Page from "../../components/Page";
-export default {
-  components: {
-    Page,
-  },
-  data() {
-    return {
-      loading: false,
-      queryParams: {
-        page: 1,
-      },
-      form: {},
-      form1: {},
-      form2: {},
-      list: [{}, {}],
-      total: 0,
-      title: "新增学校",
-      open: false,
-	  open2: false,
-      doctorList: [],
-      rules: {},
-	  schoolList: [],
-	  gradeList:[],
-	  classList:[],
-	  classList1:[],
-	  subjectList:['语文','数学','英语']
-    };
-  },
-  methods: {
-	  download(){
-	  	window.open('http://test.scxjc.club/supermark_students.xlsx')  
-	  },
-	  uploadSuccess(){
-	  	this.msgSuccess("上传成功");
-	  	this.getData();
-	  },
-    del(id) {
-      this.$confirm("确认删除?", "提示", {
-        type: "warning",
-      }).then(() => {
-        this.$api
-          .delTeacher({
-            id: id,
-          })
-          .then((res) => {
-            if (!res.data.code) {
-              this.msgSuccess("删除成功");
-              this.getData();
-            } else {
-              this.msgError(res.data.message);
-            }
-          });
-      });
-    },
-    gopage(size) {
-      if (size) {
-        this.queryParams.page_size = size;
-      }
-      this.queryParams.page = this.$refs.pageButton.page;
-      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() {
-      this.loading = true;
-      this.$api.teacherList(this.queryParams).then((res) => {
-        this.list = res.data.data.list;
-        this.total = res.data.data.total;
-        this.loading = false;
-      });
-    },
-    handleAdd() {
-      this.open = true;
-      this.title = "新增教师";
-      this.form = {};
-    },
-    edit(item) {
-      this.title = "编辑";
-      this.form = item;
-      this.open = true;
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            this.$api.editTeacher(this.form).then((res) => {
-              if (res.data.code == 0) {
-                this.msgSuccess("成功!");
-                this.open = false;
-                this.getData();
-              } else {
-                this.msgError(res.data.message);
-              }
-            });
-          } else {
-            this.$api.addTeacher(this.form).then((res) => {
-              if (res.data.code == 0) {
-                this.msgSuccess("成功!");
-                this.open = false;
-                this.getData();
-              } else {
-                this.msgError(res.data.message);
-              }
-            });
-          }
-        }
-      });
-    },
-    remoteMethod(query) {
-      if (query !== "") {
-        // this.loading = true;
-        this.$api
-          .getDoctorsSearchList({
-            name: query,
-          })
-          .then((res) => {
-            this.doctorList = res.data.data;
-            this.$set(this.doctorList, res.data.data);
-            // this.loading = false;
-          });
-      } else {
-        this.doctorList = [];
-      }
-    },
-  },
-  created() {
-	  this.getList()
-	  this.getClass()
-      this.getData();
-    
-  },
-};
+	import Page from "../../components/Page";
+	export default {
+		components: {
+			Page,
+		},
+		data() {
+			return {
+				loading: false,
+				queryParams: {
+					page: 1,
+				},
+				form: {},
+				form1: {},
+				form2: {},
+				list: [{}, {}],
+				total: 0,
+				title: "新增学校",
+				open: false,
+				open2: false,
+				doctorList: [],
+				rules: {},
+				schoolList: [],
+				gradeList: [],
+				classList: [],
+				classList1: [],
+				subjectList: ['语文', '数学', '英语']
+			};
+		},
+		methods: {
+			download() {
+				window.open('http://test.scxjc.club/supermark_students.xlsx')
+			},
+			uploadSuccess() {
+				this.msgSuccess("上传成功");
+				this.getData();
+			},
+			del(id) {
+				this.$confirm("确认删除?", "提示", {
+					type: "warning",
+				}).then(() => {
+					this.$api
+						.delTeacher({
+							id: id,
+						})
+						.then((res) => {
+							if (!res.data.code) {
+								this.msgSuccess("删除成功");
+								this.getData();
+							} else {
+								this.msgError(res.data.message);
+							}
+						});
+				});
+			},
+			gopage(size) {
+				if (size) {
+					this.queryParams.page_size = size;
+				}
+				this.queryParams.page = this.$refs.pageButton.page;
+				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() {
+				this.loading = true;
+				this.$api.teacherList(this.queryParams).then((res) => {
+					this.list = res.data.data.list;
+					this.total = res.data.data.total;
+					this.loading = false;
+				});
+			},
+			handleAdd() {
+				this.open = true;
+				this.title = "新增教师";
+				this.form = {};
+			},
+			edit(item) {
+				this.title = "编辑";
+				this.form = item;
+				this.open = true;
+			},
+			/** 提交按钮 */
+			submitForm() {
+				this.$refs["form"].validate((valid) => {
+					if (valid) {
+						if (this.form.id != null) {
+							this.$api.editTeacher(this.form).then((res) => {
+								if (res.data.code == 0) {
+									this.msgSuccess("成功!");
+									this.open = false;
+									this.getData();
+								} else {
+									this.msgError(res.data.message);
+								}
+							});
+						} else {
+							this.$api.addTeacher(this.form).then((res) => {
+								if (res.data.code == 0) {
+									this.msgSuccess("成功!");
+									this.open = false;
+									this.getData();
+								} else {
+									this.msgError(res.data.message);
+								}
+							});
+						}
+					}
+				});
+			},
+			remoteMethod(query) {
+				if (query !== "") {
+					// this.loading = true;
+					this.$api
+						.getDoctorsSearchList({
+							name: query,
+						})
+						.then((res) => {
+							this.doctorList = res.data.data;
+							this.$set(this.doctorList, res.data.data);
+							// this.loading = false;
+						});
+				} else {
+					this.doctorList = [];
+				}
+			},
+		},
+		created() {
+			this.getList()
+			this.getClass()
+			this.getData();
+
+		},
+	};
 </script>