app-base-react/lib/pages/userCenter/UcUserConfig/UcUserConfigList.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _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),_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/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("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_dic=require("../../../library/dic"),_dic2=_interopRequireDefault(_dic),_utilDic=require("../../../library/util-dic"),_utilDic2=_interopRequireDefault(_utilDic),_utilString=require("../../../library/util-string"),_utilString2=_interopRequireDefault(_utilString);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var l=e.apply(this,arguments);return new Promise(function(i,o){return function t(e,a){try{var r=l[e](a),n=r.value}catch(e){return void o(e)}if(!r.done)return Promise.resolve(n).then(function(e){t("next",e)},function(e){t("throw",e)});i(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="UcUser/",FormView=(0,_react.lazy)(function(){return import("./UcUserConfigView")}),Config=(0,_react.lazy)(function(){return import("./Config")}),UserList=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 r=n.state.params;r.pageSize=e.pageSize,r.pageIndex=e.current,n.onLoad(r)},n.onSearch=function(e){var t=n.state.params;t.code=e,n.onLoad(t)},n.onView=function(e){n.setState({showView:!0,loading:!1,values:e})},n.onConfig=function(){var e=n;0==e.state.selected.length?_message3.default.error("请选择记录！"):1<e.state.selected.length?_message3.default.error("只能选择一条记录！"):n.setState({showConfig:!0,configKey:_utilString2.default.uuid()})},n.state={params:{state:"0"},data:[],pagination:{},loading:!1,selected:[],selectedRows:[],height:0,showView:!1,showConfig:!1,configKey:_utilString2.default.uuid(),values:{},showCompany:0!=n.props.showCompany,showType:1==n.props.showType,showLabel:1==n.props.showLabel,showCertification:1==n.props.showCertification},n.columns=[{title:"状态",dataIndex:"state",width:70,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return n.onView(t)}},_utilDic2.default.json("uc","会员状态")[e])}},{title:"账号",dataIndex:"code",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return n.onView(t)}},t.isLock?_react2.default.createElement("i",{className:"iconfont icon-lock"}," ",e):e)}},{title:"名称",dataIndex:"name",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return n.onView(t)}},e)}},{title:"手机",dataIndex:"mobile",width:100},{title:"邮箱",dataIndex:"email",width:100},{title:"单位名称",dataIndex:"unitName",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return n.onView(t)}},e)}}],n.state.showType&&n.columns.push({title:"会员类型",dataIndex:"type",width:80,render:function(e,t){return _utilDic2.default.json("system","会员类型")[e]}}),n.state.showCertification&&n.columns.push({title:"企业认证状态",dataIndex:"certificationStatus",width:80,render:function(e,t){return _utilDic2.default.json("system","企业认证状态")[e]}}),n}var a;return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.onLoad(this.state.params)}},{key:"onLoad",value:(a=_asyncToGenerator(_regenerator2.default.mark(function e(t){var a,r;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,r={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,data:a.data,pagination:r});case 6:case"end":return e.stop()}},e,this)})),function(e){return a.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){console.log("selectedRows",t),a.setState({selected:e,selectedRows:t})}},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?"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,{xs:8},_react2.default.createElement(_button2.default,{className:"btn-active",onClick:this.onConfig},"配置")),_react2.default.createElement(_col2.default,{className:"query-filed",xs:2}),_react2.default.createElement(_col2.default,{className:"query-filed",xs:2},this.state.showCertification?_react2.default.createElement(_dic2.default,{params:{app:"system",type:"企业认证状态"},placeholder:"企业认证状态",onChange:function(e){var t=a.state.params;t.certificationStatus=e,a.setState({params:t})}}):""),_react2.default.createElement(_col2.default,{className:"query-filed",xs:3},_react2.default.createElement(_input2.default,{placeholder:"请输入单位名称",onChange:function(e){var t=a.state.params;t.unitName=e.target.value.trim(),a.setState({params:t})}})),_react2.default.createElement(_col2.default,{className:"query-filed",xs:3},_react2.default.createElement(_input2.default,{placeholder:"请输入手机",onChange:function(e){var t=a.state.params;t.mobile=e.target.value.trim(),a.setState({params:t})}})),_react2.default.createElement(_col2.default,{className:"query-filed",xs:3},_react2.default.createElement(_input2.default,{placeholder:"请输入邮箱",onChange:function(e){var t=a.state.params;t.email=e.target.value.trim(),a.setState({params:t})}})),_react2.default.createElement(_col2.default,{className:"query-filed",xs:3},_react2.default.createElement(_input2.default.Search,{placeholder:"请输入账号",onSearch:function(e){return a.onSearch(e.trim())},enterButton:!0}))),_react2.default.createElement(_table2.default,e)),_react2.default.createElement(_react.Suspense,{fallback:_react2.default.createElement("div",null)},this.state.showView?_react2.default.createElement(FormView,{showType:this.state.showType,showLabel:this.state.showLabel,showCertification:this.state.showCertification,height:this.props.height-140,values:this.state.values,onEdit:this.onEdit,onReturn:function(){a.setState({showView:!1})}}):""),_react2.default.createElement(Config,{values:this.state.selectedRows&&0<this.state.selectedRows.length?this.state.selectedRows[0]:{},clearSelected:function(){a.setState({selected:[]}),a.onLoad(a.state.params)},key:this.state.configKey,showConfig:this.state.showConfig,userId:this.state.selected[0],showCompany:this.state.showCompany}))}}]),t}();exports.default=UserList;