app-base-react
Version:
react development common base package.
1 lines • 14 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _switch=require("antd/lib/switch"),_switch2=_interopRequireDefault(_switch),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_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/switch/style/css"),require("antd/lib/row/style/css"),require("antd/lib/input/style/css"),require("antd/lib/col/style/css"),require("antd/lib/form/style/css"),require("antd/lib/button/style/css"),require("antd/lib/message/style/css"),require("antd")),_react=require("react"),_react2=_interopRequireDefault(_react),_checkGroup=require("../../../library/check-group"),_checkGroup2=_interopRequireDefault(_checkGroup),_dic=require("../../../library/dic"),_dic2=_interopRequireDefault(_dic),_file=require("../../../library/file"),_file2=_interopRequireDefault(_file),_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="UcUser/",FormEdit=function(){function t(e){_classCallCheck(this,t);var l=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return l.onSave=function(t){var a=l;t.id=l.state.id,""!=t.password.trim()&&(t.password=_utilString2.default.md5(t.password)),t.id?_utilAxios2.default.post(url+"update",_extends({},l.props.values,t)).then(function(e){e.success?(_message3.default.info(e.msg),a.props.onSave(t)):_message3.default.error(e.msg)}):_utilAxios2.default.post(url+"save",_extends({},l.props.values,t)).then(function(e){e.success?(_message3.default.info(e.msg),a.props.onSave(t)):_message3.default.error(e.msg)})},l.props.url&&(url=l.props.url),l.state=_extends({title:e.title||title},e.values),l.formRef=_react2.default.createRef(),l}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){var e=this.props.values,t=e.creditFile,e=e.isTheThreeSyndromesInOne,a=null,a=!t||t instanceof Object?null==e?1:e:0;this.setState({isTheThreeSyndromesInOne:a}),this.formRef.current.setFieldsValue({isTheThreeSyndromesInOne:0==a})}},{key:"render",value:function(){var t=this,e=this.state.isTheThreeSyndromesInOne;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.state.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:"state",label:"状态",initialValue:this.state.state},_react2.default.createElement(_dic2.default,{params:{app:"uc",type:"会员状态"}}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"code",label:"账号",initialValue:this.state.code},_react2.default.createElement(_input2.default,{autocomplete:"off",maxLength:16}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"password",label:"密码",initialValue:this.state.password,rules:[{required:!this.state.id,message:"请输入密码"},{pattern:/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?![a-z\W_]+$)(?![0-9\W_]+$)[a-zA-Z0-9\W_]{8,16}$/,message:"密码至少包含数字、大、小写字母、符号中的3种,长度8-16"}]},_react2.default.createElement(_input2.default.Password,{autocomplete:"new-password",placeholder:this.state.id?"为空时,不修改密码":""}))),this.props.showType?_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"type",label:"会员类型",initialValue:this.state.type,rules:[{required:!0,message:"请选择会员类型"}]},_react2.default.createElement(_dic2.default,{params:{app:"system",type:"会员类型"}}))):""),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"name",label:"姓名",initialValue:this.state.name},_react2.default.createElement(_input2.default,{autocomplete:"off",maxLength:20}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"mobile",label:"手机",initialValue:this.state.mobile||this.state.phone,rules:[{message:"请输入手机号码"},{pattern:/^1[3456789]\d{9}$/,message:"请输入正确的手机号码"}]},_react2.default.createElement(_input2.default,{autocomplete:"new-phone",maxLength:11}))),_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"email",label:"邮箱",initialValue:this.state.email},_react2.default.createElement(_input2.default,{autocomplete:"new-email",maxLength:40})))),this.props.showLabel?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"enterpriseLabel",label:"用户标签",initialValue:this.state.enterpriseLabel},_react2.default.createElement(_checkGroup2.default,{dic:{app:"app",type:"政策推送标签",subType:"自选标签"}})))):"",_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"unitName",label:"单位名称",initialValue:this.state.unitName||this.state.companyName},_react2.default.createElement(_input2.default,null))),this.props.showCertification?_react2.default.createElement(_col2.default,{xs:6},_react2.default.createElement(_form2.default.Item,{name:"certificationStatus",label:"企业认证状态",initialValue:this.state.certificationStatus},_react2.default.createElement(_dic2.default,{params:{app:"system",type:"企业认证状态"}}))):""),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"unitAddress",label:"单位地址",initialValue:this.state.unitAddress},_react2.default.createElement(_input2.default.TextArea,null)))),this.props.showThreeToOne?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"isTheThreeSyndromesInOne",label:"是否三证合一",valuePropName:"checked",initialValue:0==e},_react2.default.createElement(_switch2.default,{onChange:function(e){e?t.setState({isTheThreeSyndromesInOne:0}):t.setState({isTheThreeSyndromesInOne:1})}})))):"",_react2.default.createElement(_react.Fragment,null,_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"credit",label:"统一社会信用代码",initialValue:this.state.credit},_react2.default.createElement(_input2.default,null))),_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"creditFile",label:"统一社会信用代码证扫描件",valuePropName:"fileList",initialValue:this.state.creditFile},_react2.default.createElement(_file2.default,{multiple:!0,maxCount:"4"}))))),this.props.showThreeToOne?_react2.default.createElement(_react.Fragment,null,_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"businessLicense",label:"营业执照号",initialValue:this.state.businessLicense},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"businessLicenseFile",label:"营业执照扫描件",valuePropName:"fileList",initialValue:this.state.businessLicenseFile},_react2.default.createElement(_file2.default,{multiple:!0})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"organizationCode",label:"组织机构代码证",initialValue:this.state.organizationCode},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"organizationCodeFile",label:"组织机构代码证扫描件",valuePropName:"fileList",initialValue:this.state.organizationCodeFile},_react2.default.createElement(_file2.default,{multiple:!0})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"tax",label:"税务登记证",initialValue:this.state.tax},_react2.default.createElement(_input2.default,null)))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"taxFile",label:"税务登记证扫描件",valuePropName:"fileList",initialValue:this.state.taxFile},_react2.default.createElement(_file2.default,{multiple:!0}))))):"",this.state.bankName?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"bankName",label:"开户银行",initialValue:this.state.bankName},_react2.default.createElement(_input2.default,null)))):"",this.state.accountName?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"accountName",label:"开户名称",initialValue:this.state.accountName},_react2.default.createElement(_input2.default,null)))):"",this.state.bankAccount?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"bankAccount",label:"银行账号",initialValue:this.state.bankAccount},_react2.default.createElement(_input2.default,null)))):"",this.state.fundAccount?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"fundAccount",label:"资金账号",initialValue:this.state.fundAccount},_react2.default.createElement(_input2.default,null)))):"",this.props.showUnionid?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"unionid",label:"unionid",initialValue:this.state.unionid},_react2.default.createElement(_input2.default,null)))):"",this.props.showExpert?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"isExpert",label:"是否为专家",valuePropName:"checked",initialValue:"1"==this.state.isExpert},_react2.default.createElement(_switch2.default,null))),_react2.default.createElement(_col2.default,{xs:12},_react2.default.createElement(_form2.default.Item,{name:"type",label:"专家类型",initialValue:this.state.type||""},_react2.default.createElement(_checkGroup2.default,{options:["机械","电学","化学","其他"]})))):"",this.props.showExpert?_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{labelCol:{span:3},wrapperCol:{span:21},name:"intro",label:"简介",initialValue:this.state.intro},_react2.default.createElement(_input2.default.TextArea,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;