@jiangood/springboot-admin-starter 0.0.1

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

@@ -0,0 +1,261 @@
+import {PlusOutlined} from '@ant-design/icons';
+import {Button, Form, Input, Modal, Popconfirm, Splitter, Tabs} from 'antd';
+import React from 'react';
+import {
+    ButtonList,
+    dictValueTag,
+    FieldOrgTreeSelect,
+    FieldRadioBoolean,
+    HttpUtil,
+    OrgTree,
+    Page,
+    ProTable,
+    RoleTree
+} from "../../../framework";
+import UserPerm from "./UserPerm";
+
+export default class extends React.Component {
+
+    state = {
+        showAddForm: false,
+        showEditForm: false,
+        formValues: {},
+
+        currentOrgId: null,
+        currentRoleId:null,
+    }
+    permRef = React.createRef();
+
+    formRef = React.createRef()
+    tableRef = React.createRef()
+
+    columns = [
+        {
+            title: '单位',
+            dataIndex: 'unitLabel',
+        },
+        {
+            title: '部门',
+            dataIndex: 'deptLabel',
+        },
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            sorter: true
+        },
+        {
+            title: '登录账号',
+            dataIndex: 'account',
+            sorter: true
+        },
+
+
+        {
+            title: '手机',
+            dataIndex: 'phone'
+        },
+        {
+            title: '邮箱',
+            dataIndex: 'email'
+        },
+
+        {
+            title: '角色',
+            dataIndex: 'roleIds',
+            render: (_, row) => {
+                if (row.roleNames) {
+                    return row.roleNames.join(',')
+                }
+            },
+        },
+        {
+            title: '状态',
+            dataIndex: 'enabled',
+            render(v) {
+                return v == null ? null : (v ? '是' : '否')
+            },
+        },
+        {
+            title: '数据权限',
+            dataIndex: 'dataPermType',
+            render(v) {
+                return dictValueTag('dataPermType', v)
+            }
+        },
+
+        {
+            title: '创建时间',
+            dataIndex: 'createTime',
+        },
+        {
+            title: '操作',
+            dataIndex: 'option',
+            fixed:'right',
+            render: (_, record) => {
+                return <ButtonList>
+                    <Button size='small' perm='sysUser:save' onClick={() => this.handleEdit(record)}> 编辑 </Button>
+
+                    <Button size='small' perm='sysUser:grantPerm'
+                            onClick={() => this.permRef.current.show(record)}> 授权 </Button>
+
+                    <Popconfirm perm='sysUser:resetPwd' title='确认重置密码？' onConfirm={() => this.resetPwd(record)}>
+                        <a>重置密码</a>
+                    </Popconfirm>
+
+                    <Popconfirm perm='sysUser:delete' title={'是否确定删除用户'}
+                                onConfirm={() => this.handleDelete(record)}>
+                        <a>删除</a>
+                    </Popconfirm>
+                </ButtonList>;
+            },
+        },
+    ];
+
+
+
+
+    resetPwd(row) {
+        HttpUtil.post('admin/sysUser/resetPwd', {id: row.id}).then(rs => {
+            Modal.success({
+                title: '重置密码成功',
+                content: rs
+            })
+        })
+    }
+
+
+    handleDelete = r => {
+        HttpUtil.get('admin/sysUser/delete', {id: r.id}).then(rs => {
+            this.tableRef.current.reload();
+        })
+    }
+
+
+
+    onSelectOrg = (key) => {
+        this.setState({currentOrgId: key}, () => this.tableRef.current.reload())
+    }
+    onSelectRole = (key) => {
+        this.setState({currentRoleId: key}, () => this.tableRef.current.reload())
+    }
+
+
+    handleAdd = () => {
+        this.setState({formOpen: true, formValues: {}})
+    }
+
+    handleEdit = record => {
+        record.deptId = record.deptId || record.unitId
+        this.setState({formOpen: true, formValues: record})
+    }
+
+
+    onFinish = values => {
+        HttpUtil.post('admin/sysUser/save', values).then(rs => {
+            this.setState({formOpen: false})
+            this.tableRef.current.reload()
+        })
+    }
+
+    render() {
+
+        return <Page>
+            <Splitter >
+                <Splitter.Panel defaultSize={400}   >
+                    <Tabs
+                        type='card'
+                        size='small'
+                        items={[
+                            {
+                                key: 'org',
+                                label: '按组织机构',
+                                children:  <OrgTree onChange={this.onSelectOrg}/>
+                            },
+                            {
+                                key: 'role',
+                                label: '按角色',
+                                children: <RoleTree onSelect={this.onSelectRole}/>
+                            }
+                        ]}/>
+
+                </Splitter.Panel>
+                <Splitter.Panel style={{paddingLeft:16}}>
+                    <ProTable
+                        actionRef={this.tableRef}
+                        toolBarRender={(params, {selectedRows,selectedRowKeys}) => {
+                            return <ButtonList>
+                                <Button
+                                    perm='sysUser:save'
+                                    type="primary"
+                                    onClick={this.handleAdd}>
+                                    <PlusOutlined/> 新增
+                                </Button>
+
+
+                            </ButtonList>
+                        }}
+                        request={(params) => {
+                            params.orgId = this.state.currentOrgId
+                            params.roleId = this.state.currentRoleId
+                            return HttpUtil.pageData('admin/sysUser/page', params)
+                        }
+                        }
+                        columns={this.columns}
+                        rowKey="id"
+                        scroll={{x: 'max-content'}}
+                    >
+
+                    </ProTable>
+                </Splitter.Panel>
+            </Splitter>
+
+
+            <Modal title='系统用户'
+                   open={this.state.formOpen}
+                   onOk={() => this.formRef.current.submit()}
+                   onCancel={() => this.setState({formOpen: false})}
+                   destroyOnHidden
+            >
+
+                <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='deptId' rules={[{required: true}]}>
+                        <FieldOrgTreeSelect/>
+                    </Form.Item>
+
+                    <Form.Item label='姓名' name='name' rules={[{required: true}]}>
+                        <Input/>
+                    </Form.Item>
+                    <Form.Item label='账号' name='account' rules={[{required: true}]}>
+                        <Input/>
+                    </Form.Item>
+
+
+                    <Form.Item label='电话' name='phone'>
+                        <Input/>
+                    </Form.Item>
+                    <Form.Item label='邮箱' name='email'>
+                        <Input/>
+                    </Form.Item>
+
+                    <Form.Item label='启用状态' name='enabled' rules={[{required: true}]}>
+                        <FieldRadioBoolean/>
+                    </Form.Item>
+
+                </Form>
+            </Modal>
+
+
+            <UserPerm ref={this.permRef} onOk={() => this.tableRef.current.reload()}/>
+
+        </Page>
+    }
+
+
+}
+
+
+

