app-base-react/lib/pages/config/CfgRuntime/CfgRuntime.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _table=require("antd/lib/table"),_table2=_interopRequireDefault(_table),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_select=require("antd/lib/select"),_select2=_interopRequireDefault(_select),_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,n=arguments[t];for(a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_createClass=function(){function n(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,a){return t&&n(e.prototype,t),a&&n(e,a),e}}(),_react=(require("antd/lib/table/style/css"),require("antd/lib/button/style/css"),require("antd/lib/select/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);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="CfgRuntime/",FormEdit=function(){function a(e){_classCallCheck(this,a);var t=_possibleConstructorReturn(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));return t.onSave=function(){var e={id:t.state.id,app:t.state.app,name:t.state.name,value:JSON.stringify(t.state.data)};_utilAxios2.default.post(url+"save",e).then(function(e){e.success?_message3.default.info(e.msg):_message3.default.error(e.msg)})},t.state={id:"",app:"_app",name:t.props.name,columns:t.props.columns,data:[],_item:{},keyTable:""},t.props.name?t.props.columns?t:(_message3.default.error("必须配置columns属性"),_possibleConstructorReturn(t)):(_message3.default.error("必须配置name属性"),_possibleConstructorReturn(t))}return _inherits(a,_react2.default.Component),_createClass(a,[{key:"reset",value:function(){var r=this,e={_id:_utilString2.default.uuid()},t=[];this.state.columns.map(function(n){e[n.dataIndex]="",n.type&&"Input"!=n.type?"Select"==n.type&&(n.render=function(e,t,a){return _react2.default.createElement(_select2.default,{defaultValue:e,onChange:function(e){var t=r.state.data;t[a][n.dataIndex]=e,r.setState({data:t})},options:n.options})}):n.render=function(e,t,a){return _react2.default.createElement(_input2.default,{value:e,onChange:function(e){var t=r.state.data;t[a][n.dataIndex]=e.target.value,r.setState({data:t})}})},t.push(n)}),this.setState({columns:t,_item:e})}},{key:"componentDidMount",value:function(){var r=this;_utilAxios2.default.get(url+"getValueByAppAndName",{name:this.state.name}).then(function(e){var t={_id:_utilString2.default.uuid()},a=[{title:"序号",type:"_id",dataIndex:"_id",width:50,fixed:"left",render:function(e,t,a){return a+1}}],n=(r.state.columns.map(function(n){t[n.dataIndex]="",n.type&&"Input"!=n.type?"Select"==n.type&&(n.render=function(e,t,a){return _react2.default.createElement(_select2.default,{defaultValue:e,onChange:function(e){var t=r.state.data;t[a][n.dataIndex]=e,r.setState({data:t})},options:n.options})}):n.render=function(e,t,a){return _react2.default.createElement(_input2.default,{value:e,onChange:function(e){var t=r.state.data;t[a][n.dataIndex]=e.target.value,r.setState({data:t})}})},a.push(n)}),a.push({title:"操作",type:"toolbar",render:function(e,t,a){return _react2.default.createElement("span",null,_react2.default.createElement(_button2.default,{className:"btn-add",onClick:function(){var e=r.state.data;e.splice(a,0,_extends({},r.state._item,{_id:_utilString2.default.uuid()})),r.setState({data:e,keyTable:_utilString2.default.uuid()}),r.reset()}}," 向上插入"),"   ",_react2.default.createElement(_button2.default,{className:"btn-add",onClick:function(){var e=r.state.data;e.splice(a+1,0,_extends({},r.state._item,{_id:_utilString2.default.uuid()})),r.setState({data:e,keyTable:_utilString2.default.uuid()}),r.reset()}}," 向下插入"),"   ",_react2.default.createElement(_button2.default,{className:"btn-del2",onClick:function(){var e=r.state.columns,t=r.state.data;t.splice(a,1),r.setState({columns:e,data:t,keyTable:_utilString2.default.uuid()}),r.reset()}},"删除"))}}),e.data);e.success&&0<n.length?n.map(function(e){return e._id=_utilString2.default.uuid()}):n=[_extends({},t,{_id:_utilString2.default.uuid()})],r.setState({columns:a,_item:t,data:n})})}},{key:"render",value:function(){var e={size:"middle",rowKey:"_id",bordered:!0,columns:this.state.columns,dataSource:this.state.data,pagination:!1};return _react2.default.createElement("div",{className:"app-admin"},_react2.default.createElement("div",null,_react2.default.createElement("div",{className:"main-title"},_react2.default.createElement("i",{className:"iconfont icon-title"}),this.props.name)),_react2.default.createElement("div",{className:"form-content",style:{minHeight:"200px",marginTop:"15px"}},_react2.default.createElement(_table2.default,_extends({key:this.state.keyTable},e))),_react2.default.createElement("div",{className:"form-toolbar"},_react2.default.createElement(_button2.default,{className:"btn-submit",onClick:this.onSave},_react2.default.createElement("i",{className:"iconfont icon-sumit"}),"保存")))}}]),a}();exports.default=FormEdit;