diff --git a/src/components/NoticeModal/NoticeModal.tsx b/src/components/NoticeModal/NoticeModal.tsx
index 5bfca42..2611574 100644
--- a/src/components/NoticeModal/NoticeModal.tsx
+++ b/src/components/NoticeModal/NoticeModal.tsx
@@ -217,27 +217,29 @@ export default function NoticeModal() {
     const rowSelection = {
         selectedRowKeys,
         onChange: (newselectedRowKeys: React.Key[], selectedRows: DataType[]) => {
-            selectedRowKeyRef.current[page]=newselectedRowKeys
-            selectedRowRef.current[page]=selectedRows
+            selectedRowKeyRef.current[page] = newselectedRowKeys
+            selectedRowRef.current[page] = selectedRows
             // console.log(11111111, newselectedRowKeys, selectedRowKeyRef.current);
 
-            const arr=[]
+
+            const arr = []
             for (const element in selectedRowKeyRef.current) {
                 // console.log(22222,element);
-                
+
                 arr.push(...selectedRowKeyRef.current[element])
             }
             setSelectedRowKeys(arr);
 
-            const arrIds=[]
+            const arrIds = []
             for (const element in selectedRowRef.current) {
                 // console.log(22222,element);
-                
+
                 arrIds.push(...selectedRowRef.current[element])
             }
 
             const selectedOrderIds = arrIds.map(row => row.userMsgId);
             setIds(selectedOrderIds)
+            // setIds(arr)
         },
     };
 
diff --git a/src/components/RefunModal/RefunModal.css b/src/components/RefunModal/RefunModal.css
new file mode 100644
index 0000000..57640ae
--- /dev/null
+++ b/src/components/RefunModal/RefunModal.css
@@ -0,0 +1,30 @@
+.refunModal{
+    padding-top: 20px;
+}
+.refunModal-item{
+    display: flex;
+    /* background-color: skyblue; */
+    /* align-items: center; */
+    /* justify-content: center; */
+}
+.refunModal-title{
+    font-size: 16px;
+    margin-right: 22px;
+    /* background-color: pink; */
+    width: 80px;
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 5px;
+    margin-left: 10px;
+}
+.refunModal-red{
+    font-size: 20px;
+    margin-left: 5px;
+    color:#F04C4C
+}
+.refunModal-btn{
+    /* background-color: skyblue; */
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
\ No newline at end of file
diff --git a/src/components/RefunModal/RefunModal.tsx b/src/components/RefunModal/RefunModal.tsx
new file mode 100644
index 0000000..41cbc9f
--- /dev/null
+++ b/src/components/RefunModal/RefunModal.tsx
@@ -0,0 +1,189 @@
+import { useEffect, useState } from 'react'
+import './RefunModal.css'
+import { Form, Select, Button, Upload, message, Input } from 'antd';
+import { UploadOutlined } from '@ant-design/icons';
+import { uploadImageUrl, DevUserId,get } from "../../util/AjaxUtils.ts";
+const { TextArea } = Input;
+
+export default function RefunModal(props:any) {
+    const [messageApi, contextHolder] = message.useMessage();
+    // 上传附件
+    const [refunArray, setRefunArray] = useState<string[]>([]);
+    const [selectedReason, setSelectedReason] = useState(''); //选择原因
+
+    const handleReasonChange = (value: any) => {
+        setSelectedReason(value);
+    };
+    // const [refunDataArray,setRefunDataArray] = useState<any[]>([]) //未退款项目
+    // 提交表单
+    const onFinish = (values: any) => {
+        console.log('Form values:', values);
+        props.closeModal()
+    };
+    // 获取未退款项目
+    const getRefunData = () => {
+        get({
+            messageApi,
+            url: `/api/proj/refund/apply/list-proj-unapply/self`,
+            // url: `/api/proj/refund/apply/listpage?applyStatus=${state.type}`,
+            onSuccess({data}) {
+                console.log(data);
+                
+            }
+        })
+    }
+    useEffect(()=>{
+        getRefunData()
+    },[])
+    return (
+        <div className='refunModal'>
+            {contextHolder}
+            <Form
+                name="Form"
+                onFinish={onFinish}
+                initialValues={{ softWare: '' }}
+                style={{ maxWidth: 600 }}
+            >
+                <div className='refunModal-item'>
+                    <div className='refunModal-title'>
+                        退款软著<span className='refunModal-red'>*</span>
+                    </div>
+                    <Form.Item
+                        name="title"
+                        // label="退款软著"
+                        rules={[{ required: true, message: '请选择一个软著!' }]}
+                    >
+                        <Select
+                            showSearch
+                            placeholder="选择需要退款的软著"
+                            filterOption={(input, option) =>
+                                (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+                            }
+                            options={[
+                                { value: '嘻嘻系统', label: '嘻嘻系统' },
+                                { value: '呵呵系统', label: '呵呵系统' },
+                                { value: '哈哈系统', label: '哈哈系统' },
+                                { value: '哈嘎嘎系统', label: '哈嘎嘎系统' },
+                                { value: '哈嘻嘻嘎嘎系统', label: '哈嘻嘻嘎嘎系统' },
+                            ]}
+                            style={{
+                                width: 405,
+                                height: 46,
+                            }}
+                        />
+                    </Form.Item>
+                </div>
+                <div className='refunModal-item'>
+                    <div className='refunModal-title'>
+                        退款原因<span className='refunModal-red'>*</span>
+                    </div>
+                    <Form.Item
+                        name="reason"
+                        // label="退款软著"
+                        rules={[{ required: true, message: '请选择退款原因' }]}
+                    >
+                        <Select
+                            placeholder="选择退款原因"
+                            options={[
+                                { value: '没钱', label: '没钱' },
+                                { value: '不想买', label: '不想买' },
+                                { value: '其他', label: '其他' },
+                            ]}
+                            style={{
+                                width: 405,
+                                height: 46,
+                            }}
+                            onChange={handleReasonChange}
+                        />
+                    </Form.Item>
+                </div>
+                {selectedReason === '其他' && (
+                    <div className='refunModal-item'>
+                        <div className='refunModal-title'>
+                            其他<span className='refunModal-red'>*</span>
+                        </div>
+                        <Form.Item
+                            name="other"
+                            rules={[{ required: true, message: '请输入退款原因' }]}
+                        >
+                            <TextArea
+                                placeholder="其他退款原因"
+                                style={{ height: 120, resize: 'none', width: 405 }}
+                            />
+                        </Form.Item>
+                    </div>
+                )}
+                {/* <div className='refunModal-item' >
+                    <div className='refunModal-title'>
+                        其他<span className='refunModal-red'>*</span>
+                    </div>
+                    <Form.Item
+                        name="other"
+                        // label="退款软著"
+                        rules={[{ required: true, message: '请输入退款原因' }]}
+                    >
+                        <TextArea
+                            // showCount
+                            // maxLength={100}
+                            placeholder="其他退款原因"
+                            style={{ height: 120, resize: 'none', width: 405, }}
+                        />
+                    </Form.Item>
+                </div> */}
+                <div className='refunModal-item'>
+                    <div className='refunModal-title'>
+                        退款凭证<span className='refunModal-red'>*</span>
+                    </div>
+                    <div style={{ width: 405, }}>
+                        <Form.Item
+                            name="img"
+                            // label="退款软著"
+                            valuePropName="fileList"
+                            getValueFromEvent={(e: any) => {
+                                if (e.file.status === 'done') {
+                                    refunArray.push(e.file.response.data.fileId);
+                                    setRefunArray(refunArray);
+                                }
+                                if (e.file.status === 'removed') {
+                                    const idArray = refunArray.filter(item => item != e.file.response.data.fileId);
+                                    setRefunArray(idArray);
+                                }
+                                return e.fileList;
+                            }}
+                            rules={[{ required: true, message: '请上传凭证' }]}
+                        >
+                            <Upload
+                                name="image"
+                                action={uploadImageUrl()}
+                                headers={{ 'X-USER-ID': DevUserId }}
+                                beforeUpload={(file) => {
+                                    const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+                                    if (!isJpgOrPng) {
+                                        message.error('只能上传 JPG/PNG 格式文件!');
+                                        return Upload.LIST_IGNORE; // 不允许上传非
+                                    }
+                                    return isJpgOrPng;
+                                }}
+                            // listType="picture-card"
+                            >
+
+                                <Button icon={<UploadOutlined />} style={{ marginTop: 2 }}>上传凭证图片</Button>
+                            </Upload>
+                        </Form.Item>
+                    </div>
+                </div>
+
+                <Form.Item>
+                    <div className='refunModal-btn'>
+                        <Button type="primary" htmlType="submit" style={{
+                            width: 273,
+                            height: 52
+                        }}>
+                            提交申请
+                        </Button>
+                    </div>
+                </Form.Item>
+            </Form>
+        </div>
+    )
+}
diff --git a/src/components/menu/MenuWithBottomButton.tsx b/src/components/menu/MenuWithBottomButton.tsx
index 5e2080e..0ddf569 100644
--- a/src/components/menu/MenuWithBottomButton.tsx
+++ b/src/components/menu/MenuWithBottomButton.tsx
@@ -62,6 +62,7 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
                     {/* <img src={serveImg} alt="" /> */}
                     <div className='sell-buy' style={{ display: props.button.name == '我要卖' ? 'block' : 'none' }}>卖</div>
                     <div className='sell-buy' style={{ display: props.button.name == '我要买' ? 'block' : 'none' }}>买</div>
+                    <div className='sell-buy' style={{ display: props.button.name == '退款' ? 'block' : 'none' }}>退</div>
                     <div> {props.button.name}</div>
                 </div>
 
diff --git a/src/components/menu/MenuWithTopButton.tsx b/src/components/menu/MenuWithTopButton.tsx
index 5372527..d5d1b00 100644
--- a/src/components/menu/MenuWithTopButton.tsx
+++ b/src/components/menu/MenuWithTopButton.tsx
@@ -2,6 +2,7 @@ import './menu-with-top-button.css'
 import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts";
 import objImg from '../../static/left/obj.png'
 import newImg from '../../static/left/new.png'
+import refunimg from '../../static/refun.png'
 import { useNavigate } from 'react-router-dom';
 import {
     RightOutlined
@@ -31,15 +32,27 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
         <li className={item.active ? 'active' : ''} key={item.id} onClick={(e) => {
             props.handleListItem(e, index, item);
             setMenuActive(item.id)
-            navugate('/home',{
-                state: {
-                    keyword: props.keywords,
-                    name: props.type,
-                    chargeAdditionals: props.chargeAdditionals,
-                    tagDataId: props.tagDataId,
-                    authorId: props.authorId
-                }
-            })
+            if (props.button.name == '项目') {
+                // props.enableBelongpeople()
+                navugate('/home', {
+                    state: {
+                        keyword: props.keywords,
+                        name: props.type,
+                        chargeAdditionals: props.chargeAdditionals,
+                        tagDataId: props.tagDataId,
+                        authorId: props.authorId
+                    }
+                })
+            }
+            if (props.button.name == '退款') {
+                // props.disableBelongpeople()
+                navugate('/refun', {
+                    state:{
+                        type:item.id
+                    }
+                })
+            }
+
         }}>
 
             {item.icon ? (<img src={item.icon} className="menu-icon" alt="加载失败" />) : <></>}
@@ -53,7 +66,9 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
             {/* button 是三个黄色按钮 */}
             <div className='top'>
                 <div className='top-lift'>
-                    <img src={objImg} alt="" />
+                    <img src={objImg} alt=""  style={{display:props.button.name=='项目'?'block':'none'}}/>
+                    <img src={refunimg} alt=""  style={{display:props.button.name=='退款'?'block':'none',width:16}}/>
+
                     <div> {props.button.name}</div>
                 </div>
                 <div className='top-right' onClick={(e) => {
@@ -63,8 +78,10 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
                     // console.log(props.list);
                     // setMenuActive('ALL')
                 }}>
-                    <img src={newImg} alt="" />
-                    <div>创建</div>
+                    {/* refunimg */}
+                    <img src={newImg} alt=""  />
+                    <div style={{display:props.button.name == '项目'?'block':'none'}}>创建</div>
+                    <div style={{display:props.button.name == '退款'?'block':'none'}}>申请</div>
                 </div>
             </div>
             {/* <button className="btn btn-orange top-button"
diff --git a/src/interfaces/menu/IMenuWithTopButton.ts b/src/interfaces/menu/IMenuWithTopButton.ts
index 94ad8fa..1c307c1 100644
--- a/src/interfaces/menu/IMenuWithTopButton.ts
+++ b/src/interfaces/menu/IMenuWithTopButton.ts
@@ -24,4 +24,6 @@ export interface IMenuWithTopButton {
     chargeAdditionals?:string;
     tagDataId?:string;
     authorId?:string;
+    // disableBelongpeople?:any
+    // enableBelongpeople?:any
 }
\ No newline at end of file
diff --git a/src/route/Refun/Refun.tsx b/src/route/Refun/Refun.tsx
new file mode 100644
index 0000000..da567bf
--- /dev/null
+++ b/src/route/Refun/Refun.tsx
@@ -0,0 +1,400 @@
+import './refun.css';
+import { useState,useEffect } from 'react';
+import { Table,
+    //  Pagination,
+      Modal, Tag, message } from 'antd';
+import { get } from '../../util/AjaxUtils'
+import type { TableProps } from 'antd';
+interface DataType {
+    title: string;
+    price: string;
+    reason: string;
+    time: string;
+    img: string;
+    id: string;
+    examineTime: string;
+    examineStatus: string;
+    examineText: string;
+}
+import revokeImg from '../../static/revoke.png'
+import { useLocation } from 'react-router-dom'
+export default function Refun() {
+    const height = window.innerHeight - 180;
+    const [messageApi, contextHolder] = message.useMessage();
+    const [page, setPage] = useState(1)     // 分页
+    const [total, setTotal] = useState(50)   // 数据总数
+    const [revokeModal, setRevokeModal] = useState(false) //撤销弹窗
+    const { state } = useLocation()
+    // {state.type}
+    const columns: TableProps<DataType>['columns'] = state.type == 'CANCELED' ? [
+        {
+            title: '序号',
+            dataIndex: 'index',
+            align: 'center',
+            width: 80,
+            render: (_text, _record, index) => (page - 1) * 10 + index + 1, // 显示序号，从1开始
+        },
+        {
+            title: '系统名称',
+            dataIndex: 'title',
+            align: 'center',
+            key: 'title',
+            render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
+        },
+        {
+            title: '金额',
+            dataIndex: 'price',
+            key: 'price',
+            align: 'center',
+            width: 150,
+        },
+        {
+            title: '退款原因',
+            dataIndex: 'reason',
+            key: 'reason',
+            align: 'center',
+            render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
+        },
+        {
+            title: '申请退款时间',
+            dataIndex: 'time',
+            key: 'time',
+            align: 'center',
+            width: 150,
+        },
+        {
+            title: '审核时间',
+            dataIndex: 'examineTime',
+            key: 'examineTime',
+            align: 'center',
+            width: 150,
+        },
+        {
+            title: '审核状态',
+            dataIndex: 'examineStatus',
+            key: 'examineStatus',
+            align: 'center',
+            width: 100,
+            render: (text) => <Tag
+                color={text == "PASS" ? '#87d068' : text == "NOPASS" ? '#f50' : text == "WAIT" ? '#2db7f5' : ''}
+            >{text == "PASS" ? '通过' : text == "NOPASS" ? '未通过' : text == "WAIT" ? '待审核' : '未知'}</Tag>,
+        },
+        {
+            title: '审核意见',
+            dataIndex: 'examineText',
+            key: 'examineText',
+            align: 'center',
+            // width: 150,
+            render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
+        },
+        {
+            title: '退款凭证',
+            dataIndex: 'img',
+            key: 'img',
+            width: 100,
+            align: 'center',
+            render: (_, record) => (
+                // {record.name}
+                <div className='refunBtn' onClick={() => {
+                    console.log(record.img);
+                }}> 预览</div>
+
+            ),
+        },
+
+    ] : [
+        {
+            title: '序号',
+            dataIndex: 'index',
+            align: 'center',
+            width: 80,
+            render: (_text, _record, index) => (page - 1) * 10 + index + 1, // 显示序号，从1开始
+        },
+        {
+            title: '系统名称',
+            dataIndex: 'title',
+            align: 'center',
+            key: 'title',
+            render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
+        },
+        {
+            title: '金额',
+            dataIndex: 'price',
+            key: 'price',
+            align: 'center',
+            width: 150,
+        },
+        {
+            title: '退款原因',
+            dataIndex: 'reason',
+            key: 'reason',
+            align: 'center',
+            render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
+        },
+        {
+            title: '申请退款时间',
+            dataIndex: 'time',
+            key: 'time',
+            align: 'center',
+            width: 150,
+        },
+        {
+            title: '审核时间',
+            dataIndex: 'examineTime',
+            key: 'examineTime',
+            align: 'center',
+            width: 150,
+        },
+        {
+            title: '审核状态',
+            dataIndex: 'examineStatus',
+            key: 'examineStatus',
+            align: 'center',
+            width: 100,
+            render: (text) => <Tag
+                color={text == "PASS" ? '#87d068' : text == "NOPASS" ? '#f50' : text == "WAIT" ? '#2db7f5' : ''}
+            >{text == "PASS" ? '通过' : text == "NOPASS" ? '未通过' : text == "WAIT" ? '待审核' : '未知'}</Tag>,
+        },
+        {
+            title: '审核意见',
+            dataIndex: 'examineText',
+            key: 'examineText',
+            align: 'center',
+            // width: 150,
+            render: (text) => <div className='ellipsis-text' title={text}>{text}</div>,
+        },
+        {
+            title: '退款凭证',
+            dataIndex: 'img',
+            key: 'img',
+            width: 100,
+            align: 'center',
+            render: (_, record) => (
+                // {record.name}
+                <div className='refunBtn' onClick={() => {
+                    console.log(record.img);
+                }}> 预览</div>
+
+            ),
+        },
+        {
+            title: '操作',
+            align: 'center',
+            width: 100,
+            render: (_, record) => (
+                // {record.name}
+                <div className='refunBtn' onClick={() => {
+                    console.log(record.id);
+                    setRevokeModal(true)
+                }}> 撤销</div>
+
+            ),
+        },
+    ];
+    const getData = (page:number) => {
+        get({
+            messageApi,
+            url: `/api/proj/refund/apply/listpage`,
+            // url: `/api/proj/refund/apply/listpage?applyStatus=${state.type}`,
+            config: {
+                params: {
+                    page: page,
+                    rows: 10,
+                    applyStatus:state.type
+                }
+            },
+            onSuccess({data}) {
+                console.log(data);
+                
+            }
+        })
+    }
+    // useEffect(()=>{
+    //     getData(page)
+    // },[])
+    useEffect(()=>{
+        // getData(1)
+        setPage(1)
+        getData(1)
+    },[state.type])
+    const data: DataType[] = [
+        {
+            title: 'xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '1',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'PASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '2',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'NOPASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '3',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'WAIT',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '4',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'NOPASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '5',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'PASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '6',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'PASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '7',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'PASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '8',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'PASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '9',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'PASS',
+            examineText: '额呵呵呵',
+        },
+        {
+            title: 'xxx系统',
+            price: '100',
+            reason: '没钱',
+            img: 'xxxx-xxx.img',
+            time: '2024-8-20  13:10',
+            id: '10',
+            examineTime: '2024-8-20  12:00',
+            examineStatus: 'PASS',
+            examineText: '额呵呵呵',
+        },
+        
+
+    ];
+
+    return (
+        <div>
+            {contextHolder}
+            <div className='refun' style={{ height: `${height}px`, overflow: 'auto' }}>
+                {/* {state.type} */}
+                <Table columns={columns} dataSource={data}
+                    style={{
+                        // height: height - 80,
+                        // height: 620,
+                        // background: 'skyblue'
+                    }}
+                    // pagination={false} // 不显示分页
+                    pagination={
+                        {
+                            pageSize: 10,
+                            total: total,
+                            onChange: (currentPage) => {
+                                setPage(currentPage);
+                                getData(currentPage)
+                            },
+                            showSizeChanger: false,
+                            current: page
+
+                        }
+
+                    }
+                    scroll={{ y: height - 128 }}
+                    rowKey="id"
+                />
+                {/* <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: 15 ,width:'100%'}}>
+                    <Pagination defaultCurrent={page} total={total} pageSize={10} showSizeChanger={false} onChange={(page) => {
+                        setPage(page)
+                        // getData(page)
+                    }} />
+                </div> */}
+            </div>
+            <Modal
+                title="确认撤销"
+                okText="撤销"
+                cancelText="取消"
+                destroyOnClose={true}
+                open={revokeModal}
+                onOk={() => {
+                    setRevokeModal(false)
+                }}
+                onCancel={() => {
+                    setRevokeModal(false)
+                }}
+                okButtonProps={{ style: { background: 'red', color: 'white' } }}
+                style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    height: `${height}px`,
+                }}>
+                <div style={{ width: 384, display: 'flex', height: 50, alignItems: 'center' }}>
+                    <img src={revokeImg} alt="" style={{ width: 32, height: 32, marginLeft: 10 }} />
+                    <div style={{ marginLeft: 10, fontSize: 18 }}>
+                        是否撤销该条退款申请
+                    </div>
+
+                </div>
+            </Modal>
+        </div>
+    )
+}
diff --git a/src/route/Refun/refun.css b/src/route/Refun/refun.css
new file mode 100644
index 0000000..19fc318
--- /dev/null
+++ b/src/route/Refun/refun.css
@@ -0,0 +1,21 @@
+.refun{
+    margin-top: 18px;
+    background-color: rgb(255, 255, 255);
+    padding: 0px 20px 0px 20px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.ellipsis-text{
+    white-space: nowrap; /* 防止文本换行 */
+    overflow: hidden; /* 隐藏超出部分 */
+    text-overflow: ellipsis; /* 用省略号代替超出部分 */
+    cursor: pointer;
+}
+.refunBtn{
+    color:#165EFF;
+    cursor:pointer;
+    
+}
\ No newline at end of file
diff --git a/src/route/index/Index.tsx b/src/route/index/Index.tsx
index 44a2c3a..1faeb3f 100644
--- a/src/route/index/Index.tsx
+++ b/src/route/index/Index.tsx
@@ -3,8 +3,10 @@ import './index.css';
 import { MouseEvent, Reducer, useEffect, useReducer, useState } from "react";
 import { useSelector, useDispatch } from 'react-redux'
 import { useNavigate, useSearchParams, Outlet } from "react-router-dom";
+import { Modal } from 'antd';
 import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts";
 import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx";
+import RefunModal from '../../components/RefunModal/RefunModal.tsx'
 // import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
 // import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx";
 // import ListProj from "../../components/list/ListProj.tsx";
@@ -22,7 +24,7 @@ import {
     ListAction,
     ListData,
 } from "../../context/IndexListContext.ts";
-
+// import { getMenuActive } from '../../util/cache.ts'
 import {
     MenuFoldOutlined,
     ClearOutlined
@@ -42,6 +44,8 @@ const { Search } = Input;
 
 
 export default function Index() {
+    // 是否可以点击所属者 (当点击了退款选项,所属者列表跟他不产生联系 不给他点)
+    const [clickBelongpeople,setClickBelongpeople] = useState(true)
     // 选项数组
     const [tagArray, setTagArray] = useState([])
     // 获取标签
@@ -203,7 +207,7 @@ export default function Index() {
             projMenu.list.forEach(item => item.active = false);
             sellMenu.list.forEach(item => item.active = false);
             buyMenu.list.forEach(item => item.active = false);
-
+            refundMenu.list.forEach(item => item.active = false);
             item.active = true;
             setProjMenu({
                 ...projMenu
@@ -216,6 +220,40 @@ export default function Index() {
             })
         },
 
+    });
+    const [refunModal, setRefunModal] = useState(false) //退款弹窗
+    const [refundMenu, setRefundMenu] = useState<IMenuWithTopButton>({
+        button: {
+            name: '退款',
+            handle() {
+                // nav('/proj-create')
+                setRefunModal(true)
+            }
+        },
+        list: [
+            { id: 'PENDING', name: '待审核', },
+            { id: 'APPROVED', name: '已通过' },
+            { id: 'REJECTED', name: '未通过' },
+            { id: 'CANCELED', name: '已取消' }
+        ],
+        handleListItem(_e, _index, item: IMenuListItem) {
+            projMenu.list.forEach(item => item.active = false);
+            sellMenu.list.forEach(item => item.active = false);
+            buyMenu.list.forEach(item => item.active = false);
+            refundMenu.list.forEach(item => item.active = false);
+
+            item.active = true;
+            setRefundMenu({
+                ...refundMenu
+            })
+            dispatch({
+                type: IndexListDataType.PROJ,
+                value: item.id,
+                // keywords: ''
+
+            })
+        },
+
     });
     // const [agentMenu, setAgentMenu] = useState<IMenuWithTopButton>({
     //     button: {
@@ -307,7 +345,37 @@ export default function Index() {
             // })
         }
     })
