fix

src/pages/user/index.jsx

@@ -1,9 +1,9 @@
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
-import { queryTable } from '@/utils/request';
-import { ProTable } from '@ant-design/pro-components';
-import { Button, message, Popconfirm } from 'antd';
-import { getUserList, updateUserStatus } from '@/services/user';
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import { queryTable } from "@/utils/request";
+import { ProTable } from "@ant-design/pro-components";
+import { Button, message, Popconfirm } from "antd";
+import { getUserList, updateUserStatus,deleteUser } from "@/services/user";
 
 const queryUserList = queryTable(getUserList);
 
@@ -13,56 +13,65 @@ export default (props) => {
 
   const updateStatus = (user) => {
     const status = user.status === 1 ? 0 : 1;
-    const hide = message.loading('请稍候...', 0);
-    updateUserStatus(user.id, status).then(res => {
-      hide();
-      actionRef.current.reload();
-    }).catch(() => {
-      hide();
-    })
-  }
+    const hide = message.loading("请稍候...", 0);
+    updateUserStatus(user.id, status)
+      .then((res) => {
+        hide();
+        actionRef.current.reload();
+      })
+      .catch(() => {
+        hide();
+      });
+  };
+  const handleDelete = (id) => {
+    if (id) {
+      deleteUser(id).then((res) => {
+        actionRef.current.reload();
+      });
+    }
+  };
 
   const columns = [
     {
-      title: 'id',
-      dataIndex: 'id',
+      title: "id",
+      dataIndex: "id",
       search: false,
     },
     {
-      title: '姓名',
-      dataIndex: 'name',
+      title: "姓名",
+      dataIndex: "name",
     },
     {
-      title: '部门',
-      dataIndex: 'dept',
+      title: "部门",
+      dataIndex: "dept",
     },
     {
-      title: '手机号',
-      dataIndex: 'phone',
+      title: "手机号",
+      dataIndex: "phone",
     },
     {
-      title: '账号',
-      dataIndex: 'loginName',
+      title: "账号",
+      dataIndex: "loginName",
       search: false,
     },
     {
-      title: '状态',
-      dataIndex: 'status',
+      title: "状态",
+      dataIndex: "status",
       search: false,
       valueEnum: {
         1: {
-          text: '正常',
-          status: 'Processing',
+          text: "正常",
+          status: "Processing",
         },
         0: {
-          text: '禁用',
-          status: 'Error',
+          text: "禁用",
+          status: "Error",
         },
       },
     },
     {
-      title: '操作',
-      valueType: 'option',
+      title: "操作",
+      valueType: "option",
       width: 200,
       render: (_, record) => [
         <Button
@@ -73,22 +82,34 @@ export default (props) => {
             updateStatus(record);
           }}
         >
-          {record.status === 1 ? '禁用' : '启用'}
+          {record.status === 1 ? "禁用" : "启用"}
         </Button>,
         <Button
           key={2}
           style={{ padding: 0 }}
           type="link"
           onClick={() => {
-            console.log(record, ']]');
+            console.log(record, "]]");
             navigate(`/system/user/edit?id=${record.id}`);
           }}
         >
           编辑
         </Button>,
+        <Popconfirm
+          key={3}
+          title="您是否确认删除 ?"
+          onConfirm={() => handleDelete(record.id)}
+          okText="确定"
+          cancelText="取消"
+        >
+          {/* manualPush */}
+          <Button style={{ padding: 0 }} type="link">
+            删除
+          </Button>
+        </Popconfirm>,
       ],
     },
-  ]
+  ];
 
   return (
     <ProTable
@@ -99,7 +120,7 @@ export default (props) => {
           key="1"
           type="primary"
           onClick={() => {
-            navigate('/system/user/edit');
+            navigate("/system/user/edit");
           }}
         >
           新增
@@ -108,5 +129,5 @@ export default (props) => {
       request={queryUserList}
       columns={columns}
     />
-  )
-}
+  );
+};