删除会议室

src/api/Home/Index/index.ts

@@ -5,12 +5,17 @@ export const GetRoom = (data: { pageIndex: number, pageSize: number }) =>
     method: 'get'
   })
 
-export const PostRomm = (data: any) =>
+export const PostRoom = (data: any) =>
   request({
     url: `/home/room`,
     method: 'post',
     data,
   })
+export const DeleteRoom = (roomId: string) =>
+  request({
+    url: `/home/room?roomId=${roomId}`,
+    method: 'delete',
+  })
 
 export const GetCheckoutRoomNum = (roomNum: string) =>
   request({

src/page/Home/Index/index.tsx

@@ -1,8 +1,8 @@
 import styles from '@/page/Home/Index/index.module.scss'
 import { useEffect, useState, useRef } from "react";
 import Operation from '@/components/Operation';
-import { Button, Input, Modal, Pagination, Empty, message } from "antd";
-import { GetRoom, PostRomm, GetCheckoutRoomNum, GetRoomRtcToken } from '@/api/Home/Index';
+import { Button, Input, Modal, Pagination, Empty, message, Popover, Popconfirm } from "antd";
+import { GetRoom, PostRoom, GetCheckoutRoomNum, GetRoomRtcToken, DeleteRoom } from '@/api/Home/Index';
 import ImageUrl from '@/utils/package/imageUrl'
 import { ReloadOutlined } from '@ant-design/icons';
 import JoinSetting from '@/components/JoinSetting';
@@ -89,6 +89,15 @@ const Index: React.FC = () => {
       }
     })
   }
+
+  const changeOpen = (index: number, bool: boolean): void => {
+    const newList = [...list.data] as any;
+    newList[index].open = bool
+    setList({
+      ...list,
+      data: newList
+    })
+  }
   return (
     <>
       <div className={styles.index}>
@@ -149,8 +158,46 @@ const Index: React.FC = () => {
                       <img src={ImageUrl.icon10} alt="" />
                     </div>
                     <div>
-
-                      {/* <Button type="primary" danger>设置</Button> */}
+                      <Popover
+                        content={
+                          <div className='meetingContentFooterPopover'>
+                            <Popconfirm
+                              title="提示"
+                              description={`确定删除该会议吗`}
+                              onConfirm={async () => {
+                                DeleteRoom(item.id).then((res) => {
+                                  if (res.code === 200) {
+                                    message.success('删除成功')
+                                    changeOpen(index, false)
+                                    getRoomList()
+                                  }
+                                })
+                              }}
+                              onCancel={() => {
+                                changeOpen(index, false)
+                              }}
+                              okText="确定"
+                              cancelText="取消"
+                            >
+                              <div>删除会议室</div>
+                            </Popconfirm>
+                            <div onClick={() => {
+                              changeOpen(index, false)
+                            }}>导出参会记录</div>
+                            <div onClick={() => {
+                              changeOpen(index, false)
+                            }}>取消</div>
+                          </div>
+                        }
+                        title=""
+                        trigger="click"
+                        open={item.open}
+                        onOpenChange={() => {
+                          changeOpen(index, true)
+                        }}
+                      >
+                        <Button type="primary" danger>更多</Button>
+                      </Popover>
                       <Button type="primary"
                         iconPosition={'end'}
                         onClick={async () => {
@@ -269,7 +316,7 @@ const Index: React.FC = () => {
                 if (bool) {
                   message.error('房间号已存在！')
                 } else {
-                  PostRomm(createRoomFrom).then(res => {
+                  PostRoom(createRoomFrom).then(res => {
                     if (res.code === 200) {
                       message.success('创建成功！')
                       setCreateRoomModal(false)