学生管理交互优化

梁保满
1 parent 31fe9b9a
Showing 1 changed file with 55 additions and 49 deletions
src/views/standard/setUp/student.vue
@@ -48,17 +48,8 @@
             :value="item.value"
           >
           </el-option>
-        </el-select>
-        <el-select
-          class="sel"
-          v-model="query.status"
-          @change="_QueryData(4)"
-          placeholder="学生状态"
-        >
-          <el-option disabled label="请选择" :value=9></el-option>
-          <el-option label="正常" :value="0"></el-option>
-          <el-option label="未分配" :value="-1"></el-option>
-          <el-option label="已毕业" :value="2"></el-option>
+          <el-option label="未分配" :value="80"></el-option>
+          <el-option label="已毕业" :value="81"></el-option>
         </el-select>
         <el-input
           placeholder="请输入学生姓名"
@@ -86,15 +77,29 @@
         </el-input>
       </div>
     </div>
-    <p class="total" v-if="studentList.length && !query.grade">
+    <p
+      class="total"
+      v-if="
+        studentList.length &&
+        (query.grade == 80 || query.grade == 81 || !query.grade)
+      "
+    >
       共筛选出{{ studentList.length }}名学生。
     </p>
-    <p class="total" v-if="getStuTotal && query.grade">
+    <p
+      class="total"
+      v-if="
+        getStuTotal && query.grade && query.grade != 80 && query.grade != 81
+      "
+    >
       共筛选出{{ getStuTotal }}名学生。
     </p>
     <div class="page-content">
       <div class="stu-box">
-        <div class="stu-list" v-show="query.grade">
+        <div
+          class="stu-list"
+          v-show="query.grade && query.grade != 80 && query.grade != 81"
+        >
           <div class="h-title">班级列表</div>
           <ul class="stu-ul">
             <li
@@ -109,7 +114,15 @@
           </ul>
         </div>
         <div class="stu-detail" v-loading="loading">
-          <div class="clazz-detail" v-if="clazzDetail.stationSn && query.grade">
+          <div
+            class="clazz-detail"
+            v-if="
+              clazzDetail.stationSn &&
+              query.grade &&
+              query.grade != 80 &&
+              query.grade != 81
+            "
+          >
             <p>基站SN：{{ clazzDetail.stationSn }}</p>
             <p>配对码：{{ clazzDetail.pairingCode }}</p>
             <p>频点：{{ clazzDetail.frequency }}</p>
@@ -129,7 +142,7 @@
               </el-popconfirm>
               <i
                 class="el-icon-user-solid"
-                v-if="!code && query.status != 2"
+                v-if="!code && query.grade != 81"
                 @click.stop="openChangeClazz(item)"
               ></i>
               <div class="s-li-box" @click="sayChange(item)">
@@ -167,13 +180,14 @@
         <el-form-item label="当前班级：">
           <span>{{ formStuCla.className }}</span>
         </el-form-item>
-        <el-form-item label="调到班级：">
+        <el-form-item label="调到班级：" prop="classId">
           <el-col :span="10">
             <el-select
               class="sel"
               v-model="formStuCla.classId"
               placeholder="选择年级"
             >
+              <el-option disabled label="请选择" value=""></el-option>
               <el-option
                 v-for="item in classList"
                 :key="item.id"
