From edb23abd0a3b49143b25a2e6f4043de2fb109513 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 13 六月 2024 10:35:52 +0800
Subject: [PATCH] 班级、班级学员管理
---
src/views/class-management/ClassStaff.vue | 266 ++++++++++++++++++++++++++---------------------------
1 files changed, 131 insertions(+), 135 deletions(-)
diff --git a/src/views/class-management/ClassStaff.vue b/src/views/class-management/ClassStaff.vue
index 2811374..2e20b1b 100644
--- a/src/views/class-management/ClassStaff.vue
+++ b/src/views/class-management/ClassStaff.vue
@@ -1,77 +1,78 @@
<!-- 鐝骇浜哄憳绠＄悊 -->
<template>
- <div class="c">
- <div class="bg">
- <div class="main">
- <div class="content">
- <!-- 鐝骇鍚嶇О -->
- <div style="padding-bottom:20px; border-bottom: 3px solid #409EFF;margin-bottom: 20px;">
- <span>{{title}}</span>
- <el-button @click="handlerAddStudent" type="primary" size="small">鏂板瀛﹀憳</el-button>
- <el-button @click="open = true" type="primary" size="small">瀛﹀憳璋冩暣</el-button>
- </div>
- <!-- 琛ㄦ牸 -->
- <el-table
- :header-cell-style="getRowClass"
- :row-style="{height:'38px'}"
- :cell-style="{padding: '0'}"
- :data="tableData"
- border
- style="width: 100%;"
- >
- <el-table-column
- align="center"
- prop="id"
- label="瀛﹀彿"
- >
- </el-table-column>
- <el-table-column
- align="center"
- prop="realName"
- label="濮撳悕"
- >
- </el-table-column>
- <el-table-column
- align="center"
- prop="sex"
- :formatter="sexFormatter"
- label="鎬у埆"
- >
- </el-table-column>
- <el-table-column
- align="center"
- prop="phone"
- label="鐢佃瘽"
- >
- </el-table-column>
- <el-table-column
- label="鎿嶄綔"
- align="center"
- width="300px"
- >
- <template slot-scope="scope">
- <el-button @click="handlerEditStudent(scope.row)" type="warning">缂栬緫</el-button>
- <el-button @click="remove(scope.row.id)" type="danger">鍒犻櫎</el-button>
- <el-button type="primary">鍒嗛厤瑙掕壊</el-button>
- </template>
- </el-table-column>
- </el-table>
- <div
- class="block"
- style="display: flex; margin-top: 40px;"
- >
- <pagination v-show="total>0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize"
- @pagination="page"/>
- </div>
- </div>
+ <div class="app-container">
+ <div style="display: flex; flex-direction: row">
+ <div style="padding-bottom:20px">
+ <span class="item">{{ title }}</span>
+ <el-button class="item" @click="handlerAddStudent" type="primary" size="small">鏂板瀛﹀憳</el-button>
+ <el-button class="item" @click="open = true" type="primary" size="small">瀛﹀憳璋冩暣</el-button>
</div>
-
+ <div>
+ <el-form :inline="true" :model="searchForm" class="demo-form-inline">
+ <el-form-item label="瀛﹀憳濮撳悕">
+ <el-input v-model="searchForm.studentName" size="small" clearable @clear="page"
+ placeholder="瀛﹀憳濮撳悕"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="page">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
</div>
- <PopUp
- ref="popUp"
- @children="parentGoods"
- />
-
+ <!-- 琛ㄦ牸 -->
+ <el-table
+ :header-cell-style="getRowClass"
+ :row-style="{height:'38px'}"
+ :cell-style="{padding: '0'}"
+ :data="tableData"
+ border
+ style="width: 100%;"
+ >
+ <el-table-column
+ align="center"
+ prop="id"
+ label="瀛﹀彿"
+ >
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="realName"
+ label="濮撳悕"
+ >
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="sex"
+ :formatter="sexFormatter"
+ label="鎬у埆"
+ >
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="phone"
+ label="鐢佃瘽"
+ >
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="300px"
+ >
+ <template slot-scope="scope">
+ <el-button @click="handlerEditStudent(scope.row)" type="warning">缂栬緫</el-button>
+ <el-button @click="remove(scope.row.id)" type="danger">鍒犻櫎</el-button>
+ <el-button type="primary">鍒嗛厤瑙掕壊</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <div
+ class="block"
+ style="display: flex; margin-top: 40px;"
+ >
+ <pagination v-show="total>0" :total="total" :page.sync="searchForm.pageNum"
+ :limit.sync="searchForm.pageSize"
+ @pagination="page"/>
+ </div>
<el-dialog
:title="studentTitle"
:visible.sync="addOpen"
@@ -131,23 +132,21 @@
</template>
<script>
// 寮曞叆褰堝嚭绐楀彛绲勪欢
-import PopUp from "../../../components/PopUp/Question.vue";
-import UserApi from "@/api/user";
-import { updateClassesUser, getClassesUsers, deleteClassesUserById, addClassesUser, edit } from "@/api/classesUser";
+import UserApi from '@/api/user'
+import { updateClassesUser, getClassesUsers, deleteClassesUserById, addClassesUser, edit } from '@/api/classesUser'
+import Pagination from '@/components/Pagination'
+
export default {
- // 娉ㄥ唽
- components: {
- PopUp,
- },
- data() {
+ components: { Pagination },
+ data () {
return {
studentForm: {
- realName: "",
- sex: "",
- phone: "",
+ realName: '',
+ sex: '',
+ phone: '',
age: null,
- account: "",
- password: ""
+ account: '',
+ password: ''
},
studentRules: {
realName: [
@@ -163,12 +162,12 @@
{ required: true, message: '璇峰～鍐欏鍛樼櫥褰曡处鍙�', trigger: 'blur' },
]
},
- studentTitle: "鏂板瀛﹀憳",
+ studentTitle: '鏂板瀛﹀憳',
addOpen: false,
total: 0,
studentList: [],
searchForm: {
- examName: "",
+ studentName: '',
pageSize: 10,
pageNum: 1,
classesId: null
@@ -179,33 +178,32 @@
},
open: false,
// 鐝骇鍚嶇О
- title: "19绾ц蒋浠跺洓鐝�",
+ title: '19绾ц蒋浠跺洓鐝�',
formLabelAlign: {
- type: "",
- user: "",
- region: "",
+ type: '',
+ user: '',
+ region: '',
},
- tableData: [
- ],
- };
+ tableData: [],
+ }
},
- mounted() {
- this.classes.id = this.$route.query.classesId;
+ mounted () {
+ this.classes.id = this.$route.query.classesId
this.page()
this.getClassesCurrentUserList(this.classes.id)
this.getStudentList()
},
methods: {
- handlerEditStudent(row) {
+ handlerEditStudent (row) {
this.studentForm = row
- this.studentTitle = "缂栬緫瀛﹀憳"
+ this.studentTitle = '缂栬緫瀛﹀憳'
this.addOpen = true
},
- handlerAddStudent() {
- this.studentTitle = "娣诲姞瀛﹀憳"
+ handlerAddStudent () {
+ this.studentTitle = '娣诲姞瀛﹀憳'
this.addOpen = true
},
- submitStudentForm() {
+ submitStudentForm () {
this.$refs['studentForm'].validate((valid) => {
if (valid) {
this.studentForm.classes = this.classes.id
@@ -224,33 +222,33 @@
}
})
},
- resetStudentForm() {
+ resetStudentForm () {
this.studentForm = {
- realName: "",
- sex: "",
- phone: "",
+ realName: '',
+ sex: '',
+ phone: '',
age: null
}
},
- handleAddClose() {
+ handleAddClose () {
this.addOpen = false
this.resetStudentForm()
},
- remove(id) {
+ remove (id) {
deleteClassesUserById(id).then(res => {
this.$message.success(res.data.message)
this.page()
})
},
- sexFormatter(row) {
+ sexFormatter (row) {
if (row.sex === 1) {
- return "鐢�"
+ return '鐢�'
}
if (row.sex === 2) {
- return "濂�"
+ return '濂�'
}
},
- getClassesCurrentUserList(classesId) {
+ getClassesCurrentUserList (classesId) {
let param = {
classesId: classesId
}
@@ -258,75 +256,73 @@
this.classes.studentList = res.data.map(item => item.id)
})
},
- getStudentList() {
+ getStudentList () {
UserApi.studentList().then(res => {
- this.studentList = res.data;
+ this.studentList = res.data
})
},
// 鑾峰彇褰撳墠鐝骇瀛﹀憳鍒嗛〉
- page() {
+ page () {
this.searchForm.classesId = this.classes.id
getClassesUsers(this.searchForm).then(res => {
this.tableData = res.data.data
})
},
- submitForm() {
+ submitForm () {
updateClassesUser(this.classes).then(res => {
this.$message.success(res.data.message)
- this.page();
+ this.page()
+ this.open = false
})
},
- handleClose() {
+ handleClose () {
this.open = false
},
- filterMethod(query, item) {
- if (! item.realName) {
+ filterMethod (query, item) {
+ if (!item.realName) {
return null
}
- return item.realName.indexOf(query) > -1;
+ return item.realName.indexOf(query) > -1
},
// 杩斿洖涓婁竴涓〉闈�
- goBack() {
- this.$router.back();
+ goBack () {
+ this.$router.back()
},
// 淇敼琛ㄥ崟澶撮儴鐨勯鑹�
- getRowClass() {
- return "background:#d2d3d6";
+ getRowClass () {
+ return 'background:#d2d3d6'
},
// 鐢熸垚璇曞嵎
- getCreate() {
+ getCreate () {
// 璺宠浆鍒扮敓鎴愰〉闈�
//璺宠浆鍒板搴旂殑绠＄悊椤甸潰
this.$router.push({
- path: "/manage/test-paper-generation",
- });
- },
-
- // 鐐瑰嚮鍚庤皟鐢ㄥ脊绐楃粍浠剁殑鏂规硶,寮�鍚脊绐�
- getDialogFormVisible() {
- this.$refs.popUp.showDialog();
+ path: '/manage/test-paper-generation',
+ })
},
// 寮圭獥
// 鎺ユ敹寮圭獥缁勪欢杩斿洖鐨勮〃鍗曞��
- parentGoods(obj) {
- console.log(obj, "寮圭獥缁勪欢鐨勮〃鍗曞��");
+ parentGoods (obj) {
+ console.log(obj, '寮圭獥缁勪欢鐨勮〃鍗曞��')
},
},
-};
+}
</script>
<style scoped lang="scss">
.flex {
display: flex;
}
+
// 鍐呭
.content {
- width: 1262px;
margin-bottom: 80px;
background-color: #fff;
padding: 20px 40px;
border-radius: 10px;
}
+.item {
+ margin-right: 5px;
+}
</style>
-
--
Gitblit v1.8.0