@jiangood/open-admin 2.4.7 → 2.5.0

package/src/framework/components/ProTable/components/ToolBar/index.less

@@ -1,53 +0,0 @@
-.pro-table-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-  /*
-  border: 1px solid #ddd;
-  border-radius: 5px;
-  background: #F8F9FA;
-  padding: 8px;
-  */
-
-  &-option {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 12px;
-  }
-
-  .btn {
-    padding: 0;
-    background: #f8f8f8;
-    border:none;
-    font-size: 14px;
-    font-weight: 400;
-    cursor: pointer;
-    user-select: none;
-    img {
-      width: 20px;
-      height: 20px;
-    }
-  }
-}
-
-@media (max-width: 575px) {
-  .pro-table-toolbar {
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: flex-start;
-    height: auto;
-    margin-bottom: 16px;
-    margin-left: 16px;
-    padding: 16px 8px 8px;
-    line-height: normal;
-
-    &-option {
-      display: flex;
-      justify-content: space-between;
-      width: 100%;
-    }
-
-  }
-}

package/src/framework/components/ProTable/components/ToolBar/index.tsx

@@ -1,123 +0,0 @@
-/**
- * 工具栏
- */
-import {HistoryOutlined, ReloadOutlined} from '@ant-design/icons';
-import {Button, Input, message, Modal, Table} from 'antd';
-import React from 'react';
-import './index.less';
-import {DateUtils, PageUtils, StorageUtils} from "../../../../utils";
-
-export class Toolbar extends React.Component {
-
-    state = {
-        // 查询历史的模态框
-        historyOpen: false
-    }
-
-    render = () => {
-        const {
-            onRefresh,
-            toolBarRender,
-            loading,
-            showSearch
-        } = this.props;
-
-        return <div className='pro-table-toolbar'>
-
-            <div className='pro-table-toolbar-left'>
-                {showSearch && <Input.Search placeholder='搜索...'
-                                             allowClear
-                                             onSearch={e=>{
-                                                 this.props.onSearch({searchText: e})
-                                             }}
-                />}
-            </div>
-
-            <div className='pro-table-toolbar-option'>
-                {toolBarRender}
-                <Button title='刷新' size='small' icon={<ReloadOutlined/>} onClick={onRefresh} loading={loading}/>
-                <Button title='查询历史' size='small' icon={<HistoryOutlined/>} onClick={this.onClickHistory}/>
-            </div>
-
-            {this.renderHistory()}
-        </div>
-    };
-
-
-    renderHistory() {
-        const {params} = this.props
-        const list = StorageUtils.get(this.getParamKey()) || []
-
-        const dataSource = [{params, time: '当前'}, ...list]
-
-        return <Modal title='查询方案'
-                      width={800}
-                      open={this.state.historyOpen}
-                      onCancel={() => this.setState({historyOpen: false})}
-                      footer={null}
-                      destroyOnHidden
-        >
-
-            <Table
-                dataSource={dataSource}
-                pagination={false}
-                rowKey='time'
-                columns={[
-                    {
-                        dataIndex: 'time', title: '时间'
-                    },
-                    {
-                        dataIndex: 'params', title: '参数',
-                        render(v) {
-                            return JSON.stringify(v)
-                        }
-                    }, {
-                        dataIndex: 'option', title: '-',
-                        render: (v, record) => {
-                            if (record.time === '当前') {
-                                return <Button onClick={this.onSaveHistory}>保存</Button>
-                            } else {
-                                return <Button type='primary' onClick={() => this.onApply(record.params)}>使用</Button>
-                            }
-                        }
-                    }
-                ]}></Table>
-
-
-        </Modal>;
-    }
-
-    onClickHistory = () => {
-
-        this.setState({historyOpen: true})
-    }
-
-    getParamKey() {
-        return 'query-params-' + PageUtils.currentPathname();
-    }
-
-    onSaveHistory = () => {
-        const {params} = this.props
-        const keys = Object.keys(params)
-        if (keys.length === 0) {
-            message.error('查询参数为空，无法保存')
-            return
-        }
-        const list = StorageUtils.get(this.getParamKey()) || []
-        const data = {time: DateUtils.now(), params};
-        list.unshift(data)
-        if (list.length > 5) {
-            list.pop()
-        }
-        StorageUtils.set(this.getParamKey(), list)
-        message.success('保存成功')
-        this.setState({historyOpen: false})
-    }
-
-    onApply = (params) => {
-        this.props.changeFormValues(params)
-        this.setState({historyOpen: false})
-    }
-}
-
-

package/src/pages/system/manual/index.jsx

