app-base-react
Version:
react development common base package.
1 lines • 5.38 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_modal=require("antd/lib/modal"),_modal2=_interopRequireDefault(_modal),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a,r=arguments[t];for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_createClass=function(){function r(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(e,t,a){return t&&r(e.prototype,t),a&&r(e,a),e}}(),_antd=(require("antd/lib/button/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("antd/lib/form/style/css"),require("antd/lib/input/style/css"),require("antd/lib/modal/style/css"),require("antd/lib/message/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 _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 FormEdit=function(){function t(e){_classCallCheck(this,t);var r=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.onSave=function(e){""==r.state.uploadBtn||"上传完成"==r.state.uploadBtn?(e.id=r.state.id,e.systemId=r.state.systemId,e.courseId=r.state.courseId,r.props.onSave(e)):_message3.default.error("请等待视频上传完成再提交！")},r.set=function(e,t){var a=r.state;a[e]=t,r.setState(a,function(){})},r.onDel=function(e){var t=r;_modal2.default.confirm({content:"确定删除？",okText:"确认",cancelText:"取消",onOk:function(){_utilAxios2.default.post("TrainChapter/delete?id="+[e],{}).then(function(e){if(e.success)return _message3.default.info(e.msg),t.props.onDel();_message3.default.error(e.msg)})}})},r.state=_extends({uploadBtn:"",disabled:!0},e.values),r}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.props.onRef(this)}},{key:"render",value:function(){var e=this;return _react2.default.createElement(_form2.default,{onFinish:this.onSave,layout:"vertical",className:"form-edit"},_react2.default.createElement("div",{className:"form-content form-TrainChapterEdit",style:{padding:"0"}},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"name",label:"章节名称",initialValue:this.state.name,rules:[{required:!0,message:"请输入章节名称"}]},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},"视频/音频地址"),_react2.default.createElement(_col2.default,{xs:18},_react2.default.createElement("input",{className:"file-text ant-input",style:{width:"500px",margin:"0 10px 0 0"},type:"text",id:"videoUrl",readOnly:!0,value:this.state.videoUrl||""})),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement("a",{href:"#",className:"file",style:{verticalAlign:"middle",width:"90px"}},"选择文件",_react2.default.createElement("input",{placeholder:"请选择视频格式文件",accept:"video/*",type:"file",id:"fileInput1"})),_react2.default.createElement("button",{disabled:this.state.disabled,id:"fileUpload1",style:{display:"none",marginLeft:"5px",borderColor:"#4169e1",backgroundColor:"#4169e1",color:"#fff"},className:"上传完成"==this.state.uploadBtn?"ant-btn btn-sendmsg":"ant-btn ant-btn-primary"},this.state.uploadBtn))),_react2.default.createElement("br",null)),_react2.default.createElement("div",{className:"form-toolbar"},_react2.default.createElement(_button2.default,{className:this.state.id?"fl btn-del":"hide",onClick:function(){e.onDel(e.state.id)}},_react2.default.createElement("span",{className:"iconfont icon-delete"}),_react2.default.createElement("i",null,"删除")),_react2.default.createElement(_button2.default,{className:"btn-cancel",onClick:this.props.onCancel},_react2.default.createElement("i",{className:"iconfont icon-cancel"}),"取消"),_react2.default.createElement(_button2.default,{className:"btn-submit",htmlType:"submit"},_react2.default.createElement("i",{className:"iconfont icon-submit"}),"提交")))}}]),t}();exports.default=FormEdit;