From 83bde4c4b6bfdbac8e5def7e1ab808902a6732c6 Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期一, 03 六月 2024 17:47:12 +0800
Subject: [PATCH] feat:题目添加-前端界面

---
 src/views/Manage/ClassManagement/Class.vue |   53 ++++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/src/views/Manage/ClassManagement/Class.vue b/src/views/Manage/ClassManagement/Class.vue
index 65511b8..6bfa2e3 100644
--- a/src/views/Manage/ClassManagement/Class.vue
+++ b/src/views/Manage/ClassManagement/Class.vue
@@ -36,8 +36,8 @@
                 <el-table-column
                   align="center"
                   label="鐝骇"
-                  prop="class"
-                  width="80px"
+                  prop="className"
+                  width="180px"
                 ></el-table-column>
                 <el-table-column
                   label="骞寸骇"
@@ -55,35 +55,37 @@
                   align="center"
                   width="100px"
                   label="鏁欏笀"
-                  prop="teacher"
+                  prop="createUserName"
                 ></el-table-column>
                 <el-table-column
                   align="center"
                   width="120px"
                   label="鑱旂郴鐢佃瘽"
-                  prop="phone"
+                  prop="teacherPhone"
                 ></el-table-column>
                 <el-table-column
                   width="140px"
-                  label="鐢靛瓙閭欢"
-                  align="center"
-                  prop="email"
-                ></el-table-column>
-                <el-table-column
-                  width="90px"
                   label="寮�鐝椂闂�"
                   align="center"
-                  prop="openingTime"
+                  prop="startTime"
+                ></el-table-column>
+                <el-table-column
+                  width="140px"
+                  label="缁撴潫鏃堕棿"
+                  align="center"
+                  prop="endTime"
                 ></el-table-column>
                 <el-table-column
                   label="鎿嶄綔"
                   align="center"
+                  fixed="right"
                 >
                   <template slot-scope="scope">
-                    <el-button>鐝骇楠岃瘉</el-button>
-                    <el-button>閫氱煡</el-button>
-                    <el-button @click="routersTo()">鎴愬憳绠$悊</el-button>
-                    <el-button>娣诲姞鎴愬憳</el-button>
+                    <el-button size="small" @click="handlerEdit(scope.row)" type="primary">淇敼</el-button>
+                    <el-button size="small" type="warning">鐝骇楠岃瘉</el-button>
+                    <el-button size="small" type="info">閫氱煡</el-button>
+                    <el-button @click="routersTo()" size="small" type="success">鎴愬憳绠$悊</el-button>
+                    <el-button @click="remove(scope.row.id)" type="danger" size="small">鍒犻櫎</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -149,7 +151,7 @@
 </template>
 
 <script>
-import { addClasses, editClasses, getClassess } from "@/api/classes";
+import { addClasses, editClasses, getClassess, deleteClassesById } from "@/api/classes";
 import Pagination from "@/components/Pagination"
 export default {
   components: {Pagination},
@@ -194,6 +196,7 @@
     page() {
       getClassess(this.searchForm).then(res => {
         this.tableData = res.data.data
+        this.total = res.data.total
       })
     },
     resetForm() {
@@ -213,17 +216,30 @@
           if (this.form.id) {
             editClasses(this.form).then(res => {
               this.$message.success("淇敼鎴愬姛")
+              this.resetForm()
+              this.open = false
             })
           } else {
             addClasses(this.form).then(res => {
               this.$message.success("娣诲姞鐝骇鎴愬姛")
+              this.resetForm()
+              this.open = false
             })
           }
-          this.resetForm()
         } else {
           return false;
         }
       });
+    },
+    remove(id) {
+      deleteClassesById(id).then(res => {
+        this.$message.success("鍒犻櫎鎴愬姛")
+        this.page()
+      })
+    },
+    handlerEdit(row) {
+      this.form = row;
+      this.open = true
     },
     handleClose() {
       this.open = false
@@ -244,6 +260,9 @@
       this.$router.back();
     },
   },
+  created() {
+    this.page()
+  },
 };
 </script>
 

--
Gitblit v1.8.0