app-base-react
Version:
react development common base package.
1 lines • 5.7 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),_datePicker=require("antd/lib/date-picker"),_datePicker2=_interopRequireDefault(_datePicker),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_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/button/style/css"),require("antd/lib/row/style/css"),require("antd/lib/date-picker/style/css"),require("antd/lib/col/style/css"),require("antd/lib/form/style/css"),require("antd/lib/input/style/css"),require("antd/lib/message/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_utilString=require("../../../library/util-string"),_utilString2=_interopRequireDefault(_utilString),_moment=require("../../../library/moment"),_moment2=_interopRequireDefault(_moment);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 url="CfgRuntime/",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,t.app=r.state.app,t.name=r.state.name,_utilAxios2.default.post(url+"save",t).then(function(e){e.success?(_message3.default.info(e.msg),a.setState(_extends({},e.data)),a.props.onSave(t)):_message3.default.error(e.msg)})},r.state={title:r.props.title,app:r.props.app,name:r.props.name,showApp:!1,showName:!1,showMemo:!1,valueLable:r.props.valueLable||"配置值",valueComponent:r.props.valueComponent,height:r.props.height||"300px",key:"0"},r}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){var t=this;_utilAxios2.default.get(url+"getByAppAndName?app="+this.state.app+"&name="+this.state.name,{},function(e){t.setState(_extends({},e.data,{key:_utilString2.default.uuid()}))})}},{key:"render",value:function(){var a=this;return _react2.default.createElement("div",{className:"app-admin"},_react2.default.createElement(_form2.default,{key:this.state.key,className:"form-edit",layout:"vertical",onFinish:this.onSave},this.state.title?_react2.default.createElement("div",{className:"form-title"}," ",_react2.default.createElement("i",null," ",this.state.title)," "):"",_react2.default.createElement("div",{className:"form-content",style:{minHeight:this.state.height,paddingTop:"20px"}},_react2.default.createElement(_row2.default,null,this.state.showApp?_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"app",label:"所属应用",initialValue:this.state.app,rules:[{required:!0,message:"请输入所属应用"}]},_react2.default.createElement(_input2.default,{onChange:function(e,t){a.setState({memo:e})}}))):"",this.state.showName?_react2.default.createElement(_col2.default,{xs:6},_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(_col2.default,{xs:24},"date"==this.state.valueComponent?_react2.default.createElement(_form2.default.Item,{name:"value",label:this.state.valueLable,initialValue:this.state.value?(0,_moment2.default)(this.state.value):"",rules:[{required:!0,message:"请输入"+this.state.valueLable}]},_react2.default.createElement(_datePicker2.default,{showTime:!0,format:"YYYY-MM-DD HH:mm:ss"})):_react2.default.createElement(_form2.default.Item,{name:"value",label:this.state.valueLable,initialValue:this.state.value,rules:[{required:!0,message:"请输入"+this.state.valueLable}]},_react2.default.createElement(_input2.default.TextArea,{rows:6}))),this.state.showMemo?_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"memo",label:"备注",initialValue:this.state.memo,rules:[{required:!0,message:"备注"}]},_react2.default.createElement(_input2.default.TextArea,null))):"")),_react2.default.createElement("div",{className:"form-toolbar"},_react2.default.createElement(_button2.default,{className:"btn-submit",htmlType:"submit"},_react2.default.createElement("i",{className:"iconfont icon-submit"}),"提交"))))}}]),t}();exports.default=FormEdit;