videoList.jsx 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  1. import React from 'react';
  2. import { Icon, Button, Input, Select, Spin, Table, Switch, message, DatePicker } from 'antd';
  3. import $ from 'jquery/src/ajax';
  4. import moment from 'moment';
  5. import '@/account/demand/techDemand.less';
  6. import NewDesc from '@/administration/video/videoDesc';
  7. import { videoType ,releaseStateList} from '@/dataDic.js';
  8. import {getVideoType,getReleaseStateList } from '@/tools.js';
  9. const PolicyList = React.createClass({
  10. loadData(pageNo) {
  11. this.state.data = [];
  12. this.setState({
  13. page:pageNo,
  14. loading: true
  15. });
  16. $.ajax({
  17. method: "get",
  18. dataType: "json",
  19. crossDomain: false,
  20. url: globalConfig.context + "/api/admin/policy/list",
  21. data: {
  22. pageNo: pageNo || 1,
  23. pageSize: this.state.pagination.pageSize,
  24. title: this.state.nameSearch, //政策标题
  25. startReleaseDate: this.state.releaseDate[0],
  26. endReleaseDate: this.state.releaseDate[1],
  27. auditStatus:this.state.auditStatusSearch,
  28. },
  29. success: function (data) {
  30. let theArr = [];
  31. if (!data.data || !data.data.list) {
  32. if (data.error && data.error.length) {
  33. message.warning(data.error[0].message);
  34. };
  35. } else {
  36. for (let i = 0; i < data.data.list.length; i++) {
  37. let thisdata = data.data.list[i];
  38. theArr.push({
  39. key: i,
  40. id: thisdata.id,
  41. title: thisdata.title,
  42. author:thisdata.author,
  43. source: thisdata.source,
  44. auditStatus: thisdata.auditStatus, //审核状态
  45. releaseDate:thisdata.releaseDate?(new Date(thisdata.releaseDate)).toLocaleString():''
  46. });
  47. };
  48. };
  49. this.state.selectedRowKeys=[];
  50. this.state.pagination.current = data.data.pageNo;
  51. this.state.pagination.total = data.data.totalCount;
  52. if(data.data&&data.data.list&&!data.data.list.length){
  53. this.state.pagination.current=0
  54. this.state.pagination.total=0
  55. };
  56. this.setState({
  57. dataSource: theArr,
  58. pagination: this.state.pagination
  59. });
  60. }.bind(this),
  61. }).always(function () {
  62. this.setState({
  63. loading: false
  64. });
  65. }.bind(this));
  66. },
  67. getInitialState() {
  68. return {
  69. searchMore: true,
  70. validityPeriodDate: [],
  71. releaseDate: [],
  72. selectedRowKeys: [],
  73. selectedRows: [],
  74. loading: false,
  75. pagination: {
  76. defaultCurrent: 1,
  77. defaultPageSize: 10,
  78. showQuickJumper: true,
  79. pageSize: 10,
  80. onChange: function (page) {
  81. this.loadData(page);
  82. }.bind(this),
  83. showTotal: function (total) {
  84. return '共' + total + '条数据';
  85. }
  86. },
  87. columns: [
  88. {
  89. title: '视频名称',
  90. dataIndex: 'title',
  91. key: 'title',
  92. }, {
  93. title: '视频地址',
  94. dataIndex: 'author',
  95. key: 'author',
  96. },
  97. {
  98. title: '视频类型',
  99. dataIndex: 'auditStatus',
  100. key: 'auditStatus',
  101. render: text => { return getVideoType(text) }
  102. },
  103. {
  104. title: '上传者',
  105. dataIndex: 'source',
  106. key: 'source',
  107. render:text=>{return <span>管理员</span>}
  108. },
  109. {
  110. title: '上传时间',
  111. dataIndex: 'releaseDate',
  112. key: 'releaseDate'
  113. },
  114. {
  115. title: '状态',
  116. dataIndex: 'releaseDate1',
  117. key: 'releaseDate1',
  118. render: text => { return getReleaseStateList(text) }
  119. },
  120. {
  121. title: '操作',
  122. dataIndex: 'caozuo',
  123. key: 'caozuo',
  124. render:(text,recard) => {
  125. return <div className="btnRight">
  126. {recard.auditStatus!='1'&&recard.auditStatus!='2'&&<Button type="primary" style={{ background: "#3fcf9e", border: "none", color: "#fff" }} onClick={(e)=>{e.stopPropagation(),this.submission(recard)}}>发布</Button>}
  127. {recard.auditStatus!='1'&&recard.auditStatus=='2'&&<Button type="success" onClick={(e)=>{ e.stopPropagation(),this.updateFun(recard)}}>刷新发布</Button>}
  128. {recard.auditStatus!='1'&&recard.auditStatus=='2'&&<Button type="danger" onClick={(e)=>{e.stopPropagation(),this.revokeFun(recard)}}>撤销发布</Button>}
  129. </div>
  130. }
  131. }
  132. ],
  133. dataSource: [],
  134. searchTime: [,]
  135. };
  136. },
  137. //发布
  138. submission(record){
  139. this.setState({
  140. showDesc:false,
  141. loading:true
  142. });
  143. $.ajax({
  144. method: "POST",
  145. dataType: "json",
  146. crossDomain: false,
  147. url: globalConfig.context + "/api/admin/policy/updateStatus",
  148. data: {
  149. id:record.id,
  150. auditStatus:2
  151. }
  152. }).done(function (data) {
  153. if (!data.error.length) {
  154. message.success('发布成功.');
  155. this.setState({
  156. loading: false,
  157. });
  158. this.loadData(this.state.page)
  159. } else {
  160. message.warning(data.error[0].message);
  161. };
  162. }.bind(this));
  163. },
  164. //刷新发布
  165. updateFun(recard){
  166. this.setState({
  167. loading:true
  168. })
  169. $.ajax({
  170. method: "POST",
  171. dataType: "json",
  172. crossDomain: false,
  173. url: globalConfig.context +'/api/admin/policy/updateStatus',
  174. data: {
  175. id: recard.id,
  176. auditStatus:recard.auditStatus,
  177. refresh:1
  178. }
  179. }).done(function (data) {
  180. if (!data.error.length) {
  181. message.success('刷新成功!');
  182. this.setState({
  183. loading: false,
  184. });
  185. } else {
  186. message.warning(data.error[0].message);
  187. };
  188. this.loadData(this.state.page);
  189. }.bind(this));
  190. },
  191. //撤销发布
  192. revokeFun(recard){
  193. this.setState({
  194. loading:true
  195. })
  196. $.ajax({
  197. method: "POST",
  198. dataType: "json",
  199. crossDomain: false,
  200. url: globalConfig.context + '/api/admin/policy/updateStatus',
  201. data: {
  202. id: recard.id,
  203. auditStatus:4,
  204. }
  205. }).done(function (data) {
  206. if (!data.error.length) {
  207. message.success('撤销成功!');
  208. this.setState({
  209. loading: false,
  210. });
  211. this.loadData(this.state.page);
  212. } else {
  213. message.warning(data.error[0].message);
  214. };
  215. }.bind(this));
  216. },
  217. componentWillMount() {
  218. this.loadData();
  219. },
  220. tableRowClick(record, index) {
  221. this.state.RowData = record;
  222. this.setState({
  223. showDesc: true
  224. });
  225. },
  226. delectRow() {
  227. this.setState({
  228. loading:true
  229. })
  230. let deletedIds =[];
  231. let rowItem = this.state.selectedRowKeys[0];
  232. let data = this.state.dataSource ||[];
  233. if (data.length) {
  234. deletedIds.push(data[rowItem].id);
  235. }
  236. $.ajax({
  237. method: "POST",
  238. dataType: "json",
  239. crossDomain: false,
  240. url: globalConfig.context + "/api/admin/policy/delete",
  241. data: {
  242. id: deletedIds[0]
  243. }
  244. }).done(function (data) {
  245. if (!data.error.length) {
  246. message.success('删除成功!');
  247. this.setState({
  248. loading: false
  249. });
  250. this.loadData(this.state.page);
  251. } else {
  252. message.warning(data.error[0].message);
  253. };
  254. }.bind(this));
  255. },
  256. addClick() {
  257. this.state.RowData = {};
  258. this.setState({
  259. showDesc: true
  260. });
  261. },
  262. closeDesc(e, s) {
  263. this.state.showDesc = e;
  264. if (s) {
  265. this.loadData(this.state.page);
  266. };
  267. },
  268. search() {
  269. this.loadData();
  270. },
  271. reset() {
  272. this.state.videoName = '';
  273. this.state.releaseDate = [];
  274. this.state.videoType = undefined;
  275. this.state.videoState = undefined;
  276. this.loadData();
  277. },
  278. searchSwitch() {
  279. this.setState({
  280. searchMore: !this.state.searchMore
  281. });
  282. },
  283. render() {
  284. const rowSelection = {
  285. selectedRowKeys: this.state.selectedRowKeys,
  286. onChange: (selectedRowKeys, selectedRows) => {
  287. this.setState({
  288. selectedRows: selectedRows.slice(-1),
  289. selectedRowKeys: selectedRowKeys.slice(-1)
  290. });
  291. }
  292. };
  293. const { RangePicker } = DatePicker;
  294. const hasSelect = this.state.selectedRowKeys.length;
  295. return (
  296. <div className="user-content" >
  297. <div className="content-title">
  298. <span>视频管理</span>
  299. <div className="patent-addNew">
  300. <Button type="primary" onClick={this.addClick}>新建视频<Icon type="plus" /></Button>
  301. </div>
  302. </div>
  303. <div className="user-search">
  304. <Input placeholder="视频名称"
  305. value={this.state.videoName}
  306. onChange={(e) => { this.setState({ videoName: e.target.value }); }} />
  307. <Select placeholder="视频类型" style={{ width: 120 }}
  308. value={this.state.videoType}
  309. onChange={(e) => { this.setState({ videoType: e }) }}>
  310. {videoType.map(item=>{
  311. return <Select.Option value={item.value}>{item.key}</Select.Option>
  312. })}
  313. </Select>
  314. <Select placeholder="视频状态" style={{ width: 120 }}
  315. value={this.state.videoState}
  316. onChange={(e) => { this.setState({ videoState: e }) }}>
  317. {releaseStateList.map(item=>{
  318. return <Select.Option value={item.value}>{item.key}</Select.Option>
  319. })}
  320. </Select>
  321. <Button type="primary" onClick={this.search}>搜索</Button>
  322. <Button onClick={this.reset}>重置</Button>
  323. <Button type="danger" disabled={!hasSelect} onClick={(e)=>{this.delectRow()}}>删除</Button>
  324. </div>
  325. <div className="patent-table">
  326. <Spin spinning={this.state.loading}>
  327. <Table columns={this.state.columns}
  328. dataSource={this.state.dataSource}
  329. rowSelection={rowSelection}
  330. pagination={this.state.pagination}
  331. onRowClick={this.tableRowClick} />
  332. </Spin>
  333. </div>
  334. <NewDesc
  335. data={this.state.RowData}
  336. showDesc={this.state.showDesc}
  337. closeDesc={this.closeDesc} />
  338. </div >
  339. );
  340. }
  341. });
  342. export default PolicyList;