281 lines
16 KiB
JavaScript
281 lines
16 KiB
JavaScript
|
import React, { PureComponent } from 'react';
|
|||
|
|
import { history } from 'umi';
|
|||
|
|
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message } from 'antd';
|
|||
|
|
// import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
|||
|
|
import { connect } from 'dva';
|
|||
|
|
import './index.less';
|
|||
|
|
import talkPng from '@/images/talk/talk.png';
|
|||
|
|
import { routerRedux } from 'dva/router';
|
|||
|
|
import { RightOutlined } from '@ant-design/icons';
|
|||
|
|
import moment from 'moment';
|
|||
|
|
import { followUpAProjectManager, getSessionUserData } from '@/utils/session';
|
|||
|
|
import { getDefId } from './service';
|
|||
|
|
import { getURLInformation } from '@/utils/CommonUtils';
|
|||
|
|
import MessageDetail from '@/pages/SystemMessage/message/components/messageDetail'
|
|||
|
|
import NoticeDetail from '@/pages/notice/noticeList/components/NoticeDetail'
|
|||
|
|
import QuestDetail from '@/pages/SystemMessage/message/components/questDetail'
|
|||
|
|
import { getQuestList } from '@/pages/SystemMessage/message/service'
|
|||
|
|
@connect(({ dashboard, loading }) => ({
|
|||
|
|
...dashboard,
|
|||
|
|
downlistLoading: loading.effects['dashboard/fetchDowntlist'],
|
|||
|
|
projectlistLoading: loading.effects['dashboard/fetchprojectRecords'],
|
|||
|
|
}))
|
|||
|
|
class manager extends PureComponent {
|
|||
|
|
state = {
|
|||
|
|
datevalue: moment(moment().format('YYYYMM'), 'YYYY-MM'),
|
|||
|
|
datestring: moment().format('YYYYMM'),
|
|||
|
|
messId: '0', // 消息id
|
|||
|
|
messageDetail: false, // 消息弹窗
|
|||
|
|
detailId: '1', // 公告id
|
|||
|
|
noticeDetail: false, // 公告弹窗
|
|||
|
|
questData: {},//问卷数据
|
|||
|
|
questVisible: false //问卷弹窗
|
|||
|
|
// NTKF_PARAM: {
|
|||
|
|
// siteid: "bl_1000", //企业ID，,为固定值
|
|||
|
|
// settingid: "bl_1000_1492484340268", //接待组ID，为固定值，必填
|
|||
|
|
// uid: "${getMyVisit().getCzy().getDlh()}",//登录号 uname:"${getMyVisit().getGG_JGBH().getJgmc()}"+"-"+"${getMyVisit().getCzy().getMc()}", //用户名，未登录可以为空，但是不能给null，uname赋予的值显示到小能客户端
|
|||
|
|
// isvip: "0", //是否为vip用户，0代表非会员，1代表会员，取值显示到小能客户端
|
|||
|
|
// userlevel: "1", //网站自定义会员级别，1-N，可根据选择判断，取值显示到小能客户端
|
|||
|
|
// erpparam: "abc" //erpparam为erp功能的扩展字段，可选，购买erp功能后用于erp功能集成
|
|||
|
|
// }
|
|||
|
|
}
|
|||
|
|
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 }
|
|||
|
|
})
|
|||
|
|
NTKF_PARAM = {
|
|||
|
|
siteid: "bl_1000", //企业ID，,为固定值
|
|||
|
|
settingid: "bl_1000_1492484340268", //接待组ID，为固定值，必填
|
|||
|
|
uid: getSessionUserData()?.userId,
|
|||
|
|
uname: getSessionUserData()?.deptName + "-" + getSessionUserData()?.fullName, //用户名，未登录可以为空，但是不能给null，uname赋予的值显示到小能客户端
|
|||
|
|
isvip: "0", //是否为vip用户，0代表非会员，1代表会员，取值显示到小能客户端
|
|||
|
|
userlevel: "1", //网站自定义会员级别，1-N，可根据选择判断，取值显示到小能客户端
|
|||
|
|
erpparam: "abc" //erpparam为erp功能的扩展字段，可选，购买erp功能后用于erp功能集成
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
onChange = (date, dateString) => {
|
|||
|
|
this.setState({
|
|||
|
|
datevalue: moment(dateString, 'YYYY-MM'),
|
|||
|
|
datestring: dateString.split('-').join('')
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
onSearch = () => {
|
|||
|
|
const { datestring } = this.state;
|
|||
|
|
this.props.dispatch({
|
|||
|
|
type: "dashboard/save",
|
|||
|
|
payload: { staloading: true }
|
|||
|
|
})
|
|||
|
|
this.props.dispatch({
|
|||
|
|
type: "dashboard/fetchprojectRecords",
|
|||
|
|
payload: { selectDate: datestring }
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
lookDetail = (id) => { // 消息查看详情
|
|||
|
|
this.setState({
|
|||
|
|
messId: id,
|
|||
|
|
messageDetail: true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
closeModel = () => { // 关闭消息弹窗
|
|||
|
|
this.setState({
|
|||
|
|
messageDetail: false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
lookInfo = (id) => { // 公告查看
|
|||
|
|
this.setState({
|
|||
|
|
detailId: id,
|
|||
|
|
noticeDetail: true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
noticeModel = () => { // 公告关闭消息弹窗
|
|||
|
|
this.setState({
|
|||
|
|
noticeDetail: false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
toParticipate = async (servicecode) => {//问卷调查弹窗
|
|||
|
|
const { questId } = JSON.parse(servicecode);
|
|||
|
|
await getQuestList({ id: questId }).then(res => {
|
|||
|
|
if (res?.code == 200 && res?.success) {
|
|||
|
|
this.setState({
|
|||
|
|
questData: res?.data,
|
|||
|
|
questVisible: true,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
closeParticipate = () => { // 关闭问卷调查弹窗
|
|||
|
|
this.setState({
|
|||
|
|
questVisible: false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
talkXy = () => {
|
|||
|
|
if (NTKF) {
|
|||
|
|
NTKF.im_openInPageChat('bl_1000_1492484340268');
|
|||
|
|
} else {
|
|||
|
|
message.warn('小优客服初始化失败，请联系系统管理员！')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
followUpProject = async (data) => {
|
|||
|
|
// let defId = ''; //项目流程id
|
|||
|
|
// await getDefId(data.id).then((res) => {
|
|||
|
|
// if (res.code == 200) {
|
|||
|
|
// defId = res.data;
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
// let proTypeCode = '';
|
|||
|
|
// getURLInformation('proTypeCode') != null ? (proTypeCode = getURLInformation('proTypeCode')) : null;
|
|||
|
|
// sessionStorage.setItem('proTypeCode', proTypeCode);
|
|||
|
|
// sessionStorage.setItem('defId', JSON.stringify(defId));
|
|||
|
|
// sessionStorage.setItem('projectData', JSON.stringify(data));
|
|||
|
|
await followUpAProjectManager(data);
|
|||
|
|
history.push('/ProjectLayout/Manager/HomePageSectionList');
|
|||
|
|
};
|
|||
|
|
render() {
|
|||
|
|
const { downlist, projectlist, staloading, tlist, trelist } = this.props;
|
|||
|
|
const { datevalue, messId, messageDetail, detailId, noticeDetail, questData, questVisible } = this.state;
|
|||
|
|
return (
|
|||
|
|
<>
|
|||
|
|
{
|
|||
|
|
START_ENV == 'UAT' || START_ENV == 'DEV' || START_ENV == 'sim' ? '' :
|
|||
|
|
<a className="talk" onClick={() => this.talkXy()}>咨询服务︵<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>}>
|
|||
|
|
{trelist != [] && trelist.map((item, index) => {
|
|||
|
|
return (
|
|||
|
|
<div onClick={() => { item.templatetype == '3' ? this.toParticipate(item.servicecode) : this.lookDetail(item.msgId) }} className="messagetre" key={item.id}>
|
|||
|
|
<div className="round">{index + 1}</div>
|
|||
|
|
<div className="txt" title={item.title}>{item.title}</div>
|
|||
|
|
<div className="time">{item.createtime}</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
})}
|
|||
|
|
</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>}>
|
|||
|
|
{tlist != [] && tlist.map((item, index) => {
|
|||
|
|
return (
|
|||
|
|
<div className="messagetre" onClick={() => { this.lookInfo(item.id) }} key={item.id}>
|
|||
|
|
<div className="round">{index + 1}</div>
|
|||
|
|
<div className="txt" title={item.noticeTitle}>{item.noticeTitle}</div>
|
|||
|
|
<div className="time">{item.updateDate}</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
})}</Card>
|
|||
|
|
</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>}
|
|||
|
|
/>
|
|||
|
|
</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,
|
|||
|
|
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>}
|
|||
|
|
/></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,
|
|||
|
|
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>}
|
|||
|
|
/></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}
|
|||
|
|
{questVisible ? <QuestDetail questData={questData} onCancel={() => { this.closeParticipate(), this.props.dispatch({type: "dashboard/fetchtlistre", payload: { pageNo: 1, pageSize: 7 }}) }} modalVisible={questVisible} /> : null}
|
|||
|
|
{noticeDetail && <NoticeDetail detailId={detailId} onCancel={() => { this.noticeModel() }} modalVisible={noticeDetail} />}
|
|||
|
|
</>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
export default manager;
|