package/src/pages/test.jsx

@@ -0,0 +1,16 @@
+import React from "react";
+import {Card} from "antd";
+
+export default class extends React.Component {
+
+
+    render() {
+
+        return <Card title='测试页面'>
+
+
+
+
+        </Card>
+    }
+}

package/src/pages/ureport/index.jsx

@@ -0,0 +1,43 @@
+import React from 'react'
+import {Button} from "antd";
+import {ButtonList, HttpUtil, ProTable} from "../../framework";
+
+export default class extends React.Component {
+
+    state = {
+        status: {}
+    }
+
+
+    render() {
+        return <div>
+
+            <ProTable
+                toolBarRender={() => <Button type='primary'
+                                             target='_blank'
+                                             href={"/ureport/designer"}>打开设计器</Button>}
+
+                request={(params) => HttpUtil.pageData('admin/ureport/page', params)}
+                columns={[
+                    {title: "文件名称", dataIndex: 'name'},
+                    {title: "存储器", dataIndex: 'providerName'},
+                    {title: "存储器前缀", dataIndex: 'providerPrefix'},
+                    {title: "更新时间", dataIndex: 'updateDate'},
+                    {title: "-", dataIndex: 'option',
+                        render(_,record){
+                            return <ButtonList >
+                                <Button size='small' perm='ureport:view' href={record.previewUrl} target='_blank'>预览</Button>
+                                <Button size='small' perm='ureport:design' href={record.designerUrl} target='_blank'>设计</Button>
+                            </ButtonList>
+                        }},
+                ]}></ProTable>
+
+
+        </div>
+    }
+
+
+}
+
+
+

package/src/pages/userCenter/ChangePassword.jsx

