From 80889e7f32480ae76896f3bd042baa82a0fc9e9e Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期四, 14 十一月 2024 11:39:07 +0800
Subject: [PATCH] 班级成绩图表分析
---
src/views/education/subject/list.vue | 173 ++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 138 insertions(+), 35 deletions(-)
diff --git a/src/views/education/subject/list.vue b/src/views/education/subject/list.vue
index 20a66e0..94e5791 100644
--- a/src/views/education/subject/list.vue
+++ b/src/views/education/subject/list.vue
@@ -1,34 +1,63 @@
<template>
<div class="app-container">
<el-form :model="queryParam" ref="queryForm" :inline="true">
- <el-form-item label="骞寸骇锛�">
- <el-select v-model="queryParam.level" placeholder="骞寸骇" clearable="">
- <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>
+ <el-form-item>
+ <el-input v-model="queryParam.name" size="small" placeholder="璇疯緭鍏ュ悕绉�" clearable @input="search"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-select v-model="queryParam.status" size="small" placeholder="璇烽�夋嫨鐘舵��" clearable @change="search">
+ <el-option value="1" label="鍚敤"></el-option>
+ <el-option value="2" label="绂佺敤"></el-option>
</el-select>
</el-form-item>
<el-form-item>
- <el-button type="primary" @click="submitForm">鏌ヨ</el-button>
- <router-link :to="{path:'/education/subject/edit'}" class="link-left">
- <el-button type="primary">娣诲姞</el-button>
- </router-link>
+ <el-button type="primary" @click="search" size="small">鏌ヨ</el-button>
+ <el-button type="primary" @click="edit()" size="small">娣诲姞</el-button>
</el-form-item>
</el-form>
- <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
- <el-table-column prop="id" label="Id" />
- <el-table-column prop="name" label="瀛︾"/>
- <el-table-column prop="levelName" label="骞寸骇" />
- <el-table-column width="220px" label="鎿嶄綔" align="center">
+ <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
+ <el-table-column align="center" prop="name" label="鍚嶇О" show-overflow-tooltip />
+ <el-table-column align="center" prop="itemOrder" label="鎺掑簭" />
+ <el-table-column align="center" prop="createTime" label="鍒涘缓鏃堕棿" />
+ <el-table-column align="center" prop="status" label="鐘舵��">
<template slot-scope="{row}">
- <router-link :to="{path:'/education/subject/edit', query:{id:row.id}}" class="link-left">
- <el-button size="mini">缂栬緫</el-button>
- </router-link>
- <el-button size="mini" type="danger" @click="delSubject(row)" class="link-left">鍒犻櫎</el-button>
+ <el-tag :type="row.status === '绂佺敤' ? 'danger' : 'success'">
+ {{ row.status ? row.status : '鍚敤' }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center">
+ <template slot-scope="{row}">
+ <el-button size="mini" @click="edit(row)">缂栬緫</el-button>
+ <el-button size="mini" type="primary" @click="status(row)">
+ {{ row.status === "绂佺敤" ? "鍚敤" : "绂佺敤" }}
+ </el-button>
+ <el-popconfirm title="纭鍒犻櫎鍚�" @confirm="deleteSubject(row)">
+ <el-button slot="reference" size="mini" type="danger" class="link-left">鍒犻櫎</el-button>
+ </el-popconfirm>
</template>
</el-table-column>
</el-table>
- <pagination v-show="total>0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize"
- @pagination="search"/>
+ <pagination v-show="total > 0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize"
+ @pagination="search" />
+
+ <el-dialog :visible.sync="visible" :close-on-click-modal="false" width="400px">
+ <el-form :model="form" ref="form" label-width="100px" v-loading="formLoading" :rules="rules">
+ <el-form-item label="鍚嶇О锛�" prop="name">
+ <el-input v-model="form.name" maxlength="10" show-word-limit />
+ </el-form-item>
+ <el-form-item label="鎺掑簭锛�" prop="itemOrder">
+ <el-input-number v-model="form.itemOrder" type="number" :min="1" :max="100" />
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="submitForm">鎻愪氦</el-button>
+ <el-button @click="resetForm">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </el-dialog>
+
+
</div>
</template>
@@ -39,37 +68,86 @@
export default {
components: { Pagination },
- data () {
+ data() {
return {
+ listLoading: true,
queryParam: {
- level: null,
+ name: '',
pageIndex: 1,
pageSize: 10
},
- listLoading: true,
+ formLoading: false,
+ total: 0,
tableData: [],
- total: 0
- }
+ form: {
+ id: '',
+ name: '',
+ itemOrder: ''
+ },
+ visible: false,
+ rules: {
+ name: [
+ { required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur' }
+ ],
+ itemOrder: [
+ { required: true, message: '璇疯緭鍏ユ帓搴�', trigger: 'blur', type: 'number' }
+ ]
+ },
+ };
},
- created () {
+ created() {
this.search()
},
methods: {
- search () {
+ // 鑾峰彇鎺掑簭
+ getItemOrder() {
+ subjectApi.getItemOrder().then(re => {
+ this.form.itemOrder = re.data
+ })
+ },
+ // 鑾峰彇鍒楄〃
+ search() {
this.listLoading = true
- subjectApi.pageList(this.queryParam).then(data => {
- const re = data.response
- this.tableData = re.list
- this.total = re.total
- this.queryParam.pageIndex = re.pageNum
+ subjectApi.pageList(this.queryParam).then(re => {
+ this.tableData = re.data.list
+ this.total = re.data.total
+ this.queryParam.pageSize = re.data.pageSize
+ this.queryParam.pageIndex = re.data.pageNum
this.listLoading = false
})
},
- submitForm () {
- this.queryParam.pageIndex = 1
- this.search()
+ edit(row) {
+ if (row) {
+ subjectApi.select(row.id).then(re => {
+ if (re.code === 1) {
+ this.form = re.data;
+ this.visible = true;
+ this.resetForm();
+ } else {
+ this.$message.error(re.message)
+ }
+ })
+ } else {
+ this.getItemOrder();
+ this.visible = true;
+ this.resetForm();
+ }
},
- delSubject (row) {
+ status(row) {
+ let question = {
+ id: row.id,
+ status: row.status === '绂佺敤' ? '鍚敤' : '绂佺敤'
+ }
+ subjectApi.updateStatus(question).then(re => {
+ if (re.code === 1) {
+ this.$message.success(re.message)
+ this.search()
+ } else {
+ this.$message.error(re.message)
+ }
+ })
+ },
+ deleteSubject(row) {
let _this = this
subjectApi.deleteSubject(row.id).then(re => {
if (re.code === 1) {
@@ -79,7 +157,32 @@
_this.$message.error(re.message)
}
})
- }
+ },
+ submitForm() {
+ let _this = this
+ this.$refs.form.validate((valid) => {
+ if (valid) {
+ this.formLoading = true
+ subjectApi.edit(this.form).then(re => {
+ if (re.code === 1) {
+ _this.$message.success(re.message)
+ _this.search()
+ _this.formLoading = false
+ _this.visible = false
+ } else {
+ _this.$message.error(re.message)
+ _this.formLoading = false
+ _this.visible = false
+ }
+ })
+ }
+ })
+ },
+ resetForm() {
+ let lastId = this.form.id
+ this.$refs['form'].resetFields()
+ this.form.id = lastId
+ },
},
computed: {
...mapGetters('enumItem', [
--
Gitblit v1.8.0