github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

upgrade permissions

pull/330/head
vapao 2021-06-03 15:18:09 +08:00
parent 1d1db13488
commit 615a3d1b46
2 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
spug_web/src/pages/home/Nav.js
View File

@ -4,10 +4,11 @@
* Released under the AGPL-3.0 License. * Released under the AGPL-3.0 License.
*/ */
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { Avatar, Button, Card, Col, Row } from 'antd'; import { Avatar, Card, Col, Row } from 'antd';
import { LeftSquareOutlined, RightSquareOutlined, EditOutlined, PlusOutlined } from '@ant-design/icons'; import { LeftSquareOutlined, RightSquareOutlined, EditOutlined, PlusOutlined } from '@ant-design/icons';
import { AuthButton } from 'components';
import NavForm from './NavForm'; import NavForm from './NavForm';
import { http, hasPermission } from 'libs'; import { http } from 'libs';
import styles from './index.module.less'; import styles from './index.module.less';
function NavIndex(props) { function NavIndex(props) {
@ -40,8 +41,8 @@ function NavIndex(props) {
title="便捷导航" title="便捷导航"
className={styles.nav} className={styles.nav}
bodyStyle={{paddingBottom: 0, minHeight: 166}} bodyStyle={{paddingBottom: 0, minHeight: 166}}
extra={<Button hidden={!hasPermission('admin')} type="link" extra={<AuthButton auth="admin" type="link"
onClick={() => setIsEdit(!isEdit)}>{isEdit ? '完成' : '编辑'}</Button>}> onClick={() => setIsEdit(!isEdit)}>{isEdit ? '完成' : '编辑'}</AuthButton>}>
{isEdit ? ( {isEdit ? (
<Row gutter={24}> <Row gutter={24}>
<Col span={6} style={{marginBottom: 24}}> <Col span={6} style={{marginBottom: 24}}>

10
spug_web/src/pages/home/Notice.js
View File

@ -4,9 +4,10 @@
* Released under the AGPL-3.0 License. * Released under the AGPL-3.0 License.
*/ */
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Button, Card, List, Modal, Form, Input, Switch, Divider, Typography } from 'antd'; import { Card, List, Modal, Form, Input, Switch, Divider, Typography } from 'antd';
import { DownSquareOutlined, PlusOutlined, UpSquareOutlined, SoundOutlined } from '@ant-design/icons'; import { DownSquareOutlined, PlusOutlined, UpSquareOutlined, SoundOutlined } from '@ant-design/icons';
import { http, hasPermission } from 'libs'; import { AuthButton } from 'components';
import { http } from 'libs';
import styles from './index.module.less'; import styles from './index.module.less';
function NoticeIndex(props) { function NoticeIndex(props) {
@ -75,7 +76,8 @@ function NoticeIndex(props) {
title="系统公告" title="系统公告"
loading={fetching} loading={fetching}
className={styles.notice} className={styles.notice}
extra={<Button hidden={!hasPermission('admin')} type="link" onClick={() => setIsEdit(!isEdit)}>{isEdit ? '完成' : '编辑'}</Button>}> extra={<AuthButton auth="admin" type="link"
onClick={() => setIsEdit(!isEdit)}>{isEdit ? '完成' : '编辑'}</AuthButton>}>
{isEdit ? ( {isEdit ? (
<List> <List>
<div className={styles.add} onClick={() => showForm({})}><PlusOutlined/>新建公告</div> <div className={styles.add} onClick={() => showForm({})}><PlusOutlined/>新建公告</div>
@ -94,7 +96,7 @@ function NoticeIndex(props) {
<List> <List>
{records.map(item => ( {records.map(item => (
<List.Item key={item.id} className={styles.item} onClick={() => setNotice(item)}> <List.Item key={item.id} className={styles.item} onClick={() => setNotice(item)}>
{!item.read_ids.includes(id) && <SoundOutlined style={{color: '#ff4d4f', marginRight: 4}} />} {!item.read_ids.includes(id) && <SoundOutlined style={{color: '#ff4d4f', marginRight: 4}}/>}
<span className={styles.title}>{item.title}</span> <span className={styles.title}>{item.title}</span>
<span className={styles.date}>{item.created_at.substr(0, 10)}</span> <span className={styles.date}>{item.created_at.substr(0, 10)}</span>
</List.Item> </List.Item>