app-base-react
Version:
react development common base package.
1 lines • 8.17 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _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),_modal=require("antd/lib/modal"),_modal2=_interopRequireDefault(_modal),_regenerator=require("babel-runtime/regenerator"),_regenerator2=_interopRequireDefault(_regenerator),_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}}(),_react=(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/modal/style/css"),require("antd/lib/message/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_wangEditor=require("../../../library/wang-editor"),_wangEditor2=_interopRequireDefault(_wangEditor),_uploadTable=require("../../../library/upload-table"),_uploadTable2=_interopRequireDefault(_uploadTable),_EditTable=require("./components/EditTable"),_EditTable2=_interopRequireDefault(_EditTable);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var u=e.apply(this,arguments);return new Promise(function(n,o){return function t(e,a){try{var r=u[e](a),l=r.value}catch(e){return void o(e)}if(!r.done)return Promise.resolve(l).then(function(e){t("next",e)},function(e){t("throw",e)});n(l)}("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 title="邮件管理",url="MsgEmail/",FormEdit=function(){function t(e){var r=this,l=(_classCallCheck(this,t),_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)));return l.onSend=function(t){var a=l;a.setState({loading:!0}),t.id=l.state.id,_utilAxios2.default.post(url+"send",t).then(function(e){a.setState({loading:!1}),e.success?(_message3.default.info(e.msg),a.props.onSave(t)):_message3.default.error(e.msg)})},l.onSave=function(){var t,a=l;a.formRef.current.validateFields().then((t=_asyncToGenerator(_regenerator2.default.mark(function e(t){return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:a.setState({loading:!0}),t.id=a.state.id,_utilAxios2.default.post(url+"save",t).then(function(e){a.setState({loading:!1}),e.success?(_message3.default.info(e.msg),a.props.onSave(t)):_message3.default.error(e.msg)});case 3:case"end":return e.stop()}},e,r)})),function(e){return t.apply(this,arguments)})).catch(function(e){console.log("errorInfo",e),_message3.default.error("请检查必填项!")})},l.showModal=function(){var t=[],e=l.formRef.current.getFieldsValue().toAddress;e&&""!=e.trim()&&l.trimSpace(e.split(";")).map(function(e){t.push({paramValue:e})}),l.setState({visible:!0,dataSource:t})},l.trimSpace=function(e){for(var t=0;t<e.length;t++)""!=e[t]&&null!=e[t]&&void 0!==e[t]||(e.splice(t,1),t-=1);return e},l.handleOk=function(e){var a="",t=l.refs.params.state.dataSource;t&&t.map(function(e,t){e=e.paramValue;""!=e.trim()&&(a+=e+";")}),l.setState({visible:!1},function(){l.formRef.current.setFieldsValue({toAddress:a})})},l.handleCancel=function(e){l.setState({visible:!1})},l.state=_extends({},e.values,{loading:!1}),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(_react.Fragment,null,_react2.default.createElement(_modal2.default,{title:"添加邮件接受者",visible:this.state.visible,onOk:this.handleOk,onCancel:this.handleCancel,width:"70%",centered:!0,bodyStyle:{maxHeight:"580px",overflow:"auto"},destroyOnClose:!0},_react2.default.createElement(_EditTable2.default,{ref:"params",dataSource:this.state.dataSource})),_react2.default.createElement(_form2.default,{ref:this.formRef,className:"form-edit",layout:"vertical",onFinish:this.onSend},_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,{label:"接收者邮箱"},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{span:20},_react2.default.createElement(_form2.default.Item,{name:"toAddress",initialValue:this.state.toAddress,rules:[{required:!0,message:"请输入接收者邮箱!"}]},_react2.default.createElement(_input2.default.TextArea,{disabled:!0,rows:2}))),_react2.default.createElement(_col2.default,{span:4},_react2.default.createElement(_button2.default,{onClick:this.showModal,className:"btn-submit"},_react2.default.createElement("i",{className:"iconfont icon-sumit"}),"添加接收者邮箱")))))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"subject",label:"主题",initialValue:this.state.subject,rules:[{required:!0,message:"请输入主题!"}]},_react2.default.createElement(_input2.default.TextArea,{rows:2})))),_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(_wangEditor2.default,{css:{height:"500px"},uploadPath:_utilAxios2.default.uploadPath,onChange:function(e){return t.formRef.current.setFieldsValue({content:e})}})))),_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"attachs",label:"附件列表",initialValue:this.state.attachs},_react2.default.createElement(_uploadTable2.default,{uploadUrl:_utilAxios2.default.uploadPath,downloadUrl:_utilAxios2.default.downloadPath})))),_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-save",onClick:this.onSave},_react2.default.createElement("i",{className:"iconfont icon-save"}),"保存为草稿"),_react2.default.createElement(_button2.default,{className:"btn-submit",htmlType:"submit"},_react2.default.createElement("i",{className:"iconfont icon-sumit"}),"发送"))))}}]),t}();exports.default=FormEdit;