新增修改学信息功能

src/controller/student/index.js

@@ -20,7 +20,7 @@ const studentController = {
         //提交用户
         submitStudent(student, isUpdate) {
             if (isUpdate) {
-
+                localStorageUtils.update(student);
             } else {
                 // 生成一个实时id
                 const options = { month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };
@@ -48,10 +48,15 @@ const studentController = {
                     }
                 }
                 if (phoneNum != null) {
-                    if (!(studentList[i].class).includes(classId)) {
+                    if (!(studentList[i].phoneNum).includes(phoneNum)) {
                         continue;
                     }
                 }
+                // if (phoneNum != null) {
+                //     if (studentList[i].id != Id) {
+                //         continue;
+                //     }
+                // }
 
                 showStudents.push(studentList[i])
             }
@@ -61,8 +66,8 @@ const studentController = {
         getStudents() {
             return localStorageUtils.getAllStudents();
         },
-        deleteStudents(deleteStudentsId){
-            for(let i = 0;i<deleteStudentsId.length;i++){
+        deleteStudents(deleteStudentsId) {
+            for (let i = 0; i < deleteStudentsId.length; i++) {
                 localStorageUtils.removeStudent(deleteStudentsId[i]);
             }
         }

src/utils/studentLsUtils.js

@@ -21,11 +21,20 @@ const studentLsUtils = {
         let allStudents = this.getAllStudents();
         let newStudetns = [];
         for (let i = 0; i < allStudents.length; i++) {
-            if(allStudents[i].id!=studetnId){
+            if (allStudents[i].id != studetnId) {
                 newStudetns.push(allStudents[i]);
             }
         }
         this.setStudents(newStudetns);
+    }, update(student) {
+        let all = this.getAllStudents();
+        
+        for (let i = 0; i < all.length; i++) {
+            if(all[i].id==student.id){
+                all[i] = student;
+            }
+        }
+        this.setStudents(all);
     }
 }
 export default studentLsUtils;

src/views/student/components/item-main.vue

@@ -29,7 +29,7 @@
         <span>{{ getGenderName(item.gender) }}</span>
         <span>{{ item.contact }}</span>
         <span>{{ item.phoneNum }}</span>
-        <span><button v-bind:student-id="item.id">修改</button></span>
+        <span><button @click="updateStudent(item)" :student-id="item.id">修改</button></span>
 
       </div>
 
@@ -95,6 +95,8 @@ export default {
       console.log(this.deleteStudentsId);
       controller.methods.deleteStudents(this.deleteStudentsId)
       this.loadPage();
+    },updateStudent(student){
+      this.$emit("updateStudent",student);
     }
 
   }

src/views/student/components/item-overlay.vue

@@ -3,7 +3,7 @@
   <div id="overlay">
     <!-- 添加学生的主要页面 -->
     <div class="add-student">
-      <h1 style="font-size: 18px;" id="add-student-head">学生</h1>
+      <h1 style="font-size: 18px;" id="add-student-head">{{ headText }}</h1>
       <div id="add-data">
         <div id="add-data-left">
           <div><span style="color: red;">*</span>学生姓名</div>
@@ -16,8 +16,7 @@
         </div>
         <div id="add-data-right">
           <div>
-            <input v-model="student.name" type="text" id="student-name" name="student-name"
-              placeholder="情输入学生姓名">
+            <input v-model="student.name" type="text" id="student-name" name="student-name" placeholder="情输入学生姓名">
             <span v-show="message.nameMessage" class="message" id="name-message">请输入学生姓名</span>
           </div>
           <div>
@@ -118,6 +117,7 @@ export default {
       classMessage: false
     }
     return {
+      headText: "学生",
       classes: [],
       isUpdate: false,
       message,
@@ -126,6 +126,21 @@ export default {
   },
   methods: {
     hideOverlay() {
+      var myStudent = {
+        name: "",
+        class: 0,
+        gender: 0,
+        birthday: "",
+        address: "",
+        contact: "",
+        phoneNum: "",
+        password: "123123",
+        id: "",
+        isCreateIM: false
+      }
+      this.isUpdate = false;
+      this.headText = "学生";
+      this.student = myStudent;
       this.$emit("hideOverlay");
     },
     submitStudent() {
@@ -148,18 +163,18 @@ export default {
       }
 
       let flag = controller.methods.submitStudent(this.student, this.isUpdate);
+      this.isUpdate = false;
       console.log("提交用户...");
       console.log(this.student)
-      if(flag){
+      if (flag) {
         location.reload();
       }
-      // if(flag){
-      //   console.log("提交成功...");
-      //   alert("提交成功!");
-      // }else{
-      //   console.error("提交失败...");
-      //   alert("提交失败!");
-      // }
+    }, updateStudent(student) {
+      console.log("修改用户");
+      console.log(student);
+      this.headText = "修改学生";
+      this.student = student;
+      this.isUpdate = true;
     }
   },
   mounted() {

src/views/student/index.vue

@@ -3,9 +3,9 @@
     <Top @deleteStudent="deleteStudent()" @showOverlay="showOverlay()"></Top>
     <div class="main-main">
       <Drawer></Drawer>
-      <Main ref="mainComponent"></Main>
+      <Main @updateStudent="updateStudent" ref="mainComponent"></Main>
     </div>
-    <Overlay @hideOverlay="hideOverlay()" v-if="isOverlay"></Overlay>
+    <Overlay @hideOverlay="hideOverlay()" ref="overlayComponent" v-show="isOverlay"></Overlay>
   </div>
 </template>
 
@@ -24,20 +24,23 @@ export default {
     Top, Drawer, Overlay, Main
   },
   data() {
-    return{
-      isOverlay:false
+    return {
+      isOverlay: false
     }
   },
-  methods:{
-    showOverlay(){
+  methods: {
+    showOverlay() {
       this.isOverlay = true;
     },
-    hideOverlay(){
+    hideOverlay() {
       this.isOverlay = false;
-    },deleteStudent(){
+    }, deleteStudent() {
       if (this.$refs.mainComponent && this.$refs.mainComponent.deleteStudent()) {
         this.$refs.mainComponent.deleteStudent();
       }
+    }, updateStudent(student) {
+      this.showOverlay();
+      this.$refs.overlayComponent.updateStudent(student);
     }
   }
 }