diff --git a/src/forge/Component/Component.scss b/src/forge/Component/Component.scss index 1040f54d8..b39e0952e 100644 --- a/src/forge/Component/Component.scss +++ b/src/forge/Component/Component.scss @@ -14,7 +14,7 @@ li.ant-menu-item{ align-items: center; padding:20px 34px; background-color: #fff; - margin:18px 0px; + margin-bottom:18px; .img{ margin-right: 20px; width: 190px; diff --git a/src/forge/Component/layout.jsx b/src/forge/Component/layout.jsx index 6d4e23651..64b4b3779 100644 --- a/src/forge/Component/layout.jsx +++ b/src/forge/Component/layout.jsx @@ -48,8 +48,8 @@ export const WhiteBack = styled.div`{ border-radius:5px; }` export const Blueline = styled.a`{ - height:32px; - line-height:30px; + height:30px; + line-height:28px; border-radius:2px; border:1px solid rgba(80,145,255,1); color:rgba(80,145,255,1); @@ -57,8 +57,8 @@ export const Blueline = styled.a`{ display:inline-block; }` export const Redline = styled.a`{ - height:32px; - line-height:32px; + height:30px; + line-height:28px; border-radius:2px; border:1px solid #F73030; color:#F73030; @@ -68,8 +68,8 @@ export const Redline = styled.a`{ text-align:center; }` export const Greenline = styled.a`{ - height:32px; - line-height:32px; + height:30px; + line-height:28px; border-radius:2px; border:1px solid #28BD6C; color:#28BD6C; @@ -78,6 +78,28 @@ export const Greenline = styled.a`{ min-width:80px; text-align:center; }` +export const Greenback = styled.a`{ + height:30px; + line-height:30px; + border-radius:2px; + background-color:#28BD6C; + color:#fff; + padding:0px 12px; + display:inline-block; + min-width:80px; + text-align:center; +}` +export const Redback = styled.a`{ + height:30px; + line-height:30px; + border-radius:2px; + background-color:#F73030; + color:#fff; + padding:0px 12px; + display:inline-block; + min-width:80px; + text-align:center; +}` export const NumUl = styled.ul`{ padding-left: 20px; & > li{ diff --git a/src/forge/Merge/NewMerge.js b/src/forge/Merge/NewMerge.js index 6e8ad7f36..b11a7f022 100644 --- a/src/forge/Merge/NewMerge.js +++ b/src/forge/Merge/NewMerge.js @@ -163,7 +163,7 @@ class NewMerge extends Component { {show_message ? ( -
+
-
+
diff --git a/src/forge/Newfile/index.css b/src/forge/Newfile/index.css index e22f374b9..636da8e2f 100644 --- a/src/forge/Newfile/index.css +++ b/src/forge/Newfile/index.css @@ -5,7 +5,7 @@ .setInputAddon .ant-input-group-addon{ height: 30px; line-height: 30px; - border-left: 1px solid #d9d9d9!important; + border: 1px solid #d9d9d9!important; border-right: none!important; } diff --git a/src/forge/Order/order.js b/src/forge/Order/order.js index 854fa6544..0e7dd9cad 100644 --- a/src/forge/Order/order.js +++ b/src/forge/Order/order.js @@ -55,7 +55,6 @@ class order extends Component { allValue: [], all: false, select_params: { - status_type: "1", //开启中和关闭中,全部,默认为全部 assigned_to_id: undefined, // 负责人 author_id: undefined, // 发布人 issue_tag_id: undefined, // 标签 @@ -77,7 +76,7 @@ class order extends Component { componentDidMount = () => { this.getSelectList(); - this.getIssueList(); + this.getIssueList('1'); }; getSelectList = () => { @@ -101,7 +100,7 @@ class order extends Component { }; // 获取列表数据 - getIssueList = (begin, end) => { + getIssueList = (status_type , begin, end) => { this.setState({ isSpin: true }) @@ -113,7 +112,8 @@ class order extends Component { params: { ...select_params, start_date: begin, - due_date: end + due_date: end, + status_type } }) .then((result) => { @@ -165,7 +165,8 @@ class order extends Component { this.state.select_params.order_name = key_name[0]; this.state.select_params.order_type = e.item.props.value; this.state.select_params.page = 1; - this.getIssueList(); + const { status_type } = this.state; + this.getIssueList(status_type); }; getOption = (e, id, name,toGet) => { @@ -192,7 +193,8 @@ class order extends Component { assigned_to_id }); if(!toGet){ - this.getIssueList(); + const { status_type } = this.state; + this.getIssueList(status_type); } }; @@ -225,8 +227,10 @@ class order extends Component { checkedValue: [], all: false }); + + const { status_type } = this.state; this.state.select_params.page = page; - this.getIssueList(); + this.getIssueList(status_type); }; // 搜索 @@ -235,9 +239,11 @@ class order extends Component { search: value, isSpin: true, }); + const { status_type } = this.state; + this.state.select_params.search = value; this.state.select_params.page = 1; - this.getIssueList(); + this.getIssueList(status_type); }; openorder = (type) => { @@ -254,12 +260,11 @@ class order extends Component { paix: "排序", }); this.state.select_params = { - status_type: type, search: undefined, page: 1, limit: 15, }; - this.getIssueList(); + this.getIssueList(type); }; // 筛选:全部、指派给我、由我创建 @@ -269,7 +274,7 @@ class order extends Component { isSpin: true, }); if (type) { - if (current_user === undefined) { + if (!current_user) { this.setState({ isSpin: false, }); @@ -304,8 +309,9 @@ class order extends Component { this.state.select_params.assigned_to_id = undefined; this.state.select_params.author_id = undefined; } + const { status_type } = this.state; - this.getIssueList(); + this.getIssueList(status_type); }; deletedetail = (id) => { @@ -319,7 +325,9 @@ class order extends Component { }) .then((result) => { if (result) { - this.getIssueList(); + const { status_type } = this.state; + + this.getIssueList(status_type); } }) .catch((error) => { @@ -339,16 +347,18 @@ class order extends Component { // 修改开始时间 changeBeginTime = (data, value) => { + const { status_type } = this.state; this.setState({ begin: value }) - this.getIssueList(value, this.state.end); + this.getIssueList(status_type,value, this.state.end); } changeEndTime = (data, value) => { + const { status_type } = this.state; this.setState({ end: value }) - this.getIssueList(this.state.begin, value); + this.getIssueList(status_type,this.state.begin, value); } // 选择列表里面的checkbox @@ -395,6 +405,11 @@ class order extends Component { updateIssues=()=>{ const {checkedValue , select_params} = this.state; const { projectsId } = this.props.match.params; + + if(!select_params.update_author_id && !select_params.update_fixed_version_id &&!select_params.update_status_id ){ + this.resetSelectParams(); + return; + } this.setState({ isSpin:true }) @@ -415,6 +430,12 @@ class order extends Component { } successFunc=()=>{ + this.resetSelectParams(); + const { status_type } = this.state; + this.getIssueList(status_type); + } + + resetSelectParams=()=>{ let select_params = this.state.select_params; select_params.update_author_id = undefined; select_params.update_fixed_version_id = undefined; @@ -427,7 +448,6 @@ class order extends Component { update_status_ids:"修改状态", select_params }) - this.getIssueList(); } // 批量删除 diff --git a/src/forge/Settings/Collaborator.js b/src/forge/Settings/Collaborator.js index 8e76e7d41..e1bf408e5 100644 --- a/src/forge/Settings/Collaborator.js +++ b/src/forge/Settings/Collaborator.js @@ -468,7 +468,7 @@ class Collaborator extends Component {
- {listData ? ( + {listData && listData.length>0 ? ( tr > td{ border-bottom: none; + padding:15px 8px 15px 0px; + } + .ant-table-tbody > tr > td:last-child{ + padding-right: 0px; } } diff --git a/src/forge/Team/Group/GroupDetailSetting.jsx b/src/forge/Team/Group/GroupDetailSetting.jsx index 13864a627..2503370ec 100644 --- a/src/forge/Team/Group/GroupDetailSetting.jsx +++ b/src/forge/Team/Group/GroupDetailSetting.jsx @@ -1,32 +1,35 @@ import React , { useState } from 'react'; -import { Box , Long , Short , Gap , Banner , WhiteBack } from '../../Component/layout'; +import { Box , Long , Short , Gap , WhiteBack } from '../../Component/layout'; import Title from '../../Component/Title'; import Setnav from '../../Component/Setnav'; -import styled from 'styled-components'; -const Div = styled.div`{ - padding:18px 30px; -}` +import { Route, Switch } from "react-router-dom"; +import Loadable from "react-loadable"; +import Loading from "../../../Loading"; + +const Common = Loadable({ + loader: () => import("./SettingCommon"), + loading: Loading, +}); export default (props)=>{ const pathname = props.location.pathname; const organizeId = props.match.params.organizeId; + const memberId = props.match.params.memberId; function returnActive (pathname){ let a = 0; - if(pathname === `/organize/${organizeId}/setting/member`){ + if(pathname === `/organize/${organizeId}/member/${memberId}/setting/member`){ a = 1; - }else if(pathname === `/organize/${organizeId}/setting/group`){ + }else if(pathname === `/organize/${organizeId}/member/${memberId}/setting/project`){ a = 2; - }else if(pathname === `/organize/${organizeId}/setting/hooks`){ - a = 3; } return a; } const active = returnActive(pathname); const array = {list:[ - {name:'基本设置',icon:"icon-base",href:`/organize/${organizeId}/setting`}, - {name:'团队成员管理',icon:"icon-zuzhichengyuan",href:`/organize/${organizeId}/setting/member`}, - {name:'团队项目管理',icon:"icon-zuzhixiangmu",href:`/organize/${organizeId}/setting/group`}, + {name:'基本设置',icon:"icon-base",href:`/organize/${organizeId}/member/${memberId}/setting`}, + {name:'团队成员管理',icon:"icon-zuzhichengyuan",href:`/organize/${organizeId}/member/${memberId}/setting/member`}, + {name:'团队项目管理',icon:"icon-zuzhixiangmu",href:`/organize/${organizeId}/member/${memberId}/setting/project`}, ], active } @@ -38,10 +41,14 @@ export default (props)=>{ - 团队项目管理 -
- -
+ + ( + + )} + > +
diff --git a/src/forge/Team/Group/SettingCommon.jsx b/src/forge/Team/Group/SettingCommon.jsx new file mode 100644 index 000000000..26de5d743 --- /dev/null +++ b/src/forge/Team/Group/SettingCommon.jsx @@ -0,0 +1,67 @@ +import React , { useState } from 'react'; +import { AutoComplete , Pagination } from 'antd'; +import { Banner , Blueline , FlexAJ , Greenback , Redback } from '../../Component/layout'; +import styled from 'styled-components'; + +const Option = AutoComplete.Option; +const Div = styled.div`{ + padding:18px 30px; +}`; +const LIMIT = 15; +const demoData=[{name:"Python相关",id:1},{name:"Python相关",id:2}]; +export default ()=>{ + const [ searchKey , setSearchKey ] = useState(undefined); + const [ page , setPage ] = useState(1); + const [ total , setTotal ] = useState(0); + + function changeInputUser(){} + function selectInputUser(){} + + // 切换分页 + function ChangePage(page){ + setPage(page); + } + const source = demoData && demoData.map((item,key)=>{ + return( + + ) + }) + return( +
+ 团队项目管理 +
+ +
+ + + 添加项目 +
+ + 添加所有 + 移除所有 + +
+
+
+ + caishi/前端v0.1 + + 移除 +
+
+ { + total > LIMIT ? +
+ +
:"" + } +
+
+ ) +} \ No newline at end of file diff --git a/src/forge/Team/Index.scss b/src/forge/Team/Index.scss index 987fc8666..1cfc0132d 100644 --- a/src/forge/Team/Index.scss +++ b/src/forge/Team/Index.scss @@ -38,6 +38,7 @@ .teamDetail{ width: 1200px; margin:0px auto; + padding-top:18px; } .list{ display: flex; @@ -322,3 +323,19 @@ } } +// 组织团队设置 +.actionNav{ + padding:20px 30px; + background-color: #FAFAFA; +} +.GSlist{ + padding-top:15px; + min-height: 400px; + &>div{ + padding:20px 0px; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #eee; + } +} diff --git a/src/forge/Team/Sub/Detail.jsx b/src/forge/Team/Sub/Detail.jsx index 4b6d5e69a..113ccd64c 100644 --- a/src/forge/Team/Sub/Detail.jsx +++ b/src/forge/Team/Sub/Detail.jsx @@ -31,19 +31,19 @@ export default ((props)=>{ { + render={() => { return }} > { + render={() => { return }} > { + render={() => { return }} >