@@ -1,128 +0,0 @@
-import {PlusOutlined} from '@ant-design/icons'
-import {Button, Form, Input, Modal, Popconfirm} from 'antd'
-import React from 'react'
-import {ButtonList, FieldUploadFile, HttpUtils, Page, ProTable} from "../../../framework";
-
-
-export default class extends React.Component {
-
-    state = {
-        formValues: {},
-        formOpen: false
-    }
-
-    formRef = React.createRef()
-    tableRef = React.createRef()
-
-    handleAdd = () => {
-        this.setState({formOpen: true, formValues: {}})
-    }
-
-    handleEdit = record => {
-        this.setState({formOpen: true, formValues: record})
-    }
-
-    onFinish = values => {
-        const isNew = !values.id;
-        const url = isNew ? 'admin/sysManual/create' : 'admin/sysManual/update';
-        HttpUtils.post(url, values).then(rs => {
-            this.setState({formOpen: false})
-            this.tableRef.current.reload()
-        })
-    }
-
-    handleDelete = record => {
-        HttpUtils.post('admin/sysManual/delete', {id: record.id}).then(rs => {
-            this.tableRef.current.reload()
-        })
-    }
-
-    columns = [
-
-        {
-            title: '名称',
-            dataIndex: 'name',
-
-
-        },
-
-        {
-            title: '版本',
-            dataIndex: 'version',
-            render(version) {
-                return 'v' + version;
-            }
-        },
-
-        {
-            title: '文件',
-            dataIndex: 'fileId',
-            render(id) {
-                const url = 'admin/sysFile/preview/' + id;
-                return <a href={url} target='_blank'>查看文件</a>
-            }
-
-        },
-        {
-            title: '操作',
-            dataIndex: 'option',
-            render: (_, record) => (
-                <ButtonList>
-                    <Button size='small' perm='sys-manual:update' onClick={() => this.handleEdit(record)}>编辑</Button>
-                    <Popconfirm perm='sys-manual:delete' title='是否确定删除操作手册'
-                                onConfirm={() => this.handleDelete(record)}>
-                        <Button size='small'>删除</Button>
-                    </Popconfirm>
-                </ButtonList>
-            ),
-        },
-
-    ]
-
-    render() {
-        return <Page>
-            <ProTable
-                actionRef={this.tableRef}
-                toolBarRender={(params, {selectedRows, selectedRowKeys}) => {
-                    return <ButtonList>
-                        <Button perm='sys-manual:create' type='primary' onClick={this.handleAdd}>
-                            <PlusOutlined/> 新增
-                        </Button>
-                    </ButtonList>
-                }}
-                request={(params) => HttpUtils.get('admin/sysManual/page', params)}
-                columns={this.columns}
-
-            />
-
-            <Modal title='操作手册'
-                   open={this.state.formOpen}
-                   onOk={() => this.formRef.current.submit()}
-                   onCancel={() => this.setState({formOpen: false})}
-                   destroyOnHidden
-                   mask={{ closable: false }}
-            >
-
-                <Form ref={this.formRef} labelCol={{flex: '100px'}}
-                      initialValues={this.state.formValues}
-                      onFinish={this.onFinish}
-                >
-                    <Form.Item name='id' noStyle></Form.Item>
-
-                    <Form.Item label='名称' name='name' rules={[{required: true}]}>
-                        <Input/>
-                    </Form.Item>
-
-                    <Form.Item label='文件' name='fileId' rules={[{required: true}]}>
-                        <FieldUploadFile accept=".pdf" maxCount={1}/>
-                    </Form.Item>
-
-                </Form>
-            </Modal>
-        </Page>
-
-
-    }
-}
-
-

package/src/pages/userCenter/manual.jsx

@@ -1,57 +0,0 @@
-import React from 'react'
-import {HttpUtils, Page, ProTable} from "../../framework";
-
-
-export default class extends React.Component {
-
-
-    tableRef = React.createRef()
-
-    columns = [
-
-        {
-            title: '名称',
-            dataIndex: 'name',
-
-
-        },
-
-        {
-            title: '版本',
-            dataIndex: 'version',
-            render(version) {
-                return 'v' + version;
-            }
-        },
-
-        {
-            title: '文件',
-            dataIndex: 'fileId',
-            render(id) {
-                const url = ('admin/sysFile/preview/' + id);
-                return <a href={url} target='_blank'>查看文件</a>
-            }
-
-        },
-
-        {
-            title: '更新时间',
-            dataIndex: 'updateTime',
-        },
-    ]
-
-
-    render() {
-        return <Page>
-            <ProTable
-                actionRef={this.tableRef}
-                request={(params) => HttpUtils.get('admin/sysManual/page-for-user', params)}
-                columns={this.columns}
-            />
-        </Page>
-
-
-    }
-}
-
-