From 0bce012caf164fafb05b53f602c2e22fd833546d Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期四, 06 六月 2024 10:00:54 +0800 Subject: [PATCH] 班级查询条件 --- src/views/Manage/ClassManagement/Class.vue | 35 +++++++++++++++++++++++++---------- 1 files changed, 25 insertions(+), 10 deletions(-) diff --git a/src/views/Manage/ClassManagement/Class.vue b/src/views/Manage/ClassManagement/Class.vue index bca2c77..1662931 100644 --- a/src/views/Manage/ClassManagement/Class.vue +++ b/src/views/Manage/ClassManagement/Class.vue @@ -15,19 +15,25 @@ @click="handlerAdd" >鏂板鐝骇</el-button> </div> - <div - class="flex" - style="align-items:center" - > - <p style="margin-left:20px;margin-right: 10px;">鎵�鍦ㄥ崟浣�</p> -<!-- <el-select v-model="searchData.deptId">--> -<!-- <el-option></el-option>--> -<!-- </el-select>--> - </div> + <el-form :inline="true" :model="searchForm" class="demo-form-inline"> + <el-form-item label="鐝骇鍚嶇О"> + <el-input v-model="searchForm.className" clearable @clear="page" placeholder="鐝骇鍚嶇О"></el-input> + </el-form-item> + <el-form-item label="鐝骇鐘舵��"> + <el-select v-model="searchForm.status" clearable @change="page" placeholder="鐝骇鐘舵��"> + <el-option label="姝e父" value="normal"></el-option> + <el-option label="瑙f暎" value="dissolution"></el-option> + </el-select> + </el-form-item> + <el-form-item> + <el-button type="primary" @click="page">鏌ヨ</el-button> + </el-form-item> + </el-form> </div> <div> <div> <el-table + v-loading="loading" :data="tableData" border :row-style="{height:'42px'}" @@ -44,7 +50,12 @@ align="center" width="80px" prop="status" - ></el-table-column> + > + <template slot-scope="scope"> + <el-tag v-if="scope.row.status === '姝e父'" type="success">{{scope.row.status}}</el-tag> + <el-tag v-if="scope.row.status === '瑙f暎'" type="danger">{{scope.row.status}}</el-tag> + </template> + </el-table-column> <el-table-column width="100px" align="center" @@ -157,11 +168,14 @@ components: {Pagination}, data() { return { + loading: true, total: 0, open: false, title: "", value: "", searchForm: { + className:'', + status: '', subject: null, pageSize: 10, pageNum: 1 @@ -197,6 +211,7 @@ getClassess(this.searchForm).then(res => { this.tableData = res.data.data this.total = res.data.total + this.loading = false }) }, resetForm() { -- Gitblit v1.8.0