app-base-react/lib/pages/issue/IssueInstitutionService/IssueInstitutionServiceEdit.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _switch=require("antd/lib/switch"),_switch2=_interopRequireDefault(_switch),_space=require("antd/lib/space"),_space2=_interopRequireDefault(_space),_inputNumber=require("antd/lib/input-number"),_inputNumber2=_interopRequireDefault(_inputNumber),_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,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/switch/style/css"),require("antd/lib/space/style/css"),require("antd/lib/input-number/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"),_icons=require("@ant-design/icons"),_wangEditor=require("../../../library/wang-editor"),_wangEditor2=_interopRequireDefault(_wangEditor),_file=require("../../../library/file"),_file2=_interopRequireDefault(_file),_dic=require("../../../library/dic"),_dic2=_interopRequireDefault(_dic),_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 title="机构服务",url="IssueInstitutionService/",FormEdit=function(){function t(e){_classCallCheck(this,t);var r=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.onSave=function(t){var a=r;t.id=r.state.id,r.props.type&&("1"==r.props.type&&(t.type=1),"2"==r.props.type)&&(t.type=2),t.serviceSpecificationAndPriceJson=JSON.stringify(t.serviceSpecificationAndPriceJson),_utilAxios2.default.post(url+"save",_extends({},t,{contactPersonOfSynchronizationOrganization:1==t.contactPersonOfSynchronizationOrganization?"1":"0"})).then(function(e){e.success?(_message3.default.info(e.msg),a.props.onSave(t)):_message3.default.error(e.msg)})},r.state=_extends({contactPersonOfSynchronizationOrganization:"0"},e.values),r.formRef=_react2.default.createRef(),r}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,this.props.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:6},_react2.default.createElement(_form2.default.Item,{name:"organizationName",label:"机构名称",initialValue:this.state.organizationName,rules:[{required:!0,message:"请填写机构名称"}]},_react2.default.createElement(_input2.default,{disabled:!0,placeholder:"请填写机构名称"}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"serviceType",label:"服务类别",initialValue:this.state.serviceType,rules:[{required:!0,message:"请填写服务类别"}]},_react2.default.createElement(_dic2.default,{params:{app:"app",type:"服务中心",subType:"服务类别"}}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"title",label:"主题",initialValue:this.state.title,rules:[{required:!0,message:"请填写主题"}]},_react2.default.createElement(_input2.default,{placeholder:"请填写主题"}))),_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"coverUrl",label:"标题图",initialValue:this.state.coverUrl,valuePropName:"fileList",rules:[{required:!0,message:"请上传标题图"}]},_react2.default.createElement(_file2.default,{multiple:!0})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.List,{name:"serviceSpecificationAndPriceJson",rules:[{required:!0,message:"请填写服务规格及价格"}],initialValue:this.state.serviceSpecificationAndPriceJson?JSON.parse(this.state.serviceSpecificationAndPriceJson):[{}]},function(e,t){var a=t.add,r=t.remove;return _react2.default.createElement(_form2.default.Item,{label:"服务规则及价格"},e.map(function(e,t){return _react2.default.createElement(_space2.default,{key:e.key,align:"baseline"},_react2.default.createElement(_form2.default.Item,_extends({},e,{name:[e.name,"key"],hidden:!0,initialValue:Date.now()}),_react2.default.createElement(_input2.default,null)),_react2.default.createElement(_form2.default.Item,_extends({},e,{name:[e.name,"value"],rules:[{required:!0,message:"请填写服务规格"}]}),_react2.default.createElement(_input2.default,{placeholder:"请填写服务规格"})),_react2.default.createElement(_form2.default.Item,_extends({},e,{name:[e.name,"price"],rules:[{required:!0,message:"请填写价格"}]}),_react2.default.createElement(_inputNumber2.default,{placeholder:"请填写价格",style:{width:"100%"},min:0,max:99999999,step:.01,precision:2})),0<t?_react2.default.createElement(_icons.MinusCircleOutlined,{onClick:function(){return r(e.name)}}):"")}),_react2.default.createElement(_form2.default.Item,null,_react2.default.createElement(_button2.default,{type:"dashed",onClick:function(){return a()},block:!0,icon:_react2.default.createElement(_icons.PlusOutlined,null)},"新增")))}))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"contactPersonOfSynchronizationOrganization",label:"同步机构联系人",valuePropName:"checked",initialValue:"0"!=this.state.contactPersonOfSynchronizationOrganization},_react2.default.createElement(_switch2.default,{onChange:function(e){e?t.setState({contactPersonOfSynchronizationOrganization:"1"}):t.setState({contactPersonOfSynchronizationOrganization:"0"})}}))),"0"==this.state.contactPersonOfSynchronizationOrganization?_react2.default.createElement(_react.Fragment,null,_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"contact",label:"联系人",initialValue:this.state.contact,rules:[{required:!0,message:"请输入联系人"}]},_react2.default.createElement(_input2.default,{placeholder:"请输入联系人"}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"phone",label:"联系电话",initialValue:this.state.phone,rules:[{required:!0,message:"请输入联系电话"}]},_react2.default.createElement(_input2.default,{placeholder:"请输入联系电话"}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"email",label:"电子邮箱",initialValue:this.state.email,rules:[{required:!0,message:"请输入电子邮箱"}]},_react2.default.createElement(_input2.default,{placeholder:"请输入电子邮箱"})))):"",_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"serviceDetails",label:"服务详情",initialValue:this.state.serviceDetails,rules:[{required:!0,message:"请填写服务详情"}]},_react2.default.createElement(_wangEditor2.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;