@@ -345,9 +359,7 @@ export default {
         studentCode: "",
       },
       rulesStuCla: {
-        className: [
-          { required: true, message: "请输入班级名称", trigger: "blur" },
-        ],
+        classId: [{ required: true, message: "请选择班级", trigger: "blur" }],
         studentCode: [
           { required: true, message: "请输入学生号", trigger: "blur" },
         ],
@@ -409,7 +421,7 @@ export default {
       this._QueryData(3);
     },
-    upSuccess(res) {
+    async upSuccess(res) {
       this.$message.closeAll();
       this.$message({
         showClose: true,
@@ -419,7 +431,8 @@ export default {
       });
       //导入成功
       this.diaUp = false;
-      this._QueryData(5);
+      await this._QueryClazz(this.query.grade);
+      this._QueryData();
     },
     //添加学生
     addStu() {
@@ -449,6 +462,7 @@ export default {
           if (status === 0) {
             this.$message.success(info);
             this.diaStu = false;
+            await this._QueryClazz(this.query.grade);
             this._QueryData();
           } else {
             this.$message.error(info);
@@ -465,13 +479,10 @@ export default {
     },
     //学生调班弹窗
     openChangeClazz(obj) {
-      if (!this.query.grade) {
+      if (this.query.grade == 80) {
         this._QueryClazz(obj.grade);
-        this.formStuCla.classId = "";
-      } else {
-        this.formStuCla.classId = this.classList[0].id;
       }
-
+      this.formStuCla.classId = "";
       this.formStuCla.studentId = obj.id;
       this.formStuCla.className = obj.className;
       this.formStuCla.studentName = obj.studentName;
@@ -484,6 +495,10 @@ export default {
       function () {
         this.$refs.formStuCla.validate(async (valid) => {
           if (valid) {
+            if (this.formStuCla.classId == this.formStuCla.oldClassId) {
+              this.$message.warning("班级无变更～");
+              return;
+            }
             const { data, status, info } =
               await this.$request.studentChangeClass({
                 studentId: this.formStuCla.studentId,
@@ -494,6 +509,7 @@ export default {
             if (status == 0) {
               this.diaChangeClass = false;
               this.$message.success(info);
+              await this._QueryClazz(this.query.grade);
               this._QueryData();
             } else {
               this.$message.error(info);
@@ -528,7 +544,7 @@ export default {
       });
       if (status === 0) {
         this.$message.success("删除成功");
-        this.studentList.splice(index, 1);
+        await this._QueryClazz(this.query.grade);
         this._QueryData();
       } else {
         this.$message.error(info);
@@ -539,7 +555,9 @@ export default {
       this.query.classId = "";
       this.query.studentName = "";
       this.query.studentCode = "";
-      await this._QueryClass(val);
+      if (val != 80 && val != 81) {
+        await this._QueryClass(val);
+      }
       this._QueryData(3);
     },
     serQuery(type) {
@@ -550,44 +568,33 @@ export default {
           return;
         }
         this.query.classId = "";
-        this.query.status = 9;
         this.query.studentCode = "";
         this.query.grade = "";
         query.studentName = this.query.studentName;
-        query.status = this.query.status;
+        query.status = 9;
       } else if (type == 2) {
         if (!this.query.studentCode) {
           this.$message.warning("输入学生学号～");
           return;
         }
         this.query.classId = "";
-        this.query.status = 9;
         this.query.studentName = "";
         this.query.grade = "";
         query.studentCode = this.query.studentCode;
-        query.status = this.query.status;
+        query.status = 9;
       } else if (type == 3) {
         this.query.studentName = "";
         this.query.studentCode = "";
-        this.query.status = 0;
-        query.grade = this.query.grade;
-        query.classId = this.query.classId;
-      } else if (type == 4) {
-        this.clazzDetail.stationSn = "";
-        this.query.studentName = "";
-        this.query.studentCode = "";
-        if (this.query.status) {
-          this.query.grade = "";
-          this.query.classId = "";
+        if (this.query.grade == 80) {
+          query.status = -1;
+        } else if (this.query.grade == 81) {
+          query.status = 2;
         } else {
-          this.query.grade = this.gradeList[0]?.value;
-          this.query.classId = this.classList[0]?.id;
           query.grade = this.query.grade;
           query.classId = this.query.classId;
         }
-        query.status = this.query.status;
       } else {
-        query = this.query;
+        query = { ...this.query };
       }
       return query;
     },
@@ -645,7 +652,6 @@ export default {
       });
       if (status === 0) {
         this.classList = (data.list && [...data?.list]) || [];
-        this.formStuCla.classId = this.classList[0].id;
       } else {
         this.$message.error(info);
       }
@@ -774,7 +780,7 @@ export default {
         box-shadow: 2px 2px 5px #7f7f7f;
         margin: 0 20px 20px 0;
         .s-li-box {
-          width: 180px;
+          width: 160px;
           border-radius: 10px;
           min-height: 120px;
           padding: 0 12px 5px;