content.jsx 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757
  1. import React from 'react';
  2. import { Spin, Button, Tabs, Table, message, Modal, Tooltip } from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js'
  4. import $ from 'jquery/src/ajax';
  5. import '../content.less';
  6. import './content.less';
  7. import LeftTab from './leftTab.jsx';
  8. import FollowDetail from "../customer/NEW/intentionCustomer/followDetail";
  9. const TabPane = Tabs.TabPane;
  10. const MessageModal = React.createClass({
  11. getInitialState() {
  12. return {
  13. unreadData: [],
  14. unreadDataType: '0',
  15. dataSourceType: '1',
  16. unreadDataIndex: 0,
  17. newVisible: false,
  18. loading: false,
  19. categoryArr: [],
  20. pagination: {
  21. defaultCurrent: 1,
  22. defaultPageSize: 10,
  23. showQuickJumper: true,
  24. pageSize: 10,
  25. onChange: function (page) {
  26. this.loadReaded(page);
  27. }.bind(this),
  28. showTotal: function (total) {
  29. return '共' + total + '条数据';
  30. }
  31. },
  32. UnreadPagination: {
  33. defaultCurrent: 1,
  34. defaultPageSize: 10,
  35. showQuickJumper: true,
  36. pageSize: 9999999,
  37. onChange: function (page) {
  38. this.loadUnread(page);
  39. }.bind(this),
  40. showTotal: function (total) {
  41. return '共' + total + '条数据';
  42. }
  43. },
  44. columns: [
  45. {
  46. title: '类型',
  47. dataIndex: 'noticeTypeName',
  48. key: 'noticeTypeName',
  49. width: 120,
  50. }, {
  51. title: '时间',
  52. dataIndex: 'createTimeFormattedDate',
  53. key: 'createTimeFormattedDate',
  54. width: 120
  55. }, {
  56. title: '内容',
  57. dataIndex: 'content',
  58. key: 'content',
  59. width: 1189,
  60. render: (text, record) => {
  61. return (
  62. <Tooltip placement="topLeft" title={text}>
  63. <div style={{
  64. width: 1189,
  65. textOverflow: "ellipsis",
  66. whiteSpace: "nowrap",
  67. overflow: 'hidden',
  68. }}>
  69. {text}
  70. </div>
  71. </Tooltip>
  72. )
  73. }
  74. },
  75. {
  76. title: "操作",
  77. dataIndex: "abc",
  78. key: "abc",
  79. width: 150,
  80. render: (text, record) => {
  81. let contractNo = '';
  82. if ((record.noticeType === 14 || record.noticeType === 40) && record.content.indexOf('合同编号-') !== -1) {
  83. let arr = record.content.split('合同编号-');
  84. contractNo = arr[1].match(/(\S*), 订单编号/)[1];
  85. }
  86. return (
  87. record.noticeType === 48 || record.noticeType === 49 ?
  88. <Button type="primary" onClick={() => {
  89. this.category();
  90. record.id = record.uid;
  91. this.setState({
  92. followData: record,
  93. visitModul: true,
  94. });
  95. }}>立即跟进</Button> :
  96. record.noticeType === 14 || record.noticeType === 40 ?
  97. <Button disabled={!contractNo} type="primary" onClick={(e) => {
  98. e.stopPropagation();
  99. let input = document.getElementById("copyText1");
  100. input.value = contractNo;
  101. input.select();
  102. document.execCommand("copy");
  103. message.success('复制成功')
  104. }}>
  105. 复制合同号
  106. </Button> : null
  107. )
  108. }
  109. }
  110. // {
  111. // title: '公司',
  112. // dataIndex: 'unitName',
  113. // key: 'unitName',
  114. // }, {
  115. // title: '业务员',
  116. // dataIndex: 'principle',
  117. // key: 'principle',
  118. // }
  119. ],
  120. columns1: [
  121. {
  122. title: '类型',
  123. dataIndex: 'noticeTypeName',
  124. key: 'noticeTypeName',
  125. width: 120,
  126. }, {
  127. title: '时间',
  128. dataIndex: 'createTimeFormattedDate',
  129. key: 'createTimeFormattedDate',
  130. width: 120
  131. }, {
  132. title: '内容',
  133. dataIndex: 'content',
  134. key: 'content',
  135. width: 610,
  136. render: (text, record) => {
  137. return (
  138. <Tooltip placement="topLeft" title={text}>
  139. <div style={{
  140. width: 610,
  141. textOverflow: "ellipsis",
  142. whiteSpace: "nowrap",
  143. overflow: 'hidden',
  144. }}>
  145. {text}
  146. </div>
  147. </Tooltip>
  148. )
  149. }
  150. },
  151. {
  152. title: "操作",
  153. dataIndex: "abc",
  154. key: "abc",
  155. width: 150,
  156. render: (text, record) => {
  157. let contractNo = '';
  158. if ((record.noticeType === 14 || record.noticeType === 40) && record.content.indexOf('合同编号-') !== -1) {
  159. let arr = record.content.split('合同编号-');
  160. contractNo = arr[1].match(/(\S*), 订单编号/)[1];
  161. }
  162. return (
  163. record.noticeType === 48 || record.noticeType === 49 ?
  164. <Button type="primary" onClick={() => {
  165. this.category();
  166. record.id = record.uid;
  167. this.setState({
  168. followData: record,
  169. visitModul: true,
  170. });
  171. }}>立即跟进</Button> :
  172. record.noticeType === 14 || record.noticeType === 40 ?
  173. <Button disabled={!contractNo} type="primary" onClick={(e) => {
  174. e.stopPropagation();
  175. let input = document.getElementById("copyText1");
  176. input.value = contractNo;
  177. input.select();
  178. document.execCommand("copy");
  179. message.success('复制成功')
  180. }}>
  181. 复制合同号
  182. </Button> : null
  183. )
  184. }
  185. }
  186. // {
  187. // title: '公司',
  188. // dataIndex: 'unitName',
  189. // key: 'unitName',
  190. // }, {
  191. // title: '业务员',
  192. // dataIndex: 'principle',
  193. // key: 'principle',
  194. // }
  195. ],
  196. data: []
  197. };
  198. },
  199. closeDesc() {
  200. this.setState({
  201. categoryArr: [],
  202. followData: '',
  203. visitModul: false
  204. }, () => {
  205. this.loadReaded(this.state.pagination.current);
  206. })
  207. },
  208. category() {
  209. $.ajax({
  210. method: "get",
  211. dataType: "json",
  212. crossDomain: false,
  213. url: globalConfig.context + "/api/admin/Varieties/getSuperList",
  214. data: {},
  215. success: function (data) {
  216. let thedata = data.data;
  217. let theArr = [];
  218. if (!thedata) {
  219. if (data.error && data.error.length) {
  220. message.warning(data.error[0].message);
  221. }
  222. thedata = {};
  223. } else {
  224. thedata.map(function (item, index) {
  225. theArr.push({
  226. value: item.id,
  227. key: item.cname,
  228. });
  229. });
  230. }
  231. this.setState({
  232. categoryArr: theArr,
  233. });
  234. }.bind(this),
  235. });
  236. },
  237. //主菜单请求
  238. mainMenu() {
  239. this.setState({
  240. loading: true
  241. });
  242. $.ajax({
  243. method: "get",
  244. dataType: "json",
  245. crossDomain: false,
  246. url: globalConfig.context + "/api/admin/selectNavList",
  247. data: {
  248. },
  249. success: function (data) {
  250. if (!data.data) {
  251. if (data.error && data.error.length) {
  252. message.warning(data.error[0].message);
  253. return;
  254. };
  255. };
  256. this.setState({
  257. menu: data.data
  258. });
  259. }.bind(this),
  260. }).always(function (data) {
  261. this.setState({
  262. loading: false
  263. })
  264. }.bind(this))
  265. },
  266. finId(text) {
  267. var data = this.state.menu || [];
  268. var rid = '';
  269. switch (text) {
  270. case 1:
  271. data.map(function (nub, index) {
  272. if (nub.url.indexOf('demand') != -1) {
  273. rid = nub.id;
  274. }
  275. });
  276. break;
  277. case 2:
  278. data.map(function (nub, index) {
  279. if (nub.url.indexOf('demand') != -1) {
  280. rid = nub.id;
  281. }
  282. });
  283. break;
  284. case 3:
  285. data.map(function (nub, index) {
  286. if (nub.url.indexOf('achievement') != -1) {
  287. rid = nub.id;
  288. }
  289. });
  290. break;
  291. case 4:
  292. data.map(function (nub, index) {
  293. if (nub.url.indexOf('achievement') != -1) {
  294. rid = nub.id;
  295. }
  296. });
  297. break;
  298. case 5:
  299. data.map(function (nub, index) {
  300. if (nub.url.indexOf('order') != -1) {
  301. rid = nub.id;
  302. }
  303. });
  304. break;
  305. case 6:
  306. data.map(function (nub, index) {
  307. if (nub.url.indexOf('order') != -1) {
  308. rid = nub.id;
  309. }
  310. });
  311. break;
  312. case 7:
  313. data.map(function (nub, index) {
  314. if (nub.url.indexOf('servicesManage') != -1) {
  315. rid = nub.id;
  316. }
  317. });
  318. break;
  319. default:
  320. rid = '';
  321. }
  322. return rid;
  323. },
  324. //跳转详情
  325. setStore(record) {
  326. localStorage.setItem('newData', {});
  327. let ids = record.noticeType;
  328. let rid = this.finId(ids) || "";
  329. var urls = '',
  330. dataJson = {};
  331. switch (ids) {
  332. case 1:
  333. urls = "/admin/demand.html?rid=" + rid + "#techDemandAudit";
  334. dataJson = {
  335. "id": record.uid,
  336. //"id":"3f93588b-332e-4353-bbfd-f1451b4b390c",
  337. "dataCategory": "0"
  338. };
  339. break;
  340. case 2:
  341. urls = "/admin/demand.html?rid=" + rid + "#techDemandPublish";
  342. dataJson = {
  343. "id": record.uid,
  344. //"id":"40f77e32-29fa-4a85-a6f0-7c4986bdc5e3",
  345. "dataCategory": '1'
  346. };
  347. break;
  348. case 3:
  349. urls = "/admin/achievement.html?rid=" + rid + "#techAchievementAudit";
  350. dataJson = {
  351. "id": record.uid,
  352. //"id":"f09d5c08-4a8b-48a6-9753-86006f1a53cb",
  353. "ownerType": '1'
  354. };
  355. break;
  356. case 4:
  357. urls = "/admin/achievement.html?rid=" + rid + "#techAchievementPublish";
  358. dataJson = {
  359. "id": record.uid,
  360. //"id":"953c9ef7-6cf6-4ab7-af89-c01521998fed",
  361. "ownerType": '1'
  362. };
  363. break;
  364. case 5:
  365. urls = "/admin/order.html?rid=" + rid + "#myService";
  366. dataJson = {
  367. "orderNo": record.orderNo
  368. //"orderNo":"175557414077480960"
  369. };
  370. break;
  371. case 6:
  372. urls = "/admin/order.html?rid=" + rid + "#mySettlement";
  373. dataJson = {
  374. "orderNo": record.orderNo
  375. //"orderNo":"180714111314051072"
  376. };
  377. break;
  378. case 7:
  379. urls = "/admin/servicesManage/projectOrder.html?rid=" + rid + "#projectManage";
  380. dataJson = {
  381. //"id":record.id,
  382. "id": "69e2d8ca984240a4b9c90daac69fe5e3",
  383. "buyerType": "1"
  384. };
  385. break;
  386. default:
  387. urls: '#';
  388. dataJson = {};
  389. };
  390. console.log(rid);
  391. if (rid) {
  392. var data = dataJson;
  393. var newData = JSON.stringify(data);
  394. localStorage.setItem('newData', newData);
  395. window.location.href = globalConfig.context + urls;
  396. }
  397. },
  398. loadReaded(pageNo) {
  399. this.state.data = [];
  400. this.setState({
  401. loading: true
  402. });
  403. $.ajax({
  404. method: "get",
  405. dataType: "json",
  406. crossDomain: false,
  407. url: globalConfig.context + "/api/admin/notice/readed",
  408. data: {
  409. pageNo: pageNo || 1,
  410. pageSize: this.state.pagination.pageSize,
  411. type: this.state.unreadDataType,
  412. }
  413. }).done((data) => {
  414. if (!data.data) {
  415. if (data.error && data.error.length) {
  416. message.warning(data.error[0].message);
  417. return;
  418. };
  419. };
  420. this.state.data = [];
  421. for (let i = 0; i < data.data.list.length; i++) {
  422. let thisdata = data.data.list[i];
  423. this.state.data.push({
  424. key: i + 1,
  425. id: thisdata.id,
  426. rid: thisdata.rid,
  427. uid: thisdata.uid,
  428. aid: thisdata.aid,
  429. noticeType: thisdata.noticeType,
  430. year: thisdata.year,
  431. noticeTypeName: thisdata.noticeTypeName,
  432. content: thisdata.content,
  433. createTime: thisdata.createTime,
  434. createTimeFormattedDate: thisdata.createTimeFormattedDate,
  435. principle: thisdata.principle,
  436. unitName: thisdata.unitName
  437. });
  438. };
  439. this.state.pagination.current = data.data.pageNo;
  440. this.state.pagination.total = data.data.totalCount;
  441. this.setState({
  442. dataSource: this.state.data,
  443. pagination: this.state.pagination,
  444. });
  445. }).always(function () {
  446. this.setState({
  447. loading: false
  448. });
  449. }.bind(this));
  450. },
  451. loadUnread(pageNo) {
  452. this.state.data = [];
  453. this.setState({
  454. loading: true
  455. });
  456. $.ajax({
  457. method: "get",
  458. dataType: "json",
  459. crossDomain: false,
  460. url: globalConfig.context + "/api/admin/notice/unread",
  461. data: {
  462. }
  463. }).done((data) => {
  464. if (data.error && data.error.length) {
  465. message.warning(data.error[0].message);
  466. return;
  467. } else {
  468. let arr = data.data.filter(v => v.list.length > 0)
  469. if (arr.length) {
  470. this.setState({
  471. newVisible: true
  472. });
  473. }
  474. let index = data.data.findIndex(v => v.list.length > 0);
  475. if (index >= 0) {
  476. data.data[index].isRead = true;
  477. this.setState({
  478. unreadDataType: data.data[index]['id'] + '',
  479. unreadDataIndex: index,
  480. });
  481. } else {
  482. this.setState({
  483. unreadDataType: data.data[0]['id'] + '',
  484. unreadDataIndex: '0',
  485. });
  486. }
  487. this.setState({
  488. unreadData: data.data,
  489. });
  490. }
  491. }).always(function () {
  492. this.setState({
  493. loading: false,
  494. });
  495. }.bind(this));
  496. },
  497. componentWillMount() {
  498. // this.loadReaded();
  499. this.loadUnread();
  500. this.mainMenu();
  501. },
  502. handleOk() {
  503. let arr = this.state.unreadData.filter(v => v.list.length > 0 && !v.isRead);
  504. if (arr.length > 0) {
  505. message.warning('还存在未读消息,请查看后再关闭当前页面!');
  506. return;
  507. } else {
  508. this.loadUnread();
  509. this.setState({
  510. newVisible: false
  511. });
  512. }
  513. },
  514. render() {
  515. return (
  516. <div className="set-content">
  517. <div className="set-title" style={{ marginBottom: 10 }}>
  518. <span style={{ fontWeight: 900, fontSize: 16 }}>信息中心</span>
  519. </div>
  520. <Spin spinning={this.state.loading} className="spin-box">
  521. <Tabs defaultActiveKey={this.state.unreadDataType} activeKey={this.state.unreadDataType} onChange={v => {
  522. let index = this.state.unreadData.findIndex(d => d.id == v);
  523. this.state.unreadData[index].isRead = true;
  524. this.setState({
  525. unreadDataIndex: index,
  526. unreadData: this.state.unreadData,
  527. unreadDataType: v
  528. }, () => {
  529. if (this.state.dataSourceType === '2') {
  530. this.loadReaded()
  531. }
  532. })
  533. }}>
  534. {
  535. this.state.unreadData.map((v) => (
  536. <Tabs.TabPane
  537. key={v.id + ''}
  538. tab={<div>
  539. {v.list.length === 0 || v.isRead ? null : <div style={{ width: '8px', height: "8px", borderRadius: '8px', background: '#f00', position: 'absolute', right: '5px', top: '2px' }} />}
  540. {v.name}
  541. </div>
  542. } />
  543. ))
  544. }
  545. </Tabs>
  546. <Tabs defaultActiveKey="1" type="card" tabPosition='left' value={this.state.dataSourceType} onChange={(v) => {
  547. this.setState({
  548. dataSourceType: v
  549. })
  550. if (v === '2') {
  551. this.loadReaded()
  552. }
  553. }}>
  554. <Tabs.TabPane tab={'未读'} key="1">
  555. <Table
  556. bordered
  557. columns={this.state.columns}
  558. dataSource={this.state.unreadData[this.state.unreadDataIndex] ? this.state.unreadData[this.state.unreadDataIndex].list : []}
  559. pagination={false}
  560. />
  561. </Tabs.TabPane>
  562. <Tabs.TabPane tab="已读" key="2">
  563. <Table
  564. bordered
  565. columns={this.state.columns}
  566. dataSource={this.state.dataSource}
  567. pagination={this.state.pagination}
  568. />
  569. </Tabs.TabPane>
  570. </Tabs>
  571. </Spin>
  572. <Modal
  573. maskClosable={false}
  574. style={{ position: "relative" }}
  575. title="消息提醒"
  576. visible={this.state.newVisible}
  577. width={1400}
  578. closable={false}
  579. footer={null}
  580. >
  581. <Spin spinning={this.state.loading} className="spin-box">
  582. <Tabs
  583. defaultActiveKey={this.state.unreadDataType}
  584. activeKey={this.state.unreadDataType}
  585. onChange={v => {
  586. let index = this.state.unreadData.findIndex(d => d.id == v);
  587. this.state.unreadData[index].isRead = true;
  588. this.setState({
  589. unreadDataIndex: index,
  590. unreadData: this.state.unreadData,
  591. unreadDataType: v
  592. })
  593. }}>
  594. {
  595. this.state.unreadData.map((v) => (
  596. <Tabs.TabPane
  597. key={v.id + ''}
  598. tab={<div>
  599. {v.list.length === 0 || v.isRead ? null : <div style={{ width: '8px', height: "8px", borderRadius: '8px', background: '#f00', position: 'absolute', right: '5px', top: '2px' }} />}
  600. {v.name}
  601. </div>
  602. } />
  603. ))
  604. }
  605. </Tabs>
  606. <Table
  607. columns={this.state.columns1}
  608. dataSource={this.state.unreadData[this.state.unreadDataIndex] ? this.state.unreadData[this.state.unreadDataIndex].list : []}
  609. pagination={false}
  610. scroll={{ y: 600, x: 1000 }}
  611. />
  612. </Spin>
  613. <Button
  614. onClick={this.handleOk}
  615. type={"primary"}
  616. style={{
  617. position: "relative",
  618. left: "50%",
  619. transform: "translateX(-50%)",
  620. bottom: -10
  621. }}
  622. >
  623. 我已阅读以上信息
  624. </Button>
  625. </Modal>
  626. <FollowDetail
  627. categoryArr={this.state.categoryArr}
  628. followData={this.state.followData}
  629. visitModul={this.state.visitModul}
  630. closeDesc={this.closeDesc}
  631. />
  632. <textarea id='copyText1' style={{ opacity: 0 }} />
  633. </div>
  634. );
  635. }
  636. });
  637. const Content = React.createClass({
  638. getInitialState() {
  639. return {
  640. loading: false,
  641. component: '<div></div>'
  642. };
  643. },
  644. getKey(key) {
  645. switch (key) {
  646. case 'normal':
  647. require.ensure([], () => {
  648. this.setState({
  649. component: <MessageModal />,
  650. });
  651. });
  652. break;
  653. case "contacts":
  654. let Module = require('./contacts/index').default;
  655. require.ensure([], () => {
  656. this.setState({
  657. component: <Module />,
  658. });
  659. });
  660. break;
  661. default:
  662. require.ensure([], () => {
  663. let Module = require('../module').default;
  664. this.setState({
  665. component: <Module />
  666. });
  667. });
  668. }
  669. window.location.hash = key;
  670. },
  671. componentWillMount() {
  672. if (window.location.hash) {
  673. this.getKey((window.location.hash).slice(1));
  674. } else {
  675. this.getKey('normal');
  676. };
  677. },
  678. render() {
  679. return (
  680. <div className="manage-content">
  681. <LeftTab handlekey={this.getKey} />
  682. <div className="content-right">
  683. <Spin spinning={this.state.loading} className='spin-box'>
  684. <div className="index-content">
  685. {this.state.component}
  686. </div>
  687. </Spin>
  688. </div>
  689. </div>
  690. )
  691. }
  692. });
  693. export default Content;
  694. // <div className="index-content">
  695. // <div className="index-userdata clearfix">
  696. // <p className="acc-title">{this.state.number}</p>
  697. // <div className="userdata-img">
  698. // <img src={globalConfig.staticHost + "/upload" + this.state.personPortraitUrl} alt="" />
  699. // </div>
  700. // <div className="userdata-content">
  701. // {(() => {
  702. // switch (userData.lvl || this.state.userlvl) {
  703. // case '0':
  704. // return <p className="userdata-lvl">等级:<span>LV1</span> 普通用户</p>;
  705. // case '1':
  706. // return <p className="userdata-lvl">等级:<span>LV2</span> 已认证用户</p>;
  707. // };
  708. // })()}
  709. // <p>完善资料 {this.state.per}% ,<a href="./set.html">继续完善</a>,有助于提高您的资信</p>
  710. // <p className="userdata-relate" style={{ 'display': 'none' }}>
  711. // <Button className="relateqq"><img src={qq} alt="" /> QQ账号登录</Button>
  712. // <Button className="relateweibo"><img src={weibo} alt="" />微博账号登录</Button>
  713. // <Button className="relateweixin"><img src={weixin} alt="" />微信账号登录</Button>
  714. // </p>
  715. // <div className="userdata-follow">已有<a href="">{this.state.follow}</a>人关注你</div>
  716. // </div>
  717. // </div>
  718. // <div className="index-record">
  719. // <p className="acc-title">我的轨迹</p>
  720. // <ul className="record-list clearfix">
  721. // <li>技术成果:<a href="">{this.state.chengguo}</a>项</li>
  722. // <li>技术开发:<a href="">{this.state.kaifa}</a>项</li>
  723. // <li>科技服务:<a href="">{this.state.fuwu}</a>项</li>
  724. // <li>发布需求:<a href="">{this.state.xuqiu}</a>项</li>
  725. // </ul>
  726. // </div>
  727. // <div className="index-activity">
  728. // <Tabs defaultActiveKey="1" onChange={this.tabChange}>
  729. // <TabPane tab="活动" key="1">
  730. // <p className="acc-title">即将举办的活动</p>
  731. // <ul className="activity-list">
  732. // {
  733. // this.state.activityArr.map(function (item, i) {
  734. // return <li key={i}>
  735. // <span className="list-type">[{item.type}]</span>
  736. // <span className="list-title">{item.title}</span>
  737. // <a href={item.link}>报名</a>
  738. // <span className="list-time">{item.time}</span>
  739. // </li>;
  740. // })
  741. // }
  742. // </ul>
  743. // </TabPane>
  744. // <TabPane tab="其他" key="2">Content of Tab Pane 2</TabPane>
  745. // </Tabs>
  746. // </div>
  747. // </div>