Gitlink
/
forgeplus-react
32
0
Fork 29
Code Issues Pull Requests 1 Releases 1 Wiki Activity

issue+新建组织-未登录没有弹出登录框

This commit is contained in:
caishi 2021-06-08 10:44:44 +08:00
parent 3cd51d1c72
commit 3d764d3075
11 changed files with 112 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/forge/UsersList/fork_users.js
View File

@ -98,6 +98,8 @@ class ForkUsers extends Component {
<Link
to={`/projects/${item.login}/${item.identifier}`}
className="font-16 text-primary task-hide max-w-200"
style={{display:"block"}}
title={item.name}
>
{item.name}
</Link>

9
src/forge/UsersList/user_list.js
View File

@ -1,5 +1,6 @@
import React, { Component } from "react";
import { getImageUrl } from "educoder";
import { Link } from 'react-router-dom';
import FocusButton from "./focus_button";
import { Button } from "antd";
import "./list.css";
@ -25,12 +26,14 @@ class UserList extends Component {
</div>
<div className="ml12">
<div>
<a
href={`/users/${item.login}`}
<Link
to={`/users/${item.login}`}
className="font-16 text-primary task-hide max-w-200"
style={{display:"block"}}
title={item.name}
>
{item.name}
</a>
</Link>
</div>
<div className="font-12 text-gray grid-item pb5">
<i className="iconfont icon-shijian user-join-time"></i>

78
src/forge/users/GeneralView/ConcentrateBox.jsx
View File

@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
import { Modal , Checkbox , Spin , Input } from 'antd';
import Axios from 'axios';
import { Link } from 'react-router-dom';
import { values } from 'lodash';
const { Search } = Input;
const limit = 20;
@ -15,13 +16,20 @@ function ConcentrateBox({ visible , onCancel , onSure , username , choosed }) {
const [ value , setValue ]= useState([]);
const [ isSpin , setIsSpin ]= useState(true);
const [ disable , setDisable ] = useState(false);
const [ copyList , setCopyList ] = useState([]);
const [ copyAllList , setCopyAllList ] = useState([]);
useEffect(()=>{
if(visible){
setIsSpin(true);
getProjectList();
}else{
setSearch(undefined);
setCopyAllList([]);
setCopyList([]);
setList([]);
}
setSearch(undefined);
},[visible])
useEffect(()=>{
@ -31,12 +39,6 @@ function ConcentrateBox({ visible , onCancel , onSure , username , choosed }) {
}
},[page])
useEffect(()=>{
if(search !== undefined){
setIsSpin(true);
getProjectList(1,search);
}
},[search])
useEffect(()=>{
if(visible && choosed && choosed.length >0 ){
@ -60,11 +62,11 @@ function ConcentrateBox({ visible , onCancel , onSure , username , choosed }) {
}
}).then(result=>{
if(result && result.data){
let e = page > 1 ? mergeArrayMerge(list,result.data.projects) : result.data.projects;
let e = !search ? mergeArrayMerge(list,result.data.projects) : result.data.projects;
setCopyAllList(!search ? e : copyAllList);
setTotal(result.data.count);
setList(e);
setIsSpin(false);
// 查看更多需要页数
let s = parseInt(result.data.count/limit,0);
let y = result.data.count%limit;
@ -86,28 +88,39 @@ function ConcentrateBox({ visible , onCancel , onSure , username , choosed }) {
return array1
}
function saveList(c) {
// 将选中的复制下来保存到copyList数组里
if(c && c.length > 0){
let l = []
for(var i=0;i<c.length;i++){
let filter = copyAllList.filter(j=>j.id === c[i]);
if(filter && filter.length>0){
l.push(filter[0]);
}
}
setCopyList(l);
}
}
function onOk() {
onSure && onSure(value);
setValue([]);
}
function chooseProject(e,p) {
function chooseProject(e) {
setValue(e);
}
// 搜索
function onSearch(params) {
setCopyAllList(list);
value && value.length > 0 ? saveList(value) : setCopyList([]);
setPage(1);
setList([]);
setSearch(params);
// if(params){
// setValueCopy(value);
// }else{
// setValue(valueCopy);
// setValueCopy([]);
// }
getProjectList(1,params);
}
return(
<Modal
visible={visible}
@ -133,21 +146,26 @@ function ConcentrateBox({ visible , onCancel , onSure , username , choosed }) {
/>
</div>
<div className="listbox">
{
list && list.length > 0 &&
<Checkbox.Group value={value} onChange={chooseProject} style={{width:"100%"}}>
{
list.map((i,k)=>{
return(
<Checkbox value={i.id} disabled={disable && (value.filter(j=>j === i.id).length===0)}>{i.name}</Checkbox>
)
})
}
</Checkbox.Group>
}
<Checkbox.Group value={value} onChange={chooseProject} style={{width:"100%"}}>
{
copyList && copyList.length >0 && copyList.map((i,k)=>{
return(
<Checkbox value={i.id} disabled={disable && (value.filter(j=>j === i.id).length===0)}>{i.author && i.author.name}/{i.name}</Checkbox>
)
})
}
{
list && list.length > 0 && list.map((i,k)=>{
let c = copyList && copyList.length >0 && copyList.filter(j=>j.id === i.id).length !== 0;
return(
!c && <Checkbox value={i.id} disabled={disable && (value.filter(j=>j === i.id).length===0)}>{i.author && i.author.name}/{i.name}</Checkbox>
)
})
}
</Checkbox.Group>
</div>
{ total > limit && page < pageSize && <div className="morelist" onClick={()=>setPage(page+1)}>查看更多</div> }
{ list && list.length === 0 && <div style={{textAlign:"center"}}>您还没有公开的{search && `“${search}”`}项目，先去<Link to={`/projects/deposit/new`} className="color-blue">新建项目</Link></div> }
{ (list && list.length === 0) && (copyList && copyList.length === 0) && <div style={{textAlign:"center"}}>您还没有公开的{search && `“${search}”`}项目，先去<Link to={`/projects/deposit/new`} className="color-blue">新建项目</Link></div> }
</Spin>
</Modal>
)

1
src/forge/users/GeneralView/ConcentrateProject.jsx
View File

@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react';
import { FlexAJ , AlignCenter } from '../../Component/layout';
import { Link } from 'react-router-dom';
import axios from 'axios';
import Box from './ConcentrateBox';
function ConcentrateProject({userLogin,current}) {

5
src/forge/users/Index.scss
View File

@ -118,6 +118,11 @@ $flex:flex;
line-height: 28px;
color: #666;
margin-top: 20px;
&>div{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
i{
color: #DEDEDE;
font-size: 15px!important;

21
src/forge/users/Infos.js
View File

@ -183,13 +183,6 @@ class Infos extends Component {
this.props.history.push(`/users/${user && user.login}/organizes`)
}
resetUser=(data)=>{
this.setState({
user:data
})
}
render() {
const { current_user, mygetHelmetapi } = this.props;
const { username } = this.props.match.params;
@ -214,7 +207,7 @@ class Infos extends Component {
</span>
</span>
<div className="text-center mt15 font-16 fwb">
<div className="text-center mt15 font-16 fwb task-hide" title={user && user.username}>
{user && user.username}
</div>
<div className="userDescription">
@ -268,9 +261,9 @@ class Infos extends Component {
{
user && (user.province || user.custom_department || user.email) ?
<div className="infoBox">
{ user.province && <div><i className="iconfont icon-weizhi"></i><span>{user.province}</span><span>{user.city}</span></div> }
{ user.custom_department && <div><i className="iconfont icon-danwei"></i><span>{user.custom_department}</span></div> }
{ user.email && <div><i className="iconfont icon-youxiangrenzheng"></i><span>{user.email}</span></div> }
{ user.province && <div><i className="iconfont icon-weizhi"></i><span>{user.province}</span><span title={user.city}>{user.city}</span></div> }
{ user.custom_department && <div><i className="iconfont icon-danwei"></i><span title={user.custom_department}>{user.custom_department}</span></div> }
{ user.email && <div><i className="iconfont icon-youxiangrenzheng"></i><span title={user.email}>{user.email}</span></div> }
</div>
:""
}
@ -301,7 +294,7 @@ class Infos extends Component {
<Route
path="/users/:username/watchers"
render={() => {
return <WatchsUser {...this.props} {...this.state} userType="watchers" />;
return <WatchsUser {...this.props} {...this.state} userType="watchers" fetchUser={this.fetchUser}/>;
}}
></Route>
<Route
@ -313,7 +306,7 @@ class Infos extends Component {
<Route
path="/users/:username/fan_users"
render={() => {
return <FanUser {...this.props} {...this.state} userType="fan_users"/>;
return <FanUser {...this.props} {...this.state} userType="fan_users" fetchUser={this.fetchUser}/>;
}}
></Route>
<Route
@ -343,7 +336,7 @@ class Infos extends Component {
<Route
path="/users/:username/info"
render={() => {
return <UpdateInfo {...this.props} {...this.state} resetUser={this.resetUser}/>;
return <UpdateInfo {...this.props} {...this.state} resetUser={this.fetchUser}/>;
}}
></Route>
<Route

17
src/forge/users/Material/Base.jsx
View File

@ -10,16 +10,15 @@ export default Form.create()(
forwardRef((props)=>{
const { getFieldDecorator, validateFields , setFieldsValue } = props && props.form;
const { username } = props && props.match && props.match.params;
const { current_user , resetUser } = props;
const { user , resetUser } = props;
useEffect(()=>{
if(current_user && current_user.login){
if(user && user.login){
setFieldsValue({
...current_user,
location:current_user.province && [current_user.province,current_user.city]
...user,
location:user.province && [user.province,user.city]
})
}
},[current_user])
},[user])
function submit() {
validateFields((error,values)=>{
@ -70,7 +69,7 @@ export default Form.create()(
{getFieldDecorator("real_name",{
rules:[{required:true,message:"请输入姓名"}]
})(
<Input placeholder="请输入您的姓名" style={{width:"400px"}}/>
<Input placeholder="请输入您的姓名" maxLength={"20"} style={{width:"400px"}}/>
)}
</Form.Item>
<div>
@ -89,7 +88,7 @@ export default Form.create()(
{getFieldDecorator("custom_department",{
rules:[{required:true,message:"请输入单位名称"}]
})(
<Input placeholder="请输入单位名称" style={{width:"400px"}}/>
<Input placeholder="请输入单位名称" maxLength="30" style={{width:"400px"}}/>
)}
</Form.Item>
<Form.Item label="">
@ -119,7 +118,7 @@ export default Form.create()(
{getFieldDecorator("description",{
rules:[]
})(
<TextArea placeholder="请输入您的自我理解" rows={4} maxLength="140" style={{width:"600px"}}/>
<TextArea placeholder="请输入您的自我简介" rows={4} maxLength="140" style={{width:"600px"}}/>
)}
</Form.Item>
<AlignCenter>

11
src/forge/users/Team.jsx
View File

@ -47,6 +47,15 @@ function Team(props){
<Menu.Item value="num_users" key="num_users">用户数排序</Menu.Item>
</Menu>
)
function newFunc() {
const { checkIfLogin , showLoginDialog } = props;
if(checkIfLogin()){
props.history.push(`/organize/new`);
}else{
showLoginDialog && showLoginDialog();
}
}
return(
<div>
<div className="headerbox">
@ -54,7 +63,7 @@ function Team(props){
<Search value={search} onChange={(e)=>setSearch(e.target.value)} placeholder="请输入组织名称关键字进行搜索" onSearch={onSearch}/>
</div>
<p>
<Link to={`/organize/new`}><i className="iconfont icon-xinjian1 mr3 font-14"></i>新建组织</Link>
<a onClick={newFunc}><i className="iconfont icon-xinjian1 mr3 font-14"></i>新建组织</a>
<Dropdown overlay={menu}>
<a>排序<i className="iconfont icon-sanjiaoxing-down ml3 font-14"></i></a>
</Dropdown>

40
src/forge/users/common_lists.js
View File

@ -29,26 +29,24 @@ class CommonList extends Component {
isSpin: true,
});
axios.get(url, {
params: {
page,
limit,
search,
},
})
.then((result) => {
if (result) {
this.setState({
users: result.data.users,
total: result.data.count,
isSpin: false,
});
}
})
.catch((error) => {
params: {
page,
limit,
search,
},
}).then((result) => {
if (result && result.data) {
this.setState({
isSpin: false,
users: result.data.users,
total: result.data.count,
isSpin: false
});
}
}).catch((error) => {
this.setState({
isSpin: false,
});
});
};
//切换页数
@ -63,6 +61,12 @@ class CommonList extends Component {
});
};
successFunc=()=>{
const { fetchUser } = this.props;
this.get_watchers();
fetchUser && fetchUser();
}
render() {
const { users, isSpin, total, search, limit, page } = this.state;
const { userType, login, current_user } = this.props;
@ -103,7 +107,7 @@ class CommonList extends Component {
{users && users.length > 0 ? (
<div className="w-100 inline-block">
<UserList users={users} userClass={"w-33"} type_title={'关注列表'} current_user={current_user} successFunc={this.get_watchers}></UserList>
<UserList users={users} userClass={"w-33"} type_title={'关注列表'} current_user={current_user} successFunc={this.successFunc}></UserList>
</div>
) : (
<Nodata _html={`暂时没有数据～`} />

4
src/forge/users/fan_users.js
View File

@ -3,10 +3,10 @@ import CommonLists from "./common_lists"
class FanUsers extends Component {
render() {
const {user, current_user} = this.props
const {user, current_user , fetchUser} = this.props
return (
<div>
{user && user.login && <CommonLists userType="fan_users" login={user.login} current_user={current_user} />}
{user && user.login && <CommonLists userType="fan_users" login={user.login} current_user={current_user} fetchUser={fetchUser}/>}
</div>
);
}

4
src/forge/users/watch_users.js
View File

@ -2,10 +2,10 @@ import React, { Component } from "react";
import CommonLists from "./common_lists"
class WatcherUsers extends Component {
render() {
const {user, current_user} = this.props
const {user, current_user , fetchUser } = this.props;
return (
<div className="minH-650">
{user && user.login && <CommonLists userType="watch_users" login={user.login} current_user={current_user} />}
{user && user.login && <CommonLists userType="watch_users" login={user.login} current_user={current_user} fetchUser={fetchUser}/>}
</div>
);
}