feat:增加小组管理页面

src/components/student/TableStudent.vue

@@ -214,67 +214,28 @@
             调整
           </div> -->
           <!--					</div>-->
-          <a-row gutter="12">
-            <a-col>
-              <slot name="extension" v-bind:data="{ record }"></slot>
-            </a-col>
-            <!-- 新加 换组 通过 拒绝 -->
-            <a-col v-if="type === 1">
-              <div
-                style="
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  text-align: center;
-                  margin-left: 10px;
-                  cursor: pointer;
-                "
-              >
-                换组
-              </div>
-            </a-col>
-            <a-col v-if="type === 3 && record.status !== 0">
-              <div
-                style="
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  text-align: center;
-                  margin-left: 10px;
-                  cursor: pointer;
-                "
-                @click="updateStatus(0, record.id)"
-              >
-                通过
-              </div>
-            </a-col>
-            <a-col v-if="type === 3 && record.status !== 0">
-              <div
-                style="
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  text-align: center;
-                  margin-left: 10px;
-                  cursor: pointer;
-                "
-                @click="updateStatus(2, record.id)"
-              >
-                拒绝
-              </div>
-            </a-col>
-            <a-col>
-              <div
-                @click="del(record.id)"
-                style="
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  text-align: center;
-                  margin-left: 10px;
-                  cursor: pointer;
-                "
-              >
-                删除
-              </div>
-            </a-col>
-          </a-row>
+          <a-space :size="2">
+            <slot name="extension" v-bind:data="{ record }"></slot>
+            <a-button
+              v-if="type === 1"
+              @click="updateStatus(0, record.id)"
+              type="link"
+              >换组</a-button
+            >
+            <a-button
+              v-if="type === 3 && record.status !== 0"
+              @click="updateStatus(0, record.id)"
+              type="link"
+              >通过</a-button
+            >
+            <a-button
+              v-if="type === 3 && record.status !== 0"
+              @click="updateStatus(2, record.id)"
+              type="link"
+              >拒绝</a-button
+            >
+            <a-button @click="del(record.id)" type="link" danger>删除</a-button>
+          </a-space>
         </template>
       </a-table>
     </div>
@@ -383,11 +344,11 @@
   />
 </template>
 <script setup>
-import { computed, defineProps, onMounted, ref, watch } from "vue";
+import { computed, createVNode, defineProps, onMounted, ref, watch } from "vue";
 import { delStudentList, getStuPage, batchUpdateStatus } from "@/api/index1";
 import CommonStudent from "@/components/student/CommonStudent";
 import ChangeLevelModal from "./ChangeLevelModal.vue";
-import { message } from "ant-design-vue";
+import { message, Modal } from "ant-design-vue";
 // import { topStudent } from "../../api/indexProjStu";
 import SeeStu from "../../components/drawers/SeeStu";
 import EScore from "../drawers/ExportScore.vue";
@@ -395,6 +356,8 @@ import OrgClass from "@/components/project/OrgClass";
 import ExportHomeWork from "../Modals/ExportHomeWork.vue";
 import * as api from "../../api/index1";
 import ImpStu from "../drawers/AddLevelImportStu";
+import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
+
 const props = defineProps({
   type: Number,
   id: String,
@@ -629,12 +592,17 @@ function bathDel() {
 }
 
 function del(id) {
-  id &&
-    delStudentList({
-      ids: [id],
-    }).then(() => {
-      getStuList();
-    });
+  Modal.confirm({
+    title: () => "确定删除?",
+    icon: () => createVNode(ExclamationCircleOutlined),
+    content: () => "数据删除后不可恢复！",
+    okText: () => "确定",
+    okType: "danger",
+    cancelText: () => "取消",
+    onOk() {
+      id && delStudentList({ ids: [id] }).then(() => getStuList());
+    },
+  });
 }
 
 function submitCall(flag) {