app-base-react/lib/pages/train/components/TrainChapterList.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _spin=require("antd/lib/spin"),_spin2=_interopRequireDefault(_spin),_empty=require("antd/lib/empty"),_empty2=_interopRequireDefault(_empty),_pagination=require("antd/lib/pagination"),_pagination2=_interopRequireDefault(_pagination),_divider=require("antd/lib/divider"),_divider2=_interopRequireDefault(_divider),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_regenerator=require("babel-runtime/regenerator"),_regenerator2=_interopRequireDefault(_regenerator),_createClass=function(){function a(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,r){return t&&a(e.prototype,t),r&&a(e,r),e}}(),_antd=(require("antd/lib/spin/style/css"),require("antd/lib/empty/style/css"),require("antd/lib/pagination/style/css"),require("antd/lib/divider/style/css"),require("antd/lib/row/style/css"),require("antd/lib/button/style/css"),require("antd/lib/col/style/css"),require("antd")),_react=require("react"),_react2=_interopRequireDefault(_react),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var o=e.apply(this,arguments);return new Promise(function(i,l){return function t(e,r){try{var a=o[e](r),n=a.value}catch(e){return void l(e)}if(!a.done)return Promise.resolve(n).then(function(e){t("next",e)},function(e){t("throw",e)});i(n)}("next")})}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(e)return!t||"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var _pageSize=20,FormView=function(){function t(e){_classCallCheck(this,t);e=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return e.state={url:"TrainChapter/",params:{pageSize:_pageSize,courseId:e.props.courseId},data:void 0,total:void 0,loading:void 0},e}var r;return _inherits(t,_react2.default.Component),_createClass(t,[{key:"onLoad",value:(r=_asyncToGenerator(_regenerator2.default.mark(function e(t,r){var a,n;return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.setState({loading:!0}),a=this.state.params||{},t&&(a.pageIndex=t),r&&(a.pageSize=r),e.next=6,_utilAxios2.default.get(this.state.url+"getList",a);case 6:n=e.sent,this.setState({loading:!1,params:a,data:n.data,total:n.total});case 8:case"end":return e.stop()}},e,this)})),function(e,t){return r.apply(this,arguments)})},{key:"render",value:function(){var r=this,e={data:this.state.data||this.props.data||[],total:this.state.total||this.props.total||0,loading:this.state.loading||!1};return _react2.default.createElement(_spin2.default,{style:{width:"100%"},className:"",spinning:e.loading},e.data.map(function(e,t){return _react2.default.createElement("div",{className:"trainChapter list",style:{width:"100%"},key:"model"+e.id},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement("label",null,"章节名称"),_react2.default.createElement("span",null,e.name)),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_button2.default,{style:{float:"right"},onClick:function(){r.props.onEdit(t)}},_react2.default.createElement("i",{className:"iconfont icon-edit"})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement("label",null,"视频/音频地址"),_react2.default.createElement("span",null,e.videoUrl))),_react2.default.createElement(_divider2.default,null))}),0<e.total?_react2.default.createElement(_pagination2.default,{style:{width:"100%",textAlign:"center",marginTop:"30px",marginBottom:"30px"},onChange:this.onLoad.bind(this),defaultCurrent:1,pageSize:_pageSize,total:e.total}):_react2.default.createElement(_empty2.default,null),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24,className:"toolbar",style:{marginTop:"15px",width:"100%",textAlign:"center"}},_react2.default.createElement(_button2.default,{onClick:function(){r.props.onReturn()}},_react2.default.createElement("span",{className:"iconfont icon-return"}),"返回列表"))))}}]),t}();exports.default=FormView;