app-base-web
Version:
web development common base package.
1 lines • 8.67 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _datePicker=require("antd/lib/date-picker"),_datePicker2=_interopRequireDefault(_datePicker),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_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}}();require("antd/lib/date-picker/style/css"),require("antd/lib/input/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("antd/lib/form/style/css"),require("antd/lib/button/style/css"),require("antd/lib/message/style/css");var _react=require("react"),_react2=_interopRequireDefault(_react),_antd=require("antd"),_file=require("../../../library/file"),_file2=_interopRequireDefault(_file),_dic=require("../../../library/dic"),_dic2=_interopRequireDefault(_dic),_radioGroup=require("../../../library/radio-group"),_radioGroup2=_interopRequireDefault(_radioGroup),_moment=require("../../../library/moment"),_moment2=_interopRequireDefault(_moment),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_reactUeditor=require("react-ueditor"),_reactUeditor2=_interopRequireDefault(_reactUeditor);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)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}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="IssueNews/",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,_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.onChangeUeContent=function(e){l.state.content=e},l.onChangeUeImage=function(r){return new Promise(function(a,e){var t=r.target.files[0],l=new FormData;l.append("file",t),fetch("https://fastdfs.7ipr.com/ipr/fastdfs/upload",{method:"POST",body:l}).then(function(e){return e.json()}).then(function(e){var t=e.data;a(t)})})},l.state=_extends({},e.values),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,{labelCol:{span:3},wrapperCol:{span:21},name:"state",label:"发布状态",initialValue:this.state.state},_react2.default.createElement(_radioGroup2.default,{type:"button",dic:{app:"app",type:"发布状态"}})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"type",label:"类型",initialValue:this.state.type,rules:[{required:!0,message:"请输入类型"}]},_react2.default.createElement(_dic2.default,{params:{app:"system",type:"newsType"}}))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"subType",label:"子类型",initialValue:this.state.subType},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{labelCol:{span:3},wrapperCol:{span:21},name:"title",label:"标题",initialValue:this.state.title,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(_form2.default.Item,{labelCol:{span:3},wrapperCol:{span:21},name:"coverUrl",label:"封面Url",valuePropName:"fileList",initialValue:this.state.coverUrl},_react2.default.createElement(_file2.default,{onChange:function(e){t.setState({coverUrl:e})},serverPath:_utilAxios2.default.serverPath})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{labelCol:{span:3},wrapperCol:{span:21},name:"summary",label:"摘要",initialValue:this.state.summary},_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,{label:"内容",labelCol:{span:3},wrapperCol:{span:21}},_react2.default.createElement(_reactUeditor2.default,{ueditorPath:"/static/ueditor",config:{zIndex:900},onChange:this.onChangeUeContent,plugins:["uploadImage","insertCode"],uploadImage:this.onChangeUeImage,value:this.state.content})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"newsTime",label:"新闻时间",initialValue:(0,_moment2.default)(this.state.newsTime)},_react2.default.createElement(_datePicker2.default,{format:"YYYY-MM-DD"}))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"editor",label:"责任编辑",initialValue:this.state.editor},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"source",label:"来源",initialValue:this.state.source},_react2.default.createElement(_input2.default,null))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"mark",label:"标志",initialValue:this.state.mark},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{labelCol:{span:3},wrapperCol:{span:21},name:"files",label:"附件列表",initialValue:this.state.files,valuePropName:"fileList"},_react2.default.createElement(_file2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{labelCol:{span:3},wrapperCol:{span:21},name:"url",label:"网址",initialValue:this.state.url},_react2.default.createElement(_input2.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;