app-base-react/lib/pages/race/RaceSchedule/RaceRule.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_divider=require("antd/lib/divider"),_divider2=_interopRequireDefault(_divider),_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}}(),_antd=(require("antd/lib/input/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("antd/lib/divider/style/css"),require("antd/lib/form/style/css"),require("antd/lib/button/style/css"),require("antd/lib/message/style/css"),require("antd")),_jquery=require("jquery"),_jquery2=_interopRequireDefault(_jquery),_react=require("react"),_react2=_interopRequireDefault(_react),_select=require("../../../library/select"),_select2=_interopRequireDefault(_select),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_utilModal=require("../../../library/util-modal"),_utilModal2=_interopRequireDefault(_utilModal),_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="RaceSchedule/",RaceRule=function(){function t(e){_classCallCheck(this,t);var n=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.onEdit=function(e,t){var a=n.state;a.isEdit=t,a.rules[e].isEdit=t,a.key=_utilString2.default.uuid(),1==a.rules[e].isAdd&&a.rules.splice(e,1),n.setState(a)},n.onDel=function(e){var a=n,l=n.state;l.rules[e].title&&l.rules.length>e+1&&!l.rules[e+1].title?_message3.default.warn("请先删除标题项下面的子标题项！"):_utilModal2.default.confirm({content:"确定删除？",onOk:function(){l.rules.splice(e,1),l.key=_utilString2.default.uuid(),a.setState(l);var t=a.state.values;t.rules=JSON.stringify(l.rules),_utilAxios2.default.post(url+"save",t).then(function(e){e.success?(_message3.default.info("操作成功!"),a.props.onSave(t)):_message3.default.error(e.msg)})}})},n.onSave=function(e){var t=n.state,a=e.index,l=(delete e.index,delete e.isEdit,delete e.hasTitle,delete e.isAdd,t.isEdit=!1,t.rules[a]=e,n),r=n.state.values;r.rules=JSON.stringify(t.rules),_utilAxios2.default.post(url+"save",r).then(function(e){e.success?(_message3.default.info("操作成功!"),l.props.onSave(r)):_message3.default.error(e.msg)})},n.onAdd=function(e,t){var a=n.state,l=(a.isEdit=!0,a.key=_utilString2.default.uuid(),e+1);if(1==t&&a.rules.length>e+1)for(var r=e+1;r<a.rules.length;r++){if(a.rules[r].title){l=r;break}l=r+1}a.rules.splice(l,0,{isEdit:!0,isAdd:!0,hasTitle:t,title:"",secTitle:"",desc:"",tips:"",descList:["","","",""],modelName:"",min:"",max:"",placeholder:"",focus:""}),n.setState(a,function(){setTimeout(function(){(0,_jquery2.default)(".app-admin,.form-edit,.ant-tabs-tabpane").scrollTop((0,_jquery2.default)(".form-rule-edit").offset().top-140)},100)})},n.state={key:_utilString2.default.uuid(),isEdit:!1,values:e.values,rules:e.values.rules?JSON.parse(e.values.rules):[{hasTitle:!0,title:"默认第一个标题",secTitle:"默认第一个子标题",desc:"",tips:"",descList:["","","",""],modelName:"",min:"",max:"",placeholder:"",focus:""}]},n}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"render",value:function(){var a=this;return _react2.default.createElement(_form2.default,{className:"form-edit",layout:"horizontal",onFinish:this.onSave,key:this.state.key},_react2.default.createElement("div",{className:"form-title"},_react2.default.createElement("i",null," ",title),_react2.default.createElement("span",null,_react2.default.createElement(_button2.default,{className:"btn-return",onClick:this.props.onCancel},_react2.default.createElement("i",{className:"iconfont icon-return"}),"返回 "))),this.state.rules.map(function(e,t){return 1==e.isEdit?_react2.default.createElement(RaceRuleEdit,{rule:e,index:t,onEdit:function(){return a.onEdit(t,!1)},onSave:a.onSave}):_react2.default.createElement(RaceRuleView,{rule:e,index:t,onEdit:function(){return a.onEdit(t,!0)},onDel:function(){return a.onDel(t)},isEdit:a.state.isEdit,onAddTitle:function(){return a.onAdd(t,!0)},onAddSubTitle:function(){return a.onAdd(t,!1)}})}))}}]),t}(),RaceRuleView=(exports.default=RaceRule,function(){function l(e){_classCallCheck(this,l);var t=_possibleConstructorReturn(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,e)),a=e.rule||{title:"",secTitle:"",desc:"",tips:"",descList:[],modelName:"",min:"",max:"",placeholder:"",focus:""};return t.state=_extends({index:e.index,hasTitle:!(0!=e.index&&!a.title)},a),t}return _inherits(l,_react2.default.Component),_createClass(l,[{key:"render",value:function(){return _react2.default.createElement(_form2.default,{className:"form-view"},_react2.default.createElement("div",{className:"form-content"},this.state.hasTitle&&0<this.state.index?_react2.default.createElement(_divider2.default,{type:"horizontal"}):"",this.state.hasTitle?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:14},_react2.default.createElement("h2",null,this.state.title)),this.props.isEdit?"":_react2.default.createElement(_col2.default,{xs:10},_react2.default.createElement(_button2.default,{className:"btn-edit",onClick:this.props.onEdit},_react2.default.createElement("i",{className:"iconfont icon-edit"}),"编辑"),"  ",_react2.default.createElement(_button2.default,{className:"btn-del",onClick:this.props.onDel},_react2.default.createElement("i",{className:"iconfont icon-del"}),"删除 "),"  ",_react2.default.createElement(_button2.default,{className:"btn-valid",onClick:this.props.onAddSubTitle},_react2.default.createElement("i",{className:"iconfont icon-add"}),"增加子标题项"),"  ",_react2.default.createElement(_button2.default,{className:"btn-add",onClick:this.props.onAddTitle},_react2.default.createElement("i",{className:"iconfont icon-add"}),"增加标题项"))):"",_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:14},_react2.default.createElement("h3",{style:{textIndent:"15px"}},this.state.secTitle)),this.state.hasTitle||this.props.isEdit?"":_react2.default.createElement(_col2.default,{xs:10},_react2.default.createElement(_button2.default,{className:"btn-edit",onClick:this.props.onEdit},_react2.default.createElement("i",{className:"iconfont icon-edit"}),"编辑"),"  ",_react2.default.createElement(_button2.default,{className:"btn-del",onClick:this.props.onDel},_react2.default.createElement("i",{className:"iconfont icon-del"}),"删除 "),"  ",_react2.default.createElement(_button2.default,{className:"btn-valid",onClick:this.props.onAddSubTitle},_react2.default.createElement("i",{className:"iconfont icon-add"}),"增加子标题项"))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:16},_react2.default.createElement("p",{style:{textIndent:"15px"}},_react2.default.createElement("i",null,this.state.desc)))),this.state.descList.map(function(e,t){return _react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:16},_react2.default.createElement("p",{style:{fontSize:"14px",textIndent:"15px"}},e)))})))}}]),l}()),RaceRuleEdit=function(){function a(e){_classCallCheck(this,a);var l=_possibleConstructorReturn(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e)),t=(l.onChange=function(e,t){var a=l.state;a[e]=t,a.descList=l.state.descList,l.setState(a)},l.onSave=function(e){l.props.onSave(l.state)},e.rule||{title:"",secTitle:"",desc:"",tips:"",descList:[],modelName:"",min:"",max:"",placeholder:"",focus:""});return l.state=_extends({index:e.index,hasTitle:!(0!=e.index&&!t.title&&!t.hasTitle)},t),l}return _inherits(a,_react2.default.Component),_createClass(a,[{key:"render",value:function(){var l=this;return _react2.default.createElement(_form2.default,{className:"form-rule-edit",onFinish:this.onSave,style:{padding:"0 15px 15px 15px",margin:"40px 0",boxShadow:"0px 0px 10px 10px #888"}},_react2.default.createElement("div",{className:"form-content"},this.state.hasTitle&&0<this.state.index?_react2.default.createElement(_divider2.default,{type:"horizontal"}):"",this.state.hasTitle?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"title",label:"标题",initialValue:this.state.title,rules:[{required:!0,message:"请输入标题"}],labelCol:{span:3},wrapperCol:{span:21}},_react2.default.createElement(_input2.default,{onChange:function(e){return l.onChange("title",e.target.value)}})))):"",_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"secTitle",label:"子标题",initialValue:this.state.secTitle,rules:[{required:!0,message:"请输入子标题"}],labelCol:{span:3},wrapperCol:{span:21}},_react2.default.createElement(_input2.default,{onChange:function(e){return l.onChange("secTitle",e.target.value)}})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"desc",label:"描述",initialValue:this.state.desc,labelCol:{span:3},wrapperCol:{span:21}},_react2.default.createElement(_input2.default.TextArea,{rows:2,onChange:function(e){return l.onChange("desc",e.target.value)}})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"tips",label:"提示",initialValue:this.state.tips,labelCol:{span:3},wrapperCol:{span:21}},_react2.default.createElement(_input2.default,{onChange:function(e){return l.onChange("tips",e.target.value)}})))),this.state.descList.map(function(e,a){return _react2.default.createElement("div",null,0==a?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:23}," ",_react2.default.createElement(_form2.default.Item,{label:"评分细则",labelCol:{span:3},wrapperCol:{span:20}},_react2.default.createElement(_input2.default,{value:e,onChange:function(e){var t=l.state.descList;t[a]=e.target.value,l.setState({descList:t})}}))),_react2.default.createElement(_col2.default,{xs:1}," ",_react2.default.createElement(_button2.default,{className:"btn-add",onClick:function(){var e=l.state.descList;e.splice(a+1,0,""),l.setState({descList:e})}},_react2.default.createElement("i",{className:"iconfont icon-add"})))):_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:3}),_react2.default.createElement(_col2.default,{xs:19},_react2.default.createElement(_form2.default.Item,null," ",_react2.default.createElement(_input2.default,{value:e,onChange:function(e){var t=l.state.descList;t[a]=e.target.value,l.setState({descList:t})}}))),_react2.default.createElement(_col2.default,{xs:1},"  ",_react2.default.createElement(_button2.default,{className:"btn-del",onClick:function(){var e=l.state.descList;e.splice(a,1),l.setState({descList:e})}},_react2.default.createElement("i",{className:"iconfont icon-del"}))),_react2.default.createElement(_col2.default,{xs:1}," ",_react2.default.createElement(_button2.default,{className:"btn-add",onClick:function(){var e=l.state.descList;e.splice(a+1,0,""),l.setState({descList:e})}},_react2.default.createElement("i",{className:"iconfont icon-add"})))))}),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"placeholder",label:"输入框提示",initialValue:this.state.placeholder,labelCol:{span:3},wrapperCol:{span:21}},_react2.default.createElement(_input2.default,{onChange:function(e){return l.onChange("placeholder",e.target.value)}})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"min",label:"最小分数",initialValue:this.state.min,rules:[{required:!0,message:"请输入最小分数"}]},_react2.default.createElement(_input2.default,{onChange:function(e){return l.onChange("min",e.target.value)}}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"max",label:"最大分数",initialValue:this.state.max,rules:[{required:!0,message:"请输入最大分数"}]},_react2.default.createElement(_input2.default,{onChange:function(e){return l.onChange("max",e.target.value)}}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"modelName",label:"评分字段名",initialValue:this.state.modelName,rules:[{required:!0,message:"请输入评分字段名"}]},_react2.default.createElement(_select2.default,{data:[{id:"score1",name:"score1"},{id:"score2",name:"score2"},{id:"score3",name:"score3"},{id:"score4",name:"score4"},{id:"score5",name:"score5"},{id:"score6",name:"score6"},{id:"score7",name:"score7"},{id:"score8",name:"score8"},{id:"score9",name:"score9"},{id:"score10",name:"score10"},{id:"score11",name:"score11"},{id:"score12",name:"score12"}],onChange:function(e){return l.onChange("modelName",e)}}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"focus",label:"页面锚点",initialValue:this.state.focus},_react2.default.createElement(_input2.default,{onChange:function(e){return l.onChange("focus",e.target.value)}})))),_react2.default.createElement("div",{className:"form-toolbar"},_react2.default.createElement(_button2.default,{className:"btn-cancel",onClick:this.props.onEdit},_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"}),"保存"))))}}]),a}();