|
|
@@ -15,7 +15,7 @@ type OptionSelectProps = {
|
|
|
const OptionSelect: React.FC<OptionSelectProps> = ({ onChange }) => {
|
|
|
const [state, setState] = useState({
|
|
|
optionType: opMap.STAFF,
|
|
|
- opIds: null,
|
|
|
+ opIds: [],
|
|
|
department: [],
|
|
|
staff: []
|
|
|
})
|
|
|
@@ -44,16 +44,19 @@ const OptionSelect: React.FC<OptionSelectProps> = ({ onChange }) => {
|
|
|
)
|
|
|
return (
|
|
|
<div>
|
|
|
- <Select
|
|
|
- defaultValue="staff"
|
|
|
- options={[
|
|
|
- { label: '按部门', value: 'department' },
|
|
|
- { label: '按员工', value: 'staff' }
|
|
|
- ]}
|
|
|
- onChange={val => setState({ ...state, optionType: val })}
|
|
|
- />
|
|
|
+ <span className="mr-2">
|
|
|
+ <Select
|
|
|
+ defaultValue="staff"
|
|
|
+ options={[
|
|
|
+ { label: '按部门', value: 'department' },
|
|
|
+ { label: '按员工', value: 'staff' }
|
|
|
+ ]}
|
|
|
+ onChange={val => setState({ ...state, optionType: val, opIds: [] })}
|
|
|
+ />
|
|
|
+ </span>
|
|
|
{state.optionType === opMap.STAFF ? (
|
|
|
<TreeSelect
|
|
|
+ value={state.opIds}
|
|
|
className="min-w-180px"
|
|
|
defaultOpen
|
|
|
treeCheckable
|
|
|
@@ -64,6 +67,7 @@ const OptionSelect: React.FC<OptionSelectProps> = ({ onChange }) => {
|
|
|
/>
|
|
|
) : (
|
|
|
<TreeSelect
|
|
|
+ value={state.opIds}
|
|
|
className="min-w-180px"
|
|
|
defaultOpen
|
|
|
treeData={state.department}
|