| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782 | import React from 'react';import { Spin, Button, Tabs, Table, message, Modal, Tooltip } from 'antd';import ajax from 'jquery/src/ajax/xhr.js'import $ from 'jquery/src/ajax';import '../content.less';import './content.less';import LeftTab from './leftTab.jsx';import FollowDetail from "../customer/NEW/intentionCustomer/followDetail";const TabPane = Tabs.TabPane;const MessageModal = React.createClass({    getInitialState() {        return {            unreadData: [],            unreadDataType: '0',            dataSourceType: '1',            unreadDataIndex: 0,            newVisible: false,            loading: false,            categoryArr: [],            pagination: {                defaultCurrent: 1,                defaultPageSize: 10,                showQuickJumper: true,                pageSize: 10,                onChange: function (page) {                    this.loadReaded(page);                }.bind(this),                showTotal: function (total) {                    return '共' + total + '条数据';                }            },            UnreadPagination: {                defaultCurrent: 1,                defaultPageSize: 10,                showQuickJumper: true,                pageSize: 9999999,                onChange: function (page) {                    this.loadUnread(page);                }.bind(this),                showTotal: function (total) {                    return '共' + total + '条数据';                }            },            columns: [                {                    title: '类型',                    dataIndex: 'noticeTypeName',                    key: 'noticeTypeName',                    width: 120,                    render: (text, record) => {                        return <span style={{ color: record.noticeType == 59 && "red" }}>{text}</span>;                    },                }, {                    title: '时间',                    dataIndex: 'createTimeFormattedDate',                    key: 'createTimeFormattedDate',                    width: 120                }, {                    title: '内容',                    dataIndex: 'content',                    key: 'content',                    width: 1189,                    render: (text, record) => {                        return (                            <Tooltip placement="topLeft" title={text}>                                <div style={{                                    color: record.noticeType == 59 && "red",                                    width: 1189,                                    textOverflow: "ellipsis",                                    whiteSpace: "nowrap",                                    overflow: 'hidden',                                }}>                                    {text}                                </div>                            </Tooltip>                        )                    }                },                {                    title: "操作",                    dataIndex: "abc",                    key: "abc",                    width: 150,                    render: (text, record) => {                        let contractNo = '';                        if ((record.noticeType === 14 || record.noticeType === 40) && record.content.indexOf('合同编号-') !== -1) {                            let arr = record.content.split('合同编号-');                            contractNo = arr[1].match(/(\S*), 订单编号/)[1];                        }                        return (                            record.noticeType === 48 || record.noticeType === 49 ?                                <Button type="primary" onClick={() => {                                    this.category();                                    record.id = record.uid;                                    this.setState({                                        followData: record,                                        visitModul: true,                                    });                                }}>立即跟进</Button> :                                record.noticeType === 14 || record.noticeType === 40 ?                                    <Button disabled={!contractNo} type="primary" onClick={(e) => {                                        e.stopPropagation();                                        let input = document.getElementById("copyText1");                                        input.value = contractNo;                                        input.select();                                        document.execCommand("copy");                                        message.success('复制成功')                                    }}>                                        复制合同号                                    </Button> : null                        )                    }                }                //  {                //     title: '公司',                //     dataIndex: 'unitName',                //     key: 'unitName',                // }, {                //     title: '业务员',                //     dataIndex: 'principle',                //     key: 'principle',                // }            ],            columns1: [                {                    title: '类型',                    dataIndex: 'noticeTypeName',                    key: 'noticeTypeName',                    width: 120,                    render: (text, record) => {                        return (                            <div style={{ color: record.noticeType == 59 && "red" }}>{text}</div>                        )                    }                }, {                    title: '时间',                    dataIndex: 'createTimeFormattedDate',                    key: 'createTimeFormattedDate',                    width: 120                }, {                    title: '内容',                    dataIndex: 'content',                    key: 'content',                    width: 610,                    render: (text, record) => {                        return (                            <Tooltip placement="topLeft" title={text}>                                <div                                    style={{                                        color: record.noticeType == 59 && "red",                                        width: 610,                                        textOverflow: "ellipsis",                                        whiteSpace: "nowrap",                                        overflow: 'hidden',                                    }}>                                    {text}                                </div>                            </Tooltip>                        )                    }                },                {                    title: "操作",                    dataIndex: "abc",                    key: "abc",                    width: 150,                    render: (text, record) => {                        let contractNo = '';                        if ((record.noticeType === 14 || record.noticeType === 40) && record.content.indexOf('合同编号-') !== -1) {                            let arr = record.content.split('合同编号-');                            contractNo = arr[1].match(/(\S*), 订单编号/)[1];                        }                        return (                            record.noticeType === 48 || record.noticeType === 49 ?                                <Button type="primary" onClick={() => {                                    this.category();                                    record.id = record.uid;                                    this.setState({                                        followData: record,                                        visitModul: true,                                    });                                }}>立即跟进</Button> :                                record.noticeType === 14 || record.noticeType === 40 ?                                    <Button disabled={!contractNo} type="primary" onClick={(e) => {                                        e.stopPropagation();                                        let input = document.getElementById("copyText1");                                        input.value = contractNo;                                        input.select();                                        document.execCommand("copy");                                        message.success('复制成功')                                    }}>                                        复制合同号                                    </Button> : null                        )                    }                }                //  {                //     title: '公司',                //     dataIndex: 'unitName',                //     key: 'unitName',                // }, {                //     title: '业务员',                //     dataIndex: 'principle',                //     key: 'principle',                // }            ],            data: []        };    },    closeDesc() {        this.setState({            categoryArr: [],            followData: '',            visitModul: false        }, () => {            this.loadReaded(this.state.pagination.current);        })    },    category() {        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/Varieties/getSuperList",            data: {},            success: function (data) {                let thedata = data.data;                let theArr = [];                if (!thedata) {                    if (data.error && data.error.length) {                        message.warning(data.error[0].message);                    }                    thedata = {};                } else {                    thedata.map(function (item, index) {                        theArr.push({                            value: item.id,                            key: item.cname,                        });                    });                }                this.setState({                    categoryArr: theArr,                });            }.bind(this),        });    },    //主菜单请求    mainMenu() {        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/selectNavList",            data: {            },            success: function (data) {                if (!data.data) {                    if (data.error && data.error.length) {                        message.warning(data.error[0].message);                        return;                    };                };                this.setState({                    menu: data.data                });            }.bind(this),        }).always(function (data) {            this.setState({                loading: false            })        }.bind(this))    },    finId(text) {        var data = this.state.menu || [];        var rid = '';        switch (text) {            case 1:                data.map(function (nub, index) {                    if (nub.url.indexOf('demand') != -1) {                        rid = nub.id;                    }                });                break;            case 2:                data.map(function (nub, index) {                    if (nub.url.indexOf('demand') != -1) {                        rid = nub.id;                    }                });                break;            case 3:                data.map(function (nub, index) {                    if (nub.url.indexOf('achievement') != -1) {                        rid = nub.id;                    }                });                break;            case 4:                data.map(function (nub, index) {                    if (nub.url.indexOf('achievement') != -1) {                        rid = nub.id;                    }                });                break;            case 5:                data.map(function (nub, index) {                    if (nub.url.indexOf('order') != -1) {                        rid = nub.id;                    }                });                break;            case 6:                data.map(function (nub, index) {                    if (nub.url.indexOf('order') != -1) {                        rid = nub.id;                    }                });                break;            case 7:                data.map(function (nub, index) {                    if (nub.url.indexOf('servicesManage') != -1) {                        rid = nub.id;                    }                });                break;            default:                rid = '';        }        return rid;    },    //跳转详情    setStore(record) {        localStorage.setItem('newData', {});        let ids = record.noticeType;        let rid = this.finId(ids) || "";        var urls = '',            dataJson = {};        switch (ids) {            case 1:                urls = "/admin/demand.html?rid=" + rid + "#techDemandAudit";                dataJson = {                    "id": record.uid,                    //"id":"3f93588b-332e-4353-bbfd-f1451b4b390c",                    "dataCategory": "0"                };                break;            case 2:                urls = "/admin/demand.html?rid=" + rid + "#techDemandPublish";                dataJson = {                    "id": record.uid,                    //"id":"40f77e32-29fa-4a85-a6f0-7c4986bdc5e3",                    "dataCategory": '1'                };                break;            case 3:                urls = "/admin/achievement.html?rid=" + rid + "#techAchievementAudit";                dataJson = {                    "id": record.uid,                    //"id":"f09d5c08-4a8b-48a6-9753-86006f1a53cb",                    "ownerType": '1'                };                break;            case 4:                urls = "/admin/achievement.html?rid=" + rid + "#techAchievementPublish";                dataJson = {                    "id": record.uid,                    //"id":"953c9ef7-6cf6-4ab7-af89-c01521998fed",                    "ownerType": '1'                };                break;            case 5:                urls = "/admin/order.html?rid=" + rid + "#myService";                dataJson = {                    "orderNo": record.orderNo                    //"orderNo":"175557414077480960"                };                break;            case 6:                urls = "/admin/order.html?rid=" + rid + "#mySettlement";                dataJson = {                    "orderNo": record.orderNo                    //"orderNo":"180714111314051072"                };                break;            case 7:                urls = "/admin/servicesManage/projectOrder.html?rid=" + rid + "#projectManage";                dataJson = {                    //"id":record.id,                    "id": "69e2d8ca984240a4b9c90daac69fe5e3",                    "buyerType": "1"                };                break;            default:                urls: '#';                dataJson = {};        };        console.log(rid);        if (rid) {            var data = dataJson;            var newData = JSON.stringify(data);            localStorage.setItem('newData', newData);            window.location.href = globalConfig.context + urls;        }    },    loadReaded(pageNo) {        this.state.data = [];        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/notice/readed",            data: {                pageNo: pageNo || 1,                pageSize: this.state.pagination.pageSize,                type: this.state.unreadDataType,            }        }).done((data) => {            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                    return;                };            };            this.state.data = [];            for (let i = 0; i < data.data.list.length; i++) {                let thisdata = data.data.list[i];                this.state.data.push({                    key: i + 1,                    id: thisdata.id,                    rid: thisdata.rid,                    uid: thisdata.uid,                    aid: thisdata.aid,                    noticeType: thisdata.noticeType,                    year: thisdata.year,                    noticeTypeName: thisdata.noticeTypeName,                    content: thisdata.content,                    createTime: thisdata.createTime,                    createTimeFormattedDate: thisdata.createTimeFormattedDate,                    principle: thisdata.principle,                    unitName: thisdata.unitName                });            };            this.state.pagination.current = data.data.pageNo;            this.state.pagination.total = data.data.totalCount;            this.setState({                dataSource: this.state.data,                pagination: this.state.pagination,            });        }).always(function () {            this.setState({                loading: false            });        }.bind(this));    },    loadUnread(pageNo) {        this.state.data = [];        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/notice/unread",            data: {            }        }).done((data) => {            if (data.error && data.error.length) {                message.warning(data.error[0].message);                return;            } else {                let arr = data.data.filter(v => v.list.length > 0)                if (arr.length) {                    this.setState({                        newVisible: true                    });                }                let index = data.data.findIndex(v => v.list.length > 0);                if (index >= 0) {                    data.data[index].isRead = true;                    this.setState({                        unreadDataType: data.data[index]['id'] + '',                        unreadDataIndex: index,                    });                } else {                    this.setState({                        unreadDataType: data.data[0]['id'] + '',                        unreadDataIndex: '0',                    });                }                this.setState({                    unreadData: data.data,                });            }        }).always(function () {            this.setState({                loading: false,            });        }.bind(this));    },    componentWillMount() {        // this.loadReaded();        this.loadUnread();        this.mainMenu();    },    handleOk() {        let arr = this.state.unreadData.filter(v => v.list.length > 0 && !v.isRead);        if (arr.length > 0) {            message.warning('还存在未读消息,请查看后再关闭当前页面!');            return;        } else {            this.loadUnread();            this.setState({                newVisible: false            });        }    },    render() {        return (            <div className="set-content">                <div className="set-title" style={{ marginBottom: 10 }}>                    <span style={{ fontWeight: 900, fontSize: 16 }}>信息中心</span>                </div>                <Spin spinning={this.state.loading} className="spin-box">                    <Tabs defaultActiveKey={this.state.unreadDataType} activeKey={this.state.unreadDataType} onChange={v => {                        let index = this.state.unreadData.findIndex(d => d.id == v);                        this.state.unreadData[index].isRead = true;                        this.setState({                            unreadDataIndex: index,                            unreadData: this.state.unreadData,                            unreadDataType: v                        }, () => {                            if (this.state.dataSourceType === '2') {                                this.loadReaded()                            }                        })                    }}>                        {                            this.state.unreadData.map((v) => (                                <Tabs.TabPane                                    key={v.id + ''}                                    tab={                                        <div                                            style={{ color: v.id == 7 && "red" }}                                        >                                            {v.list.length === 0 || v.isRead ? null :                                                <div                                                    style={{                                                        width: '8px',                                                        height: "8px",                                                        borderRadius: '8px',                                                        background: '#f00',                                                        position: 'absolute',                                                        right: '5px',                                                        top: '2px',                                                    }} />                                            }                                            {v.name}                                        </div>                                    } />                            ))                        }                    </Tabs>                    <Tabs defaultActiveKey="1" type="card" tabPosition='left' value={this.state.dataSourceType} onChange={(v) => {                        this.setState({                            dataSourceType: v                        })                        if (v === '2') {                            this.loadReaded()                        }                    }}>                        <Tabs.TabPane tab={'未读'} key="1">                            <Table                                bordered                                columns={this.state.columns}                                dataSource={this.state.unreadData[this.state.unreadDataIndex] ? this.state.unreadData[this.state.unreadDataIndex].list : []}                                pagination={false}                            />                        </Tabs.TabPane>                        <Tabs.TabPane tab="已读" key="2">                            <Table                                bordered                                columns={this.state.columns}                                dataSource={this.state.dataSource}                                pagination={this.state.pagination}                            />                        </Tabs.TabPane>                    </Tabs>                </Spin>                <Modal                    maskClosable={false}                    style={{ position: "relative" }}                    title="消息提醒"                    visible={this.state.newVisible}                    width={1400}                    closable={false}                    footer={null}                >                    <Spin spinning={this.state.loading} className="spin-box">                        <Tabs                            defaultActiveKey={this.state.unreadDataType}                            activeKey={this.state.unreadDataType}                            onChange={v => {                                let index = this.state.unreadData.findIndex(d => d.id == v);                                this.state.unreadData[index].isRead = true;                                this.setState({                                    unreadDataIndex: index,                                    unreadData: this.state.unreadData,                                    unreadDataType: v                                })                            }}>                            {                                this.state.unreadData.map((v) => (                                    <Tabs.TabPane                                        key={v.id + ''}                                        tab={<div style={{ color: v.id == 7 && "red" }}>                                            {v.list.length === 0 || v.isRead ? null : <div style={{ width: '8px', height: "8px", borderRadius: '8px', background: '#f00', position: 'absolute', right: '5px', top: '2px' }} />}                                            {v.name}                                        </div>                                        } />                                ))                            }                        </Tabs>                        <Table                            columns={this.state.columns1}                            dataSource={this.state.unreadData[this.state.unreadDataIndex] ? this.state.unreadData[this.state.unreadDataIndex].list : []}                            pagination={false}                            scroll={{ y: 600, x: 1000 }}                        />                    </Spin>                    <Button                        onClick={this.handleOk}                        type={"primary"}                        style={{                            position: "relative",                            left: "50%",                            transform: "translateX(-50%)",                            bottom: -10                        }}                    >                        我已阅读以上信息                    </Button>                </Modal>                <FollowDetail                    categoryArr={this.state.categoryArr}                    followData={this.state.followData}                    visitModul={this.state.visitModul}                    closeDesc={this.closeDesc}                />                <textarea id='copyText1' style={{ opacity: 0 }} />            </div>        );    }});const Content = React.createClass({    getInitialState() {        return {            loading: false,            component: '<div></div>'        };    },    getKey(key) {        switch (key) {            case 'normal':                require.ensure([], () => {                    this.setState({                        component: <MessageModal />,                    });                });                break;            case "contacts":                let Module = require('./contacts/index').default;                require.ensure([], () => {                    this.setState({                        component: <Module />,                    });                });                break;            default:                require.ensure([], () => {                    let Module = require('../module').default;                    this.setState({                        component: <Module />                    });                });        }        window.location.hash = key;    },    componentWillMount() {        if (window.location.hash) {            this.getKey((window.location.hash).slice(1));        } else {            this.getKey('normal');        };    },    render() {        return (            <div className="manage-content">                <LeftTab handlekey={this.getKey} />                <div className="content-right">                    <Spin spinning={this.state.loading} className='spin-box'>                        <div className="index-content">                            {this.state.component}                        </div>                    </Spin>                </div>            </div>        )    }});export default Content;// <div className="index-content">//                             <div className="index-userdata clearfix">//                                 <p className="acc-title">{this.state.number}</p>//                                 <div className="userdata-img">//                                     <img src={globalConfig.staticHost + "/upload" + this.state.personPortraitUrl} alt="" />//                                 </div>//                                 <div className="userdata-content">//                                     {(() => {//                                         switch (userData.lvl || this.state.userlvl) {//                                             case '0'://                                                 return <p className="userdata-lvl">等级:<span>LV1</span> 普通用户</p>;//                                             case '1'://                                                 return <p className="userdata-lvl">等级:<span>LV2</span> 已认证用户</p>;//                                         };//                                     })()}//                                     <p>完善资料 {this.state.per}% ,<a href="./set.html">继续完善</a>,有助于提高您的资信</p>//                                     <p className="userdata-relate" style={{ 'display': 'none' }}>//                                         <Button className="relateqq"><img src={qq} alt="" /> QQ账号登录</Button>//                                         <Button className="relateweibo"><img src={weibo} alt="" />微博账号登录</Button>//                                         <Button className="relateweixin"><img src={weixin} alt="" />微信账号登录</Button>//                                     </p>//                                     <div className="userdata-follow">已有<a href="">{this.state.follow}</a>人关注你</div>//                                 </div>//                             </div>//                             <div className="index-record">//                                 <p className="acc-title">我的轨迹</p>//                                 <ul className="record-list clearfix">//                                     <li>技术成果:<a href="">{this.state.chengguo}</a>项</li>//                                     <li>技术开发:<a href="">{this.state.kaifa}</a>项</li>//                                     <li>科技服务:<a href="">{this.state.fuwu}</a>项</li>//                                     <li>发布需求:<a href="">{this.state.xuqiu}</a>项</li>//                                 </ul>//                             </div>//                             <div className="index-activity">//                                 <Tabs defaultActiveKey="1" onChange={this.tabChange}>//                                     <TabPane tab="活动" key="1">//                                         <p className="acc-title">即将举办的活动</p>//                                         <ul className="activity-list">//                                             {//                                                 this.state.activityArr.map(function (item, i) {//                                                     return <li key={i}>//                                                         <span className="list-type">[{item.type}]</span>//                                                         <span className="list-title">{item.title}</span>//                                                         <a href={item.link}>报名</a>//                                                         <span className="list-time">{item.time}</span>//                                                     </li>;//                                                 })//                                             }//                                         </ul>//                                     </TabPane>//                                     <TabPane tab="其他" key="2">Content of Tab Pane 2</TabPane>//                                 </Tabs>//                             </div>//                         </div>
 |