app-base-react/lib/pages/issue/IssueActivity/IssueActivityEdit.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _switch=require("antd/lib/switch"),_switch2=_interopRequireDefault(_switch),_datePicker=require("antd/lib/date-picker"),_datePicker2=_interopRequireDefault(_datePicker),_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),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a,l=arguments[t];for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},_createClass=function(){function l(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(e,t,a){return t&&l(e.prototype,t),a&&l(e,a),e}}(),_react=(require("antd/lib/switch/style/css"),require("antd/lib/date-picker/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/button/style/css"),require("antd/lib/message/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_district=require("../../../library/district"),_district2=_interopRequireDefault(_district),_file=require("../../../library/file"),_file2=_interopRequireDefault(_file),_dic=require("../../../library/dic"),_dic2=_interopRequireDefault(_dic),_checkGroup=require("../../../library/check-group"),_checkGroup2=_interopRequireDefault(_checkGroup),_utilDate=require("../../../library/util-date"),_utilDate2=_interopRequireDefault(_utilDate),_moment=require("../../../library/moment"),_moment2=_interopRequireDefault(_moment),_uploadCoverimg=require("../../../library/upload-coverimg"),_uploadCoverimg2=_interopRequireDefault(_uploadCoverimg),_index=require("../../../library/wang-editor/index"),_index2=_interopRequireDefault(_index);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 title="活动发布",url="IssueActivity/",FormEdit=function(){function t(e){_classCallCheck(this,t);var l=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return l.onSave=function(t){var a=l;t.id=l.state.id,t.place=t.place.join(),t.startTime=_utilDate2.default.getMinute(t.startTimeAndendTime[0]),t.endTime=_utilDate2.default.getMinute(t.startTimeAndendTime[1]),t.startRegistrationTime=_utilDate2.default.getMinute(t.startRegistrationTimeAndendRegistrationTime[0]),t.endRegistrationTime=_utilDate2.default.getMinute(t.startRegistrationTimeAndendRegistrationTime[1]),(0,_moment2.default)(t.endRegistrationTime).valueOf()>(0,_moment2.default)(t.startTime).valueOf()?_message3.default.error("请注意举办开始时间必须大于报名结束时间"):_utilAxios2.default.post(url+"save",t).then(function(e){e.success?(_message3.default.info(e.msg),a.props.onSave(t)):_message3.default.error(e.msg)})},l.state=_extends({},e.values,{startTimeAndendTime:[e.values.startTime?(0,_moment2.default)(e.values.startTime):"",e.values.endTime?(0,_moment2.default)(e.values.endTime):""],startRegistrationTimeAndendRegistrationTime:[e.values.startRegistrationTime?(0,_moment2.default)(e.values.startRegistrationTime):"",e.values.endRegistrationTime?(0,_moment2.default)(e.values.endRegistrationTime):""],shownumTotal:e.values.isNumLimit}),l.formRef=_react2.default.createRef(),l}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"render",value:function(){var t=this;return _react2.default.createElement(_form2.default,{ref:this.formRef,className:"form-edit",layout:"vertical",onFinish:this.onSave},_react2.default.createElement("div",{className:"form-title"},_react2.default.createElement("i",null," ",title," - ",this.state.id?"编辑":"录入"),this.state.id?_react2.default.createElement("span",null,_react2.default.createElement(_button2.default,{className:"btn-return",onClick:this.props.onEditReturn},_react2.default.createElement("i",{className:"iconfont icon-return"}),"返回")):""),_react2.default.createElement("div",{className:"form-content",style:{height:this.props.height}},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"title",label:"活动标题",initialValue:this.state.title,rules:[{required:!0,message:"请输入活动标题"}]},_react2.default.createElement(_input2.default,{placeholder:"",prefix:"",suffix:""})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"type",label:"活动类型",initialValue:String(this.state.type||""),rules:[{required:!0,message:"请输入活动类型"}]},_react2.default.createElement(_dic2.default,{params:{app:"app",type:"活动类型"}}))),_react2.default.createElement(_col2.default,{xs:8},_react2.default.createElement(_form2.default.Item,{name:"startRegistrationTimeAndendRegistrationTime",label:"报名时间",initialValue:this.state.startRegistrationTimeAndendRegistrationTime||"",rules:[{required:!0,message:"请选择报名时间"}]},_react2.default.createElement(_datePicker2.default.RangePicker,{style:{width:"100%"},showTime:!0,format:"YYYY-MM-DD HH:mm"}))),_react2.default.createElement(_col2.default,{xs:8},_react2.default.createElement(_form2.default.Item,{name:"startTimeAndendTime",label:"举办时间",initialValue:this.state.startTimeAndendTime||"",rules:[{required:!0,message:"请选择举办时间"}]},_react2.default.createElement(_datePicker2.default.RangePicker,{style:{width:"100%"},showTime:!0,format:"YYYY-MM-DD HH:mm"}))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"coverUrl",label:"活动海报（标题图）",initialValue:this.state.coverUrl,rules:[{required:!0,message:"请输入活动海报（标题图）"}]},_react2.default.createElement(_uploadCoverimg2.default,{hideLabel:!0,pxText:"750*106"}))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"banner",label:"活动banner",initialValue:String(this.state.banner||"")},_react2.default.createElement(_uploadCoverimg2.default,{hideLabel:!0,pxText:"392*240"}))))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"label",label:"活动标签",initialValue:this.state.label},_react2.default.createElement(_checkGroup2.default,{dic:{app:"app",type:"活动标签"},onChange:function(e){t.setState({label:e})}})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"organizer",label:"活动组织单位",initialValue:this.state.organizer},_react2.default.createElement(_input2.default,{placeholder:"",prefix:"",suffix:""}))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"place",label:"活动地点",initialValue:this.state.place?this.state.place.split(","):[]},_react2.default.createElement(_district2.default,{placeholder:"请选择活动地点"}))),_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"address",label:"活动详细地址",initialValue:this.state.address},_react2.default.createElement(_input2.default,{placeholder:"",prefix:"",suffix:""})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"isNumLimit",label:"人数限制",valuePropName:"checked",initialValue:"1"==this.state.isNumLimit||1==this.state.isNumLimit},_react2.default.createElement(_switch2.default,{onChange:function(e){console.log(e),t.setState({shownumTotal:e})}}))),this.state.shownumTotal?_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"numTotal",label:"活动人数",initialValue:this.state.numTotal},_react2.default.createElement(_input2.default,{placeholder:"",prefix:"",suffix:""}))):""),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"summary",label:"活动亮点",initialValue:this.state.summary,rules:[{required:!1,message:"请输入活动亮点"}]},_react2.default.createElement(_input2.default.TextArea,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"content",label:"活动内容",initialValue:this.state.content,rules:[{required:!0,message:"请输入活动内容"}]},_react2.default.createElement(_index2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"attachment",label:"附件",valuePropName:"fileList",initialValue:this.state.attachment},_react2.default.createElement(_file2.default,null))))),_react2.default.createElement("div",{className:"form-toolbar"},_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;