@@ -0,0 +1,64 @@
+import React from "react";
+import {Button, Form, Input, Modal} from "antd";
+
+
+import {history} from 'umi'
+import {HttpUtil, SysUtil} from "../../framework";
+
+export default class extends React.Component {
+
+
+    onFinish = (values) => {
+        HttpUtil.post('admin/userCenter/updatePwd', values).then(() => {
+            Modal.success({
+                title: '提示',
+                content: '修改密码成功',
+                onOk: () => {
+                    SysUtil.setToken(null)
+                    history.push('/login')
+                }
+            })
+        })
+    }
+
+    validator = (rule, value) => {
+        return new Promise((resolve, reject) => {
+            HttpUtil.create().get("admin/sysUser/pwdStrength", {password: value}).then(response => {
+                const rs = response.data
+                if (!rs.success) {
+                    reject(rs.message)
+                }
+                resolve()
+            })
+        })
+
+    }
+
+    render() {
+        return <div>
+
+            <Form onFinish={this.onFinish} style={{maxWidth: 400}}>
+
+                <Form.Item name='newPassword'
+                           label='新密码'
+                           extra={'请输入字母、数字、特殊字符'}
+                           rules={[
+                               {required: true},
+                               {
+                                   validator: this.validator
+                               }
+                           ]}
+                >
+                    <Input.Password></Input.Password>
+                </Form.Item>
+
+                <Form.Item wrapperCol={{offset: 5}} style={{marginTop: 40}}>
+                    <Button type="primary" htmlType="submit">
+                        确定
+                    </Button>
+                </Form.Item>
+            </Form>
+
+        </div>
+    }
+}

package/src/pages/userCenter/index.jsx

@@ -0,0 +1,90 @@
+import React from "react";
+import {Avatar, Card, Col, Row, Tabs} from "antd";
+import ChangePassword from "./ChangePassword";
+import {HttpUtil, Page} from "../../framework";
+
+export default class extends React.Component {
+
+    state = {
+        info :{}
+    }
+
+    componentDidMount() {
+        HttpUtil.get('admin/userCenter/info').then(rs=>{
+            this.setState({info:rs})
+        })
+    }
+
+    render() {
+const {info} = this.state;
+        return <Page padding backgroundGray>
+            <Row gutter={[16,16]}>
+                <Col md={6} sm={24}>
+                    <Card title='个人信息'>
+
+                        <div className='flex-center' style={{marginBottom:32}}>
+                            <Avatar size={128} title='点击修改头像' />
+                        </div>
+
+
+                        <table className='tmgg-table'>
+                            <tbody>
+                            <tr>
+                                <td>用户名称</td>
+                                <td align='right'>{info.name}</td>
+                            </tr>
+                            <tr>
+                                <td>账号</td>
+                                <td align='right'>{info.account}</td>
+                            </tr>
+                            <tr>
+                                <td>手机号码</td>
+                                <td>{info.phone}</td>
+                            </tr>
+                            <tr>
+                                <td>用户邮箱</td>
+                                <td>{info.email}</td>
+                            </tr>
+                            <tr>
+                                <td>所属部门</td>
+                                <td>{info.unit} {info.dept}</td>
+                            </tr>
+                            <tr>
+                                <td>所属角色</td>
+                                <td>{info.roles}</td>
+                            </tr>
+                            <tr>
+                                <td>创建日期</td>
+                                <td>{info.createTime}</td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </Card>
+                </Col>
+                <Col md={18}  sm={24}>
+                    <Card title='个人设置'>
+                        <Tabs
+                            items={[
+                                {
+                                    label: '修改密码', key: 'pwd', children: <div>
+                                        <ChangePassword/>
+                                    </div>
+                                },
+                                {
+                                    label: '消息订阅', key: 'topic', children: <div>
+                                        当账号管理邮箱后，系统消息会发送邮件给您
+                                    </div>
+                                }
+                            ]}
+                            tabPosition='left'
+                        >
+                        </Tabs>
+                    </Card>
+                </Col>
+            </Row>
+
+
+        </Page>
+
+    }
+}

package/src/pages/userCenter/manual.jsx

@@ -0,0 +1,63 @@
+import React from 'react'
+import {HttpUtil, Page, ProTable, SysUtil} 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 = SysUtil.wrapServerUrl('admin/sysFile/preview/' + id);
+                return <a href={url} target='_blank'>查看文件</a>
+            }
+
+        },
+
+        {
+            title: '更新时间',
+            dataIndex: 'updateTime',
+        },
+    ]
+
+
+
+
+    render() {
+        return <Page>
+            <ProTable
+                actionRef={this.tableRef}
+
+                request={(params) => HttpUtil.pageData('admin/sysManual/pageForUser', params)}
+                columns={this.columns}
+
+            />
+
+
+        </Page>
+
+
+    }
+}
+
+

