forgeplus-react/src/forge/Team/Sub/SubDetail.jsx

82 lines
2.3 KiB
JavaScript

import React from 'react';
import { Route, Switch , Link } from "react-router-dom";
import Loadable from "react-loadable";
import Loading from "../../../Loading";
import '../Index.scss';
import Cards from '../../Component/Cards';
const GroupNew = Loadable({
loader: () => import("../Group/GroupNew"),
loading: Loading,
});
const Group = Loadable({
loader: () => import("../TeamGroup"),
loading: Loading,
});
const Member = Loadable({
loader: () => import("../TeamMember"),
loading: Loading,
});
const GroupDetails = Loadable({
loader: () => import("../Group/GroupDetails"),
loading: Loading,
});
const GroupSetting = Loadable({
loader: () => import("../Group/GroupDetailSetting"),
loading: Loading,
});
export default ((props)=>{
return(
<div className="teamDetail">
<Cards
title="组织名称"
rightBtn={
<span className="subNavs">
<Link to={``} className="active"><span>组织成员</span><lable>13</lable></Link>
<Link to={``}><span>组织团队</span><lable>13</lable></Link>
</span>
}
img={`https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4193840146,2109186388&fm=26&gp=0.jpg`}
/>
<Switch {...props}>
{/* 组织团队-设置 */}
<Route
path="/organize/:OIdentifier/group/:groupId/setting"
render={(props) => {
return <GroupSetting {...props} />
}}
></Route>
{/* 组织团队-成员 */}
<Route
path="/organize/:OIdentifier/group/:groupId/member"
render={(props) => {
return <GroupDetails {...props} />
}}
></Route>
{/* 组织成员 */}
<Route
path="/organize/:OIdentifier/member"
render={(props) => {
return <Member {...props} />
}}
></Route>
{/* 组织-新建团队 */}
<Route
path="/organize/:OIdentifier/group/new"
render={(props) => {
return <GroupNew {...props} />
}}
></Route>
{/* 组织团队 */}
<Route
path="/organize/:OIdentifier/group"
render={(props) => {
return <Group {...props} />
}}
></Route>
</Switch>
</div>
)
})