+    // const [refund, setRefund] = useState<IMenuWithTopButton>({
+    //     button: {
+    //         name: '退款',
+    //         handle() {
+    //             // dispatch({
+    //             //     type: IndexListDataType.PROJ,
+    //             //     value: 'COMPLETE',
+    //             // })
+    //         }
+    //     },
+    //     list: [
+    //         { id: '1', name: '待审核', path: '/copyright-goods?item=1' },
+    //         { id: '2', name: '已通过', path: '/copyright-goods?item=2' },
+    //         { id: '3', name: '未通过', path: '/copyright-goods?item=3' },
+    //         // { id: 'COMPLETE', name: '已完成的' },
+    //     ],
+    //     handleListItem(_e: MouseEvent<HTMLLIElement>, _index: number, item: IMenuListItem) {
+    //         projMenu.list.forEach(item => item.active = false);
+    //         // sellMenu.list.forEach(item => item.active = false);
+    //         // buyMenu.list.forEach(item => item.active = false);
+    //         item.active = true;
+    //         setRefund({
+    //             ...refund
+    //         })
+    //         // dispatch({
+    //         //     type: IndexListDataType.AGENT,
+    //         //     value: item.id,
 
+    //         // })
+    //     }
+    // })
     const location = useLocation()
     const [now, setNow] = useState<string>('首页')
     // 编辑项目路由名