package/src/pages/userCenter/message.jsx

@@ -0,0 +1,105 @@
+import React from "react";
+import {Button, Card, Tabs, Tag} from "antd";
+import {HttpUtil, ProTable} from "../../framework";
+
+export default class  extends React.Component {
+
+    tableRef = React.createRef()
+
+    columns = [
+        {
+            title: '时间',
+            dataIndex: 'createTime',
+            width: 150
+        },
+        {
+            title: '标题',
+            dataIndex: 'title',
+        },
+        {
+            title: '内容',
+            dataIndex: 'content',
+            render(content, row) {
+                return <div dangerouslySetInnerHTML={{__html: content}}/>
+            }
+        },
+        {
+            title: '已读时间',
+            dataIndex: 'readTime',
+            width: 150
+        },
+        {
+            title: '状态',
+            dataIndex: 'isRead',
+            render: (v, row) => {
+                return v == true ? <Tag color='green'>已读</Tag> : <Tag color='red'>未读</Tag>;
+            },
+            width: 80
+        },
+
+        {
+            title: '-',
+            dataIndex: 'option',
+            render: (read, row) => {
+                if(!row.isRead)
+                 return <Button size='small' onClick={() => this.read(row)}> 标记已读 </Button>
+            },   width: 80
+        }
+    ]
+
+    read = (record) => {
+        HttpUtil.post("admin/user/msg/read", record).then(rs => {
+            this.tableRef.current.reload()
+        })
+    }
+
+
+
+    render() {
+        return <Card variant={"borderless"}>
+
+            <Tabs defaultActiveKey="0" destroyOnHidden
+                >
+                <Tabs.TabPane key='0' tab='所有消息'>
+                    <ProTable
+                        actionRef={this.tableRef}
+                        request={(params) => HttpUtil.pageData("admin/user/msg/page", params)}
+                        columns={this.columns}
+                        toolbarOptions={{showSearch:false}}
+                        size='small'
+                    />
+                </Tabs.TabPane>
+                <Tabs.TabPane key='1' tab='未读消息'>
+                    <ProTable
+                        actionRef={this.tableRef}
+                        request={(params) => HttpUtil.pageData("admin/user/msg/page?read=false", params)}
+                        columns={this.columns}
+                        rowSelection={false}
+                        rowKey='id'
+                        toolbarOptions={{showSearch:false}}
+                        size='small'
+                    />
+
+
+                </Tabs.TabPane>
+                <Tabs.TabPane key='2' tab='已读消息'>
+
+                    <ProTable
+                        actionRef={this.tableRef}
+                        request={(params) => HttpUtil.pageData("admin/user/msg/page?read=true", params)}
+                        rowSelection={false}
+                        rowKey='id'
+                        toolbarOptions={{showSearch:false}}
+                        options={false}
+                        size='small'
+                        columns={this.columns}
+                    />
+
+
+                </Tabs.TabPane>
+
+            </Tabs>
+
+        </Card>
+    }
+}

package/src/style/global.less

@@ -0,0 +1,51 @@
+/*主要在layout中导入*/
+table.tmgg-table {
+  width: 100%;
+  border-collapse: collapse; /* 合并边框 */
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
+  table-layout: fixed;
+
+  th {
+    background-color: #f2f2f2; /* 背景色 */
+    color: #333; /* 文字颜色 */
+    font-weight: bold; /* 加粗 */
+    padding: 12px 15px; /* 内边距 */
+    text-align: left; /* 文字对齐 */
+    border-bottom: 2px solid #ddd; /* 底部边框 */
+  }
+
+  td {
+    padding: 10px 15px; /* 内边距 */
+    border-bottom: 1px solid #ddd; /* 底部边框 */
+    text-align: left; /* 文字对齐 */
+  }
+
+  /* 表格行悬停效果 */
+
+  tr:hover {
+    background-color: #f5f5f5; /* 悬停背景色 */
+  }
+
+  /* 斑马纹效果 - 交替行颜色 */
+  tr:nth-child(even) {
+    background-color: #f9f9f9;
+  }
+
+  /* 响应式表格 - 在小屏幕上添加水平滚动 */
+  @media screen and (max-width: 600px) {
+    table {
+      display: block;
+      overflow-x: auto;
+    }
+  }
+
+
+}
+.flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+