1.修改合同问题
2.项目建档 3.增加进行中的项目
This commit is contained in:
32503
22
src/pages/MainPage/ProjectManager/data.d.ts
vendored
Normal file
22
src/pages/MainPage/ProjectManager/data.d.ts
vendored
Normal file
@ -0,0 +1,22 @@
|
||||
export type TableListItem = {
|
||||
id: string;
|
||||
name: string;
|
||||
projectCode: string;
|
||||
createTime: string;
|
||||
bidMethodDict: string;
|
||||
procurementType: string;
|
||||
status: string;
|
||||
version: string;
|
||||
projectEntrustExpand: {
|
||||
sectionList: [{
|
||||
categoryList: []
|
||||
}]
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
export type TableListPagination = {
|
||||
total: number;
|
||||
pageSize: number;
|
||||
current: number;
|
||||
};
|
||||
@ -11,9 +11,11 @@ import "./index.less";
|
||||
import { getSessionRoleData } from '@/utils/session';
|
||||
|
||||
const MainPage: React.FC<any> = (props) => {
|
||||
const [roleCode, setRoleCode] = useState<string>("");
|
||||
const [roleCode, setRoleCode] = useState<string>(""); //TODO ling 暂时注掉
|
||||
|
||||
useEffect(() => {
|
||||
let roleCode = getSessionRoleData().roleCode//daili 代理 gys 供应商
|
||||
// let roleCode = getSessionRoleData().roleCode//daili 代理 gys 供应商
|
||||
let roleCode = 'ebtp-purchase'
|
||||
if (roleCode && roleCode != "") {
|
||||
setRoleCode(roleCode)
|
||||
}
|
||||
@ -34,4 +36,4 @@ const MainPage: React.FC<any> = (props) => {
|
||||
</>
|
||||
)
|
||||
}
|
||||
export default MainPage
|
||||
export default MainPage
|
||||
|
||||
@ -1,6 +1,21 @@
|
||||
import React, { PureComponent } from 'react';
|
||||
import React, {PureComponent, useRef} from 'react';
|
||||
import { history } from 'umi';
|
||||
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message,Popconfirm, Space } from 'antd';
|
||||
import {
|
||||
Row,
|
||||
Col,
|
||||
Tooltip,
|
||||
Card,
|
||||
List,
|
||||
DatePicker,
|
||||
Button,
|
||||
Statistic,
|
||||
Spin,
|
||||
Empty,
|
||||
message,
|
||||
Popconfirm,
|
||||
Space,
|
||||
Modal
|
||||
} from 'antd';
|
||||
// import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
||||
import { connect } from 'dva';
|
||||
import './index.less';
|
||||
@ -9,7 +24,7 @@ import { routerRedux } from 'dva/router';
|
||||
import { RightOutlined } from '@ant-design/icons';
|
||||
import moment from 'moment';
|
||||
import { followUpAProjectManager, getRA, getSessionUserData } from '@/utils/session';
|
||||
import { getDefId } from './service';
|
||||
import { getDefId ,fetchProjectEntrustFileList} from './service';
|
||||
import { getURLInformation } from '@/utils/CommonUtils';
|
||||
import MessageDetail from '@/pages/SystemMessage/message/components/messageDetail'
|
||||
import NoticeDetail from '@/pages/notice/noticeList/components/NoticeDetail'
|
||||
@ -18,6 +33,10 @@ import { getQuestList } from '@/pages/SystemMessage/message/service'
|
||||
import ApprovalDetail from '@/pages/SystemMessage/message/components/approvalDetail'
|
||||
import {submitHiddenForm, createHiddenForm} from '@/utils/CustomerService' //智慧客服
|
||||
import kefu from '@/assets/img/kefu.png' //智慧客服
|
||||
import {getProjectInProgress} from '@/services/dashboard'
|
||||
import {procurementMode} from "@/pages/ProjectFiles/dict";
|
||||
import {agencyCompanyDispatch} from "@/pages/ProjectFiles/service";
|
||||
import ProTable from '@ant-design/pro-table';
|
||||
@connect(({ dashboard, loading }) => ({
|
||||
...dashboard,
|
||||
downlistLoading: loading.effects['dashboard/fetchDowntlist'],
|
||||
@ -36,28 +55,33 @@ class manager extends PureComponent {
|
||||
mainDetail: false, // 审批单消息弹窗
|
||||
isModalVisible: false, //智慧客服
|
||||
kefuTip: false, // 客服弹窗
|
||||
projectInProgressObj: [],
|
||||
}
|
||||
componentDidMount() {
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchDowntlist",
|
||||
payload: { limit: 4 }
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchprojectRecords",
|
||||
payload: { selectDate: moment().format('YYYYMM') }
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchtlist",
|
||||
payload: { limit: 7 }
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchtlistre",
|
||||
payload: { pageNo: 1, pageSize: 7 }
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchtClarify",
|
||||
payload: { authorizestate: '0', templatetype: '4', size: 6 }
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchDowntlist",
|
||||
payload: {limit: 4}
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchprojectRecords",
|
||||
payload: {selectDate: moment().format('YYYYMM')}
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchtlist",
|
||||
payload: {limit: 7}
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchtlistre",
|
||||
payload: {pageNo: 1, pageSize: 7}
|
||||
})
|
||||
this.props.dispatch({
|
||||
type: "dashboard/fetchtClarify",
|
||||
payload: {authorizestate: '0', templatetype: '4', size: 6}
|
||||
})
|
||||
// this.props.dispatch({
|
||||
// type: "dashboard/fetchProjectFileList",
|
||||
// payload: {ownerContactId: 'xiaorui', status: 2}
|
||||
// })
|
||||
// NTKF_PARAM = {
|
||||
// siteid: "bl_1000", //企业ID，,为固定值
|
||||
// settingid: "bl_1000_1492484340268", //接待组ID，为固定值，必填
|
||||
@ -69,6 +93,7 @@ class manager extends PureComponent {
|
||||
// }
|
||||
this.approvalDetail()
|
||||
}
|
||||
|
||||
onChange = (date, dateString) => {
|
||||
this.setState({
|
||||
datevalue: moment(dateString, 'YYYY-MM'),
|
||||
@ -185,10 +210,104 @@ class manager extends PureComponent {
|
||||
createHiddenForm(inputList, window.location.pathname)
|
||||
submitHiddenForm()
|
||||
}
|
||||
|
||||
render() {
|
||||
const { downlist, projectlist, staloading, tlist, trelist, idList, dateNum } = this.props;
|
||||
const { datevalue, messId, messageDetail, detailId, noticeDetail, questData, questVisible, mainDetail, } = this.state; //智慧客服state
|
||||
return (
|
||||
const {downlist, projectlist, staloading, tlist, trelist, idList, dateNum,} = this.props;
|
||||
// const {projectInProgressObj} = this.state;
|
||||
// console.log(projectInProgressList);
|
||||
const {datevalue, messId, messageDetail, detailId, noticeDetail, questData, questVisible, mainDetail,} = this.state; //智慧客服state
|
||||
const columns = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'index',
|
||||
renderText: (text, record, index) => index + 1,
|
||||
width: 50,
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '项目名称',
|
||||
dataIndex: 'projectName',
|
||||
valueType: 'text',
|
||||
},
|
||||
{
|
||||
title: '标段名称',
|
||||
dataIndex: 'bidSectName',
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '采购方式',
|
||||
dataIndex: 'bidMethodDict',
|
||||
valueType: 'select',
|
||||
valueEnum: procurementMode,
|
||||
},
|
||||
{
|
||||
title: '项目进度',
|
||||
dataIndex: 'businessModule',
|
||||
hideInSearch: true,
|
||||
render: (_, record) => {
|
||||
console.log(record.businessModule)
|
||||
return businessModuleMap.get(record.businessModule + '');
|
||||
}
|
||||
},
|
||||
{
|
||||
/**
|
||||
* 1 未分派 2 已分派/项目经理未同意 3 项目经理已同意
|
||||
4 项目草稿 5 项目进行 9 拒绝
|
||||
*/
|
||||
title: '在此环节停留时间',
|
||||
dataIndex: 'bidSectionStartDate',
|
||||
valueType: 'select',
|
||||
render: (_, record) => {
|
||||
if(record.bidSectionStartDate){
|
||||
const d1 = moment(record.bidSectionStartDate);
|
||||
const now = moment(); // 使用moment获取当前时间
|
||||
const daysDiff = Math.abs(now.diff(d1, 'days')); // 直接使用moment的diff方法
|
||||
return daysDiff + '天';
|
||||
}
|
||||
return '-'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
dataIndex: 'option',
|
||||
valueType: 'option',
|
||||
render: (text, record) => (
|
||||
<>
|
||||
<Button type="link" onClick={() => {
|
||||
|
||||
|
||||
}}>项目跟进
|
||||
</Button>
|
||||
</>
|
||||
)
|
||||
},
|
||||
];
|
||||
const businessModuleMap = new Map([
|
||||
['1','建档'],
|
||||
['2','资审招标'],
|
||||
['3','资审投标'],
|
||||
['4','资审开标'],
|
||||
['5','资审评标'],
|
||||
['6','资审定标'],
|
||||
['7','招标'],
|
||||
['8','投标'],
|
||||
['9','开标'],
|
||||
['10','评标'],
|
||||
['11','定标'],
|
||||
['12','归档'],
|
||||
]);
|
||||
const fetchData = async (params) => {
|
||||
const { current, pageSize } = params;
|
||||
const res = await getProjectInProgress({appManagerId: 'xiaorui', status: 2, pageNumber:(Number(current)-1)*pageSize,pageSize: pageSize})
|
||||
const result = {
|
||||
data: res.data.records,
|
||||
total: res.data.total,
|
||||
success: res.data.success,
|
||||
};
|
||||
return result;
|
||||
}
|
||||
// @ts-ignore
|
||||
return (
|
||||
<>
|
||||
<a className="talk" onClick={() => {
|
||||
this.setState({
|
||||
@ -197,7 +316,7 @@ class manager extends PureComponent {
|
||||
}}>平台操作咨询︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a>
|
||||
<div className="dashboard" style={{ height: innerHeight - 70, overflow: "hidden" }}>
|
||||
<Row className="topt">
|
||||
<Col span={8}><Card title="我的消息" bordered={false} className="cardtre" style={{ marginRight: "10px" }} extra={<div className="moret" onClick={() => history.push('/SystemMessage/message')}>更多<RightOutlined /></div>}>
|
||||
<Col span={12}><Card title="我的消息" bordered={false} className="cardtre" style={{ marginRight: "10px" }} extra={<div className="moret" onClick={() => history.push('/SystemMessage/message')}>更多<RightOutlined /></div>}>
|
||||
{trelist != [] && trelist.map((item, index) => {
|
||||
return (
|
||||
<div onClick={() => { item.templatetype == '3' ? this.toParticipate(item.servicecode) : this.lookDetail(item.msgId) }} className="messagetre" key={item.id}>
|
||||
@ -208,37 +327,7 @@ class manager extends PureComponent {
|
||||
)
|
||||
})}
|
||||
</Card></Col>
|
||||
<Col span={8}><Card title="项目统计" bordered={false} className="cardtremanager" style={{ marginRight: "10px" }} loading={staloading} extra={<div style={{ marginTop: "-14px" }}>
|
||||
<DatePicker showNow={false} picker="month" style={{ marginRight: "10px" }} value={datevalue} onChange={this.onChange} allowClear={false} /><Button type="primary" onClick={() => { this.onSearch() }}>确定</Button></div>}>
|
||||
{projectlist != "" ? projectlist.map((item) => {
|
||||
let routerPath = ''
|
||||
if (item.title == '公开招标') {
|
||||
routerPath = '/Bid/Manage'
|
||||
} else if (item.title == '公开比选') {
|
||||
routerPath = '/Comparison/Manage'
|
||||
} else if (item.title == '谈判') {
|
||||
routerPath = '/Negotiation/Manage'
|
||||
} else if (item.title == '招募') {
|
||||
routerPath = '/Recruit/Manage'
|
||||
} else if (item.title == '询价') {
|
||||
routerPath = '/Inquiry/Manage'
|
||||
}
|
||||
return (
|
||||
<div className="boxrezt" key={item.id} style={{ height: "130px" }}>
|
||||
<div className="boxtitle" title={item.title}>
|
||||
{item.title}
|
||||
<div className="yue">月</div></div>
|
||||
<div className="boxcount" onClick={() => history.push(routerPath)}><Statistic value={item.count} /></div>
|
||||
<div className="boxdescription" title={item.description}>{item.description}</div>
|
||||
</div>
|
||||
)
|
||||
}) :
|
||||
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE}
|
||||
description={<span style={{ color: '#BFBFBF' }}>暂无数据</span>} />
|
||||
}
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={8}><Card title="系统公告" bordered={false} className="cardtre" extra={<div className="moret" onClick={() => history.push('/notice/noticeList')}>更多<RightOutlined /></div>}>
|
||||
<Col span={12}><Card title="系统通知" bordered={false} className="cardtre" extra={<div className="moret" onClick={() => history.push('/notice/noticeList')}>更多<RightOutlined /></div>}>
|
||||
{tlist != [] && tlist.map((item, index) => {
|
||||
return (
|
||||
<div className="messagetre" onClick={() => { this.lookInfo(item.id) }} key={item.id}>
|
||||
@ -251,63 +340,20 @@ class manager extends PureComponent {
|
||||
</Col>
|
||||
</Row>
|
||||
<Row className="downt" type="flex" justify="space-around">
|
||||
<Col span={8}><Card title="我的招标项目" className="cardtre" extra={<div className="moret" onClick={() => history.push('/Bid/Manage')}>更多<RightOutlined /></div>}>
|
||||
<List
|
||||
size="large"
|
||||
bordered={false}
|
||||
dataSource={downlist != [] && downlist["01"] && downlist["01"]}
|
||||
renderItem={item => <List.Item className="pointer" key={item.id} onClick={() => {
|
||||
this.followUpProject({
|
||||
id: item.id,
|
||||
bidMethodDict: item.bidMethodDict,
|
||||
biddingSignDict: item.biddingSignDict,
|
||||
isClientFile: item.isClientFile,
|
||||
isIPassDecode: item.isIPassDecode,
|
||||
isIPassFile: item.isIPassFile,
|
||||
projectName: item.projectName,
|
||||
openTenderForm: item.projectName
|
||||
})
|
||||
}} style={{ height: "25%" }}>
|
||||
<div className="downround">招</div><div className="downtitle" title={item.projectName}>{item.projectName}
|
||||
<div className="downtime">建档时间：{item.createDate}</div></div></List.Item>}
|
||||
<Col span={24}>
|
||||
<Card title="进行中的项目" className="cardtre">
|
||||
<ProTable
|
||||
rowKey="id"
|
||||
pagination={{
|
||||
pageSize: 5 ,
|
||||
}}
|
||||
options={false}
|
||||
search={false}
|
||||
request={fetchData}
|
||||
columns={columns}
|
||||
/>
|
||||
</Card></Col>
|
||||
<Col span={8}><Card title="我的招募项目" className="cardtre" extra={<div className="moret" onClick={() => history.push('/Recruit/Manage')}>更多<RightOutlined /></div>}>
|
||||
<List
|
||||
size="large"
|
||||
bordered={false}
|
||||
dataSource={downlist != [] && downlist["03"] && downlist["03"]}
|
||||
renderItem={item => <List.Item className="pointer" key={item.id} onClick={() => {
|
||||
this.followUpProject({
|
||||
id: item.id,
|
||||
bidMethodDict: item.bidMethodDict,
|
||||
biddingSignDict: item.biddingSignDict,
|
||||
isClientFile: item.isClientFile,
|
||||
isIPassDecode: item.isIPassDecode,
|
||||
isIPassFile: item.isIPassFile,
|
||||
})
|
||||
}} style={{ height: "25%" }}>
|
||||
<div className="downround">募</div><div className="downtitle" title={item.projectName}>{item.projectName}
|
||||
<div className="downtime">建档时间：{item.createDate}</div></div></List.Item>}
|
||||
/></Card></Col>
|
||||
<Col span={8}><Card title="我的谈判项目" className="cardtre" extra={<div className="moret" onClick={() => history.push('/Negotiation/Manage')}>更多<RightOutlined /></div>}>
|
||||
<List
|
||||
size="large"
|
||||
bordered={false}
|
||||
dataSource={downlist != [] && downlist["04"] && downlist["04"]}
|
||||
renderItem={item => <List.Item className="pointer" key={item.id} onClick={() => {
|
||||
this.followUpProject({
|
||||
id: item.id,
|
||||
bidMethodDict: item.bidMethodDict,
|
||||
biddingSignDict: item.biddingSignDict,
|
||||
isClientFile: item.isClientFile,
|
||||
isIPassDecode: item.isIPassDecode,
|
||||
isIPassFile: item.isIPassFile,
|
||||
})
|
||||
}} style={{ height: "25%" }}>
|
||||
<div className="downround">竞</div><div className="downtitle" title={item.projectName}>{item.projectName}
|
||||
<div className="downtime">建档时间：{item.createDate}</div></div></List.Item>}
|
||||
/></Card></Col>
|
||||
</Card>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
{messageDetail ? <MessageDetail messId={messId} onCancel={() => { this.closeModel(), this.props.dispatch({ type: "dashboard/fetchtlistre", payload: { pageNo: 1, pageSize: 7 } }) }} modalVisible={messageDetail} /> : null}
|
||||
@ -329,13 +375,13 @@ class manager extends PureComponent {
|
||||
<div style={{
|
||||
//width:'200px',
|
||||
position:'relative',
|
||||
left:'50%',
|
||||
left:'50%',
|
||||
transform:'translateX(-50%)',
|
||||
display: 'inline-block',
|
||||
margin: '8px 4px',
|
||||
padding: '4px'
|
||||
}}>
|
||||
|
||||
|
||||
<Space
|
||||
align='center'
|
||||
>
|
||||
@ -347,7 +393,7 @@ class manager extends PureComponent {
|
||||
})}>否
|
||||
</Button>
|
||||
</Space>
|
||||
|
||||
|
||||
</div>
|
||||
</div>:null
|
||||
}
|
||||
@ -355,4 +401,4 @@ class manager extends PureComponent {
|
||||
)
|
||||
}
|
||||
}
|
||||
export default manager;
|
||||
export default manager;
|
||||
|
||||
Reference in New Issue
Block a user