|
|
|
|
@ -2,7 +2,7 @@ import { NavLink } from "react-router-dom";
|
|
|
|
|
import { useEffect, useState } from "react";
|
|
|
|
|
import { observer } from "mobx-react";
|
|
|
|
|
import { toJS } from "mobx";
|
|
|
|
|
import { Row, Col, Space, Button, Table, Input, Typography, DatePicker, Radio } from "antd";
|
|
|
|
|
import { Row, Col, Space, Button, Table, Input, Typography, Badge, List } from "antd";
|
|
|
|
|
import { useStore } from "@/stores/StoreContext.js";
|
|
|
|
|
import * as config from "@/config";
|
|
|
|
|
import * as comm from "@/utils/commons";
|
|
|
|
|
@ -11,44 +11,28 @@ import dayjs from "dayjs";
|
|
|
|
|
const { Title, Paragraph, Text } = Typography;
|
|
|
|
|
|
|
|
|
|
function Index() {
|
|
|
|
|
const { feedbackStore } = useStore();
|
|
|
|
|
const { noticeStore, authStore } = useStore();
|
|
|
|
|
const { noticeList } = noticeStore;
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
console.info("feedback.useEffect");
|
|
|
|
|
console.info("notice.useEffect");
|
|
|
|
|
noticeStore.getBulletinList(authStore.login.userId);
|
|
|
|
|
noticeStore.getBulletinUnReadCount(authStore.login.userId); //进入列表页的时候更新一下未读公告
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
const [ellipsis, setEllipsis] = useState(true);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Space direction="vertical" style={{ width: "100%" }}>
|
|
|
|
|
<Row gutter={16}>
|
|
|
|
|
<Col span={4}></Col>
|
|
|
|
|
<Col span={18}>
|
|
|
|
|
<Title level={2}>Guidelines and Resources</Title>
|
|
|
|
|
<Paragraph ellipsis={{ expandable: true, rows: 5 }}>
|
|
|
|
|
We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and We
|
|
|
|
|
supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and We
|
|
|
|
|
supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and We
|
|
|
|
|
supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and
|
|
|
|
|
efficiently. efficiently. We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product
|
|
|
|
|
prototypes beautifully and We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product
|
|
|
|
|
prototypes beautifully and efficiently. efficiently. We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help
|
|
|
|
|
people create their product prototypes beautifully and We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help
|
|
|
|
|
people create their product prototypes beautifully and efficiently. efficiently. efficiently. efficiently.
|
|
|
|
|
</Paragraph>
|
|
|
|
|
|
|
|
|
|
<Title level={2}>第二个公告</Title>
|
|
|
|
|
<Paragraph ellipsis={{ expandable: true, rows: 5 }}>
|
|
|
|
|
We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and We
|
|
|
|
|
supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and We
|
|
|
|
|
supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and We
|
|
|
|
|
supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product prototypes beautifully and
|
|
|
|
|
efficiently. efficiently. We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product
|
|
|
|
|
prototypes beautifully and We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help people create their product
|
|
|
|
|
prototypes beautifully and efficiently. efficiently. We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help
|
|
|
|
|
people create their product prototypes beautifully and We supply a series of design principles, practical patterns and high quality design resources (<Text code>Sketch</Text> and <Text code>Axure</Text>), to help
|
|
|
|
|
people create their product prototypes beautifully and efficiently. efficiently. efficiently. efficiently.
|
|
|
|
|
</Paragraph>
|
|
|
|
|
<Col span={16}>
|
|
|
|
|
<List
|
|
|
|
|
dataSource={toJS(noticeList)}
|
|
|
|
|
renderItem={item => (
|
|
|
|
|
<List.Item>
|
|
|
|
|
<Typography.Text>[{item.CCP_LastEditTime}]</Typography.Text>
|
|
|
|
|
<NavLink to={`/notice/${item.CCP_BLID}`}> {item.CCP_BLTitle}</NavLink> {item.IsRead ? "" : <Badge dot />}
|
|
|
|
|
</List.Item>
|
|
|
|
|
)}></List>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4}></Col>
|
|
|
|
|
</Row>
|
|
|
|
|
|
赵鹏
2 years ago