From 98a685f37a1d8fff153e11ed5ae7f1b2f943776a Mon Sep 17 00:00:00 2001 From: "sylor_huang@126.com" Date: Tue, 19 May 2020 18:14:21 +0800 Subject: [PATCH] change issues/merges sort methods --- src/forge/Merge/MergeItem.js | 223 +++++++----- src/forge/Merge/merge.js | 243 +++++++------ src/forge/Order/order.js | 673 ++++++++++++++++++++--------------- 3 files changed, 651 insertions(+), 488 deletions(-) diff --git a/src/forge/Merge/MergeItem.js b/src/forge/Merge/MergeItem.js index 1a7ff3a1..805aee5f 100644 --- a/src/forge/Merge/MergeItem.js +++ b/src/forge/Merge/MergeItem.js @@ -1,112 +1,151 @@ -import React , { Component } from 'react'; -import { Link } from 'react-router-dom'; -import {Popconfirm} from "antd"; +import React, { Component } from "react"; +import { Link } from "react-router-dom"; +import { Popconfirm } from "antd"; -class MergeItem extends Component{ - constructor(props){ +class MergeItem extends Component { + constructor(props) { super(props); - this.state={ + this.state = { //显示 隐藏 - isdisplay:false, - orderid:'', - } + isdisplay: false, + orderid: "", + }; } - onMouseMove=(type)=>{ + onMouseMove = (type) => { this.setState({ - isdisplay:true, - orderid:type - }) - } + isdisplay: true, + orderid: type, + }); + }; - onMouseOut=()=>{ + onMouseOut = () => { this.setState({ - isdisplay:false - }) - } + isdisplay: false, + }); + }; - set_issue_tags =(issue_tags)=>{ - if(issue_tags && issue_tags.length > 0){ - return( - issue_tags.map((item,key)=>{ - return( - {item.name} - ) - }) - ) - }else{ - return("--") + set_issue_tags = (issue_tags) => { + if (issue_tags && issue_tags.length > 0) { + return issue_tags.map((item, key) => { + return ( + + {item.name} + + ); + }); + } else { + return "--"; } - } + }; - render(){ - const { issues , search_count , page , limit } = this.props; + render() { + const { issues, search_count, page, limit } = this.props; const { projectsId } = this.props.match.params; const { current_user } = this.props; - const renderList =()=>{ - if(issues && issues.length > 0){ - return( - issues.map((item,key)=>{ - return( -
+ const renderList = () => { + if (issues && issues.length > 0) { + return issues.map((item, key) => { + return ( +
-

- # {search_count - (key + (page-1) * limit)} - {item.name} -

-

- {item.format_time}发布 - { - item.updated_at === item.format_time ? - "" - : - {item.updated_at}更新 +

+ -

-
    this.onMouseMove(item.id)} onMouseOut={()=>this.onMouseOut()}> -
  • {this.set_issue_tags(item.issue_tags)}
    • - {/*
  • {item.issue_type || "--"}
    • */} -
  • {item.version || "--"}
    • -
  • - { - item.assign_user_name ? - - {item.assign_user_name} - - : "--" - } -
    • -
  • -
    -

    - { item.journals_count ? {item.journals_count} : "" } -

    - { - current_user && current_user.login ? -
    -
    - -
    -
    - :"" - } - -
    -
    • -
+ > + # {search_count - (key + (page - 1) * limit)} + + + {item.name} + +

+

+ {item.format_time} + 发布 + {item.updated_at === item.format_time ? ( + "" + ) : ( + + {item.updated_at} + 更新 + + )} +

- ) - }) - ) + +
+ ); + }); } - } - return( -
- {renderList()} -
- ) + }; + return
{renderList()}
; } } -export default MergeItem; \ No newline at end of file +export default MergeItem; diff --git a/src/forge/Merge/merge.js b/src/forge/Merge/merge.js index d7b1a05d..749dc860 100644 --- a/src/forge/Merge/merge.js +++ b/src/forge/Merge/merge.js @@ -33,8 +33,8 @@ class merge extends Component { search: undefined, author_id: undefined, assigned_to_id: undefined, - limit: 15, - page: 1, + // limit: 15, + // page: 1, search_count: undefined, issue_type: undefined, status_type: '1', @@ -44,7 +44,17 @@ class merge extends Component { issue_tag_ids: '标签', fixed_version_ids: '里程碑', assigned_to_ids: '指派人', - paix: '排序' + paix: '排序', + select_params: { + status_type: "1", //开启中和关闭中，默认为开启中的 + assigned_to_id: undefined, // 指派人 + fixed_version_id: undefined, + order_name: undefined, + order_type: undefined, + search: undefined, + page: 1, + limit: 15, + }, } } @@ -70,14 +80,12 @@ class merge extends Component { } // 获取列表数据 - getIssueList = (page, limit, search, author_id, assigned_to_id, status_type, id, value, order_type, order_name) => { + getIssueList = () => { + const { select_params } = this.state; const { projectsId } = this.props.match.params; const url = `/projects/${projectsId}/pull_requests.json`; axios.get(url, { - params: { - page, limit, search, author_id, assigned_to_id, status_type, order_type, order_name, - [id]: value - } + params: select_params, }).then((result) => { if (result) { this.setState({ @@ -92,34 +100,51 @@ class merge extends Component { }) } - getOption = (e, id, name) => { - if (id + 's' === "issue_tag_ids") { - this.setState({ - [id]: e.key, - issue_tag_ids: name - }) - } - if (id + 's' === "fixed_version_ids") { - this.setState({ - [id]: e.key, - fixed_version_ids: name - }) - } - if (id + 's' === "assigned_to_ids") { - this.setState({ - [id]: e.key, - assigned_to_ids: name - }) - } + getMenu = (e, id, name) => { this.setState({ - [id]: e.key - }) - const { page, limit, search, author_id, assigned_to_id, status_type } = this.state; - if (e.key === "all") { - this.getIssueList(page, limit, search, author_id, assigned_to_id, status_type, id); - } else { - this.getIssueList(page, limit, search, author_id, assigned_to_id, status_type, id, e.key); + isSpin: true, + }); + let key_name = e.key.split("-"); + if (key_name[0] === "created_on") { + if (e.item.props.value === "desc") { + this.setState({ + paix: "最新创建", + }); + } else { + this.setState({ + paix: "最早创建", + }); + } + this.state.select_params.order_name = e.key; + } else if (key_name[0] === "updated_on") { + if (e.item.props.value === "desc") { + this.setState({ + paix: "最新更新", + }); + } else { + this.setState({ + paix: "最早更新", + }); + } } + 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(); + }; + + getOption = (e, id, name) => { + this.setState({ + isSpin: true, + }); + let option_id = e.key === "all" ? undefined : e.key; + this.setState({ + ["${id}s"]: name, + }); + this.state.select_params[`${id}`] = option_id; + this.state.select_params.page = 1; + this.state[`${id}s`] = name; + this.getIssueList(); } renderMenu = (array, name, id) => { @@ -140,85 +165,72 @@ class merge extends Component { // 翻页 ChangePage = (page) => { this.setState({ - page, - isSpin: true - }) - const { limit, search, status_type, author_id, assigned_to_id } = this.state; - this.getIssueList(page, limit, search, author_id, assigned_to_id, status_type); + isSpin: true, + }); + this.state.select_params.page = page; + this.getIssueList(); } // 搜索 searchFunc = (value) => { this.setState({ search: value, - isSpin: true - }) - const { page, limit, status_type, author_id, assigned_to_id } = this.state; - this.getIssueList(page, limit, value, author_id, assigned_to_id, status_type); + isSpin: true, + }); + this.state.select_params.search = value; + this.state.select_params.page = 1; + this.getIssueList(); } openorder = (type) => { - if (type) { - if (type === 1) { - this.setState({ - status_type: '1', - closeselect: undefined, - openselect: '123', - issue_tag_ids: '标签', - fixed_version_ids: '里程碑', - assigned_to_ids: '指派人', - paix: '排序' - }) - this.getIssueList("", "", "", "", "", 1, ""); + // if (type) { + // if (type === 1) { + // this.setState({ + // status_type: '1', + // closeselect: undefined, + // openselect: '123', + // issue_tag_ids: '标签', + // fixed_version_ids: '里程碑', + // assigned_to_ids: '指派人', + // paix: '排序' + // }) + // this.getIssueList("", "", "", "", "", 1, ""); - } else { - this.setState({ - status_type: '2', - openselect: undefined, - closeselect: '123', - - issue_tag_ids: '标签', - fixed_version_ids: '里程碑', - assigned_to_ids: '指派人', - paix: '排序' - }) - this.getIssueList("", "", "", "", "", 2, ""); - } - } - } - - - arrayList = (e) => { - const { limit, search, status_type, author_id, assigned_to_id } = this.state; - if (e.key === 'created_on') { - if (e.item.props.value === "desc") { - this.setState({ - paix: '最新创建' - }) - } else { - this.setState({ - paix: '最早创建' - }) - } - } else { - if (e.item.props.value === "desc") { - this.setState({ - paix: '最新更新' - }) - } else { - this.setState({ - paix: '最早更新' - }) - } - } + // } else { + // this.setState({ + // status_type: '2', + // openselect: undefined, + // closeselect: '123', + // issue_tag_ids: '标签', + // fixed_version_ids: '里程碑', + // assigned_to_ids: '指派人', + // paix: '排序' + // }) + // this.getIssueList("", "", "", "", "", 2, ""); + // } + // } this.setState({ - order_name: e.key, - order_type: e.item.props.value - }) - this.getIssueList(1, limit, search, author_id, assigned_to_id, status_type, undefined, undefined, e.item.props.value, e.key); - } + isSpin: true, + }); + if (type) { + this.setState({ + status_type: type, + issue_tag_ids: '标签', + fixed_version_ids: '里程碑', + assigned_to_ids: '指派人', + paix: '排序' + }); + this.state.select_params = { + status_type: type, + search: undefined, + page: 1, + limit: 15, + }; + this.getIssueList(); + }} + islogin() { const { projectsId } = this.props.match.params; @@ -230,15 +242,23 @@ class merge extends Component { } } render() { - const { issue_chosen, issues, limit, page, search_count, data, isSpin, openselect, closeselect } = this.state; + const { issue_chosen, issues, limit, page, search_count, data, isSpin, status_type, select_params } = this.state; const menu = ( - this.arrayList(e)}> - 最新创建 - 最早创建 - 最新更新 - 最早更新 + this.getMenu(e)}> + + 最新创建 + + + 最早创建 + + + 最新更新 + + + 最早更新 + - ) + ); const Paginations = ( @@ -254,8 +274,8 @@ class merge extends Component {

-

  • this.openorder(1)}>{data && data.open_count ? data.open_count : 0}个开启中
    • -
  • this.openorder(2)}>{data && data.close_count ? data.close_count : 0}个已关闭
    • +
  • this.openorder("1")}>{data && data.open_count ? data.open_count : 0}个开启中
    • +
  • this.openorder("2")}>{data && data.close_count ? data.close_count : 0}个已关闭

    • @@ -300,7 +320,7 @@ class merge extends Component { data && data.search_count && data.search_count > 0 ?
    - + {Paginations}
    @@ -312,4 +332,5 @@ class merge extends Component { ) } } -export default merge; \ No newline at end of file +export default merge; + diff --git a/src/forge/Order/order.js b/src/forge/Order/order.js index 134d0c68..fde05eb5 100644 --- a/src/forge/Order/order.js +++ b/src/forge/Order/order.js @@ -1,11 +1,11 @@ import React, { Component } from "react"; -import { Input, Dropdown, Menu, Icon, Pagination, Spin } from 'antd'; -import './order.css'; +import { Input, Dropdown, Menu, Icon, Pagination, Spin } from "antd"; +import "./order.css"; -import NoneData from '../Nodata'; -import OrderItem from './OrderItem'; +import NoneData from "../Nodata"; +import OrderItem from "./OrderItem"; -import axios from 'axios'; +import axios from "axios"; const Search = Input.Search; /** @@ -33,312 +33,271 @@ class order extends Component { search: undefined, author_id: undefined, assigned_to_id: undefined, - limit: 15, - page: 1, + // limit: 15, + // page: 1, search_count: undefined, issue_type: undefined, - status_type: '1', + status_type: "1", //设置选择高亮 - openselect: 1, - closeselect: undefined, - issue_tag_ids: '标签', - tracker_ids: '所有分类', - author_ids: '发布人', - assigned_to_ids: '指派人', - priority_ids: '优先度', - done_ratios: '完成度', - paix: '排序' - - } + // openselect: 1, + // closeselect: undefined, + issue_tag_ids: "标签", + tracker_ids: "所有分类", + author_ids: "发布人", + assigned_to_ids: "指派人", + priority_ids: "优先度", + done_ratios: "完成度", + paix: "排序", + select_params: { + status_type: "1", //开启中和关闭中，默认为开启中的 + assigned_to_id: undefined, // 指派人 + author_id: undefined, // 发布人 + issue_tag_id: undefined, // 标签 + tracker_id: undefined, //所有分类 + done_ratio: undefined, // 完成度 + priority_id: undefined, // 优先级 + order_name: undefined, + order_type: undefined, + search: undefined, + page: 1, + limit: 15, + }, + }; } componentDidMount = () => { this.getSelectList(); - this.getIssueList("", "", "", "", "", "1", "", "", "", ""); - } + this.getIssueList(); + }; getSelectList = () => { const { projectsId } = this.props.match.params; const url = `/projects/${projectsId}/issues/index_chosen.json`; - axios.get(url).then((result) => { - if (result) { - this.setState({ - issue_chosen: result.data.issue_chosen - }) - } - }).catch((error) => { - console.log(error); - }) - } + axios + .get(url) + .then((result) => { + if (result) { + this.setState({ + issue_chosen: result.data.issue_chosen, + }); + } + }) + .catch((error) => { + console.log(error); + }); + }; // 获取列表数据 - getIssueList = (page, limit, search, author_id, assigned_to_id, status_type, id, value, order_name, order_type) => { + getIssueList = () => { + const { select_params } = this.state; const { projectsId } = this.props.match.params; const url = `/projects/${projectsId}/issues.json`; - axios.get(url, { - params: { - page, limit, search, author_id, assigned_to_id, status_type, order_name, order_type, - [id]: value - } - }).then((result) => { - if (result) { + axios + .get(url, { + params: select_params, + }) + .then((result) => { + if (result) { + this.setState({ + data: result.data, + issues: result.data.issues, + search_count: result.data.search_count, + isSpin: false, + }); + } + }) + .catch((error) => { + console.log(error); + }); + }; + getMenu = (e, id, name) => { + this.setState({ + isSpin: true, + }); + let key_name = e.key.split("-"); + if (key_name[0] === "created_on") { + if (e.item.props.value === "desc") { this.setState({ - data: result.data, - issues: result.data.issues, - search_count: result.data.search_count, - isSpin: false - }) + paix: "最新创建", + }); + } else { + this.setState({ + paix: "最早创建", + }); } - }).catch((error) => { - console.log(error); - }) - } + this.state.select_params.order_name = e.key; + } else if (key_name[0] === "updated_on") { + if (e.item.props.value === "desc") { + this.setState({ + paix: "最新更新", + }); + } else { + this.setState({ + paix: "最早更新", + }); + } + } + 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(); + }; getOption = (e, id, name) => { - if (id + 's' === "issue_tag_ids") { - this.setState({ - [id]: e.key, - issue_tag_ids: name - }) - } - if (id + 's' === "tracker_ids") { - this.setState({ - [id]: e.key, - tracker_ids: name - }) - } - if (id + 's' === "author_ids") { - this.setState({ - [id]: e.key, - author_ids: name - }) - } - if (id + 's' === "assigned_to_ids") { - this.setState({ - [id]: e.key, - assigned_to_ids: name - }) - } - if (id + 's' === "priority_ids") { - this.setState({ - [id]: e.key, - priority_ids: name - }) - } - if (id + 's' === "done_ratios") { - this.setState({ - [id]: e.key, - done_ratios: name - }) - } - if (e.key === "created_on") { - if (e.item.props.value === "desc") { - this.setState({ - [id]: e.key, - paix: '最新创建' - }) - } else { - this.setState({ - [id]: e.key, - paix: '最早创建' - }) - } - } else if (e.key === "updated_on") { - if (e.item.props.value === "desc") { - this.setState({ - [id]: e.key, - paix: '最新更新' - }) - } else { - this.setState({ - [id]: e.key, - paix: '最早更新' - }) - } - } - this.setState({ - [id]: e.key, - }) - const { page, limit, search, author_id, assigned_to_id, status_type } = this.state; - if (e.key === "all") { - this.getIssueList(page, limit, search, author_id, assigned_to_id, status_type, id); - } else if (e.key === "created_on" || e.key === "updated_on") { - this.setState({ - order_name: e.key, - order_type: e.item.props.value - }) - this.getIssueList(page, limit, search, author_id, assigned_to_id, status_type, id, undefined, e.key, e.item.props.value); - } - else { - this.getIssueList(page, limit, search, author_id, assigned_to_id, status_type, id, e.key); - } - } + isSpin: true, + }); + let option_id = e.key === "all" ? undefined : e.key; + this.setState({ + ["${id}s"]: name, + }); + this.state.select_params[`${id}`] = option_id; + this.state.select_params.page = 1; + this.state[`${id}s`] = name; + this.getIssueList(); + }; renderMenu = (array, name, id) => { return ( - this.getOption(e, id, name)}>{name} - { - array && array.length > 0 && array.map((item, key) => { + this.getOption(e, id, name)}> + {name} + + {array && + array.length > 0 && + array.map((item, key) => { return ( - this.getOption(e, id, item.name)}>{item.name} - ) - }) - } + this.getOption(e, id, item.name)} + > + {item.name} + + ); + })} - ) - } + ); + }; // 翻页 ChangePage = (page) => { this.setState({ - page, - isSpin: true - }) - const { limit, search, status_type, author_id, assigned_to_id } = this.state; - this.getIssueList(page, limit, search, author_id, assigned_to_id, status_type); - } + isSpin: true, + }); + this.state.select_params.page = page; + this.getIssueList(); + }; // 搜索 searchFunc = (value) => { this.setState({ search: value, - isSpin: true - }) - const { page, limit, status_type, author_id, assigned_to_id } = this.state; - this.getIssueList(page, limit, value, author_id, assigned_to_id, status_type); - } + isSpin: true, + }); + this.state.select_params.search = value; + this.state.select_params.page = 1; + this.getIssueList(); + }; openorder = (type) => { + this.setState({ + isSpin: true, + }); if (type) { - console.log(this.state.closeselect + "|" + this.state.openselect) - const { current_user } = this.props; - if (type === 1) { - this.setState({ - status_type: '1', - closeselect: undefined, - openselect: 1, - - issue_tag_ids: '标签', - tracker_ids: '所有分类', - author_ids: '发布人', - assigned_to_ids: '指派人', - priority_ids: '优先度', - done_ratios: '完成度', - paix: '排序' - }) - this.getIssueList("", "", "", "", "", 1, ""); - - } else { - this.setState({ - status_type: '2', - openselect: undefined, - closeselect: 1, - - issue_tag_ids: '标签', - tracker_ids: '所有分类', - author_ids: '发布人', - assigned_to_ids: '指派人', - priority_ids: '优先度', - done_ratios: '完成度', - paix: '排序' - }) - this.getIssueList("", "", "", "", "", 2, ""); - } + this.setState({ + status_type: type, + issue_tag_ids: "标签", + tracker_ids: "所有分类", + author_ids: "发布人", + assigned_to_ids: "指派人", + priority_ids: "优先度", + done_ratios: "完成度", + paix: "排序", + }); + this.state.select_params = { + status_type: type, + search: undefined, + page: 1, + limit: 15, + }; + this.getIssueList(); } - } - - + }; // 筛选：全部、指派给我、由我创建 ChangeAssign = (type) => { - const { limit, search, status_type } = this.state; const { current_user } = this.props; - this.setState({ - isSpin: true - }) - console.log(current_user) - + isSpin: true, + }); if (type) { if (current_user === undefined) { this.setState({ - isSpin: false - }) + isSpin: false, + }); return; } if (type === 1) { this.setState({ - page: 1, - author_id: undefined, + assigned_to_ids: current_user.username, assigned_to_id: current_user.user_id, - issue_tag_ids: '标签', - tracker_ids: '所有分类', - author_ids: '发布人', - assigned_to_ids: '指派人', - priority_ids: '优先度', - done_ratios: '完成度', - paix: '排序' - }) - this.getIssueList(1, limit, search, undefined, current_user.user_id, status_type); - + author_id: undefined, + author_ids: "发布人", + }); + this.state.select_params.author_id = undefined; + this.state.select_params.assigned_to_id = current_user.user_id; } else { this.setState({ - page: 1, + author_ids: current_user.username, author_id: current_user.user_id, assigned_to_id: undefined, - issue_tag_ids: '标签', - tracker_ids: '所有分类', - author_ids: '发布人', - assigned_to_ids: '指派人', - priority_ids: '优先度', - done_ratios: '完成度', - paix: '排序' - }) - this.getIssueList(1, limit, search, current_user.user_id, undefined, status_type); + assigned_to_ids: "指派人", + }); + this.state.select_params.assigned_to_id = undefined; + this.state.select_params.author_id = current_user.user_id; } } else { this.setState({ - page: 1, + author_ids: "发布人", author_id: undefined, + assigned_to_ids: "指派人", assigned_to_id: undefined, - issue_tag_ids: '标签', - tracker_ids: '所有分类', - author_ids: '发布人', - assigned_to_ids: '指派人', - priority_ids: '优先度', - done_ratios: '完成度', - paix: '排序' - }) - this.getIssueList(1, limit, search, undefined, undefined, status_type); + }); + this.state.select_params.assigned_to_id = undefined; + this.state.select_params.author_id = undefined; } - } + + this.getIssueList(); + }; + deletedetail = (id) => { const { projectsId } = this.props.match.params; const url = `/projects/${projectsId}/issues/${id}.json`; - axios.delete(url, { - data: { - project_id: projectsId, - id: id - } - }).then((result) => { - if (result) { - this.getIssueList() - } - }).catch((error) => { - console.log(error); - }) - console.log(id) - } + axios + .delete(url, { + data: { + project_id: projectsId, + id: id, + }, + }) + .then((result) => { + if (result) { + this.getIssueList(); + } + }) + .catch((error) => { + console.log(error); + }); + console.log(id); + }; islogin() { const { projectsId } = this.props.match.params; if (this.props.checkIfLogin() === false) { - this.props.showLoginDialog() - return + this.props.showLoginDialog(); + return; } else { this.props.history.push(`/projects/${projectsId}/orders/new`); } @@ -347,33 +306,68 @@ class order extends Component { render() { const { current_user } = this.props; - const { issue_chosen, issues, limit, page, search_count, data, assigned_to_id, author_id, isSpin, openselect, closeselect } = this.state; + const { + issue_chosen, + issues, + search_count, + data, + author_id, + assigned_to_id, + isSpin, + status_type, + select_params, + } = this.state; const menu = ( - this.getOption(e)}> - 最新创建 - 最早创建 - 最新更新 - 最早更新 + this.getMenu(e)}> + + 最新创建 + + + 最早创建 + + + 最新更新 + + + 最早更新 + - ) + ); const Paginations = ( - { - search_count > limit ? -
    - -
    : "" - } + {search_count > select_params.limit ? ( +
    + +
    + ) : ( + "" + )}     - ) + ); return (

    -

  • this.openorder(1)}>{data && data.open_count}个开启中
    • -
  • this.openorder(2)}>{data && data.close_count}个已关闭
    • +
  • this.openorder("1")} + > + {data && data.open_count}个开启中 +
    • +
  • this.openorder("2")} + > + {data && data.close_count}个已关闭 +

    • @@ -385,67 +379,176 @@ class order extends Component { style={{ width: 300 }} />
    - this.islogin()} >创建任务 + this.islogin()}> + 创建任务 +
      -
    • this.ChangeAssign()}>全部
      • - {} -
    • this.ChangeAssign(1)}>指派给我
      • -
    • this.ChangeAssign(2)}>由我创建
      • +
    • this.ChangeAssign()} + > + 全部 +
      • +
    • this.ChangeAssign(1)} + > + 指派给我 +
      • +
    • this.ChangeAssign(2)} + > + 由我创建 +
    • - - {this.state.issue_tag_ids} + + + {this.state.issue_tag_ids} + +
    • - - {this.state.tracker_ids} + + + {this.state.tracker_ids} + +
    • - - {this.state.author_ids} + + + {this.state.author_ids} + +
    • - - {this.state.assigned_to_ids} + + + {this.state.assigned_to_ids} + +
    • - - {this.state.priority_ids} + + + {this.state.priority_ids} + +
    • - - {this.state.done_ratios} + + + {this.state.done_ratios} + +
    • - - {this.state.paix} + + + {this.state.paix} + +
    - { - search_count === 0 ? - - : - - } + {search_count === 0 ? ( + + ) : ( + + )} {Paginations} -     -
    - ) + ); } } -export default order; \ No newline at end of file +export default order;