董国庆
2026-02-24 4a180c0ef43733522a0d39aec6289f4a7bdf23bd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
import { PageContainer, ProTable } from '@ant-design/pro-components';
import { buildProTableDataSource, sendRequest, showDelConfirm } from '@/utils/antdUtils';
import { Button, Space } from 'antd';
import { useRef, useState } from 'react';
import { Access, history, useAccess } from 'umi';
import { getList, del } from './service'
import moment from 'moment';
const GuideManagement = () => {
 
    const actionRef = useRef();
    const access = useAccess();
 
    const columns = [
        {
            title: '问题标题',
            dataIndex: 'title',
        },
        {
            title: '添加时间',
            dataIndex: 'insertTime',
            hideInSearch: true,
            render: (text, record) => {
                return moment(text).format('YYYY-MM-DD HH:mm')
            }
        },
        {
            title: '排序',
            dataIndex: 'sort',
            hideInSearch: true,
        },
        {
            title: '操作',
            hideInSearch: true,
            render: (text, record) => {
                return (
                    <Space>
                        {
                            record.id != 1 &&
                            // <Access accessible={access.settings_role_edit}>
                            <Button
                                type="link"
                                onClick={() => {
                                    history.push(`/service/guideManagement/addAndEditAndDetail?id=${record.id}`)
                                }}
                            >
                                编辑
                            </Button>
                            //  </Access>
                        }
                        {
                            record.id != 1 &&
                            // <Access accessible={access.settings_role_detele}>
                            <Button
                                type="link"
                                onClick={() => {
 
                                    showDelConfirm(async () => {
                                        let status = await sendRequest(del, { id: record.id })
                                        if (status) {
                                            actionRef.current.reload();
                                        }
                                    }, '确认删除所选信息吗?');
                                }}
                            >
                                删除
                            </Button>
                            //  </Access> 
                        }
                        {/* <Access accessible={access.settings_role_detail}> */}
                        <Button
                            type="link"
                            onClick={() => {
                                history.push(`/service/guideManagement/addAndEditAndDetail?id=${record.id}&detail=1`)
                            }}
                        >
                            查看详情
                        </Button>
                        {/* </Access> */}
                    </Space >
                );
            },
        },
    ]
 
    return <PageContainer title='使用指南'>
        <ProTable
            rowKey='id'
            actionRef={actionRef}
            columns={columns}
            pagination={{
                showSizeChanger: true,
                showQuickJumper: true,
                defaultPageSize: 10,
            }}
            request={(params) => buildProTableDataSource(getList, params)}
            toolBarRender={(action, selectRows) => [
                // <Access accessible={access.settings_role_add}>
                <Space>
                    <Button
                        type="primary"
                        onClick={() => {
                            history.push(`/service/guideManagement/addAndEditAndDetail`)
                        }}
                    >
                        添加
                    </Button>
                </Space>
                //  </Access>
            ]}
        />
    </PageContainer>
};
 
export default GuideManagement;