@@ -325,7 +393,7 @@ export default function Index() {
             setNow('首页')
             // setPathArray([{ title: '首页' }])
             setShowSearchBox(true)
-
+            setClickBelongpeople(true)
         } else if (location.pathname.includes('/proj-create')) {
             setShowSearchBox(false)
             setNow('创建项目')
@@ -432,6 +500,12 @@ export default function Index() {
 
             // setPathArray([{ title: '首页' }])
             //  /config-mod-edit  /product-release /transaction-order
+        } else if (location.pathname.includes('/refun')) {
+            setShowSearchBox(false)
+            setNow('首页')
+            setClickBelongpeople(false)
+            // setNewname(location.pathname)
+            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '软件功能特点' }])
         }
     }, [location.pathname])
     useEffect(() => {
@@ -511,7 +585,10 @@ export default function Index() {
         // console.log('chargeAdditionals',chargeAdditionals);
 
     }, [type, chargeAdditionals, keywords, tagDataId, authorId]);
-
+    // const [menuName,setMenuName] = useState<string | null>('')
+    // useEffect(()=>{
+    //     setMenuName( getMenuActive())
+    // },[getMenuActive()])
     const handleSearch = (value: string) => {
         // console.log(value);
         setKeywords(value)
@@ -565,6 +642,7 @@ export default function Index() {
                                     chargeAdditionals={chargeAdditionals ? chargeAdditionals : ""}
                                     tagDataId={tagDataId ? tagDataId : ""}
                                     authorId={authorId ? authorId : ""}
+                                    // enableBelongpeople = {()=>{setClickBelongpeople(true)}}
                                 />
                                 <div className='belongPeopleMenu'>
                                     <div className='belongPeopleMenu-title'>
@@ -576,31 +654,44 @@ export default function Index() {
                                                 currentPageData.map((item: any) => {
                                                     return (
                                                         <div className='belongpeopleName' key={item.projOwnerId} onClick={() => {
-                                                            if (authorId == item.projOwnerId) {
-                                                                setauthorId('')
-                                                                nav('/home', {
-                                                                    state: {
-                                                                        keyword: keywords,
-                                                                        type: type,
-                                                                        chargeAdditionals: chargeAdditionals,
-                                                                        tagDataId: tagDataId,
-                                                                        authorId: ''
-                                                                    }
-                                                                })
-                                                            } else {
-                                                                setauthorId(item.projOwnerId)
-                                                                nav('/home', {
-                                                                    state: {
-                                                                        keyword: keywords,
-                                                                        type: type,
-                                                                        chargeAdditionals: chargeAdditionals,
-                                                                        tagDataId: tagDataId,
-                                                                        authorId: item.projOwnerId
-                                                                    }
-                                                                })
+                                                            if(clickBelongpeople){
+                                                                if (authorId == item.projOwnerId) {
+                                                                    setauthorId('')
+                                                                    nav('/home', {
+                                                                        state: {
+                                                                            keyword: keywords,
+                                                                            type: type,
+                                                                            chargeAdditionals: chargeAdditionals,
+                                                                            tagDataId: tagDataId,
+                                                                            authorId: ''
+                                                                        }
+                                                                    })
+                                                                } else {
+                                                                    setauthorId(item.projOwnerId)
+                                                                    nav('/home', {
+                                                                        state: {
+                                                                            keyword: keywords,
+                                                                            type: type,
+                                                                            chargeAdditionals: chargeAdditionals,
+                                                                            tagDataId: tagDataId,
+                                                                            authorId: item.projOwnerId
+                                                                        }
+                                                                    })
+                                                                }
                                                             }
+                                                            // alert(getMenuActive())
+                                                           
+
+                                                            // const menuName = (getMenuActive())
+                                                            // // const menuTrue = menuName == 'ALL' || 'PROCESSING' || 'COMPLETE'
+                                                            // if(menuName == 'ALL' || 'PROCESSING' ||'COMPLETE'  ){
+                                                            //     alert(1)
+                                                            // }else{
+                                                            //     alert(2)
+                                                            // }
+
                                                         }}
-                                                            style={{ background: authorId == item.projOwnerId ? '#FF9F08' : '', color: authorId == item.projOwnerId ? '#FFF' : '' }}
+                                                            style={{ background: authorId == item.projOwnerId && clickBelongpeople ? '#FF9F08' : '', color: authorId == item.projOwnerId && clickBelongpeople ? '#FFF' : '' }}
                                                             title={item.name} // 添加 title 属性以显示完整文本
                                                         >
                                                             {item.name}
@@ -662,7 +753,18 @@ export default function Index() {
                                     button={buyMenu.button}
                                     list={buyMenu.list}
                                     handleListItem={buyMenu.handleListItem}
-                                />  */}
+                                /> */}
+                                {/* <MenuWithTopButton
+                                    button={refundMenu.button}
+                                    list={refundMenu.list}
+                                    handleListItem={refundMenu.handleListItem}
+                                    // disableBelongpeople = {()=>{setClickBelongpeople(false)}}
+                                // keywords={keywords}
+                                // type={type ? type : ""}
+                                // chargeAdditionals={chargeAdditionals ? chargeAdditionals : ""}
+                                // tagDataId={tagDataId ? tagDataId : ""}
+                                // authorId={authorId ? authorId : ""}
+                                /> */}
                             </div>
                         </div>
                         <div className="right">
@@ -872,6 +974,19 @@ export default function Index() {
                     </div>
                 </IndexListDispatchContext.Provider>
             </IndexListContext.Provider>
+            <Modal
+                title="申请退款"
+                destroyOnClose={true}
+                open={refunModal}
+                footer={null}
+                onCancel={() => {
+                    setRefunModal(false)
+                }}
+                okButtonProps={{ style: { background: 'red', color: 'white' } }}
+                width={592}
+            >
+                <RefunModal closeModal={() => { setRefunModal(false) }}></RefunModal>
+            </Modal>
         </>
     )
 }
\ No newline at end of file
diff --git a/src/route/proj/edit/ProjConfigLoginpage.tsx b/src/route/proj/edit/ProjConfigLoginpage.tsx
index 574a366..3fc7105 100644
--- a/src/route/proj/edit/ProjConfigLoginpage.tsx
+++ b/src/route/proj/edit/ProjConfigLoginpage.tsx
@@ -636,7 +636,7 @@ export default function ProjConfigLoginpage(props: any) {
                 cancelText="取消"
                 destroyOnClose={true}
                 open={selectImgModal}
-                width={1070}
+                width={1090}
                 style={{ position: 'relative' }}
                 onOk={() => {
 
@@ -658,13 +658,13 @@ export default function ProjConfigLoginpage(props: any) {
 
             >
 
-                <div style={{ height: `${height - 80}px`, overflow: 'auto', display: 'flex', justifyContent: 'flex-start', flexWrap: 'wrap', marginTop: 10, }}>
+                <div style={{ height: `${height - 80}px`, overflow: 'auto', display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap', marginTop: 10, }}>
                     {
                         loginpageArray.map((item) => {
                             // const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
                             return (
                                 <div key={item.loginpageId} className={item.loginpageId == modalId ? 'page-img-select page-img-selected' : 'page-img-select'}
-                                    style={{ marginRight: '10px', marginBottom: '10px', height: 270 }}
+                                    style={{ marginRight: '', marginBottom: '10px', height: 270 }}
                                     onClick={() => {
                                         setModalId(item.loginpageId)
                                         setModalImg(item.previewImgs)
diff --git a/src/route/proj/edit/ProjEditStep1.tsx b/src/route/proj/edit/ProjEditStep1.tsx
index 33e47c7..0a7f63f 100644
--- a/src/route/proj/edit/ProjEditStep1.tsx
+++ b/src/route/proj/edit/ProjEditStep1.tsx
@@ -289,7 +289,7 @@ export default function ProjEditStep1(props: any) {
                 cancelText="取消"
                 destroyOnClose={true}
                 open={isPageImgModal}
-                width={1070}
+                width={1090}
                 style={{ position: 'relative' }}
                 onOk={() => {
                     // console.log(codeTypePageId);
@@ -321,13 +321,13 @@ export default function ProjEditStep1(props: any) {
                         </div>
                     </div>
                 </div> */}
-                <div style={{ height: `${height - 80}px`, overflow: 'auto', display: 'flex', justifyContent: 'flex-start', flexWrap: 'wrap', marginTop: 10, }}>
+                <div style={{ height: `${height - 80}px`, overflow: 'auto', display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap', marginTop: 10, }}>
                     {
                         pageImgArray.map((item) => {
                             // const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
                             return (
                                 <div key={item.codeTypePageId} className={item.codeTypePageId == selectedId ? 'page-img-select page-img-selected' : 'page-img-select'}
-                                    style={{ marginRight: '10px', marginBottom: '10px', height: 250 }}
+                                    style={{ marginRight: '', marginBottom: '10px', height: 250 }}
                                     onClick={() => {
                                         setSelectedId(item.codeTypePageId)
                                         setSelectedImg(item.previewImgs)
diff --git a/src/route/router.tsx b/src/route/router.tsx
index 5293c90..0de1454 100644
--- a/src/route/router.tsx
+++ b/src/route/router.tsx
@@ -4,7 +4,7 @@ import ProductRelease from '../route/ProductRelease/ProductRelease.tsx'
 import TransactionOrder from '../route/TransactionOrder/TransactionOrder.tsx'
 import CopyrightGgoods from '../route/CopyrightGgoods/CopyrightGgoods.tsx'
 import TradingGoods from '../route/TradingGoods/TradingGoods.tsx'
-
+import Refun from '../route/Refun/Refun.tsx'
 
 import Index from "../route/index/Index.tsx";
 // import Search from "../route/SearchList/SearchList.tsx";
@@ -223,6 +223,10 @@ export const router = createHashRouter(
                 path:'/trading-goods',
                 element:<TradingGoods/>
             },
+            {
+                path:'/refun',
+                element:<Refun/>
+            },
             {
                 path: '/proj-create',
                 element: <ProjCreate />
diff --git a/src/static/refun.png b/src/static/refun.png
new file mode 100644
index 0000000..0d6fd0a
Binary files /dev/null and b/src/static/refun.png differ
diff --git a/src/static/revoke.png b/src/static/revoke.png
new file mode 100644
index 0000000..be54e43
Binary files /dev/null and b/src/static/revoke.png differ