app-base-web/lib/pages/config/CfgDictionary/CfgDictionaryList.js

web 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),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_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}}();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");var _react=require("react"),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilString=require("../../../library/util-string"),_utilString2=_interopRequireDefault(_utilString),_utilModal=require("../../../library/util-modal"),_utilModal2=_interopRequireDefault(_utilModal),_utilAxios=require("../../../library/util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios);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)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}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="CfgDictionary/",FormView=(0,_react.lazy)(function(){return import("./CfgDictionaryView")}),FormEdit=(0,_react.lazy)(function(){return import("./CfgDictionaryEdit")}),FormEditBatch=(0,_react.lazy)(function(){return import("./CfgDictionaryEditBatch")}),CfgDictionaryList=function(){function t(e){_classCallCheck(this,t);var i=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return i.onChange=function(e,t,a){var n=i.state.params;n.pageSize=e.pageSize,n.pageIndex=e.current,i.onLoad(n)},i.onSearch=function(e){var t=i.state.params;t.zh_CN=e,i.onLoad(t)},i.onAdd=function(){var t={};Object.keys(i.state.values).forEach(function(e){return t[e]=void 0}),t.app=i.state.params.app,t.type=i.state.params.type,t.subType=i.state.params.subType,i.setState({showView:!1,showEdit:!0,showEditBatch:!1,values:t})},i.onAddBatch=function(){var t={};Object.keys(i.state.values).forEach(function(e){return t[e]=void 0}),t.app=i.state.params.app,t.type=i.state.params.type,t.subType=i.state.params.subType,i.setState({showView:!1,showEdit:!1,showEditBatch:!0,values:t})},i.onCopy=function(){var t=i;0!=t.state.selected.length?_utilAxios2.default.post(url+"copy",t.state.selected).then(function(e){e.success?(_message3.default.info(e.msg),t.onLoad(t.state.params||{})):_message3.default.error(e.msg)}):_message3.default.error("请选择记录！")},i.onView=function(e){i.setState({showView:!0,loading:!1,values:e})},i.onEdit=function(e){var t=i;_utilAxios2.default.get(url+"getModel?id="+e.id,{},function(e){t.setState({showEdit:!0,showView:!1,showEditBatch:!1,values:e.data})})},i.onSave=function(e){i.onLoad(i.state.params)},i.onDel=function(){var t=i;0!=t.state.selected.length?_utilModal2.default.confirm({content:"确定删除？",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)})}}):_message3.default.error("请选择记录！")},i.onExport=function(){var e=i,t=[],a=[];i.columns.map(function(e){a.push(e.title)}),t.push(a),i.state.data.map(function(a,n){var i=[];e.columns.map(function(e){var t=a[e.dataIndex];e.render?i.push(_utilString2.default.delTag(e.render(t,a,n))):i.push(t)}),t.push(i)})},i.state={params:{app:"",type:""},data:[],pagination:{},loading:!1,selected:[],showView:!1,showEdit:!1,showEditBatch:!1,values:{}},i.columns=[{title:"序号",width:50,fixed:"left",render:function(e,t,a){return a+1}},{title:"所属应用",dataIndex:"app",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return i.onView(t)}},e)}},{title:"字典分类",dataIndex:"type",width:100,render:function(e,t){return _react2.default.createElement("a",{className:"btn-detail",onClick:function(){return i.onView(t)}},e)}},{title:"二级分类",dataIndex:"subType",width:100},{title:"字典值",dataIndex:"value",width:80},{title:"中文字典",dataIndex:"zh_CN",width:120},{title:"英文字典",dataIndex:"en_US",width:120},{title:"排序号",dataIndex:"ord",align:"right",width:70}],i}return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.onLoad(this.state.params)}},{key:"onLoad",value:function(t){var a=this;a.setState({loading:!0}),_utilAxios2.default.get(url+"getList",t,function(e){a.setState({loading:!1,showEdit:!1,showEditBatch:!1,params:t,data:e.data,pagination:{pageSizeOptions:["20","100","200","500","1000"],pageSize:t.pageSize||20,defaultPageSize:t.pageSize||20,showSizeChanger:!0,showQuickJumper:!0,total:e.total,showTotal:function(e){return"总记录 "+e+" "}}})})}},{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){a.setState({selected:e})}},rowClassName:function(e){return e.id===a.state.selectedRowId?"row-selected":""},onRow:function(e){return{onClick:function(){a.setState({selectedRowId:e.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||this.state.showEditBatch?"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-add",onClick:this.onAdd},_react2.default.createElement("i",{className:"iconfont icon-add"}),"录入"),_react2.default.createElement(_button2.default,{className:"btn-add",onClick:this.onAddBatch},_react2.default.createElement("i",{className:"iconfont icon-add"}),"批量录入"),_react2.default.createElement(_button2.default,{className:"btn-del",onClick:this.onDel},_react2.default.createElement("i",{className:"iconfont icon-del"}),"删除"),_react2.default.createElement(_button2.default,{className:"btn-copy",onClick:this.onCopy},_react2.default.createElement("i",{className:"iconfont icon-copy"}),"拷贝"),_react2.default.createElement(_button2.default,{className:"btn-export",onClick:this.onExport},_react2.default.createElement("i",{className:"iconfont icon-export"}),"导出")),_react2.default.createElement(_col2.default,{className:"query-filed",xs:4},_react2.default.createElement(_input2.default,{placeholder:"请输入应用名称",onChange:function(e){var t=a.state.params;t.app=e.target.value.trim(),a.setState({params:t})}})),_react2.default.createElement(_col2.default,{className:"query-filed",xs:4},_react2.default.createElement(_input2.default,{placeholder:"请输入字典分类",onChange:function(e){var t=a.state.params;t.type=e.target.value.trim(),a.setState({params:t})}})),_react2.default.createElement(_col2.default,{className:"query-filed",xs:4},_react2.default.createElement(_input2.default,{placeholder:"请输入二级分类",onChange:function(e){var t=a.state.params;t.subType=e.target.value.trim(),a.setState({params:t})}})),_react2.default.createElement(_col2.default,{className:"query-filed",xs:4},_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,{height:this.props.height-140,values:this.state.values,onEdit:this.onEdit,onReturn:function(){a.setState({showView:!1})}}):"",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:!0})}}):"",this.state.showEditBatch?_react2.default.createElement(FormEditBatch,{height:this.props.height-140,values:this.state.values,onSave:this.onSave,onCancel:function(){a.setState({showEditBatch:!1})}}):""))}}]),t}();exports.default=CfgDictionaryList;