lecture.jsx 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655
  1. import React from 'react';
  2. import { Icon, Button, Spin, message, Table, Cascader, Input, Modal, DatePicker, Upload, Checkbox } from 'antd';
  3. import { techFieldList, getTechField } from '../../../DicTechFieldList';
  4. import { beforeUpload, getBase64 } from '../../../tools';
  5. import moment from 'moment';
  6. import ajax from 'jquery/src/ajax/xhr.js';
  7. import $ from 'jquery/src/ajax';
  8. const Avatar = React.createClass({
  9. getInitialState() {
  10. return {
  11. imageUrl: ''
  12. }
  13. },
  14. handleChange(info) {
  15. if (info.file.status === 'done') {
  16. // Get this url from response in real world.
  17. getBase64(info.file.originFileObj, imageUrl => this.setState({ imageUrl }));
  18. this.props.urlData(info.file.response.data);
  19. }
  20. },
  21. componentWillReceiveProps(nextProps) {
  22. if (this.props.uid != nextProps.uid) {
  23. this.state.imageUrl = null;
  24. };
  25. },
  26. render() {
  27. const imageUrl = this.state.imageUrl;
  28. return (
  29. <Upload
  30. className="avatar-uploader"
  31. name={this.props.name}
  32. showUploadList={false}
  33. action={globalConfig.context + "/api/admin/lecture/upload"}
  34. data={{ 'uid': this.props.uid, 'sign': 'lecture_picture' }}
  35. beforeUpload={beforeUpload}
  36. onChange={this.handleChange} >
  37. {
  38. (imageUrl || this.props.imageUrl) ?
  39. <img src={imageUrl || this.props.imageUrl} role="presentation" id={this.props.name} /> :
  40. <Icon type="plus" className="avatar-uploader-trigger" />
  41. }
  42. </Upload>
  43. );
  44. }
  45. });
  46. const Lecture = React.createClass({
  47. loadUserData(pageNo) {
  48. this.setState({
  49. loading: true
  50. });
  51. $.ajax({
  52. method: "get",
  53. dataType: "json",
  54. crossDomain: false,
  55. url: globalConfig.context + '/api/admin/lecture/starAndExpertList',
  56. data: {
  57. pageNo: pageNo || 1,
  58. pageSize: this.state.userPagination.pageSize,
  59. number: this.state.searchUserNumber, //编号
  60. username: this.state.searchUserName, //名称
  61. engagedField: this.state.searchField ? this.state.searchField.join(',') : undefined,
  62. professionalTitle: this.state.searchPfs,
  63. workUnit: this.state.searchUnit
  64. },
  65. success: function (data) {
  66. let theArr = [];
  67. if (!data.data || !data.data.list) {
  68. if (data.error && data.error.length) {
  69. message.warning(data.error[0].message);
  70. };
  71. } else {
  72. for (let i = 0; i < data.data.list.length; i++) {
  73. let thisdata = data.data.list[i];
  74. theArr.push({
  75. key: i,
  76. uid: thisdata.uid,
  77. engagedField: thisdata.engagedField ? thisdata.engagedField.split(',') : [],
  78. username: thisdata.username,
  79. professionalTitle: thisdata.professionalTitle,
  80. workUnit: thisdata.workUnit,
  81. number: thisdata.number,
  82. achievementNums: thisdata.achievementNums,
  83. });
  84. };
  85. this.state.userPagination.current = data.data.pageNo;
  86. this.state.userPagination.total = data.data.totalCount;
  87. };
  88. this.setState({
  89. userTableData: theArr,
  90. userPagination: this.state.userPagination
  91. });
  92. }.bind(this),
  93. }).always(function () {
  94. this.setState({
  95. loading: false
  96. });
  97. }.bind(this));
  98. },
  99. loadLectureData(pageNo) {
  100. this.setState({
  101. loading: true
  102. });
  103. $.ajax({
  104. method: "get",
  105. dataType: "json",
  106. crossDomain: false,
  107. url: globalConfig.context + '/api/admin/lecture/list',
  108. data: {
  109. pageNo: pageNo || 1,
  110. pageSize: this.state.lecturePagination.pageSize,
  111. username: this.state.searchLectureUser, //用户名称
  112. name: this.state.searchLectureName, //讲座名称
  113. startLectureTime: this.state.startLectureTime,
  114. endLectureTime: this.state.endLectureTime
  115. },
  116. success: function (data) {
  117. let theArr = [];
  118. if (!data.data || !data.data.list) {
  119. if (data.error && data.error.length) {
  120. message.warning(data.error[0].message);
  121. };
  122. } else {
  123. for (let i = 0; i < data.data.list.length; i++) {
  124. let thisdata = data.data.list[i];
  125. theArr.push({
  126. key: i,
  127. id: thisdata.id,
  128. uid: thisdata.uid,
  129. lectureTime: thisdata.lectureTime,
  130. endTime: thisdata.endTime,
  131. name: thisdata.name,
  132. summary: thisdata.summary,
  133. username: thisdata.username,
  134. lectureUrl: thisdata.lectureUrl,
  135. lectureTimeFormattedDate: thisdata.lectureTimeFormattedDate,
  136. endTimeFormattedDate: thisdata.endTimeFormattedDate,
  137. hot: thisdata.hot,
  138. dynamic: thisdata.dynamic
  139. });
  140. };
  141. this.state.lecturePagination.current = data.data.pageNo;
  142. this.state.lecturePagination.total = data.data.totalCount;
  143. };
  144. this.setState({
  145. lectureTableData: theArr,
  146. lecturePagination: this.state.lecturePagination
  147. });
  148. }.bind(this),
  149. }).always(function () {
  150. this.setState({
  151. loading: false
  152. });
  153. }.bind(this));
  154. },
  155. loadHotData() {
  156. this.setState({
  157. loading: true
  158. });
  159. $.ajax({
  160. method: "get",
  161. dataType: "json",
  162. crossDomain: false,
  163. url: globalConfig.context + '/api/admin/lecture/hotList',
  164. success: function (data) {
  165. let theArr = [];
  166. if (!data.data) {
  167. if (data.error && data.error.length) {
  168. message.warning(data.error[0].message);
  169. };
  170. } else {
  171. for (let i = 0; i < data.data.length; i++) {
  172. let thisdata = data.data[i];
  173. theArr.push({
  174. key: i,
  175. id: thisdata.id,
  176. uid: thisdata.uid,
  177. lectureTime: thisdata.lectureTime,
  178. endTime: thisdata.endTime,
  179. name: thisdata.name,
  180. summary: thisdata.summary,
  181. username: thisdata.username,
  182. lectureUrl: thisdata.lectureUrl,
  183. lectureTimeFormattedDate: thisdata.lectureTimeFormattedDate,
  184. endTimeFormattedDate: thisdata.endTimeFormattedDate,
  185. hot: thisdata.hot,
  186. dynamic: thisdata.dynamic
  187. });
  188. };
  189. };
  190. this.setState({
  191. hotTableData: theArr
  192. });
  193. }.bind(this),
  194. }).always(function () {
  195. this.setState({
  196. loading: false
  197. });
  198. }.bind(this));
  199. },
  200. loadDynamicData() {
  201. this.setState({
  202. loading: true
  203. });
  204. $.ajax({
  205. method: "get",
  206. dataType: "json",
  207. crossDomain: false,
  208. url: globalConfig.context + '/api/admin/lecture/dynamic',
  209. success: function (data) {
  210. let theArr = [];
  211. if (!data.data) {
  212. if (data.error && data.error.length) {
  213. message.warning(data.error[0].message);
  214. };
  215. } else {
  216. for (let i = 0; i < data.data.length; i++) {
  217. let thisdata = data.data[i];
  218. theArr.push({
  219. key: i,
  220. id: thisdata.id,
  221. uid: thisdata.uid,
  222. lectureTime: thisdata.lectureTime,
  223. endTime: thisdata.endTime,
  224. name: thisdata.name,
  225. summary: thisdata.summary,
  226. username: thisdata.username,
  227. lectureUrl: thisdata.lectureUrl,
  228. lectureTimeFormattedDate: thisdata.lectureTimeFormattedDate,
  229. endTimeFormattedDate: thisdata.endTimeFormattedDate,
  230. hot: thisdata.hot,
  231. dynamic: thisdata.dynamic
  232. });
  233. };
  234. };
  235. this.setState({
  236. dynamicTableData: theArr
  237. });
  238. }.bind(this),
  239. }).always(function () {
  240. this.setState({
  241. loading: false
  242. });
  243. }.bind(this));
  244. },
  245. loadData() {
  246. this.loadUserData();
  247. this.loadLectureData();
  248. this.loadHotData();
  249. this.loadDynamicData();
  250. },
  251. getInitialState() {
  252. return {
  253. loading: false,
  254. addVisible: false,
  255. addModal: {},
  256. selectedRowKeys: [],
  257. selectedRows: [],
  258. userPagination: {
  259. defaultCurrent: 1,
  260. defaultPageSize: 10,
  261. showQuickJumper: true,
  262. pageSize: 10,
  263. onChange: function (page) {
  264. this.loadUserData(page);
  265. }.bind(this),
  266. showTotal: function (total) {
  267. return '共' + total + '条数据';
  268. }
  269. },
  270. lecturePagination: {
  271. defaultCurrent: 1,
  272. defaultPageSize: 10,
  273. showQuickJumper: true,
  274. pageSize: 10,
  275. onChange: function (page) {
  276. this.loadLectureData(page);
  277. }.bind(this),
  278. showTotal: function (total) {
  279. return '共' + total + '条数据';
  280. }
  281. },
  282. userColumns: [
  283. {
  284. title: '编号',
  285. dataIndex: 'number',
  286. key: 'number',
  287. }, {
  288. title: '姓名',
  289. dataIndex: 'username',
  290. key: 'username',
  291. }, {
  292. title: '从事领域',
  293. dataIndex: 'engagedField',
  294. key: 'engagedField',
  295. render: text => { return getTechField(text[0], text[1], text[2]) }
  296. }, {
  297. title: '职称名字',
  298. dataIndex: 'professionalTitle',
  299. key: 'professionalTitle',
  300. }, {
  301. title: '工作单位',
  302. dataIndex: 'workUnit',
  303. key: 'workUnit',
  304. }, {
  305. title: '成果数量',
  306. dataIndex: 'achievementNums',
  307. key: 'achievementNums',
  308. }
  309. ],
  310. lectureColumns: [
  311. {
  312. title: '讲堂名称',
  313. dataIndex: 'name',
  314. key: 'name',
  315. }, {
  316. title: '开讲人姓名',
  317. dataIndex: 'username',
  318. key: 'username',
  319. }, {
  320. title: '描述',
  321. dataIndex: 'summary',
  322. key: 'summary',
  323. width: '50%'
  324. }, {
  325. title: '开始时间',
  326. dataIndex: 'lectureTimeFormattedDate',
  327. key: 'lectureTimeFormattedDate',
  328. }, {
  329. title: '结束时间',
  330. dataIndex: 'endTimeFormattedDate',
  331. key: 'endTimeFormattedDate',
  332. }, {
  333. title: '展示图',
  334. dataIndex: 'lectureUrl',
  335. key: 'lectureUrl',
  336. render: text => {
  337. if (text) {
  338. return '已上传'
  339. } else {
  340. return '未上传'
  341. };
  342. }
  343. }
  344. ],
  345. userTableData: [],
  346. lectureTableData: [],
  347. hotTableData: [],
  348. dynamicTableData: []
  349. };
  350. },
  351. delectRow() {
  352. let deletedIds = [];
  353. for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
  354. let rowItem = this.state.selectedRows[idx];
  355. if (rowItem.id) {
  356. deletedIds.push(rowItem.id)
  357. };
  358. };
  359. this.setState({
  360. selectedRowKeys: [],
  361. loading: deletedIds.length > 0
  362. });
  363. $.ajax({
  364. method: "POST",
  365. dataType: "json",
  366. crossDomain: false,
  367. url: globalConfig.context + "/api/admin/lecture/delete",
  368. data: {
  369. ids: deletedIds
  370. }
  371. }).done(function (data) {
  372. if (data.error && data.error.length) {
  373. message.warning(data.error[0].message);
  374. } else {
  375. message.success('删除成功!');
  376. this.loadData();
  377. };
  378. this.setState({
  379. loading: false,
  380. });
  381. }.bind(this));
  382. },
  383. componentWillMount() {
  384. this.loadData();
  385. },
  386. submit() {
  387. this.setState({
  388. loading: true
  389. });
  390. $.ajax({
  391. method: "post",
  392. dataType: "json",
  393. crossDomain: false,
  394. url: globalConfig.context + (this.state.addModal.id ? '/api/admin/lecture/update' : '/api/admin/lecture/add'),
  395. data: {
  396. 'id': this.state.addModal.id,
  397. "uid": this.state.addModal.uid,
  398. "name": this.state.addModal.name,
  399. "summary": this.state.addModal.summary,
  400. "lectureUrl": this.state.addModal.lectureUrl,
  401. "lectureTimeFormattedDate": this.state.addModal.lectureTimeFormattedDate,
  402. "endTimeFormattedDate": this.state.addModal.endTimeFormattedDate,
  403. "hot": this.state.addModal.showBig ? 1 : 0,
  404. "dynamic": this.state.addModal.showStar ? 1 : 0
  405. },
  406. success: function (data) {
  407. if (data.error && data.error.length) {
  408. message.warning(data.error[0].message);
  409. } else {
  410. message.success('保存成功!');
  411. this.setState({ addVisible: false });
  412. this.loadData();
  413. };
  414. }.bind(this),
  415. }).always(function () {
  416. this.setState({
  417. loading: false
  418. });
  419. }.bind(this));
  420. },
  421. resetUser() {
  422. this.state.searchUserNumber = undefined;
  423. this.state.searchUserName = undefined;
  424. this.state.searchField = undefined;
  425. this.state.searchPfs = undefined;
  426. this.state.searchUnit = undefined;
  427. this.loadUserData();
  428. },
  429. resetList() {
  430. this.state.searchLectureUser = undefined;
  431. this.state.searchLectureName = undefined;
  432. this.state.startLectureTime = undefined;
  433. this.state.endLectureTime = undefined;
  434. this.loadLectureData();
  435. },
  436. userTableRowClick(record, index) {
  437. this.state.addModal.uid = record.uid;
  438. this.state.addModal.username = record.username;
  439. this.setState({
  440. addVisible: true
  441. });
  442. },
  443. listTableRowClick(record, index) {
  444. this.state.addModal = record;
  445. this.state.addModal.showBig = record.hot ? true : false;
  446. this.state.addModal.showStar = record.dynamic ? true : false;
  447. this.setState({
  448. addVisible: true
  449. });
  450. },
  451. render() {
  452. const rowSelection = {
  453. selectedRowKeys: this.state.selectedRowKeys,
  454. onChange: (selectedRowKeys, selectedRows) => {
  455. this.setState({
  456. selectedRows: selectedRows,
  457. selectedRowKeys: selectedRowKeys
  458. });
  459. }
  460. };
  461. const hasSelected = this.state.selectedRowKeys.length > 0;
  462. return (
  463. <div className="admin-content" >
  464. <div className="admin-content-title">科技讲堂管理</div>
  465. <div className="admin-content-warp">
  466. <div className="admin-content-header">专家明星列表</div>
  467. <div className="admin-content-search">
  468. <Input placeholder="编号" style={{ width: 100 }}
  469. value={this.state.searchUserNumber}
  470. onChange={(e) => { this.setState({ searchUserNumber: e.target.value }); }} />
  471. <Input placeholder="专家明星名称" style={{ width: 160 }}
  472. value={this.state.searchUserName}
  473. onChange={(e) => { this.setState({ searchUserName: e.target.value }); }} />
  474. <Cascader placeholder="请选择一个行业" style={{ width: 300 }}
  475. options={techFieldList}
  476. value={this.state.searchField}
  477. onChange={(e) => { this.setState({ searchField: e }) }} />
  478. <Input placeholder="职称名字" style={{ width: 160 }}
  479. value={this.state.searchPfs}
  480. onChange={(e) => { this.setState({ searchPfs: e.target.value }); }} />
  481. <Input placeholder="工作单位" style={{ width: 160 }}
  482. value={this.state.searchUnit}
  483. onChange={(e) => { this.setState({ searchUnit: e.target.value }); }} />
  484. <Button type="primary" onClick={() => { this.loadUserData() }}>搜索</Button>
  485. <Button onClick={this.resetUser}>重置</Button>
  486. </div>
  487. <Spin spinning={this.state.loading}>
  488. <Table columns={this.state.userColumns}
  489. dataSource={this.state.userTableData}
  490. pagination={this.state.userPagination}
  491. onRowClick={this.userTableRowClick} />
  492. </Spin>
  493. </div>
  494. <div className="admin-content-warp">
  495. <div className="admin-content-header">
  496. <span>讲堂列表</span>
  497. <Button type='danger' disabled={!hasSelected} onClick={this.delectRow}>
  498. 删除<Icon type="minus" />
  499. </Button>
  500. </div>
  501. <div className="admin-content-search">
  502. <Input placeholder="开讲人名称" style={{ width: 160 }}
  503. value={this.state.searchLectureUser}
  504. onChange={(e) => { this.setState({ searchLectureUser: e.target.value }); }} />
  505. <Input placeholder="讲座标题" style={{ width: 160 }}
  506. value={this.state.searchLectureName}
  507. onChange={(e) => { this.setState({ searchLectureName: e.target.value }); }} />
  508. <span>开始时间</span>
  509. <DatePicker
  510. showTime
  511. format="YYYY-MM-DD HH:mm:ss"
  512. placeholder="选择开始搜索时间"
  513. value={this.state.startLectureTime ? moment(this.state.startLectureTime, "YYYY-MM-DD HH:mm:ss") : undefined}
  514. onChange={(t, str) => {
  515. this.setState({ startLectureTime: str });
  516. }} />
  517. <span>到</span>
  518. <DatePicker
  519. showTime
  520. format="YYYY-MM-DD HH:mm:ss"
  521. placeholder="选择结束搜索时间"
  522. value={this.state.endLectureTime ? moment(this.state.endLectureTime, "YYYY-MM-DD HH:mm:ss") : undefined}
  523. onChange={(t, str) => {
  524. this.setState({ endLectureTime: str });
  525. }} />
  526. <Button type="primary" onClick={() => { this.loadLectureData() }}>搜索</Button>
  527. <Button onClick={this.resetList}>重置</Button>
  528. </div>
  529. <Spin spinning={this.state.loading}>
  530. <Table columns={this.state.lectureColumns}
  531. dataSource={this.state.lectureTableData}
  532. rowSelection={rowSelection}
  533. onRowClick={this.listTableRowClick}
  534. pagination={this.state.lecturePagination} />
  535. </Spin>
  536. </div>
  537. <div className="clearfix">
  538. <div className="admin-content-warp" style={{ width: '50%', float: 'left' }}>
  539. <div className="admin-content-header">
  540. <span>大咖页列表</span>
  541. </div>
  542. <Spin spinning={this.state.loading}>
  543. <Table columns={this.state.lectureColumns}
  544. dataSource={this.state.hotTableData}
  545. onRowClick={this.listTableRowClick}
  546. pagination={false} />
  547. </Spin>
  548. </div>
  549. <div className="admin-content-warp" style={{ width: '50%', float: 'left' }}>
  550. <div className="admin-content-header">
  551. <span>明星动态列表</span>
  552. </div>
  553. <Spin spinning={this.state.loading}>
  554. <Table columns={this.state.lectureColumns}
  555. dataSource={this.state.dynamicTableData}
  556. onRowClick={this.listTableRowClick}
  557. pagination={false} />
  558. </Spin>
  559. </div>
  560. </div>
  561. <Modal
  562. title="科技讲堂详情" width={600}
  563. visible={this.state.addVisible}
  564. maskClosable={false}
  565. footer={null}
  566. afterClose={() => { this.state.addModal = {} }}
  567. onCancel={() => { this.setState({ addVisible: false }) }} >
  568. <Spin spinning={this.state.loading}>
  569. <div className="modal-box">
  570. <span className="modal-box-title">开讲人</span>
  571. <div className="modal-box-detail">
  572. {this.state.addModal.username}
  573. </div>
  574. </div>
  575. <div className="modal-box">
  576. <span className="modal-box-title">讲堂标题</span>
  577. <div className="modal-box-detail">
  578. <Input value={this.state.addModal.name}
  579. onChange={(e) => {
  580. this.state.addModal.name = e.target.value;
  581. this.setState({ addModal: this.state.addModal });
  582. }} />
  583. </div>
  584. </div>
  585. <div className="modal-box">
  586. <span className="modal-box-title">讲堂描述</span>
  587. <div className="modal-box-detail">
  588. <Input type="textarea" value={this.state.addModal.summary} rows={4}
  589. onChange={(e) => {
  590. this.state.addModal.summary = e.target.value;
  591. this.setState({ addModal: this.state.addModal });
  592. }} />
  593. </div>
  594. </div>
  595. <div className="modal-box">
  596. <span className="modal-box-title">开讲时间</span>
  597. <div className="modal-box-detail">
  598. <DatePicker
  599. showTime
  600. format="YYYY-MM-DD HH:mm:ss"
  601. placeholder="选择开始时间"
  602. value={this.state.addModal.lectureTimeFormattedDate ? moment(this.state.addModal.lectureTimeFormattedDate, "YYYY-MM-DD HH:mm:ss") : undefined}
  603. onChange={(t, str) => {
  604. this.state.addModal.lectureTimeFormattedDate = str;
  605. this.setState({ addModal: this.state.addModal });
  606. }} />
  607. <span>到</span>
  608. <DatePicker
  609. showTime
  610. format="YYYY-MM-DD HH:mm:ss"
  611. placeholder="选择结束时间"
  612. value={this.state.addModal.endTimeFormattedDate ? moment(this.state.addModal.endTimeFormattedDate, "YYYY-MM-DD HH:mm:ss") : undefined}
  613. onChange={(t, str) => {
  614. this.state.addModal.endTimeFormattedDate = str;
  615. this.setState({ addModal: this.state.addModal });
  616. }} />
  617. </div>
  618. </div>
  619. <div className="modal-box">
  620. <span className="modal-box-title">讲堂图片</span>
  621. <div className="modal-box-detail clearfix">
  622. <Avatar uid={this.state.addModal.uid}
  623. imageUrl={this.state.addModal.lectureUrl ? (globalConfig.avatarHost + "/upload" + this.state.addModal.lectureUrl) : null}
  624. urlData={(url) => { this.state.addModal.lectureUrl = url }} />
  625. </div>
  626. </div>
  627. <div className="modal-box">
  628. <span className="modal-box-title">其他选项</span>
  629. <div className="modal-box-detail clearfix">
  630. <Checkbox checked={this.state.addModal.showBig}
  631. onChange={(e) => {
  632. this.state.addModal.showBig = e.target.checked;
  633. this.setState({ addModal: this.state.addModal });
  634. }}>显示到大咖说</Checkbox>
  635. <Checkbox checked={this.state.addModal.showStar}
  636. onChange={(e) => {
  637. this.state.addModal.showStar = e.target.checked;
  638. this.setState({ addModal: this.state.addModal });
  639. }}>显示到明星动态</Checkbox>
  640. </div>
  641. </div>
  642. <div className="modal-box">
  643. <Button type="primary" onClick={this.submit}>提交</Button>
  644. <Button type="ghost" onClick={() => { this.setState({ addVisible: false }) }}>取消</Button>
  645. </div>
  646. </Spin>
  647. </Modal>
  648. </div>
  649. );
  650. }
  651. });
  652. export default Lecture;