app-base-react/lib/pages/right/RightApply/RightApplyList.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _form=require("antd/lib/form"),_form2=_interopRequireDefault(_form),_table=require("antd/lib/table"),_table2=_interopRequireDefault(_table),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_regenerator=require("babel-runtime/regenerator"),_regenerator2=_interopRequireDefault(_regenerator),_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/form/style/css"),require("antd/lib/table/style/css"),require("antd/lib/input/style/css"),require("antd/lib/button/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("antd/lib/message/style/css"),require("antd")),_react=require("react"),_react2=_interopRequireDefault(_react),_attachment=require("../../../library/attachment"),_attachment2=_interopRequireDefault(_attachment),_file=require("../../../library/file"),_file2=_interopRequireDefault(_file),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_utilModal=require("../../../library/util-modal"),_utilModal2=_interopRequireDefault(_utilModal);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var i=e.apply(this,arguments);return new Promise(function(r,u){return function t(e,a){try{var l=i[e](a),n=l.value}catch(e){return void u(e)}if(!l.done)return Promise.resolve(n).then(function(e){t("next",e)},function(e){t("throw",e)});r(n)}("next")})}}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="RightApply/",step={1:"已提交",2:"已初步反馈",3:"二次提交",4:"已结案"},RightApplyList=function(){function t(e){_classCallCheck(this,t);var n=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.onChange=function(e,t,a){var l=n.state.params;l.pageSize=e.pageSize,l.pageIndex=e.current,n.onLoad(l)},n.onSearch=function(e){var t=n.state.params;t.title=e,n.onLoad(t)},n.onAdd=function(){var t={};Object.keys(n.state.values).forEach(function(e){return t[e]=void 0}),n.setState({showView:!1,showEdit:!0,values:t})},n.onEdit=function(e){var t=n;_utilAxios2.default.get(url+"getModel?id="+e.id,{},function(e){t.setState({showEdit:!0,showView:!1,values:e.data})})},n.onDel=function(){var t=n;0==t.state.selected.length?_message3.default.error("请选择记录！"):_utilModal2.default.confirm({content:"确定删除？",okText:"确认",cancelText:"取消",onOk:function(){_utilAxios2.default.delete(url+"delete?id="+t.state.selected).then(function(e){e.success?(_message3.default.info(e.msg),t.onLoad(t.state.params||{})):_message3.default.error(e.msg)})}})},n.onSave=function(e){n.onLoad(n.state.params)},n.state={params:{systemId:n.props.systemId},data:[],pagination:{},loading:!1,selected:[],showView:!1,showEdit:!1,values:{}},n.columns=[{title:"状态",dataIndex:"state",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return n.onEdit(t)}},step[e])}},{title:"申请人",dataIndex:"applicant",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return n.onEdit(t)}},e)}},{title:"联系人",dataIndex:"contact",width:100},{title:"标题",dataIndex:"title",width:100},{title:"联系电话",dataIndex:"phone",width:100},{title:"邮箱",dataIndex:"email",width:100},{title:"事项简述",dataIndex:"memo",width:200,ellipsis:!0},{title:"结案意见",dataIndex:"closingOpinion",width:200}],n}var a,l;return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.onLoad(this.state.params)}},{key:"onLoad",value:(l=_asyncToGenerator(_regenerator2.default.mark(function e(t){var a,l;return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.setState({loading:!0}),e.next=3,_utilAxios2.default.get(url+"getList",t);case 3:a=e.sent,l={pageSizeOptions:["20","100","200","500","1000"],pageSize:t.pageSize||20,defaultPageSize:t.pageSize||20,showSizeChanger:!0,showQuickJumper:!0,total:a.total,showTotal:function(e){return"总记录 "+e+" "}},this.setState({loading:!1,showEdit:!1,selected:[],selectedRows:[],params:t,data:a.data,pagination:l});case 6:case"end":return e.stop()}},e,this)})),function(e){return l.apply(this,arguments)})},{key:"render",value:function(){var a=this,e={scroll:{y:this.props.height-210},size:"middle",rowKey:"id",columns:this.columns,rowSelection:{selectedRowKeys:this.state.selected,onChange:function(e,t){a.setState({selected:e})}},rowClassName:function(e){return e.id===a.state.selectedRowId?"row-selected":""},onRow:function(t){return{onClick:function(e){a.setState({selectedRowId:t.id})}}},dataSource:this.state.data,pagination:this.state.pagination,loading:this.state.loading,onChange:this.onChange};return _react2.default.createElement("div",{className:"app-admin"},_react2.default.createElement("div",{className:this.state.showView||this.state.showEdit?"hide":""},_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{className:"main-title"},_react2.default.createElement("i",{className:"iconfont icon-title"}),title)),_react2.default.createElement(_row2.default,{className:"main-toolbar"},_react2.default.createElement(_col2.default,{className:"text-left",xs:12},_react2.default.createElement(_button2.default,{className:"btn-del",onClick:this.onDel},_react2.default.createElement("i",{className:"iconfont icon-del"}),"删除")),_react2.default.createElement(_col2.default,{className:"text-right",xs:12},_react2.default.createElement(_input2.default.Search,{placeholder:"请输入标题",onSearch:function(e){return a.onSearch(e)},enterButton:!0}))),_react2.default.createElement(_table2.default,e)),this.state.showEdit?_react2.default.createElement(FormEdit,{height:this.props.height-140,values:this.state.values,onSave:this.onSave,onCancel:function(){a.setState({showEdit:!1})},onEditReturn:function(){a.setState({showEdit:!1,showView:!1})}}):"")}}],[{key:"getInitialProps",value:(a=_asyncToGenerator(_regenerator2.default.mark(function e(t){return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",{systemId:t.query.systemId});case 1:case"end":return e.stop()}},e,this)})),function(e){return a.apply(this,arguments)})}]),t}(),FormEdit=(exports.default=RightApplyList,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,_utilAxios2.default.post(url+"save",t).then(function(e){e.success?(_message3.default.info(e.msg),a.props.onSave(t)):_message3.default.error(e.msg)})},l.state=_extends({},e.values),l.formRef=_react2.default.createRef(),l}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"render",value:function(){var a=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," ",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,null,_react2.default.createElement("label",null,"申请人："),_react2.default.createElement("span",null,this.state.applicant)),_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"联系人："),_react2.default.createElement("span",null,this.state.contact))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"标题："),_react2.default.createElement("span",null,this.state.title))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"联系电话："),_react2.default.createElement("span",null,this.state.phone)),_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"邮箱："),_react2.default.createElement("span",null,this.state.email))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"证件号码："),_react2.default.createElement("span",null,this.state.cardNum))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"事项简述："),_react2.default.createElement("span",null,this.state.memo))),_react2.default.createElement(_row2.default,null,this.state.state<=2?_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{labelCol:{span:4},wrapperCol:{span:20},name:"result",label:"流程结果",initialValue:this.state.result},_react2.default.createElement(_input2.default.TextArea,{maxLength:"200",rows:6})),_react2.default.createElement(_form2.default.Item,{name:"state",hidden:!0,initialValue:"2"},_react2.default.createElement(_input2.default,null))):_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"流程结果："),_react2.default.createElement("span",null,this.state.result))),_react2.default.createElement(_row2.default,null,this.state.state<=2?_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{labelCol:{span:4},wrapperCol:{span:20},name:"resultFile",label:"流程结果附件",valuePropName:"fileList",initialValue:this.state.resultFile},_react2.default.createElement(_file2.default,{listType:"text",multiple:!0,onChange:function(e){var t=a.state;t.resultFile=e,a.setState(t)}}))):_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"流程结果附件："),_react2.default.createElement("span",null,_react2.default.createElement(_file2.default,{multiple:!0,fileList:this.state.resultFile,hide:"true"})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"申请表："),_react2.default.createElement("span",null,_react2.default.createElement(_attachment2.default,{type:"img",url:this.state.applicationForm})))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"证件资料："),_react2.default.createElement("span",null,_react2.default.createElement(_attachment2.default,{type:"img",url:this.state.IDPhoto})," "))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"事项资料："),_react2.default.createElement("span",null,_react2.default.createElement(_attachment2.default,{type:"img",url:this.state.matterInformation})))),_react2.default.createElement(_row2.default,{style:{display:this.state.state<3?"none":""}},3==this.state.state?_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"closingOpinion",label:"结案意见",initialValue:this.state.closingOpinion},_react2.default.createElement(_input2.default.TextArea,{rows:6})),_react2.default.createElement(_form2.default.Item,{name:"state",hidden:!0,initialValue:"4"},_react2.default.createElement(_input2.default,null))):_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"结案意见："),_react2.default.createElement("span",null,this.state.closingOpinion))),_react2.default.createElement(_row2.default,{style:{display:this.state.state<3?"none":""}},3==this.state.state?_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_form2.default.Item,{name:"closingFile",label:"结案附件",initialValue:this.state.closingFile,valuePropName:"fileList"},_react2.default.createElement(_file2.default,{fileList:this.state.closingFile,multiple:!0,onChange:function(e){var t=a.state;t.closingFile=e,a.setState(t)}}))):_react2.default.createElement(_col2.default,null,_react2.default.createElement("label",null,"结案附件："),_react2.default.createElement("span",null,_react2.default.createElement(_attachment2.default,{type:"img",url:this.state.closingFile}))))),_react2.default.createElement("div",{className:"form-toolbar",style:{display:4==this.state.state?"none":""}},_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}());