新增修改学信息功能
This commit is contained in:
parent
75ecc60db3
commit
48926b7ec0
|
|
@ -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]);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
@ -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);
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue