From 81b7489d45bd9352210f0262e71829101c7b86e0 Mon Sep 17 00:00:00 2001 From: xiayuping666 <1269237624@qq.com> Date: Sun, 7 Apr 2024 17:54:23 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=8F=AD=E7=BA=A7=E6=A0=A1?= =?UTF-8?q?=E5=8C=BA=E6=96=B0=E5=A2=9E=E6=8C=89=E9=92=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/classList/classList/index.vue | 110 ++++++++++++++++++++++-- 1 file changed, 102 insertions(+), 8 deletions(-) diff --git a/src/views/classList/classList/index.vue b/src/views/classList/classList/index.vue index 6ac74a8..0e81dc5 100644 --- a/src/views/classList/classList/index.vue +++ b/src/views/classList/classList/index.vue @@ -3,7 +3,7 @@

班级管理

- +
+
+ 新增班级 +
+
+ 新增年级 +
+
+ 新增学段 +
+
+ 新增校区 +
+
@@ -43,6 +57,56 @@ @clickSize="onClickSize" />
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 取 消 + 确 定 + + @@ -69,14 +133,24 @@ export default { loading: false, equipmentList: [], dialogVisible: false, - classArr: [], + organizeArr: [], // 校区班级列表 studentArr: [],// 学生列表 classData: { classId: null, className: '' }, // 选中的班级 total: 0, - defaultCheckedKeys: [] + defaultCheckedKeys: [], + isAddDialog: false, // 新增弹框 + schoolForm:{}, // 学校分段年级班级信息 + addNum: 0, // 新增学校4分段3年级2班级1 + phaseArr: [], // 分段数据 + gradeArr: [], // 年级数据 + classArr: [], // 班级数据 + addEnum: ['', '新增班级', '新增年级', '新增学段', '新增校区'], + form: { + + } }; }, components: { @@ -84,7 +158,7 @@ export default { }, async created() { this.classList() - const defaultCheckClass= localStorage.getItem('defaultCheckClass') + const defaultCheckClass= localStorage.getItem('defaultCheckClass') // 设置之前选中了班级 if(defaultCheckClass){ this.classData = JSON.parse(defaultCheckClass) this.defaultCheckedKeys = [this.classData.classId] @@ -92,21 +166,34 @@ export default { } }, mounted () { - }, methods: { + // 选择校区 + onChangeSchool(value) { + this.phaseArr = this.organizeArr.find( item => item.classId == value).childrenList + }, + // 选择分段 + onChangePhase(value) { + this.gradeArr = this.phaseArr.find( item => item.classId == value).childrenList + }, + // 选择年级 + onChangeGrade(value) { + console.log(this.gradeArr) + console.log(value) + this.classArr = this.gradeArr.find( item => item.classId == value).childrenList + console.log(this.classArr) + }, handleNodeClick(item) { - if(item.childrenList.length == 0) { + if(item.childrenList.length === 0 && item.classId !== this.classData.classId) { this.studentList(item.classId) this.classData = item localStorage.setItem('defaultCheckClass', JSON.stringify(this.classData) ) - } }, // 班级列表 classList(){ getClass().then( res =>{ - this.classArr = res + this.organizeArr = res }) }, // 获取班级学生列表 @@ -144,6 +231,13 @@ export default { h3{ margin-bottom: 20px; } + .add-box{ + padding: 5px; + box-sizing: border-box; + .add-list{ + margin: 0 0 10px; + } + } } .form-adapt-container{ flex: 1;