|
@ -1,44 +1,26 @@ |
|
|
import React, { useEffect } from 'react'; |
|
|
import React, { useEffect } from "react"; |
|
|
import { connect } from 'react-redux'; |
|
|
import { connect } from "react-redux"; |
|
|
import { Spin, Card } from '@douyinfe/semi-ui'; |
|
|
import { Card } from "@douyinfe/semi-ui"; |
|
|
import '../style.less' |
|
|
import "../style.less"; |
|
|
const { Meta } = Card; |
|
|
|
|
|
|
|
|
|
|
|
const Example = (props) => { |
|
|
const Example = (props) => { |
|
|
const { dispatch, actions, user, loading } = props |
|
|
const { dispatch, actions, user, loading } = props; |
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
// ACTION 示例 |
|
|
// ACTION 示例 |
|
|
dispatch(actions.example.getMembers(user.orgId)) |
|
|
// dispatch(actions.example.getMembers(user.orgId)); |
|
|
}, []) |
|
|
}, []); |
|
|
|
|
|
|
|
|
return ( |
|
|
return <Card title="筛选条件" headerLine={false}></Card>; |
|
|
<Spin tip="biubiubiu~" spinning={loading}> |
|
|
}; |
|
|
<div id='example'> |
|
|
|
|
|
<p>STYLE EXAMPLE</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
<Card |
|
|
|
|
|
style={{ maxWidth: 300 }} |
|
|
|
|
|
cover={ |
|
|
|
|
|
<img |
|
|
|
|
|
alt="example" |
|
|
|
|
|
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/card-cover-docs-demo2.jpeg" |
|
|
|
|
|
/> |
|
|
|
|
|
} |
|
|
|
|
|
> |
|
|
|
|
|
<Meta title="组件示例" /> |
|
|
|
|
|
</Card> |
|
|
|
|
|
</Spin> |
|
|
|
|
|
) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function mapStateToProps (state) { |
|
|
function mapStateToProps(state) { |
|
|
const { auth, global, members } = state; |
|
|
const { auth, global, members } = state; |
|
|
return { |
|
|
return { |
|
|
loading: members.isRequesting, |
|
|
loading: members.isRequesting, |
|
|
user: auth.user, |
|
|
user: auth.user, |
|
|
actions: global.actions, |
|
|
actions: global.actions, |
|
|
members: members.data |
|
|
members: members.data, |
|
|
}; |
|
|
}; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|